@charset "utf-8";

@import url("com.css");

@import url("flickerplate.css");



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

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

#header .cont .top{ color: #fff; height: 30px; line-height: 30px;}

#header .cont .top a{color: #fff;}

#header .cont .header{ height: 126px; background: url(../images/h_r.jpg) right bottom no-repeat;}

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

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

.view img{ max-width:700px}

#nav{ height:55px;  background-color: #418A00;}

#nav .nav{ height: 55px; line-height: 55px; width: 1002px; margin: 0 auto;}

#nav .nav ul{ font-size:15px; font-weight:600}

#nav .nav ul >li{ float:left; background:url(../images/nav_li_bg.jpg) right center no-repeat;}

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

#nav .nav ul li >a{ display: block; padding:0 30px; color: #fff; }

#nav .nav ul li >a:hover , #nav .hover a{ background:url(../images/nav_a_bg.png) center no-repeat; -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;}



#content{ width: 1002px; margin:40px auto 0;}



.n_left{ width:239px; height: auto; float:left; }

.n_right{ width:738px; height: auto; float:right; background:#fff; padding:10px 5px;}

.home_right{ width:738px; height: auto; float:right;}



#home_cat{ background-color: #fff; height: 310px;}

#home_cat ul{ margin-top: 20px; background: url(../images/cat_left_bg.jpg) 20px 5px repeat-y; }

#home_cat ul li{ margin-left: 40px; margin-top: 10px; height: 29px; line-height: 29px; width: 185px; font-size: 14px; font-weight: bold;}

#home_cat ul li a{ padding-left: 15px; display:block; color: #4c4b4b;height: 29px; width: 185px; }

#home_cat ul li a:hover{ color: #fff; background:url(../images/cat_a_bg.jpg) left center no-repeat;}



#zhanshi{background-color: #fff; height: 205px; padding:10px; margin-top: 20px; }

#zhanshi #cont{ width: 220px;height: 160px; overflow: hidden; margin-top: 12px;}

#zhanshi #cont .pic img{220px;height: 160px;}

#news{ width:715px;  height:340px;float:left; background:#fff; margin-top: 20px; }

#news .tab{ height: 49px; line-height: 49px;background:url(../images/new_tab_bg.jpg) repeat-x; }

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

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

#news .tab .hover{ background:#3E8200 url(../images/news_tab_icon.jpg) 10px center no-repeat;}

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

#news img{ float: left; margin: 20px 0 0 25px;}

#news > ul { width: 465px; float: right;  margin: 12px 10px 0 0;}

#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;  }





.cat{ background-color: #fff; padding-bottom:15px;}

.cat .tit{ height:90px; line-height:80px; font-size:20px; text-align:center; color:#fff;  background: url(../images/cat_tit_bg.jpg) center no-repeat;font-family: 微软雅黑;}

.cat ul{ margin-top: 20px; background: url(../images/cat_left_bg.jpg) 20px 5px repeat-y; }

.cat ul li{ margin-left: 40px; margin-top: 10px; height: 29px; line-height: 29px; width: 185px; font-size: 14px; font-weight: bold;}

.cat ul li a{ padding-left: 15px; display:block; color: #4c4b4b;height: 29px; width: 185px; }

.cat ul li a:hover , .cat .hover a{ color: #fff; background:url(../images/cat_a_bg.jpg) left center no-repeat;}



.contact{ background-color:#fff;padding-bottom:15px;}

.contact ul{ margin:10px 15px;}

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





#about{ height:200px;font-family: 微软雅黑; }

#about .cont{ height: 158px; margin-top: 12px;}

#about .cont img{ float: left; margin-right: 20px;}

#about .cont span{ height: 36px; height: 36px; font-size: 18px; color: #000; display: block; font-weight: 600;}

#about .cont p{ line-height: 23px; color: #464646; text-indent: 25px;}



#a_cat{ height: 84px; margin-top: 19px;font-family: 微软雅黑;}

#a_cat a{ float: left; height: inherit; width: 175px; border:#D3D3D3 solid 1px; text-align: center;-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;webkit-transition:all 1s ease-in-out;}

#a_cat a>span{ margin-top: 50px; display: block; font-size: 15px;}

#a_cat a:hover{border:#3E8200 solid 1px;transform:scale(1.1) rotate(360deg);  -moz-transform:scale(1.1) rotate(360deg); -webkit-transform:scale(1.1) rotate(360deg);}

#a_cat a:nth-of-type(1){ background:#E5E5E5 url(../images/a1.png) center 15px no-repeat;}

#a_cat a:nth-of-type(1):hover{color: #fff; background:#3E8200 url(../images/a1_a.png) center 15px no-repeat;}

#a_cat a:nth-of-type(2){ margin:0 10px; background:#E5E5E5 url(../images/a2.png) center 15px no-repeat;}

#a_cat a:nth-of-type(2):hover{color: #fff; background:#3E8200 url(../images/a2_a.png) center 15px no-repeat;}

#a_cat a:nth-of-type(3){ margin-right:10px; background:#E5E5E5 url(../images/a3.png) center 15px no-repeat;}

#a_cat a:nth-of-type(3):hover{color: #fff; background:#3E8200 url(../images/a3_a.png) center 15px no-repeat;}

#a_cat a:nth-of-type(4){ background:#E5E5E5 url(../images/a4.png) center 15px no-repeat;}

#a_cat a:nth-of-type(4):hover{color: #fff; background:#3E8200 url(../images/a4_a.png) center 15px no-repeat;}









#contact{ height:339px; width:278px; float:right; background-color: #fff;margin-top: 20px;}

#contact ul{ margin:10px 8px 0;  height: 88px; display: block;}

#contact ul li{ line-height:20px; margin-left: 10px; background: url(/d/file/contents/2015/09/55f681f17e452.png) left  no-repeat; padding-left:30px;}







.plist{width:171px; height:172px; float:left; overflow:hidden; margin:15px 2px; }

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

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

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





#pro{height: 205px; padding:10px; margin-top: 25px; background: #fff; overflow: hidden; }

#pro #pcont{ height: 155px; width: 718px; overflow:hidden;}



.plist{}

.plist ul{}

.plist ul li{width:171px; height:172px; margin:8px 2px; text-align: center; float:left; display: block; overflow:hidden; }

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

.plist ul li span:first-of-type >img{max-width:171px; max-height:142px; vertical-align:middle; overflow:hidden;}

.plist 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;

	}

	



.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: 852px;  margin: 25px auto 0; min-height: 23px; background: #3E8200 url(../images/link_icon.jpg) left center no-repeat; padding: 10px 0 0 150px; border-top-left-radius: 5px;border-top-right-radius: 5px;}

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



.fnav{ height: 45px; line-height: 45px; border-bottom: #3C3C3C solid  1px; font-size: 14px;}

.fnav a{ color: #fff; margin:0 9px;}

#footer{width:100%;  padding-top:10px; color:#000; background:#4C4C4C; margin-top:20px; }

.footer{ width:1002px; margin:0 auto; text-align: center;padding: 0 0 16px;}

.footer p{ height: 25px; line-height: 25px; font-size: 13px;color:#fff;}

.footer p:nth-of-type(1){ margin-top: 15px; display: block;}

.footer p a{ color:#fff;}



.title1{ height: 30px; line-height: 30px;}

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