@charset "utf-8";
@import url("com.css");
@import url("flickerplate.css");
#top{ height:35px; line-height:35px; background-color:#FAFAFA;}
#top .top{height:35px; line-height:35px; width:1002px; margin:0 auto;}
.top h1{ font-size:12px; float:left;}
#header{ height:100px; width:1002px; margin:0 auto; background:url(../images/h_r.jpg) right bottom no-repeat;}
.logo{height:100px; width:462px; background:url(../images/logo.jpg) center no-repeat; text-indent:-2000px;float:left;}
.logo a{height:91px; width:462px; text-indent:-2000px;float:left;}
#nav_cont{ height:55px; background:url(../images/nav_bg.jpg) repeat-x;}
#nav{ height:55px; line-height:55px; width:1002px; margin:0 auto;}
#nav ul{ font-size:14px;font-family:微软雅黑;}
#nav ul >li{ float:left; background:url(../images/nav_li_bg.jpg) right center no-repeat;}
#nav ul >li:last-child{ background:none;}
#nav ul li >a{ color:#fff;display:block; padding:0 40px}
#nav ul li >a:hover ,#nav .current >a{ background:url(../images/nav_a_bg.jpg) center no-repeat; color:#fff; -webkit-animation-name: pulse;animation-name: pulse;
  animation-name: pulse; -webkit-animation-duration:1.5s; animation-duration:1.5s  }
#nav .son{background:url(../images/nav_s_bg.png) repeat; position:absolute;z-index:100; margin-left:8px; width:127px; padding:inherit; padding:8px 0; text-align:center; display:none;}
#nav .son dd{ font-size:12px; background:url(../images/nav_s_b_bg.png) bottom center no-repeat; line-height:30px; height:30px; padding:1px 0; }
#nav .son dd a {font-size:12px; color:#fff;}
#nav .son dd a:hover{ background:none;}

#gg{ height:40px; line-height:40px; background-color:#FEFEFE;}
#gg .gg{ height:40px; width:1002px; margin:0 auto; overflow:hidden;}
#gg .gg>span{ font-size:14px; float:left; color:#006c3b;}
#gg .gg ul{ }
#gg .gg ul li{float:left; width:400px; margin-left:30px; line-height:40px;}

.content ,  #content{ width:1002px; margin:0 auto;background:#fff;}
#content { margin-top:20px;}
.content_bg{ background:url(../images/content_bg.jpg) repeat;}
.content_pro{ padding:20px 0; }
.content_pro .tit{ height:66px; background:url(../images/tit_bg.jpg)  top repeat-x;}
.content_pro .tit > span{ float:left; height:inherit; width:25%; line-height:66px; text-align:center;}
.content_pro .tit > span a{color:#fff; display:block;}
.content_pro .tit .hover{ background:url(../images/tit_a_bg.jpg) center top no-repeat;}
.n_left{ width:229px; height: auto; float:left; overflow:hidden;}
.n_right{ width:760px; height: auto; float:right;}

#news{ width:690px; height:360px; float:left; padding:20px;font-family:宋体; border-image:url(../images/content_bg.jpg) 30 30 round; border-width:3px; border-top-width:0; }
#news .first{ height:180px;}
#news .first > img{ width:200px; height:157px; padding:5px; border:#ddd solid 1px; border-radius:5px; float:left}
#news .first .main{ width:455px; height:inherit; float:right;}
#news .first .main >a:first-of-type{ height:35px; line-height:35px; display:block; color:#017741; font-weight:bold;}
#news .first .main .ms{ height:98px; width:inherit; overflow:hidden; color:#888; line-height:22px;}
#news .first .main >a:last-of-type{ display:block; width:115px; height:31px; background:#017741; color:#fff; line-height:31px; text-align:center; }
#news > ul { margin-top:5px;}
#news > ul li { background:url(../images/nli_bg.jpg) left center no-repeat; height:28px; line-height:28px; width:330px; float:left;}
#news > ul li:nth-of-type(even){ margin-left:25px;}
#news > ul li a{ padding-left:10px; color:#888;}
#about{ height:230px; width:710px; float:left; margin-top:25px;}
#about >img{ margin-top:10px; float:left; margin-right:10px;}
#about .acont{ padding:5px; line-height:26px;}


#changshi{ width:230px;height:360px; float:right; padding:20px 10px;border-image:url(../images/content_bg.jpg) 30 30 round;border-top-width:0;}
#changshi ul{}
#changshi ul li:nth-of-type(odd){ line-height:25px; background:url(../images/ask_icon.jpg) left 5px no-repeat;padding-left:20px; margin-top:10px;}
#changshi ul li:nth-of-type(odd) >a{ color:#017741; }
#changshi ul li:nth-of-type(even){ line-height:25px; background:url(../images/da_icon.jpg) left 5px no-repeat;padding-left:20px; margin-bottom:10px;}

#case{ height:230px; width:730px; float:left; margin-top:30px;}
#case > ul{}
#case >ul li{overflow:hidden;width:202px; height:185px; float:left; text-align:center;display:table-cell; vertical-align:middle; overflow:hidden; margin:10px 5px;}
#case >ul li img{max-width:202px; max-height:140px; vertical-align:middle; overflow:hidden; border:#D5D5D5 solid 1px; padding:5px;}
#case >ul li span{ height:30px; line-height:30px;}
#contact{ width:250px; float:right; margin-top:25px;}
#contact ul{ margin:10px 5px;}
#contact ul li{ line-height:22px;}

.contact{}
.contact ul{ margin:10px 15px;}
.contact ul li{ line-height:22px;}


#video{ width:250px; float:right;margin-top:30px; height:220px;}

.plist{width:202px; height:170px; float:left; overflow:hidden; margin:15px 8px; }
.plist .pname{ height:25px;width:202px; line-height:25px; text-align:center; height:25px; margin-top:5px;}
.plist .pimg{overflow:hidden;width:202px; height:140px; text-align:center;display:table-cell; vertical-align:middle; overflow:hidden; border:#D5D5D5 solid 1px; }
.plist .pimg img {max-width:202px; max-height:140px; vertical-align:middle; overflow:hidden;}
.plist .pimg img{
		 transition:all 0.2s linear 200ms;
		 -ms-transition:all 0.2s linear 200ms;
		 -moz-transition:all 0.2s linear 200ms;
		 -webkit-transition:all 0.2s linear 200ms;
		 -o-transition:all 0.2s linear 200ms;
	 
		}
.plist .pimg img:hover{
	-ms-transform: scale(1.2); 
	-moz-transform: scale(1.2); 
	-webkit-transform: scale(1.2); 
	-o-transform: scale(1.2); 
	transform: scale(1.2);
	overflow:hidden;
	}
	
.cat{height:auto; width:auto;}
.cat ul { margin:20px 20px auto; padding-bottom:20px}
.cat ul >li{line-height:27px; height:27px; width:186px; background:url(../images/cat_li_bg.jpg) 35px center no-repeat , url(../images/cat_bg.jpg) repeat-x;} 
.cat ul >li a{padding-left:45px; display:block;  color:#000;margin:10px 0; border-radius:5px;border: solid #D9D9D9 1px;}

.cat ul >li a:hover{  color:#00855A; background:url(../images/cat_a_bg.jpg) no-repeat;}
.cat .son{ margin:10px 0;}
.cat .son li{ height:22px; line-height:22px;margin:5px 10px; border-bottom:#F0E0AD  dashed 1px;}
.cat .son li a{ padding-left:40px; display:block; font-size:12px; color:#299F2D;}

.nlist{ height:auto;}
.nlist ul{ height:auto; margin:3px 0;}
.nlist ul li{ line-height:29px; height:29px; background:url(../images/nli_bg.jpg) center left 5px no-repeat; border-bottom:#dedede dotted 1px;}
.nlist ul li a{ padding-left:15px;}
 

#fw{ width:1002px; margin:40px auto 0;}
#fw >span{ font-size:16px;}
#fw a{ margin:0 5px;}
#fw a:first-of-type{ margin-left:15px;}

#footer{width:100%; min-height:225px; color:#fff; background:#017741; margin-top:30px; padding-top:25px;}
.footer{ width:1002px; min-height:225px; margin:0 auto; background:url(../images/flogo.jpg) left top no-repeat; }
.footer .main{ width:670px; height:225px; float:right; overflow:hidden;}
.footer .main .fnav{ height:35px; line-height:35px; font-size:13px; padding-bottom:15px; padding-top:5px;}
.footer .main .fnav a{ color:#fff; padding:0 10px;}
.footer .main .cont{ height:95px;padding:10px 0;border-bottom:#03AA5D solid 1px;border-top:#03AA5D solid 1px;}
.footer .main .cont p{ line-height:28px; padding:0 5px;}
.footer a{ color:#fff;}

 
.title{ height:50px; line-height:50px; font-family:微软雅黑;}
.title span{ color:#017741; font-size:18px;}
.title font{ font-family:Arial, Helvetica, sans-serif; color:#5e5e5e; font-size:12px; margin-left:5PX;}

.title2{ height:33px; line-height:33px; font-family:微软雅黑;border-bottom:#ddd solid 1px;}
.title2 span{ color:#017741; font-size:16px; margin-left:15px; }

.mm{ float:right; margin:5px 8px 0 0; color:#62627a;}
.mm img{ position:absolute;margin-top:-45px;margin-left:25px;}
.shipin{ width:255px; height:200px; overflow:hidden;}


/*分页*/
.fenye{text-align: center;margin: 20px 0 30px;}
.fenye ul{height: auto;overflow: hidden;}
.fenye span,.fenye a{display: inline-block;padding: 0 9px;margin: 0 2px;background: #ddd;border-radius: 2px;height: 26px;line-height: 26px;text-align: center; color:#000;}
.fenye span.current{background: #027D46; color: #fff;}
.fenye a:hover{background: #027D46;color: #fff;}