@charset "utf-8";

/* CSS Document */



/*products */

.products{ width:100%; margin:0 auto}

.products img.pro-banner{ width:100%}

.com-product{ width:1080px; margin:10px auto; position:relative;}



.com-product p.com-home{font: normal 14px/30px "宋体";

    background: url(../images/home.png)  no-repeat center left;

    padding-left: 30px;

    color: #666666;}

	

.pro-search{ float:right;    position: relative;

    top: -40px; }

form.pro-form{ padding-top:3px;}

input.pro-sea{ float:left;width:250px;border:1px solid #cccccc; height:33px;box-shadow:inset 2px 2px #edecec; padding-left:10px; outline:none; color:#999999; font:normal 14px/24px "宋体" ;}

  input.pro-sub{ float:left; background:url(../images/pro-search.png) no-repeat; width:40px; height:35px; border:2px solid #cccccc; position:relative; left:-10px; top:0px; border-left:0}

 

 p.double-line{ background:url(../images/double-line.png) repeat-x bottom; width:1080px; height:3px; padding-top:5px}

  

.product-con01{ margin-top:20px;}		

		

		

.outBox{ width:1080px; }

.outBoxsp{ width:1078px}

		.outBox .hd{border-bottom:0px;  position:relative;  }

		 .hdsp{background: #007b3c; display:block; height:auto; border:1px solid #cccccc; overflow:hidden; width:100%}

		.outBox .hd ul{ float:left; line-height:45px; padding:10px 10px; border-bottom:0px;background:#007b3c;  border:1px solid #cccccc;  }

		.outBox .hd ul.ul-psp{float:left; line-height:45px; padding:10px 10px; border:0px; background:none}

		.outBox .hd ul.ul-psp li a{ color: #FFFFFF; font: bold 14px/30px "宋体";}

		.outBox .hd ul.ul-psp li a:hover{ color:#cced6c;}

		.outBox .hd ul.ul-psp li a.on{ color:#cced6c;}

		.outBox .hd ul li{ float:left; padding:0px 16px 0 16px; cursor:pointer; color: #FFFFFF; font: bold 14px/30px "宋体"; background:url(../images/nav-li.png) no-repeat center right;  }

		.outBox .hd ul li.on{ color:#cced6c;background:url(../images/nav-li.png) no-repeat center right;  }





		

		.inBox{  width:1077px;float: left; display:block ; position:relative}

		.inBox .inHd{  line-height:24px; }

		.inBox .inHd ul{ overflow:hidden; zoom:1;border:1px solid #ccc;padding:8px   }

		.inBox .inHd ul li{padding:5px 20px;text-align:center; float:left; cursor:pointer; font:normal 14px/20px "宋体" ; color:#333333;}

		.inBox .inHd ul li.on{color:#3333333; background:#e5e5e5; color:#007b3c; font-weight:bold}

	

		.inBox .inBd ul{ padding:15px 0;  zoom:1; overflow:hidden;   }

    	.inBox .inBd li{ height:250px; width:240px; line-height:24px; overflow:hidden; zoom:1; float:left; padding:15px 14px ; text-align:center ; }

	

		.inBox .inBd li:hover{ border:1px  solid #dcdcdc;height:248px; width:238px;box-shadow:2px 2px 2px #ecebeb;-moz-border-radius: 15px;     

    -webkit-border-radius: 15px; 

    border-radius:15px;   }

		.inBox .inBd li .date{ float:right; color:#999;  }

		

	.inBox .inBd ul li img{ width:186px; height:184px;}	

	.inBox .inBd ul li p {width: 238px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align:center;}		

     p.pro-txt a{ color:#333333; font:normal 14px/24px "微软雅黑" ; text-align:center  }

     p.pro-txt2{ color:#007b3c; text-align:center;}

	  	.inBox .inBd li.inbdli-last{ clear:both; height:20px; text-align:center; width:1080px; border:none;border-radius:0px;box-shadow:0px; margin-top:30px;}

		.inBox .inBd li.inbdli-last:hover{ border:0px;border-radius:0px;box-shadow:none}

		.inBox .inBd li.inbdli-last a{ padding:3px 20px; background:#cccccc; margin-right:20px; color:#FFFFFF; font:normal 14px/24px "微软雅黑"}

		.inBox .inBd li.inbdli-last a:hover{background:#007b3c}

	.inBox .inBd li.inbdli-last span{ font-size: 14px;padding: 3px 20px;    background: #007b3c; margin-right: 20px;color: #FFFFFF;   }	

			

			

	.product-con02{ position:relative; display:block; height:243px; width:1080px; margin:40px auto 60px auto; }

	.con02-f1{ float:left; background:url(../images/online01.png) no-repeat; height:243px;width:535px; margin-right:10px}

	.con02-f2{ float:left; background:url(../images/online02.png) no-repeat; height:243px;width:535px;}

	

	.con02-f1 a,.con02-f2 a{ color:#007b3c; font: bold italic 34px/24px "微软雅黑"; position:relative;  top:50%; left:8%}

	.con02-f1 a:hover,.con02-f2 a:hover{ color:#00A200}

	

	

	/*peoducts-detals*/

	

	p.d-title{ color:#333333; font: normal 18px/24px "微软雅黑"; border-bottom:1px solid #333333; height:35px;}

	.product-com01{ display:block;margin:30px 0 40px 0}

	.products-fl{ float:left; width:400px; margin-top:40px; margin-right:50px }

	.products-fr{ width:590px; float:left;margin-top:40px;}

	p.p-fl01{ color:#999999; font-size:14px; margin-bottom:20px}

	p.p-fl01 span{ color:#333333; font-size:18px; padding-left:18px;}

	p.p-fl01ine{ border-bottom:1px solid #cccccc; padding-bottom:20px}

	p.p-fl02{ font: normal 14px/38px "微软雅黑"; padding:20px 10px; background:#f1faf5}

	p.p-fl02 span{ color:#333333; font-size:18px; line-height:24px; font-weight:bold}

	

	.p-fl03{ margin:30px 0; padding:30px 0 30px 10px; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc;}

	

	.p-fl03 ul li{ background:url(../images/pro-li.jpg) no-repeat center left; padding-left:20px; font:normal 14px/30px "微软雅黑"; color:#333333}

	

	

	.p-fl04{ margin-bottom:40px; color:#333333; font-size:16px; padding-left:10px}

	a.huishop01{ padding:10px 25px; background:#6fba2c; font:normal 16px/38px "微软雅黑"; color:#ffffff; position:relative; left:18px;}

	a.huishop02{padding:10px 15px; background:#6fba2c; font:normal 16px/38px "微软雅黑"; color:#ffffff; position:relative; left:28px;}

	a.huishop01:hover,a.huishop02:hover{ background:#0d8246}

	

	

	.albumSlider {width:570px;margin:0 auto; padding:10px; font-size:10px;

	position:relative;overflow:hidden;}



.albumSlider .fullview{position:relative; float:left;width:461px; height:574px; padding:20px; text-align:center; top:120px; left:100px;}
.albumSlider .fullview img { width:300px; height:300px; }


	.albumSlider .fullview img {position:absolute; top:0; left:0;}

    .albumSlider .slider{width:110px;height:300px;background:#fff;position:absolute;top:10px;right:5px; }

	.albumSlider .imglistwrap{height:545px; overflow:hidden;margin-right:4px; position:relative;}

	.albumSlider .imglist{position:relative; left:2px;}

	.albumSlider li{height:125px;clear:both;}

	.albumSlider li img{width:102px;height:123px; float:right; display:inline;margin:10px 2px 0 0;border:1px solid #e3e3e3;}

	.albumSlider a{}

	.albumSlider li a:hover,.albumSlider li.current a{background:url(images/album-slider-arrow.png) no-repeat 0 0;}

   .albumSlider .button {width: 110px; height:10px;cursor:pointer;}

	.albumSlider .movebackward{ background:url(../images/movebackward.jpg) no-repeat}

	.albumSlider .moveforward{ background:url(../images/moveforward.jpg) no-repeat; position:relative; top:10px;}

	



	.pdetals-con02{ clear:both; width:1080px;}

	

	

	   .slideTxtBox-details{ width:1080px;  text-align:left;overflow:auto; zoom:1;  }

		.slideTxtBox-details .hd{ height:60px; line-height:30px; background:#eae9e9; position:relative; }

		.slideTxtBox-details .hd ul{ float:left; position:absolute; top:-1px; height:32px;   }

		.slideTxtBox-details .hd ul li{height:50px; float:left; padding:10px 90px 0 90px; cursor:pointer; font:normal 16px/38px "微软雅黑"; color:#333333; border-right:1px solid #FFFFFF }

		.slideTxtBox-details .hd ul li:last-child{border-right:none}

		.slideTxtBox-details .hd ul li.on{background:#0d8246; color:#ffffff }

	

		.slideTxtBox-details .bd ul{ padding:15px;  zoom:1;  }

		.slideTxtBox-details .bd ul.ulsp li{ line-height:24px; border-bottom:1px solid #b2b2b2; display:block }

		.slideTxtBox-details .bd li .date{ float:right; color:#999;  }

		.bd-li{ padding:20px 0}
		.bd-li img{ display:block}

		

		

		p.dets-p{ font-size:14px; line-height:33px;}

		p.dets-p a{ color:#2626ff; text-decoration:underline}

		p.dets-p a:hover{ color:#0066FF}

		.pdetals-db{ background:url(../images/p-detalsbg.png) no-repeat; display:block; width:1080px; height:260px; padding:35px 0 0 25px}

		p.pdetals-db0{ color:#007b3c; font: normal 24px/24px "微软雅黑"}

		p.pdetals-db1{ font:normal 16px/29px "微软雅黑"; color:#666666; padding:20px 0 30px 0}

		a.pdetail-ain{ color:#FFFFFF; font: normal 20px/29px "微软雅黑"; padding:10px 15px; background:#007b3c}

		a.pdetail-ain:hover{background:#6fba2c}

		

		

		

		/*news*/

		

		.news{ display:block; margin:30px 0 40px 0; position:relative}

		

		.news ul li{ background:#f5f5f5; padding:10px; height:220px; display:block; margin-bottom:40px; position:relative}

		.news ul li:hover{ background:#ebf7e8}

		.news ul li img{ float:left; padding-right:30px}

		p.news-title{padding:5px 0; }

		

		p.news-title a{ color:#333333; font-size:18px; line-height:38px;font-weight:bold; display:block; width:400px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

		p.news-title a:hover{ color:#007b3c}

		p.news-title span{ color:#999999; font:italic 14px/32px Arial, Helvetica, sans-serif;display:block; 

    position:absolute;top:20px;  right: 200px;}

	

		p.news-detals{ text-indent:2em;font:normal 14px/32px "宋体"; color:#333333;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}

		p.lmore a{ position: relative; padding:10px 15px; border:1px solid #007b3c; color:#007b3c; bottom:-25px; left:600px;}

		p.lmore a:hover{ background:#007b3c; color:#FFFFFF }

		.newspage{ margin:0 auto; text-align:center}

		.newspage a{ padding:5px 20px; margin:0 5px; background:#cccccc; color:#FFFFFF}

		.newspage a:hover{ background:#007b3c}

		

		

/*news-detals*/

.n-detals{display:block; margin:30px 0 40px 0; position:relative}



p.news-dt{color:#333333; font-size:20px; line-height:38px; text-align:center; font-weight:bold}

p.news-dtim{ text-align:center;color:#999999; font:italic 14px/32px Arial, Helvetica, sans-serif;}

p.news-dd{text-indent:2em;font:normal 14px/32px "宋体"; color:#333333;}

.news-xg{ margin-top:40px; display:block; overflow:auto; z-index:1}

.news-xg ul li{ float:left; margin-right:50px; width:45%; overflow:hidden;text-overflow:ellipsis;}



/*plan*/

	.plan{ display:block; margin:30px 0 40px 0; position:relative}

.planfl{ float:left; width:810px; }

.planfr{ float:right; }

.planfr1 img,.planfr2 img{ border:2px solid #dedede; padding:1px; margin-bottom:20px}



.planfl{ width:810px; display:block; position:relative; }

.plans01{ width:810px; height:148px; border:1px solid #dedede;box-shadow: 2px 2px  #f3f3f4; display:block; margin-bottom:40px; position:relative;}

.plan01on{ background:#4B4B4B;filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; width:538px; height:148px; position:absolute; right:1px; text-align:center  }

.plan01on img{ position:relative; top:50px}

p.plan-title{ color:#007b3c; font:bold 25px/44px Arial, Helvetica, sans-serif}

.plans01fl{width:225px; float:left; padding:25px 15px;}

.plans01fr{width:538px; float:right}

.plans01fr img{ display:block;}

p.plan-det{ color:#999999; font:normal 12px/20px "宋体"}



/*contact*/

.contact{ background:url(../images/contact-banner.png) no-repeat center; width:100%; display:block; height:400px; margin:0 auto;}

.con-form{ width:1080px; margin:0 auto}

.form-box{ width:400px; height:340px; background:#4e86a1;filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9; padding:30px;}

p.con-title{ font-size:16px; line-height:24px; color:#FFFFFF; padding-bottom:20px;}



input.inp01{ width:181px; height:40px; background:none; border:1px solid #b5c6d1; margin-bottom:15px; color:#cfcfcd; font:normal 14px/24px "宋体"; padding-left:10px}

input.inp{ margin-right:10px}

textarea.textarea{ width:400px; height:100px;background:none; border:1px solid #b5c6d1;color:#cfcfcd; font:normal 14px/24px "宋体";}

input.inp02{background:none; border:1px solid #b5c6d1; width:120px; height:40px; color:#cfcfcd;font:normal 14px/24px "宋体"; margin-top:10px}

.contact-com{ padding:0 0 0 20px}

p.c-cptitle{ text-align:center; font-size:24px ; line-height:24px; color:#333333; margin-top:60px; margin-bottom:40px;}

.contact-com ul li{ float:left; width:220px; color:#333333; font-size:16px; line-height:24px;}

li.conta-li01{ background:url(../images/contact-img01.png) no-repeat 0px 5px; padding-left:80px; padding-bottom:80px; margin-right:80px}

li.conta-li02{ background:url(../images/contact-img02.png) no-repeat top left; padding-left:80px; padding-bottom:80px; margin-right:80px}

li.conta-li03{ background:url(../images/contact-img03.png) no-repeat -6px -2px; padding-left:80px; padding-bottom:80px;}

li.conta-li04{ background:url(../images/contact-img04.png) no-repeat top left; padding-left:80px; padding-bottom:50px; margin-right:80px}

li.conta-li05{ background:url(../images/contact-img05.png) no-repeat top left; padding-left:80px; padding-bottom:50px; margin-right:80px}

li.conta-li06{ background:url(../images/contact-img06.png) no-repeat -5px 0px; padding-left:80px; padding-bottom:50px;}



.contact-bg{background:#f5f5f5; display:block; position:relative; clear:both; padding-bottom: 60px;}

.contact-box{ margin-top:0; padding-top:10px}







/*about-us*/

.aboutus-bg{ width:100%; background:#f5f5f5; height:505px;}

.aboutus-box{ width:1080px; margin:0 auto;padding:40px; }

.aboutus-lef{ float:left; width:418px;}



p.about-ptitle{ color:#007b3c; font-size:24px; line-height:24px; border-bottom:1px solid #333333; padding-bottom:20px}

p.about-ptitles{font-size:16px; line-height:24px; color:#333333; padding:15px 0 }

p.about-pdetails{ color:#007b3c; font:normal 14px/45px "宋体";}

p.about-pdetails span{ font-weight:bold; font-size:14px}

.aboutus-rig{ float:right; width:618px }

.aboutus-rig img{ width:618px; height:408px}



.aboutus-con{ width:1080px; margin:0 auto; padding:40px;}

p.aboutus-conp01{ text-align:center; font: normal 24px/24px "微软雅黑"; color:#333333; }

p.aboutus-conp02{ color:#333333; font:normal 13px/34px "宋体";margin:30px 0}

		

.slideBoxry{ overflow:hidden; zoom:1; padding:40px 0 40px 45px; position:relative; background:#f5f5f5 ; margin-top:20px;  }



.slideBoxry .sPrevry{ position:absolute;top:80px; left:5px;  display:block; width:25px; height:48px; background:url(../images/aboutus-lef.png) center center no-repeat #f4f4f4;}

.slideBoxry .sNextry{position:absolute;top:80px; right:5px; background:url(../images/aboutus-rig.png) center right no-repeat #f4f4f4; width:24px; height:48px;display:block;  }

	

.slideBoxry .sPrevry:hover,.slideBoxry .sNextry:hover{ border-color:#f60;  }



.slideBoxry  ul{ overflow:hidden; zoom:1;   }

.slideBoxry  ul li{ margin:0 10px; float:left; _display:inline; overflow:hidden; text-align:center;  }

.slideBoxry ul li .picry{ text-align:center; }

.slideBoxry ul li .picry img{ width:227px; height:164px; display:block;  }

.slideBoxry ul li .picry a:hover img{ border-color:#999;  }



/* plan-products*/	

.plandiv{ display:block; width:1080px; margin:20px auto;}

.plandiv ul.planul li{height:250px; width:240px; line-height:24px; overflow:hidden; zoom:1; float:left; padding:15px 14px ; text-align:center ;}

.plandiv ul.planul li:hover{border:1px  solid #dcdcdc;height:248px; width:238px;box-shadow:2px 2px 2px #ecebeb;-moz-border-radius: 15px;     

-webkit-border-radius: 15px; 

border-radius:15px;  }

.plan-page{ text-align:center; clear:both; padding:20px; }

.plandiv ul.planul li img{ width:186px; height:184px}





/*plan-group*/



.plan-groupfl{ float:left; width:820px;}



.plan-group01{width: 380px;float: left; padding-right: 30px;height: 340px;}

.plan-group	{border: 1px solid #dedede;    width: 380px; padding: 2px 2px 5px 2px;    border-radius: 5px;    -webkit-border-radius: 5px;    -moz-border-radius: 5px;box-shadow: 3px 3px 6px #dedede;

    position: relative;}

	.plan-group img{  width: 380px; height: 223px;border-radius:5px 5px 0px 0px ;-webkit-border-radius:5px 5px 0px 0px ;-moz-border-radius:5px 5px 0px 0px ;}

	.plan-group p{ padding-left:10px; position:relative} 

	span.plan-gptitle{ color:#007b3c;font: bold 16px/30px "微软雅黑"; display:block; width:280px; overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;}

	.plan-group a{position: absolute;right: 10px; display:block; top:5px;color: #666666;  font:normal 12px/24px "宋体"}

	.plan-group a:hover{ color:#000000}

	

	span.plan-gplook{color: #c3c3c3; border: 1px solid #c3c3c3; border-radius: 10px;    -webkit-border-radius: 10px; -moz-border-radius: 10px;    padding: 1px 4px;}

	span.plan-gplook:hover{border: 1px solid #666666}

p.plan-gpdetals	{color: #666666;font: normal 12px/24px "宋体";

    padding: 15px 15px 10px 15px;    overflow: hidden;

    display: -webkit-box;    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;    word-break: break-all;}

/*directory*/	

	.directory{ display:block; margin:30px  auto 40px  auto; position:relative; width:846px;}
	
	.hd-div{ background:#FFFFFF; border:1px solid #007b3c; width:1024px; overflow:hidden ; bottom:10px; padding:15px 26px}
	p.contact-hd{display:block; clear:both; height:auto; font: normal 16px/33px "微软雅黑"; color:#007b3c;   position:relative; margin:0 auto}
	p.contact-hd span,p.hd-address span{ font: bold 16px/33px "微软雅黑";}
	p.hd-address{color:#007b3c;font: normal 16px/33px "微软雅黑";  padding-left:250px;}

	
		
 .con-map{ clear:both; height:514px; display:block; width:800px; margin:20px auto}
 
 
	 p.solutions-timg img{-moz-border-radius: 5px;  -webkit-border-radius: 5px;   border-radius:5px;border:1px solid #dedede;box-shadow: 0px 2px #f3f2f2; padding:1px; max-width:800px }
	.solutionsfl {float: left; width: 800px;}
	 ul.sou-ul li{ list-style-type:disc; margin-left:30px; font: normal 14px/35px "宋体"; color:#555555}
	 .solutionsfl h3{ color:#333333; font: bold 20px/40px "微软雅黑"}
	 .solutionsfl p{ font: normal 14px/35px "宋体"; color:#555555}
.so-products{ display:block; position:relative;}
	 .so-products ul li{ float:left; padding:30px; width:180px; height:220px}
	  .so-products ul li:hover{ position:relative; bottom:2px}
	 .so-products ul li img{ width:180px; height:170px;}
	 p.pro-tit{ width:180px; text-align:center; font: normal 16px/24px "微软雅黑";overflow: hidden;text-overflow: ellipsis;  white-space: nowrap;}
	 p.pro-tit span{ color:#6ba481}
	 .so-anli{ margin:20px 0;}
	 .so-anli ul li{ float:left; padding:20px}
	 .so-anli ul li:hover{ position:relative; bottom:2px}
	 .so-anli ul li img{ width:348px; height:215px;-moz-border-radius: 5px;  -webkit-border-radius: 5px;   border-radius:5px;border:1px solid #dedede;box-shadow: 0px 2px #f3f2f2; padding:1px}
	 p.anli-ptitle{ width:348px; text-align:center;overflow: hidden;text-overflow: ellipsis;  white-space: nowrap; color:#007b3c;font: normal 16px/35px "微软雅黑";}