@charset "utf-8";


@media screen and (max-width:1200px)
{
.hexpert02 { display:none}

.sjal { margin:auto; max-width:1200px;padding:30px 0px 0px 0px; overflow:hidden;display: block}
.sjal ul {max-width:1280px; overflow:hidden;}
.sjal li {float:left; width:23.2%; padding:0px 0px 0px 0px; margin:0 1.7% 0 0; text-align:center; background:#01c577;}
.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:14px; display:block; text-align:center; padding:0px 0 0px 0; text-decoration:none; line-height:50px;color:#FFFFFF}
.sjal li a:hover {color:#fff; }
}







/*<=1023px*/
@media screen and (max-width:1024px)
{
header .logo{width:23%;}
header .headright{width:70%;}


.mainnav a,.mainnav a:link,.mainnav a:visited{color:#333; font-size:16px; text-decoration:none; text-align:center; line-height:77px; padding:1% 2.4%;}


.mainbanner {height:400px;}

.aboutus .content{ line-height:26px; font-size:14px; color:#fff; margin:1% 0 0 0; padding:0% 4% 10% 4%; text-indent:2em;}


.positioninfo{font-size:20px;}


/*产品导航*/
.menucp a,.menucp a:link,.menucp a:visited { display:block; width:31%; float:left; line-height:40px; padding:0 0; margin:3px 1%;}

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


.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)
{
	.mainnav a,.mainnav a:link,.mainnav a:visited{color:#333; font-size:16px; text-decoration:none; text-align:center; line-height:75px; padding:1% 2.4%;}
}

/*<=920px*/
@media screen and (max-width:920px)
{
header .logo{width:23%; padding-top:5px;}
.mainnav a,.mainnav a:link,.mainnav a:visited{color:#333; font-size:16px; text-decoration:none; text-align:center; line-height:77px; padding:1% 2%;}


/*搜索*/

.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:0; margin:0; width:30%;}
header .logo img { width:100%;}

header .wapnav{display:block; float:right; width:8%; margin-top:4%;}	
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 { clear:both; width:100%; overflow:hidden;}

.mainnav{display:none; }

/*主导航*/
.mainnav{float:left;width:100%; padding:0px 0 0 0; text-align:right; background:#02ad69;}
.mainnav a,.mainnav a:link,.mainnav a:visited { clear:both; width:100%;line-height:32px; text-align:center;color:#fff; font-size:16px;text-decoration:none; border-bottom:1px solid #1dc07f}
.mainnav a:hover,.mainnav a.active,.mainnav a.active:link,.mainnav a.active:visited{color: #fff; font-weight:bold;}

.nav{ display:none}


.mainbannerpage{}
.mainbanner {height:400px;}

/*首页标题*/
.biaoti a{ display:block; color:#00ae67; font-size:24px; background:url(images/ntitlebg1.png) no-repeat center;}

.youshi .biaoti2{ text-align:center; clear:both; overflow:hidden; color:#333; font-size:20px;  }
.youshi .biaoti2 p{ font-size:20px; line-height:20px; margin:10px 0 0 0;background:url(images/titlebg1.png) no-repeat center;}


/*首页产品*/
.chanpinbg{ clear:both; margin:20px 0 0 0;}
.chanpin ul{ margin:10px 0;}
.chanpin ul li{float:left; width:43.5%; margin:1%; background:#00ae67;
}


/*简介*/
.about_nr{ width:100%; float:right; background:#02ad69;}

/*优势*/
.youshi ul li{ clear:both;background:url(images/nyoushi.png) no-repeat top center; background-size:100%; width:84%;text-align:center;  padding:6% 7%; margin:1%}

/*案例*/
.anlibg{ background:#00ad6b; padding:20px 0; margin:20px 0 0 0;}


/*首页新闻*/
.newsbg{ clear:both; margin:20px auto; }
.news{  padding-top:20px;}
.news .wenzi{ float:right; width:100%;}
.mainbox4box { clear:both; width:100%; background:url(images/chanpinbg.gif) repeat-y bottom center; height: auto; border:1px solid #6ca228;}

.news .pic{ float:left; width:100%;}




/*手机案例*/
.sjal li {float:left; width:48%; margin:1%;  padding:0px 0px 0px 0px; text-align:center; background:#01c577;}


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


.menucp h2{ display:none}	
.menucp a { float:left; width:46%;margin:5px; text-align:center;}

.leftcp { display:none}

.lefttel{ display:none}


.product_view img{ width:100%;}

/*.footmenu{ display:none;}*/



}



@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:50%;}
header .wapnav{display:block; float:right; width:15%; margin-top:6%;}	

.chanpin ul li a{ font-size:14px; color:#fff; }


/*主导航*/
/*.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; }
.menucp { padding-top:20px; } 

/*首页案例*/




}


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

.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;}




}