@charset "utf-8";
body{font-family: "Microsoft YaHei"; font-size:12px; line-height:24px;}
.container{width: 100%;max-width: 1200px;margin: 0 auto;}
.head_wap{display: none;}
.hide{display: none;}
.show{display: block;}
/* 头部 */
.head{}
.head .top{background: #000000;color: #fefefe;font-size: 14px;line-height: 36px;}
.head .logo{width: 330px;height: 50px;margin: 23px 0;}
.head .share{padding: 29px 0;}
.head .share li{display: inline-block;width: 38px;height: 38px;margin-left: 10px;position: relative;}
.head .share .hd_em{position: absolute;top: 120%;left: calc(50% - 91px);width: 183px;height: 196px;background: url(../images/hd_em.png) no-repeat center top/cover;z-index: 99;text-align: center;border-radius:10px;padding-top: 33px;opacity: 0;visibility: hidden;transition: all 0.4s ease-in-out;}
.head .share li:hover .hd_em{opacity: 1;visibility: inherit;transition: all 0.4s ease-in-out;}
.head .nav{background: #f7f7f7;}
.head .nav .con{max-width: 1300px;}
.head .nav li{float: left;font-size: 18px;color: #000000;line-height: 46px;position: relative;width: 12.5%;text-align: center;}
.head .nav li.on{font-weight: bold;}
.head .nav li.on:after{content: "";display: block;width: 40px;height: 3px;background: #000000;position: absolute;bottom: 0;left: calc(50% - 20px);}
.navhide{background: #fff;width: 130px;position: absolute;left: 50%;margin-left: -65px;top: 100%;z-index: 999;transition: .25s;opacity: 0;visibility: hidden;box-shadow: 0 5px 20px rgba(0,0,0,.1);}
.navhide a{font-size: 15px;display: block;line-height: 40px;color: #666;text-align: center;position: relative;}
.navhide a:after{content: "";position: absolute;bottom: 0;width: 90%;height: 1px;background-color: #eeeeee;left: 5%;}
.navhide a:hover{color: #db0000;transition: all 0.4s ease-in-out;}
.head .nav li:hover .navhide{opacity: 1;visibility: inherit;}
.head .sou{position: relative;padding-left: 6px;cursor:pointer;}
.head .sou .s-but{padding: 28px 0;}
.head .search{position: absolute;right: 0;opacity: 0;visibility: hidden;transition: all 0.5s ease-in-out;}
.head .search input{height: 34px;border: 1px solid #e5e9f2;width: 250px;padding: 0 1rem;font-size: 14px;}
.head .search button{float: right;border: 0;background: #3c4858;color: #fff;height: 32px;font-size: 14px;padding: 0 1.5rem;cursor:pointer;}
.head .sou:hover .search{opacity: 1;visibility: inherit;transition: all 0.5s ease-in-out;}


/* start */
.cofff{color: #ffffff !important;}
.t-lf{text-align:left !important;}
.lm_tit{text-align: center;font-size: 20px;color: #000000;line-height: 1.6;text-transform:uppercase;}
.lm_tit h3{font-size: 36px;font-weight: bold;}
.lm_tit h3:after{content: "";display: block;width: 72px;height: 2px;background: #000000;margin: 10px auto;}

.swiper-ban{height: 800px;}
.swiper-ban a{display: block;width: 100%;height: 100%;}
.page-ban{bottom: 20px !important;}
.page-ban span{width: 26px;height: 6px;background: #ffffff;border-radius:10px;opacity: 1;margin: 0 12px !important;}
.page-ban .swiper-pagination-bullet-active{width: 52px;transition: all 0.4s ease-in-out;}

.home1{padding: 60px 0;background: url(../images/bj1.jpg) no-repeat center top;}
.home1 .lm_tit h3:after{margin: 10px 0;}
.home1 .con{margin-top: 40px;}
.home1 .m1{width: 705px;font-size: 16px;color: #434343;line-height: 2;}
.home1 .m1 h3{font-size: 20px;color: #000000;margin-bottom: 2px;}
.home1 .m1 .item{margin-bottom: 30px;}
.home1 .m1 .more{width: 152px;line-height: 36px;background: #0d4583;text-align: center;font-size: 18px;color: #fff;border-radius:10px;}
.home1 .m1 .more i{margin-left: 20px;}
.home1 .m2{width:453px;}
.home1 .m2 .video{border: 1px solid #a7a8a9;border-radius:10px;position: relative;}
.home1 .m2 .pay{position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: url(../images/pay.png) no-repeat center;cursor:pointer;}
.home1 .m2 ul{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 30px;}
.home2 .screen{margin-top: 40px;}
.home2 .screen li{float: left;width: 160px;margin-right: 48px;border-bottom: 1px solid #dcdcdc;font-size: 18px;color: #aaaaaa;text-align: center;padding: 5px 0;cursor:pointer;}
.home2 .screen li i{float: right;font-size: 16px;position: relative;top:8px;}
.home2 .screen li:hover,.home2 .screen li.on{border-bottom: 1px solid #0d4583;color: #0d4583;}
.home2 .screen li:last-of-type{margin-right: 0;}
.home2 .con{margin-top: 40px;}
.home2 .con li,.pro .con li{float: left;width: 247px;font-size: 16px;color: #000000;margin-right: 70px;margin-bottom: 40px;}
.home2 .con li .pic,.pro .con li .pic{width: 100%;height: 247px;border: 1px solid #d2d2d2;border-radius:10px;padding: 7px;}
.home2 .con li .more,.pro .con li .more{width: 172px;line-height: 40px;background: #eeeeee;text-align: center;margin: 0 auto;border-radius:30px;margin-top: -20px;position: sticky;transition: all 0.4s ease-in-out;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.home2 .con li:hover,.pro .con li:hover{color: #fff;}
.home2 .con li:hover .more,.pro .con li:hover .more{background: #0d4583;transition: all 0.4s ease-in-out;}
.home2 .con li:nth-child(4n+4),.pro .con li:nth-child(4n+4){margin-right: 0;}
.home3{padding-bottom: 70px;}
.home3 .con{margin-top: 40px;}
.home3 .con li{float: left;width: 31%;box-shadow: 0 0 15px rgba(0,0,0,.1);font-size: 18px;color: #333333;line-height: 1.7;margin-right: 3.5%;}
.home3 .con .pic{width: 100%;overflow: hidden;}
.home3 .con .text{padding: 25px 20px;}
.home3 .con li:last-of-type{margin-right: 0;}
.foot{height: 670px;background: url(../images/bjft.png) no-repeat center top/cover;position: relative;padding-top: 65px;}
.foot .lm_tit h3:after{background: #fff;margin: 10px 0;}
.foot .m1{font-size: 16px;color: #ffffff;line-height: 2;margin-top: 40px;}
.foot .m1 em{font-size: 24px;}
.foot .m2{margin-top: 30px;}
.foot .m2 li{float: left;width: 19%;background: rgba(255,255,255,0.25);text-align: center;margin-right: 1.25%;font-size: 14px;line-height: 2.8;color: #fff;padding: 30px 0;border-radius:10px;cursor:pointer;position: relative;overflow: hidden;}
.foot .m2 li .code{position: absolute;width: 100%;height: 100%;top: 0;left: 0;display: -webkit-box;-webkit-box-align: center;-webkit-box-pack: center;padding: 15px 0;opacity: 0;visibility: hidden;transition: all 0.4s ease-in-out;background: rgba(0,0,0,0.5);}
.foot .m2 li .code img{max-height: 100%;border-radius:4px;}
.foot .m2 li:hover .code{opacity: 1;visibility: inherit;transition: all 0.4s ease-in-out;}
.foot .m2 li:last-of-type{margin-right: 0;}
.foot .m2 li:hover .ico{transform: rotateY(360deg);-o-transform: rotateY(360deg);-ms-transform: rotateY(360deg);-moz-transform: rotateY(360deg);-webkit-transform: rotateY(360deg);transition: .6s;-o-transition: .6s;-moz-transition: .6s;-webkit-transition: .6s;}
.copyright{width: 100%;bottom: 0;left: 0;text-align:center;font-size: 14px;color: #fff;line-height: 2;background: #1b1b1b;padding: 21px 0;}
.ban{height: 400px;}
.pro{padding: 80px 0;}
.pro .bt{font-size: 18px;color: #626262;line-height: 1.8;margin: 7px 0;}
.pro .bt strong{font-size: 26px;color: #000000;}
.pro .bt i{font-size: 26px;color: #d61419;margin: 0 15px;}
.p-screen{border: 1px solid #bfbfbf;border-radius:5px;padding: 0 30px;}
.p-screen .select{margin-left: 30px;}
.p-screen .select li{float: left;font-size: 18px;color: #bfbfbf;line-height: 60px;padding: 0 33px;position: relative;cursor:pointer;}
.p-screen .select li span{display:block;}
.p-screen .select li span i{margin-left: 6px;}
.p-screen .select li ul{position: absolute;top: 85%;left: calc(50% - 75px);width: 150px;background: #dcdcdc;z-index: 99;border-radius:5px;overflow: hidden;opacity: 0;visibility: hidden;transition: all 0.4s ease-in-out;}
.p-screen .select li ul p{line-height: 34px;border-bottom: 1px solid #fff;text-align: center;font-size: 16px;color: #333333;}
.p-screen .select li ul p:hover{background: #0d4583;color: #fff;}
.p-screen .select li ul p:last-of-type{border-bottom: 0;}
.p-screen .select li:hover span{color: #333333;}
.p-screen .select li:hover ul{opacity: 1;visibility: inherit;transition: all 0.4s ease-in-out;}
.p-screen .select li:before{content: "";display: block;position: absolute;width: 1px;height: 20px;background: #bfbfbf;left: 0;top: calc(50% - 10px);}
.pro .con{margin-top: 40px;}
.custom{padding: 60px 0;}
.custom .con{margin-top: 50px;}
.custom .con li{float: left;width: 290px; background: #f7f7f7;padding: 15px 15px;border-radius:10px;overflow: hidden;margin-right: 13px;margin-bottom: 20px;color: #666666;line-height: 1.8;}
.custom .con li h3{font-size: 20px;color: #030520;}
.custom .con li .pic{width: 100%;border-radius:15px;overflow: hidden;}
.custom .con li .text{margin-top: 11px;}
.custom .con li:nth-child(4n+4){margin-right: 0;}
.query{padding: 60px 0;}
.query .con{background: #f7f7f7;margin-top: 40px;padding-bottom: 20px;}
.query .con .w1{background: #dcdcdc;line-height: 70px;padding: 0 35px;border-top-left-radius: 10px;border-top-right-radius: 10px;font-size: 18px;color: #535353;}
.query .con .w1 i{margin-right: 10px;}
.query .con .w2{padding: 0 35px;font-size: 14px;color: #666666;line-height: 1.8;}
.query .con .form{width: 450px;margin: 0 auto;padding: 70px 0;}
.query .con .form input{display: block;width: 100%;height: 48px;border: 1px solid #a0a0a0;background: #eeeeee;font-size: 18px;padding-left: 25px;color: rgba(0,0,0,0.4);margin-bottom: 30px;}
.query .con .form button{display: block;width: 100%;height: 44px;border: 0;background: #626262;font-size: 16px;color: #ffffff;cursor:pointer;}
.our{padding: 60px 0;}
.our .con{margin-top: 35px;}
.our .row{float: left;width: 33.33%;}
.our .row .pic{width: 100%;height: 235px;}
.our .row .text{width: 100%;height: 235px;background: #103675;color: #fff;font-size: 14px;line-height: 1.8;padding: 50px 55px 0;position: relative;}
.our .row .text h3{width: max-content;font-size: 24px;font-weight:bold;border-bottom: 2px solid #fff;margin-bottom: 7px;}
.our .row .text span{font-family:DINPro;display: block;position: absolute;bottom: 0;right: 0;font-size: 85px;opacity: 0.15;line-height: 70px;}
.zhaos{background: #fbfbfb;padding: 6.5vw 0;}
.zhaos .con{text-align: center;}
.zhaos .con .item{display:inline-block;background: #fff;width: 430px;box-shadow: 0 0 10px rgba(0,0,0,.1);border-radius:10px;padding: 35px 50px 30px;margin: 0 2vw;color: #103675;}
.zhaos .con .item .ico{width: 100px;height: 100px;border-radius:100%;}
.zhaos .con .item .info{text-align: left;margin-left: 30px;font-size: 15px;line-height: 1.7;text-transform:uppercase;}
.zhaos .con .item .info h3{font-size: 22px;font-weight: bold;}
.zhaos .con .item .info .more{width: 100px;border: 1px solid #dddddd;font-size: 12px;color: #666666;text-align: center;line-height: 28px;border-radius:30px;margin-top: 25px;background: #fff;}
.zhaos .con .item .info .more i{transform:translateY(-2px);margin-left: 6px;}
.zhaos .con .item:hover{background: #103675;color: #ffffff;}
.zhaos .con .item:hover .ico{filter: brightness(100);}
.contact{padding: 60px 0;}
.contact .con{margin-top: 50px;}
.contact .con .bt{font-size: 24px;color: #000000;line-height: 2;margin-bottom: 15px;}
.contact .con .text{width: 50%;font-size: 16px;color: #333333;line-height: 2;}
.contact .con .text h3{font-size: 18px;}
.contact .con .item{display: flex;flex-wrap: wrap;justify-content: space-between;}
.contact .con .item input{width: 32%;height: 34px;border: 1px solid #e5e5e5;margin-bottom: 10px;padding-left: 15px;}
.contact .con .item textarea{width: 100%;height: 34px;border: 1px solid #e5e5e5;margin-bottom: 10px;padding: 7px 15px;}
.contact .con .item button{background: #103675;color: #fff;border: 0;width: 135px;height: 36px;font-size: 14px;cursor:pointer;}
.contact .con .form{margin-top: 25px;}
.contact .map{width: 100%;height: 490px;margin-top: 50px;}
.news{padding: 60px 0;}
.news .con{margin-top: 40px;}
.news .row{border: 1px solid #dcdcdc;padding: 30px 30px;margin-bottom: 20px;}
.news .row .pic{width: 370px;overflow: hidden;}
.news .row .text{width: 64%;font-size: 18px;color: #333333;line-height: 1.7;}
.news .row .text h3{font-weight: bold;margin-bottom: 10px;}
.news .row .text h3:hover{color: #103675;}
.news .row .text span{display:block;font-size: 14px;margin: 12px 0;}
.news .row .text .more{width: 135px;border: 1px solid #1b1b1b;text-align: center;line-height: 34px;font-size: 14px;border-radius:10px;margin-top: 35px;transition: all 0.4s ease-in-out;}
.news .row .text .more i{margin-left: 12px;}
.news .row .text .more:hover{background: #103675;color: #fff;transition: all 0.4s ease-in-out;}
.news .row .text .more:hover i{filter: invert(1);}
.ab1{padding: 60px 0;}
.ab1 .con{margin-top: 40px;}
.ab1 .con .text{width: 665px;font-size: 16px;color: #000000;line-height: 2;padding: 10px 0;}
.ab1 .con .pic{width:485px;}
.ab2{padding: 60px 0;background: url(../images/bj3.png) no-repeat center top;}
.ab2 .m1{margin-top: 40px;}
.ab2 .m2{margin-top: 45px;}
.ab2 .m2 .row{float: left;width: 355px;height: 355px;background: url(../images/bj2.png) no-repeat center center/cover;display: -webkit-box;-webkit-box-align: center;-webkit-box-pack: center;margin-right: 66px;}
.ab2 .m2 .row .ico{width: 180px;height: 180px;background: #fff;border-radius:100%; cursor:pointer}
.ab2 .m2 .row .ico img{transition:all .5s ;
-moz-transition: all .5s; /* Firefox 4 */
-webkit-transition:all .5s; /* Safari 和 Chrome */
-o-transition: all .5s; /* Opera */}
.ab2 .m2 .row:hover img{transform: scale(1.1)}
.ab2 .m2 .row:last-of-type{margin-right: 0;}
.ab3{background: #f7f7f7;padding: 60px 0;}
.swiper-zz .swiper-slide{width: 350px;box-shadow: 0 0 15px rgba(0,0,0,.15);margin: 40px 0;background: #fff;display: -webkit-box;-webkit-box-align: center;-webkit-box-pack: center; }
.swiper-zz .page-zz{position: static;}
.swiper-zz .page-zz span{width: 11px;height: 4px;background: #103675;border-radius:10px;opacity: 1;}
.swiper-zz .page-zz .swiper-pagination-bullet-active{width: 30px;transition: all 0.4s ease-in-out;}
.ab4{padding: 70px 0 30px;}
.ab4 .con{position: relative;}
.ab4 .prev-ry{width: 34px;height: 62px;outline: none;left: -100px;}
.ab4 .next-ry{width: 34px;height: 62px;outline: none;right: -100px;}
.ab4 .swiper-slide{background: #fff;height: 355px;text-align: center;padding: 0 20px;box-shadow: 0 0 10px rgba(0,0,0,.1);margin: 40px 0;}
.ab4 .pic{width: 100%;height: 260px;padding: 25px 0;display: -webkit-box;-webkit-box-align: center;-webkit-box-pack: center;border-bottom: 1px solid #dddddd;}
.ab4 .text{font-size: 18px;color: #103675;line-height: 2;margin-top: 30px;}
.ab5{background: #f7f7f7;padding: 60px 0;}
.ab5 .gallery-thumbs{background: url(../images/chidu.png) no-repeat center top 60px;padding-top: 60px;margin-top: 30px;}
.ab5 .gallery-thumbs .swiper-slide{width: 172px !important;text-align: center;font-size: 26px;color: #969696;line-height: 2;}
.ab5 .gallery-thumbs .swiper-slide span{position: relative;display: block;font-weight: bold;}
.ab5 .gallery-thumbs .swiper-slide .spot{width: 12px;height: 12px;background: #0d4583;margin: 0 auto;border-radius:100%;margin-top: 18px;margin-bottom: 5px;}
.ab5 .gallery-thumbs .swiper-slide-thumb-active{font-size: 36px;color: #0d4583;}
.ab5 .gallery-thumbs .swiper-slide-thumb-active span{bottom: 100px;transition: all 0.4s ease-in-out;}
.ab5 .gallery-top{margin-top: 30px;}
.ab5 .gallery-top .swiper-slide{background: #fcfcfc;}
.ab5 .gallery-top .pic{width: 45%;overflow: hidden;}
.ab5 .gallery-top .text{width: 55%;padding-left: 4.5vw;padding-top: 2vw;}
.ab5 .gallery-top .text .year{font-size: 18px;color: #0d4583;line-height: 2;font-weight: bold;}
.ab5 .gallery-top .text .year strong{font-size: 36px;}
.ab5 .gallery-top .text .year em{position: relative;bottom: 16px;left: 12px;}
.ab5 .gallery-top .text .year:after{content: "";display: block;width:48px;height: 1px;background: #0d4583;margin: 8px 0;}
.ab5 .gallery-top .text .info{font-size: 18px;color: #000000;line-height: 1.7;margin-top: 18px;}
.ab5 .gallery-top .text .info h3{font-weight: bold;}
.ab5 .gallery-top .fy{position: absolute;width: 55%;right: 0;bottom: 10px;z-index: 999;padding-left: 4.5vw;}
.ab5 .prev-lc{position: static;display: inline-block;width: 44px;height: 34px;line-height: 30px;text-align: center;color: #fff;background: #8f8e8f;opacity: 1 !important;font-size: 20px;}
.ab5 .next-lc{position: static;display: inline-block;width: 44px;height: 34px;line-height: 30px;text-align: center;color: #fff;background: #8f8e8f;opacity: 1 !important;font-size: 20px;}
.ab5 .prev-lc:hover,.ab5 .next-lc:hover{background: #0d4583;color: #fff;}
.change .row:nth-child(even) {
    flex-direction: column-reverse;
    display: flex;
}

/* pages */
:root{
    --main-color:#103675
}
.pages {
    display: flex;
    justify-content: center;
}

.pages span,
.pages a {
    padding: 8px 15px;
    border: 1px solid #e6e6e6;
    font-size: 16px;
    color: #969696;
    border-radius: 5px;
    margin: 0 5px;
}

.pages span:hover,
.pages a:hover {
    color: #fff;
    background-color: var(--main-color);
}

.pages a.current-page {
    color: #fff;
    background-color: var(--main-color);
}


/* pages end */