/* Generated by less 2.2.0 font-size: 0px;*/

*{ margin:0; padding: 0; font-family: "Microsoft YaHei" !important; }
body{ font-size: 0px;}
.left{ float:left;}
.right{ float:right;}
body{ background: #fff;}
li,dl{ list-style:none;}
a{ text-decoration:none;}
a:hover{ color: #50ce2b !important; text-decoration: underline;}
img{ border:0;}
a.more{ color:#7db33e;}

html,body{ width:100%; min-width: 1100px;}
.inner_box{ width: 1100px; margin: 0 auto; height: auto;}
/**rgba(0,0,0,0.12)**/
.nav{ width:100%;
  z-index: 999; 
  padding: 10px 0;
   display: inline-block; 
   background:rgba(41,215,216,1); 
   background: #29d7d8\9;
   -webkit-transition:all 0.5s;
   transition:all 0.5s;
 }
.navScroll{ position: fixed; top: 0; left: 0; background:rgba(41,215,216,0.9);background: #29d7d8\9;}
.nav .inner_box{ background:#81d8ce;}
.menu{ height: 30px; float: right;margin-top: 26px; font-size: 16px !important;}
.logo{ display: block; float: left; margin-top: 20px;}
.menu li{ float: left; position: relative; border-radius: 5px; margin-right: 3px;}
.menu li:hover a,.active{ background: #7db33e;color: #fff !important; border-radius: 5px; }
.menu li:hover a,.active a{}
.menu li a{text-decoration:none;font-size: 16px; color: #fff; padding: 10px 10px; line-height: 20px; display: inline-block;}

.menu li ul{ display:none;background: #7db33e; width: 100%; border-radius: 0 0 5px 5px;}
.menu li ul li{ float:left; line-height: 24px;  width: 100%; text-align: center;}
.menu li ul li:hover,.menu li ul li a:hover{ background:#6b9935;}
.menu li ul li a{ line-height:24px; padding: 8px 0px; width:100%; border-radius: 0;font-size: 14px;}
.menu li ul li a:last-child:hover{ border-radius:0 0 5px 5px;}
.menu li:hover ul{ display:block; position: absolute; left: 0px; top:35px; z-index: 999;}
.contents table{ width:100% !important; }
.contents table tr td{font-size: 14px !important; color:#333 !important;}
.contents table tr td:first-child{ text-indent: 1%; }
.contents table tr{ padding: 2% 0;}
.contents table tr:nth-child(2n){ background: rgba(205,205,205,0.50);}
.banner{ width:100%; position: relative; top: 0; z-index: 990;}
.banner img{ width:100%;}
.box{ width:100%; padding: 0;}

.clear{ clear: both;}
.section,section{ width:100%; display: inline-block; padding: 50px 0;}

h2{ font-size: 25px; color: #555; font-weight: normal; width: 100%; margin-bottom: 40px;}
h2 span,h2 small{ font-size: 14px; color: #999999; margin-left: 10px; text-transform: uppercase;}
h2 a{ color: #333333;}
h2 a.more{ float:right; font-size: 14px; color: #666666; line-height: 30px;}
.profile p{ font-size:15px;}
.profile img{ display:block; float: left; margin-right: 20px; max-height: 285px; width:445px; }
.profile { line-height:30px; font-size: 15px; color: #333333; text-indent: 20px;}
.profile .redmore{ padding:4px 15px; color: #fff; background:#7db33e; border-radius:5px; font-size: 14px;}
.profile .redmore:hover{ background:#ff6600; color: #fff !important; text-decoration: none;}
.news{ background: #ecf5fc;}
.news .leftRecomond{ width:40%;}
.news .leftRecomond img{ width:100%; display: block;}
.news .title{ font-size:18px; padding: 10px 0; color: #333; width: 100%; display: inline-block;}
.news .infos{ font-size:14px; color: #666; line-height: 24px;}
.infos .redmore{ color: #7db33e; margin-left: 5px;} 
.news .newslist{ width: 56%;}
.news .newslist .newsImg{ width:155px;}
.news .items_right{ width:73%;}
.news .newslist .title{ padding:0 0 8px 0;}

.news .newslist li{ padding:10px 0; border-bottom: 1px solid #e1e1e1; display: inline-block;width: 100%;}
.news .newslist li:first-child{ padding-top:0 !important}
.news .newslist li:last-child{ border-bottom:0;}

.qual ul li div{ width: 315px; height: 270px; margin-right: 15px; border-radius: 5px;  overflow: hidden;border: 1px solid #c9c9c9; padding: 2px;}
.qual ul li div img{ display:block; margin: 0 auto;float: left;}


#Marquee_x,#Marquee_x2 { overflow:hidden; width: 100% } 
#Marquee_x ul li,#Marquee_x2 ul li ,#Marquee_x ul li div,#Marquee_x2 ul li div{ float:left;line-height:25px;overflow:hidden} /* 横向滚动必须让所有li左浮动 */
#Marquee_x ul li div,#Marquee_x2 ul li div{ float:left;line-height:25px; overflow:hidden}
#Marquee_x ul li div span,#Marquee_x2 ul li div span{ display:block; color: #666666; font-size: 15px; text-align: center; margin-top: 10px; display: inline-block; width: 100%;}
#Marquee_x ul li div a{ width: 95%; overflow: hidden; display: block; height: 253px; margin: 5px auto;}
#Marquee_x ul li div a:hover span,#Marquee_x2 ul li div a:hover span{ color: rgb(80, 206, 43) !important; text-decoration: underline;}
#n{margin:10px auto; width:920px; border:1px solid #CCC;font-size:12px; line-height:30px;}
#n a{ padding:0 4px; color:#333}
.qual #Marquee_x ul li div{ line-height:18px !important; border: 0;}
.qual #Marquee_x ul li div label{border:1px solid #dedede; margin-bottom: 10px; text-align: center;border-radius: 5px; display: inline-block; width:100%;}
.qual #Marquee_x ul li div img{ max-width: 290px; display: block !important; margin: 0 auto !important; height: 205px;}
.qual #Marquee_x ul li div a{ display:inline-block; width: auto !important; height: auto !important; text-align: center;}
.qual #Marquee_x ul li div span{ font-size:15px; color: #666; margin:0;}
.qual #Marquee_x ul li div span a{ margin:0; padding: 0; font-size:15px; color:#666;}
#qual_box{ max-height:276px; overflow: hidden; display: block;}

.products h2,.products h2 span,.products h2 a{ color:#fff;}
.products{ background: #98bc52; color: #fff !important; overflow: hidden;}
.products .proList,.slick-list,.slick-track{ height:260px;}
.products .proList .image{ width: 260px !important; height: 240px; margin-right: 15px; float: left; }
.products .proList .image a,.products .proList .image a:hover{ color:#fff !important;font-size: 15px;}
.products .proList .image img{ width:100%;}
.products .proList .image span{display:block; color: #fff; font-size: 15px; text-align: center; margin-top: 15px; display: inline-block; width: 100%;}

.firendLink ul li{ display: inline-block; float: left; padding: 5px 20px;}
.firendLink ul li a{ color:#8d8d8d; font-size: 15px;}
.firendLink ul li:hover{ background: #7db33e; border-radius: 5px;}
.firendLink ul li:hover a,.firendLink ul li a:hover{ color:#fff !important;}

.footer{ width:100%; height: 250px; position: relative; padding: 0; margin: 30px 0 0 0;}
.footer_box{ position: absolute; bottom: 0; left: 0; width: 100%; height: 250px; background: rgba(0,0,0,0.8); filter:Alpha(opacity=80); background:#000\9;z-index: 88;}
.footer .footerTextBox{ position:absolute; bottom: 0;z-index: 99; width: 100%; height: 250px; padding: 50px 0 0;}
.footerTextBox .inner_box{ margin-top: 50px;}
.footer .left{ width:70%;}
.footer .right{ }
.footerTextBox p,.footerTextBox label{ font-size:14px !important;}
.footerTextBox h2{ margin-bottom:10px;}
.footerTextBox h2,.footerTextBox h2 span{ color:#8d8d8d;}
.footerTextBox { color:#8d8d8d; font-size: 14px; line-height: 26px;}
.footerTextBox i{ width: 25px; height: 18px; display: inline-block; margin-top: 15px; }
.footerTextBox .phone{ background:url(../images/phone.png) no-repeat left top;}
.footerTextBox .qqservice{ background:url(../images/qq.png) no-repeat left top;}
.footerTextBox .address{ background:url(../images/address.png) no-repeat left top;}
.footerTextBox p a{ margin:0 5px; border-radius: 5px;}
.footerTextBox p a img{border-radius: 3px;}
.flowerUs{ color:#8d8d8d;}
.flowerUs p{ font-size:16px; margin-bottom: 15px;}
.flowerUs label{ float: left; display: inline-block; margin-right: 10px; text-align: center; line-height: 22px;}
.flowerUs label img{filter:alpha(opacity=50);-moz-opacity:0.5;-ms-filter:"alpha(opacity=50)"; max-width: 80px;}


.zizhi_hidden{ display:none;}

#sub_navItems{ width:100%;}
#sub_navItems li{ width:100%; text-align:left; font-size: 16px; text-indent: 20%; line-height: 50px; cursor: pointer;}
#sub_navItems li a{ width:100%; height: 100%; display: block; color:#666666;}
#sub_navItems li:hover{ background: rgba(129,216,206,1); }
#sub_navItems li:hover a{color: #FFFFFF !important;}

/********List ************/
.adv2 {
  height: 147px;
  width: 100%;
}
.adv2 img {
  width: 100%;
}
.location {
  width: 100%;
  height: 80px;
  line-height: 80px;
  color: #666;
  font-size: 14px;
}
.location a {
  color: #666;
  font-size: 14px;
}
.list_style {
  width: 100%;
}
.list_style li {
  padding-bottom: 10px;
  display: inline-block;
  border-bottom: 5px solid #dcdcdc;
  padding-top: 10px;
	width: 100%;
}
.list_style li .imgst {
  display: inline-block;
  overflow: hidden;
  width: 200px;
  height: 130px;
  margin-right: 20px;
}
.list_style li .rightTx {
  max-width: 560px;
}
.list_style li .imgst imt {
  width: 100%;
}
.list_style li .rightTx h4 {
  font-size: 22px;
  color: #333;
  margin-bottom: 8px;
}
.list_style li .rightTx p {
  font-size: 14px;
  color: #666;
  line-height: 23px;
  max-height: 96px;
  overflow: hidden;
}
.list_style li .rightTx label {
  font-size: 12px;
  color: #999;
  line-height: 30px;
  margin-top: 5px;
  text-align: left;
}
.list_style li .rightTx label span {
  margin-right: 30px;
}
.infomore {
  padding: 2px 10px;
  background: #084d90;
  color: #fff;
  border-radius: 50px;
}
.infomore:hover {
  color: #fff !important;
  text-decoration: none;
  background: #f60;
}
.admargintop {
  margin: 30px 0;
}
.pagelist {
	display: inline-block;
  text-align: center;
	margin: 80px 0 0;
}
.pagelist ul {
  display: inline-block;
  margin: 0 auto;
}
.pagelist a,.pagelist span {
	font-size: 16px;
  padding: 3px;
	color:#999;
  margin: 0px 3px;
  display: inline-block;
  min-width: 26px !important;
}
.pagelist span{background:#6b9935; color:#fff;}
.pagelist a:hover {
	color:#6b9935;
}
.pagelist a:hover a {
  color: #fff !important;
}
.pagelist a:last-child:hover {
  background: none;
}
.adv3 {
  height: 80px;
  width: 100%;
}
.adv3 img {
  width: 100%;
}
.article_Box {
  width: 73%;
  border-radius: 5px ;
  border: 1px solid #dcdcdc;
  background: #fff;
  padding: 10px;
}
.article_Box h1 {
  font-size: 24px;
  text-align: center;
  width: 100%;
  color: #333;
  margin: 20px 0 0;
}
.article_Box label {
  width: 100%;
  text-align: center;
  margin-top: 10px;
  font-size: 14px;
  color: #999;
  display: block;
}
.article_Box label span {
  margin-right: 10px;
}
.article_Box .contents {
  width: 90%;
  margin: 10px auto;
  line-height: 30px;
  color: #666;
  font-size: 14px;
}
.article_Box .contents img {
  display: block;
  margin: 10px auto;
}
.article_rBox {
  width: 25%;
	margin-right: 2%;
}
.remcommdRed {
  border-radius: 5px ;
  border: 1px solid #dcdcdc;
  background: #fff;
  margin-bottom: 15px;
}
.remcommdRed h2{ padding:20px 0; background: rgba(129,216,206,1); color: #FFFFFF; margin: 0; font-size: 22px;}
.remcommdRed h2 small{ color:#FFFFFF;}
.remcommdRed li {
  font-size: 14px;
  color: #666;
  line-height: 30px;
}
.remcommdRed li span {
  font-size: 12px;
  float: right;
  color: #999;
}
.class_news {
  padding-bottom: 20px;
}
.class_news h2 {
}
.class_news span {
  padding: 5px 15px;
  font-size: 15px;
  margin: 5px 3px;
  display: inline-block;
  float: left;
  border: 1px solid #dcdcdc;
  background: #dedede;
}

.banner2 img{ width: 100%; }

.sub_nav{ width:100%; margin-bottom: 30px;}
.sub_nav .line_bg{ height: 20px; border-top: 1px solid #dedede; width: 100%; margin-top: -20px;}
.sub_nav .SubnavItems{ margin: 0 auto;background: #7db33e; z-index: 90; padding: 2px; height: 38px; display: inline-block;max-width: 80%; text-align: center;border-radius: 30px;}
.sub_nav center{ z-index:9999;}
.sub_nav .SubnavItems li ,.sub_nav .SubnavItems li a{ height: 100%;}
.sub_nav .SubnavItems li{ padding:0px 35px;  float: left; line-height: 36px;}
.sub_nav .SubnavItems li:hover,.sub_nav .SubnavItems li:hover a,.sub_active,.sub_active a{background: #ffffff; color:#7db33e !important;}
.sub_nav .SubnavItems li:first-child{ border-radius:40px 0 0 40px;}
.sub_nav .SubnavItems li:last-child{border-radius:0px 40px 40px 0px;}
.sub_nav .SubnavItems li a{ color:#FFFFFF;font-size: 16px; width: 100%; text-decoration: none;}



.list_box{ width:100%; display: inline-block;}
.list_box li{ width: 100%; padding: 20px 0; border-bottom: 1px solid #dedede; display: inline-block;}
.list_box li .leftImg{ width:250px; height: 150px; float: left; display: block; margin-right: 5px;}
.list_box li .rightInfo{ width: 800px; overflow: hidden;float: left; display: block;}
.desqution{ max-height:80px; overflow: hidden; width: 100%; display: inline-block; font-size: 14px; color: #848484; line-height: 26px;}
.list_box li .rightInfo h3 a{ font-size: 20px; color: #555; max-width: 100%; padding-bottom: 20px; display: inline-block;}
.list_box li .rightInfo .redmore{ background:#7db33e; color:#fff; font-size: 13px; padding: 2px 10px; width: 74px; display: inline-block; height: 23px; text-align: center;border-radius: 20px; margin-left: 10px;}
.list_box li .rightInfo .redmore:hover{background:#ff6600; color: #fff !important; text-decoration: none;}
.list_box li .info{ width: 100%; padding-top: 10px;}
.list_box li .info span{ font-size: 12px; color:#b2b2b2; margin: 5px 40px 0 0;}


.localation{ width:100%; margin: 20px 0; font-size: 15px; color: #999;}
.localation a,.localation span{font-size: 15px; color: #999;}
.articleBox{ border: 1px solid #dcdcdc; float: left; background: #fff; padding: 3%; border-radius: 5px; width: 92%;}

.articleBox h1{ font-size: 25px; color: #555555; width: 100%; text-align: center; margin-bottom: 20px; font-weight: normal;}
.articleBox label span,.articleBox label{ font-size: 14px; color:#999999; text-align: center;}
.articleBox label{ width:100%; display: block; margin-bottom: 40px;}
.contetnss{ font-size: 15px; color: #666666; line-height: 30px; padding: 1%; }
.contetnss p,.contetnss div,.contetnss span{font-size: 15px !important;}
.contetnss img{ max-width: 100%; display: block;  height: auto !important;}/**margin: 20px auto;**/
.preAndnext{margin-top: 50px; display: inline-block;}
.preAndnext li,.preAndnext li a{ font-size: 15px; color: #666666;}
.preAndnext li{ float:left; margin-bottom: 20px;}
.preAndnext li:first-child{ margin-right:50px;}

.Right_box{ width:100%;border: 1px solid #dcdcdc; border-radius: 5px; background: #fff; margin-bottom: 20px;}
.Right_box h3{ font-size: 19px; color: #555555; padding: 10px; border-bottom: 1px solid #dcdcdc; font-weight: normal; line-height: 40px;}
.Right_box h3 span{ font-size: 12px; color: #999999;}
.Right_box h3 a{ font-size: 14px; color: #999999; float: right;}

.articleRight{ display:inline-block; width: 30%; float: left;}
.new_listStyle{ width:100%; }
.new_listStyle li{ line-height:40px; border-bottom:1px dashed #c6c6c6;}
.new_listStyle li a{ padding: 0 12px; font-size: 15px; color: #666666;} 
.new_listStyle li:last-child{ border-bottom:0;}
.new_listStyle li img{ display:block; margin:0 auto;}
.contents{ line-height:36px; font-size: 16px; color: #666;}
.contents .compyimg{ float:left; padding: 0; width: 90%; margin: 10px 5%;}

.ListImg{ width:100%; display: inline-block;}
.ListImg li{ width:24%; float: left; margin-right: 1.2%; margin-bottom: 3%;}
.ListImg li:nth-child(4n){ margin-right: 0;}
.ListImg li a:first-child{ display:inline-block; border: 1px solid #dcdcdc; border-radius: 5px;padding: 2.5%; width: 95%;}
.ListImg li img{  max-width:100%; height:200px; display: block; margin: 0 auto;}
.ListImg li p.title{ padding:0 2%; display: block; margin-top: 10px; height:45px; overflow: hidden;}
.ListImg li p.title a{ font-size:14px; text-align: center;color: #666666; line-height: 18px; border: 0;}

.flexslider {overflow: hidden;width: 100%;position: relative;top: 0;z-index: 990;}

@media screen and (max-width: 480px) {
	.flowerUs p,.flowerUs label{ display:none;}
	.footer_box{background:rgba(0,0,0,0.9)}
	html,body{ width:100%; min-width: 100%;}
	.nav{ position: inherit;}
	.logo{ width:100%;}
	.logo img{width:100%;}
	.inner_box{ padding:0 2%; width: 96%;}
	.banner,.banner > ul > li,.banner > ul > li > a,.banner > ul{ height: 160px !important; line-height: normal;}
	.banner > ul > li > a{ font-size:0;}
	.banner img{ width:100%; height: 100%;}
	.left-btn, .right-btn,.LookPicture .Look_next,.LookPicture .Look_before,.LookPicture .Look_next:before,.LookPicture .Look_before:before, .LookPicture .Look_before:after{ width:30px !important; height: 30px !important; background-size: 30px !important;}
	.right-btn{ right:2% !important;}
	.LookPicture .Look_next{ right:2% !important;}
	.left-btn,.LookPicture .Look_before{ left:2% !important;}
	.right-btn:hover,.left-btn:hover{ background-size: 30px;}
	.img-btn-list > span{ width:10px; height: 10px;}
	.profile  img{ width:100%;}
	.section,section{ padding:20px 0;}
	h2{ margin-bottom: 30px;}
	.profile img{ float:none;}
	.profile p{ margin:10px 0;}
	.profile .redmore{ display:block; text-align: center; margin-top: 10px; padding: 0; height: 40px; line-height: 40px; font-size: 16px;}
	.news .leftRecomond,.news .items_right{ width:100%;}
	.news .newslist,.news .newslist ul li{ width:100%; margin-top: 10px;}
	.news .newslist li img{ width:100%; height: 240px;}
	.news .newslist ul li a.newsImg{ width:100%; display: inline-block;}
	.news .newslist .title{ padding:10px 0;}
	.news .newslist ul li a.redmore{ display:inline;}
	.products .proList, .slick-list, .slick-track{ height:240px;}
	.footer .left,.footer .right{ width:100%;}
	.footer .right{ text-align:center;}
	.footer .footerTextBox,.footer_box,.footer{ height:290px;}
	.footer{ margin-top:0;}
	.flowerUs label{ float:none;}
	.nav{ padding:0;}	
	.footerTextBox p, .footerTextBox label{ font-size:12px;}
	.footerTextBox span{ font-size:14px !important;}
	.contents .compyimg,.list_box li .rightInfo{ width:100%;}
	.footerTextBox h2, .footerTextBox h2 span{ text-align: center;}
	.footerTextBox .inner_box{ margin-top:30px;}
	.menu{ height:auto; margin-top:15px;}
	.menu li{ width:32%; margin-bottom: 10px; display: block;}
	.menu li a{ width:100%; text-align: center; padding: 10px 0;}
	.menu li:nth-child(3n){ margin-right:0;}
	.sub_nav .SubnavItems{ max-width:100%; width:100%; height: auto; border-radius:10px; }
	.sub_nav .SubnavItems li{ padding: 0; width:50%; text-align: center;display: block;border-radius:10px;}
	.sub_nav .SubnavItems li:nth-child(3n){ margin-right:0;}
	.sub_nav .SubnavItems li:first-child,.sub_nav .SubnavItems li:last-child{ border-radius:10px;}
	.ListImg li{ width:100%; margin-bottom: 5%;}
	.ListImg li p.title a{ font-size:16px;}
	.pagelist{ margin:20px 0; padding: 10px; width:94%;}
	.pagelist a,.pagelist span{ width:20%; height:29px; color: #666; margin: 5px; line-height:30px; border: 1px solid #6b9935; float:left;}
	.pagelist span{ background:#6b9935; color:#fff; border: 1px solid #6b9935; margin-right:0;}
	.pagelist a,.pagelist span:nth-child(4n){ margin-right:0;}
	.list_box li .leftImg img,.list_box li .leftImg{ height:200px !important; width: 100% !important;}
	.desqution{ max-height:220px;}
	.articleLeft,.articleRight{ width:100% !important; margin-right: 0;}
	.articleBox{}
	.preAndnext{ margin:20px 0;}
	.footer .left p{ color:#8d8d8d !important;}
	.preAndnext li,.products .proList .image{ width:100% !important;}
	.products .proList .image img{ height:240px;}
	.new_listStyle li img{ width:98%;}
	.products .proList .image{ height:300px; display: none;}
	.products .proList .image:first-child,.products .proList .image:nth-child(2),.products .proList .image:nth-child(3){ display:block;}
	.products .proList .image a, .products .proList .image a:hover{ font-size: 16px;}
	.contents{ font-size:15px; line-height: 30px;}
	.contents img{ max-width:100% !important; height: auto !important;margin: 5px 0 !important;}
}