@charset "utf-8";html{overflow-x:hidden}
.pull-left:after,.pull-left:before,.pull-right:after,.pull-right:before,.pull-left{float:left}
.pull-right{float:right}
.container{width:1200px;margin:0 auto}
.container:after,.container:before,.pull-left:after,.pull-left:before,.pull-right:after,.pull-right:before,.img-responsive{display:block;max-width:100%;height:auto}
.footer{background:#0080c9;padding:26px 0}
.footer .dellsq{border-bottom:1px solid #ccc;padding-bottom:20px;margin-bottom:30px}
.footer .dellsq ul li{float:left;color:#fff;width:23%;text-align:center;font-size:16px;line-height:25px;border-left:1px solid #ccc}
.footer .dellsq ul li:first-child{border:0}
.footer .dellsq ul li em{display:inline-block;width:25px;height:25px;margin-right:8px;vertical-align:middle}
.footer .dellsq ul li:nth-of-type(1) em{background:url(../images/icons_1.png)}
.footer .dellsq ul li:nth-of-type(2) em{background:url(../images/icons_2.png)}
.footer .dellsq ul li:nth-of-type(3) em{background:url(../images/icons_3.png)}
.footer .dellsq ul li:nth-of-type(4) em{background:url(../images/icons_4.png)}
.footer .footer-nav dl{float:left;margin-right:134px}
.footer .footer-nav dl dt{font-size:15px;color:#fff;margin-bottom:6px;font-weight:bold}
.footer .footer-nav dl dd{font-size:13px;line-height:26px}
.footer .footer-nav dl dd a{color:#F7F7F7;transition:.4s;-webkit-transition:.4s;-moz-transition:.4s;-ms-transition:.4s}
.footer .footer-nav dl dd a:hover{color:#00ACFF}
.footer .footer-nav .f-num{width:300px;text-align:center;padding-bottom:15px}
.footer .footer-nav .f-num h3{font-size:18px;color:#fff;line-height:30px}
.footer .footer-nav .f-num span{display:block;font-size:12px;color:#ddd;margin-bottom:15px}
.footer .footer-nav .f-num a{display:inline-block;padding:6px 15px;border:1px solid #fff;color:#fff;transition:.4s;-webkit-transition:.4s;-moz-transition:.4s;-ms-transition:.4s}
.footer .footer-nav .f-num a:hover{background:#fff;color:#0084c2}
.footer .friendLink{margin-top:20px}
.footer .friendLink ul li{float:left;font-size:12px;padding:0 10px;border-left:1px solid #ccc;line-height:14px}
.footer .friendLink ul li:first-child{border-left:0;padding-left:0}
.footer .friendLink ul li a{color:#fff}
.footer .friendLink p{color:#ccc;font-size:14px;margin-top:10px}
.dt_pchide{display:none;}
@media screen and (max-width:980px){
.dt_wapshow{display:block;}
.hed{background:#fff; height:auto!important;}
.hed .topLink{display:none;}
.hed .top{position:fixed;padding:0px; height:auto; top:0px; left:0px; z-index:99999; background:#fff; width:100%; height:63px; border-bottom:1px solid #eee;}
.hed .k2{display:none;}
.hed .logo img{width:200px; margin-left:15px;}
#header{width:100%!important;}
#menu{ position:fixed; height:calc(100% - 63px); width:100%; z-index:9999; background:#fff; left:0px; top:63px; display:none;}
.contact{display:none;}
.nav li{float:none; background:none;width:100%; height:auto;}
.nav li a{color:#333!important;}
.nav li >a{width:100%; border-bottom:1px solid #f9f6f6;}
.nav li >span{position:absolute; right:5px; top:0px; display:inline-block; height:54px; width:54px;}
.nav li >span img{margin-top:20px;}
.nav .sec{position:static;}
.nav .sec a{width:100%; display:inline-block;}
.nav li a:hover{background:#fff;}
.m-menu{display:block;position:relative;width:40px;height:40px;cursor:pointer; float:right; margin-top:10px; margin-right:15px;}
.m-menu span{position:absolute;background:#004f9c;width:30px;height:3px;border-radius:4px;right:0px;transition:all .2s linear}
.m-menu span:nth-child(1){top:25%}
.m-menu span:nth-child(2){top:48%}
.m-menu span:nth-child(3){top:73%}
.m-menu.act span{top:48%;width:32px}
.m-menu.act span:nth-child(1){transform:rotate(45deg)}
.m-menu.act span:nth-child(2){width:0px}
.m-menu.act span:nth-child(3){transform:rotate(-45deg)}
.bottom-btn{position:fixed;bottom:0px;transform:translateY(60px);background:#FCFCFCFB;display:flex;align-items:center;width:100%;z-index:99;box-shadow:1px 2px 10px rgba(0,0,0,.1);transition:all .2s linear;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);opacity:0;visibility:hidden}
.bottom-btn.bottom-btn-hide{transform:translateY(0);opacity:1;visibility:inherit}
.bottom-btn.bottom-btn-keep{transform:translateY(0)!important;opacity:1;visibility:inherit}
.bottom-btn .btn-item a{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#222}
.bottom-btn .btn-item em{font-size:22px;line-height:1}
.bottom-btn .btn-item p{font-size:12px;text-transform:capitalize}
.gotop{display:none}
.bottom-btn .btn-item{width:20%;position:relative;height:55px}
.bottom-btn .btn-item .gotop{display:flex;width:35px;height:35px;position:absolute;left:50%;top:50%;box-shadow:none;transform:translate(-50%,-50%);color:#FFF;opacity:1;visibility:inherit;border:1px solid #ccc; text-align:center;border-radius:50%;}
.bottom-btn .btn-item .gotop img{display:block; width:16px; margin:auto;transform: rotate(180deg);}
.bottom-btn .btn-item .gotop:hover{background:none}
.bottom-btn .btn-item .gotop em{font-size:16px;color:#000}
.bottom-btn .btn-item img{width:26px;}
#container{width:100%;}
#container .left{display:none;}
#container .right{width:95%; margin:auto; float:none;}
#container .right .content img{max-width: 100%;}
.footer{}
.footer .container{width:100%;}
.footer .dellsq ul li em{display:none;}
.footer .dellsq ul li{font-size:12px;width:calc(24.5% - 10px); padding:5px;}
.footer .footer-nav dl{text-align: center;width: 50%; margin:0px; margin-bottom:15px;}
.footer .footer-nav .f-num{float:none; width:100%;clear:both;}
.footer .friendLink{ width:95%; margin:auto; margin-bottom:60px;}
.footer .friendLink p{font-size:12px; text-align:center;}
/*首页*/
.banner{width:100%;margin:0px; left:0px; margin-top:63px; height:160px;}
.banner img{width:100%!important; height:160px!important;}
.banner .num{right: calc(50% - 60px);}
.menu_cate{display:none;}
.recommend_product{width:96%; margin:auto; float:none;}
.product_list li{width:46%;}
.product_list li a img{width:100%!important; height:auto!important;}
.product_list li h3{height:40px; padding-top:5px;}
.ys{display:none;}
.about{width:94%; margin:auto; float:none;}
.zz{width:94%; margin:auto; float:none;}
.zz .content img{width:100%!important;}
.section{padding-top:0px!important;}
.iserivce .item{width:100%!important;}
.iserivce .conn{display:block!important;}
.section .title{margin-bottom:10px!important;}
.section .wrap{width:94%; margin:auto;}
.cass{width:94%; margin:auto;}
.title p.idxp1{ font-size:18px!important;}
.isolution .conn .item{width: calc(31.5% - 1px)!important;margin: 0 10px 10px 0!important;}
.isolution .conn .item:nth-child(3n){margin-right:0px!important;}
.newsbj{margin-top:0px; background:none; height:auto;}
.news1_title{color:#000; font-size:18px; font-weight:bold;}
.news_company{width:94%; margin:auto; float:none;}
.newsbj .content img{width:100%;}
.ne2{padding-left:10px;}
.hzk{width:94%; margin:auto;}
.hz{height:auto;}
.zboxx span{display:none!important;}
.zboxx{height:auto!important;}
.zboxx >div{width:100%!important;}
#zrolll{width:100%!important;}
#zrolll dd{width:45%!important; margin-bottom:10px;margin-right:30px!important;}
#zrolll dd:nth-child(2n){margin-right:0px!important;}
#zrolll dd img{width:100%!important;}
.case_list li{width: 45%;}
.case_list li h3 a{height:40px;}
.case_list li a.img img{height:16vh!important;}
.news_list li span{top:auto;bottom:0px;}
.product_list8 li{width:45%;}
.detail-tab-content{padding:0px!important;}
.container .hd{width:100%!important;}
.detail-tab-content table{width:100%!important; font-size:12px!important;}
.detail-tab-content table p,.detail-tab-content table span{font-size:12px!important;}
}