@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;}

/* 头部 */
.top{line-height: 48px;border-bottom: 1px solid #e4e4e4;color: #888888;}
.top .other{border-right: 1px solid #e4e4e4;}
.top .other>a{display:block;width: 88px;text-align: center;border-left: 1px solid #e4e4e4;}
.head{width: 100%;}
.head .part{align-items:center;margin: 30px 0px;}
.head .logo{}
.head .Co{color: #888888;text-transform:uppercase;margin-left: 15px;}
.head .Co h3{color: #000000;line-height: 1.3;}
.head .slogan{color: #666666;border: 2px solid #dcdcdc;width: 195px;height: 40px;line-height: 36px;border-radius:30px;margin-left: 15px;}
.head .tel{color: #888888;background:url(../images/tel.png) no-repeat left center;padding-left: 33px;line-height: 1.2;margin-top: 38px;}
.head .tel h3{font-family:"Din";color: #003e92;}
.navbar{background:#003e92;}
.navbar li{float: left;width: 12.5%;text-align: center;font-size: 17px;color: #fff;line-height: 62px;position: relative;border-left: 1px solid #002f6f;}
.navbar li.on,.navbar li:hover{background: #b90500;}
.navbar li:last-of-type{border-right: 1px solid #002f6f;}

.navhide{background: #fff;width: 150px;position: absolute;left: 50%;margin-left: -75px;margin-top: 1px;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 */
.hm-tit{color: #888888;text-transform:uppercase;}
.hm-tit h3{font-weight: bold;color: #333333;margin-bottom: 8px;}
.hm-tit h3>em{color: #003e92;}
.hm-tit span{display: block;font-family: Impact;font-size: 72px;color:rgba(0,0,0,0.05);line-height: 1;margin-bottom: -53px;}
.swiper-bn{height: 570px;}
.swiper-bn .inner{width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: rgba(0,0,0,0.4);color: #fff;text-align: center;font-size: 20px;font-weight: bold;letter-spacing: 8px;display: -webkit-box;-webkit-box-align: center;-webkit-box-pack: center;}
.swiper-bn .t1{font-family:"Din";text-transform:uppercase;margin-bottom: 20px;}
.swiper-bn .t1 h3{font-size: 58px;letter-spacing: 0;line-height: 1.4;}
.Hot{padding: 22px 0;color: #888888;font-size: 15px;box-shadow: 0 0 15px rgba(0,0,0,.15);}
.Hot .wrap{justify-content: space-between;align-items:center;}
.Hot strong{color: #003e92;}
.Hot a{display: inline-block;margin-right: 1.5vw;}
.search{width: 315px;border: 1px solid #e0e0e0;}
.search .form{justify-content: space-between;}
.search .btn{color: #fff;background: #003e92;width: 74px;cursor:pointer;}
.search input{height: 40px;font-size: 14px;color: #888888;padding: 0 15px;}
.step1{background:url(../images/bg_xiangmu.png) no-repeat left bottom #f8f8f8;padding: 90px 0 80px;}
.step1 .slide{margin-top: 30px;}
.step1 .hd{align-items:center; border: 1px solid #dbdbdb;}
.step1 .hd .b-t{width: 172px;line-height: 74px;color: #fff;background:#003e92;margin-right: 15px;}
.step1 .hd .b-t i{margin-right: 10px;}
.step1 .hd li{display: inline-block;color: #888888;line-height: 74px;margin: 0 1.4vw;position:relative;cursor:pointer;}
.step1 .hd li.on:after{content: "";display: block;width: 90%;height: 2px;background: #003e92;position: absolute;bottom: 0;left: 5%;}
.step1 .hd li.on{color: #003e92;}
.step1 .bd{margin-top: 40px;}
.step1 .bd li{float: left;width: 24%;background: #fff;padding: 20px 18px 27px;border-radius:5px;box-shadow: 0 0 10px rgba(0,0,0,.1);text-align: center;margin-right: 1.33%;margin-bottom:2%;}
.step1 .bd li .pic{height: 173px;}
.step1 .bd li h3{font-weight:bold;margin-top: 18px;}
.step1 .bd li .more{width: 125px;line-height: 35px;background: #f0f0f0;color: #888888;margin: 0 auto;border-radius:4px;margin-top: 15px;}
.step1 .bd li:nth-child(4n+4){margin-right: 0;}
.step2{background:url(../images/bg_1.png) no-repeat center bottom;padding: 90px 0 70px;}
.step2 .cont{justify-content: space-between;margin-top: 140px;padding-bottom: 140px;}
.step2 .cont li{display: flex;color: #666666;align-items:center;margin-bottom: 80px;}
.step2 .cont li h3{font-weight: bold;color: #003e92;margin-bottom: 2px;}
.step2 .cont li p{height: 77px;}
.step2 .cont li .t{margin:0 15px;width: 245px;}
.step2 .cont .m-r li{flex-flow:row-reverse;text-align: right;}
.step2 .cont .b_g{position: absolute;width: 100%;text-align: center;bottom:0;}
.hl-tel{border: 1px solid #cccccc;line-height: 50px;width: 390px;margin: 0 auto;border-radius:50px;justify-content: center;color: #333333;transform:translateY(-10px);}
.hl-tel h3{font-family:"Din";color: #003e92;margin-left: 15px;}
.step3{padding: 80px 0;background:url(../images/bg_4.jpg) no-repeat center top;}
.step3 .cont{margin-top: 40px;}
.step3 .swiper-wrapper{flex-direction: row !important;}
.step3 .swiper-slide{box-shadow: 0 0 10px rgba(0,0,0,.1);margin-top: 0 !important;margin-bottom: 25px;}
.step3 .cont .t{color: #777777;padding: 15px 20px;}
.step3 .cont .t h3{font-weight: bold;font-size: 15px;color: #333333;margin-bottom: 3px;}
.step3 .next-case{width: 36px;height: 36px;background: #d4d4d4;color: #fff;text-align: center;font-size: 30px;border-radius:30px;right: -4vw;}
.step3 .prev-case{width: 36px;height: 36px;background: #d4d4d4;color: #fff;text-align: center;font-size: 30px;border-radius:30px;left: -4vw;}
.step4{padding-bottom: 50px;}
.step4 .cont{flex-wrap: wrap;justify-content: space-between;align-items:center;margin: 50px 0;}
.step4 .cont li{text-align: center;font-size: 17px;color: #333333;}
.step4 .cont .i{width: 112px;height: 112px;border: 1px solid #e3e3e3;border-radius:100%;margin-bottom: 14px;}
.step4 .cont .arrow{margin-top: -30px;}
.step4 .cont .arrow:last-of-type{display: none;}
.step5{background:url(../images/bg_3.jpg) no-repeat right top;padding-top: 100px;}
.step5 .wrap{width: 85%;background:url(../images/bg_2.jpg) no-repeat center/cover;padding: 70px 0;}
.step5 .cont{margin-top: 50px;color: #fff;}
.step5 .cont .pic{width: 44%;}
.step5 .cont .text{width: 53%;font-size: 15px;padding-top: 20px;line-height: 1.8;}
.step5 .cont .text h3{font-weight: bold;font-size: 24px;margin-bottom: 10px;}
.step5 .cont .text .more{width: 122px;line-height: 36px;background: #b90500;border-radius:5px;margin-top:22px;}
.step6{background: #f8f8f8;padding: 90px 0;}
.step6 .wrap{margin-top: 40px;justify-content: space-between;}
.step6 .slide-xw{width: 62.5%;background: #fff;}
.step6 .hd{background: #eeeeee;}
.step6 .hd li{width: 32%;line-height: 76px;text-align: center;color: #777777;cursor:pointer;}
.step6 .hd li.on{background: #003e92;color: #fff;}
.step6 .bd{padding: 28px 28px;}
.step6 .bd .rec{align-items:center;}
.step6 .bd .rec .pic{width: 33%;}
.step6 .bd .rec .text,.news .rec .text{width: 67%;color: #888888;padding-left: 3%;line-height: 2;}
.step6 .bd .rec h3,.news .rec h3{font-weight:bold;color: #333333;}
.step6 .bd .rec dt{font-size: 12px;}
.step6 .bd .rec .more,.news .rec .more{width: 124px;line-height: 34px;background: #003e92;color: #fff;border-radius:4px;margin-top: 10px;}
.step6 .bd .box{margin-top: 30px;}
.step6 .bd .box li{display: flex;justify-content: space-between;color: #444444;border-top: 1px dashed #d5d5d5;line-height: 52px;}
.step6 .prob{width: 35%;background: #ffffff;padding-bottom: 34px;}
.step6 .prob .bt{background: #003e92;color: #fff;line-height: 76px;padding: 0 30px;}
.step6 .prob .box{padding:  0 28px;}
.step6 .prob .box li{color: #888888;border-bottom: 1px dashed #d5d5d5;padding: 16px 0;}
.step6 .prob .box h3{font-weight:bold;color: #333333;background: url(../images/Q.png) no-repeat left center;line-height: 30px;margin-bottom: 8px;padding-left: 40px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.step6 .prob .box p{background: url(../images/a.png) no-repeat left top 2px;padding-left: 40px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.links{background: #003e92;padding: 30px 0 25px;}
.links .hm-tit span{font-size: 52px;color: rgba(255,255,255,0.1);margin-bottom: -45px;}
.links .wrap{align-items:center;}
.links .key{font-size: 15px;}
.links .key>a{display:block;color: #fff;margin: 0 1vw;}
.links .key>a:hover{text-decoration:underline;}
.foot{background: #111111;}
.foot .f-dh{font-size: 17px;flex-wrap: wrap;justify-content: space-between;color: #fff;padding: 35px 0;}
.foot .cont{flex-wrap: wrap;justify-content: space-between;padding: 28px 0 40px;}
.foot .f-logo{align-items:center;-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);}
.foot .f-logo .lg{margin-right: 15px;}
.foot .info{color: #888888;font-size: 15px;line-height: 1.8;}
.foot .info h3{color: #fff;font-weight: bold;margin-bottom: 7px;}
.copyright{background: #000000;color: #999999;line-height: 2.2;padding: 20px 0;}
.crumb{border-bottom: 1px dashed #d5d5d5;text-align: right;font-size: 15px;color: #888888;line-height: 2;padding: 15px 0;}
.crumb span:before{content: "";display:inline-block;width: 3px;height:15px;background: #003e92;margin-right: 8px;transform:translateY(2px);}
.main{padding: 40px 0 80px;}
.main .m-l{width: 245px;color: #fff;}
.main .m-r{width: 905px;}
.lf-bt{font-size: 15px;color:rgba(255,255,255,0.5);text-transform:uppercase;background: #003e92;padding: 22px 28px;}
.lf-bt h3{font-weight: bold;color: #fff;letter-spacing: 1px;}
.column,.lf-ctc{background: #0044a1;margin-bottom: 15px;}
.column .tab-box{padding: 0 28px;}
.column .tab-box p{display: flex;color: #fff;justify-content: space-between;align-items:center;line-height: 56px;border-bottom: 1px solid rgba(255,255,255,0.2);padding: 0 2px;}
.column .tab-box p>i{opacity: 0.6;font-size: 14px;}
.lf-ctc .tel{padding: 12px 0;border-bottom: 1px solid rgba(255,255,255,0.2);font-size: 15px;margin: 0 20px;}
.lf-ctc .tel h3{font-family: "Din";line-height: 1.4;}
.lf-ctc .info{padding: 15px 20px;}
.lf-ctc .info dl{margin-bottom: 15px;}
.present{border-bottom: 1px solid #dcdcdc;text-transform:uppercase;color: #ebebeb;padding-bottom: 6px;}
.present h3{font-weight:bold;color: #003e92;margin-right: 8px;}
.present h3:after{content: "";display: block;width: 100%;height: 2px;background: #003e92;transform: translateY(8px);}
.present span{font-family: Impact;letter-spacing: 1px;}
.about{color: #888888;line-height: 2;padding: 20px 0;}
.about h3{font-weight: bold;color: #003e92;font-size: 20px;}
.case{padding: 30px 0;}
.case li{float: left;border: 1px solid #d8d8d8;text-align: center;color: #666666;width: 32%;margin-bottom: 2%;margin-right: 2%;}
.case li .pic{height: 200px;}
.case li .t{padding: 20px 0 25px;}
.case li h3{font-weight: bold;margin-bottom: 8px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.case li .more{width: 124px;line-height: 34px;background: #f0f0f0;border-radius:4px;margin: 0 auto;transition: all 0.3s linear;}
.case li:hover h3>a{color: #003e92;}
.case li:hover .more{background: #003e92;color: #fff;}
.case li:nth-child(3n+3){margin-right: 0;}
.news{padding: 35px 0;}
.news .rec{justify-content: space-between;align-items:center;}
.news .rec .pic{width: 31%;}
.news .rec .text{width: 69%;padding-left: 2.5%;}
.news .cont{margin-top: 30px;color: #444444;border-top: 1px dashed #eaeaea;}
.news .cont p{display: flex;justify-content: space-between;border-bottom: 1px dashed #eaeaea;line-height: 52px;padding: 0 2px;}
.news .cont p:hover a{color: #003e92;transition: all 0.3s linear;}

/* 详情 */
.detail{}
.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;}
/* 留言 */
.message .form{background: #f7f7f7;padding: 40px 50px;}
.message .item{justify-content: space-between;margin-bottom: 15px;}
.message .item input{width: 47%;height: 54px;font-size: 14px;border-bottom: 1px solid #f0f0f0;color: #aaaaaa;padding: 0 15px;}
.message .item textarea{width: 100%;height: 110px;border-bottom: 1px solid #f0f0f0;color: #aaaaaa;padding: 15px 15px;}
.message .btn{display: block;color: #fff;text-align: center;font-size: 16px;background: #1f68c4;margin: 0 auto;width: 140px;height: 46px;cursor:pointer;}

.xiaocms-page{width:100%;text-align:center;margin-top: 50px;font-size: 14px;}
.xiaocms-page a,.xiaocms-page span{display: inline-block;line-height: 30px;margin-left:5px;padding:0 11px;border: 1px solid #dedede;color: #999999;}
.xiaocms-page span{background:#0c5aa9;border: 1px solid #0c5aa9;color:#fff;}