/*页首*/

@media (max-width: 1100px) { 



.footnavbg{ background-color: #e6e6e6; height: 52px; width: 100%; }
.footnav{ position: fixed; bottom: 0px; width: 100%; height: 52px; background-color: #036bdc; border-top: 1px solid #e6e6e6; text-align: center; }
.footnav li{ display: block; float: left; width: 33.3333%; height: 52px; }
.footnav li a{ display: block; width: 100%; height: 100%; border-right: 1px solid #ddd; font-size: 12px; color: #fff; }
.footnav li a img{ display: block; width: 22px; height: 22px; margin: 0px auto 5px auto; padding-top: 5px; }




.header_bg{width:100%; background:url(../images/header_bg.jpg) no-repeat top center; background-size: 100% 100%; }
.header_top{width:90%;margin:0 auto;padding:15px 5%;}
.logo{float:left;width:100%;}
.logo a{display:block;}
.logo img{width:100%; }

.tel{ display: none; }


/*导航部分*/
.nav{width:100%;margin:0 auto; background:#036bdc; text-align: center;}
.nav li{ width:89px;text-align:center;position:relative; display: inline-block;}
.nav li .nav_a{display:block; font-size:14px;color:#fff;height:16px;line-height:16px;overflow:hidden;margin:15px 0;}
.nav li:hover{background:#036bdc;}
.nav_list{display: none !important; }

/*幻灯片部分*/
.box_swipe{overflow: hidden;position: relative;  }
.box_swipe ul{overflow: hidden;padding-left: 0px;position: relative; }
.box_swipe ul > li{float:left;width:100%;position: relative;}
.box_swipe ul > li img{ width: 100%; }
.box_swipe ul > li a{color:#FFF;text-decoration:none;}
.box_swipe ul > li .title{position: absolute;bottom: 6px;display: block;width: 70%;height:20px;padding:0 10px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;color:#FFF;z-index:100;}
.box_swipe>ol{height:20px;position: relative;z-index:10;margin-top:-25px;text-align:right;padding-right:15px;background-color:rgba(0,0,0,0.3);}
.box_swipe>ol>li{display:inline-block;margin-bottom:1px;width:8px;height:8px;background-color:#757575;border-radius: 8px;}
.box_swipe>ol>li.on{background-color:#ffffff;}
.promoWD{ display: none; }

/*新闻列表*/

.item_title{ height:50px;line-height:50px;overflow:hidden;padding:0 10px;font-size:16px;color:#505050;background:#f0f0f0;font-weight:bold;position:relative;}
.item_title b{font-size:22px;padding-right:15px;}
.item_title a{display:block;position:absolute;top:0;right:10px;font-size:14px;color:#646464;font-weight:normal;}
.item_title a:hover{text-decoration:underline;}

.news100{ display: none; }

.infor{width:100%; overflow: hidden; display: none;}
.news100{ width: 60px; height: 20px; float: left;}
.news{width: 100%;}
.infor_ul{width:100%;padding:10px 0;}
.infor_ul li{height:50px;line-height:50px;overflow:hidden;border-bottom:1px dashed #d6d7dc;padding-left:30px;background:url(../images/infor_bg.png) no-repeat 10px center;position:relative;}
.infor_ul a{display:inline-block;width:380px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size:14px;color:#646464;}
.infor_ul span{position:absolute;top:0;right:10px;font-size:14px;color:#646464;}

/*关于我们*/
.webus{ display: none; }
.us_con{padding:20px 15px;}
.us_left{ width:100%; }
.us_img{ display: none; }
.us_img img{width:300px;height:210px;}
.us_text{ width:100%; }
.us_text p{font-size:14px;color:#646464;line-height:220%;margin-bottom:10px; text-align:justify; text-justify:inter-ideograph;}
.mobil{ display: none; }

/*推荐产品*/
.webpro{ display: none; }
.pro_title{width:96%; padding:15px 2% 0px 2%;}
.pro_title li{float:left; padding: 0px 1%;  margin-bottom: 10px; width: 23%; }

.pro_title span{display:block; padding: 10px 5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center;border:1px solid #d6d7dc; overflow:hidden;font-size:14px;color:#646464;cursor:pointer;}

.pro_title .hdm_01{background:#036bdc;color:#fff;}
.pro_title .bg_block{background:#036bdc;color:#fff;}
.pro_ul{width:100%;}
.pro_ul li{float:left;width:46%; margin-left: 2%; margin-right: 2%;}
.pro_ul a{display:block;width:100%;border:1px solid #d6d7dc;margin:10px 0;}
.pro_ul p img{width:100%;height:auto;}
.pro_ul h2{height:40px;line-height:40px;overflow:hidden;background:#f0f0f0;text-align:center;font-size:14px;color:#646464;}

/*案例展示*/
.case_list{width:100%;padding:20px 0;}
.case_list a{display:block;float:left;width:29%;  margin-left: 2%; margin-right: 2%;}
.case_list img{width:100%;height:auto;border:1px solid #d6d7dc;}
.case_list a:last-child{ display: none; }


/*页脚*/
.footer_wrap{margin-top:50px;background:#e6e6e6;}
.footer{width:100%;margin:0 auto;padding:20px 0; }
.footer_logo{ display: none; }
.footer_text{width:100%;}
.footer_nav{padding:0 10px;}
.footer_nav li{float:left;width:70px;text-align:center;}
.footer_nav a{display:block;margin:10px 0;height:14px;line-height:14px;overflow:hidden;font-size:12px;color:#646464;/*border-right:1px solid #969696;*/}
.footer_nav a:hover{text-decoration:underline;}
.footer_nav li:last-child a{border:0;}
.footer_tel{padding:10px 30px;}
.footer_tel p{line-height:18px; padding: 3px 0px;font-size:12px;color:#646464;}
.copy{padding:0px 50px; line-height:24px;overflow:hidden;font-size:12px;color:#646464;}
.erwm{ display: none; }


.footer_nav li{ width: 25%;  }

.yb_conct{ display: none; }



/*单页*/
.mainban{ display: none; }


.leftnav{ width: 100%; height: 100%; height: auto !important; border-bottom: #d6d7dc 1px solid; }
.leftnav ul{ padding-bottom: 50px; clear: none; text-align: center; padding: 10px 0px; }
.leftnav ul li{display: inline-block; height: 42px; line-height: 42px; font-size: 14px; width: 22%; border: 1px solid #d6d7dc; overflow: hidden; margin: 0 1% 10px 1%; }
.leftnav ul li.navtil{ display: none; }
.leftnav ul li a{ color: #333333; display: block; width: 100%;height: 100%;}

.navcontact{ display: none; }

.rightcon{ width: 100%; }
.contil{ padding-left: 30px; font-size:18px; height: 45px; line-height: 40px; padding-top: 5px;border-bottom: 1px dashed #d6d7dc; }
.connav{ display: none; }

.maincon{ padding: 20px 10px; line-height: 24px; font-size: 14px; padding-bottom: 50px; }
.maincon img{ max-width: 100%; height: auto !important; }


.listcon{ padding: 20px 10px; line-height: 24px; font-size: 14px; padding-bottom: 30px; }
.listcontop{position: relative; padding-left: 120px; height: 110px; border-bottom: 1px dashed #d6d7dc;}
.listcontop img{position: absolute; left: 0px; width: 100px; height: 100px;}
.listcontop a{ font-size: 14px; color: #333; font-weight: bold; line-height: 36px; height: 36px; display:block;  overflow: hidden;}
.listcontop p{text-align:justify; text-justify:inter-ideograph;font-size: 12px; color: #999; height: 48px; overflow: hidden; }

.listcon ul{}
.listcon ul li{ font-size: 14px;list-style-type:disc; list-style-position:inside; color: #666666; line-height: 50px; height: 50px; overflow: hidden;}
.listcon ul li a{ color: #666666;}
.listcon ul li a:hover{ color: #036bdc;}
.listcon ul li span{ float: right; color: #999999; display: none; }

.listpage{ padding: 0px 10px 20px 10px; line-height: 24px; font-size: 14px; font-size: 14px; }
.listpage a{ display: inline-block; padding: 2px 8px; border: #d6d7dc 1px solid; margin-bottom: 10px;}
.listpage b{display: inline-block; padding: 0px 8px; font-weight: bold;}


.listpic{ padding: 20px 10px; line-height: 24px; font-size: 14px; padding-bottom: 30px; }
.listpic ul{}
.listpic ul li{ width: 43%; border: #d6d7dc 1px solid; margin: 5px 9px 10px 9px; float: left; }
.listpic ul li img{ width: 100%; height: 100%;}
.listpic ul li a{ background-color: #f0f0f0; display: block; text-align: center;line-height: 32px; }
.listpic ul li p{ background-color: #f0f0f0; line-height: 24px;padding-bottom: 10px; }
.listpic ul li a:nth-child(2){ display: block;  height: 32px; overflow: hidden; }
.listpic ul li p a{ color: #036bdc; line-height: 24px; }



.newstil{ padding: 20px 10px; line-height: 24px; text-align: center; font-size: 12px; padding-bottom: 10px;}
.newstil h1{ font-size: 18px; font-weight: bold; line-height: 52px;}
.newstil p{ color: #999999; }
.newscon{ padding: 20px 10px; line-height: 24px; font-size: 14px; padding-bottom: 20px;}
.newscon img{ max-width: 100% !important; height: auto !important; }
.newspn{ padding: 20px 10px; line-height: 36px; font-size: 14px; padding-bottom: 30px;}

.newspic{ padding: 10px 10px; text-align: center;  }
.newspic img{ width: auto; max-width: 100%; height: auto; }
.newspic p{ line-height: 36px; font-size: 16px;color: #FF0000; font-weight: bold;  }





.formbox{ width: 80%; padding: 20px 10%; border-top: 1px solid #ddd; }
.formbox p{ font-size: 16px; line-height: 24px; text-align: justify; }
.formbox p span{ color: #036bdc; font-weight: bold; }
.inptil{ line-height: 32px; font-size: 16px; font-weight: bold; margin-top: 15px; margin-bottom: 10px; }
.inpbox{ width: 90%;  }
.inpbox input,.inpbox textarea{ width: 100%; padding: 8px 10px; font-size: 16px; }
.inpbtn{ width: 120px; height: 30px; margin-top: 20px; }



.footformtil{  }
.footformbox{ width: 90%; padding: 20px 5%; border-top: 1px solid #ddd; clear: both; }
.footformbox p{ margin-bottom: 20px; color: #666; }

.footformbox .footformbox-item{ width: 100%; clear:both; margin-bottom: 10px; height: 40px; }
.footformbox .inptil{ display: block; width: 30%; float: left; margin: 0px; line-height: 40px; font-size: 14px; }
.footformbox .inpbox{ display: block; width: 70%; float: left;  }
.footformbox .inpbox input{  padding: 8px 2%; width: 95%; }
.footformbox .inpbox textarea{  padding: 8px 2%; width: 95%; }
.footformbox .inpbtn{ width: 100% !important; height: 38px; line-height: 38px; margin-top: 30px; background-color: #036bdc; color: #fff; border: 1px solid #036bdc; font-size: 18px; }
.footformbox:after{
    content:"";
    height:0;
    line-height:0;
    display:block;
    visibility:hidden;
    clear:both;
}




}