* {
    margin: 0;
    padding: 0;
}

body {
    margin: 0 auto;
    font-size: 13px;
    font-family: Tahoma, Arial, sans-serif;
    color: #232323;
    background: #FFFFFF;
    line-height: 25px
}

a:link {
    text-decoration: none;
}

a {
    color: black
}

.header {
    background-color: #ccc;
}

.txt01 h2 {
    font-size: 20px;
}

.header-class {
    margin: 0 auto;
    width: 1200px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.header .img {
    background-color: rgb(81, 165, 213);
    padding: 0 10px;
}

.header span {
    display: inline-block;
    margin: 0 20px;
}

.header span img {
    margin: 5px 0;
    width: 25px;
    height: 25px;
}

.banner {
    display: flex;
    justify-content: start;
    align-items: center;
    width: 1200px;
    margin: 0 auto;
}

.banner .head_banner {
    width: 85%;
}

.list {
    background-color: rgb(8, 121, 181);
    margin: 0 auto;
}

.list ul {
    width: 1200px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    list-style: none;
    display: flex;
    justify-content: space-between;
    color: white;
    list-style: none;
}

.list a {
    color: white;
}


.list ul li {
    background-color: rgb(8, 121, 181);
    width: 12%;
    text-align: center;
    padding: 10px 30px;
}

.list ul .red {
    height: 100%;
    background-color: rgb(171, 1, 12);
}

.list ul li:hover {
    height: 100%;
    background-color: rgb(171, 1, 12);
}

.slide-div {
    width: 1200px;
    display: flex;
    justify-content: space-between;
    margin: 30px auto;
}

.slide-div .txt01 {
    width: 49%;
    height: 400px;
    margin-left: 30px;
}

.slide-div .txt01 h2 {
    color: cornflowerblue;
    margin-bottom: 20px;
    font-weight: normal;
}

.slide-div .txt01 h2 a {
    color: cornflowerblue;
    margin-bottom: 20px;
    font-weight: normal;
}

.slide-div .txt01 p {
    text-indent: 2rem;
    border-bottom: 1px dashed cadetblue;
    padding-bottom: 20px;
    line-height: 2em;
    font-size: 14px;
}

.slide-div .txt01 p a:hover {
    color: chocolate;
}

.slide-div .txt01 ul {
    margin-left: 20px;
}

.slide-div .txt01 ul li {
    margin: 10px 0;
    line-height: 1.4em;
    font-size: 14px;
}

.slide-div .txt01 ul li:hover {
    color: chocolate;
}

.slide-div .txt01 ul li a {
    margin: 10px 0;
    line-height: 1.4em;
    font-size: 14px;
}

.slide-div .txt01 ul li a:hover {
    color: chocolate;
}

.swiper-contione {
    width: 600px;
    height: 400px;
    overflow: hidden;
    position: relative;
}

.swiper {
    width: 9999999px;
    height: 400px;
    transition: all 1s ease;
}

.swiper-item-1 {
    width: 600px;
    height: 400px;
    float: left;
    position: relative;
}

.swiper-item-1 a {
    color: #fff;
    /*line-height: 1.4em;*/
    font-size: 14px;
}

.swiper-item-1 img {
    width: 600px;
    height: 400px;
    object-fit: cover;
}

.swiper-item-1 p {
    width: 100%;
    height: 50px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(8, 121, 181, 0.5);
    color: #fff;
    text-align: center;
    line-height: 50px;
    cursor: pointer;
}

.swiper-point {
    width: 100%;
    height: 40px;
    position: absolute;
    bottom: 0;
    right: -250px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.point {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.9);
    margin-right: 5px;
    float: left;
}

.point img {
    width: 100%;
    height: 100%;
}

.point.active {
    background: #fff;
}

.tui, .shu, .fa, .jiao {
    display: flex;
    justify-content: space-between;
    width: 1200px;
    margin: 0 auto;
}

.tui-left {
    width: 50%;
}

.tui-left-left {
    margin-left: 30px;
}

.tui-left-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #ccc;
}

.tui-left-top h4 {
    border-bottom: 3px solid #0879b5;
    margin-bottom: -2px;
}

.tui-left-top p {
    color: #0879b5;
    font-size: 14px;
}

.tui-left-top p a:hover {
    color: chocolate;
}

.tui-img ul li {
    line-height: 1.4em;
    font-size: 14px;
}

.book {
    width: 1200px;
    margin: 15px auto;
    padding: 0px;
    background-color: rgb(175, 223, 228);
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
}

.book ul {
    list-style: none;
    width: 100%;
    margin-left: 60px;
    display: flex;
    justify-content: start;
}

.book ul li {
    width: 150px;
    margin: 0 15px;
}

.book ul li span {
    display: inline-block;
    text-align: center;
    width: 100%;
}

.book ul li img {
    height: 200px;
    object-fit: contain;
}

.arr {
    height: 80px;
}

.zhu {
    width: 1200px;
    margin: 15px auto;
    display: flex;
    justify-content: start;
    align-items: center;
}

.zhu p {
    width: 20px;
    line-height: 24px;
    font-size: 20px;
    background-color: rgb(8, 121, 181);
    color: white;
    padding: 20px 10px;
    /*margin-right: 20px;*/
}

.zhu .zhu-slide {
    width: 1160px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.zhu div ul {
    list-style: none;
    width: 100%;
    /* overflow: hidden; */
    display: flex;
    justify-content: start;
    margin-left: 30px;
}

.zhu div ul li {
    margin: 0 5px;
}

.zhu div ul li img{
    height: 100%;
    width: 265px;
    object-fit: cover;
}

.shu-left {
    width: 49%;
}

.shu-left-bot {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}

.shu-left-bot ul {
    font-size: 14px;
    line-height: 1.4em;
}

.shu-left-bot ul li {
    margin: 15px;
}

.shu-left-bot ul li:hover {
    color: chocolate;
}

.shu-left-bot ul li a:hover {
    color: chocolate;
}

.shu-left-bot .Shuziyingshi_01 {
    width: 48%;
    height: 290px;
}

.shu-left-bot .Shuziyingshi_01 img {
    width: 100%;
    height: 100%;
}

.shu-left-bot .Shuziyingshi_01 span {
    display: inline-block;
    padding: 12px 0;
}

.shu-left-bot .imgList {
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
    width: 51%;
    height: 290px;
}

.shu-left-bot .imgList img {
    width: 100%;
    height: 100%;
}

.shu-left-bot p {
    position: relative;
    width: 46%;
    height: 140px;
    margin: 5px;
}

.shu-left-bot p span {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, .5);
    color: white;
    text-align: center;
}

.swiper-contione-shu {
    width: 200px;
    height: 280px;
    overflow: hidden;
    position: relative;
}

.swiper-shu {
    width: 9999999px;
    height: 280px;
    transition: all 1s ease;
}

.swiper-item-shu {
    width: 200px;
    height: 280px;
    float: left;
    position: relative;
}

.swiper-item-shu img {
    width: 100%;
    height: 280px;
    object-fit: contain;
}

.swiper-point-shu {
    width: 100%;
    height: 40px;
    position: absolute;
    bottom: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.swiper-point-shu .point {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.9);
    margin-right: 5px;
    float: left;
}

.swiper-point-shu .point img {
    width: 100%;
    height: 100%;
}

.swiper-point-shu .point.active {
    background: #fff;
}

.mid_banner_1 {
    width: 1200px;
    margin: 15px auto;
    text-align: center;
    /* margin-left:49px; */
}

.tui-img {
    display: flex;
    justify-content: start;
}

.tui-img img {
    width: 180px;
    height: 260px;
    object-fit: contain;
}

.tui-img ul {
    margin-left: 80px;
}

.tui-img ul li {
    margin: 10px 0;
}

.tui-img ul li:hover {
    color: chocolate;
}

.tui-img ul li a:hover {
    color: chocolate;
}

.fa-left {
    width: 30%;
}

.fa-left-1 {
    width: 28% !important;
}

.fa-left-2 {
    width: 43% !important;
    margin: 0 40px;
}

.fa-left-3 {
    width: 28% !important;
}

.fa-left ul {
    margin-left: 25px;
    margin-top: 15px;
}

.fa-left ul li {
    margin: 10px 0;
    line-height: 1.4em;
    font-size: 14px;
}

.fa-left ul li img {
    width: 155px;
    height: 250px;
    object-fit: contain;
}

.fa-left-bot ul {
    list-style: none;
    display: flex;
    justify-content: space-between;
    margin: 20px 0;
    list-style: none;
}

.fa-left-bot ul li {
    width: 25%;
    text-align: center;
}

.fa-left-bot ul li a:hover {
    color: chocolate;
}

.fa-left-bot ul li img {
    width: 100px;
    height: 150px;
}

.fa-left-bot ul li span {
    display: inline-block;
}

.jiao .swiper-contione-fa {
    width: 100%;
    height: 280px;
    margin: 20px 0;
}

.swiper-contione-fa {
    width: 360px;
    height: 280px;
    overflow: hidden;
    position: relative;
}

.swiper-fa {
    width: 9999999px;
    height: 280px;
    transition: all 1s ease;
}

.swiper-item-fa {
    width: 360px;
    height: 280px;
    float: left;
    position: relative;
}

.swiper-item-fa img {
    width: 100%;
    height: 280px;
    object-fit: cover;
}

.swiper-item-fa a {
    color: #fff;
}

.swiper-item-fa p {
    width: 100%;
    height: 50px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    text-align: center;
    line-height: 50px;
    cursor: pointer;
}

.swiper-point-fa {
    width: 100%;
    height: 40px;
    position: absolute;
    bottom: 0;
    right: -120px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.swiper-point-fa .point {
    text-align: center;
    width: 20px;
    height: 20px;
    /* border-radius: 50%; */
    background: rgba(0, 0, 0, 0.9);
    margin-right: 5px;
    float: left;
    font-size: 12px;
    color: white;
}

.swiper-point-fa .point img {
    width: 100%;
    height: 100%;
}

.swiper-point-fa .point.active {
    background: #fff;
    color: black;
}

.fa-left-slide {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.fa-left-slide ul {
    list-style: none;
    display: flex;
    justify-content: space-between;
}

.fa-left-slide .arr0 {
    height: 30%;
}

.he {
    width: 1200px;
    margin: 0 auto;
    box-sizing: border-box;
    font-size: 14px;
}

.he-top {
    display: flex;
    justify-content: start;
    border-bottom: 1px solid #ccc;
}

.he-top p {
    font-weight: bolder;
    cursor: pointer;
}

.text {

    color: #ab010c;
    border-bottom: 3px solid #0879b5;
    margin-bottom: -2px;
}

.marg {
    margin: 0 20px;
    font-size: 14px;
}

.he-top-he-ul {
    display: block;
}

.footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 1200px;
    margin: 0 auto;
    font-size: 14px;
}

.footer-right {
    display: flex;
    justify-content: space-between;
    text-align: center;
}

.footer-right .footer-right-left {
    margin: 0 20px;
}

.footer-left ul {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    list-style: none;
}

.footer-left p {
    margin: 10px 0;
}

.fa-ul {
    width: 80%;
    overflow: hidden;
    list-style: none;
}

.tui-left-text {
    margin-top: 15px;
    line-height: 1.4em;
    font-size: 14px;
}

.tui-left-text a:hover {
    color: chocolate;
}

.tui-left-text div p {
    font-weight: bolder;
    margin-bottom: 15px;
}

.tui-left-text div span {
    display: inline-block;
    margin-bottom: 30px;
    color: rgb(90, 88, 88);
}

.he ul {
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
    list-style: none;
    margin: 15px -15px;
}

.he ul li {
    margin: 5px 15px;
}

.swiper-contione-book {
    width: 100%;
    /*height: 250px;*/
    overflow: hidden;
    margin: 20px auto;
    position: relative;
}

.swiper-book {
    /* width: 9999999px; */
    /*height: 250px;*/
    transition: all 1s ease;
}

.swiper-item-book {
    width: 150px;
    /*height: 250px;*/
    float: left;
    position: relative;
    font-size: 14px;
    text-align: center;
}

.swiper-item-book img {
    width: 150px;
    height: 250px;
}

.swiper-left-book {
    width: 60px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s ease;
    background-color: rgb(175, 223, 228);
}

.swiper-right-book {
    width: 60px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s ease;
    background-color: rgb(175, 223, 228);
}

.swiper-left-book img,
.swiper-right-book img {
    cursor: pointer;
}


.swiper-contione-zhu {
    width: 100%;
    height: 180px;
    overflow: hidden;
    margin: 20px auto;
    position: relative;
}

.swiper-zhu {
    width: 9999999px;
    height: 180px;
    transition: all 1s ease;
}

.swiper-item-zhu {
    width: 265px;
    height: 180px;
    float: left;
    position: relative;
}

.swiper-left-zhu {
    width: 30px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s ease;
    background-color: #fff;
}

.swiper-right-zhu {
    width: 30px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s ease;
    background-color: #fff;
}

.swiper-left-zhu img,
.swiper-right-zhu img {
    cursor: pointer;
}

.swiper-contione-jiao {
    overflow: hidden;
    position: relative;
}

.swiper-jiao {
    transition: all 1s ease;
}

.swiper-left-jiao {
    width: 25px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s ease;
    background-color: #fff;
}

.swiper-right-jiao {
    width: 25px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s ease;
    background-color: #fff;
}

.swiper-left-jiao img,
.swiper-right-jiao img {
    cursor: pointer;
}

/* .swiper-contione-jiao {
    width: 100%;
    height:250px;
    overflow: hidden;
    margin: 20px auto;
    position: relative;
}

.swiper-jiao {
    width: 9999999px;
    height: 250px;
    transition: all 1s ease;
}

.swiper-item-jiao {
    width:250px;
    height: 250px;
    float: left;
    position: relative;
}

.swiper-item-jiao img {
    width:100%;
    height: 200px;
}
.swiper-left-jiao {
    width: 60px;
    height: 100%;
    position: absolute;
    top: 0;
    left:0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s ease;
}

.swiper-right-jiao {
    width: 60px;
    height: 100%;
    position: absolute;
    top: 0;
    right:0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s ease;
}

.swiper-left-jiao img,
.swiper-right-jiao img {
    cursor: pointer;
} */