@charset "utf-8";


@media screen and (max-width:1200px)
{
.chanpintop{ max-width:96%; margin:0 auto;   }
.chanpin {  max-width:96%; margin:0 auto;}
.news{ max-width:96%; margin:0 auto;  }

.hexpert02 { display:none}

.sjal { margin:0 auto; max-width:1200px;padding:0px 0px 50px 0px; overflow:hidden;display: block}
.sjal ul { overflow:hidden;}
.sjal li {float:left; width:22%; padding:0px 0px 0px 0px; margin:0 1.5%; text-align:center; }
.sjal li img{  display:block; margin:0 auto 0px auto; width:100%; }
.sjal li a,.sjal li a:link,.sjal li a:visited{ font-size:16px; display:block; text-align:center; padding:0px 0 0px 0; text-decoration:none; line-height:30px;color:#333; }
.sjal li a:hover {color:#fff; }

.mainpage{clear:both; width:96%; margin:0px auto 0 auto; padding:0;}

.nav{ display:none; }


}







/*<=1023px*/
@media screen and (max-width:1024px)
{


.mainbanner {height:400px;}

.positioninfo{font-size:20px;}

.chanpin ul{ width:70%; float:right; margin:0px 0; overflow:hidden; padding:3% 0 0 0; }
.chanpin ul li{float:left; width:31%; margin:0% 1%; text-align:center; }




.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%;}


.mainbox4box { clear:both; width:100%; background:url(images/chanpinbg.gif) no-repeat bottom center; height:280px;}


}

/*<=1002px*/
@media screen and (max-width:1002px)
{



}

/*<=920px*/
@media screen and (max-width:920px)
{




/*搜索*/

.mainbox0 dl dt{ float:left; width:30%;}

.mainbox0 dl dd{ float:right; width:67%;}

.cpmenu{  width:94%; }
.cpmenu ul a{ display:block; float:left; width:33%; margin:0 0 1% 0; }

.linkbox strong{ float:left; font-size:21px; color:#fff; width:10%; padding:10px 0 0 0;}

}


@media screen and (max-width:860px)
{
	
.headerpage{clear:both; width:100%; margin:0 auto 0 auto; padding:0; }
header .logo{float:left; padding:2.5% 0 0 0; margin:0; width:75%;}
header .logo img { width:100%;}
header dl{ display:none; }
.headright{ border-top:0px solid #e8e8e8; padding:0.8% 0 0 0; }

header .wapnav{display:block; float:right; width:8%; margin-top:2%;}	
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; }	

.mainnav{display:none; width:100%; margin:0;  }
.mainnav ul {padding:0px; text-align:left; }
.mainnav a,.mainnav a:link,.mainnav a:visited{ display:block; float:none; width:100%; color:#333; font-size:18px; text-decoration:none; text-align:center; line-height:53px; }
.mainnav a:hover,.mainnav a.active,.mainnav a.active:link,.mainnav a.active:visited{ background:#d81e06; color:#fff;  }


.mainbannerpage{}
.mainbanner {height:400px;}

/*首页标题*/
.biaoti{ text-align:center; clear:both; overflow:hidden; margin:2% 0 4% 0;  }
.biaoti a{ font-size:26px;  }
.biaoti .en{ font-size:20px; }


/*简介*/
.aboutusbg{ margin:20px auto 0 auto; width:100%; }
.aboutus{ background:none;}
.about_nr{ width:100%; float:none; }


/*首页产品*/
.chanpinbg{ clear:both; margin:30px 0 0px 0; }
.chanpintopbox{ padding:40px 0 20px 0; }
.chanpintop{ max-width:1200px; margin:0 auto; clear:both;  }
.chanpintop .chanpintitle{ width:220px; float:none; padding:4.5% 0 1.5% 0; margin:0 auto; text-align:center; background:url(images/chanpinbg2.jpg) no-repeat center; background-size:cover; }
.chanpintop .chanpintitle a{ font-size:26px; color:#ffffff; font-weight:bold; font-family:Microsoft YaHei,宋体,SimHei,Arial,Helvetica,Sans-seri;  }
.chanpintop .chanpintitle .en{ font-family:Arial, Helvetica, sans-serif; line-height:36px; text-transform:uppercase; font-size:18px; color:#ffffff; }
.chanpintop .sousuo{ float:none; margin:0 auto; width:90%;  }
.chanpintop .sousuo p{ color:#fff; font-size:16px; line-height:20px; padding:2% 0; text-align:center; }
.chanpintop .input{ width:80%; }
.chanpintop .button{ width:12%;  }

.chanpin { max-width:100%; margin:0 auto;}
.chanpin dl{ width:100%; padding:23px 0 23px 0; float:none; text-align:center;  }
.chanpin dl a{ display:inline; margin:1% 1% 1% 1%; border:1px solid #d81e06; line-height:40px; padding:0px 2%; font-size:15px; text-align:center; display:inline-block }
.chanpin dl p{ display:none;  }
.chanpin ul{ width:100%; float:none; margin:0px 0; overflow:hidden; padding:3% 0 0 0;  }



/*首页新闻*/
.newsbg .biaoti{ display:block; }
.news .pic .biaoti{ display:none; }
.news .pic dl{ clear:both; overflow:hidden; background:url(images/xinwenbg2.jpg) no-repeat right center; margin:3% 0 0 0; padding:3% 0; }
.newsbg{ clear:both; margin:20px auto; }
.news{  padding-top:20px;}
.news .wenzi{ float:none; width:100%;}
.news .pic{ float:none; width:100%;}

.mainbox4box { clear:both; width:100%; background:url(images/chanpinbg.gif) repeat-y bottom center; height: auto; border:1px solid #6ca228;}

.anlibg{ padding:0px 0; margin:0px 0 0 0;}
/*手机案例*/
.sjal li {float:left; width:48%; margin:1%;  padding:0px 0px 0px 0px; text-align:center; }


/*内页*/
.left{clear:both; width:100%;overflow:hidden; padding:0 0%; margin:0 auto;}
.right{clear:both; width:98%; margin:0 auto; padding:0 1%; background:#FFF;}


.menu1 h2{ display:none}	
.menu1 a { float:left;padding:0px 3%; margin:5px; text-align:center;}
.menu2{ display:block;  }
.menucp{ display:none}

.leftcp { display:none}

.lefttel{ display:none}


.product_view img{ width:100%;}

/*.footmenu{ display:none;}*/



/*尾*/
.footerwrap{ clear:both; width:100%; margin:3% auto 0px auto;  background:#000000;}
.footerbg{clear:both; max-width:90%; margin:0px auto; color:#FFFFFF; }

.footerbg .tel{float:none; font-size:15px; width:96%; padding:5% 2%; margin:-30px 0 10px 0; line-height:25px; background:#353535; }
.footerbg .tel strong{ font-size:24px; }
.footerbg .tel p{ font-size:14px; color:#8c8c8c; padding:2% 0; }
.footerbg .tel span{ display:block; padding:4% 0; margin:10% 0 0 0; font-size:34px; text-align:center; color:#fff; background:#e11822; font-weight:bold;  }

.footerbg .wenzi{ float:none; width:100%; line-height:24px; font-size:14px; color:#999999; padding:0 0 10% 0; }
.footerbg .wenzi a{ color:#999; }
.footerbg .wenzi a:hover {color:#ff0006; text-decoration:none}
.yqlink { font-size:14px;  margin:20px 0 20px 0; border-bottom:1px solid #333; padding:0 0 5% 0;}
.yqlink strong{ display:block; font-size:24px; font-weight:normal; color:#ffffff;  padding:0 0px 3% 0; }
.yqlink a,.yqlink  a:link,.yqlink a:visited{ color:#999; font-size:14px; line-height:22px; margin:0 0%;}



}



@media screen and (max-width:768px)

{
.mainbanner {height:350px;}	



/*产品导航*/
.menucp a,.menucp a:link,.menucp a:visited { display:block; width:48%; float:left; line-height:40px; padding:0 0; margin:3px 1%;}


.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%;}

/*.yqlink { display:none}
.footerbg .tel { display:none}
.footerbg .wenzi{ float:none; width:100%; line-height:24px; padding:10px 0px; text-align:center; font-size:14px;}*/



}


@media screen and (max-width:640px)
{

header .logo{ float:left; width:75%;}
header .wapnav{display:block; float:right; width:15%; }	




/*主导航*/
/*.mainnav{clear:both; padding:0px 0 0 0; text-align:right; overflow:auto;}
.mainnav a,.mainnav a:link,.mainnav a:visited { padding:0 4.5%; line-height:42px; text-align:center;color:#fff; font-size:16px;text-decoration:none;}*/


.mainbanner {height:200px}	

.menu1{ overflow:hidden; text-align:center; margin:20px auto 0px auto; padding-top:20px; }
.menu2 h3{padding:0; float:left; width:50%;}
.menucp { padding-top:20px; } 






}


@media screen and (max-width:480px)
{

/*首页产品*/
.chanpin ul li{float:left; width:45%; margin:0% 2%; text-align:center; }

.news .wenzi dl{  padding:3% 2% 4% 2%; }
.news .wenzi dl dt{ float:left; width:20%;}
.news .wenzi dl dd{ float:right; width:70%; line-height:26px; margin:0% 0 0 0;}
.news .pic dl a dd p{ margin:10% 0; font-size:14px; line-height:24px; overflow:hidden; height:50px; }



.info_listxw dl dt{ display:none}
/*.info_listxw dl dt img { display: block; width:98%; border:0px solid #e6e6e6; height: auto; line-height: 1; transition: 588ms;}*/
.info_listxw dl dd{ clear:both; width:98%;position:relative; padding:0px 1%;}


}



@media screen and (max-width:360px)
{

.dingbubox p { display:none}
/*主导航*/
.youshi ul li .ys_shuoming{ font-size:14px; margin:0px 0 15px 0;}
.youshi ul li p{ font-size:12px; line-height:21px;}

.mainbanner {height:150px;}	

.wappro a{  font-size:14px; }

.menucp{margin:20px auto 0px auto; }
.menucp h2{ display:none}	
.menucp a { float:left; width:46%;margin:5px; text-align:center; font-size:13px;}




}
