@charset "utf-8";

/*媒体查询*/
@media only screen and (max-width: 1300px){

.dingbubox ul{ width:94%; padding:0 3%; margin:0 auto; color:#ffffff; }
header{ width:94%; padding:0 3%; margin:0 auto;  }

/*首页*/
.iwidth{ width:94%; margin:0 auto; }

.indextwobox{ clear:both; overflow:hidden;  margin:30px 0 0 0; padding:0 0 0 0; background:#ebebeb;  }
.indextwo{ margin:0 auto; clear:both; overflow:hidden; }
.indextwo img{ display:block; width:100%; float:none; }
.indextwo dl{ width:100%; padding:20px 3% 20px 3%; float:none; color:#555; }
.indextwo dl dt{ font-size:14px; }
.indextwo dl dt strong{ font-size:22px; display:block; margin:0 0 1% 0; }
.indextwo dl dd{ margin:20px 0 20px 0; }

.indexthree{ width:94%; padding:0 3%; margin:0 auto; }
.indexthree dl{ padding:20px 0; width:100%; color:#fff; }
.indexthree dl dt{ font-size:14px; }
.indexthree dl dt strong{ font-size:22px; display:block; margin:0 0 0% 0; }

.indexfourbox{ clear:both; overflow:hidden;  margin:30px 0 0 0; padding:0 0 0 0; background:#ebebeb; }
.indexfour{ margin:0 auto; clear:both; overflow:hidden; }
.indexfour img{ display:block; width:100%; float:none; }
.indexfour dl{ width:100%; padding:20px 3% 20px 3%; float:none; color:#555; }
.indexfour dl dt{ font-size:14px; }
.indexfour dl dt strong{ font-size:22px; display:block; margin:0 0 1% 0; }
.indexfour dl dd{ margin:20px 0 20px 0; }

.indexsix ul li{ float:left; width:15.3%; margin:1% 0.5%; border:1px solid #dddddd; }







.footerbg{clear:both; width:94%; padding:0 3%; margin:2% auto;overflow:hidden; }



.mainarea{ position:relative; clear:both;   width:94%; padding:3% 3%; min-height:360px; height:360px;}











}

@media screen and (max-width:1040px)
{

header .logo{ margin:0px 0 0 5px;  text-align:left; line-height:80px; }
header .logo img{ }
header .wapnav{  display:block; width:15%; margin-top:20px; 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); float:left; }
/*#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}




.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:25%;}
.footerbg .erweima{float:right; font-size:14px;  width:30%; margin:0 0 0 2%; text-align:center; }
.footerbg .lianxi{ float:right; margin:0 0 0 5%; width:60%;}




}



@media screen and (max-width:1025px)
{




.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)
{



.footmenubg{ display:none;}






}


@media screen and (max-width:860px)
{

.dingbubox ul ol{ display:none; }


.biaoti{ text-align:center; position:relative; margin:7% 0 4% 0; }
.biaoti a{ font-size:26px; font-weight:bold; color:#555; }
.biaoti a:hover{ color:#ff0000; }
.biaoti p{ font-size:16px; color:#555555; margin:10px 0 0 0; }

.indexseven{background:url(images/indexone.jpg) repeat-y top center; clear:both; overflow:hidden; padding:1% 0 3% 0; }
.indexseven .biaoti p{ color:#fff; }
.indexseven .biaoti a{ color:#fff;}
.indexseven .biaoti a:hover{ color:#ff0000; }
.indexseven dl{ float:none; width:100%; margin:0 0% 10px 0%; background:#4dbded; color:#ffffff; line-height:24px; }
.indexseven dl a{ color:#ffffff; padding:20px 20px; display:block; }
.indexseven dl dt{ font-size:18px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1; }
.indexseven dl dd{ font-size:14px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; margin:20px 0; }







.info_list_licheng{}
.info_list_licheng ul{}
.info_list_licheng ul li{ clear:both; overflow:hidden; border:1px solid #ebebeb; border-radius:90px; margin:0 0 2% 0; padding:10% 10%; transition: 588ms; }
.info_list_licheng ul li:hover{ background:#eeeeee;box-shadow:0px 5px 3px #bbb; }
.info_list_licheng ul li span{ float:none; display:block; text-align:center; width:100px; height:100px; line-height:100px; background:#4dbded; color:#fff; font-weight:bold; font-size:30px; border-radius:50%;  }
.info_list_licheng ul li dl{ float:none; width:86%; padding:18px 0 0 0; line-height:30px; }
.info_list_licheng ul li dl dt{ font-size:20px; font-weight:bold; }


.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)

{










/*产品导航*/
.menu1{text-align:center; }
.menu1 h2{ float:none; 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)
{


/*首页*/

.indexone .jianjie{ text-align:center; font-size:16px; line-height:30px; width:100%; margin:0 auto 3% auto; color:#fff; }
.indexone .jianjie strong{ font-size:20px; margin:6% 0 2% 0; display:block; }
.indexone ul li{ width:50%; float:left; }
.indexone ul li a span p{ font-size:14px; line-height:24px; }
.indexone ul li a span{ position:absolute; font-size:18px; top:20px; left:20px;transition: 588ms; }

.indexsix{ width:94%; margin:0 auto 3% auto; }
.indexsix ul{ clear:both; overflow:hidden; }
.indexsix ul li{ float:left; width:29.5%; margin:1% 1.5%; border:1px solid #dddddd; }
.indexsix ul li:hover{-webkit-transform: translate3d(0, -5px, 0);transform: translate3d(0, -5px, 0);-webkit-transition: all 0.7s;transition: all 0.7s; box-shadow: 0px 3px 10px #ccc;}
.indexsix ul li img{ width:100%; display:block; }






/*新闻内页*/
.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;}







}



@media screen and (max-width:530px)
{
header .logo{width:50%; margin-top:0px;  text-align:left; line-height:80px;  }
header .logo img{ width:100%; }



.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; }









.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% 0 15px 0;text-align:center; }
.footerbg .lianxi ul a{ background:#4dbded; color:#fff; display:block; width:250px; margin:0 auto; line-height:43px; text-align:center;  }




}

@media screen and (max-width:400px)
{








}

@media screen and (max-width:350px)
{
	


}



@media screen and (max-width:320px)
{
	
}
