/* CSS3滚动条 */
::selection {background:none; text-shadow:none ;}
::-webkit-scrollbar-track-piece{width:10px;background-color:#f2f2f2;}
::-webkit-scrollbar{width:2px;height:6px}
::-webkit-scrollbar-thumb{height:50px;background:#ccc;}
::-webkit-scrollbar-thumb:hover{background:#E60013 ; cursor:pointer}  

*{ padding:0; margin:0; }
body{ font-family:"微软雅黑"; font-size:16px; line-height:1.6;}
body, html { margin: 0;transition: opacity 400ms ease 0s; height:100%;}
a{ text-decoration:none; color:#000; outline:none}
a:hover{ color:#EB6100}
h1{ font-size:36px; margin-bottom:5px; line-height:34px;}
h2{ font-size:30px;}
h3{ font-size:22px;}
h3 a{ font-size:18px; color:#c4d700!important;}
h5{ font-size:20px; color:#000000; font-weight:normal;}
li{ list-style:none}
.l{ float:left; box-sizing:border-box;}
.r{ float:right; box-sizing:border-box;}
img{ object-fit:cover;}
.you{ width:74%; background:#FFF; padding:50px;box-shadow: -5px -5px 30px rgba(102,102,102,0.08);}
.zuo{ width:23%;}
.brand3{ border-bottom:#0072bc dashed 1px; padding:40px 0;}
.brandli li{ width:20%; float:left; padding:10px; box-sizing:border-box;}
.brandli li img{ width:100%;}
.shaixuan .active{ background:#1758a8;}
.shaixuan .active b{ display:block; color:#FFF;}

.pad{ padding:80px 0;}
.clear{ clear:both}
.w{ width:85%; margin:auto; max-width:1400px;}

.head{ background-color:#FFF;}
.head2{ padding:15px 0;}
.logo{ display:block; float:left; margin-right:4%;}
.logo img{ height:60px;}
.overlay{ float:left; margin-left:2%;}
.overlay li{ float:left; position:relative;}
.overlay li a{ display:block; line-height:55px; padding:0 15px; font-size:16px; color:#0072bc;}
.dianhua{ float:right; background:url(../images/dianhua.png) center left no-repeat; padding-left:60px; font-size:22px; margin-top:5px;color:#0072bc;}
.dianhua span{ display:block; font-size:13px; line-height:20px;}
.navbar-toggle{border: 0; border-radius: 0;margin-top:0px; background:none; display:none;}
.navbar-toggle span {display: block;width: 40px; height: 3px; background:#036; margin-top:5px;}
.sp0 {position: absolute;width: 1px;height: 1px; padding: 0;margin: -1px;overflow: hidden; clip: rect(0,0,0,0); border: 0;}


.button_container { display:none;/*PC端不显示*/
    position: relative; float:right;
    margin-top: 8px;
    height: 28px;
    width:30px;
    cursor: pointer;
    z-index: 999;
    -webkit-transition: opacity .25s ease;
            transition: opacity .25s ease;
}

/* 手机导航 */
.button_container.active .top {
    -webkit-transform: translateY(8px) translateX(0) rotate(45deg);
        -ms-transform: translateY(8px) translateX(0) rotate(45deg);
            transform: translateY(8px) translateX(0) rotate(45deg);
    background: #fff;
}

/* Set the middle hamburger bar's opacity to 0  */
.button_container.active .middle {
    opacity: 0;
    background: #FFF;
}
.button_container.active .bottom {
    -webkit-transform: translateY(-8px) translateX(0) rotate(-45deg);
        -ms-transform: translateY(-8px) translateX(0) rotate(-45deg);
            transform: translateY(-8px) translateX(0) rotate(-45deg);
    background: #fff;
}

.button_container span {
    background: #333;
    border: none;
    height: 3px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
    cursor: pointer;
}

.button_container span:nth-of-type(2) {
    top: 8px;
}

.button_container span:nth-of-type(3) {
    top: 16px;
}

.dherji{ width:100%; max-height:0px; overflow:hidden; background-color:#0072bc; position:absolute;display:block; z-index:999;}
.overlay li:hover .dherji{ max-height:500px;transition:0.6s;}
.overlay li:hover a{ background-color:#0072bc; color:#FFF;}
.dherji a{ display:block; color:#ddd; font-size:15px!important; text-align:center; border:none!important; line-height:22px!important; padding:15px!important;}
.dherji a:hover{ color:#fff;background-color:rgba(0,0,0, 0.5)!important;}




/*关于我们*/
.toptit h2{ text-align:center;}
.toptit h2 span{ color:#0072bc; text-transform:uppercase; font-weight:normal;}
.toptit p{ text-align:center; font-size:14px;color:#999; padding-top:5px;}
.about article{ color:#666; font-size:15px; margin-top:50px;}
.more{ width:100px; font-size:14px; line-height:32px; color:#fff; background:#0072bc; margin:auto; display:block; text-align:center; margin-top:30px; transition:0.2s; border-radius:30px;}
.more:hover{ width:120px; transition:0.2s; color:#fff;}
/*品牌*/
.pinpai{ background:url(../images/brandbg.jpg) center center no-repeat; padding:80px 0;}
.pinpaili{ background:#FFF;}
.brand{ padding:0 30px; margin-top:30px;}
.brand li{ width:12.28%; float:left; margin:0 1%; text-align:center; border:#CCC solid 1px; box-sizing:border-box; overflow:hidden;}
.brand li:hover{ border:#0072bc solid 1px;}
.brand li:hover img{transition:0.5s;
transform:scale(1.09,1.09);
-moz-transform:scale(1.09,1.09);
-webkit-transform:scale(1.09,1.09);
-o-transform:scale(1.09,1.09);}
.brand li img{ width:100%;transition:0.5s;}
.brand li span{ margin-bottom:20px; display:block;}

.chaxun{ padding:15px; box-sizing:border-box; background-color:#0072bc; margin:80px auto;}

/*产品中心*/
.product{ margin-top:50px;}
.prol{ width:20%;}
.pror{ width:75%;}
.profl li{ margin-bottom:10px; line-height:40px; background-image: -webkit-linear-gradient(0deg, #0072bc 0%, #ccc 100%);}

.profl li a{ color:#FFF; padding:5px 0 5px 50px; display:block;}

.proli{ width:23%; float:left; margin-right:2%; text-align:center; margin-bottom:4%;}
.proli img{ width:100%;transition:0.5s; height:201px;}
.protu{ display:block; overflow:hidden;}
.protu:hover img{transition:0.5s;
transform:scale(1.09,1.09);
-moz-transform:scale(1.09,1.09);
-webkit-transform:scale(1.09,1.09);
-o-transform:scale(1.09,1.09)}

.prolist2{ width:17%; margin-right:3%; float:left; margin-bottom:30px; word-break: break-all;}
.cptit{ font-size:14px; line-height:30px; height:30px; overflow:hidden; display:block;}
.prolist2 img{ width:100%; height:187px;}
.prolist2 b{ font-weight:normal;}
.chanpinlb{ width:102%; overflow:hidden; padding:30px 0;}

.shaixuan li{ margin-bottom:15px; overflow:auto; font-size:0;}
.shaixuan li b{ float:left; font-size:16px; display:none;}
.shaixuan li p{ font-size:16px; font-weight:bold; margin-bottom:5px;}
.shaixuan li span,.shaixuan li a{ display:block; float:left; padding:5px 10px; background:#f1f1f1; margin-right:5px; margin-bottom:5px; font-size:16px;}
.shaixuan li span{ background:#0072bc; color:#FFF;}
.chazhao input{ border:none; line-height:30px; margin-right:10px; padding:5px; display:inline-block;}
.chazhao{ position:relative; height:100%;}
.czpad{ position:absolute; left:0; top:50%; margin-top:-20px;}
.chaxunanniu{ padding:5px 40px !important; background-color:#F00; color:#FFF;}
.chaxun{ text-align:center;}


.xiangqing a:first-child{ background:#ddd;}
.xiangqing a{ text-align:center; display:block; width:50%; float:left; box-sizing:border-box; line-height:30px; font-size:14px; border:#ddd solid 1px;}
.protit{ line-height:35px; height:35px; overflow:hidden; display:block; font-size:14px; color:#666;}
.xiangqing a:hover{ background:#0072bc; color:#fff; border:#0072bc solid 1px;}

.xianhuo{ margin-top:0px;}
.toptit2{ }
.toptit2 span{ color:#f63b02!important;}
		/* 本例子css */
		.slideTxtBox{ width:100%; margin-top:50px;}
		.slideTxtBox .hd{ background:rgba(255,255,255,0.6); position:relative; height:50px;}
		.slideTxtBox .hd ul{position:absolute; width:100%; text-align:center; }
		.slideTxtBox .hd ul li{ display:inline-block; cursor:pointer; background:#f1f1f1; padding:5px 15px; margin-right:1px;}
		.slideTxtBox .hd ul li img{ height:40px; display:block;}
		.slideTxtBox .hd ul li.on{ background:#ccc;}
		.slideTxtBox .bd ul{ padding:25px 25px;  zoom:1;background:#fff;}
		.slideTxtBox .bd ul .proli{ width:18%; margin:2% 1%;}
		.slideTxtBox .bd li{ height:24px; line-height:24px;   }
		.slideTxtBox .bd li .date{ float:right; color:#999;  }

.ppjs{ padding:0 15px;}
.ppjs img{ width:18.2%; float:left; margin-right:2%;}
.ppjs a{ font-size:24px; font-weight:bold; color:#0072bc; display:block; margin-bottom:15px;}
.ppjs p{ color:#666;}


.lingyu{ background:url(../images/lingyu.jpg) center center no-repeat; padding:80px 0; background-size:cover;}
.lingyuli{ margin-top:30px;}
.lingyu li{ width:18.4%; float:left; margin:0.8%; position:relative;}
.lingyu li img{ width:100%; border:rgba(0,0,0,0.2) solid 5px; box-sizing:border-box; display:block;}
.lingyu li span{ position:absolute; display:block; line-height:30px; text-align:center; top:50%; margin-top:-15px; width:100%; font-size:18px; opacity:0;}
.lingyu li:hover{ background:#000;}
.lingyu li:hover img{ opacity:0.6;}
.lingyu li:hover span{opacity:1; color:#FFF;}
.pleixing{ text-align:center; display:block; line-height:40px; background:#0072bc; color:#FFF; }
.dianhua2{ padding:60px 0; background:url(../images/bg3.jpg) center center;}
.dianhua2{ font-size:24px; color:#FFF;}
.dianhua2 span{ display:block; font-size:40px; font-weight:bold;}


.seo{ margin-top:60px;}
.seol{ width:62%;}
.seor{ width:32%;}
.seotop{ background-color:#f5f5f5; padding:10px 20px; font-size:20px; font-weight:bold; color:#0072bc;}
.seotop a{ float:right; font-size:14px; color:#F00; font-weight:normal;}

.news01{ margin-top:20px; margin-bottom:10px;}
.news01 img{ width:18%; float:left; margin-right:2%;}
.news01 a{ font-size:18px; line-height:32px;}
.news01 p{ color:#999; font-size:14px;}
.news01 span{ display:block; margin-top:5px;}

.news02 span{ float:right;}
.news02 p{ font-size:14px; margin-top:10px; color:#999; line-height:24px;}
.news02{ padding:12px 0; border-bottom:#ccc dashed 1px;}
.zhisihtit{ font-size:18px; line-height:40px;}
.zhishi p{ font-size:14px; color:#999; line-height:22px; margin-top:5px;}
.zhishi img{ width:100%; display:block;}
.xq{ margin-top:10px;display:block;}

		/* 本例子css */
		.picMarquee-left{ width:100%;  overflow:hidden; position:relative;  margin-top:20px;}
		.picMarquee-left .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }
		.picMarquee-left .hd .prev,.picMarquee-left .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
			 cursor:pointer; background:url("../images/arrow.png") no-repeat;}
		.picMarquee-left .hd .next{ background-position:0 -50px;  }
		.picMarquee-left .hd .prevStop{ background-position:-60px 0; }
		.picMarquee-left .hd .nextStop{ background-position:-60px -50px; }
		.picMarquee-left .bd{ border:#f7f7f7 solid 10px; background:#f7f7f7; overflow:hidden;}
		.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
		.picMarquee-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
		.picMarquee-left .bd ul li .pic{ text-align:center; }
		.picMarquee-left .bd ul li .pic img{width:246px; height:110px; display:block; padding:2px; background:#FFF;}
		.picMarquee-left .bd ul li .pic a:hover img{ border-color:#999;  }
		
		
		
.footer{ background:#333;color:#999;}
.daohang2 li{ display:inline-block;}
.daohang2 li a{ padding:20px 30px; display:block; color:#999;}
.daohang2 { text-align:center; border-bottom:#666 solid 1px;}	
.f1,.f2,.f3{ float:left;}
.f1{ width:20%; margin-top:25px; font-size:40px; line-height:normal; font-weight:bold;}
.f1 span{ font-size:24px; display:block;}
.f2{ width:50%;}
.f3{ width:120px; float:right;}	
		
.f3 img{ display:block; width:120px;}
.foot{ padding:50px 0; max-width:1000px;}
		
		
	
/*内容部分*/
.zhong{}
.banbg{background:url(../images/ban.jpg) center center; background-size:cover;}
.ban{ height:300px; background-position:center center; background-size:cover; position:relative;}
.mianbao{ position:absolute; bottom:30px; left:0; right:0; margin:auto;color:#CCC;}
.mianbao a{ color:#CCC;}
.nei{background:#fff;}
.neirong{min-height:500px; background-color:#FFF; padding:50px 0; box-sizing:border-box; margin-bottom:30px;}
.neirong2{min-height:500px; background-color:#FFF; box-shadow: -5px -5px 30px rgba(102,102,102,0.08); padding:50px; box-sizing:border-box; margin-bottom:30px;}
.erji{background:#FFF; padding:20px 0px;box-sizing:border-box; border-bottom:#ddd solid 1px;}
.erji li{ float:left; background:#0072bc; margin-right:20px; overflow:hidden;}
.erji li a{ line-height:40px; padding:6px 30px; color:#FFF; display:block;}
.dianhua3{ float:right; line-height:40px; font-size:28px; margin-top:6px; font-weight:bold;background:url(../images/dianhua.svg) center left no-repeat; background-size:45px; padding-left:60px; color:#0072bc; padding-right:5px;}
.sec{background:#f63b02;}
.protop{ padding:50px 0;}
.protop2{ padding-top:10px; padding-bottom:70px;}
.ucanshu span{ font-size:14px; color:#999; width:50%; float:left;}


.brand2{ width:25%; float:left; padding:20px; box-sizing:border-box; text-align:center;}
.brand2 img{ display:block; margin:auto; margin-bottom:10px; max-width:100%;}
.brand2 p{ font-size:14px; color:#999; line-height:20px; height:60px; display:block; overflow:hidden; margin:15px 0;}
.more3{ font-size:14px; text-decoration:underline;}
	
.procont{ width:102%; margin-top:60px;}
.proconli{ width:31.3%; margin-right:2%; float:left; background-color:#41b1e6; padding:30px; box-sizing:border-box; text-align:center; border-radius:10px;}
.protitle{ color:#FFF; font-size:22px; line-height:30px;}	
.protitle:hover{ color:#0F0;}
.prolijs p{ color:#fff;}
.prolijs i{ width:50px; height:3px; display:block; margin:20px auto; background:#FFF;}	
.jiahao2{ color:#FFF; border:#FFF solid 1px; margin-top:30px;}
.neirong h1{ font-size:28px; line-height:26px; margin-bottom:26px;}

.zixun{ box-sizing:border-box; border-bottom:#ddd solid 1px; padding:30px 0;}
.zixun:first-child{ padding-top:0;}
.zx{ width:75%;}
.zxtu{ width:20%;}
.zxtu img{ width:100%; height:195px;}
.zx a{ display:block; font-size:18px; padding:10px 0; font-weight:bold;}
.zx p{ margin-top:6px; color:#666; font-size:15px; line-height:22px;}
.more2{ font-size:16px!important; margin-top:15px;background:url(../images/jiantou3.svg) center right no-repeat ; background-size:26px; width:100px; display:block; transition:0.4s; font-weight:normal!important;}
.more2:hover{ color:#000; margin-left:30px;transition:0.4s;}
	
		/* 本例子css */
		.slideBox{ width:100%; overflow:hidden; position:relative; border:1px solid #ddd;  }
		.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
		.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
		.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
		.slideBox .hd ul li.on{ background:#f00; color:#fff; }
		.slideBox .bd{ position:relative; height:100%; z-index:0;   }
		.slideBox .bd li{ zoom:1; vertical-align:middle; position:relative;}
		.slideBox .bd img{ width:100%; height:300px!important; display:block;  }
		.slideBox .bd li span{ position:absolute; bottom:0; background:rgba(0,0,0,0.5); width:100%; text-align:center; color:#FFF; line-height:40px;}

		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBox .prev,
		.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
		.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
		.slideBox .prev:hover,
		.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.slideBox .prevStop{ display:none;  }
		.slideBox .nextStop{ display:none;  }
	
.newspic{ width:35%;}
.newsli{ width:65%; padding-left:50px; box-sizing:border-box;}
.newsli h3{ font-size:28px; font-weight:normal; margin-bottom:6px;}

.newslist2{ padding:10px 0; border-bottom:#ddd dashed 1px;}
.newslist2 p{ font-size:14px; color:#999; line-height:22px;}
.newslist2 a{ font-size:17px; color:#0072bc; margin-bottom:8px; display:block;}
.dianji span{ color:#666;}
.newsp1{background:url(../images/date.svg) center left no-repeat; padding:5px 0 5px 25px;color:#999; display:inline-block;}
.newsp2{background:url(../images/read.svg) center left no-repeat;  padding:5px 0 5px 25px; margin-left:20px;}
.newtop{ margin-bottom:30px;}
.zixun2 .zxtu{ border-radius:8px; overflow:hidden;}

.fuwuwh{ width:25%; float:left; text-align:center; padding:0 20px; box-sizing:border-box; margin-top:60px;}
.fuwuwh span{ font-size:26px; font-weight:bold; color:#0072bc;}
.fuwuwh i{ width:50px; height:3px; display:block; margin:30px auto; background:#999;}
.fuwuwh p{ font-size:18px; color:#999;}
.fwwh{ max-width:1200px;}
.fuwuwh img{ display:block; margin:auto; margin-bottom:15px; width:60px;}
.chengnuo{background:url(../images/chengnuo.jpg) center left no-repeat; background-size:50%;}
.fwcn{ padding:100px 80px; background:#0072bc;}
.fwcn span{ display:block; color:#0F0; font-size:18px; text-transform:uppercase; margin-top:15px;}
.fwcn h2{ color:#FFF;}
.fwcn p{ color:#ddd; margin-top:40px; font-size:18px; line-height:30px;}
.fuwuwh em{ font-style:normal; font-weight:bold; font-size:80px; display:block; margin:auto; line-height:normal; color:#ddd; margin-bottom:-40px;}
.shouhouli{ width:30.3%; margin:0 1.5%; float:left;}
.shouhouli span{ text-align:center; display:block; font-size:18px; line-height:40px; background-color:#0072bc; color:#FFF; border-radius:10px 10px 0 0;}
.shouhouli p{ line-height:30px; min-height:150px; color:#666; padding:30px 40px; background-color:#f5f5f5;}
.kouhao2{ margin-top:60px;}
		
		
		
/*招聘*/
.job{ min-height:300px;}
.job li{ float:left; width:20%; text-align:center; box-sizing:border-box; position:relative; padding:5px 0; line-height:40px;}
.jobbg li{ line-height:40px;}
.jobbg{ background-color:#ddd;}
.jobbg:hover{ background-color:#ddd!important;}
.job ul{ overflow:auto;border:#f2f2f2 solid 1px; margin-top:-1px; border:#ddd solid 1px;}
.job ul:hover{background-color:#f8f8f8;}
.jobarc{ margin-top:30px; min-height:0px; margin-bottom:30px;}
.jobh2{ margin-bottom:20px;}
.white_content input{ width:100%; margin-bottom:8px; box-sizing:border-box; padding:2px; font-size:14px; line-height:28px;}
.white_content select{ width:100%; margin-bottom:8px;box-sizing:border-box; padding:5px 2px; font-size:14px;}
.white_content textarea { width:100%;box-sizing:border-box; padding:2px; height:200px; font-size:14px; font-family:"微软雅黑";}
.close{ font-size:14px; float:right; margin-bottom:5px;}

.black_overlay{ 
	display: none; 
	position:fixed; 
	top: 0%; 
	left: 0%; 
	width: 100%; 
	height: 100%; 
	background-color:rgba(0,0,0,0.6); 
	z-index:1001; 
} 
.white_content { 
	display: none; 
	position:fixed; 
	top: 25%; 
	left: 50%; margin-left:-160px;
	width:450px; 
	padding: 30px; 
	z-index:1002; 
	overflow: auto; background-color:#FFF; box-sizing:border-box;} 
.shenqing{ border:none; background:#F00; color:#FFF; padding:6px 0!important;}

.white_content2{ width:500px;}
		
/*内容页*/
.proimg{ width:40%; float:left;}
.proimg img{ width:100%;}
.canshu{ width:56%; float:right;}
.canshu table{ width:100%;} 
table  
{  
	border-collapse: collapse; margin-top:5px;
}  
table td, table th  
{  
	border:1px solid #333; text-align:center;
	color: #333;  
	height: 30px; padding:5.5px;
}  
.shuoming{ margin-top:30px; padding-top:30px; border-top:#CCC solid 1px;}
.qitapro{ width:102%; overflow:hidden;}
.prolist3{ width:23%; margin-right:2%;}
.qtcp{ display:block; border-bottom:#999 solid 1px;border-top:#999 solid 1px; margin-top:50px; margin-bottom:20px;}
.arc{}
.arc h1{ font-weight:normal; font-size:30px;}
.zuozhe{ font-size:14px; padding:20px 0 50px 0; color:#666;}
.zhengwen{ font-size:16px; line-height:160%; color:#666;}
.zhengwen img{ max-width:100%!important; height:auto!important;}
.fenye2{ margin-top:50px; color:#0072bc;}
.fenye2 a{ color:#0072bc;}
.xiangguan{ font-size:14px; color:#999;}
.ttli{ margin-bottom:20px;}
.ttli2 img{ width:110px; height:80px; float:left; margin-right:15px;}
.ttli2 a{ font-size:15px; line-height:22px;}
.mtop h3{ font-size:26px; margin-top:10px; margin-bottom:20px;}
.erji h2{ font-size:24px; margin-bottom:20px;}
.erji li a{ font-size:18px; line-height:35px;}
.fenye{ overflow:auto; padding:20px 0; margin-top:20px;}
.fenye li{ float:left; margin-right:3px; border:#666 solid 1px; margin-bottom:3px; padding:0 8px; color:#666; line-height:18px;}
.fenye li:hover{ background-color:#F8B62D;}
.thisclass{background-color:#F8B62D;}
.fenye li a{color:#666;}	
.mtop,.erji2{ background:#FFF; box-shadow: -5px -5px 30px rgba(102,102,102,0.08); padding:20px; margin-bottom:20px;}
.erji2 h2{ font-size:26px; margin-bottom:15px; line-height:normal;}
.erji2 li a{ font-size:18px; line-height:40px; display:block; border-bottom:#CCC 1px solid;}
#dituContent{ width:100%; height:400px;}
.map{ padding-right:50px;}

.lytop{ margin-bottom:20px;}
.lytop h3{ display:block;}
.lytop p{ font-size:14px; line-height:20px; color:#999; margin-top:15px;}
.xunwen{ margin-top:30px;}
.xunwen a{ display:block; line-height:50px; padding-left:60px; display:inline-block; font-size:20px; margin-right:50px;}
.xunwen .qq{background:url(../images/kf.gif) center left no-repeat;}
.xunwen .zxzx{background:url(../images/dh.jpg) center left no-repeat;}
	
		
		
		
@media screen and (max-width:1440px){
.logo{}
.logo img{ height:50px; margin-top:2px;}	
.daohang li a{ padding:0 10px; font-size:16px;}
.overlay li a{ font-size:15px; padding:0 10px;}
.ban{height:220px;}
.dherji a{ font-size:12px !important; padding:10px !important ;}
.prolist2 img{ height:160px;}
table td, table th{ padding:3.4px;}

}


@media screen and (max-width:1024px){
.neirong img{ width:100%!important; height:auto!important;}
.l,.r{ float:none;}
.head2{ padding:10px 0;}
.navbar-toggle{ display:block}
.w{ width:90%;}
.profl{overflow:auto}
.logo img{ height:40px; width:auto; margin-top:0;}
.dianhua{ display:none;}
.logo{ width:70%; float:left; margin:0;}
.navbar-toggle{ float:right;}
.menu{ overflow:auto;}
.xunwen a{line-height:30px; padding-left:40px; background-size:30px !important; font-size:16px; width:48%; margin-right:2%; box-sizing:border-box; float:left;}
.xunwen{ overflow:auto;}

/*手机导航*/
.button_container{ display:block; z-index:9999;}
.overlay {
    position: fixed; z-index:9998;
    display: block; 
    background: rgba(230,0,19, 1); /* Primary color, can be changed via colors.css */
    top: 0;
    border: 0;
    left: 0;
    width: 100%;
    height: 0%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .35s, visibility .35s, height .35s;
            transition: opacity .35s, visibility .35s, height .35s;
    overflow: auto;
}

.overlay.open {
    opacity: .95;
    visibility: visible;
    height: 100%;
}
.overlay.open ul{ padding-top:80px;}
.overlay li{ float:none; width:100%;}
.overlay li a{ color:#FFF;}
.pad{ padding:50px 0;}
.toptit p{ padding:5px 10px;}
.brand li{ width:31.3%; margin-bottom:2%;}
.brand li:nth-child(6){ display:none;}
.chazhao input{ margin-bottom:5px; width:100%; margin-right:0; box-sizing:border-box;}
.prol,.pror{ width:100%; float:none;}
.profl li a{ font-size:12px; padding:0; line-height:20px; display:block; height:20px; overflow:hidden;}
.profl li{ width:32.3%; float:left; margin:0.5%; text-align:center;}
.proli{ width:48%;}
.pror{ width:102%; margin-top:20px;}
.slideTxtBox .hd ul li img{ height:30px; display:block; margin:auto;}
.slideTxtBox .hd ul{ width:100%; position:relative; left:0; padding:2px; box-sizing:border-box;}
.slideTxtBox .hd{ overflow:auto; height:auto;}
.slideTxtBox .hd ul li{ width:32.3%; padding:0; float:left; margin:0.5%;}
.ppjs p{ font-size:12px;}
.ppjs{ padding:0; margin-bottom:15px;}
.slideTxtBox .bd ul .proli{ width:48%;}
.lingyu{ padding:50px 0;}
.seol{ width:100%;}
.seor{ width:100%;}
.daohang2{ display:none;}
.f1{ width:100%; float:none; font-size:20px; margin-bottom:10px;}
.f2{ width:100%; font-size:14px;}
.f3{ display:none;}
.ban{ height:120px;}
.mianbao{ display:none;}
.erji{ padding:20px 0;}
.erji li{ width:24%; float:left; margin:0.5%;}
.erji li a{ font-size:14px; text-align:center; padding:0;}
.dianhua3{ display:none;}
.neirong{ padding:20px 0;box-shadow:none;}
.nei{ background:none;}
.chazhao{ display:none;}
.brand2{ width:50%;}
.shaixuan li span, .shaixuan li a{ font-size:12px;}
.prolist2{ width:47%;}
.zx{ width:100%;}
.zxtu{ display:none;}
.zuo{ width:100%;}
.you{ width:100%; padding:20px;}
.proimg{ width:100%;}
.canshu{ width:100%;}
.arc h1{ font-size:20px;}
.zuozhe{ font-size:12px;}
}

@media screen and (max-width:768px){
.w{ width:95%;word-break: break-all;}
.pad{ padding:30px 0;}
.about article{ margin-top:30px;}
h2{ font-size:26px;}
.pinpai{ padding:30px 0;}
.brand{ padding:0 10px;}
.product{ margin-top:20px;}
.proli img{height:140px;}
.slideTxtBox .bd ul{ padding:10px;}
.ppjs a{ margin-bottom:5px;}
.lingyu{ padding:30px 0;}
.lingyu li{ width:48.4%;}
.news01 img{ width:100%;}
.news02 span{ display:none;}
.foot{ padding:30px 0;}
.ban{ height:80px;}
.brand2{ width:100%;}
.prolist2 img{ height:140px !important;}
.brandli li{ padding:4px;}
.brand3{ padding:20px 0;}

}