@charset "utf-8";

@import url("com.css");

@import url("flickerplate.css");



#header {height: 150px;overflow: hidden;background: url(../images/header_bg.jpg) repeat-x;}

#header .cont{ height: 150px; width: 1002px; margin: 0 auto;}

#header .cont .top{ height: 50px; line-height: 50px;}

#header .cont .header{ height: 100px;}

.logo {height: 99px;width: 292px;background: url(../images/logo.jpg) center no-repeat;text-indent: -2000px;float: left;}

.logo a {height: 99px;width: 292px;text-indent: -2000px;float: left;}



#nav {height: 99px;line-height: 99px;width: 680px;float: right;background: url(../images/nav_h_bg.jpg) 100px center no-repeat}

#nav ul {font-size: 15px;font-family: 微软雅黑;}

#nav ul >li {float: left;text-align: center;}

#nav ul >li:last-of-type {background: none;}

#nav ul li >a {display: block;padding: 10px 12px 0;color: #000; height: 89px;}

#nav  ul li >a:hover , #nav .hover a ,#pp img:hover{ 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;}

#nav .son dd{ font-size:13px; background:url(../images/nav_s_li_bg.png) 20px center no-repeat; line-height:30px; height:30px; padding:1px 0; }

#nav .son dd a {font-size:13px; color:#333;}

#nav .son dd a:hover{ background:none;}



.n_left{ width:239px; padding:25px 0; height: auto; float:left; background-color:#63B433; border-top-left-radius:55px; border-bottom-right-radius:55px; }

.n_right{ width:720px; height: auto; float:right; padding:15px;}



#content{width:1002px; margin:20px auto;}

#content1 , #content2{ background: #fff; padding: 20px ;}

#content1 .tit{ height: 42px;background: url(../images/tit1_b_bg.jpg) bottom  repeat-x; margin-top: 20px;}

#content2{ background: #F1F1F1; padding: 20px ; margin-top: 25px;}

.main{width: 1002px; margin:0 auto; }



#list{ width:1004px;  margin:0 auto;}

#list ul{ margin-top:20px;}

#list ul li{ height:203px; width:251px; float:left; background:#fff;}

#list ul li .t1{ display:block; color:#7fb805; font-size:18px; margin:13px 0 0 22px;}

#list ul li .ct{ width:215px; height:95px; margin-left:22px; font-family:宋体; line-height:21px; margin-top:5px;}

#list ul li .ct dd{ height:20px; line-height:20px;}

#list ul li .m{ background:url(../images/more.jpg) center no-repeat; height:34px; width:34px; margin:10px 0 0 22px; display:block;}



#list ul li:hover{-webkit-animation-name: pulse;animation-name: pulse;

  animation-name: pulse; -webkit-animation-duration:1.5s; animation-duration:1.5s; cursor:pointer;}





#pp{ height: 109px;text-align: center;}

#pp img{ margin:0 25px;}

#news{ width:350px;  height:235px;float:left; margin-top: 20px; }

#news .tab{ height: 30px; line-height:30px; width: 202px; border:#A77D31 solid 1px; margin-top: 10px;}

#news .tab span{ float: left; width: 100px; text-align: center; font-size: 14px;}

#news .tab span >a{ display: block; font-weight: bold;}

#news .tab .hover{ background:#86531B;}

#news .tab .hover a{color: #eebb5f;}

#news .first{ height: 75px; margin-top: 15px;}

#news .first>img{ height: 75px; width: 103px; float: left;}

#news .first .main{ height:75px; width: 240px; float: right;}

#news .first .main a{ display: block; height:24px; line-height: 24px; font-weight: bold; }

#news .first .main .ms{ height: 50px; line-height:25px; }

#news > ul { margin-top: 10px;}

#news > ul li {height: 30px; line-height: 30px; background: url(../images/nli_bg.jpg) left center no-repeat;}

#news > ul li > a{ font-size: 12px; padding-left: 15px;  }



#about{ height:370px;margin-top:20px;padding: 25px 10px;background-color: #fff;}

#about >img{margin: 20px 0px 15px 0px; float: left;}

#about .acont{width: 505px;float: right;}

#about .acont .tit{ height: 40px;line-height: 40px;font-size: 18px;color: #545454;}

#about .acont .ms{ color: #545454;line-height: 24px;}



.contact{ margin:15px 15px 0;}

.contact ul{ color: #fff; font-size: 13px; margin: 8px 10px 0; }

.contact ul dd{ line-height:22px;}



.plist{width:229px; height:181px; float:left; overflow:hidden; margin:15px 5px; }

.plist .pname{ height:25px;width:229px; line-height:25px; text-align:center; height:25px; margin-top:5px;}

.plist .pimg{overflow:hidden;width:229px; height:151px; text-align:center;display:table-cell; vertical-align:middle; overflow:hidden; }

.plist .pimg img {max-width:229px; max-height:151px; vertical-align:middle; overflow:hidden;}





#pro{height: 185px;  width: 962px; overflow: hidden; }



.pro_list{ margin-top: 15px;}

.pro_list ul{}

.pro_list ul li{width:229px; height:181px; margin:8px 4px; text-align: center; float:left; display: block; overflow:hidden; }

.pro_list ul li span:first-of-type{width:229px; height:151px; text-align:center;display:table-cell; vertical-align:middle; overflow:hidden; }

.pro_list ul li span:first-of-type >img{max-width:229px; max-height:151px; vertical-align:middle; overflow:hidden;}

.pro_list ul li span:last-of-type{ display: block; height: 25px; line-height: 25px; margin-top: 5px;}

.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; padding-bottom:8px; margin:0px 25px 0;}

.cat .tit{ height:35px; line-height:35px; padding-bottom:5px; font-size:22px; text-align:center; color:#fff; border-bottom:#2A902A solid 1px;}

.cat ul { margin:15px 0;}

.cat ul >li{line-height:35x; line-height:35px;

			} 

.cat ul >li a{padding-left:50px; display:block; font-size:13px; color:#000; background:#fff; margin:10px 0; border-radius:5px; 

			box-shadow: 0 0 15px 2px #67AA27 inset , 3px 2px 1px 2px #67AA27;

			transform:rotate(360deg)}

.cat ul >li a:hover , .cat .hover a{  color:#2A902A; font-size:14px;-webkit-animation-name: pulse;animation-name: pulse;

  animation-name: pulse; -webkit-animation-duration:1.5s; animation-duration:1.5s; }

.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: 902px;  margin: 25px auto 0; min-height: 23px; background: url(../images/link_iocn.jpg) left center no-repeat; padding: 10px 0 10px 100px; border-radius: 5px;}

#fw a{ margin:0 5px; height: 23px; line-height: 23px; color:#000;}



#footer{width:100%; /*height:215px;*/ padding-top:15px; color:#000; background:url(../images/fbg.jpg) center top repeat-x #313236; margin-top:30px; }

.footer{ width:1002px; height:165px;margin:0 auto;background:url(../images/flogo.jpg) right 10px no-repeat; }

.footer  ul{ float: left; padding:0 25px;background:url(../images/footer_ul_bg.jpg) right center no-repeat;}

.footer  ul span{ font-size: 17px;color: #7fb805;}

.footer  ul li:first-of-type{ margin-top: 10px; }

.footer  ul li{ height: 25px; line-height: 25px;text-align: center;}

#footer .copy{ line-height: 25px; text-align: center; color: #fff; padding: 10px 0;}

#footer a{ color: #fff;}

#footer .copy img{width: 15px; height: 15px;}



.title2{ height:30px; line-height:30px; padding-bottom:5px; border-bottom:1px dotted #ccc;}