@charset "utf-8";
/* CSS Document */

@media screen and (max-width: 1200px){
	.auto-hide-header { border-bottom: 4px solid #7ab72c; width: 100%;}
	.top,.pleft,.nright,.icontact,.iabout .aborder .img,.iabout .aborder .amt,.iabout .aborder .atext,.iabout .aborder .amore,.ihonnor span,.jscarousal,.ihonnor h1{ display:none;}
	a.home,.footer a,.banner,.inews .nleft li .ntext span{ display:none}
	
	.prevnext .previous { font-size: 14px; width: 100%; float: left; text-align: left; }
	.prevnext .next { font-size: 14px; width: 100%; float: left; text-align: left; margin-top:12px;}
	
	.ihonnor{ width:100%; background:url(../images/honnor.jpg) no-repeat; height: auto; padding:40px 0 30px}
	.ihonnor h2{ text-align:center; width:100%; font-size:24px; color:#FFF;}
	.ihonnor h4{ padding-bottom:20px;}
	.ihonnor p{ color:#FFF; line-height:28px; margin-left:40px;}
	.ihonnor p img{ display:none;}
	.wp1200{ width:100%; overflow:hidden; margin:0 auto;}
	.contact{ margin:0 0 50px 30px; float:left;}
	.contact p{ width:100%;}
	
	.feedback_info { min-height: 330px; height: auto !important; height: 330px; overflow: visible; margin:50px 0 50px 0px; float:left;}
	.feedback_info form textarea { border: 1px solid #CCC; width: 70%; height: 96px; font-size: 1.3em; -webkit-border-radius: 0.3em; -moz-border-radius: 0.3em; border-radius: 0.3em; padding-left: 3px; padding-top: 2px; }
	
	.footer{ background: #303440; width:90%; text-align:center; line-height:24px; color:#FFFFFF; padding:25px 5%;}

	.h32016box{font-size:1.2em;color:#333;padding:15px 15px 10px 15px; background:#f5f5f5; margin-bottom:20px;}
	.h32016{ float:left;border-left:3px solid #f33; padding-left:10px;word-spacing:8px; letter-spacing: 1px;}
	.h32016p{ float:right; font-size:0.8em; color:#555; padding-top:3px;}

	
	.about{ padding:5px 2% 30px 2%; width:96%;}
	.about img{ width:100%;}
	.iproduct{ background:url(../images/ipbg.jpg) no-repeat; width:100%; height: auto; padding:0 0 10px;}
	.iproduct .pright{ width:98%; margin:0 1%; overflow:hidden}
	
	
	.iabout{ background:url(../images/about_bg.jpg) no-repeat; height: auto; padding-bottom:20px; width:100%; color:#323232;}
.iabout .aborder{ border:4px solid #d2d2d2; margin:5% 2% 0 2% ; float:left; width:94%; height: auto; min-height:300px !important; padding-bottom:20px; position: relative; z-index:99}
.iabout .aborder h1{ font-size:22px; padding:25px 0 0 20px; }
	.iabout .aborder p{ width:96%; float:left; line-height:26px; padding-top:12px; padding-left:0; margin:0 2%;}
	
	.vie{ width:100%; float:left; overflow:hidden;}
	.vie .mas{}
	.vie:hover .mas{}
	.vie-2{ width:32%; overflow:hidden;text-align:center; margin:0 0.7% 0 0.6%}
	.vie-2 .mas{width:100%;height:35px;overflow:hidden; text-align:center;}
	.vie-2-img{width:100%; height:auto; overflow:hidden}
	.vie-2 img{ width:100%; height:auto;}
	.vie-2 .vname{display:block; text-align:center; color:#323232; line-height:35px;}
	.vie-2 a .mas{color:#FFF; text-align:center}
	
	.inews{ background:url(../images/ipbg.jpg) no-repeat; width:100%; padding:35px 0 12px; height: auto;}
	.inews .nleft{ width:98%; padding:0 1%;}
	.inews .nleft li{ background:#f6f6f6; float:left; width:100%; height: auto; margin-bottom:2%;}
	.inews .nleft li img{ float:left; width:30%; height: auto;}
	.inews .nleft li .ntext{ float:right; width:63%; padding-top:8px; padding-right:2%}
	
	
.proul{ width:100%; overflow:hidden; }
.proul li{ float:left; display:block; margin:0 1% 20px 1%; overflow:hidden; width:48%; border-bottom:none;}
.proul li img{ width:100%; height:auto; display:block; }
.proul li a{ background:#edeef2; float:left; padding:2px; display:block; width:98%;}

.honul{ width:100%; overflow:hidden; }
.honul li{ float:left; display:block; margin:0 1% 20px 1%; overflow:hidden; border-bottom:none; width:48%;}
.honul li img{ display:block; width:100%; height:auto; background:#FFF;}
.honul li a{ background:#edeef2; float:left; padding:2px; display:block; width:98%;}


#case_list { background-color: #fff; padding: 8px 0; width: 100%; margin:0 auto; min-height:480px;}
#hon_img{ text-align:center;}
#hon_img img{ border:1px solid #CCC; width:80%; height:auto;}
#pro_img{ text-align:center; }
#pro_img img{ border:1px solid #CCC; width:75%; height:auto;}
	
	
	.newslist{ width: 96%; overflow: hidden; padding:0 2%;}
	
	
	.path span.sign,.path a.htwo,.path span,.footer a,.foot,.contact img{ display:none}
	
	#logo{float: none; margin: 10px 0 0; text-align: center;}
	#logo a{ float:none;}
	.language { position: relative; height: auto !important; overflow: hidden; float: none; margin:8px 0;}
	.language .yuyan { text-align: center; margin: 0 auto 8px; }
	.language a { font-size: 14px; line-height: 26px; }
	.language a.cn { padding-left: 25px; background: url(../images/cn-flag.jpg) no-repeat left; margin: 0 5px; }
	.language a.en { padding-left: 25px; background: url(../images/en-flag.jpg) no-repeat left; margin: 0 5px; }
	
	

	.language form { height: 30px; position: relative;}
	.language form { clear: both; float: none; margin: 0 auto; width: 300px;}
    .language form input[type="text"] {width: 300px;}
	.language form input[type="text"] { border: 1px solid #ccc; border-radius: 0.3em; font-size: 13px; height: 22px; line-height: 22px; padding-left: 5px;}
	
	.language form input[type="submit"] { right: 0;}
	.language form input[type="submit"] { background: rgba(0, 0, 0, 0) url("../images/search_bg.png") no-repeat scroll center center; cursor: pointer; display: inline; float: right; height: 18px; position: absolute; right: 5px; top: 5px; width: 18px;}
		
	.language form img, input { border: 0 none;}

	nav.menu { display: inline;  float: right;}
	nav.menu > ul { position: absolute; z-index: 99999; top: 142px; left: 0; width: 100%; background: #7ab72c; display: none; box-shadow: 0 14px 20px rgba(0, 0, 0, 0.2); }
nav.menu ul li { clear: both; width: 100%; }
nav.menu > ul a { display: block; height: 36px; line-height: 36px; padding-left: 5%; color: #FFF; font-size: 14px; border-bottom: 1px solid #65a214; }
nav.menu > ul a:hover, nav.menu > ul a.active { color: #fff; background: #65a214; font-size: 14px; }






 .nav-trigger { position: absolute; }
 .nav-trigger {
	/* 垂直对齐其内容 */
	display: table;
	padding: 0 1em;
	text-transform: uppercase;
	color: #999;
	font-family: Arial, sans-serif;
	font-weight: bold;
	right: 0;
	top: 30px;
}
 .nav-trigger span {
	/* 垂直对齐在父元素内 */
	display: table-cell;
	vertical-align: middle;
	font-size: 13px;
}
 .nav-trigger em,  .nav-trigger em::after,  .nav-trigger em::before {
	/* 这是菜单图标 */
	display: block;
	position: relative;
	height: 2px;
	width: 22px;
	background-color: #999;
}
 .nav-trigger em {
	/* 这是菜单中央竖线 */
	margin: 6px auto 14px;
	-webkit-transition: background-color .2s;
	transition: background-color .2s;
}
 .nav-trigger em::before,  .nav-trigger em::after {
	position: absolute;
	content: "";
	left: 0;
	-webkit-transition: -webkit-transform .2s;
	transition: -webkit-transform .2s;
	transition: transform .2s;
	transition: transform .2s, -webkit-transform .2s;
}
 .nav-trigger em::before {
	/* 这是菜单图标顶线 */
	-webkit-transform: translateY(-6px);
	-ms-transform: translateY(-6px);
	transform: translateY(-6px);
}
 .nav-trigger em::after {
	/* 这是菜单图标底线 */
	-webkit-transform: translateY(6px);
	-ms-transform: translateY(6px);
	transform: translateY(6px);
}
/*-----------点击后变成X-------------------------*/
.nav-open .nav-trigger em {
	/* 菜单图标变成一个 X 图标 */
	background-color: rgba(255, 255, 255, 0);
}
.nav-open .nav-trigger em::before {
	/* 旋转顶线 */
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.nav-open .nav-trigger em::after {
	/* 旋转的底线 */
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.nav-open nav.menu ul { display: table-cell; }
.path section { width: 100%; border: 0 none; min-height: 20px; height: auto !important; height: 20px; overflow: visible; padding: 0px; line-height: 23px;}

	
	/*-----下拉菜单-----*/
.dl-menuwrapper { width: 100%; float: right; right: 0; position: absolute; z-index: 10; }
.dl-menuwrapper ul { background: #375d7c; position: absolute; width: 100%; padding: 0; list-style: none; display: none; }
.dl-menuwrapper li { position: relative; }
.dl-menuwrapper li a { display: block; position: relative; padding: 5px 10px; font-size: 12px; line-height: 20px; font-weight: 300; color: #fff; border-top: 1px solid #F1F1F1; outline: none; }
.dl-menuwrapper li a:hover { text-decoration: none; background: rgba(255,248,213,0.1); }

	
	
	
	
	
	
	
	
	
	
	
}



@media screen and (min-width: 1200px){
	
	.path section >h1,.nav-trigger,.yuyan,.banner1,.h32016box{ display:none;}
	/*-----下拉菜单-----*/
.dl-menuwrapper { margin-right: 23px; font-size: 16px; line-height: 70px; float:left; width:550px;}
.dl-menuwrapper ul { background: #375d7c; width: 100%; padding: 0; list-style: none;}
.dl-menuwrapper li { float:left;}
.dl-menuwrapper li a { display: block; padding: 0 18px; line-height:60px; color:#323232; font-size:16px;}
.dl-menuwrapper li a:hover,.dl-menuwrapper li a.hover{ color: #0165b0;}

.auto-hide-header { border-bottom: 4px solid #7ab72c; width: 100%; margin:0 auto; float:left}



nav.menu { float:LEFT; margin-left:40px; margin-top:38px; }
nav.menu ul { clear: both; }
nav.menu ul li { width:108px; float:left; display:block; text-align:center; }
nav.menu > ul a { font-size:15px; color:#333; line-height:28px; }
nav.menu > ul a:hover, nav.menu > ul a.acted { background:url(../images/menu_hover.png) no-repeat; width:100px; height:28px; display:block; color:#FFF; }





	.language { position: relative; height: auto !important; overflow: hidden; float: right; margin:38px 0 0 0; width:190px;}
	.language form { height: 30px; position: relative;}
	.language form { clear: both; float: none; margin: 0 auto; width: 170px;}
    .language form input[type="text"] {width: 170px;}
	.language form input[type="text"] { border: 1px solid #ccc; border-radius: 0.3em; font-size: 13px; height: 24px; line-height: 24px; padding-left: 5px;}
	
	.language form input[type="submit"] { right: 0;}
	.language form input[type="submit"] { background: rgba(0, 0, 0, 0) url("../images/search_bg.png") no-repeat scroll center center; cursor: pointer; display: inline; float: right; height: 18px; position: absolute; right: 5px; top: 4px; width: 18px;}
		
	.language form img, input { border: 0 none;}


.vie{ width:870px; float:left; overflow:hidden;}
.vie .mas{-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;background-color:rgba(34,34,44,0.7); height:35px; float:left;}
.vie:hover .mas{-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1}
.vie-2{width:263px;overflow:hidden;position:relative;text-align:center; margin-bottom:22px; margin-left:27px}
.vie-2 .mas{width:263px;height:35px;position:absolute;overflow:hidden;top:180px;left:0; text-align:center;}
.vie-2-img{width:263px;height:213px;overflow:hidden}
.vie-2 img{ width:263px;height:213px;}
.vie-2 .vname{display:block; text-align:center; color:#FFF; line-height:35px;}
.vie-2 a .mas{color:#FFF; text-align:center}


.ihonnor p,.ihonnor h2{ display:none;} 


}