@charset "utf-8";a,body{color:#000}
.header-top,.listnav{background:#108cee;width:100%}
.nav ul li ul,.nav ul li ul li>ul{visibility:hidden;background:#fff;box-shadow:2px 0 11px -3px rgba(0,0,0,.2);z-index:999;opacity:0}
.nav ul li ul li ul li>a,.nav ul li ul li>a{font-weight:500;text-transform:capitalize;color:#025596}
.nav ul li a,.nav ul li ul li ul li>a,.nav ul li ul li>a{display:block;transition:.3s}
.flex-0,.flex-t,.header-top,.listnav,.navWrapTop,table{width:100%}
.example,a,a:hover{text-decoration:none}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:0}
body{overflow-x:hidden;font:14px/1.8 "Microsoft Yahei","微软雅黑","Hiragino Sans GB","冬青黑体",tahoma,"times new roman",helvetica,arial;margin:0 auto;background-color:#fff}
ol,ul{list-style:none;margin:0;padding:0}
a{outline:0;vertical-align:top}
li{list-style-type:none}
img{border:0}
table{border-collapse:collapse}
input[type=button],input[type=radio],input[type=reset],input[type=submit]{cursor:pointer;outline:0}
input[type=checkbox],input[type=radio]{position:relative;vertical-align:middle;margin:-2px 5px 1px}
input[type=date],input[type=email],input[type=password],input[type=text],textarea{padding:0;color:#666;outline:0}
.f-l,.logo{float:left}
.f-r{float:right}
.clearfix:after{clear:both;height:0;content:"";line-height:0;font-size:0;display:block}
caption,h1,h2,h3,h4,h5,h6,p{margin:0;padding:0}
#carouselExampleIndicators,.banner,.footer,.header,.main{width:100%;float:left}
.container{max-width:1400px}
.row{margin:0}
.header-top{display:flex;padding:5px 0;justify-content:space-between}
.header-top h2{color:#fff;line-height:32px;font-size:14px}
.header-top .form-search{border:1px solid #108cee;width:205px;height:30px;float:right;background:#fff;border-radius:25px;overflow:hidden;font-size:14px}
.header-top button{background:0 0;border:none;width:25px;height:25px;float:right;margin-top:3px;position:absolute;right:13px}
.header-top .search-input{border:none;background:0 0;height:30px;line-height:30px;float:left;padding-left:10px}
.header-top .fa-search{background:url(../images/ss.png) 0 0/25px no-repeat;width:25px;height:25px;float:right}
.listlogo{padding:30px 0}
.listlogo .col-lg-4{padding-right:0}
.chat-form-kf .rgkf,.logo .waplogo,.nm1,.workTime-pop .contact-pop-form .inputWrap::before,.workTime-pop .contact-pop-form-item label{display:none}
.flex-0,.foot-logo,.foot-nav,.foot-nav ul,.logo .flex,.tel.flex{display:flex}
.logo img{vertical-align:middle}
.logo .flex{align-items:center}
.lgs .lg{width:85px;height:85px}
.lgs .name{margin-left:20px;line-height:40px;color:#016db5}
.na span{color:#000}
.lgs .name .ms{color:#777}
.flex-0{font-size:34px;font-weight:700}
.tel .dh{width:73px;animation:.8s 80ms infinite alternate two-up-down}
@keyframes two-up-down{from{-webkit-transform:translate(0,2px);transform:translate(0,2px)}
to{-webkit-transform:translate(0,-2px);transform:translate(0,-2px)}
}
@keyframes hot-up-down{from{-webkit-transform:translate(0,1px);transform:translate(0,1px)}
to{-webkit-transform:translate(0,-1px);transform:translate(0,-1px)}
}
.tel .num{margin-left:20px;width:270px;line-height:36px}
.tel .num .hm{color:#ed143d}
.tel.flex{justify-content:flex-end}
.tel .num .rx{color:#108cee}
.flex-t{font-size:22px}
.listnav{height:60px;line-height:60px}
.nav ul li{display:inline-block;position:relative}
.nav ul li.active{background:#0d76c9}
.foot-bq,.foot-bq ul li a,.foot-nav ul a,.nav ul li.active .submenu a:hover,.nav ul li.active a{color:#fff}
.nav ul li.active .submenu a{color:#666}
.nav ul li a{font-size:16px;font-weight:600;color:#fff;text-transform:uppercase;padding:0 19px}
.nav ul li:hover>a{color:#186aab}
.nav ul li ul li:hover>ul,.nav ul li:hover>ul{opacity:1;visibility:visible}
.nav ul li ul{position:absolute;top:100%;left:0;width:180px;margin:0;padding:0;transition:.5s}
.nav ul li ul li{display:block;line-height:46px;position:relative}
.nav ul li ul li ul li:last-child>a,.nav ul li ul li:last-child>a{border-bottom:0}
.nav ul li ul li>a{font-size:14px;padding:0 19px;border-bottom:1px solid #e9e9e9}
.nav ul li ul li ul li:hover>a,.nav ul li ul li:hover>a{background:#186aab;color:#fff;border-color:0}
.nav ul li ul li>ul{position:absolute;top:0;left:100%;width:240px;margin:0;padding:0;transition:.5s}
.nav ul li ul li ul>li{display:block;position:relative}
.nav ul li ul li ul li>a{font-size:14px;padding:14px 19px;border-bottom:1px solid #e9e9e9}
.nav ul li:last-child ul{left:auto;right:0}
.navWrapTop{left:0;z-index:999}
.listnav ul li:hover>a{background:#025596;color:#fff}
.listnav ul li a{padding:0 35px}
.listnav ul li ul li a{animation:.5s linear all;-webkit-animation:.5s linear all;-ms-animation:all 0.5s linear;-moz-animation:.5s linear all;transition:.5s linear;-webkit-transition:.5s linear;-moz-transition:.5s linear;-ms-transition:.5s linear}
.listnav ul li ul li a:hover{text-indent:5px}
.w-100{max-height:550px}
.carousel-control-next,.carousel-control-prev{border:none;background:inherit}
.footer,.yqlj{background:#006db5;width:100%}
.yqlj{line-height:35px;float:left}
.yqlj span{font-size:14px;color:#fff;float:left}
.yqlj a{font-size:12px;color:#fff;padding:0 10px;float:left}
.foot{padding:50px 0 0}
.foot-bott,.foot-nav{padding:20px 0}
.foot-logo{justify-content:center;align-items:center;width:100%;margin-bottom:20px}
.foot-nav{border-top:1px solid #0080d6;justify-content:center}
.foot-nav ul{flex-wrap:wrap;width:100%;justify-content:center;color:#fff;opacity:.7}
.foot-bott,.foot-nav ul li{justify-content:center;display:flex}
.foot-nav ul li{width:10%;font-size:18px}
.foot-nav ul li a{font-size:18px}
.foot-bott .wx{width:40%;display:flex;justify-content:center;align-items:center;flex-direction:column;color:#fff}
.foot-bott .foot-bq{width:60%}
.foot-bott .wx img{width:180px;height:180px}
.foot-bott .wx span{font-size:14px;margin-top:5px}
.foot-bq ul li{font-size:16px;line-height:30px}
.chat-form-kf .chat-offline{background-color:#fff;border-radius:6px;padding-bottom:14px;box-shadow:0 0 4px 1px rgb(0 0 0 / 10%);width:100%}
.chat-form-kf .chat-offline-head{height:52px;border-radius:6px 6px 0 0;font-size:14px;font-weight:600;color:#fff;line-height:52px;text-align:left;background:0 0/cover #1f8ceb;text-indent:20px}
.chat-form-kf .chat-offline-content{padding:0 14px}
.chat-form-kf .chat-offline-content-cpyinfo{line-height:16px;font-size:12px;font-weight:400;color:#666;margin:10px 0}
.chat-form-kf .chat-offline-content-form .aff-leave-message-container-box-message{margin-bottom:5px;overflow:hidden}
.chat-form-kf .chat-offline-content-form .aff-leave-message-container-box-message textarea{width:100%;padding:5px 10px;height:50px;font-size:12px;border-radius:4px;overflow:hidden;resize:none;border:1px solid #dcdfe6;outline:0;line-height:1.4;float:left}
.chat-form-kf .chat-offline-content-form .aff-leave-message-container-box-message input{width:100%;padding:6px 10px;font-size:12px;border-radius:4px;border:1px solid #dcdfe6;outline:0}
.chat-form-kf .chat-offline-footer{height:40px;background:#1f8ceb;border-radius:6px;line-height:40px;text-align:center;width:60%;margin:14px auto 0;color:#fff;font-size:14px}
.chat-form-kf .icon{display:flex;position:relative;bottom:0;width:40%;float:left;left:10px}
.chat-form-kf .icon div{margin:0 5px;width:30px;height:30px}
.chat-form-kf .icon .icon-img{background:url(http://hbsjsdoss.oss-cn-zhangjiakou.aliyuncs.com/hbsjsd-img/33/20230209/oolbar_photo.59c108b.png) 50%/20px no-repeat!important;position:relative}
.chat-form-kf .icon input{position:absolute;left:0;top:0;opacity:0;cursor:pointer;width:30px;height:30px}
.chat-form-kf .icon .icon-file{background:url(http://hbsjsdoss.oss-cn-zhangjiakou.aliyuncs.com/hbsjsd-img/33/20230209/toolbar_file.063c3e3.png) 50%/20px no-repeat!important;position:relative}
.img_p{background:#f9f9f9;text-align:center}
.p_l{padding-top:5px;display:block;width:100%;text-align:left;font-size:14px;color:#999;background:url(/static/index/images/x.png) 0 5px/13px no-repeat #fff;padding-left:15px;line-height:2}
.example{position:fixed;bottom:10%;color:#fff;background:#4490f78c;padding:5px 0;border-radius:25px;right:5px;z-index:1000;text-align:center;display:flex;flex-direction:column;background:linear-gradient(to bottom,#3fa1e3,#0d64a9)}
.example img{margin:6px 10px}
.example01 span{color:#fff;background:#4490f78c;padding:5px 0;border-radius:25px;right:5px;z-index:1000;text-align:center;display:flex;flex-direction:column;background:linear-gradient(to bottom,#3fa1e3,#0d64a9);width:120px!important}
#ui-to-top{border-top:1px solid #ffffff59;padding-top:10px}
@media (max-width:1200px){.flex-0{font-size:1.6rem}
.flex-t{font-size:1rem}
.tel .num .rx{font-size:1.2rem}
}
@media (max-width:1024px){.header-top .row .col-lg-6:first-child{display:none!important}
.container{max-width:100%;padding:0 10px}
.main1 .container,.nav .container{padding:0}
.foot-bott .wx img{width:120px;height:120px}
.nav ul li a{font-size:14px}
.lgs .lg{width:60px;height:60px}
}
@media (max-width:992px){.fix-nav-btm,.nav ul li:hover>ul{display:none}
.flex-0{font-size:1.4rem}
.flex-t{font-size:.78rem}
.lgs .name{line-height:28px}
.listnav{height:100%;line-height:45px}
.header{overflow:hidden}
.tel .dh{height:45px;width:45px}
.tel .num{line-height:22px}
.tel .num .rx{font-size:.8rem}
.foot-nav ul li,.tel .num .hm{font-size:1rem}
.justify-content-between{display:flex;align-items:center}
.listlogo .col-lg-4{display:flex}
}
@media (max-width:768px){.foot,.listlogo{padding:20px 0}
.example,.foot-bott .foot-bq,.foot-logo,.foot-nav,.listlogo .col-lg-4,.logo .flex,.prevnext-m{display:none}
.logo .waplogo{display:block;max-width:90%}
.footer{padding-bottom:40px}
.foot-bott{display:inline-block;width:100%;padding:10px 0 30px}
.foot-bott .wx img{width:120px;height:120px}
.foot-bott .wx span{font-size:14px}
.foot-bott .foot-bq,.foot-bott .wx{width:100%}
.fix-nav-btm{display:block;position:fixed;left:0;width:100%;height:63px;background:linear-gradient(to bottom, #006db5, #04477d);top:auto;bottom:0;z-index:999;font-size:0;text-align:center;border-top: 1px solid #597f99;}
.fnb-one{display:inline-block;margin:9px 5% 0;vertical-align:top}
.fnb-one-img{margin-bottom:3px}
.fnb-one-img img{width:28px}
.fnb-one-desc{color:#e6e6e6;font-size:12px;display:flex;align-items:center}
.fnb-one-desc img{position:relative;top:0;margin-left:4px;width:4px}
.banner_txt{padding-right:15px;padding-left:15px}
.banner_txt1,.banner_txt2{width:100%;text-align:left}
.banner_txt1{line-height:1.066667rem;font-size:.746667rem}
.banner_txt2{margin-top:.373333rem;line-height:42px;font-size:24px;color:#bebebe}
.product{margin-bottom:0}
.prevnext-m{display:table;padding-top:10px;padding-bottom:10px;border-top:1px solid #d7d7d7;border-bottom:1px dashed #888;margin-top:80px;width:100%}
a.next-m,a.prev-m{display:inline-block;float:left}
a.next-m{float:right}
a.next-m i,a.prev-m i{display:inline-block;width:36px;height:36px;line-height:36px;text-align:center;background:#e4e4e4;border-radius:50%}
a.next-m img,a.prev-m img{width:8px}
a.next-m span,a.prev-m span{display:inline-block;margin:0 6px;position:relative;top:4px;font-size:14px;color:#515151}
.listnav ul li a{padding:0 15px}
}
.contact-pop-form .submit,.contact-pop-form input{vertical-align:middle;height:38px;border:none;padding:0 10px}
@media (max-width:576px){
 .container{padding:0 3px}
.listnav ul li a{padding:0}
.listnav ul{display:flex;width:100%;justify-content:space-between;flex-direction:row;flex-wrap:wrap}
.listnav ul li{width:33.33%;text-align:center;border-bottom:1px solid #4c98d3;border-right:1px solid #4c98d3;box-sizing:border-box}

}
.contact-pop{position:fixed;left:50%;top:40%;transform:translate(-50%,-50%);z-index:100;width:490px;padding-bottom:30px;background-color:rgba(4,14,53,.8);display:none}
.contact-pop-top{padding:20px 0 15px;position:relative}
.contact-pop-close{position:absolute;width:40px;height:60px;right:0;top:0;background:url(https://s.300.cn/attach/style/v4.0/home/images/special/co/contact-pop-close.png) center no-repeat}
.contact-pop-form{margin:0 15px;padding:0 30px 30px;border-bottom:1px dashed rgba(255,255,255,.4);font-size:0}
.contact-pop-form img{height:38px;vertical-align:middle}
.contact-pop-form label{color:#fff;margin-right:10px;font-size:14px;vertical-align:middle}
.contact-pop-form input{width:205px;line-height:38px;box-sizing:border-box;margin-right:10px;background-color:#fff;font-size:14px}
.contact-pop-form .verify-input{width:102px;margin:10px 0 0 80px}
.contact-pop-form .submit{background-color:#ffe32a;color:#333;cursor:pointer}
.contact-pop-form-item{justify-content:flex-start}
.contact-pop-form-item.bottom{padding-left:80px;margin-top:10px}
.contact-pop-form .contact-pop-form-verify-input{width:60px;text-align:center}
.contact-pop-form .contact-pop-form-verify-pic{margin-right:10px}
.is_verify_on .contact-pop-form-item .phoneNumber{margin:0;width:272px}
.workTime-pop{width:584px;height:383px;background-color:rgba(4,14,53,.9)}
.workTime-pop .bg{width:100%;height:100%;position:absolute;top:0;left:0;background-image:none}
.workTime-pop .contact-pop-close{right:10px}
.workTime-pop .people{width:180px;position:absolute;top:31px;right:30px}
.workTime-pop .title{position:absolute;font-size:22px;font-weight:400;color:#fffefe;line-height:36px;left:47px;top:49px;text-align:left;margin-top:0}
.workTime-pop .contact-pop-form{border:0;padding:0;margin:0}
.workTime-pop .phoneKey{font-size:18px;font-weight:500;color:#ffce66;line-height:38px;position:absolute;left:47px;top:152px}
.workTime-pop .phoneValue{position:absolute;top:156px;left:135px;height:32px;color:#e2b861;font-size:24px;line-height:28px;border-bottom:1px solid #e2b861;font-weight:700}
.workTime-pop .tip{font-size:14px;font-weight:400;color:#fff;line-height:1;position:absolute;left:47px;top:206px}
.workTime-pop .bottom{position:absolute;left:47px;right:28px;bottom:6px;height:140px}
.workTime-pop .bottom .right{position:absolute;right:0;top:0;height:120px;width:108px}
.workTime-pop .bottom .right .line{position:absolute;width:0;left:0;border:2px dashed transparent;border-left-color:#009688c4}
.workTime-pop .bottom .right .line1{height:10%;top:0;opacity:.4}
.workTime-pop .bottom .right .line2{height:10%;top:10%;opacity:.6}
.workTime-pop .bottom .right .line3{top:20%;height:60%;opacity:1}
.workTime-pop .bottom .right .line4{height:10%;bottom:10%;opacity:.6}
.workTime-pop .bottom .right .line5{height:10%;bottom:0;opacity:.4}
.workTime-pop .bottom .right .icon-avatar{width:66px;height:66px;position:absolute;top:0;left:23px;color:#fff;background:linear-gradient(-90deg,#0fcdb1 0,#02b1c6 100%);font-size:30px;display:flex;align-items:center;justify-content:center;border-radius:50%}
.workTime-pop .bottom .right .button{font-size:16px;font-family:Source Han Sans CN;font-weight:500;color:#02b1c6;line-height:1;position:absolute;top:85px;left:23px}
.workTime-pop .bottom .left{left:0;width:370px;height:120px;position:absolute;overflow:hidden}
.workTime-pop .contact-pop-form-item{padding:0;margin:0;display:block;position:static}
.workTime-pop .contact-pop-form .phoneNumber,.workTime-pop .contact-pop-form-item .phoneNumber{display:block;width:370px;height:48px;background:0 0;color:#fff;border:1px solid #20b09f;outline:0;font-size:14px}
.workTime-pop .contact-pop-form .phoneNumber{width:260px;margin:0 10px 0 0}
.workTime-pop .contact-pop-form #mycall_input{width:370px}
.workTime-pop .contact-pop-form .verify_image{height:46px;right:1px;top:1px;position:absolute;width:90px}
.workTime-pop .contact-pop-form .submit,.workTime-pop .contact-pop-form-item #mycall_submit{width:260px;height:50px;margin-top:18px;color:#fff!important;line-height:50px;text-align:center;font-size:16px;font-family:Source Han Sans CN;font-weight:400;position:relative;background:linear-gradient(-90deg,#0fcdb1 0,#02b1c6 100%)}
.workTime-pop .contact-pop-form .inputWrap{width:370px;height:50px;display:flex;position:relative}
.workTime-pop .contact-pop-form .mr0{margin-right:0}
.workTime-pop input:-moz-placeholder{color:#ccc}
.workTime-pop input::-moz-placeholder{color:#ccc}
.workTime-pop input:-ms-input-placeholder{color:#ccc}
@media(max-width:576px){.workTime-pop{width:100%;transform:translate(-50%,0);height:120px;top:auto;bottom:0}
.pagination li,.workTime-pop .bottom .right,.workTime-pop .people,.workTime-pop .phoneKey,.workTime-pop .phoneValue,.workTime-pop .title{display:none}
.workTime-pop .contact-pop-form .submit,.workTime-pop .contact-pop-form-item #mycall_submit{width:80px;margin-top:0;color:#fff;font-size:.875rem}
.workTime-pop .contact-pop-form{display:flex;align-items:center}
.workTime-pop .contact-pop-form .inputWrap{width:200px}
.workTime-pop .bottom{height:80px}
.pagination:first-child,.pagination:last-child,.pagination:nth-child(2),.pagination:nth-last-child(2){display:flex;float:left}
.pc-menu li{padding:5px 0!important}
}