@charset "utf-8";

/*<=1400px*/
@media screen and (max-width:1400px)
{
	.menuinfo{  margin-top:-13%;} 
	.menupro{ margin-top:-13%; }
	.menunews{ margin-top:-13%;} 
	.menu1{ margin-top:-13%; } 
	.menuhz{margin-top:-13%; } 
	
}


/*<=1150px*/
@media screen and (max-width:1150px)
{

.imainbanner {height:550px;}

.major-list li .back-face p{margin:26% 0 0 0;}

.index_hd .hd_r li{float:left; width:13.6%; height:120px; padding:0; border:#dcdddd solid 1px; margin:0 0.5%; display:block; position:relative; }

.newsbox .xwright dl dt span{ display:none}



.fotmenu {float:left; width:62%; border:1px solid #2b8e48; border-top:0px; border-bottom:0px; margin-left:2%; padding-left:2%;}

}

/*<=1023px*/
@media screen and (max-width:1023px)
{

.imainbox1 .gngd{ float:none; clear:both; margin:0 auto 0 auto; text-align:center; padding-top:20px; width:190px; overflow:hidden;}

.index_hd .hd_r li{float:left; width:12%; height:120px; padding:0; border:#dcdddd solid 1px; margin:0 0.5%; display:block; position:relative; }



.menuinfo{  margin-top:-15%;} 
.menuinfo a { color:#000000; margin:0px 2px;}
.menupro{ margin-top:-15%; }
.menunews{ margin-top:-15%;} 
.menunews a { color:#000000; margin:0px 2px;}
.menu1{ margin-top:-15%; } 
.menu1 a { color:#000000; margin:0px 2px;}
.menuhz{margin-top:-15%; } 
.menu1 a { color:#000000; margin:0px 2px;}

.info_list{ padding:20px 0 0 0; overflow:hidden;}
.info_list ol.head span.title{ width:100%;}
.info_list ol.head span.views{ display:none; }
.info_list ol.head span.date{display:none;}

.info_list ol{ overflow:hidden;}
.info_list ol.info a.title{width:100%; }
.info_list ol.info span.views{display:none; }
.info_list ol.info span.date{display:none; }	

.product_list ul li{ float:left; width:30%; padding:5px 1% 10px 2%;}

.info_listimg ul li{float:left; width:30%; padding:5px 1% 5px 2%;}



}

/*<=1023px*/
@media screen and (max-width:960px)
{
/*.imainbox1 .gnpic{width:40%; border:1px solid red}
.imainbox1 .gnnr{width:58%;}
*/

.index_hd .hd_r li{float:left; width:11.2%; height:110px; padding:0; border:#dcdddd solid 1px; margin:0 0.5%; display:block; position:relative; }


.info_listxw{clear:both; padding:5% 0 10px 0; display:block; overflow:hidden;}
.menupro .btlm { float:left; padding:0 0.5%; list-style:none; text-align:center; margin:auto;}


.btmlogo{ display:none;}
.fotmenu {float:left; width:76%; }


}

@media screen and (max-width:860px)
{
/*.mainnav{max-width:839px; padding:0px 10px;}*/
.imainbanner {height:380px;}
.mainbanner {height:320px;}


.imainyq { display:none}
.imainbg2 { display:none}


.newsbox .xwleft{ float:left; width:96%; margin-left:2%;}
.newsbox .xwright{ float:left; background:url(images/shuzi.png) left center no-repeat;width:96%; margin-left:2%; }

.guanggao .text { float:right; width:40%; background-color:rgba(0,100,45,0.7); padding:5% 2%; color:#fff; line-height:26px;}

.index_hd { display:none;}

.hzsj_list { display:block; overflow:hidden;}
.hzsj_list ul { overflow:hidden;}
.hzsj_list li { float:left;width:15.3%; margin:1% 0.5%; border:1px solid #e1e1e1}
.hzsj_list a:hover { text-decoration:none}
.hzsj_list img { width:100%;}

.hzsj_top { padding-top:30px;}


.menuinfo{  margin-top:-18%;} 
.menuinfo a { color:#000000; margin:0px 2px;}
.menupro{ margin-top:-18%; }
.menupro .btlm { float:left; padding:0%; list-style:none; text-align:center; margin:0 0 8px 0;}
.menunews{ margin-top:-18%;} 
.menunews a { color:#000000; margin:0px 2px;}
.menu1{ margin-top:-18%; } 
.menu1 a { color:#000000; margin:0px 2px;}
.menuhz{margin-top:-18%; } 
.menu1 a { color:#000000; margin:0px 2px;}

.dashijiny li p{width:76%; float:right; text-align:left;  font-size:18px; line-height:80px; display:block; padding:0 0px 0 38px; margin-left:-38px;  background:url(images/lichengan.png) no-repeat left center; }



}



@media screen and (max-width:768px)

{

header .logobg{ height:85px;}
header .logo{padding-top:10px;}
header .logo img{ width:100%;}

.nav{ display:none;}

.mainbannerpage{ padding-top:110px;}	
.mainpic {padding-top:110px; margin-bottom:-5px;}
/*.imainbanner {height:350px;}	
.mainbanner {height:300px;}	*/

.imainbox1 dl{ float:left; width:96%; margin-left:2%;}
.imainbox1 .jjpic{ display:none}

.imainbox1 .gnpic{ float:none; width:98%; margin:0 auto; }
.imainbox1 .gnnr{float:none; width:98%; margin:0 auto; padding-left:0;}


.hzsj_list li { float:left;width:15.4%; margin:0 0.5%; border:1px solid #e1e1e1}


/*公司简介标题*/
.menuinfo{ overflow:hidden;max-width:100%; text-align:center; margin:0px auto; padding:20px 0 10px 0; background:#FFF; }
.menuinfo a {color:#000000; line-height:40px; margin:5px 2px; padding:10px 15px; font-size:15px; text-decoration:none; text-align:center; background:#e6e6e6;  border-radius:10px;  -moz-border-radius: 50%;	-webkit-transition: background-color 0.5s;	-moz-transition: background-color 0.5s; -o-transition: background-color 0.5s; transition: background-color 0.5s;border:0px solid  hsla(0,0%,100%,0.5);}
.menuinfo a:link,.menuinfo a:visited{background:#e6e6e6;}
.menuinfo a:hover,.menuinfo a.active,.menuinfo a.active:link,.menuinfo a.active:visited{background:#43973e; color:#FFFFFF;}

.menuinfo .btlm { float:left; padding:0%; list-style:none; text-align:center; margin:0 0 8px 0;}


/*产品标题*/
.menupro{ overflow:hidden; max-width:100%;  text-align:center; margin:20px auto 10px auto; }
.menupro a {color:#000000; line-height:40px; margin:0px 2px; padding:10px 15px; font-size:15px; text-decoration:none; text-align:center; background:#e6e6e6;  border-radius:10px;  -moz-border-radius: 50%;	-webkit-transition: background-color 0.5s;	-moz-transition: background-color 0.5s; -o-transition: background-color 0.5s; transition: background-color 0.5s;border:0px solid  hsla(0,0%,100%,0.5);}
.menupro a:link,.menupro a:visited{background:#e6e6e6;}
.menupro a:hover,.menupro a.active,.menupro a.active:link,.menupro a.active:visited{background:#43973e; color:#FFFFFF;}



/*新闻内页标题*/
.menunews{ overflow:hidden; max-width:100%;  text-align:center; margin:20px auto 10px auto; }
.menunews a {color:#000000; line-height:40px; margin:0px 2px; padding:10px 15px; font-size:15px; text-decoration:none; text-align:center; background:#e6e6e6;  border-radius:10px;  -moz-border-radius: 50%;	-webkit-transition: background-color 0.5s;	-moz-transition: background-color 0.5s; -o-transition: background-color 0.5s; transition: background-color 0.5s;border:0px solid  hsla(0,0%,100%,0.5);}
.menunews a:link,.menunews a:visited{background:#e6e6e6;}
.menunews a:hover,.menunews a.active,.menunews a.active:link,.menunews a.active:visited{background:#43973e; color:#FFFFFF;}

/*联系方式标题*/
.menu1{ overflow:hidden; max-width:100%;  text-align:center; margin:20px auto 10px auto; }
.menu1 a {color:#000000; line-height:40px; margin:0px 2px; padding:10px 15px; font-size:15px; text-decoration:none; text-align:center; background:#e6e6e6;  border-radius:10px;  -moz-border-radius: 50%;	-webkit-transition: background-color 0.5s;	-moz-transition: background-color 0.5s; -o-transition: background-color 0.5s; transition: background-color 0.5s;border:0px solid  hsla(0,0%,100%,0.5);}
.menu1 a:link,.menu1 a:visited{background:#e6e6e6;}
.menu1 a:hover,.menu1 a.active,.menu1 a.active:link,.menu1 a.active:visited{background:#43973e; color:#FFFFFF;}


/*商务合作标题*/
.menuhz{ overflow:hidden; max-width:100%;  text-align:center; margin:20px auto 10px auto; }
.menuhz a {color:#000000; line-height:40px; margin:0px 2px; padding:10px 15px; font-size:15px; text-decoration:none; text-align:center; background:#e6e6e6;  border-radius:10px;  -moz-border-radius: 50%;	-webkit-transition: background-color 0.5s;	-moz-transition: background-color 0.5s; -o-transition: background-color 0.5s; transition: background-color 0.5s;border:0px solid  hsla(0,0%,100%,0.5);}
.menuhz a:link,.menuhz a:visited{background:#e6e6e6;}
.menuhz a:hover,.menuhz a.active,.menuhz a.active:link,.menuhz a.active:visited{background:#43973e; color:#FFFFFF;}

.chanpin_list{ clear:both; padding:0% 0 10px 0; }
.chanpin_list dl{ float:left; width:46%; margin:1% 1%; padding:1%; background:#caeed4;border-radius:0px 0px 55px 0px; overflow:hidden;}
.product_view { padding:0% 0 10px 0;}


.footmenu a{padding:0 2%; }
.footmenu a:hover{background:none;}





.message_add p{ padding:3px 0; float:none; width:100%;}

.position{display:none;}	
.positioninfo{display:none;}

.product_list ul li{ float:left; width:48%; padding:5px 1% 10px 1%;}

.info_listimg ul li{float:left; width:48%; padding:5px 1% 5px 1%;}

.product_view div.bigimg img{ width:98%;}


.info_view{ clear:both;padding:0% 0 10px 0; }
.message_add{ padding:0% 0 10px 0;}
.down_list { padding:0% 0 10px 0; }
.down_list li a { font-size:14px;}
.down_list li span { color:#9e9e9e; font-size:12px;}

}


@media screen and (max-width:640px)
{
.headerpage{clear:both; width:100%; margin:0 auto 0 auto; padding:0; background:url(images/topbg.gif) repeat-x top #ffffff; position: static; z-index:0; box-shadow: 0px 0px 6px 2px #aaa;}	

header .logo{ float:left; width:30%; margin:0px 0px 10px 0px;}
header .logo img{ width:100%;}

header .wapnav{display:block; width:15%; margin-top:26px; text-align:right; padding-right:1%;}	
header .wapnav img{padding:10px;background-color:#f2f2f2;border:1px solid #cccccc;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;cursor:pointer;}
header .wapnav img:hover{background-color:#dedede; }	
header .headerright{width:100%; background:none;}

.mainnav{ display:none; width:100%; padding-left:0%; background:#21873e; text-align:center;}
.mainnav:after, .mainnav:before {content:''; display:block; clear:both; height:0;}
.mainnav a,.mainnav a:link,.mainnav a:visited{ text-decoration:none; display:block; float:left; width:100%; height:40px; color:#fff; line-height:40px; font-size:15px; text-align:center; border-left:0px solid #eeeeee;	text-decoration:none;	-webkit-transition: background-color 0.5s ;	-moz-transition: background-color 0.5s ;	-o-transition: background-color 0.5s;	transition: background-color 0.5s;border-bottom:1px solid #8fc42e;}
.mainnav a:hover,.mainnav a.active,.mainnav a.active:link,.mainnav a.active:visited{color:#fff; background:#2d9e4d}




.mainbannerpage{ padding-top:0px;}	
.mainpic {padding-top:0px; margin-bottom:-5px;}
/*.imainbanner {height:200px;}	
.mainbanner {height:180px;}	*/

.ssbg { display:none}

.imainbox3 a{ display:block; float:left; width:48%; }
.imainbox4 dl{ float:left; width:46%; margin:0.5% 1%; text-align:center; padding:1%; background:#caeed4; transition:all .5s;-webkit-transition:all .5s;-ms-transition:all .5s; }

.guanggao .text { float:right; width:94%; background-color:rgba(0,100,45,0.7); padding:5% 2%; margin-left:2%；color:#fff; line-height:26px;}

.about_info .content li { clear:both; width:90%; margin-right:2%; margin-bottom:2%;}

.hzsj_list li { float:left;width:32%; margin:0 0.5%; border:1px solid #e1e1e1}

.dashijiny li p{width:70%; float:right; text-align:left;  font-size:18px; line-height:80px; display:block; padding:0 0px 0 38px; margin-left:-38px;  background:url(images/lichengan.png) no-repeat left center; }

.fotmenu { display:none}
.fotshop { float:right; width:100%; margin-bottom:-5%; text-align:center; overflow:hidden;}
.fotshop a { float:left; width:50%; }
.fotshop a img {width:50%;}

.banquan p{line-height:21px;}


/*新闻内页*/
.info_listxw dl dd a.title{font-size:16px; line-height:24px; height:24px; overflow:hidden;}
.info_listxw dl dd .newsdate{ display:none;}
.info_listxw dl dd .jianyao{height:24px; overflow:hidden;}

}

@media screen and (max-width:560px)
{
	


.mainbannerpage{ padding-top:0px;}	
.mainpic {padding-top:0px; margin-bottom:-5px;}

.imainbox2 dl dd.nr{height:200px;}

.joblist{ float:left; width:91%; background:#f6f6f6; margin:1% 0% 0% 2%; margin-bottom:15px; padding:2%;border-radius:0px 0 50px 0; border-top:5px solid #00b161;}

.hzsj_list li { float:left;width:31.8%; margin:0 0.5%; border:1px solid #e1e1e1}

.footmenu{ display:none;}
.footer .banquan p span.dizhi{ background:url(images/dizhi.png) no-repeat 20% center; }
.footer .banquan p span.dianhua{ background:url(images/dianhua.png) no-repeat 20% center; }


}

@media screen and (max-width:440px)
{
header .logo{ float:left; width:40%; margin:0px 0px 10px 0px;}
header .logo img{ width:100%;}

.mainbannerpage{ padding-top:0px;}	
.mainpic {padding-top:0px; margin-bottom:-5px;}

.biaoti1 h2 img{ width:70%;}
.biaoti1 h3{ font-size:18px;}
.biaoti1 h4{ font-size:10px;}

.biaoti2 h2 img{ width:70%;}
.biaoti2 h3{ font-size:18px;}
.biaoti2 h4{ font-size:10px;}

.imainbox2 dl dd.nr{height:220px; line-height:22px;}

.ejbt h2{font-size:24px;}

.imainbox4 ul li.zsy span{font-size:16px; line-height:24px;}
.imainbox5 .djbt{font-size:16px;}
.imainbox5 .djbt span{ font-size:22px;}
.imainbox5 ul li{ float:left; width:46%; margin:2% 2%; }


.hzsj_list li { float:left;width:30%; margin:0.5%; border:1px solid #e1e1e1}

.dashijiny li p{width:60%; float:right; text-align:left;  font-size:18px; line-height:40px; display:block; padding:0 0px 0 38px; margin-left:-38px;  background:url(images/lichengan.png) no-repeat left center; }

.btmlogo img{ width:80%;}
.footer .banquan p span.dizhi{ background:none; }
.footer .banquan p span.dianhua{ background:none; }

.menu3 h3{width:24%;}
.menu4 ul a {width:18.5%;}



}

@media screen and (max-width:380px)
{
}

@media screen and (max-width:340px)
{
header .logo{ float:left; width:50%; margin:0px 0px 10px 0px;}
header .logo img{ width:100%;}

.imainbanner {height:150px;}	
.mainbanner {height:130px;}	

.imainbox4 ul li.zsy span{font-size:14px; line-height:22px;}

.hzsj_list li { float:left; width:30%; margin:0.5%; border:1px solid #e1e1e1}
.hzsj_list li img { width:100%;}

.cpfenlei a{ display:block; float:left; width:90%; padding:5px 4%; margin:0% 1% 1% 1%;}
.banquan { font-size:12px;}

}