@charset "utf-8";
/* CSS Document */
*html.thumbImage{
width:expressio5n(this.width>50&&this.width>this.height?50:auto);
height:expresion(this.height>50?50:auto);
}
/*body*/
body{font-family:Arial,"寰蒋闆呴粦"; font-size:14px;font-style:normal;color:#f5f5f5;width:100%;overflow-x:hidden;}
ul,li,dt,dl,dd{margin:0;padding:0;list-style:none;}
body,h1,h2,h3,h4,h5,h6,h7,p,img,input{margin:0;padding:0;}
a{color:#333333;text-decoration:none;outline:none;}
a img{border:0;margin:0;padding:0;}
.clear{height:1px;line-height:0;font-size:0;overflow:hidden;clear:both;width:100%;}

#warp{width:100%;margin:0 auto;overflow:hidden;padding:0;z-index:1;min-height:377px;}


.top{  width:88%; padding:2% 6%; background:#02a54a;}
.top .logo{ float:left;width:60%;}
.top .logo a{ width:100%; display:block;}
.top .logo a img{ width:100%;}
.top .phone{ float:right; width:28%; padding-top:1.5%;}
.top .phone .phone_top{ font-size:10px; color:#fff;}
.top .phone .phone_bottom{ font-size:12px; color:#fff;}
.top .phone .phone_bottom a{font-size:12px; color:#fff;}

.conter_index{ width: 94%; margin:4% 3% 0; }
.conter_index .conter_title{ background: #fafafa; height: 30px; width:100%; }
.conter_index .conter_title p.ys{ width:2%; height: 30px; background: #02a54a; display:block; float:left; }
.conter_index .conter_title p.left{ line-height:30px; padding-left:2%; width: 50%; float:left; }
.conter_index .conter_title p.left a{ font-size: 16px; display:block; line-height: 30px; line-height: 30px\9; color: #333;}
.conter_index .conter_title p.more{ float:right; width:11%; margin-top:2.3%;}
.conter_index .conter_title p.more a{ font-size: 10px; color:#333; text-align:center;display: block; border:solid 1px #333; border-radius: 4px;}
.conter_index ul{ margin-top:4%; }
.conter_index ul li{ float:left; margin: 1% 2%; width:21%;}
.conter_index ul li .img{ width:100%;}  
.conter_index ul li .img a{width:100%;}
.conter_index ul li .img a img{ width: 100%;}
.conter_index ul li p.xtit{ width:100%;  text-align:center;}
.conter_index ul li p.xtit a{ color:#333; font-size: 12px; display:block; width: 100%; }

.conter_index1{ width: 94%; margin:4% 3% 0; }
.conter_index1 .conter_title{ background: #fafafa; height: 30px; width:100%; }
.conter_index1 .conter_title p.ys{ width:2%; height: 30px; background: #02a54a; display:block; float:left; }
.conter_index1 .conter_title p.left{ line-height:30px; padding-left:2%; width: 50%; float:left; }
.conter_index1 .conter_title p.left a{ font-size: 16px; display:block; line-height: 30px; line-height: 30px\9; color: #333;}
.conter_index1 ul{ margin:2% 5% 0 5%; width:90%;  }
.conter_index1 ul li{ float:left; width:23%; margin: 0 3%; }
.conter_index1 ul li .img{ width:100%;}
.conter_index1 ul li .img img{ width:100%;}
.conter_index1 ul li p{ width: 100%; text-align: center; height:20px; overflow: hidden; }
.conter_index1 ul li p a{ font-size:12px; color:#333; display:block; line-height: 20px;}
/* focus */
#focus{width:100%;height:114px;overflow:hidden;position:relative;}
#focus ul{width:798px !important;height:110px;position:absolute;margin:4% 0 0 -3%;}
#focus ul li{float:left;width:108px;margin:0 0 0 25px;overflow:hidden;position:relative;}
#focus ul li div{position:absolute;overflow:hidden;}
/* #focus .btnBg{position:absolute;width:auto;height:20px;left:0;bottom:0;background:#000;}
#focus .btn{position:absolute;width:780px;height:10px;padding:5px 10px;right:0;bottom:0;text-align:right;}
#focus .btn span{display:inline-block;_display:inline;_zoom:1;width:25px;height:10px;_font-size:0;margin-left:5px;cursor:pointer;background:#fff;}
#focus .btn span.on{background:#fff;} */
#focus .preNext{width: 20px;height: 38px;position: absolute;top: 30px;background:url(../images/sprite.png) no-repeat 0 0;cursor:pointer;}
#focus .pre{left:0;}
#focus .next{right:0;background-position:right top;}

.conter_index2{ width: 94%; margin:4% 3% 0; }
.conter_index2 .conter_title{ background: #fafafa; height: 30px; width:100%; }
.conter_index2 .conter_title p.ys{ width:2%; height: 30px; background: #02a54a; display:block; float:left; }
.conter_index2 .conter_title p.left{ line-height:30px; padding-left:2%; width: 50%; float:left; }
.conter_index2 .conter_title p.left a{ font-size: 16px; display:block; line-height: 30px; line-height: 30px\9; color: #333;}
.conter_index2 .conter_title p.more{ float:right; width:11%; margin-top:2.3%;}
.conter_index2 .conter_title p.more a{ font-size: 10px; display:block; color:#333; text-align: center; display: block; border:solid 1px #333; border-radius: 4px;}
.conter_index2 ul{ margin-top:4%; width: 100% }
.conter_index2 ul li{ width: 100%; margin-bottom:3%;}
.conter_index2 ul li .time{ float: left; width: 15%; height:10%; margin-right:2%; }
.conter_index2 ul li .time .ri{ background: #02a54a; display: block; font-size: 18px;text-align:center; padding:10% 0; color: #fff; }
.conter_index2 ul li .time .nian{ background: #00893d; display: block; font-size: 10px;text-align:center; padding:2% 0;  color: #fff; }
.conter_index2 ul li .right{ float: right; width: 83%;}
.conter_index2 ul li .right .title{padding:2% 0 1% 0;}
.conter_index2 ul li .right .title a{ font-size: 14px; color: #333; display:block; }
.conter_index2 ul li .right .tit{ font-size: 12px; color: #737373;}

.conter_index3{ width:84%; padding:6% 8%; margin-top:5%; background: #2db15b; }
.conter_index3 img{ width: 100%}

.footer{ width: 100%; background:#2d2d2d url(../images/foot_bj.png) repeat-x scroll left top; }
.footer .footernav{ width: 86%; padding:4% 7%; }
.footer .footernav ul{ width: 100%; }
.footer .footernav ul li{ float:left; width:25%;background:url(../images/ob_02.png) no-repeat scroll right center;}
.footer .footernav ul li a{ font-size: 14px; color:#fff; text-align:center; display:block; }
.footer .copyright{ width: 90%; border-top:solid 1px #1e1e1e; margin: 0 5%; padding: 3% 0 5%; }
.footer .copyright p.copyright_top{ width: 100%; text-align: center; font-size: 12px; color: #fff; padding: 2% 0;}
.footer .copyright p.copyright_bottom{ width: 100%; text-align: center; font-size: 12px; color: #fff; padding: 2% 0;}
.footer .copyright p.copyright_bottom a{ font-size: 12px; color: #fff;}

.current{ width: 92%; margin:0 auto; padding: 4% 0 2% ; border-bottom:solid 1px #dbdbdb; }
.current p.title{ font-size: 14px; color:#009740;}
.current p.title span{ font-size: 12px;} 


.news{ width: 90%; margin:0 auto; height: auto; overflow: hidden; }
.news .con_news{ width: 100%; height: auto; overflow: hidden; padding-bottom: 20px; }
.news .con_news li{ width: 100%; padding:3% 0;  border-bottom: solid 1px #d1d1d1; }
.news .con_news li .img{ float: left; width: 25%; margin-right:3%;}
.news .con_news li .img a{ width: 100%; display:block;}
.news .con_news li .img a img{ width:100%;}
.news .con_news li .right{  width: 100%; }
.news .con_news li .right p.time{ width: 25%; font-size: 12px; color: #fff; padding: 2px; text-align: center; background: #00893d;}
.news .con_news li .title{ width: 100%; padding: 2% 0  }
.news .con_news li .title a{font-size:14px; color: #333; display: block;} 
.news .con_news li .tit{ font-size: 12px; color: #6e6e6e; }
.news .con_news li .news_time{ float: left; width: 20%; height:10%; margin-right:2%; }
.news .con_news li .news_time .ri{ background: #02a54a; width: 100% display: block; font-size: 18px;text-align:center; padding:10% 0; color: #fff; }
.news .con_news li .news_time .nian{ background: #00893d; width: 100%; display: block; font-size: 10px;text-align:center; padding:3% 0;  color: #fff; }
.news .con_news li .news_right{ float: right; width: 78%;}
.news .con_news li .news_right .title{padding:3% 0; width: 100%}
.news .con_news li .news_right .title a{ font-size: 14px; color: #333; }
.news .con_news li .news_right .tit{ width: 100%; font-size: 12px; color: #6e6e6e;}

.product{ width: 90%; margin: 2% auto 0 auto; }
.product ul{ width: 100%;}
.product ul li{ width:46%; float:left; margin:3% 2% 0 2%;}
.product ul li .img{ width: 100%;}
.product ul li .img a{ width:100%; display:block;}
.product ul li .img a img{ width:100%; }
.product ul li p.title{ width: 99%; font-size: 12px; padding: 2% 0; color: #555; text-align: center; background: #f7f7f7; border:solid 1px #ececec; }

.about{ width: 90%; margin:4% auto; }
.about .about_list{ width: 100%;}
.about .about_list img{ max-width: 100%; }
.about .about_list p{ font-size: 12px; color: #555; line-height:18px;}
.about .about_list div {color:#555;}
.about .about_list div span{ color:#555; }

.case{ width: 90%;  margin:4% auto; }
.case .case_list{ width: 100%; }
.case .case_list p{width:100%; font-size: 12px; color: #555; text-indent: 2em; padding: 2% 0;}
.case .case_list p.img{ width:100%; }
.case .case_list p.img img{ width: 50%}
.case .case_list p.title{ font-size: 14px; text-indent: 0; text-align: center; color: #333; font-weight: bold; }
.case .case_list p.tit{text-indent: 0; }
.case .case_list p.tit span{ width: 40%; padding:0 5%;}
.case .case_list p.img{text-indent: 0; }

.new{ width: 90%; margin:4% auto; }
.new .new_list{width:100%; font-size: 12px; color:#444; text-indent: 2em; }
.new .new_list span{ font-size:14px; color:#29a501;}
.new ul{ width: 100%; }
.new ul li{ width:100%; margin-top:4%; border:solid 1px #ececec;}
.new ul li a{ width: 100%; display:block;}
.new ul li a img{ width: 100%}
.new ul li .title{ width: 100%; text-align: center; background: #f7f7f7; display: block; padding: 2% 0; }

.sidebar{ width: 90%; margin:4% auto; }
.sidebar .sidebar_list{ width: 100%;}
.sidebar .sidebar_list .sidebar_tit{ width: 100%; text-align: center; }
.sidebar .sidebar_list .sidebar_tit p.title{ font-size: 16px; color: #444; margin:4% 0 2%; text-indent:0; }
.sidebar .sidebar_list .sidebar_tit span{ font-size: 12px; color: #999; }
.sidebar .sidebar_list p{ font-size: 12px; color: #666; line-height: 18px; }

.cbox{ width: 90%; margin: 0 auto 4% auto; }
.cbox table tr{width:100%;}
.cbox table tr td{ font-size: 14px; color: #555; padding-bottom:4%;}
.cbox table tr td.bt{ font-size: 14px; color: #333; width:40%; } 
.cbox table tr td.bt span{ color:#ff0000;padding-right:5%;}
.cbox table tr td input{border:solid 1px #999; font-size: 14px; font-family: "微软雅黑"; color: #555; padding-left:5px; height:28px; line-height:28px;}
.cbox table tr td textarea{border:solid 1px #999; font-size: 14px; color: #555; padding:1%;font-family: "微软雅黑";}
.cbox table tr td p.ts{ color:#ff0000; padding-top:1%; }
.cbox .coolbg{  font-size: 14px;font-family: "微软雅黑"; color: #fff; background: #02a54a; border-radius:5px; width: 30%; height: 25px; line-height: 25px; border:none;  }

.nav_son{ padding: 4% 3% 2% 3%; background: #f5f5f5; width:100%;}
.nav_son ul{width:100%;}
.nav_son ul li{ float:left; margin-left:2%; margin-bottom:2%;width:auto; background: #02a54a; display: block;padding: 1% 4%;}
.nav_son ul li a{font-size:14px; color:#fff; display:block; }

.pro{ width:90%; margin: 4% auto; }
.pro .pro_list{ width: 100%; }
.pro .pro_list .pro_tit{ width: 100%;}
.pro .pro_list .pro_tit p.title{ font-size: 16px; color: #333; font-weight: bold;}
.pro .pro_list .pro_img{ margin-top:4%; padding-bottom:1%; border-bottom:dotted 1px #c9c9c9; }
.pro .pro_list .pro_img .pro_img_top{ width:80%; margin:0 auto;}
.pro .pro_list .pro_img .img_bottom{ margin-top:4%; width: 100%; }
.pro .pro_list .pro_img .img_bottom p{ font-size: 12px; color:#666; margin-bottom:2%; line-height: 18px;}
.pro .pro_list .pro_img .img_bottom p span{ font-size: 12px; color:#333;}
.pro .pro_list .pro_img .img_bottom .bottom_img{ width: 100%; margin-top:5%; font-size: 12px; color: #333; }
.pro .pro_list .pro_img .img_bottom .bottom_img span{ font-size: 14px; color: #353639; font-family:"Square721 Cn BT"; }
.pro .pro_list .pro_img .img_bottom .bottom_img span a{ font-size: 14px; color: #353639; font-family:"Square721 Cn BT"; }
.pro .pro_list .pro_body{ width: 100%; margin-top:4%;}
.pro .pro_list .pro_body ul li{ width: 30%; height: 30px; text-align: center; display: block; line-height: 30px; float: left; font-size: 14px; color: #333; cursor: pointer; }
.pro .pro_list .pro_body ul li.h1{ background: #009442; color: #fff;}
.pro .pro_list .pro_body .pro_body_list{ width:100%; margin-top:4%; }
.pro .pro_list .pro_body .pro_body_list img{max-width: 100%;}
.pro .pro_list .pro_body .pro_body_list p{  font-size: 12px; color: #555; line-height: 18px}
.pro .pro_list .pro_body .pro_body_list table tr td{ font-size:12px; color: #555; }
/* tsShopContainer */
#tsShopContainer li,#tsShopContainer img{vertical-align:top;}
#tsShopContainer{width:100%;position:relative;font-size:12px; margin:0 auto;}
#tsShopContainer #tsImgS{text-align:center;width:100%;position:relative; padding-top:10px; border:solid 1px #cdcdcd;}
#tsShopContainer #tsImgS a{display:block;text-align:center;margin:0px auto; width:100%;}
#tsShopContainer #tsImgS img{border:0px; width:100%;margin:0 auto;}
#tsShopContainer #tsPicContainer{width:100%;height:65px;position:relative;}
#tsShopContainer #tsPicContainer #tsImgSCon{position:absolute;top:10px;width:300px !important;height:65px;overflow:hidden;}
#tsShopContainer #tsPicContainer #tsImgSCon ul{width:100% !important;overflow:hidden;}
#tsShopContainer #tsPicContainer #tsImgSCon li{width:75px;float:left;cursor:pointer;}
#tsShopContainer #tsPicContainer #tsImgSCon li img{padding:2px;border:1px solid  #cdcdcd;display:block;width:55px;height:55px;}
#tsShopContainer #tsPicContainer #tsImgSCon li.tsSelectImg img{border:1px solid #02a54a;margin:0px;}
.MagicZoomBigImageCont {	border:1px solid #02a54a;	background:#FFF;}
.MagicZoomMain {	text-align: center !important;	width: 92px;}
.MagicZoomMain div {	padding: 0px !important;}
/* Header look and feel CSS class */
/* header is shown if "title" attribute is present in the <A> tag */
.MagicZoomHeader {	font:			10px Tahoma, Verdana, Arial, sans-serif;	color:			#fff;	background:		#91b817;	text-align:     center !important; }
/* CSS class for small looking glass square under mouse */
.MagicZoomPup {	border: 		0px solid #aaa;	background: 	#ffffff;}
/* CSS style for loading animation box */
.MagicZoomLoading {	text-align:		center;	background: 	#ffffff;	color:			#444;	border: 		1px solid #ccc;	opacity:		0.8;	padding:		3px 3px 3px 3px !important;	display: 		none; /* do not edit this line please */}
/* CSS style for gif image in the loading animation box */
.MagicZoomLoading img {	padding-top:	3px !important;}
	


@media (max-width:380px) and (orientation:portrait) {
#warp{width:100%;margin:0 auto;overflow:hidden;padding:0;z-index:1;min-height:362px;}


.top{  width:88%; padding:2% 6%; background:#02a54a;}
.top .logo{ float:left;width:60%;}
.top .logo a{ width:100%; display:block;}
.top .logo a img{ width:100%;}
.top .phone{ float:right; width:28%; padding-top:1.5%;}
.top .phone .phone_top{ font-size:9px; color:#fff;}
.top .phone .phone_bottom{ font-size:11px; color:#fff;}

.conter_index{ width: 94%; margin:4% 3% 0; }
.conter_index .conter_title{ background: #fafafa; height: 30px; width:100%; }
.conter_index .conter_title p.ys{ width:2%; height: 30px; background: #02a54a; display:block; float:left; }
.conter_index .conter_title p.left{ line-height:30px; padding-left:2%; width: 50%; float:left; }
.conter_index .conter_title p.left a{ font-size: 16px; line-height: 30px; line-height: 30px\9; color: #333;}
.conter_index .conter_title p.more{ float:right; width:11%; margin-top:2.3%;}
.conter_index .conter_title p.more a{ font-size: 10px; color:#333; text-align:center;display: block; border:solid 1px #333; border-radius: 4px;}
.conter_index ul{ margin-top:4%; }
.conter_index ul li{ float:left; margin: 1% 2%; width:21%;}
.conter_index ul li .img{ width:100%;}  
.conter_index ul li .img a{width:100%;}
.conter_index ul li .img a img{ width: 100%;}
.conter_index ul li p.xtit{ width:100%; }
.conter_index ul li p.xtit a{ color:#333; font-size: 12px;  width: 100%; }

.conter_index1{ width: 94%; margin:4% 3% 0; }
.conter_index1 .conter_title{ background: #fafafa; height: 30px; width:100%; }
.conter_index1 .conter_title p.ys{ width:2%; height: 30px; background: #02a54a; display:block; float:left; }
.conter_index1 .conter_title p.left{ line-height:30px; padding-left:2%; width: 50%; float:left; }
.conter_index1 .conter_title p.left a{ font-size: 16px; line-height: 30px; line-height: 30px\9; color: #333;}
.conter_index1 ul{ margin:2% 5% 0 5%; width:90%;  }
.conter_index1 ul li{ float:left; width:23%; margin: 0 3%; }
.conter_index1 ul li .img{ width:100%;}
.conter_index1 ul li .img img{ width:100%;}
.conter_index1 ul li p{ width: 100%; text-align: center; height:20px; overflow: hidden; }
.conter_index1 ul li p a{ font-size:12px; color:#333; line-height: 20px;}
/* focus */
#focus{width:100%;height:105px;overflow:hidden;position:relative;}
#focus ul{height:105px;position:absolute;margin:4% 0 0 -3%;}
#focus ul li{float:left;width:100px;margin:0 0 0 20px;overflow:hidden;position:relative;}
#focus ul li div{position:absolute;overflow:hidden;}
/* #focus .btnBg{position:absolute;width:auto;height:20px;left:0;bottom:0;background:#000;}
#focus .btn{position:absolute;width:780px;height:10px;padding:5px 10px;right:0;bottom:0;text-align:right;}
#focus .btn span{display:inline-block;_display:inline;_zoom:1;width:25px;height:10px;_font-size:0;margin-left:5px;cursor:pointer;background:#fff;}
#focus .btn span.on{background:#fff;} */
#focus .preNext{width: 20px;height: 38px;position: absolute;top: 30px;background:url(../images/sprite.png) no-repeat 0 0;cursor:pointer;}
#focus .pre{left:0;}
#focus .next{right:0;background-position:right top;}

.conter_index2{ width: 94%; margin:4% 3% 0; }
.conter_index2 .conter_title{ background: #fafafa; height: 30px; width:100%; }
.conter_index2 .conter_title p.ys{ width:2%; height: 30px; background: #02a54a; display:block; float:left; }
.conter_index2 .conter_title p.left{ line-height:30px; padding-left:2%; width: 50%; float:left; }
.conter_index2 .conter_title p.left a{ font-size: 16px; line-height: 30px; line-height: 30px\9; color: #333;}
.conter_index2 .conter_title p.more{ float:right; width:11%; margin-top:2.3%;}
.conter_index2 .conter_title p.more a{ font-size: 10px; color:#333; text-align: center; display: block; border:solid 1px #333; border-radius: 4px;}
.conter_index2 ul{ margin-top:4%; width: 100% }
.conter_index2 ul li{ width: 100%; margin-bottom:3%;}
.conter_index2 ul li .time{ float: left; width: 15%; height:10%; margin-right:2%; }
.conter_index2 ul li .time .ri{ background: #02a54a; display: block; font-size: 18px;text-align:center; padding:10% 0; color: #fff; }
.conter_index2 ul li .time .nian{ background: #00893d; display: block; font-size: 10px;text-align:center; padding:2% 0;  color: #fff; }
.conter_index2 ul li .right{ float: right; width: 83%;}
.conter_index2 ul li .right .title{padding:2% 0 1% 0;}
.conter_index2 ul li .right .title a{ font-size: 14px; color: #333; }
.conter_index2 ul li .right .tit{ font-size: 12px; color: #737373;}

.conter_index3{ width:84%; padding:6% 8%; margin-top:5%; background: #2db15b; }
.conter_index3 img{ width: 100%}

.footer{ width: 100%; background:#2d2d2d url(../images/foot_bj.png) repeat-x scroll left top; margin-top: 30px; overflow: hidden; }
.footer .footernav{ width: 86%; padding:4% 7%; }
.footer .footernav ul{ width: 100%; }
.footer .footernav ul li{ float:left; width:25%;background:url(../images/ob_02.png) no-repeat scroll right center;}
.footer .footernav ul li a{ font-size: 14px; color:#fff; text-align:center; display:block; }
.footer .copyright{ width: 90%; border-top:solid 1px #1e1e1e; margin: 0 5%; padding: 3% 0 5%; }
.footer .copyright p.copyright_top{ width: 100%; text-align: center; font-size: 12px; color: #fff; padding: 2% 0;}
.footer .copyright p.copyright_bottom{ width: 100%; text-align: center; font-size: 12px; color: #fff; padding: 2% 0;}
.footer .copyright p.copyright_bottom a{ font-size: 12px; color: #fff;}

.current{ width: 92%; margin:0 auto; padding: 4% 0 2% ; border-bottom:solid 1px #dbdbdb; }
.current p.title{ font-size: 14px; color:#009740;}
.current p.title span{ font-size: 12px;} 


.news{ width: 90%; margin:0 auto;  }
.news .con_news{ width: 100% }
.news .con_news li{ width: 100%; padding:3% 0;  border-bottom: solid 1px #d1d1d1; }
.news .con_news li .img{ float: left; width: 25%; margin-right:3%;}
.news .con_news li .img a{ width: 100%;}
.news .con_news li .img a img{ width:100%;}
.news .con_news li .right{ width: 100%; }
.news .con_news li .right p.time{ width: 35%; font-size: 12px; color: #fff; padding: 2px; text-align: center; background: #00893d;}
.news .con_news li .title{ width: 100%; padding: 2% 0  }
.news .con_news li .title a{font-size:14px; color: #333; display: block;} 
.news .con_news li .tit{ font-size: 12px; color: #6e6e6e; }
.news .con_news li .news_time{ float: left; width: 20%; height:10%; margin-right:2%; }
.news .con_news li .news_time .ri{ background: #02a54a; width: 100% display: block; font-size: 18px;text-align:center; padding:10% 0; color: #fff; }
.news .con_news li .news_time .nian{ background: #00893d; width: 100%; display: block; font-size: 10px;text-align:center; padding:3% 0;  color: #fff; }
.news .con_news li .news_right{ float: right; width: 78%;}
.news .con_news li .news_right .title{padding:3% 0; width: 100%}
.news .con_news li .news_right .title a{ font-size: 14px; color: #333; }
.news .con_news li .news_right .tit{ width: 100%; font-size: 12px; color: #6e6e6e;}

.product{ width: 90%; margin: 2% auto 0 auto; }
.product ul{ width: 100%;}
.product ul li{ width:46%; float:left; margin:3% 2% 0 2%;}
.product ul li .img{ width: 100%;}
.product ul li .img a{ width:100%;}
.product ul li .img a img{ width:100%; }
.product ul li p.title{ width: 100%; font-size: 12px; padding: 2% 0; color: #555; text-align: center; background: #f7f7f7; border:solid 1px #ececec; }

.about{ width: 90%; margin:4% auto; }
.about .about_list{ width: 100%;}
.about .about_list p{ font-size: 12px; color: #555; text-indent: 2em; line-height:18px;}
.about .about_list div span{ color:#555; }

.case{ width: 90%;  margin:4% auto; }
.case .case_list{ width: 100%; }
.case .case_list p{width:100%; font-size: 12px; color: #555; text-indent: 2em; padding: 2% 0;}
.case .case_list p.img{ width:100%; }
.case .case_list p.img img{ width: 50%}
.case .case_list p.title{ font-size: 14px; text-indent: 0; text-align: center; color: #333; font-weight: bold; }
.case .case_list p.tit{text-indent: 0; }
.case .case_list p.tit span{ width: 50%;}
.case .case_list p.img{text-indent: 0; }

.new{ width: 90%; margin:4% auto; }
.new .new_list{width:100%; font-size: 12px; color:#444; text-indent: 2em; }
.new .new_list span{ font-size:14px; color:#29a501;}
.new ul{ width: 100%; }
.new ul li{ width:100%; margin-top:4%; border:solid 1px #ececec;}
.new ul li a{ width: 100%;}
.new ul li a img{ width: 100%}
.new ul li a.title{ width: 100%; text-align: center; background: #f7f7f7; display: block; padding: 2% 0; }

.sidebar{ width: 90%; margin:4% auto; }
.sidebar .sidebar_list{ width: 100%;}
.sidebar .sidebar_list .sidebar_tit{ width: 100%; text-align: center; }
.sidebar .sidebar_list .sidebar_tit p.title{ font-size: 16px; color: #444; margin:4% 0 2%; }
.sidebar .sidebar_list .sidebar_tit span{ font-size: 12px; color: #999; }

.cbox{ width: 90%; margin: 0 auto 4% auto; }
.cbox table tr{width:100%;}
.cbox table tr td{ font-size: 14px; color: #555; padding-bottom:4%;}
.cbox table tr td.bt{ font-size: 14px; color: #333; width:40%; } 
.cbox table tr td.bt span{ color:#ff0000;padding-right:5%;}
.cbox table tr td input{border:solid 1px #999; font-size: 14px; color: #555; padding-left:5px; height:28px; line-height:28px;}
.cbox table tr td textarea{border:solid 1px #999; font-size: 14px; color: #555; padding:1%;}
.cbox table tr td p.ts{ color:#ff0000; padding-top:1%; }
.cbox .coolbg{ font-family:"寰蒋闆呴粦"; font-size: 14px; color: #fff; background: #02a54a; border-radius:5px; width: 30%; height: 25px; line-height: 25px; border:none;  }

.nav_son{ padding: 4% 3% 2% 3%; background: #f5f5f5; width:100%;}
.nav_son ul{width:100%;}
.nav_son ul li{ float:left; margin-left:2%; margin-bottom:2%;width:auto; background: #02a54a; display: block;padding: 1% 4%;}
.nav_son ul li a{font-size:14px; color:#fff; }

.pro{ width:90%; margin: 4% auto; }
.pro .pro_list{ width: 100%; }
.pro .pro_list .pro_tit{ width: 100%;}
.pro .pro_list .pro_tit p.title{ font-size: 16px; color: #333; font-weight: bold;}
.pro .pro_list .pro_img{ margin-top:4%; padding-bottom:1%; border-bottom:dotted 1px #c9c9c9; }
.pro .pro_list .pro_img .pro_img_top{ width:80%; margin:0 auto;}
.pro .pro_list .pro_img .img_bottom{ margin-top:4%; width: 100%; }
.pro .pro_list .pro_img .img_bottom p{ font-size: 12px; color:#666; margin-bottom:2%; line-height: 18px;}
.pro .pro_list .pro_img .img_bottom p span{ font-size: 12px; color:#333;}
.pro .pro_list .pro_body{ width: 100%; margin-top:4%;}
.pro .pro_list .pro_body ul li{ width: 30%; height: 30px; text-align: center; display: block; line-height: 30px; float: left; font-size: 14px; color: #333; cursor: pointer; }
.pro .pro_list .pro_body ul li.h1{ background: #009442; color: #fff;}
.pro .pro_list .pro_body .pro_body_list{ width:100%; margin-top:4%; }
.pro .pro_list .pro_body .pro_body_list p{ text-indent: 2em; font-size: 12px; color: #555; line-height: 18px}
.pro .pro_list .pro_body .pro_body_list table tr td{ font-size:12px; color: #555; }
/* tsShopContainer */
#tsShopContainer li,#tsShopContainer img{vertical-align:top;}
#tsShopContainer{width:100%;position:relative;font-size:12px; margin:0 auto;}
#tsShopContainer #tsImgS{text-align:center;width:100%;position:relative; padding-top:10px; border:solid 1px #cdcdcd;}
#tsShopContainer #tsImgS a{display:block;text-align:center;margin:0px auto; width:100%;}
#tsShopContainer #tsImgS img{border:0px; width:100%;margin:0 auto;}
#tsShopContainer #tsPicContainer{width:100%;height:65px;position:relative;}
#tsShopContainer #tsPicContainer #tsImgSCon{position:absolute;top:10px;width:270px !important;height:83px;overflow:hidden;}
#tsShopContainer #tsPicContainer #tsImgSCon ul{width:100%;overflow:hidden;}
#tsShopContainer #tsPicContainer #tsImgSCon li{width:67px;float:left;cursor:pointer;}
#tsShopContainer #tsPicContainer #tsImgSCon li img{padding:2px;border:1px solid  #cdcdcd;display:block;width:52px;height:52px;}
#tsShopContainer #tsPicContainer #tsImgSCon li.tsSelectImg img{border:1px solid #02a54a;margin:0px;}
.MagicZoomBigImageCont {	border:1px solid #02a54a;	background:#FFF;}
.MagicZoomMain {	text-align: center !important;	width: 92px;}
.MagicZoomMain div {	padding: 0px !important;}
/* Header look and feel CSS class */
/* header is shown if "title" attribute is present in the <A> tag */
.MagicZoomHeader {	font:			10px Tahoma, Verdana, Arial, sans-serif;	color:			#fff;	background:		#91b817;	text-align:     center !important; }
/* CSS class for small looking glass square under mouse */
.MagicZoomPup {	border: 		0px solid #aaa;	background: 	#ffffff;}
/* CSS style for loading animation box */
.MagicZoomLoading {	text-align:		center;	background: 	#ffffff;	color:			#444;	border: 		1px solid #ccc;	opacity:		0.8;	padding:		3px 3px 3px 3px !important;	display: 		none; /* do not edit this line please */}
/* CSS style for gif image in the loading animation box */
.MagicZoomLoading img {	padding-top:	3px !important;}
	
}/*宽度380结束*/

@media (max-width:360px) and (orientation:portrait){
#warp{width:100%;margin:0 auto;overflow:hidden;padding:0;z-index:1;min-height:362px;}

.top{  width:88%; padding:2% 6%; background:#02a54a;}
.top .logo{ float:left;width:60%;}
.top .logo a{ width:100%; display:block;}
.top .logo a img{ width:100%;}
.top .phone{ float:right; width:28%; padding-top:1%;}
.top .phone .phone_top{ font-size:8px; color:#fff;}
.top .phone .phone_bottom{ font-size:10px; color:#fff;}

.conter_index{ width: 94%; margin:4% 3% 0; }
.conter_index .conter_title{ background: #fafafa; height: 30px; width:100%; }
.conter_index .conter_title p.ys{ width:2%; height: 30px; background: #02a54a; display:block; float:left; }
.conter_index .conter_title p.left{ line-height:30px; padding-left:2%; width: 50%; float:left; }
.conter_index .conter_title p.left a{ font-size: 16px; line-height: 30px; line-height: 30px\9; color: #333;}
.conter_index .conter_title p.more{ float:right; width:11%; margin-top:2.3%;}
.conter_index .conter_title p.more a{ font-size: 10px; color:#333; text-align:center;display: block; border:solid 1px #333; border-radius: 4px;}
.conter_index ul{ margin-top:4%; }
.conter_index ul li{ float:left; margin: 1% 2%; width:21%;}
.conter_index ul li .img{ width:100%;}  
.conter_index ul li .img a{width:100%;}
.conter_index ul li .img a img{ width: 100%;}
.conter_index ul li p.xtit{ width:100%; }
.conter_index ul li p.xtit a{ color:#333; font-size: 12px; text-align:center; width: 100%; }

.conter_index1{ width: 94%; margin:4% 3% 0; }
.conter_index1 .conter_title{ background: #fafafa; height: 30px; width:100%; }
.conter_index1 .conter_title p.ys{ width:2%; height: 30px; background: #02a54a; display:block; float:left; }
.conter_index1 .conter_title p.left{ line-height:30px; padding-left:2%; width: 50%; float:left; }
.conter_index1 .conter_title p.left a{ font-size: 16px; line-height: 30px; line-height: 30px\9; color: #333;}
.conter_index1 ul{ margin:2% 5% 0 5%; width:90%;  }
.conter_index1 ul li{ float:left; width:23%; margin: 0 3%; }
.conter_index1 ul li .img{ width:100%;}
.conter_index1 ul li .img img{ width:100%;}
.conter_index1 ul li p{ width: 100%; text-align: center; height:20px; overflow: hidden; }
.conter_index1 ul li p a{ font-size:12px; color:#333; line-height: 20px;}
/* focus */
#focus{width:100%;height:100px;overflow:hidden;position:relative;}
#focus ul{height:100px;position:absolute;margin:5% 0 0 -3%;}
#focus ul li{float:left;width:96px;margin:0 0 0 18px;overflow:hidden;position:relative;}
#focus ul li div{position:absolute;overflow:hidden;}
/* #focus .btnBg{position:absolute;width:auto;height:20px;left:0;bottom:0;background:#000;}
#focus .btn{position:absolute;width:780px;height:10px;padding:5px 10px;right:0;bottom:0;text-align:right;}
#focus .btn span{display:inline-block;_display:inline;_zoom:1;width:25px;height:10px;_font-size:0;margin-left:5px;cursor:pointer;background:#fff;}
#focus .btn span.on{background:#fff;} */
#focus .preNext{width: 20px;height: 38px;position: absolute;top: 30px;background:url(../images/sprite.png) no-repeat 0 0;cursor:pointer;}
#focus .pre{left:0;}
#focus .next{right:0;background-position:right top;}

.conter_index2{ width: 94%; margin:4% 3% 0; }
.conter_index2 .conter_title{ background: #fafafa; height: 30px; width:100%; }
.conter_index2 .conter_title p.ys{ width:2%; height: 30px; background: #02a54a; display:block; float:left; }
.conter_index2 .conter_title p.left{ line-height:30px; padding-left:2%; width: 50%; float:left; }
.conter_index2 .conter_title p.left a{ font-size: 16px; line-height: 30px; line-height: 30px\9; color: #333;}
.conter_index2 .conter_title p.more{ float:right; width:11%; margin-top:2.3%;}
.conter_index2 .conter_title p.more a{ font-size: 10px; color:#333; text-align: center; display: block; border:solid 1px #333; border-radius: 4px;}
.conter_index2 ul{ margin-top:4%; width: 100% }
.conter_index2 ul li{ width: 100%; margin-bottom:3%;}
.conter_index2 ul li .time{ float: left; width: 15%; height:10%; margin-right:2%; }
.conter_index2 ul li .time .ri{ background: #02a54a; display: block; font-size: 18px;text-align:center; padding:10% 0; color: #fff; }
.conter_index2 ul li .time .nian{ background: #00893d; display: block; font-size: 10px;text-align:center; padding:2% 0;  color: #fff; }
.conter_index2 ul li .right{ float: right; width: 83%;}
.conter_index2 ul li .right .title{padding:2% 0 1% 0;}
.conter_index2 ul li .right .title a{ font-size: 14px; color: #333; }
.conter_index2 ul li .right .tit{ font-size: 12px; color: #737373;}

.conter_index3{ width:84%; padding:6% 8%; margin-top:5%; background: #2db15b; }
.conter_index3 img{ width: 100%}

.footer{ width: 100%; background:#2d2d2d url(../images/foot_bj.png) repeat-x scroll left top; }
.footer .footernav{ width: 86%; padding:4% 7%; }
.footer .footernav ul{ width: 100%; }
.footer .footernav ul li{ float:left; width:25%;background:url(../images/ob_02.png) no-repeat scroll right center;}
.footer .footernav ul li a{ font-size: 14px; color:#fff; text-align:center; display:block; }
.footer .copyright{ width: 90%; border-top:solid 1px #1e1e1e; margin: 0 5%; padding: 3% 0 5%; }
.footer .copyright p.copyright_top{ width: 100%; text-align: center; font-size: 12px; color: #fff; padding: 2% 0;}
.footer .copyright p.copyright_bottom{ width: 100%; text-align: center; font-size: 12px; color: #fff; padding: 2% 0;}
.footer .copyright p.copyright_bottom a{ font-size: 12px; color: #fff;}

.current{ width: 92%; margin:0 auto; padding: 4% 0 2% ; border-bottom:solid 1px #dbdbdb; }
.current p.title{ font-size: 14px; color:#009740;}
.current p.title span{ font-size: 12px;} 


.news{ width: 90%; margin:0 auto;  }
.news .con_news{ width: 100% }
.news .con_news li{ width: 100%; padding:3% 0;  border-bottom: solid 1px #d1d1d1; }
.news .con_news li .img{ float: left; width: 25%; margin-right:3%;}
.news .con_news li .img a{ width: 100%;}
.news .con_news li .img a img{ width:100%;}
.news .con_news li .right{ float:right; width: 72%; }
.news .con_news li .right p.time{ width: 35%; font-size: 12px; color: #fff; padding: 2px; text-align: center; background: #00893d;}
.news .con_news li .title{ width: 100%; padding: 2% 0  }
.news .con_news li .title a{font-size:14px; color: #333; display: block;} 
.news .con_news li .tit{ font-size: 12px; color: #6e6e6e; }
.news .con_news li .news_time{ float: left; width: 20%; height:10%; margin-right:2%; }
.news .con_news li .news_time .ri{ background: #02a54a; width: 100% display: block; font-size: 18px;text-align:center; padding:10% 0; color: #fff; }
.news .con_news li .news_time .nian{ background: #00893d; width: 100%; display: block; font-size: 10px;text-align:center; padding:3% 0;  color: #fff; }
.news .con_news li .news_right{ float: right; width: 78%;}
.news .con_news li .news_right .title{padding:3% 0; width: 100%}
.news .con_news li .news_right .title a{ font-size: 14px; color: #333; }
.news .con_news li .news_right .tit{ width: 100%; font-size: 12px; color: #6e6e6e;}

.product{ width: 90%; margin: 2% auto 0 auto; }
.product ul{ width: 100%;}
.product ul li{ width:46%; float:left; margin:3% 2% 0 2%;}
.product ul li .img{ width: 100%;}
.product ul li .img a{ width:100%;}
.product ul li .img a img{ width:100%; }
.product ul li p.title{ width: 100%; font-size: 12px; padding: 2% 0; color: #555; text-align: center; background: #f7f7f7; border:solid 1px #ececec; }

.about{ width: 90%; margin:4% auto; }
.about .about_list{ width: 100%;}
.about .about_list p{ font-size: 12px; color: #555; text-indent: 2em; line-height:18px;}
.about .about_list div span{ color:#555; }

.case{ width: 90%;  margin:4% auto; }
.case .case_list{ width: 100%; }
.case .case_list p{width:100%; font-size: 12px; color: #555; text-indent: 2em; padding: 2% 0;}
.case .case_list p.img{ width:100%; }
.case .case_list p.img img{ width: 50%}
.case .case_list p.title{ font-size: 14px; text-indent: 0; text-align: center; color: #333; font-weight: bold; }
.case .case_list p.tit{text-indent: 0; }
.case .case_list p.tit span{ width: 50%;}
.case .case_list p.img{text-indent: 0; }

.new{ width: 90%; margin:4% auto; }
.new .new_list{width:100%; font-size: 12px; color:#444; text-indent: 2em; }
.new .new_list span{ font-size:14px; color:#29a501;}
.new ul{ width: 100%; }
.new ul li{ width:100%; margin-top:4%; border:solid 1px #ececec;}
.new ul li a{ width: 100%;}
.new ul li a img{ width: 100%}
.new ul li a.title{ width: 100%; text-align: center; background: #f7f7f7; display: block; padding: 2% 0; }

.sidebar{ width: 90%; margin:4% auto; }
.sidebar .sidebar_list{ width: 100%;}
.sidebar .sidebar_list .sidebar_tit{ width: 100%; text-align: center; }
.sidebar .sidebar_list .sidebar_tit p.title{ font-size: 16px; color: #444; margin:4% 0 2%; }
.sidebar .sidebar_list .sidebar_tit span{ font-size: 12px; color: #999; }

.cbox{ width: 90%; margin: 0 auto 4% auto; }
.cbox table tr{width:100%;}
.cbox table tr td{ font-size: 14px; color: #555; padding-bottom:4%;}
.cbox table tr td.bt{ font-size: 14px; color: #333; width:40%; } 
.cbox table tr td.bt span{ color:#ff0000;padding-right:5%;}
.cbox table tr td input{border:solid 1px #999; font-size: 14px; color: #555; padding-left:5px; height:28px; line-height:28px;}
.cbox table tr td textarea{border:solid 1px #999; font-size: 14px; color: #555; padding:1%;}
.cbox table tr td p.ts{ color:#ff0000; padding-top:1%; }
.cbox .coolbg{ font-family:"寰蒋闆呴粦"; font-size: 14px; color: #fff; background: #02a54a; border-radius:5px; width: 30%; height: 25px; line-height: 25px; border:none;  }

.nav_son{ padding: 4% 3% 0% 0.2%; background: #f5f5f5; width:100%;}
.nav_son ul{width:100%;}
.nav_son ul li{ float:left; margin-left:1.7%; margin-bottom:2%;width:auto; background: #02a54a; display: block;padding: 1% 4%;}
.nav_son ul li a{font-size:14px; color:#fff; }

.pro{ width:90%; margin: 4% auto; }
.pro .pro_list{ width: 100%; }
.pro .pro_list .pro_tit{ width: 100%;}
.pro .pro_list .pro_tit p.title{ font-size: 16px; color: #333; font-weight: bold;}
.pro .pro_list .pro_img{ margin-top:4%; padding-bottom:1%; border-bottom:dotted 1px #c9c9c9; }
.pro .pro_list .pro_img .pro_img_top{ width:80%; margin:0 auto;}
.pro .pro_list .pro_img .img_bottom{ margin-top:4%; width: 100%; }
.pro .pro_list .pro_img .img_bottom p{ font-size: 12px; color:#666; margin-bottom:2%; line-height: 18px;}
.pro .pro_list .pro_img .img_bottom p span{ font-size: 12px; color:#333;}
.pro .pro_list .pro_body{ width: 100%; margin-top:4%;}
.pro .pro_list .pro_body ul li{ width: 30%; height: 30px; text-align: center; display: block; line-height: 30px; float: left; font-size: 14px; color: #333; cursor: pointer; }
.pro .pro_list .pro_body ul li.h1{ background: #009442; color: #fff;}
.pro .pro_list .pro_body .pro_body_list{ width:100%; margin-top:4%; }
.pro .pro_list .pro_body .pro_body_list p{ text-indent: 2em; font-size: 12px; color: #555; line-height: 18px}
.pro .pro_list .pro_body .pro_body_list table tr td{ font-size:12px; color: #555; }
/* tsShopContainer */
#tsShopContainer li,#tsShopContainer img{vertical-align:top;}
#tsShopContainer{width:100%;position:relative;font-size:12px; margin:0 auto;}
#tsShopContainer #tsImgS{text-align:center;width:100%;position:relative; padding-top:10px; border:solid 1px #cdcdcd;}
#tsShopContainer #tsImgS a{display:block;text-align:center;margin:0px auto; width:100%;}
#tsShopContainer #tsImgS img{border:0px; width:100%;margin:0 auto;}
#tsShopContainer #tsPicContainer{width:100%;height:65px;position:relative;}
#tsShopContainer #tsPicContainer #tsImgSCon{position:absolute;top:10px;width:260px !important;height:83px;overflow:hidden;}
#tsShopContainer #tsPicContainer #tsImgSCon ul{width:100%;overflow:hidden;}
#tsShopContainer #tsPicContainer #tsImgSCon li{width:65px;float:left;cursor:pointer;}
#tsShopContainer #tsPicContainer #tsImgSCon li img{padding:2px;border:1px solid  #cdcdcd;display:block;width:54px;height:54px;}
#tsShopContainer #tsPicContainer #tsImgSCon li.tsSelectImg img{border:1px solid #02a54a;margin:0px;}
.MagicZoomBigImageCont {	border:1px solid #02a54a;	background:#FFF;}
.MagicZoomMain {	text-align: center !important;	width: 92px;}
.MagicZoomMain div {	padding: 0px !important;}
/* Header look and feel CSS class */
/* header is shown if "title" attribute is present in the <A> tag */
.MagicZoomHeader {	font:			10px Tahoma, Verdana, Arial, sans-serif;	color:			#fff;	background:		#91b817;	text-align:     center !important; }
/* CSS class for small looking glass square under mouse */
.MagicZoomPup {	border: 		0px solid #aaa;	background: 	#ffffff;}
/* CSS style for loading animation box */
.MagicZoomLoading {	text-align:		center;	background: 	#ffffff;	color:			#444;	border: 		1px solid #ccc;	opacity:		0.8;	padding:		3px 3px 3px 3px !important;	display: 		none; /* do not edit this line please */}
/* CSS style for gif image in the loading animation box */
.MagicZoomLoading img {	padding-top:	3px !important;}
	
}/*宽度360结束*/



@media (max-width:320px) and (orientation:portrait){
	#warp{width:100%;margin:0 auto;overflow:hidden;padding:0;z-index:1;min-height:362px;}


.top{  width:88%; padding:2% 6%; background:#02a54a;}
.top .logo{ float:left;width:60%;}
.top .logo a{ width:100%; display:block;}
.top .logo a img{ width:100%;}
.top .phone{ float:right; width:28%; padding-top:1%;}
.top .phone .phone_top{ font-size:8px; color:#fff;}
.top .phone .phone_bottom{ font-size:10px; color:#fff;}

.conter_index{ width: 94%; margin:4% 3% 0; }
.conter_index .conter_title{ background: #fafafa; height: 30px; width:100%; }
.conter_index .conter_title p.ys{ width:2%; height: 30px; background: #02a54a; display:block; float:left; }
.conter_index .conter_title p.left{ line-height:30px; padding-left:2%; width: 50%; float:left; }
.conter_index .conter_title p.left a{ font-size: 16px; line-height: 30px; line-height: 30px\9; color: #333;}
.conter_index .conter_title p.more{ float:right; width:11%; margin-top:2.3%;}
.conter_index .conter_title p.more a{ font-size: 10px; color:#333; text-align:center;display: block; border:solid 1px #333; border-radius: 4px;}
.conter_index ul{ margin-top:4%; }
.conter_index ul li{ float:left; margin: 1% 2%; width:21%;}
.conter_index ul li .img{ width:100%;}  
.conter_index ul li .img a{width:100%;}
.conter_index ul li .img a img{ width: 100%;}
.conter_index ul li p.xtit{ width:100%; }
.conter_index ul li p.xtit a{ color:#333; font-size: 12px; text-align:center; width: 100%; }

.conter_index1{ width: 94%; margin:4% 3% 0; }
.conter_index1 .conter_title{ background: #fafafa; height: 30px; width:100%; }
.conter_index1 .conter_title p.ys{ width:2%; height: 30px; background: #02a54a; display:block; float:left; }
.conter_index1 .conter_title p.left{ line-height:30px; padding-left:2%; width: 50%; float:left; }
.conter_index1 .conter_title p.left a{ font-size: 16px; line-height: 30px; line-height: 30px\9; color: #333;}
.conter_index1 ul{ margin:2% 5% 0 5%; width:90%;  }
.conter_index1 ul li{ float:left; width:23%; margin: 0 3%; }
.conter_index1 ul li .img{ width:100%;}
.conter_index1 ul li .img img{ width:100%;}
.conter_index1 ul li p{ width: 100%; text-align: center; height:20px; overflow: hidden; }
.conter_index1 ul li p a{ font-size:12px; color:#333; line-height: 20px;}
/* focus */
#focus{width:100%;height:102px;overflow:hidden;position:relative;}
#focus ul{height:102px;position:absolute;margin:4% 0 0 -3%;}
#focus ul li{float:left;width:88px;margin:0 0 0 15px;overflow:hidden;position:relative;}
#focus ul li div{position:absolute;overflow:hidden;}
/* #focus .btnBg{position:absolute;width:auto;height:20px;left:0;bottom:0;background:#000;}
#focus .btn{position:absolute;width:780px;height:10px;padding:5px 10px;right:0;bottom:0;text-align:right;}
#focus .btn span{display:inline-block;_display:inline;_zoom:1;width:25px;height:10px;_font-size:0;margin-left:5px;cursor:pointer;background:#fff;}
#focus .btn span.on{background:#fff;} */
#focus .preNext{width: 20px;height: 38px;position: absolute;top: 30px;background:url(../images/sprite.png) no-repeat 0 0;cursor:pointer;}
#focus .pre{left:0;}
#focus .next{right:0;background-position:right top;}

.conter_index2{ width: 94%; margin:4% 3% 0; }
.conter_index2 .conter_title{ background: #fafafa; height: 30px; width:100%; }
.conter_index2 .conter_title p.ys{ width:2%; height: 30px; background: #02a54a; display:block; float:left; }
.conter_index2 .conter_title p.left{ line-height:30px; padding-left:2%; width: 50%; float:left; }
.conter_index2 .conter_title p.left a{ font-size: 16px; line-height: 30px; line-height: 30px\9; color: #333;}
.conter_index2 .conter_title p.more{ float:right; width:11%; margin-top:2.3%;}
.conter_index2 .conter_title p.more a{ font-size: 10px; color:#333; text-align: center; display: block; border:solid 1px #333; border-radius: 4px;}
.conter_index2 ul{ margin-top:4%; width: 100% }
.conter_index2 ul li{ width: 100%; margin-bottom:3%;}
.conter_index2 ul li .time{ float: left; width: 15%; height:10%; margin-right:2%; }
.conter_index2 ul li .time .ri{ background: #02a54a; display: block; font-size: 18px;text-align:center; padding:10% 0; color: #fff; }
.conter_index2 ul li .time .nian{ background: #00893d; display: block; font-size: 10px;text-align:center; padding:2% 0;  color: #fff; }
.conter_index2 ul li .right{ float: right; width: 83%;}
.conter_index2 ul li .right .title{padding:2% 0 1% 0;}
.conter_index2 ul li .right .title a{ font-size: 14px; color: #333; }
.conter_index2 ul li .right .tit{ font-size: 12px; color: #737373;}

.conter_index3{ width:84%; padding:6% 8%; margin-top:5%; background: #2db15b; }
.conter_index3 img{ width: 100%}

.footer{ width: 100%; background:#2d2d2d url(../images/foot_bj.png) repeat-x scroll left top; }
.footer .footernav{ width: 86%; padding:4% 7%; }
.footer .footernav ul{ width: 100%; }
.footer .footernav ul li{ float:left; width:25%;background:url(../images/ob_02.png) no-repeat scroll right center;}
.footer .footernav ul li a{ font-size: 14px; color:#fff; text-align:center; display:block; }
.footer .copyright{ width: 90%; border-top:solid 1px #1e1e1e; margin: 0 5%; padding: 3% 0 5%; }
.footer .copyright p.copyright_top{ width: 100%; text-align: center; font-size: 12px; color: #fff; padding: 2% 0;}
.footer .copyright p.copyright_bottom{ width: 100%; text-align: center; font-size: 12px; color: #fff; padding: 2% 0;}
.footer .copyright p.copyright_bottom a{ font-size: 12px; color: #fff;}

.current{ width: 92%; margin:0 auto; padding: 4% 0 2% ; border-bottom:solid 1px #dbdbdb; }
.current p.title{ font-size: 14px; color:#009740;}
.current p.title span{ font-size: 12px;} 


.news{ width: 90%; margin:0 auto;  }
.news .con_news{ width: 100% }
.news .con_news li{ width: 100%; padding:3% 0;  border-bottom: solid 1px #d1d1d1; }
.news .con_news li .img{ float: left; width: 25%; margin-right:3%;}
.news .con_news li .img a{ width: 100%;}
.news .con_news li .img a img{ width:100%;}
.news .con_news li .right{ float:right; width: 72%; }
.news .con_news li .right p.time{ width: 35%; font-size: 12px; color: #fff; padding: 2px; text-align: center; background: #00893d;}
.news .con_news li .title{ width: 100%; padding: 2% 0  }
.news .con_news li .title a{font-size:14px; color: #333; display: block;} 
.news .con_news li .tit{ font-size: 12px; color: #6e6e6e; }
.news .con_news li .news_time{ float: left; width: 20%; height:10%; margin-right:2%; }
.news .con_news li .news_time .ri{ background: #02a54a; width: 100% display: block; font-size: 18px;text-align:center; padding:10% 0; color: #fff; }
.news .con_news li .news_time .nian{ background: #00893d; width: 100%; display: block; font-size: 10px;text-align:center; padding:3% 0;  color: #fff; }
.news .con_news li .news_right{ float: right; width: 78%;}
.news .con_news li .news_right .title{padding:3% 0; width: 100%}
.news .con_news li .news_right .title a{ font-size: 14px; color: #333; }
.news .con_news li .news_right .tit{ width: 100%; font-size: 12px; color: #6e6e6e;}

.product{ width: 90%; margin: 2% auto 0 auto; }
.product ul{ width: 100%;}
.product ul li{ width:46%; float:left; margin:3% 2% 0 2%;}
.product ul li .img{ width: 100%;}
.product ul li .img a{ width:100%;}
.product ul li .img a img{ width:100%; }
.product ul li p.title{ width: 100%; font-size: 12px; padding: 2% 0; color: #555; text-align: center; background: #f7f7f7; border:solid 1px #ececec; }

.about{ width: 90%; margin:4% auto; }
.about .about_list{ width: 100%;}
.about .about_list p{ font-size: 12px; color: #555; text-indent: 2em; line-height:18px;}
.about .about_list div span{ color:#555; }

.case{ width: 90%;  margin:4% auto; }
.case .case_list{ width: 100%; }
.case .case_list p{width:100%; font-size: 12px; color: #555; text-indent: 2em; padding: 2% 0;}
.case .case_list p.img{ width:100%; }
.case .case_list p.img img{ width: 50%}
.case .case_list p.title{ font-size: 14px; text-indent: 0; text-align: center; color: #333; font-weight: bold; }
.case .case_list p.tit{text-indent: 0; }
.case .case_list p.tit span{ width: 50%;}
.case .case_list p.img{text-indent: 0; }

.new{ width: 90%; margin:4% auto; }
.new .new_list{width:100%; font-size: 12px; color:#444; text-indent: 2em; }
.new .new_list span{ font-size:14px; color:#29a501;}
.new ul{ width: 100%; }
.new ul li{ width:100%; margin-top:4%; border:solid 1px #ececec;}
.new ul li a{ width: 100%;}
.new ul li a img{ width: 100%}
.new ul li a.title{ width: 100%; text-align: center; background: #f7f7f7; display: block; padding: 2% 0; }

.sidebar{ width: 90%; margin:4% auto; }
.sidebar .sidebar_list{ width: 100%;}
.sidebar .sidebar_list .sidebar_tit{ width: 100%; text-align: center; }
.sidebar .sidebar_list .sidebar_tit p.title{ font-size: 16px; color: #444; margin:4% 0 2%; }
.sidebar .sidebar_list .sidebar_tit span{ font-size: 12px; color: #999; }

.cbox{ width: 90%; margin: 0 auto 4% auto; }
.cbox table tr{width:100%;}
.cbox table tr td{ font-size: 14px; color: #555; padding-bottom:4%;}
.cbox table tr td.bt{ font-size: 14px; color: #333; width:40%; } 
.cbox table tr td.bt span{ color:#ff0000;padding-right:5%;}
.cbox table tr td input{border:solid 1px #999; font-size: 14px; color: #555; padding-left:5px; height:28px; line-height:28px;}
.cbox table tr td textarea{border:solid 1px #999; font-size: 14px; color: #555; padding:1%;}
.cbox table tr td p.ts{ color:#ff0000; padding-top:1%; }
.cbox .coolbg{ font-family:"寰蒋闆呴粦"; font-size: 14px; color: #fff; background: #02a54a; border-radius:5px; width: 30%; height: 25px; line-height: 25px; border:none;  }

.nav_son{ padding: 4% 3% 2% 3%; background: #f5f5f5; width:100%;}
.nav_son ul{width:100%;}
.nav_son ul li{ float:left; margin-left:2%; margin-bottom:2%;width:auto; background: #02a54a; display: block;padding: 1% 4%;}
.nav_son ul li a{font-size:14px; color:#fff; }

.pro{ width:90%; margin: 4% auto; }
.pro .pro_list{ width: 100%; }
.pro .pro_list .pro_tit{ width: 100%;}
.pro .pro_list .pro_tit p.title{ font-size: 16px; color: #333; font-weight: bold;}
.pro .pro_list .pro_img{ margin-top:4%; padding-bottom:1%; border-bottom:dotted 1px #c9c9c9; }
.pro .pro_list .pro_img .pro_img_top{ width:80%; margin:0 auto;}
.pro .pro_list .pro_img .img_bottom{ margin-top:4%; width: 100%; }
.pro .pro_list .pro_img .img_bottom p{ font-size: 12px; color:#666; margin-bottom:2%; line-height: 18px;}
.pro .pro_list .pro_img .img_bottom p span{ font-size: 12px; color:#333;}
.pro .pro_list .pro_body{ width: 100%; margin-top:4%;}
.pro .pro_list .pro_body ul li{ width: 30%; height: 30px; text-align: center; display: block; line-height: 30px; float: left; font-size: 14px; color: #333; cursor: pointer; }
.pro .pro_list .pro_body ul li.h1{ background: #009442; color: #fff;}
.pro .pro_list .pro_body .pro_body_list{ width:100%; margin-top:4%; }
.pro .pro_list .pro_body .pro_body_list p{ text-indent: 2em; font-size: 12px; color: #555; line-height: 18px}
.pro .pro_list .pro_body .pro_body_list table tr td{ font-size:12px; color: #555; }
/* tsShopContainer */
#tsShopContainer li,#tsShopContainer img{vertical-align:top;}
#tsShopContainer{width:100%;position:relative;font-size:12px; margin:0 auto;}
#tsShopContainer #tsImgS{text-align:center;width:100%;position:relative; padding-top:10px; border:solid 1px #cdcdcd;}
#tsShopContainer #tsImgS a{display:block;text-align:center;margin:0px auto; width:100%;}
#tsShopContainer #tsImgS img{border:0px; width:100%;margin:0 auto;}
#tsShopContainer #tsPicContainer{width:100%;height:65px;position:relative;}
#tsShopContainer #tsPicContainer #tsImgSCon{position:absolute;top:10px;width:232px !important;height:83px;overflow:hidden;}
#tsShopContainer #tsPicContainer #tsImgSCon ul{width:100%;overflow:hidden;}
#tsShopContainer #tsPicContainer #tsImgSCon li{width:58px;float:left;cursor:pointer;}
#tsShopContainer #tsPicContainer #tsImgSCon li img{padding:2px;border:1px solid  #cdcdcd;display:block;width:46px;height:46px;}
#tsShopContainer #tsPicContainer #tsImgSCon li.tsSelectImg img{border:1px solid #02a54a;margin:0px;}
.MagicZoomBigImageCont {	border:1px solid #02a54a;	background:#FFF;}
.MagicZoomMain {	text-align: center !important;	width: 92px;}
.MagicZoomMain div {	padding: 0px !important;}
/* Header look and feel CSS class */
/* header is shown if "title" attribute is present in the <A> tag */
.MagicZoomHeader {	font:			10px Tahoma, Verdana, Arial, sans-serif;	color:			#fff;	background:		#91b817;	text-align:     center !important; }
/* CSS class for small looking glass square under mouse */
.MagicZoomPup {	border: 		0px solid #aaa;	background: 	#ffffff;}
/* CSS style for loading animation box */
.MagicZoomLoading {	text-align:		center;	background: 	#ffffff;	color:			#444;	border: 		1px solid #ccc;	opacity:		0.8;	padding:		3px 3px 3px 3px !important;	display: 		none; /* do not edit this line please */}
/* CSS style for gif image in the loading animation box */
.MagicZoomLoading img {	padding-top:	3px !important;}


}/*宽度320结束*/