@charset "utf-8";
.drawer-toggle { display:none; visibility:hidden; }
#header_box{ clear:both; background:#fff; position:fixed; z-index:9990; width:100%;transition: all 0.5s; top:0px;}
.w1200_center{max-width:1200px; margin:auto; position:relative;transition: all 0.3s;}   

@font-face {
  font-family: 'iconfont';  /* project id 452633 */
  src: url('//at.alicdn.com/t/font_452633_b778d15av66zjjor.eot');
  src: url('//at.alicdn.com/t/font_452633_b778d15av66zjjor.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_452633_b778d15av66zjjor.woff') format('woff'),
  url('//at.alicdn.com/t/font_452633_b778d15av66zjjor.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_452633_b778d15av66zjjor.svg#iconfont') format('svg');
}

.logo{ float:left; max-width:345px; transition: all 0.3s;}
.logo img{ width:100%;}

.ch_en{ float:right; width:100px}
.ch_en a{ display:block; width:50px; float:left; color:#999 !important; margin-top:10px; text-align:right}

/*----- 导 航 ------*/
#nav{ font-size:12px;height:90px;line-height:90px; z-index:10; display:block; margin:0 auto; z-index:9999; float:right;}
#nav li {float:right; height:90px; margin-left:-1px;}
#nav li a.dl_a {display:block;height:90px;line-height:90px;text-align:center;color:#000;font-size:16px; width:95px; font-family:"Microsoft YaHei"; float:left;}
#nav li a.dl_a:hover{ color:#fff; background:#0069b3;}
#nav #nav_active a.dl_a{ color:#fff; background:#0069b3;}
/*---导航下拉时固定当前状态 ---*/
#nav .aNavHover{color:#fff !important;background:#0069b3!important;}
/*---导航二级 ---*/
#nav ul li {float:left; position:relative;}
#nav li ul {display: none;}
#nav li:hover ul {display:block; position:absolute; top:90px; width:110px; background:url(../images/navej.png) repeat-y; overflow:hidden; padding:10px 0}
#nav li:hover ul li{ height:30px; line-height:30px;  margin-left:10px; padding-left:10px; overflow:hidden; width:70px;}
#nav li:hover ul li:hover{background:url(../images/jtn.png) no-repeat 10px 8px #fff;  padding-left:25px; overflow:hidden}
#nav li:hover ul li a {color:#fff;}
#nav li:hover ul li:hover a{color:#0069b3 !important; background:none !important}

/*-- 底部 --*/
#foot_box{clear:both; overflow:hidden}
#foot_box .foot_bt{float:left; width:15% }
#foot_box .foot_bt .foot_co{ font-size:30px; color:#999}
#foot_box .foot_bt .foot_add{ font-size:14px; color:#999}

#foot_box .foot_contact{float:left; width:30% }
#foot_box .foot_contact h2{color:#666;font-size:20px; margin-bottom:20px; font-weight:normal;}
#foot_box .foot_contact li{ height:35px; line-height:35px; color:#666; overflow:hidden;}
#foot_box .foot_contact li span{ padding-right:30px}

#foot_box .foot_order{float:left; width:30% }
#foot_box .foot_order .msg_input{ width:95%; height:28px; line-height:28px; border:1px solid #dadada; border-radius:5px; font-size:12px; padding-left:5%; color:#999; margin-bottom:15px}
#foot_box .foot_order .msg_area{width:94%; border:1px solid #dadada; border-radius:5px; margin-bottom:15px; height:60px; font-size:12px; padding-left:5%; color:#999;}
#foot_box .foot_order .ipt_tb6{ width:45%;}
#foot_box .foot_order .msg_btn{ border-radius:5px; width:60px; height:30px; line-height:27px; background:#0069b3; color:#FFF; text-align:center; border:none}

#foot_box .foot_ewm{float:right; width:16%;}
#foot_box .foot_ewm h2{color:#666; font-size:16px; margin-bottom:10px; font-weight:normal;}
#foot_box .foot_ewm .foot_tel{ display:block; color:#0069b3; font-size:24px; font-weight:bold; margin-bottom:10px; }

#foot_box .foot_text{ height:50px; line-height:50px; background:#0069b3; color:#fff; text-align:left; clear:both; margin-top:50px;}
#foot_box .foot_text .foot_tl{ float:left; text-align:right;}
#foot_box .foot_text .foot_tr{ float:right; text-align:right;}
#foot_box .foot_text a{color:#fff; padding-left:5px}

#wap_banner{ display:none}
#wap_banner{display:none; background:#333; padding-top:90px;}
#wap_banner .owl-buttons{ display:none;}
#wap_banner .owl-pagination{ position:absolute; bottom:5px; text-align:center; right:5px;}
#wap_banner #owl-demo02 .item img{display: block; width: 100%;height: auto;}

/*-- 底部 --*/
#wap_foot{ width:100%; background:#007cc2; position:fixed; bottom:0px; border-top:1px solid #006197; display:none; z-index:9999;}
#wap_foot ul{ margin-left:-1px;}
#wap_foot ul li{ width:24.5%; float:left; text-align:center; border-left:1px solid #006197; border-right:1px solid #00a3ff;}
#wap_foot ul li a{ display:block; padding:10px 0 10px 0; color:#fff; text-decoration:none; line-height:20px;}
#wap_foot ul li a i{ display:block; margin:auto; font-size:18px; height:28px; line-height:28px; overflow:hidden; font-family: 'iconfont'; font-style:normal;}
#wap_foot ul li a i img{ width:28px;}
#wap_foot ul li a:hover{ background:#222;}



@media only screen and (max-width:1100px) {
.logo{ float:left; max-width:310px; margin-top:8px}
.w1200_center{ width:96%;}
.ch_en{display:none}

#foot_box .foot_text{margin-top:30px;}
#foot_box .foot_bt{width:12%;}
#foot_box .foot_order{width:33%;}
#foot_box .foot_ewm{width:20%;}
}


@media only screen and (max-width:960px) {
#banner_box,.top01_right{display:none;}
.top_01{ height:auto;}
.nav_float .top_01{ height:auto; position:relative;overflow:hidden;transition: all 0.5s; max-width:100%;}

#wap_banner{display:block;}
#nav_box{ display:none;}
.drawer-toggle { display:block; visibility:inherit;}
.z_top{ display:none;}
#nav{ display:none}
.banner{display:none }
#ind_ss_box{ display:none;}

.ind_zl{ padding:30px 0; background:url(../images/ind_bg02.jpg) center no-repeat; background-size:100%; }
.zl_iconlist{ width:98%; max-width:1200px; margin:auto;}
.zl_iconlist dl{ width:48%; background:#fff;  position:relative; float:left; margin-left:2%;}
.zl_iconlist dl dd{ float:left; width:200px; overflow:hidden;}
.zl_iconlist dl dt{ float:right; position:absolute;  padding:15px;padding-left:220px;}
.ind_10servicelist{ margin-left:0px; margin-top:40px;}




#wap_foot{display:block;}
#ss_box{ display:none;}

.nav_float{box-shadow: 0 1px 3px #666!important;transition: all 0.3s;}
.nav_float .w1200_center{ width:96%;}
.nav_float .logo{ max-width:200px;}


}

@media only screen and (max-width:780px) {
.w1200_center{ height:80px}
.logo{max-width:345px; margin-top:0px}	

#foot_box{ display:none}	

.main-im{position:fixed;right:10px;top:150px;z-index:100;width:110px;height:500px; display:none;}

#wap_foot ul li{width: 24.7%;}
}

@media only screen and (max-width:480px) {
.w1200_center{ height:60px}
.logo{max-width: 300px;}
#wap_banner{padding-top:78px;}
#wap_foot ul li {width: 24.5%;}
}

@media only screen and (max-width:380px) {
h2.ind_ms{ width:90%; margin:0 auto; line-height:24px}
.ind_news_list li{height: 115px;}
.ind_news_list li .news_text  a.bt{height:24px; line-height:24px;}
.ind_news_list li .news_text .ms{height: 40px;}
#wap_foot ul li{width: 24.4%;}
}

@media only screen and (max-width:320px) {
.w1200_center{ height:50px}
.logo{max-width: 240px;}
#wap_banner{padding-top:56px;}
h1.ind_bt {font-size: 22px;}
.ind_news_list li{height: 115px;}
.ind_news_list li .news_text  a.bt{height:24px; line-height:24px;}
.ind_news_list li .news_text .ms{height: 40px;}
#wap_foot ul li{width: 24.3%;}
}