.p_ban{width: 94.7%;margin-left: 3.4%;}
.m_ban{display: none;}
.banner{position: relative;background-repeat: no-repeat;}
.banner img{display: block;width: 100%;transition: 3s linear 0s;}
.banner .swiper-pagination-bullet{width: 16px;height: 16px;border-radius: 50%;border: none;background: #6fc0e4; opacity: 1;}
.banner .swiper-pagination-bullet-active{background-color: #00a2e9;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 9px;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 50px;left: 0;width: 100%;text-align: center;}
.banner:after{content: "";display: block;background: #daf6ff;height: 27.4vw;width: 3.6%;position: absolute;bottom: 0;left: 0;}
.banner .p_ban>img{width: 3.75vw;position: absolute;right: 0;top: 0;z-index: 2;}
.banner .swiper-container{width: 100%;}
.title em{font-size: 2.8vw;font-weight: bold;text-transform: capitalize;color: #00a2e9;line-height: 1.5;margin-bottom: 1.5vw;display: block;}
.title h5{font-size: 28px;color: #007eb5;line-height: 1.5;font-weight: normal;letter-spacing: 0.2em;}

.more{width: 139px;height: 45px;line-height: 45px;font-size: 16px;color: #164161;background: #fff;box-sizing:border-box; border:1px solid #164161;position: relative;display: block;text-align: center;}
.more:after{background: #164161;width: 100%;height: 100%;content: "";display: block;position: absolute;left: -9px;top: 9px;z-index: -1;
transition:.3s all ease;-ms-transition:.3s all ease;-webkit-transition:.3s all ease;}

.btns{margin-top: 3.85vw;}
.btns div{width: 38px;height: 32px;float: right;background: url(../images/per.png) no-repeat;background-size: 100%;margin: 0 15px;cursor: pointer;}
.btns div.next{transform: rotate(180deg);-ms-transform: rotate(180deg);-webkit-transform: rotate(180deg);}

.box-about{margin-bottom: 6.08vw;}
.box-about .title{margin: 6vw auto 1.5vw auto;}
.box-about p{line-height: 2.0;color: #000000;}
.box-about .fr{width: 38.5%;margin-right: 9.8%;}
.box-about .fl{width: 51.7%;/*background: url(../images/bg1.jpg) no-repeat fixed;background-size: cover;*/}
.box-about .fl img{display: block;width: 100%;} 

.box-ser{position: relative;padding: 35px 0 7.13vw 0;overflow: hidden;margin-bottom: 30px;}
.box-ser .top{width: 80.2%;margin: 0 auto 27px auto;}
.box-ser .title em{margin-bottom: 1.7vw;}
.box-ser .bottom{width: 90%;margin-left: 10%;}
.box-ser .bottom a{position: relative;display: block;border-radius: 7px;overflow: hidden;background: #000;height: 30.9vw;}
.box-ser img{display: block;width: 100%;height: 100%;object-fit: cover;}
.box-ser .txt{position: absolute;padding: 2vw 3.6vw;box-sizing:border-box;width: 100%;left: 0;bottom: 0;
   /* background: -webkit-linear-gradient(rgba(0,0,0,0),#5599d3);background: -ms-linear-gradient(rgba(0,0,0,0),#5599d3);background: linear-gradient(rgba(0,0,0,0),#5599d3);*/}
.box-ser .txt h4{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size: 2vw;text-transform: capitalize;background: rgba(27, 86, 148, 0.6);display: inline-block;line-height: 1.5;padding: 5px 10px;
    line-height: 1.5;font-weight: bold;color: #fff;font-weight: bold;}
.box-ser .bg{background: -webkit-linear-gradient(#5599d3 , #2170aa);background: -ms-linear-gradient(#5599d3 , #2170aa);background: linear-gradient(#5599d3 , #2170aa);
    width: 15.6vw;height: 32vw;transform: skew(29deg);position: absolute;left: -9%;z-index: 5; bottom: 0;}
.box-ser .bg2{background: -webkit-linear-gradient(#5599d3 , #186aa4);background: -ms-linear-gradient(#5599d3 , #186aa4);background: linear-gradient(#5599d3 , #186aa4);
    width: 20.6vw;height: 14vw;transform: skew(29deg);position: absolute;right: -10%;z-index: -2;top: 0}

.box-advantage {padding-bottom: 5.2vw;position: relative;overflow: hidden;}
.box-advantage .swiper-pagination{display: none;}
.box-advantage .title{width: 80.2%;margin: 0 auto 2.6vw auto;}
.box-advantage .bg3{background: -webkit-linear-gradient(#5599d3 , #186aa4);width: 18.6vw;height: 88%;transform: skew(29deg);position: absolute;
    right: 9.5%;z-index: -2;bottom: 0}
.box-advantage .bottom{width: 80.2%;margin: 0 auto;}
.box-advantage .bottom li{border-radius: 7px;overflow: hidden;position: relative;}
.box-advantage .bottom li>a{display: block;pointer-events: none;}
.box-advantage .bottom li>a img{display: block;width: 100%;transition:.3s all ease;-ms-transition:.3s all ease;-webkit-transition:.3s all ease;}
.box-advantage .hd{position: absolute;color: #fff;left: 0;bottom: 0;width: 100%;padding: 2vw;box-sizing:border-box;display: table;vertical-align: baseline;
background: linear-gradient(transparent ,rgba(3,74,126,0.8));background: -ms-linear-gradient(transparent ,rgba(3,74,126,0.8));
background: -webkit-linear-gradient(transparent ,rgba(3,74,126,0.8));}
.box-advantage .hd span{font-weight: bold;font-size: 24px;margin-bottom: 1.5vw;display: inline-block;}
.box-advantage .hd i{display: none;font-size: 16px;line-height: 1.5;opacity: 0;font-style: normal;text-align: justify;
-webkit-line-clamp: 6;-webkit-box-orient: vertical;overflow: hidden;max-height: 9em;}

.box-case{margin: 0 auto;padding: 30px 10vw 7vw 10vw;width: 100%;box-sizing: border-box;overflow: hidden;position: relative;}
.box-case>img{position: absolute;left: 2.6%;bottom: 0;width: 48.9%;z-index: -1;}    
.box-case .more{float: left;margin-top: 2.6vw;}
.box-case .fl{width: 19.3%;color: #171717;padding-top: 4.5vw;line-height: 2.0;}
.box-case .title{margin-bottom: 2.3vw;}
.box-case .title em{margin-bottom: 2.2vw;}
.box-case .fr{width:76.6%;}
.PhotoList_i1 span{display: none;}
.box-case li{width: 23.76%;float: left;height: 10.6vw;margin-bottom: 0.8vw;}
.box-case li h4{color: #fff;font-size: 16px;display: block;width: 100%;height: 100%;line-height: 10.4vw;background: rgba(0,55,110,0.5);z-index: 3;
    position: absolute;left: 0;top: 0;text-align: center;opacity: 0; 
    transition:.3s all ease;-ms-transition:.3s all ease;-webkit-transition:.3s all ease;}
.box-case li img{display: block;width: 100%;height: 100%;object-fit:cover; position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);transition:.3s all ease;-ms-transition:.3s all ease;-webkit-transition:.3s all ease;}
.box-case li:nth-child(1) {width: 48.3%;height: 22vw;}
.box-case li:nth-child(1) h4{line-height: 22vw;}
.box-case li:nth-child(2),.box-case li:nth-child(4){margin: 0 1.2%;}
.box-case li a{border-radius: 9px;display: block;position: relative;overflow: hidden;height: 100%;width: 100%;}

.box-join{margin-bottom: 5.2vw;position: relative;overflow: hidden;}
.box-join>img{z-index: -1;position: absolute;left: 0;bottom: 0;width: 92%;}
.box-join .title{margin-bottom: 2.2vw;}
.box-join .title em,.box-join .title h5{color: #164161;}
.box-join .fl{width: 71%;margin-left: 10%;color: #f5a925;line-height: 1.5;padding: 0 0 3vw 0;position: relative;}
.box-join .fl h2{font-weight: bold;font-size: 2.6vw;}
.box-join .fl h3{font-size: 32px;}
.box-join .fl h4{font-size: 24px;font-weight: bold;color: #164161;font-style: italic;display: block;margin: 2.6vw 0 0 0; }
.box-join .fl .more{position: absolute;right: 0;bottom: 3vw;}
.icon-list li{float: left;width: 44.2%;margin-right: 11.6%;}
.icon-list li:nth-child(2n){margin-right: 0;}
.icon-list li h3{font-size: 18px;color: #ed9600;font-weight: bold;line-height: 39px;height: 39px;margin-bottom: 10px;
    background: url(../images/checkbox.png) left center no-repeat;padding-left: 50px;}
.icon-list li p{font-size: 14px;color: #00557a;line-height: 1.8;padding-left: 2.6vw;
display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;height: 5.4em;}
.box-join .swiper-pagination{display: none;position: static;}

.box-news{width: 80%;margin: 0 auto;overflow: hidden;}
.box-news .btns{margin-top: 4.8vw;}
.box-news .NewsList_g1{margin: 2vw auto 0 auto;padding: 30px 5px 0 5px;}
.box-news li{width: 27.6%;float: left;position: relative;box-sizing:border-box;border-radius: 7px;background: #daf6ff; background: -webkit-linear-gradient(135deg,#daf6ff ,#ffffff);
    background: linear-gradient(135deg,#daf6ff ,#ffffff);background: -ms-linear-gradient(135deg,#daf6ff ,#ffffff);
    padding: 3vw 1vw 2.6vw 1vw;overflow: hidden;transition:.4s all ease;-ms-transition:.4s all ease;-webkit-transition:.4s all ease;}
.box-news li h3{font-size: 18px;line-height: 1.65;margin-bottom: 1.6vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display: block;color: #007eb5;}
.box-news li p{font-size: 14px;line-height: 2.0;display: inline-block;color: #73bad9;
    display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;max-height: 4em;}
.box-news li .ntime{line-height: 1.0;margin-top: 3vw;}
.box-news li p:nth-last-child(1){display: none;}
.box-news li .nwimg{position: absolute;top: 0;left: 0;display: block;width: 100%;height: 100%;opacity: 0;transition:.4s all ease;
    -ms-transition:.4s all ease;-webkit-transition:.4s all ease;}
.box-news li .nwimg img{display: block;position: absolute;top:50%;left:50%;height: 100%; width:100%;object-fit:cover;-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);transition:.4s all ease;-ms-transition:.4s all ease;-webkit-transition:.4s all ease;}

.mob{display: none;}
@media screen and (min-width: 1025px){
    .box-advantage .bottom li:hover{background-color: rgb(3,74,126);}
    /*.box-advantage .bottom li:hover img{opacity: 0.2;}
    .box-advantage .bottom li:hover .hd{background: none;height: 100%;}*/
    .box-advantage .bottom li:hover .hd i{opacity: 1;display: block;display: -webkit-box;}
    .box-news li:hover{transform: translateY(-20px);-ms-transform: translateY(-20px);-webkit-transform: translateY(-20px);box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.05);}
    .box-news li:hover .nwimg{opacity: 1;}
    .more:hover{color: #164161;background: linear-gradient(#9ae0ff,#00a2e9);-ms-background: linear-gradient(#9ae0ff,#00a2e9);-webkit-background: linear-gradient(#9ae0ff,#00a2e9);border: none;}
    .more:hover:after{left: -5px;top:5px;}
    .box-case li a:hover img{transform: scale(1.1) translate(-45%,-45%);-ms-transform: scale(1.1) translate(-45%,-45%);-webkit-transform: scale(1.1) translate(-45%,-45%);}
    .box-case li a:hover h4{opacity: 1;}
    .banner .BannerShow_b1 [class*="active"] img {transform: scale(1.08);}
}
@media screen and (max-width: 1750px){
   .icon-list li{ margin-bottom: 1.5vw;}
}
@media screen and (max-width: 1350px){
    .box-about .fr{margin-right: 5%;width: 45%;}
    .box-about .fl{width: 50%;}
    .title h5{font-size: 1.5vw;}
    .title em{font-size: 2.3vw;}
    .box-about .title{margin-top: 4vw;}

    .btns div{width: 2vw;height: 1.5vw;}
    .box-join .fl{margin-right: 5%;}
    .box-join .fl h2{font-size: 2.3vw;}
    .box-join .fl h3{font-size: 2vw;}
    .box-join .fl h4{font-size: 1.8vw;}
    .icon-list li h3{line-height: 1.5em;height: 1.5em;background-size: auto 100%;padding-left: 2em;}
    .icon-list li{width: 47.5%;margin-right: 5%;}
}
@media screen and (max-width: 1024px){
    .title em{font-size: 3.3vw;}
    .title h5{font-size: 2.5vw;}
    .banner{background-size: 2% auto;background-image: url(../images/mbg2.jpg);background-position: right top;}

    .box-join .title{margin-bottom: 5vw;}
    .box-join .fl{margin-left: 5%;width: 90%;}

    .box-ser .top{width: 90%;margin-bottom: 2vw;}
    .box-ser .bg2{right: -14%;}
    .box-ser .bottom{width: 95%;margin-left: 5%;}

    .box-advantage .hd i{display: block;display: -webkit-box; opacity: 1;}
    .box-advantage .bg3{right: -13%;}
    .box-advantage .title{width: 90%;}
    .box-advantage .bottom{width: 90%;}

    .box-case{padding: 30px 5% 7vw 5%;}
    .box-case .fl{width: 100%;float: none;margin-bottom: 3vw;padding-top: 0;}
    .box-case .fr{width: 100%;float: none;}
    .box-case li:nth-child(1){height: 29vw;}
    .box-case li{height: 14vw;}

    .box-news{width: 90%;}
    .box-news .NewsList_g1{margin-top: 0;}
    .box-news li{padding: 3vw;}

    .box-join .fl h2{font-size: 3.3vw;}
    .box-join .fl h3{font-size: 2.4vw;}
    .box-join .fl h4{font-size: 2vw;}
}
@media screen and (max-width: 768px){
    .box-about .fr{width: 90%;}
    .box-about .fl{display: none;}

    .box-join .fl{width: 90%;margin: 0 auto;float: none;}
    .box-join .fl h4{margin-bottom: 15px;}
}
@media screen and (max-width: 640px){
    .index{background: url(../images/mindexk_02.png) no-repeat top right;background-size: 7% auto;}
    .banner{background-size: 7% auto;background: none;}
    .p_ban{display: none;}
    .m_ban{display: block;width: 93%;}

    .pc{display: none;}
    .mob{display: block;}
    .more{float: left;width: 32vw;height: 9.8vw;line-height: 9.8vw;font-size: 3.8vw;margin-left: 2.4vw;}
    .more:after{top: 1.6vw;left: -2.4vw;}
    .btns{float: right;margin-top: 0;}
    .btns div{width: 6.6vw;height: 5.6vw;}

    .title em{font-size: 7.2vw;margin-bottom: 5vw;}
    .title h5{font-size: 4.2vw;letter-spacing: 0.15em;}

    .box-about .fl{width: 87%;display: block;}
    .box-about .title{margin-top: 9vw;}

    .box-ser .mob,.box-advantage .mob,.box-news .mob{width: 92%;margin: 8.5vw auto 0 auto;}
    .box-case{padding: 20vw 4% ;}
    .box-case>img{display: none;}
    .box-case li:nth-of-type(3),.box-case li:nth-of-type(5){display: none;}
    .box-case li:nth-child(1){height: 46.6vw;width: 64.7%;margin-right: 4.1%;}
    .box-case li{width: 31.2%;height: 22.4vw;}
    .box-case li:nth-child(2), .box-case li:nth-child(4){margin: 0;margin-bottom: 1.8vw;}

    .box-ser .bg2{background: #d5e4ef;height: 55vw;}
    .box-ser .bg{display: none;}
    .box-ser .top{margin-bottom: 7vw;}
    .box-ser{padding-top: 6.4vw;margin-bottom: 0;padding-bottom: 19.3vw}
    .box-ser .bottom{width: 92%;margin-left: 4%;}
    .box-ser .bottom a{height: 57vw;}
    .box-ser .txt{padding: 6vw 3.6vw 4vw 3.6vw;}
    .box-ser .txt h4{font-size: 4.2vw;}

    .box-advantage{padding-bottom: 0;}
    .box-advantage .title{margin-bottom: 7.2vw;}
    .box-advantage .bg3{display: none;}
    .box-advantage .hd {padding: 12vw 14%;}
    .box-advantage .hd span{font-size: 5.6vw;}
    .box-advantage .hd i{font-size: 3.8vw;}
    .box-advantage .bottom li>a {background-color: rgb(3,74,126);}
    .box-advantage .bottom li>a .txt {background: none;}
    .box-advantage .swiper-pagination{display: block;text-align: center;width: 100%;margin-top: 8.6vw;position: static;}
    .box-advantage .swiper-pagination .swiper-pagination-bullet{background: #7fd0f4;width: 2.1vw;height: 2.1vw;margin: 0 1vw;opacity: 1;display: inline-block;}
    .box-advantage .swiper-pagination .swiper-pagination-bullet-active{background: #00a2e9;}

    .box-news{width: 92%;}
    .box-news .title{margin-bottom: 8.6vw;}
    .box-news .NewsList_g1{padding: 0;}
    .box-news li {margin:0;}
    .box-news li p{display: none;}
    .box-news li h3{font-size: 3.8vw;margin-bottom: 10vw;}
    .box-news li .ntime{display: block;}
    .box-news .btns{margin-top: 0;}

    .box-join .more{margin: 6.7vw auto;float: none;}
    .box-join .fl{padding-top: 8.6vw;width: 93%;}
    .box-join .fl{float: none;width: 100%;padding-bottom: 0;margin: 0 0 10vw 0;position: static;}
    .box-join .fl h2{font-size: 7.13vw;}
    .box-join .fl h3{font-size: 5vw;}
    .box-join .fl h4{font-size: 3.8vw;margin: 8vw 0 0 0;}
    .box-join .swiper-pagination{display: block;text-align: center;width: 100%;margin-top: 6.6vw;position: static;}
    .box-join .swiper-pagination .swiper-pagination-bullet{background: #7fd0f4;width: 2.1vw;height: 2.1vw;margin: 0 1vw;opacity: 1;display: inline-block;}
    .box-join .swiper-pagination .swiper-pagination-bullet-active{background: #00a2e9;}
    .box-join:after{content: "";display: block;background: #daf6fe;opacity: 0.3;position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;z-index: -1;}
    .icon-list li p,.icon-list li h3{padding-left: 11.4vw;}
    .icon-list li p{font-size: 3.8vw;height: auto;display: block;-webkit-line-clamp:10;}
    .icon-list li{margin-right: 0;}
    .icon-list li h3{line-height: 7.0vw;height: 7.0vw;font-size: 4.8vw;}

    .box-join>img{height: 100%;}
    .box-join .fl{width: 94%;margin: 0 auto;}
    .box-join .fl .fl{padding-top: 0;}
}