@charset "utf-8";

/*媒体查询*/
@media only screen and (max-width: 1200px){

.headerbg{clear:both; width:100%; margin:0 auto; height:100px;  }
header .logo{width:82%; margin:0px 0 0 5px;  text-align:left; line-height:100px;  }
header .logo img{ }
.dianhua{ display:none; }
header .wapnav{display:block; width:15%; margin-top:35px; 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 .headright{width:100%; background-color:rgba(255,255,255,0.8); }
#trigger{ display:none;}
.mainnav{display:none; margin:0px; left:0px;}
.mainnav a,.mainnav a:link,.mainnav a:visited{text-align:center; height:30px; line-height:30px; display:block; clear:both; width:100%; padding-left:0; margin:0;  }
.nav{ display:none}

.mainarea{ position:relative; clear:both;  padding:2% 2% 3% 2%; min-height:360px; height:360px;}


.hex { float:left; max-width:88%; margin:0 0 0 30px; padding:0px 0px 0px 0px;  overflow:hidden;}


.indexone{ clear:both; overflow:hidden; max-width:1300px; margin:0 auto;  }
.indexone .cpleft{ width:24.5%; float:left; margin:0 0.4%; }
.indexone .cpleft dl{ position:relative; height:180px; margin:0 0 7px 0; }
.indexone .cpleft dl a{ clear:both; overflow:hidden; color:#fff; display:block; text-align:center; font-size:20px; }
.indexone .cpleft dl a span{ font-size:14px; text-transform : uppercase; display:block; }
.indexone .cpleft dl dt{ margin:30px 0 0 0; }
.indexone .cpleft dl dd{ position:absolute; top:0px; z-index:-1; } 
.indexone .cpleft dl dd img{ display:block; width:100%;}
.indexone .cpleft dl.chang{ position:relative; height:330px;}
.indexone .cpleft dl.chang dt{ margin:50px 0 0 0; }
.indexone .cpright{ margin:0 0px 0 0; }
.indexone .cpright dl a{ clear:both; overflow:hidden; color:#333; display:block; text-align:center; font-size:20px; }
.indexone .cpright dl dt{ margin:30px 0 0 0; }
.indexone .cpright dl.chang dt{ margin:30px 0 0 0; }





}

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



.indexmenu a{ float:left; width:40%; padding:4% 2%; margin:3% 2%; display:block; font-size:30px; color:#82bc21; position:relative; } 
.indexmenu a h2{ float:left; font-size:25px; transition: 588ms; }
.indexmenu a img{ display:block; position:absolute; bottom:0px ; right:0px; transition: 588ms; width:60%; }


.footerbg .footermenu{ clear:both; overflow:hidden; width:98%; margin:0 0 0 2%; float:none; line-height:28px; font-size:14px; border-right:0px solid #e1e1e1; padding:0 0 3% 0; }
.footerbg .footermenu dl{ width:20%;}
.footerbg .footermenu dl.footermenu2{ width:59%; }

.footerbg .erweima{float:left; font-size:14px;  width:30%; margin:0 0 0 2%; text-align:center; }
.footerbg .lianxi{ float:left; margin:0 0 0 5%; width:60%;}




}



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




.mainbanner {height:380px;}




.positioninfo{font-size:20px;}



.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:40%; padding:2.5%; margin:2%;}
.info_listimg ul li{ float:left; width:40%; padding:2.5%; margin:2%;}


}


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




}


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

.hex { float:left; max-width:80%; margin:0 0 0 5%; padding:0px 0px 0px 0px;  overflow:hidden;}

.footmenubg{ display:none;}






}


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

.dingbubox ul ol{ display:none; }
.logo2{ display:none; }

.mainbanner {height:300px;}

.indexbt p{ font-size:25px; color:#134c95; text-transform : uppercase; }
.indexbt a{ font-size:25px; color:#82bc21;  }

.jianjie{ float:none; width:96%; margin:0 2%; }
.xinwen{ float:none; width:96%; margin:20px 2%; }






.footer .banquan{ float:none; clear:both; width:100%; }
.footer dl{ width:65%; }


.product_view div.bigimg img{ width:99%}
.product_view .content img{ width:99%;}

.info_view .bigimg img{ width:99%}
.info_view .content img{ width:99%;}

.info_listimg2 ul li{float:left; width:25%; padding:2.5%; margin:1.5%;}



}



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

{

.biaoti span{ font-size:30px;  }
.biaoti2{ text-align:center; position:relative; margin:60px 0 45px 0; color:#aaaaaa; }
.biaoti2 .bt_zi a{ font-size:30px; font-weight:bold; color:#fff;    }
.biaoti2 ul{ margin:15px 0 0 0}
.biaoti2 ul a{ color:#aaaaaa; font-size:16px; margin:0 3%; display:inline-block;   }
.biaoti2 span{ font-size:30px; }

.mainbanner {height:250px;}	


.indexone .oneright{ width:50%; }


.indexone .cpleft{ width:49.2%; float:left; margin:0 0.4%; }



/*产品导航*/
.menu1{text-align:center; }
.menu1 h2{ float:none; color:#fff; padding:0 0 2% 0; border-bottom:1px solid #6c99d3;}
.menu1 a,.menu1 a:link,.menu1 a:visited { display:block; width:31%; float:left; line-height:40px; padding:0 0; margin:3px 1%;}



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

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



.product_list ul li{ float:left; width:40%; padding:2.5%; margin:2%;}

.info_listimg ul li{ float:left; width:40%; padding:2.5%; margin:2%;}




}


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


.mainbanner {height:150px;}	

.hex { float:left; max-width:70%; margin:0 0 0 3%; padding:0px 0px 0px 0px;  overflow:hidden;}


/*新闻内页*/
.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;}

.sybiaoti{ clear:both; margin:40px auto 20px auto; max-width:1200px; text-align:center;}
.sybiaoti h2{ color:#999; font-size:140%;line-height:160%;background:url(images/shortline.jpg) center bottom no-repeat;}
.sybiaoti a{ display:block; height:30px; line-height:30px; font-size:16px; font-weight:bold;}
.sybiaoti a:hover{ text-decoration:none;}

.newsbox .xwbt span b{ display:block; font-size:140%; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#355410;}
.newsbox .xwbt{line-height:30px;}

.newsbox .xwbt a.more{ display:none;}
.servicebox .sybiaoti h2{ display:none;}
.servicebox .sybiaoti span{ display:block; height:30px; line-height:30px; font-size:120%;color:#fff;font-weight:bold;}
.servicebox dl{ margin:0 3%;}
.servicebox dl dd h3{ color:#fff; display:block; font-size:14px; line-height:180%; font-weight:bold; border-bottom:solid #8dcf47 1px;}

.info_listimg2 ul li{float:left; width:41%; padding:2.5%; margin:1.5%;}

.product_view .content td{ font-size:13px; padding:2% 0; border:1px solid #e1e1e1; }
.product_view .content table{ border-bottom:5px solid #eee;}



/*.footerbg .erweima{float:none; font-size:14px;  width:15%; text-align:center; }
.footerbg .lianxi{ float:none; margin:2% 0 0 2%;}
.footerbg .lianxi p{ font-size:22px; font-weight:bold; color:#82bc21;  }
.footerbg .lianxi ul{ line-height:22px; font-size:14px; color:#888;}*/



}



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


.indexmenu a{ float:none; width:92%; padding:10% 2% 20% 2%; margin:3% 2%; }

.intro h2{ font-size:15px; line-height:40px; font-weight:bold; }
.con{display:table;width:100%;height:100%;}
.con .more{display:block; margin:10% auto 0 auto; font-size:14px; border:1px solid #fff; width:100px; padding:5px 0; }

.indexone .cpleft{ width:98%; float:left; margin:0 1%; }


.imainbg4{ display:none; }
.hexpert_wap{ display:block; margin:0 0 30px 0; clear:both; overflow:hidden; }
.hexpert_wap .cpbox{ margin:3% 0; padding:2% 2%; clear:both; overflow:hidden; background:#eee; }
.hexpert_wap a{ display:block; clear:both; overflow:hidden; }
.hexpert_wap img{ float:left; width:30%;}
.hexpert_wap .zi{ float:right; width:65%; }
.hexpert_wap .zi h2{ font-size:16px;overflow: hidden; padding:0% 0 2% 0; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1;}
.hexpert_wap .zi p{ line-height:20px; color:#888888; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2;}


.indexthreebox{ padding:5% 0; font-size:14px;   }
.indexthreebox strong{ font-size:24px;}


.footerbg .footermenu{ display:none;  }
.footerbg .erweima{float:none; font-size:14px;  width:100%; margin:0%; text-align:center; }
.footerbg .lianxi{ float:none; width:100%; margin:0%;text-align:center; }




}

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

header .logo{width:79%; margin-top:0px;  text-align:left; line-height:105px;  }
header .logo img{ width:100%; }






}

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


}



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