@charset "utf-8";
body{font-family: "Microsoft YaHei";font-size:12px;line-height:1.6;}
.container{width: 100%;max-width: 1200px;margin: 0 auto;}
.head_wap{display: none;}

/* 头部 */
.head{width: 100%;background: #fff;position: fixed;top: 0;left: 0;z-index: 99;}
.head.active{box-shadow:0 0 15px rgba(0,0,0,.1);}
.head .logo{}
.head .tel{color: #02509f;background:url(../images/tel.png) no-repeat left center;padding-left: 26px;margin:0 30px;}

.navbar{}
.navbar li{float: left;font-size: 16px;color: #000;padding: 30px 0;margin: 0 25px; position: relative;}
.navbar li.on>a,.navbar li:hover>a{color:#02509f;}
.navhide{background: #fff;width: 160px;position: absolute;left: 50%;margin-left: -80px;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: 14px;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: #02509f;transition: all 0.4s ease-in-out;}
.navbar li:hover .navhide{opacity: 1;visibility: inherit;}

/* 搜索 */
.pcTopSearch{width:100%;position:fixed;left:0;top:86px;background: rgba(0,0,0,0.3);padding:30px 0;display: none;z-index: 999;}
.pcSearch{width:30%;height:60px;border-bottom:rgba(255,255,255,0.5) solid 1px; display:flex; align-items:center;margin: 0 auto;}
.pcSearch input[type="text"]{height:60px; padding:0 15px;width:100%;background: none;font-size: 15px;color: #fff;}
.pcSearch input::-webkit-input-placeholder{color: #fff;}
.pcSearch button[type="submit"]{width:60px;height:60px;cursor:pointer;color: #fff;background: none;font-size: 22px;}

.ab-ban{ overflow: hidden;}
.head_h{width: 100%;height: 85px;}

/* start */
.swiper-bn{height: 90vh;}
.swiper-bn .inner{width: 100%;height: 100%;position: absolute;top: 0;left: 0;color: #fff;display: -webkit-box;-webkit-box-align: center;-webkit-box-pack: center;text-align: center;font-size: 26px;letter-spacing: 4px;}
.swiper-bn h1{font-size: 72px; font-weight:bold; margin-top: -10vw;}
.swiper-bn p{font-weight:bold;}
.swiper-bn .more{letter-spacing: 0;margin-top: 25px;}
.swiper-bn .prev{width: 60px;height: 60px;text-align: center;color: #fff;border: 1px solid rgba(255,255,255,0.5);border-radius:100%;font-size: 30px;left: 3vw;}
.swiper-bn .next{width: 60px;height: 60px;text-align: center;color: #fff;border: 1px solid rgba(255,255,255,0.5);border-radius:100%;font-size: 30px;right: 3vw;}
.page-bn{width: 100%;bottom: 40px;}
.page-bn span{width: 48px;height: 8px;background: #fff;border-radius:10px;margin: 0 6px;opacity: 0.8;}
.page-bn .swiper-pagination-bullet-active{opacity: 1;}
.step1{padding: 100px 0 70px;}
.step1 .item{width: 49%;flex-flow: column;color: #fff;}
.step1 .item .img{width: 100%;height: 368px;border-radius:8px;padding: 4vw 12.5%;}
.step1 .item h3{font-size: 28px; font-weight:bold; margin-bottom: 2px;}
.step1 .item:nth-child(2) .img{height: 762px;justify-content: flex-end;}
.step2{padding-bottom: 90px;}
.step2 li{width: 32%; background: #f5f5f5;border-radius:8px;text-align: center;text-transform:uppercase; font-size:16px; color: #aaa;padding: 40px 0 30px;
transition:all .5s;
-webkit-transition:all .5s;}
.step2 li:hover{background-color:#02509f; color:#fff;}
.step2 li h3{color: #000000; font-weight:bold; margin-top: 10px;
transition:all .5s;
-webkit-transition:all .5s;}
.step2 li:hover h3{color:#fff;}
.step2 li h3:after{content: "";display: block;width: 18px;height: 3px;background: #c6c6c6;border-radius:10px;margin: 8px auto;
transition:all .5s;
-webkit-transition:all .5s;}
.step2 li:hover h3:after{background: #fff; opacity:.5;}
.step2 li i{width:40px; position:relative; display:block; margin:0 auto;}
.step2 li img{width:100%; height:auto; display:block;
transition:all .5s;
-webkit-transition:all .5s;}
.step2 li:hover img{opacity:0;} 
.step2 li img.d_w{position:absolute; top:0; left:0; opacity:0;}
.step2 li:hover img.d_w{opacity:1;} 
.foot{background: #000;padding: 55px 0;}
.foot .row{color: #fff;line-height: 2.1;}
.foot .row h3{font-size: 16px;margin-bottom: 12px;}
.foot .row h4{font-size: 15px;}
.foot .row p{color: rgba(255,255,255,0.6);}
.foot .row p:hover a{text-decoration:underline;}
.foot .row:last-of-type p{font-size: 13px;}
.foot .share{margin-top: 11px;}
.foot .share>a{display: block;color: #686868;font-size: 18px;margin-right: 20px;transition: all 0.3s linear;}
.foot .share>a:hover{color: #fff;}
.copyright{background: #000000;color: rgba(255,255,255,0.6);line-height: 2;padding: 24px 0; border-top:1px solid rgba(255,255,255,.15);}
.ab-ban .inner{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(0,0,0,0.1);display: -webkit-box;-webkit-box-align: center;-webkit-box-pack: center;color: #fff;}
.ab-ban .t{text-transform:uppercase;margin-top: 40px;}
.ab-ban .t h3{font-size:50px; font-weight:bold;line-height: 1.6;}
.ban{height: 520px;color: #fff;text-align: center;text-transform:uppercase;}
.ban .inner{width: 100%;height: 100%;position: absolute;top: 0;left: 0;display: -webkit-box;-webkit-box-align: center;-webkit-box-pack: center;}
.ban h3{font-size: 56px; font-weight:bold;}
.ban span{font-family: Arial;letter-spacing: 3px;}
.hm-tit{color: #666666;line-height: 1.8;}
.hm-tit h3{font-weight: bold;color: #000000;}
.ab1{color: #777777;line-height: 2;padding: 100px 0;}
.ab1 h3{font-size: 40px;color: #000000;margin: 20px 0;line-height: 1.6;}
.ab2{color: #fff;}
.ab2 .bt{text-transform:uppercase;}
.ab2 .bt span{color:rgba(255,255,255,0.2);}
.ab2 .ml{width: 59.2%;height: 820px;}
.ab2 .mr{width: 40.8%;}
.ab2 .item{width: 100%;height: 100%;}
.ab2 .mr .item{height: 50%;}
.ab2 .text{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(0,0,0,0.4);padding: 2.5vw 2.2vw;line-height: 1.8;flex-flow: column;justify-content: space-between;transition: all 0.4s linear;}
.ab2 .text:hover{background: rgba(2,80,159,0.6);}
.ab3{background: #f1f1f1;padding: 100px 0;}
.ab3 .centre{margin-top: 50px;}
.ab3 .row{width: 32.5%; background: #fff;border-radius:8px;text-align: center;line-height: 1.8;color: #666666;padding:80px 0 60px;
transition:all .5s;
-webkit-transition:all .5s;}
.ab3 .row:hover{background-color:#02509f; color:#fff;}
.ab3 .row .t{color: #888888;text-transform:uppercase;margin: 35px 0;
transition:all .5s;
-webkit-transition:all .5s;}
.ab3 .row:hover .t{color:rgba(255,255,255,.5);}
.ab3 .row h3{color: #000000; font-weight:bold;
transition:all .5s;
-webkit-transition:all .5s;}
.ab3 .row:hover h3{color:#fff;}
.ab3 .row i{width:90px; position:relative; display:block; margin:0 auto;}
.ab3 .row img{width:100%; height:auto; display:block;
transition:all .5s;
-webkit-transition:all .5s;}
.ab3 .row:hover img{opacity:0;} 
.ab3 .row img.d_w{position:absolute; top:0; left:0; opacity:0;}
.ab3 .row:hover img.d_w{opacity:1;}

.ab4{background: #f1f1f1;padding-bottom: 80px;}
.ab4 .centre{background: #fff;border-radius:10px;box-shadow: 0px 0px 10px rgba(0,0,0,.05);padding: 60px 40px;margin-top: -12vw;position: sticky;}
.ab4 .box{margin-top: 40px;}
.ab4 .box li{float: left;width: 19%;border: 1px solid #f2f2f2;border-radius:10px;text-align: center;font-size: 15px;color: #666666;padding: 40px 20px;margin-right: 1.25%;}
.ab4 .box li h3{font-weight: bold;color: #000000;margin-bottom: 14px;}
.ab4 .box li .more{display: inline-block;width: 40px;line-height: 38px;border: 1px solid #d2d2d2;border-radius:40px;margin-top: 45px;font-size: 18px;transition: all 0.4s linear;}
.ab4 .box li:hover .more{background: #02509f;color: #fff;border: 1px solid #02509f;}
.ab4 .box li:last-child{margin-right: 0;}
.ab5{background: #f1f1f1;padding-bottom: 80px;}
.ab5 .centre{margin-top: 40px;background: #fff;}
.ab5 .centre .pic{width: 45%;}
.ab5 .centre .text{width: 55%;padding: 40px 35px;line-height: 1.8;color: #555555;font-weight: bold;}
.ab5 .centre .text h3{margin: 5px 0 10px;}
.ab5 .centre .text p{color: #888888;font-weight: initial;}
.ab5 .page-xw{text-align: left;bottom: 60px;}
.ab5 .page-xw span{width: 7px;height: 7px;background: #fff;border: 1px solid #b6b6b6;opacity: 1;margin-right: 6px;}
.ab5 .page-xw .swiper-pagination-bullet-active{background:#02509f;border: 1px solid #02509f;}
.ab5 .list{margin-top: 35px;}
.ab5 .list li{float: left;background: #fff;width: 32.5%;height: 115px;padding: 0 25px;color: #888888;line-height: 56px;margin-right: 1.25%;margin-bottom: 1.5%;}
.ab5 .list li h3{border-bottom: 1px solid #e9e9e9;}
.ab5 .list li h3:hover a{color: #02509f;}
.ab5 .list li p{display: flex;justify-content: space-between;}
.ab5 .list li:nth-child(3n+3){margin-right: 0;}
.ab6{padding: 100px 0;color: #fff;}
.ab6 .centre{margin-top: 40px;}
.ab6 .ml{width: 49%;height: 825px;}
.ab6 .mr{width: 49.5%;display: flex;flex-flow: column;justify-content: space-between;}
.ab6 .box1{width: 100%;height: 45.5%;}
.ab6 .box2{width: 100%;height: 52%;}
.ab6 .box2 .item{width: 48.5%;}
.ab6 .item{border-radius:10px;position: relative;width: 100%;height: 100%;overflow: hidden;}
.ab6 .item .text{position: absolute;left: 0;bottom: 0;width: 100%;height: 50%;display: flex;flex-flow: column;justify-content: flex-end;padding: 35px 35px;font-size: 15px;line-height: 1.8;background: linear-gradient(transparent,rgba(0,0,0,0.8));}
.current{font-size: 15px;color: #888888;line-height: 2;padding:22px 0;}
.current i{margin: 0 8px;transform:translateY(-2px);}
.baoz{padding: 80px 0;}
.baoz .centre{margin-top: 40px;}
.baoz li{background: #ebebeb;text-align: center;color: #777777;width: 31.5%;height: 240px;line-height: 1.8;padding-top:55px;}
.baoz li h3{color: #333; font-weight:bold; margin-bottom: 5px;}
.yshi{background:url(../images/bg_ys.jpg) no-repeat center/cover;padding: 80px 0 50px;}
.yshi li{width: 30%;color: #fff;text-align: center;font-size: 15px;padding: 0 5%;margin-bottom: 4.5%;}
.yshi li i{width: 76px;line-height: 74px;border: 1px solid #fff;margin: 0 auto;border-radius:100%;}
.yshi li h3{margin: 15px 0 5px;}
.join{padding: 40px 0;}
.join .thead{line-height: 78px;background: #02509f;color: #fff;padding: 0 30px;}
.join .thead em,.join .bt em{width: 25%;text-align: center;}
.join .thead em:first-child,.join .bt em:first-child{text-align: left;}
.join .tbody li{margin-bottom: 10px;}
.join .bt{font-size: 17px;color: #666666;background:#f4f4f4;line-height: 78px;padding: 0 30px;}
.join .box{border: 1px solid #e5e5e5;border-top: 0;padding: 30px;font-size: 15px;color: #888888;line-height: 2;display: none;}
.join .box h3{color:#333333; margin-bottom:6px;}
.fuwu1{padding: 80px 0;}
.fuwu1 .box{font-size: 15px;color: #666666;line-height: 1.8;}
.fuwu1 .centre{width: 751px;height: 751px;background:url(../images/bg_2.png) no-repeat center;margin: 120px auto;}
.fuwu1 ul p{width: 145px;height: 145px;background: #005cba;color: #fff;font-size: 20px;font-weight:bold;border-radius:100%;display: flex;align-items:center;justify-content: center;position: absolute;}
.fuwu1 ul p:nth-child(1){left: -70px;top: 50%;transform: translate(0,-50%);}
.fuwu1 ul p:nth-child(2){top: 25%;transform: translate(0,-100%);}
.fuwu1 ul p:nth-child(3){top: -70px;left: 50%;transform: translate(-50%,0);}
.fuwu1 ul p:nth-child(4){top: 25%;transform: translate(0,-100%);right: 30px;}
.fuwu1 ul p:nth-child(5){right: -70px;top: 50%;transform: translate(0,-50%);}
.fuwu1 ul p:nth-child(6){bottom: 25%;transform: translate(0,100%);right: 0;}
.fuwu1 ul p:nth-child(7){bottom: -70px;left: 50%;transform: translate(-50%,0);}
.fuwu1 ul p:nth-child(8){bottom: 25%;transform: translate(0,100%);}
.fuwu1 ul p:nth-child(even){background: #02509f;}
.fuwu1 .t{width: 460px;height: 460px;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);border-radius:100%;display: flex;flex-flow: column;justify-content: center;align-items:center;color: #fff;text-transform:uppercase;}
.fuwu1 .t span{font-family:"Asimov";font-size: 52px;color:rgba(255,255,255,0.2);line-height: 1.3;margin-top: 20px;}
.fuwu2{background: #f2f2f2;padding: 80px 0;}
.fuwu2 li{text-align: center;background:#fff;width: 15.5%; color: #888888;font-size: 14px;line-height: 1.6;padding:40px 0 30px;
transition:all .5s;
-webkit-transition:all .5s;}
.fuwu2.w_g li{width:18%; padding:40px 10px 30px;}
.fuwu2 li:hover{background-color:#02509f; color:#fff;}
.fuwu2 li h3{font-size: 18px;color: #000000;font-weight: bold;margin: 15px 0 10px;
transition:all .5s;
-webkit-transition:all .5s;}
.fuwu2 li:hover h3{color:#fff;}
.fuwu2 li i{width:40px; position:relative; display:block; margin:0 auto;}
.fuwu2 li img{width:100%; height:auto; display:block;
transition:all .5s;
-webkit-transition:all .5s;}
.fuwu2 li:hover img{opacity:0;} 
.fuwu2 li img.d_w{position:absolute; top:0; left:0; opacity:0;}
.fuwu2 li:hover img.d_w{opacity:1;}
.fuwu3{background:url(../images/bg_fw.jpg) no-repeat center/cover;padding: 80px 0;}
.fuwu3 li{width: 237px;height: 237px;background:url(../images/bg_quan.png) no-repeat;display: flex;align-items:center;flex-flow: column;justify-content: center;font-size: 15px;text-align: center;color:rgba(255,255,255,0.6);}
.fuwu3 li h3{font-weight: bold;color: #fff;margin-bottom: 5px;}
.fuwu3 li:nth-child(2n){margin-top: 90px;}
.fwys{padding: 60px 0;}
.fwys .row{margin-bottom: 20px;}
.fwys .row li{width: 15.5%;height: 100px;color: #fff;background: #02509f;border-radius:20px;display: flex;flex-flow: column;align-items:center; justify-content: center;line-height: 1.8;}
.fwys .row label{width: 18%;display: block;line-height: 100px;background: linear-gradient(to right,rgba(223,223,223,0.8),transparent);border-radius:20px;color: #02509f;padding: 0 20px; font-weight:bold; text-align:center;}
.fwys .row:nth-child(2) li{background: #e1e1e1;color: #777777;}
.fwys .row:nth-child(2) li h3{color: #333333;}
.fwys .row:nth-child(2) label{color: #888888;}
.fuwu4{padding: 60px 0 100px;}
.fuwu4 .img{width: 46%;}
.fuwu4 .text{width: 50%;color: #777777;line-height: 1.8;}
.fuwu4 .text .label p{width: 125px;height: 125px; background-color:#02509f; border-radius:100%;display:flex;align-items:center;justify-content: center;text-align: center;padding: 0 30px;line-height: 1.3; color:#fff;}
.shouce{background: #f2f2f2;padding: 70px 0;}
.shouce .swiper-slide h3{color: #777;
transition:all .5s;
-webkit-transition:all .5s;}
.shouce .swiper-slide:hover h3{color:#02509f;}
.shouce .swiper-wrapper{flex-direction: row !important;}
.shouce .swiper-slide{background: #fff;height: 80px;border-radius:50px;display: flex;justify-content: space-between;align-items:center;padding: 0 40px;margin-top: 0 !important;margin-bottom: 30px;}
.shouce .page-ce,.swiper-wt .page-wt{position: static;margin-top: 20px;}
.shouce .page-ce span,.swiper-wt .page-wt span{border: 1px solid #a3a3a3;opacity: 1;background: none;}
.shouce .page-ce .swiper-pagination-bullet-active,.swiper-wt .page-wt .swiper-pagination-bullet-active{background: #a3a3a3;}
.sming{padding: 80px 0;}
.sming .hd{width: 18.5%;}
.sming .hd li{line-height: 60px;background: #187fe8;color: #fff;font-weight: bold;border-top-left-radius:30px;border-bottom-left-radius: 30px;padding-left: 40px;margin: 10px 0;cursor:pointer;}
.sming .hd li.on{background: #02509f;}
.sming .bd{width: 81.5%; min-height:420px; box-shadow: 0px 0px 15px rgba(0,0,0,.15);border-radius:20px;padding: 3vw 3vw;color: #777777;line-height: 2;}
.sming .bd h3{color: #333333;font-weight: bold;margin-bottom: 10px;}
.ban .t{width: fit-content;}
.ban .t h3{font-size: 56px;}
.pro1{padding: 60px 0;}
.pro1 .p-bt{font-weight:bold;}
.pro1 li{width: 48.5%;text-align: center;margin-bottom: 2%;color: #888888;line-height: 1.8;}
.pro1 li .img{height: 460px;border: 1px solid #e1e1e1;display:flex;align-items:center;justify-content: center;box-shadow: 0px 0px 15px rgba(0,0,0,.05);margin-bottom: 20px;}
.pro1 li h3{color: #333333;}
.pro2{padding: 6.5vw 0;background:url(../images/bg_cp.jpg) no-repeat center/cover;}
.pro2 .text{width: 49%;text-align: center;line-height: 2;}
.pro2 .text h3{font-weight:bold;}
.pro2 .text p{color: #888888;}
.pro2 .text .more{border: 1px solid #e2e2e2;width: 62px;line-height: 60px;border-radius:60px;color: #bababa;margin: 40px auto 0;}
.pro2 .img{width: 49%;height: 460px;background: #fff;border: 1px solid #e1e1e1;display:flex;align-items:center;justify-content: center;box-shadow: 0px 0px 15px rgba(0,0,0,.05);}
.pro3{background: #fff;}
.pro2 .centre{flex-flow: row-reverse;}
.pro3 .centre{flex-flow: nowrap;}
.p-ban{height: 520px;background: #dde4f6;margin-top: 75px;display: -webkit-box;-webkit-box-align: center;-webkit-box-pack: center;color: #666666;}
.p-ban .text{width: 45%;}
.p-ban .img{width: 50%;display: flex;justify-content: center;}
.p-ban h3{font-size: 56px; font-weight:bold; color: #02509f;}
.p-ban .more{background: #02509f;color: #fff;width: 170px;line-height: 52px;border-radius:4px;margin-top: 80px;}
.pro-show{padding: 60px 0;}
.p-tit{background:url(../images/bg_3.png) repeat-x left center;}
.p-tit h3{background: #fff; font-weight:bold; display: inline-block;padding: 0 25px;}
.pro-show .content{color: #333333;line-height: 1.8;}
.canshu{background: #f3f3f3;padding: 80px 0;}
.wenti{background: #f2f2f2;padding: 80px 0;}
.wenti .swiper-wrapper{flex-direction: row !important;}
.wenti .swiper-slide{background: #fff;height: 195px;padding: 30px 30px;color: #777777;font-size: 15px;line-height: 1.8;margin-top: 0 !important;margin-bottom: 30px;}
.wenti .swiper-slide h3{font-weight: bold;color: #333333;background:url(../images/wen_on.png) no-repeat left center;padding-left: 35px;margin-bottom: 5px;}
.wenti .swiper-slide p{background:url(../images/da_on.png) no-repeat left top 2px;padding-left: 35px;}
.wenti .swiper-slide .more{background: #c6c6c6;color: #fff;width: 96px;line-height: 30px;margin-left: 35px;margin-top: 12px;}
.wenti .swiper-slide:hover h3{background:url(../images/wen.png) no-repeat left center;}
.wenti .swiper-slide:hover p{background:url(../images/da.png) no-repeat left top 2px;}
.wenti .swiper-slide:hover .more{background: #c00000;}

/* 详情 */
.detail .tool{border-bottom: #cccccc 1px solid;margin-top: 20px;justify-content: space-between;padding: 15px 0 25px;color: #999999;}
.detail .tool span{margin-right: 20px;}
.detail .content{padding: 30px 0;line-height: 2;color: #696969;}
.detail .prev_next{line-height: 2.4;font-size: 13px;margin-top: 30px;}
.detail .prev_next a:hover{color: #999999;}

.xw_xq{width:100%; padding:80px 0 160px; overflow:hidden; position:relative;}
.xw_xq .xq_nr .b_t{font-size:28px; line-height:36px; font-weight:bold; color:#000; text-align:center; margin-bottom:20px;}
.xw_xq .xq_nr .x_x{padding-bottom:30px;margin-bottom:45px; border-bottom:1px solid #eee; text-align:center; line-height:26px;}
.xw_xq .xq_nr .x_x span{display:inline-block; padding:0 10px;}
.xw_xq .xq_nr .n_r{font-size:15px; line-height:30px;}
.xw_xq .xq_nr .n_r img{max-width:100%; height:auto; display:block; margin:0 auto;}
.xw_xq .xq_nr .f_y{margin-top:40px; padding-top:30px; border-top:1px solid #eee; color:#999; font-size:15px; line-height:32px;}
.xw_xq .xq_nr .z_c, .xw_xq .xq_nr .y_c{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
@media only screen and (max-width:640px){
    .xw_xq{padding:3rem 0 7rem;}
    .xw_xq .xq_nr .b_t{font-size:2rem; line-height:3rem; margin-bottom:1.5rem;}
    .xw_xq .xq_nr .x_x{padding-bottom:2.5rem; margin-bottom:2.5rem;}
    .xw_xq .xq_nr .n_r{font-size:1.4rem; line-height:2.6rem;}
    .xw_xq .xq_nr .f_y{margin-top:3rem; padding-top:2rem; font-size:1.4rem;}
}