/*banner*/
@keyframes dash{to{stroke-dashoffset:0px}}
.banner{ width:100%; overflow:hidden; height:100vh; position:relative; z-index:20}
.banner img{ display:none}
.banner .swiper-container{ height:100%}
.banner .swiper-slide{ background-position:center; background-repeat:no-repeat; background-size:cover}
.banner-wz{ width:100%; position:absolute;left:0px;top:0%; text-align:center; color:#fff; height:100%;box-sizing:border-box; padding:100px 0px 26vh}
.banner-wz:before{ height:100%; content:""; display:inline-block; vertical-align:middle}
.banner-ver{ width:90%; display:inline-block; vertical-align:middle}
.banner-wz h3{ width:100%; overflow:hidden; font-size:50px;font-family:'SourceHanSansb';opacity:0;transform:translateY(-90px);transition:all 0.6s ease 0.4s}
.banner-wz p{ width:100%; overflow:hidden; font-size:22px;font-family:'SourceHanSans'; margin-top:7px;opacity:0;transform:translateY(-90px);transition:all 0.6s ease 0.45s}
.banner .swiper-slide-active .banner-wz h3,.banner .swiper-slide-active .banner-wz p{opacity:1;transform:translateY(0px)}


.banner .swiper-pag{ height:20px;bottom:26vh; width:100%; text-align:center; position:absolute;left:0px; z-index:20}
.banner .swiper-pag span{ width:20px; height:20px; display:inline-block; overflow:hidden; margin:0px 7px; position:relative; cursor: pointer;}
.banner .swiper-pag span:before{ width:10px; height:10px; position:absolute;left:5px;top:5px; content:""; z-index:2;border-radius:50%; background:#fff}
.banner .swiper-pag span:after{ width:100%; height:100%; position: absolute;left:0px;top:0px;border:2px rgba(255,255,255,0.2) solid;border-radius:50%; content:"";opacity:0}
.banner .load{ width:100%; height:100%; overflow:hidden; position:absolute;left:0px;top:0px}
.banner .circle{stroke-dasharray:360px;stroke-dashoffset:360px}
.banner .swiper-pag .active{ cursor: default}
.banner .swiper-pag .active .circle{animation:dash 13s linear forwards}
.banner .swiper-pag .active:before{ opacity:0}
.banner .swiper-pag .active:after{ opacity:1}


/*col*/
.col{ width:100%; height:180px; overflow:hidden; margin-top:-180px; position:relative; z-index:21; background:rgba(245,245,245,0.96)}
.col-left{ float:left; width:86.5%; overflow:hidden; padding:0px 0px 0px 120px; position:relative}
.col-ct{ float:left; width:101%; overflow:hidden}
.col-left .swiper-slide{ border-right:1px #ddd solid; text-align:center; margin-top:45px; padding:20px 0px}
.col-item{ width: auto; display:inline-block; overflow:hidden}
.col-item samp{ float:left; width:auto; overflow:hidden; position:relative}
.col-item samp img{ float:left;opacity:1}
.col-item samp img:last-child{ position:absolute;left:0px;top:0px;opacity:0}
.col-item span{ float:left; width:auto; padding-left:12px; font-size:16px; color:#666; text-align:left}
.col-item span em{ font-size:18px; color:#333;font-family:'SourceHanSansm'}
.col-left .swiper-button-prev{ width:40px; height:40px; border-radius:50%; background:url(../images/icon-7.png) no-repeat center;border:2px #dadbe0 solid;top:96px;left:80px;opacity:1;}
.col-left .swiper-button-next{ width:40px; height:40px; border-radius:50%; background:url(../images/icon-15.png) no-repeat center;border:2px #dadbe0 solid;top:96px;right:0px;opacity:1}
.col-left .swiper-button-prev:hover{background:#0c65d4 url(../images/icon-14.png) no-repeat center;bordder-color:#0c65d4}
.col-left .swiper-button-next:hover{background:#0c65d4 url(../images/icon-8.png) no-repeat center;bordder-color:#0c65d4}
.col-item:hover{transform:translateY(-5px)}
.col-item:hover samp img{opacity:0}
.col-item:hover samp img:last-child{opacity:1}
.col-item:hover span,.col-item:hover span em{ color:#0c65d4}
@keyframes udmove{
0%{top:13px}
100%{top:17px}
}
.col-right{ width:11.46%; height:180px; overflow:hidden; background:url(../images/bg-1.jpg) no-repeat; background-size:cover; float:right; text-align:center; cursor:pointer;}
.col-right:before{ height:100%; display:inline-block; vertical-align:middle; content:""}
.col-right p{ width:96%; display:inline-block; vertical-align:middle; font-size:16px; color:#fff;font-family:'SourceHanSans'; background:url(../images/icon-9.png) no-repeat top center; padding-top:60px; position:relative}
.col-right p:before{width:4px;height:9px;content:""; position:absolute;left:50%;top:9px; z-index:12; background:#fff; margin-left:-2px;border-radius:2px;animation:udmove 0.6s ease-out alternate infinite  }


/*about*/
.about{ width:100%;background:url(../images/bg-2.jpg) no-repeat top center; background-size:100%; padding:0px 9.375%;}
.about-center{ width:100%; position:relative;}
.about-right{ float:right; width:42.8%; margin-top:160px; position:relative}
.about-right h3{ float:left; width:100%; overflow:hidden; text-align:right; font-size:38px; color:#333;font-family:'SourceHanSans'; letter-spacing:2px}
.about-right p{ float:left; width:100%; overflow:hidden; text-align:right; font-size:18px; color:#333;font-family:'SourceHanSans'; margin-top:10px}
.about-right samp{ float:left; width:100%; overflow:hidden; border-top:10px #0c65d4 solid; margin-top:7vw; position:relative}
.about-right samp img{ width:100%; height:auto; z-index:12;}
.about-right samp:hover img{transform:scale(1.2);}
.about-right samp img:last-child{ position:absolute;left:0px;top:0px;}
.about-right samp .about-pic-hide{opacity:0}
.about-right span{ width:7.2vw; height:7.2vw; position:absolute;right:-3.6vw;bottom:-3.6vw; z-index:12; background:#0c65d4 url(../images/icon-17.png) no-repeat center; background-size:50%;}

.about-left{width:57.2%; position:absolute;left:0px;bottom:0px; z-index:12}
.about-top{ width:100%; overflow:hidden; background:url(../images/bg-3.jpg) no-repeat center; background-size:cover; padding:3vw 8% 4.7vw}
.about-top h3{ float:left; width:auto; overflow:hidden; font-size:30px; color:#fff;font-family:'SourceHanSansb'; margin-top:36px}
.about-top h3 span{font-family:'SourceHanSans'}
.about-top samp{ float:right; width:auto; overflow:hidden;}
.about-info{ float:left; width:100%; overflow:hidden;}
.about-info p{ float:left; width:100%; line-height:30px; overflow:hidden; font-size:16px; color:#d7e3f2;font-family:'SourceHanSans'; margin-top:30px}
.about-more{ float:left; width:100%; overflow:hidden; margin-top:44px}
.about-more:hover{transform:translateY(-5px) scale(0.99)}
.about-more span{ float:left; width:40px; height:40px; overflow:hidden; border:2px #fff solid;border-radius:50%; background:url(../images/icon-8.png) no-repeat center}
.about-more em{ float:left; width:auto; line-height:40px; font-size:16px; color:#fff;font-family:'SourceHanSans'; margin-left:10px}
.about-bottom{ width:100%; overflow:hidden; height:7.3vw; background:#fff; text-align:center;box-shadow:0px 4px 12px 4px rgba(0,0,0,0.08)}
.about-bottom:before{height:100%; display:inline-block; vertical-align:middle; content:""}
.about-bottom ul{ width:98%; display:inline-block; vertical-align:middle; overflow:hidden;}
.about-bottom ul li{ float:left; width:25%; overflow:hidden; border-right:1px #ddd solid; height:36px; cursor:pointer}
.about-bottom ul li samp{ width:30px;height:36px; overflow:hidden; display:inline-block}
.about-bottom ul li span{width:auto; line-height:36px; height:36px; display:inline-block; overflow:hidden; font-size:16px; color:#333; margin-left:8px;font-family:'SourceHanSans'}
.about-bottom ul li:last-child{border:none}
.about-bottom ul li:nth-child(1) samp{ background:url(../images/icon-18-1.png) no-repeat center}
.about-bottom ul li:nth-child(2) samp{ background:url(../images/icon-19-1.png) no-repeat  center}
.about-bottom ul li:nth-child(3) samp{ background:url(../images/icon-20-1.png) no-repeat  center}
.about-bottom ul li:nth-child(4) samp{ background:url(../images/icon-21-1.png) no-repeat  center}
.about-bottom ul li:hover span{ color:#0c65d4}
.about-bottom ul li:hover:nth-child(1) samp{ background-image:url(../images/icon-18.png)}
.about-bottom ul li:hover:nth-child(2) samp{ background-image:url(../images/icon-19.png)}
.about-bottom ul li:hover:nth-child(3) samp{ background-image:url(../images/icon-20.png)}
.about-bottom ul li:hover:nth-child(4) samp{ background-image:url(../images/icon-21.png)}

/*count*/
.count{ width:100%; overflow:hidden; padding:100px 4%;}
.count ul{ width:100%; overflow:hidden}
.count ul li{ float:left; width:25%; border-right:1px #eaf0f7 solid; height:260px; text-align:center; cursor:pointer; position:relative}
.count ul li:before{ height:100%; content:""; display:inline-block; vertical-align:middle}
.count ul li:last-child{ border:none}
.count-item{ width:98%; display:inline-block; vertical-align:middle; position:relative; z-index:12}
.count-item samp{ float:left; width:100%; overflow:hidden; height:76px;opacity:1}
.count-item span{ float:left; width:100%; overflow:hidden; font-size:90px; color:#333;font-family:'NeutraTextBold'}
.count-item span em{ margin-right:15px}
.count-item p{ float:left; width:100%; overflow:hidden; font-size:18px; color:#333;font-family:'SourceHanSans'; margin-top:10px}
.count ul li:first-child .count-item span{ font-size:40px}
.count ul li:first-child .count-item em{ font-size:90px}
.count ul li:hover:after{ width:100%; height:100%; position:absolute;left:0px;top:0px; content:""; background:url(../images/count.gif) no-repeat center; background-size:auto 100%;filter: grayscale(100%); z-index:11}
.count ul li:hover .count-item samp{ height:0px;opacity:0}
.count ul li:hover .count-item span{ color:#0c65d4}

/*业务*/
.yw{ width:100%;}
.yw-head{ width:100%; overflow:hidden; height:260px; text-align:center; background:#f1f4fc}
.yw-head:before{ height:100%; content:""; display:inline-block; vertical-align:middle}
.yw-ver{ width:90%;  overflow:hidden; display: inline-block; vertical-align:middle;font-family:'SourceHanSans';color:#333; }
.yw-ver h3{ width:100%; overflow:hidden; font-size:38px;}
.yw-ver p{ width:100%; overflow:hidden; font-size:18px; margin-top:7px}

.yw-content{ width:100%; height:640px; position:relative}
.yw-pannel{ width:100%; height:100%; overflow:hidden; position:absolute;left:0px;top:0px; z-index:12;opacity:0; background-position:center; background-repeat:no-repeat; background-size:cover; text-align:center;color:#fff;}
.yw-pannel.active{opacity:1; z-index:13}
.yw-pannel:before{ height:100%; content:""; display:inline-block; vertical-align:middle}
.yw-ct{ width:98%; overflow:hidden; display:inline-block; vertical-align:middle}
.yw-ct h3{ width:100%; overflow:hidden; font-size:30px;font-family:'SourceHanSansb';opacity:0;transform:translateX(90px);transition:all 0.5s ease 0.1s}
.yw-ct p{ width:660px; overflow:hidden; font-size:16px; font-family:'SourceHanSans'; line-height:32px; margin:37px auto 0px;opacity:0;transform:translateX(90px);transition:all 0.5s ease 0.2s}
.yw-more{ width:100%; overflow:hidden;opacity:0;transform:translateX(90px);transition:all 0.5s ease 0.3s; padding-top:80px}
.yw-more span{ width:auto; display:inline-block; overflow:hidden; margin:0px 45px}
.yw-more span a{ display:block}
.yw-more span samp{ width:40px; height:40px; overflow:hidden; float:left;border-radius:50%;border:2px #fff solid; background:url(../images/icon-8.png) no-repeat center}
.yw-more span em{ float:left; width:auto; line-height:40px; margin-left:12px; font-size:16px; color:#fff;font-family:'SourceHanSans'}
.yw-more span a:hover samp{ background-color:#0c65d4;border-color:#0c65d4;}
.yw-pannel.active .yw-ct h3,.yw-pannel.active .yw-ct p,.yw-pannel.active .yw-more{opacity:1;transform:translateX(0px)}
.yw-more span:hover{transform:translateY(-4px)}

.yw-nav{ width:81.25%; overflow:hidden; position:absolute;left:9.375%;bottom:-85px; z-index:23; background:#fff; height:170px;box-shadow:0px 0px 12px 4px rgba(0,0,0,0.1)}
.yw-nav ul{ width:100%; overflow:hidden}
.yw-nav ul li{ float:left; width:16.6%; overflow:hidden; height:170px; text-align:center; position:relative; cursor:pointer}
.yw-nav ul li:after{ width:0%; content:""; position:absolute;left:20%;bottom:0px; z-index:12; height:4px; background:#0c65d4}
.yw-nav ul li:before{ height:100%; content:""; display:inline-block; vertical-align:middle}
.yw-nav ul li span{ width:96%; overflow:hidden; display:inline-block; vertical-align:middle; font-size:16px; color:#333;font-family:'SourceHanSans'; padding-top:50px;}
.yw-nav ul li.active:after{ width:60%}
.yw-nav ul li:nth-child(1) span{ background:url(../images/icon-26.png) no-repeat top center}
.yw-nav ul li:nth-child(2) span{ background:url(../images/icon-27.png) no-repeat top center}
.yw-nav ul li:nth-child(3) span{ background:url(../images/icon-28.png) no-repeat top center}
.yw-nav ul li:nth-child(4) span{ background:url(../images/icon-29.png) no-repeat top center}
.yw-nav ul li:nth-child(5) span{ background:url(../images/icon-30.png) no-repeat top center}
.yw-nav ul li:nth-child(6) span{ background:url(../images/icon-31.png) no-repeat top center}
.yw-nav ul li.active span{ color:#0c65d4}
.yw-nav ul li.active:nth-child(1) span{ background:url(../images/icon-26-1.png) no-repeat top center}
.yw-nav ul li.active:nth-child(2) span{ background:url(../images/icon-27-1.png) no-repeat top center}
.yw-nav ul li.active:nth-child(3) span{ background:url(../images/icon-28-1.png) no-repeat top center}
.yw-nav ul li.active:nth-child(4) span{ background:url(../images/icon-29-1.png) no-repeat top center}
.yw-nav ul li.active:nth-child(5) span{ background:url(../images/icon-30-1.png) no-repeat top center}
.yw-nav ul li.active:nth-child(6) span{ background:url(../images/icon-31-1.png) no-repeat top center}

/*news*/
.news{ width:100%; overflow:hidden; background:url(../images/bg-4.jpg) no-repeat top center; background-size:cover; padding-bottom:120px}
.news-center{ width:81.25%; overflow:hidden; margin:0px auto}
.news-head{ float:left; width:40%; overflow:hidden; margin-top:200px;color:#333;font-family:'SourceHanSans'}
.news-head h3{ float:left; width:100%; overflow:hidden; font-size:38px; }
.news-head p{ float:left; width:100%; overflow:hidden; font-size:18px; margin-top:6px }
.news-nav{ float:right; width:300px; height:50px; overflow:hidden; background:#0c65d4; margin-top:248px}
.news-nav span{ float:left; width:50%; height:50px; line-height:50px; text-align:center; overflow:hidden; background:#ebedec; font-size:16px; color:#0c65d4; border:2px #0c65d4 solid; cursor:pointer}
.news-nav .active{ background:#0c65d4; color:#fff}

.news-content{ float:left; width:100%; overflow:hidden; margin-top:56px; display:none}
.news-content.act{ display:block}
.news-left{ float:left; width:49.167%; overflow:hidden; position:relative}
.news-left img{ float:left; width:100%; overflow:hidden; height:auto}
.news-left:hover img{ transform:scale(1.1)}
.news-1{ width:100%; height:100%; position:absolute;left:0px;top:0px; z-index:12; text-align:center; background:rgba(0,0,0,0.2)}
.news-1:before{ height:100%; content:""; display:inline-block; vertical-align:middle}
.news-11{ width:88%; overflow:hidden; display:inline-block; vertical-align:middle; height:73%; text-align:left; color:#fff; position:relative}
.news-11 samp{ float:left; width:100%; overflow:hidden; font-size:20px;font-family:'NeutraText' }
.news-11 h3{ float:left; width:100%; overflow:hidden; font-size:22px;font-family:'SourceHanSans'; line-height:28px; height:56px; margin-top:25px}
.news-11 p{ float:left; width:100%; overflow:hidden; font-size:16px; line-height:32px; height:128px; margin-top:23px;font-family:'SourceHanSansl'}
.news-11 em{ width:36px; height:36px; overflow:hidden; float:left;border-radius:50%;border:2px #fff solid; background:url(../images/icon-8.png) no-repeat center; position:absolute;left:0px; bottom:0px}
.news-11 span{ width:auto; line-height:40px; overflow:hidden; position:absolute;left:52px;bottom:0px; font-size:16px; color:#fff;font-family:'SourceHanSans'}
.news-left:hover .news-11{transform:translateY(10px)}




.news-2{ float:left; width:25.385%; overflow:hidden; padding-left:1.539%; position:relative}
.news-2 span{ float:left; width:100%; overflow:hidden}
.news-2 img{ float:left; width:100%; overflow:hidden; height:auto}
.news-22{ width:77%; overflow:hidden; position:absolute;right:6.4%;top:10%; z-index:12; color:#fff}
.news-22 samp{ float:left; width:100%; overflow:hidden; font-size:20px;font-family:'NeutraText' }
.news-22 h3{ float:left; width:100%; overflow:hidden; line-height:30px; font-size:22px;font-family:'SourceHanSans'; margin-top:30px}
.news-2:hover img{ transform:scale(1.1)}
.news-2:hover .news-22{transform:translateY(10px)}

.news-3{ float:right; width:23.847%; overflow:hidden; position:relative}
.news-3 img{ float:left; width:100%; overflow:hidden; height:auto}
.news-33{ width:77%; overflow:hidden; position:absolute;left:11.5%;top:20%; z-index:12; color:#fff}
.news-33 samp{ float:left; width:100%; overflow:hidden; font-size:20px;font-family:'NeutraText' }
.news-33 h3{ float:left; width:100%; overflow:hidden; line-height:30px; font-size:22px;font-family:'SourceHanSans'; margin-top:30px}
.news-3:hover img{ transform:scale(1.1)}
.news-3:hover .news-33{transform:translateY(10px)}

.news-4{ float:right; width:23.847%; overflow:hidden; position:relative; margin-top:1.5%}
.news-4 img{ float:left; width:100%; overflow:hidden; height:auto}
.news-44{ width:77%; overflow:hidden; position:absolute;left:11.5%;top:20%; z-index:12; color:#333}
.news-44 samp{ float:left; width:100%; overflow:hidden; font-size:20px;font-family:'NeutraText' }
.news-44 h3{ float:left; width:100%; overflow:hidden; line-height:30px; font-size:22px;font-family:'SourceHanSans'; margin-top:30px}
.news-4:hover img{ transform:scale(1.1)}
.news-4:hover .news-44{transform:translateY(10px)}

/*cor*/
.cor{ width:100%; overflow:hidden; position:relative}
.cor-bg{ width:100%; overflow:hidden}
.cor-bg img{ width:100%; height:auto}
.cor-right{width:23.75%; height:36vw; overflow:hidden;right:9.375%; background:#fff;top:7vw;box-shadow:0px 0px 12px 4px rgba(0,0,0,0.08); position:absolute; z-index:12}
.cor-right h3{ width:85%; overflow:hidden; margin:4vw auto 0px; text-align:center; border-bottom:1px #dcdcdc solid; font-size:30px; color:#014397;font-family:'SourceHanSansb'; padding-bottom:1vw}
.cor-right ul{ width:85%; margin:0px auto;border-left:1px #ddd solid;border-top:1px #ddd solid; margin-top:30px}
.cor-right ul li{ float:left; width:50%;border-right:1px #ddd solid;border-bottom:1px #ddd solid; cursor:pointer}
.cor-right ul li img{ float:left; width:100%; height:auto}
.cor-right ul li:hover img{transform:scale(1.2);box-shadow:0px 0px 6px 2px rgba(0,0,0,0.03)}

.cor-left{ width:100%; height:100%; overflow:hidden; position:absolute;left:0px;top:0px; z-index:11;font-family:'SourceHanSans'}
.cor-head{ float:left; width:100%; overflow:hidden; padding-left:9.375%; margin-top:5.8vw}
.cor-head h3{ float:left; width:100%; overflow:hidden; font-size:38px; color:#333;}
.cor-head p{ float:left; width:100%; overflow:hidden; font-size:18px; color:#333; margin-top:20px}

.cor-1{ width:50px; position:absolute;left:50.8%;top:41%; z-index:22;}
.cor-1 span{ float:left; width:48px; overflow:hidden; line-height:20px; height:20px; border:1px #00609d solid; background:#fff; text-align:center; font-size:12px; color:#0c65d4}
.cor-1 samp{ float:left; width:100%; overflow:hidden; background:url(../images/icon-33.png) no-repeat center; height:34px; margin-top:13px}
.cor-1 p{ width:345px; height:80px; overflow:hidden; line-height:22px; font-size:14px; color:#fff; background:url(../images/icon-34.png) no-repeat; position:absolute;right:50px;top:6px; z-index:12; padding:18px 0px 0px 44px}
.cor-2{ width:auto; position:absolute;left:40.3%;top:53.5%; z-index:22;}
.cor-2 span{ float:left; width:auto; overflow:hidden; line-height:20px; height:20px; border:1px #00609d solid; background:#fff; text-align:center; font-size:12px; color:#0c65d4; padding:0px 10px; overflow:hidden}
.cor-3{ width:auto; position:absolute;left:49.3%;top:57.5%; z-index:22;}
.cor-3 span{ float:left; width:auto; overflow:hidden; line-height:20px; height:20px; border:1px #00609d solid; background:#fff; text-align:center; font-size:12px; color:#0c65d4; padding:0px 10px; overflow:hidden}


.cor-china{ width:auto; position:absolute; z-index:12; cursor:pointer}
.cor-china span{ float:left; width:auto; overflow:hidden; line-height:19px; height:20px; border:1px #00609d solid; background:#fff; text-align:center; font-size:12px; color:#0c65d4; padding:0px 5px; overflow:hidden;box-sizing:border-box}
.cor-china p{ width:8px; height:8px; position:absolute;right:-18px;top:5px; z-index:12;border-radius:50%; background:#0c65d4;border:2px #fff solid}
.cn1{left:25.3%;top:65%}
.cn2{left:22.1%;top:66.5%}
.cn2 p{right:-1px;top:25px;}
.cn3{left:26.7%;top:67%}
.cn3 p{right:42px}
.cn4{left:19.4%;top:70%}
.cn5{left:25.2%;top:71%}
.cn5 p{right:42px}
.cn6{left:17.6%;top:72.7%}
.cn7{left:18.6%;top:74.4%}
.cn7 p{right: 13px;top: 23px;}
.cn8{left:24.6%;top:74.2%}
.cn8 p{right:40px;top:4px;}
.cn9{left:16.1%;top:75.8%}
.cn10{left:21.3%;top:77.2%}
.cn10 p{right:40px;top:4px;}
.cn11{left:25.5%;top:78.1%}
.cn11 p{right:40px;top:4px;}
.cn12{left:24.6%;top:81.3%}
.cn12 p{right:40px;top:4px;}
.cn13{left:22.6%;top:82.8%}
.cn13 p{right:40px;top:4px;}
.cn14{left:19.4%;top:84.2%}
.cn14 p{right:2px;top:-14px;}
.cn15{left:16.8%;top:80.8%}
.cn16{left:15.3%;top:74.5%; z-index:11}
.cor-china a:hover span{ color:#111}
.cor-1 a:hover span,.cor-2 a:hover span,.cor-3 a:hover span{ color:#111}
@keyframes kuosan{
0%{opacity:0.2;transform:scale(1)}
100%{opacity:0;transform:scale(32)}
}
.cor-china.act{ z-index:11}
.cor-china.act p{ background:none; border:none}
.cor-china.act p em{ width:6px; height:6px; position:absolute;border-radius:50%;left:1px;top:1px; background:#0c65d4;}
.cor-china.act p em:after{ width:100%; height:100%; position:absolute;border-radius:50%;left:0px;top:0px; background:#0c65d4; animation:kuosan 2s linear  infinite; content:""}
.cor-china.act p em:before{ width:100%; height:100%; position:absolute;border-radius:50%;left:0px;top:0px; background:#0c65d4; animation:kuosan 2s linear 1s infinite; content:""}

@media screen and (max-width:1660px){
/*banner*/
.banner-wz{padding:100px 0px 24vh}
.banner-wz h3{ font-size:46px;}
.banner-wz p{font-size:21px;margin-top:6px;}
.banner .swiper-pag{bottom:24vh; }

/*col*/
.col{ height:140px; margin-top:-140px; }
.col-left .swiper-slide{ margin-top:30px; padding:17px 0px}
.col-item span{ font-size:15px;}
.col-item span em{ font-size:16px;}
.col-left .swiper-button-prev{ top:72px;left:70px;}
.col-left .swiper-button-next{ top:72px;}

.col-right{height:140px; }
.col-right p{ font-size:15px; padding-top:58px}

/*about*/
.about-right{ margin-top:140px;}
.about-right h3{font-size:32px;}
.about-right p{font-size:17px; margin-top:9px}
.about-top{ padding:3vw 8% 3.2vw}
.about-top h3{ font-size:28px;  margin-top:32px}
.about-top samp img{ width:42px; height:auto}
.about-info p{line-height:29px;  font-size:15px; margin-top:22px}
.about-more{margin-top:34px}

.about-bottom{ height:6vw; }


/*count*/
.count{ padding:90px 4%;}
.count ul li{ height:250px; }
.count-item samp{height:70px;}
.count-item samp img{ width:auto; height:100%}
.count-item span{font-size:70px;}
.count-item p{font-size:17px;margin-top:9px}
.count ul li:first-child .count-item span{ font-size:32px}
.count ul li:first-child .count-item em{ font-size:70px}


/*业务*/
.yw-head{ height:240px;}
.yw-ver h3{ font-size:32px;}
.yw-ver p{ font-size:17px; margin-top:6px}
.yw-content{ height:600px}
.yw-ct h3{ font-size:28px;}
.yw-ct p{ font-size:15px; line-height:30px; margin:32px auto 0px;}
.yw-more{ margin-top:70px;}
.yw-more span{margin:0px 40px}
.yw-nav{bottom:-75px;height:150px;}
.yw-nav ul li{ height:150px; }


/*news*/
.news{  padding-bottom:100px}
.news-head{ margin-top:180px;}
.news-head h3{ font-size:32px; }
.news-head p{ font-size:17px; }
.news-nav{ margin-top:228px}
.news-content{ margin-top:50px;}
.news-11 samp,.news-22 samp,.news-33 samp,.news-44 samp{ font-size:18px; }
.news-11 h3{ font-size:20px;line-height:26px; height:52px; margin-top:20px}
.news-11 p{ font-size:15px; line-height:30px; height:120px; margin-top:21px;}
.news-22 h3,.news-33 h3,.news-44 h3{line-height:26px; font-size:20px; margin-top:20px}

/*cor*/
.cor-right h3{ font-size:28px;}
.cor-right ul{ margin-top:29px}
.cor-head h3{ font-size:32px; }
.cor-head p{ font-size:17px; margin-top:18px}
.cor-1{left:50.4%;top:41%;}
.cor-1 samp{ background-size:22px; margin-top:12px}
.cor-1 p{ width:280px; height:70px; font-size:12px; background-size:100%; padding:12px 0px 0px 34px}

}


@media screen and (max-width:1440px){
/*banner*/
.banner-wz{padding:80px 0px 24vh}
.banner-wz h3{ font-size:40px;}
.banner-wz p{font-size:18px;margin-top:5px;}
.banner .swiper-pag{bottom:24vh; }


/*about*/
.about-right{ margin-top:100px;}
.about-right h3{font-size:28px;}
.about-right p{font-size:16px; margin-top:7px}
.about-top{ padding:2.4vw 7%}
.about-top h3{ font-size:24px;  margin-top:26px}
.about-top samp img{ width:32px;}
.about-info p{line-height:28px;  font-size:14px; margin-top:18px}
.about-more{margin-top:24px}
.about-more span{width:32px; height:32px; border:1px #fff solid; background-size:55% }
.about-more em{line-height:32px; font-size:14px; }
.about-bottom{ height:5vw; }

.about-bottom ul li{ height:32px;}
.about-bottom ul li samp{ width:24px;height:32px;}
.about-bottom ul li span{line-height:32px; height:32px;  font-size:14px; margin-left:6px;}

.about-bottom ul li:nth-child(1) samp,.about-bottom ul li:nth-child(2) samp,.about-bottom ul li:nth-child(3) samp,.about-bottom ul li:nth-child(4) samp,.about-bottom ul li:hover:nth-child(1) samp,.about-bottom ul li:hover:nth-child(2) samp,.about-bottom ul li:hover:nth-child(3) samp,.about-bottom ul li:hover:nth-child(4) samp{ background-size:22px}


/*count*/
.count{ padding:70px 4%;}
.count ul li{ height:200px; }
.count-item samp{height:50px;}
.count-item span,.count ul li:first-child .count-item em{font-size:50px;}
.count-item p{font-size:16px;margin-top:8px}
.count ul li:first-child .count-item span{ font-size:22px}


/*业务*/
.yw-head{ height:200px;}

.yw-ver h3{ font-size:28px;}
.yw-ver p{ font-size:16px; margin-top:5px}
.yw-content{ height:540px}
.yw-ct h3{ font-size:26px;}
.yw-ct p{ font-size:14px; line-height:28px; margin:30px auto 0px;}
.yw-more{ margin-top:50px;}

.yw-nav{bottom:-60px;height:120px;}
.yw-nav ul li{ height:120px; }


/*news*/
.news{padding-bottom:90px}
.news-head{ margin-top:130px;}
.news-head h3{ font-size:28px; }
.news-head p{ font-size:16px; }
.news-nav{ margin-top:148px}
.news-content{ margin-top:40px;}
.news-11 h3,.news-22 h3,.news-33 h3,.news-44 h3{ font-size:18px;}


/*cor*/
.cor-right ul{ margin-top:26px}
.cor-head h3{ font-size:28px; }
.cor-head p{ font-size:16px; margin-top:16px}

}



@media screen and (max-width:1366px){
/*banner*/
.banner-wz{padding:80px 0px 20vh}
.banner-wz h3{ font-size:36px;}
.banner .swiper-pag{bottom:20vh; }

/*col*/
.col{ height:100px; margin-top:-100px; }
.col-left .swiper-slide{ margin-top:18px; padding:12px 0px}
.col-item samp img{ width:auto; height:35px}
.col-item span{ font-size:12px;}
.col-item span em{ font-size:14px;}
.col-left .swiper-button-prev{ top:46px;}
.col-left .swiper-button-next{ top:46px;}

.col-right{height:100px; }
.col-right p{ font-size:14px; padding-top:46px; background-size:25px}

/*about*/
.about-right{ margin-top:80px;}
.about-right h3{font-size:24px;}
.about-right p{font-size:15px; margin-top:6px}

.about-top h3{ font-size:22px;  margin-top:24px}
.about-top samp img{ width:30px;}
.about-info p{line-height:27px;}

/*count*/
.count{ padding:60px 4%;}
.count ul li{ height:170px; }
.count-item samp{height:46px;}
.count-item span,.count ul li:first-child .count-item em{font-size:40px;}
.count-item p{font-size:14px;margin-top:7px}
.count ul li:first-child .count-item span{ font-size:18px}


/*业务*/
.yw-head{ height:170px;}
.yw-ver h3{ font-size:24px;}
.yw-ver p{ font-size:15px; margin-top:4px}
.yw-content{ height:480px}
.yw-ct h3{ font-size:22px;}
.yw-ct p{ font-size:13px; line-height:26px; margin:22px auto 0px;}
.yw-more{ margin-top:44px;}

.yw-nav{bottom:-50px;height:100px;}
.yw-nav ul li{ height:100px; }
.yw-nav ul li:after{ height:3px;}
.yw-nav ul li span{ font-size:14px;  padding-top:40px;}
.yw-nav ul li:nth-child(1) span,.yw-nav ul li:nth-child(2) span,.yw-nav ul li:nth-child(3) span,.yw-nav ul li:nth-child(4) span,.yw-nav ul li:nth-child(5) span,.yw-nav ul li:nth-child(6) span,.yw-nav ul li.active:nth-child(1) span,.yw-nav ul li.active:nth-child(2) span,.yw-nav ul li.active:nth-child(3) span,.yw-nav ul li.active:nth-child(4) span,.yw-nav ul li.active:nth-child(5) span,.yw-nav ul li.active:nth-child(6) span{ background-size:auto 27px}


/*news*/
.news{padding-bottom:80px}
.news-head{ margin-top:110px;}
.news-head h3{ font-size:24px; }
.news-head p{ font-size:15px; }
.news-nav{ margin-top:128px;width:220px; height:40px;}
.news-nav span{height:40px; line-height:40px; font-size:14px; }
.news-content{ margin-top:32px;}
.news-11 h3,.news-22 h3,.news-33 h3,.news-44 h3{ font-size:16px;}
.news-11 p{ font-size:13px; line-height:28px}
.news-11 em{ width:28px; height:28px;border:1px #fff solid; background-size:55%}
.news-11 span{line-height:28px; left:40px;font-size:14px;}

/*cor*/
.cor-right ul{ margin-top:24px}
.cor-head h3{ font-size:24px; }
.cor-head p{ font-size:15px; margin-top:14px}
.cor-right h3{ font-size:22px}  


}
@media screen and (max-width:1280px){
/*banner*/
.banner-wz h3{ font-size:32px;}

/*col*/
.col-left .swiper-button-prev{ width:30px; height:30px;top:50px; background-size:55%}
.col-left .swiper-button-next{ width:30px; height:30px;top:50px; background-size:55%}
.col-left .swiper-button-prev.swiper-button-disabled,.col-left .swiper-button-next.swiper-button-disabled{background-size:55%}

/*about*/
.about-right{ margin-top:70px;}
.about-right h3{font-size:22px;}
.about-right p{font-size:14px; margin-top:5px}

.about-top h3{ font-size:20px;  margin-top:22px}
.about-top samp img{ width:26px;}
.about-info p{line-height:26px;}

/*count*/
.count{ padding:50px 4%;}
.count ul li{ height:130px; }
.count-item samp{height:42px;}
.count-item span,.count ul li:first-child .count-item em{font-size:36px;}
.count-item p{font-size:12px;margin-top:5px}
.count ul li:first-child .count-item span{ font-size:16px}


/*业务*/
.yw-head{ height:150px;}
.yw-ver h3{ font-size:22px;}
.yw-ver p{ font-size:14px; margin-top:3px}
.yw-content{ height:420px}
.yw-ct h3{ font-size:20px;}
.yw-ct p{ font-size:12px; line-height:25px; margin:18px auto 0px;}
.yw-more{ margin-top:34px;}

.yw-more span{ margin:0px 30px}
.yw-more span samp{ width:30px; height:30px; border:1px #fff solid; background-size:55%}
.yw-more span em{ line-height:30px; margin-left:10px; font-size:14px;}

.yw-nav{bottom:-45px;height:90px;}
.yw-nav ul li{ height:90px; }


/*news*/
.news{padding-bottom:70px}
.news-head{ margin-top:94px;}
.news-head h3{ font-size:22px; }
.news-head p{ font-size:14px; }
.news-nav{ margin-top:110px;}
.news-content{ margin-top:30px;}
.news-11 h3,.news-22 h3,.news-33 h3,.news-44 h3{ font-size:14px;}
.news-11 p{ font-size:12px; line-height:26px}

/*cor*/
.cor-right ul{ margin-top:20px}
.cor-head h3{ font-size:22px; }
.cor-head p{ font-size:14px; margin-top:12px}
.cor-right h3{ font-size:20px}  


}

@media screen and (max-width:1000px){
/*banner*/
.banner{ height:auto; margin-top:80px}
.banner-wz h3{ font-size:28px;}
.banner-wz p{ font-size:16px}
.banner img{ display:block; width:100%; height:auto}

/*col*/
.col{ height:70px; margin-top:-70px}
.col-left{ padding-left:0px; width:100%;}
.col-ct{ width:86.25%; margin:0px auto; overflow:inherit; float:none}
.col-left .swiper-button-prev{top:40px; left:43px}
.col-left .swiper-button-next{top:40px; right:33px}
.col-left .swiper-slide{ padding:0px; margin-top:15px}
.col-right{ display:none}

/*about*/
.about-right{ margin-top:60px;}
.about-right h3{font-size:20px;}
.about-right p{font-size:12px; margin-top:5px}

.about-top{ padding:0.4vw 4%}
.about-top h3{ font-size:18px;  margin-top:12px}
.about-top samp img{ display:none}
.about-info p{line-height:23px; font-size:12px; margin-top:7px}
.about-more{ margin-top:9px; padding-bottom:10px}
.about-bottom ul li span{ font-size:12px}
.about-bottom ul li:nth-child(1) samp, .about-bottom ul li:nth-child(2) samp, .about-bottom ul li:nth-child(3) samp, .about-bottom ul li:nth-child(4) samp, .about-bottom ul li:hover:nth-child(1) samp, .about-bottom ul li:hover:nth-child(2) samp, .about-bottom ul li:hover:nth-child(3) samp, .about-bottom ul li:hover:nth-child(4) samp{ background-size:15px}


/*业务*/
.yw-head{ height:140px;}
.yw-ver h3{ font-size:20px;}
.yw-ver p{ font-size:13px; }
.yw-content{ height:400px}
.yw-ct h3{ font-size:18px;}
.yw-ct p{ line-height:24px; margin:16px auto 0px;}
.yw-more{ margin-top:30px; padding-top:30px}

.yw-more span{ margin:0px 30px}
.yw-more span samp{ width:30px; height:30px; border:1px #fff solid; background-size:55%}
.yw-more span em{ line-height:30px; margin-left:10px; font-size:14px;}


/*news*/
.news{padding-bottom:60px}
.news-head{ margin-top:84px;}
.news-head h3{ font-size:20px; }
.news-head p{ font-size:13px; }
.news-nav{ margin-top:90px;}
.news-content{ margin-top:20px;}
.news-11 h3,.news-22 h3,.news-33 h3,.news-44 h3{ font-size:14px; margin-top:10px; line-height:24px; height:48px}
.news-11 p{ line-height:24px; height:48px}

/*cor*/
.cor-right ul{ margin-top:20px}
.cor-head h3{ font-size:22px; }
.cor-head p{ font-size:14px; margin-top:12px}
.cor-right h3{ font-size:20px}  


}


@media screen and (max-width:768px){
/*banner*/
.banner{ margin-top:50px}
.col{ display:none}
.banner-wz{padding:0px 20px 10px}
.banner-wz h3{ font-size:16px}
.banner-wz p{ font-size:12px}
.banner .swiper-pag{ bottom:10px}


/*about*/
.about{ padding:0px 5%;}

.about-right{ float:left; width:100%; margin-top:30px;}
.about-right h3{ text-align:left; font-size:18px; letter-spacing:0px}
.about-right p{ text-align:left; font-size:12px;  margin-top:5px}
.about-right samp{ margin-top:15px; border:none}
.about-right span{ display:none}

.about-left{width:100%; position: relative;left:0px;bottom:0px; }
.about-top{padding:15px}
.about-top h3{  font-size:16px;margin-top:10px}
.about-info p{line-height:23px;  font-size:12px; margin-top:10px}
.about-more{ margin-top:28px}
.about-bottom{ display:none}


/*count*/
.count{ padding:20px 4%;}
.count ul li{ width:50%; height:110px; margin-top:20px}
.count ul li:nth-child(2){ border:none}
.count-item{ width:96%; }
.count-item samp{ height:42px;}
.count-item span{  font-size:30px; }
.count-item span em{ margin-right:10px}
.count-item p{ font-size:12px; margin-top:10px}
.count ul li:first-child .count-item span{ font-size:12px}
.count ul li:first-child .count-item em{ font-size:30px}

/*业务*/

.yw-head{height:140px; }
.yw-ver h3{ font-size:18px;}
.yw-ver p{ font-size:12px; margin-top:8px; line-height:24px}

.yw-content{ height:auto;}
.yw-1{ height:320px; position:relative}
.yw-ct h3{  font-size:16px;}
.yw-ct p{ width:90%; font-size:12px;line-height:23px; margin:16px auto 0px; text-align:left}
.yw-more{ padding-top:0px; margin-top:20px}
.yw-more span{  margin:10px auto 0px; display:block; width:44%;}
.yw-more span samp{ width:20px; height:20px;}
.yw-more span em{ line-height:20px; margin-left:8px; font-size:12px; }

.yw-nav{ width:100%;left:0%;bottom:0px; position:relative; height:auto;box-shadow: 0px 0px 12px 4px rgba(0,0,0,0.02);padding:10px 0px}
.yw-nav ul li{ height:64px; width:33.3% }
.yw-nav ul li span{ font-size:12px;padding-top:30px;}
.yw-nav ul li::after { height: 0px;}

/*news*/
.news{ padding-bottom:40px}
.news-center{ width:90%;}
.news-head{ width:100%;  margin-top:40px;}
.news-head h3{ font-size:18px; }
.news-head p{ font-size:12px; margin-top:4px }
.news-nav{ float:left; width:100%; height:40px; margin-top:12px}
.news-nav span{ height:40px; line-height:36px;font-size:12px; }

.news-content{margin-top:6px; }
.news-left{ width:100%;}

.news-11{ height:84%; }
.news-11 samp{ font-size:18px; }
.news-11 h3{font-size:14px;line-height:22px; height:22px; margin-top:10px}
.news-11 p{font-size:12px; line-height:22px; height:66px; margin-top:23px}

.news-2{ width:100%;padding-left:0%; margin-top:10px; height:160px}
.news-2 span{ height:100%}
.news-2 span img{ height:100%; object-fit:cover}
.news-22{ width:90%;right:5%;top:24%; }
.news-22 samp{  font-size:18px; }
.news-22 h3{ line-height:22px; font-size:14px; margin-top:10px;}

.news-3{ width:100%; margin-top:10px; height:160px}
.news-3 span{ height:100%}
.news-3 span img{ height:100%; object-fit:cover}
.news-33{ width:90%; left:5%;top:24%;}
.news-33 samp{font-size:18px; }
.news-33 h3{line-height:22px; font-size:14px;margin-top:10px}

.news-4{width:100%; margin-top:10px; float:left; position:relative; height:160px}
.news-4 span{ height:100%}
.news-4 span img{ height:100%; object-fit:cover}
.news-44{ width:90%;left:5%;top:24%; }
.news-44 samp{ font-size:18px; }
.news-44 h3{ line-height:22px; font-size:14px;margin-top:10px}


/*cor*/
.cor{ background:#fff; padding-bottom:40px}
.cor-bg{ display:none}
.cor-right{width:100%; height:auto;right:0%; top:20px; position:relative; float:left; margin-left:0%; padding-bottom:20px; overflow:hidden; box-shadow:none}
.cor-right h3{ font-size:16px; display:none }
.cor-right ul{ width:90%; margin-top:0px}
.cor-left{ float:left; height:auto; position: relative;}
.cor-head{ padding-left:5%; margin-top:20px}
.cor-head h3{ font-size:18px; }
.cor-head p{font-size:12px; margin-top:5px}
.cor-1,.cor-2,.cor-3,.cor-china{ display:none}




}