@charset "utf-8";

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

.indexone{  padding:0 0 0 0; margin:4% auto 2% auto; width:94%;  }
.indexone ul ol{ width:45%; margin:0 0% 0% 0%; float:left;  }
.indexone ul ol .jianjie{ width:100%; float:none;  }
.indexone ul ol .jianjie p{ font-size:16px; line-height:34px; color:#555555;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:5;}
.indexone ul li{ width:53%; margin:0 0% 0% 0%; float:right;  }

.indexwidth{ width:94%; margin:0 auto; }


.indexthree ul{ clear:both; overflow:hidden; text-align:center; background:#016f6a; border-radius:15px; width:94%;  padding:0.5% 0; margin:0% auto 2% auto;  }
.indexthree ul a{ font-size:16px; line-height:40px; color:#fff; margin:0 1%; }



.indexfour{ background:#fff; clear:both; overflow:hidden; padding:0 3%;  }
.indexfour .xinwen{ width:100%; float:none; }
.dtmwarp{ display:block; width:133px; padding:0px 0 10px 0; color:#555555; border-right:1px solid #dedede; }
.dtmd{ clear:both; display:block; text-align:center; font-size:36px; }
.dtmym{ clear:both; display:block;text-align:center;font-size:18px; }
.indexfour .xinwen dl{ background:#f6f6f6; clear:both; overflow:hidden; height:auto; padding:5% 0; transition: 588ms;}
.indexfour .xinwen dl.newsbg{ background:#fff; }
.indexfour .xinwen .newsbox{ width:100%; margin:0 0 0 0;  overflow:hidden; }
.indexfour .xinwen dl dt{ float:left; }
.indexfour .xinwen dl dd{ float:right; width:73%; margin:0 2% 0 0; line-height:24px; }
.indexfour .xinwen dl dd strong{ font-size:16px; display:block; margin:0 0 2% 0; }
.indexfour .xinwen dl:hover{ color:#fff; background:#016f6a; }
.indexfour .xinwen dl:hover a{ color:#fff; }
.indexfour .xinwen dl:hover .dtmwarp{ color:#fff;  }
.indexfour .xinwen_img{ width:100%; float:none; }


.linkbox{ clear:both; overflow:hidden; background:#ffffff; padding:0 3%;  }
.link{ line-height:22px; padding:7% 0 7% 40px; width:auto; margin:0 auto; background:#ffffff url(images/link.png) no-repeat left center; }
.link a{ margin:0 10px 0 0; font-size:16px; }

.footerwrap{clear:both; margin:0px auto;overflow:hidden; color:#FFFFFF; padding:50px 3% 40px 3%; width:94%;}
/*.footerbg{clear:both;width:94%; margin:0px auto;overflow:hidden; color:#FFFFFF; padding:50px 0 40px 0;}*/


/*内页位置*/
.mainarea{ padding:1% 3%;  }






	
}

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

.headerpage{clear:both; margin:0 auto 0 auto; padding:0; }
.headerpage header{ /*width:1000px;*/  width:96%; margin:0 auto; }
header .logo{float:left; padding:0; margin:0 0 0 2%; }
header .logo img { }
.mainnavbox{ width:5%; margin:0%; float:left;  }
header .dianhua{ display:none; }

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

.movecp{ display:none; }


/*主导航*/
.mainnav{float:none;width:100%; padding:0px 0 0 0; text-align:right; margin:0; background:#00796a; position:absolute; left:0px; z-index:99999; }
.mainnav a,.mainnav a:link,.mainnav a:visited { clear:both; width:100%;line-height:32px; text-align:center;color:#fff; padding:0; font-size:16px;text-decoration:none; border-bottom:1px solid #1c8e80;  background:#00796a;}
.mainnav a:hover,.mainnav a.active,.mainnav a.active:link,.mainnav a.active:visited{color: #fff; font-weight:bold;background:#1c8e80;}
.nav{ display:none}


/*首页*/

.indextwo ul li{ height:370px; }


/*内页位置*/


.main_zuzhi img{ width:100%;  }


.footerbg{ padding:0% 0 3% 0;}
.footmenu{ overflow:hidden; clear:both; float:none; width:100%; padding-left:0px; padding:0 0 2% 0; }
.footerbg .erweima{float:left; color:#a4c8c6; font-size:14px; width:40%; padding:2% 0% 3% 0%; text-align:center; font-family:Arial, Helvetica, sans-serif;border:0px;  }
.footerbg .footer_tel{float:right; color:#a4c8c6; font-size:14px; width:50%; padding:0 0 0 0%; font-family:Arial, Helvetica, sans-serif;  }



.footerbottom{ background:#015f5b; overflow: hidden; text-align:center; padding:1% 0; margin:0 auto; line-height:31px; font-size:14px; color:#a4c8c6; }
.footerbottom a{ color:#a4c8c6; }



}


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



.mainbanner {height:600px}	





/*首页*/

.indexthree ul a{ display:block; float:left; width:33%; font-size:16px; line-height:40px; color:#fff; margin:0 0%; }


/*首页 end*/


/*内页位置*/


.message_lianxi ul ol{  font-size:26px;  }
.message_lianxi ul li{ float:left; width:47%; margin:0 1.3% 1.3% 1.3%; }




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

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






.mainbox4box { clear:both; width:100%; background:url(images/chanpinbg.gif) no-repeat bottom center; height:280px;}


}



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





/*首页*/

.indextop{ background:#fff; clear:both; overflow:hidden; max-width:1300px; margin:-0px auto 0 auto; position:relative; z-index:2;}
.indextop ul{ clear:both; overflow:hidden; width:98%; margin:0 auto;   }
.indextop ul li{ width:45%; padding:3% 2% 3% 3%; float:left; }
.indextop ul li img{}
.indextop ul li strong{ display:block; font-size:16px; color:#00796a; margin:1% 0 4% 0; }
.indextop ul li p{ color:#777777; line-height:24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}

.biaoti1{ clear:both;  margin:5% auto 2% auto; padding:15px 0 15px 0; }
.biaoti1 .bt_en{ font-size:24px;   }
.indexone ul ol{ width:100%; margin:0 0% 0% 0%; float:none;  }
.indexone ul ol .jianjie{ width:100%; float:none; margin:0 0 5% 0;  }
.indexone ul li{ width:100%; margin:0 0% 0% 0%; float:none;  }


.biaoti2{ background:#ffffff url(images/indextwo1.jpg) no-repeat bottom center; background-position:cover; text-align:center; padding:5% 0 5% 0; margin:3% 0 0 0; }
.biaoti2 dl dt{ font-size:24px; font-weight:bold; background: -webkit-linear-gradient(330deg, #00796a 0%, #00796a 25%, #015b99 70%, #015b99 75%, #015b99 100%); -webkit-background-clip: text;-webkit-text-fill-color: transparent; }
.biaoti2 dl dt strong{ font-size:40px; }
.biaoti2 dl dd{ color:#00796a; font-size:18px; font-weight:bold; background:url(images/baioti2.gif) no-repeat center; letter-spacing:0px;  }
.indextwo{ background:url(images/indextwo2.jpg) no-repeat bottom center; background-size:cover;} 
.indextwo ul li{ float:none; width:100%;background-color:rgba(255,255,255,0.8); height:auto; padding:0 0 5% 0; border:1px solid #b9c1c1;transition: 588ms; }
.indextwo ul li div{ padding:8% 7% 0 7%; line-height:26px; font-size:16px; }
.indextwo ul li span{ display:block; font-size:20px; color:#000; margin:0 0 3% 0; }


.biaoti3{ clear:both;  margin:7% auto 6% auto; padding:0 0 0 0; text-align:center; }
.biaoti3 .bt_en{ font-size:24px;  }
.biaoti3 a{ width: 100%; display:block; color:#333333; font-size:22px; padding:0px 0 0px 0;  }


/*首页 end*/




/*内页位置*/
.info_zlywh ul li span{display:block; float:none; width:100%; overflow:hidden;}
.info_zlywh ul li div{ font-size:20px; font-weight:bold; color:#333333; float:none; width:90%; padding:5% 5% 5% 5%; }
.info_zlywh ul li div p{ font-size:16px; line-height:26px; font-weight:normal; margin:2% 0 0 0;  color:#333333; }
.info_zlywh ul li.er span{  float:none; width:100%; }


.biaoti_main{ text-align:center; clear:both; width: 100%; margin: 3% 0 4% 0; }
.biaoti_main .bt_en{text-align:center; font-size:40px; font-family: "宋体";text-transform : uppercase; color:#ececec;  margin:0px 0 0 0; padding:0px 0px;}
.biaoti_main .bt_cn{ width: 100%;  display:block; color:#000; font-size:26px; padding:0px 0 0px 0;}

.biaoti_main1{ text-align:center; clear:both; width: 100%; margin: 3% 0 4% 0; }
.biaoti_main1 .bt_en{text-align:center; font-size:40px; font-family: "宋体";text-transform : uppercase; color:#ececec;  margin:0px 0 0 0; padding:0px 0px;}
.biaoti_main1 .bt_cn{ width: 100%;  display:block; color:#fff; font-size:26px; padding:0px 0 0px 0;}





/*内页*/
/*.left{clear:both; width:100%;overflow:hidden; padding:0%; margin:0 auto;}
.right{clear:both; width:100%; margin:0 auto; padding:0%; background:#FFF; }*/




.info_view h1.title{ font-size:24px; font-weight:bold; text-align:center; padding:3% 0; margin:0 0 3% 0; border-bottom:1px dashed #aaa; }

.info_listzz{}
.info_listzz ul{}
.info_listzz ul li{ float:left; width:46%; margin:0 2% 2% 2%; text-align:center; font-size:16px; }
.info_listzz ul li img{ width:100%; }




/*产品：上图下字*/





.product_view img{ width:100%;}





}



@media screen and (max-width:640px)
{
header .logo{float:left; line-height:normal; padding:3% 0; height:50px; }
header .logo img{ height:100%; width:auto;  }
header .wapnav{ margin:5% 5% 0 0; }

/*首页*/

.huanjing li{ float:left; width:46%; margin:0 2%; text-align:center; font-size:16px; line-height:40px; }


.indexthree ul a{ display:block; float:none; width:100%; font-size:16px; line-height:40px; color:#fff; margin:0 0%; }



.dtmwarp{ display:block; width:100px; padding:0px 0 10px 0; color:#555555; border-right:1px solid #dedede; }
.dtmd{ clear:both; display:block; text-align:center; font-size:30px; }
.dtmym{ clear:both; display:block;text-align:center;font-size:16px; }
.indexfour .xinwen dl dd{ float:right; width:65%; margin:0 2% 0 0; line-height:24px; }
.indexfour .xinwen dl dd strong{ font-size:16px; display:block; margin:0 0 2% 0;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1; }


/*首页 end*/


/*内页位置*/

.message_lianxi ul li{ float:none; width:95%; margin:0 auto 1.3% auto;   }


.info_listimg ul li{float:left; width:47%; padding:5px 1.5% 5px 1.5%; text-align:center; line-height:36px;}


.info_listxw dl dt{ float:left;width:40%; overflow:hidden;  }
.info_listxw dl dd{ float:right; width:56%;position:relative; padding:1% 1% 0px 1%;}


.product_list ul li{float:left; width:46%; padding:0%; margin:1.5%; background:#fff; line-height:20px;font-size:16px; border:1px solid #efefef; position:relative; }
.intro{width:auto; padding:0 3%; }
.con .more{ width:100px; padding:7px 0; }









.footmenu{ overflow:hidden; clear:both; float:none; width:100%; padding-left:0px; padding:0 0 2% 0; display:none; }
.footerbg .erweima{ color:#a4c8c6; overflow:hidden; clear:both; float:none; width:100%; padding:2% 0% 3% 0%; text-align:center; font-family:Arial, Helvetica, sans-serif;border:0px;  }
.footerbg .footer_tel{overflow:hidden; clear:both; float:none; width:100%; color:#a4c8c6; font-size:14px; padding:0 0 0 0%; font-family:Arial, Helvetica, sans-serif;  }



}