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

/* 头部 */
.head{width: 100%;position: absolute;left: 0;top: 0;background: #fff;z-index: 99;}
.head .logo{width: 305px;}
.head .kehu{background:url(../images/kefu.png) no-repeat left center;padding-left: 28px;margin-right: 18px;}
.head .lang{background:url(../images/lang.png) no-repeat left center;padding-left: 26px;}
.navbar{}
.navbar li{float: left;font-size: 16px;color: #000000;padding: 30px 0;margin: 0 15px;position: relative;text-transform:capitalize;}
.navbar li.on a,.navbar li:hover a{color: #595757;}
.navbar li:after{content: "";display: block;position: absolute;width: 0;bottom:22px;left:50%;transform:translate(-50%,0);height: 2px;background: #595757;transition: all 0.4s linear;}
.navbar li.on:after,.navbar li:hover:after{width: 80%;}
.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: #db0000;transition: all 0.4s ease-in-out;}
.navbar li:hover .navhide{opacity: 1;visibility: inherit;}

/* start */
.swiper-bn{height: 690px;}
.swiper-bn .inner{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: linear-gradient(to right,rgba(0,0,0,0.2),transparent);}
.swiper-bn .page-bn{width: 100%;bottom: 1.5vw;}
.swiper-bn .page-bn span{background: #fff;margin: 0 10px;}
.hm-tit{text-transform:capitalize;}
.hm-tit span{display: block;color: #595757;margin-top: 8px;}
.hm-tit h3 em{color: #084cd3;}
.step1{background: #f6f6f6;padding: 50px 0;}
.step1 .centre{background: #fff;}
.step1 .centre .text{width: 64%;padding: 0 3%;color: #666666;line-height: 2;}
.step1 .centre .text em{color: #084cd3;}
.step1 .centre .more{width: 200px;line-height: 48px;background: #01449d;color: #fff;margin-top: 40px;}
.step1 .centre .img{width: 36%;}
.step1 .box li{width: 48%;height: 297px;margin-bottom: 2%;}
.step1 .box .img{width: 100%;height: 100%;position: relative;}
.step1 .box .t{position: absolute;color: #fff;line-height: 1.8;padding: 30px 20px;bottom: 0;left: 0;background: linear-gradient(transparent,rgba(0,0,0,1));}
.step1 .box h3{font-weight: bold;}
.step1 .box li:hover .t{background: linear-gradient(transparent,rgba(26,105,218,0.8));}
.step2{padding: 50px 0;}
.step2 li{width: 19%;height: 315px;background: #1057d6;border-radius:6px;margin-bottom: 2%;color: #fff;text-align: center;padding: 25px 10px;line-height: 1.8;}
.step2 li h3{font-weight: bold;margin: 12px 0;}
.step2 li:nth-child(2){background: #ff6a6a;}
.step2 li:nth-child(3){background: #ffa954;}
.step2 li:nth-child(4){background: #77a63c;}
.step2 li:nth-child(5){background: #03a1ea;}
.step3{padding: 60px 0;background:url(../images/bg_youshi.jpg) no-repeat center/cover;}
.step3 li{width: 17%;color: #fff;line-height: 1.8;text-align: center;margin-bottom: 2%;}
.step3 li h3{font-weight: bold;margin: 12px 0 18px;}
.step3 li p{text-align: left;}
.step4{height: 865px;background:url(../images/map.jpg) no-repeat center top /contain;padding: 50px 0;overflow: hidden;}
.step4 .centre{width: 735px;margin: 0 auto;}
.step4 .box{position: absolute;width: 336px;height: 194px;background:url(../images/bg_2.png) no-repeat center/contain;color: #fff;line-height: 1.7;padding: 15px 35px 0 25px;opacity: 0;visibility: hidden;transition: all 0.4s linear;}
.step4 .box h3{font-weight:bold;margin-bottom: 8px;}
.step4 .box p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;}
.step4 li{position:absolute;cursor:pointer;}
.step4 li h4{font-weight: bold;color: #084cd3;font-size: 18px;}
.step4 li:hover .box{opacity: 1;visibility: inherit;}
.step4 li:nth-child(1){
    left: -50px;
    top: 103px;
}
.step4 li:nth-child(1) .box{top: -30px;right: 83px;}
.step4 li:nth-child(2){
    left: -47px;
    top: 295px;
}
.step4 li:nth-child(2) .box{background:url(../images/bg_1.png) no-repeat center/contain;padding: 15px 20px 0 40px;top: -145px;left: 82px;}
.step4 li:nth-child(3){
    left: -10px;
    top: 361px;
}
.step4 li:nth-child(3) .box{right: 98px;top: -25px;}
.step4 li:nth-child(4){
    left: 353px;
    top: 433px;
}
.step4 li:nth-child(4) .box{height: 211px;background:url(../images/bg_3.png) no-repeat center/contain;bottom: 45px;left: -55px;padding: 15px 30px 0 35px;}
.step4 li:nth-child(5){
    right: -90px;
    top: 207px;
}
.step4 li:nth-child(5) .box{height: 211px;background:url(../images/bg_3.png) no-repeat center/contain;bottom: 20px;left: -43px;padding: 15px 30px 0 35px;}
.step4 li:nth-child(6){right: -41px;top: 219px;}
.step4 li:nth-child(6) .box{width: 319px;height: 215px;background:url(../images/bg_4.png) no-repeat center/contain;left: -110px;padding-top: 35px;padding-right: 25px;}
.foot{background: #292929;padding: 40px 0 30px;color: #fff;line-height: 2;}
.foot .dh{margin-bottom: 20px;}
.foot .dh a{display: inline-block;margin:0 12px;}
.foot .dh a:first-child{margin-left: 0;}
.foot .dh a:hover{text-decoration:underline;}
.foot .dh i:last-of-type{display: none;}
.foot h3{font-weight: bold;color: #03a1ea;}
.foot p{color:rgba(255,255,255,0.5);}
.foot .share{justify-content: flex-end;}
.foot .share a{display: block;width: 30px;line-height: 30px;background: #fff;color: #292929;border-radius:30px;text-align: center;font-size: 18px;margin-left: 10px;}
.ban{height: 435px;text-transform:uppercase;color: #fff;}
.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:after{content: "";display: block;width: 75px;height: 3px;background: #fff;margin: 5px 0 10px;}
.ban .t{width: 390px;height: 175px;background: rgba(26,105,218,0.68);flex-flow: column;justify-content: center;border-radius:10px;padding: 0 20px;}
.crumbs{border-bottom: 1px solid #e1e1e1;padding: 15px 0;}
.crumbs a{min-width: 108px;line-height: 38px;display: inline-block;color: #333333;background:#eeeeee;border-radius:30px;text-align: center;margin-right: 10px;padding: 0 10px;}
.crumbs a.on,.crumbs a:hover{color: #fff;background:#1a69da;}
.ab1{padding: 60px 0;}
.ab1 .img{width: 51.5%;}
.ab1 .text{width: 42.5%;line-height: 2;padding: 20px 0;}
.ab1 .text .t{margin-bottom: 40px;}
.ab1 .text .t:after{content: "";display: block;width: 55px;height: 2px;background: #1a69da;margin: 5px 0;}
.ab2{padding: 50px 0;}
.ab2 li{width: 20%;height: 330px;text-align: center;color: #555555;line-height: 1.7;box-shadow: 0px 0px 15px rgba(0,0,0,.15);padding: 30px 20px 0;margin-bottom: 2%;overflow: hidden;}
.ab2 li h3{color: #333333;margin: 15px 0;}
.ab2 li p{text-align: left; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 7;}
.ab2 li:nth-child(2n){background: #1a69da;color: #fff;}
.ab2 li:nth-child(2n) h3{color: #fff;}
.contact{padding: 70px 0;}
.contact .row{width: 48.5%;border: 1px solid #dedede;padding: 30px 30px;margin-bottom: 2%;}
.contact .row h3{font-weight: bold;color: #28529c;}
.contact .row .box{}
.contact .row dl{width: 50%;display:flex;align-items:center;font-size: 17px;color: #595757;margin-bottom: 30px;}
.contact .row p{font-weight: bold;}
.contact .row .t{margin-left: 18px;}
.contact .row dl:nth-child(n+3){margin-bottom: 0;}
.boke{padding: 50px 0;}
.boke .row{background: #f6f6f6;padding: 12px 12px;align-items:center;margin-bottom: 30px;}
.boke .row .img{width: 28%;}
.boke .row .text{width: 68%;color: #666666;line-height: 2;padding-right: 2%;}
.boke .row .text h3{color: #333333;}
.boke .row .text span{display: block;color: #999999;margin: 5px 0;}
.boke .row .more{width: 90px;line-height: 28px;border: 1px solid #cccccc;margin-top: 20px;transition: all 0.4s linear;}
.boke .row .more:hover{border: 1px solid #1a69da;background: #1a69da;color: #fff;}
.fuwu{padding: 50px 0;}
.fuwu .row{background: #f6f6f6;margin-bottom: 30px;display: flex;justify-content: space-between;align-items:center;}
.fuwu .row .img{width: 31%;}
.fuwu .row .text{width: 65%;padding-right: 3%;line-height: 1.8;color: #555555;}
.fuwu .row .text h3{color:#333333;margin-bottom: 30px;}
.fuwu .row .text h3:after{content: "";display: block;width: 42px;height: 2px;background: #1a69da;margin: 5px 0;}
.fuwu .row .text .more{background: #1a69da;width: 110px;line-height: 36px;color:#fff;border-radius:30px;margin-top: 40px;}
.cang{padding: 60px 0;}
.cang .centre{justify-content: flex-start;}
.cang .row{width: 31%;height: 505px;border: 1px solid #eeeeee;border-radius:10px;overflow:hidden;position: relative;transition: all 0.2s linear;margin-right: 3.5%;margin-bottom: 3.25%;}
.cang .row .img{}
.cang .row .text{padding: 20px 20px;color: #555555;line-height: 1.8;}
.cang .row .text h3{font-weight: bold;margin-bottom: 15px;}
.cang .row .text .more{border: 1px solid #004ea2;color: #004ea2;width: 120px;line-height: 32px;transition: all 0.4s linear;position: absolute;bottom: 22px;}
.cang .row .text .more:hover{background: #004ea2;color: #fff;}
.cang .row:nth-child(3n+3){margin-right: 0;}
.cang .row:hover{box-shadow: 0px 0px 15px rgba(0,0,0,.15);}
.cang .row:hover h3{color: #084cd3;}


/* 详情 */
.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;}

.xiaocms-page{width:100%;text-align:center;margin-top: 50px;border-top: 1px solid #e9e9e9;border-bottom: 1px solid #e9e9e9;padding: 15px 0;font-size: 16px;}
.xiaocms-page a,.xiaocms-page span{display: inline-block;line-height: 32px;margin-left:5px;padding:0 11px;}
.xiaocms-page span{background:#408de3;color:#fff;border-radius:100%;}