/* CSS Document */
*{ padding:0; margin:0; font-family:"headline-semi-bold",Helvetica,Arial,sans-serif; }
ul, li{ list-style:none;}
a{ text-decoration:none;}
.clear{ clear:both;}
img{display: block;border: none;}
.main,.main3{ width:1024px; margin:0 auto;  font-size:16px;}
.main3:after{content:"";display:block;clear:both}
.top{ height:30px; background:#373636; color:#fff; }
.topleft{ float:left; width:50%;}
.topleft li{ float:left; padding:0 10px; line-height:30px;  font-size:12px;}
.topleft li img{
	width: 16px;
	height: 18px;
	float: left;
	margin: 6px 6px 0 0 ;
}
.topleft .left_input{
	line-height: 28px;
}
.topright{ float:right; }
.topright li{ float:left; padding:0 10px 0 25px; line-height:30px; font-size:12px;}
.topleft input.topsou{ background:url(../images/top3.png) no-repeat; width:15px; border:none; cursor:pointer;height: 15px;margin-top:6px; }
.topleft input.toptext{ margin-left:8px; border-radius:3px; border:none;}
.top a{ color:#fff;}
.timg1{ background:url(../images/top1.png) 0 3px no-repeat; }
.timg2{ background:url(../images/top2.png) 0 3px no-repeat;}



.nav{ height:80px; border-bottom:10px solid #88a139; background:#eff1f1;}
.logo{ float:left; height:80px; background:url(../images/logo.png) 0px center no-repeat; width:250px; padding-left:80px; }
.logo p{ line-height:24px;}
.logo p.logozi{ font-size:20px; padding-top:15px;}
.menu { font-family: arial, sans-serif; width:550px; padding-top:15px;  float:right; padding-left:50px;}
.menu ul {padding:0; margin:0;list-style-type: none;  z-index:1;}
.menu ul li {float:left; position:relative;}
.menu ul li a, .menu ul li a:visited {display:block; text-align:center; text-decoration:none; width:110px; height:40px; color:#31442e; line-height:30px; padding:28px 0 0;}
.menu ul li ul {display: none;}
.menu ul li:hover a {}
.menu ul li:hover ul {display:block; position:absolute; top:50px; left:0; width:110px;border-top:3px solid #34472f;}
.menu ul li:hover ul li a {display:block; background:#88a139; color:#fff;  padding:0 ;  height:32px; line-height:32px;}
.menu ul li:hover ul.menu_liw{ width:170px; left:-25px;}
.menu ul li:hover ul.menu_liw li a{ width:170px;}
.menu ul li:hover ul li a:hover {color:#31442e;}
.menu ul li a.menu01{ background:url(../images/nav1.png) 37px 0 no-repeat;}
.menu ul li a.menu02{ background:url(../images/nav2.png) 35px 0 no-repeat;}
.menu ul li a.menu03{ background:url(../images/nav3.png) 35px 0 no-repeat;}
.menu ul li a.menu04{ background:url(../images/nav4.png) 35px 0 no-repeat;}
.menu ul li a.menu05{ background:url(../images/nav5.png) 35px 0 no-repeat;}
.menu ul li:hover a.menu01,.menu ul li.menunow a.menu01{ background:url(../images/nav1.png) 37px -65px no-repeat; color:#88a139;}
.menu ul li:hover a.menu02,.menu ul li.menunow a.menu02{ background:url(../images/nav2.png) 35px -65px no-repeat; color:#88a139;}
.menu ul li:hover a.menu03,.menu ul li.menunow a.menu03{ background:url(../images/nav3.png) 35px -65px no-repeat; color:#88a139;}
.menu ul li:hover a.menu04,.menu ul li.menunow a.menu04{ background:url(../images/nav4.png) 35px -65px no-repeat; color:#88a139;}
.menu ul li:hover a.menu05,.menu ul li.menunow a.menu05{ background:url(../images/nav5.png) 35px -65px no-repeat; color:#88a139;}



.main2{ padding:20px 50px;}
.pro{ padding-top:20px;}
.pro ul li a{
	width: 220px;
	height: 140px;
	display: block;
	cursor: pointer;
}
.pro ul:after{content:"";display:block;clear:both}
.pro ul li a img{
	width:220px;
	height: 140px;
}
.pro ul li:last-child{
	margin-right: 0;
}
.pro ul li{ width:220px; float:left; text-align:center; line-height:30px;margin-right: 48px;}
.pro ul li span{ font:bold 20px/40px "΢ÈíÑźÚ"; }
.pro ul li p{text-align:left;width: 220px;margin: 0 auto;font: 14px/20px "΢ÈíÑźÚ";}
.banner{ height:400px;width: 100%;}
.am-slider{
	width: 1024px;
	height: 400px;
	margin: 0 auto;
}
.am-slides li{
	width: 1024px;
	float: left;
}
.des{ height:300px; padding:30px 0;}
.desimg{ float:right; width:500px;}
.desbox{ float:left;width:500px;}
.desbox h2{ height:26px;  font-size:20px;color:#31442e;}
.desbox p{ line-height:24px;}

.pro2{ height:440px;  margin-bottom:20px;}
.proli2{ padding:0 44px;}
.proli{ float:left; width:312px; }
.pronr{ background:url(../images/pro2bj.png) 0 5px no-repeat; line-height:24px; padding-left:15px;}
.proli h2{ line-height:30px;}
.proli h2 a{ color:#31442e;}
.proli p{ color:#cbcccb; line-height:15px; height:30px;}


.bottom{ background:#eff1f1; border-top:10px solid #88a139; height:330px;}
.botli{ float:left; width:}
.botli h2{  color:#31442e; font-size:20px; line-height:60px;}
.botli p{ line-height:24px;}
.bo_sign{ width:330px; padding-right:40px;}
.bo_con{ width:360px; }
.bo_ads{ width:290px}
.bo_sign input{ height:30px; border:1px solid #a0a0a0; width:300px; margin:6px 0; padding-left:5px;}
.botli p.bot_an{ text-align: center; background:#88a139;  width:80px; height:30px; line-height:30px;-moz-box-shadow: 2px 2px 3px #acaeae;
-webkit-box-shadow: 2px 2px 3px #acaeae;box-shadow: 2px 2px 3px #acaeae;}
.bot_an{ clear:both;}
.bot_an a{ color:#fff;}
.bo_con p span{ width:45px; display:block; float:left;}
.bo_azl{}
.bo_azl p{ font-size:12px;}

.bottom2{ background:#666; height:30px; color:#b5b5b5; line-height:30px;}
.bottom2 p{ display:block; float:left; width:600px;  }
.bottom2 ul{ float:right;}
.bottom2 ul li{ float:left;}
.bottom2 ul li a{ color:#b5b5b5;}
.bottom2 ul li a:hover{ color:#fff;}
.bottom2 ul li span{ padding:0 5px;}
.bo_azl span{ width:150px; float:left; font-size:12px; line-height:30px; text-align:left;}
.bo_azl span input{ width:120px; height:30px;}



.product{ margin-top:20px;}
.proleft{ float:left; width:200px;}
.proleft li{ background:#88a139; border:1px solid #88a139; margin-bottom:1px; height:32px; line-height:32px; padding-left:5px;}
.proleft li:hover,.proleft li.pronav{ background:#fff; border:1px solid #ccc;}
.proleft a li{ color:#fff;}
.proleft a li:hover,.proleft a li.pronav { color:#31442e;}
.proright{ float:right; width:795px; margin-left:20px; }
.proright h1{ height:26px; line-height:26px; border-left:3px solid #88a139; padding-left:10px; float:left; width:300px; font-size:20px; }
.probox{ float:left; width:245px; background:#f1f0f0; margin:20px 0; height:430px; overflow:hidden; position:relative; }
.probox ul{ height:150px;}
.probox li{ line-height:20px; font-size:12px;padding-left:8px; color:#333333;}
.probox li.proh2{font-size:16px;line-height:26px; font-weight:bold;}
.probox li span{ font-weight:bold; font-size:11px;}
.promore{ height:22px; padding:5px 10px; font-size:13px;}
.proko{ margin:20px;}
.promore a,.seemore a{ display:block; float:right; width:100px; height:22px; line-height:22px; text-align:center; border:1px solid #b5b5b5; border-radius:3px; color:#333333; }
.promore a:hover,.seemore a:hover{ background:#31442E; color:#fff;}
.seemore{ height:80px; clear:both; float:left; }
.seemore a{ width:245px; font-size:13px;background:#88a139; filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8;color: white;float: left;} 
.probox li span{ height:18px;}
.probox li.prospan span{ width:80px;}
.pro_detit{ height:40px; border-bottom:3px solid #88a139; font-size:22px;}
.pro_detl{ width:280px; float:left;padding-top:10px;}
.pro_detl ul li{ float:left; padding-top:10px;}
.pro_detr{ width:705px; padding-left:10px; float:right;}
.pro_detr h3{ height:35px; line-height:35px; font-size:20px;}
.pro_detr p{ height:24px; clear:both;}
.pro_detr p span{ font-weight:bold; width:120px; display:block; float:left; }
.pro_main p{ line-height:24px;  padding:10px 0;}
.pro_size span.pro_zil,.pro_color span.pro_zil{ display:block; float:left; width:60px; line-height:40px; font-weight:bold;}
.pro_size ul,.pro_color ul{ float:right; width:600px; padding:10px 0;}
.pro_size ul li p{ line-height:14px; height:14px; font-size:12px;}
.pro_size ul li p span{ width:60px; font-size:12px;}
.pro_size ul li{ float:left; border-left:5px solid #88a139; padding-left:5px; width:180px; overflow:hidden;}
.pro_color ul li{ float:left; width:190px; line-height:22px;}
.pro_color ul li a{ float:left; width:20px; height:20px; display:block; float:left; margin-right:5px; border:1px solid #ccc;}
.pro_color ul li span{ width:120px; font-size:13px;}

.page{ height:20px;  float: right; }
.pagebot{ margin-bottom:20px;}
.page a{ width:15px; padding:5px; float:left; height:10px; line-height:10px; color:#666666;}
.page a:hover,.page a.pagehov{ background:#88a139; text-align:center; color:#fff;}


.tit{border-left:5px solid #88a139;  margin:20px 0; padding-left:10px;}
.tit h1{ font-size:24px; font-weight:100;}
.tit h3{ color:#88a139; font-weight:100;}
.titzi h3{ color:#333333;}
.main3 h3 a{ color:#333333; padding:0;}
.main3 h3 a:hover{ color:#88a139;}
.bancon h1{ text-align:center; font-size:22px; line-height:40px;}
.bancon h2{text-align:center; font-size:14px; color:#666666; font-weight:100; line-height:30px; padding-bottom:20px;}
.bancon h2 span{ padding:0 5px;}
.bancon p{ line-height:26px;}

.canleft,.canright{ float:left;}
.canleft{ width:720px;}
.canright{ width:300px;}
.canleft p,.canright p{margin:20px 0; }
.canleft ul li{ float:left; padding:5px 10px 5px 0; }
.canright ul li{ float:left; padding:5px; line-height:22px; padding-left:25px; }
.canright ul li span{ font-weight:bold;}
.canleft ul li.can01 input{ background:#eff1f2 url(../images/contac2t.png) 180px 5px  no-repeat;}
.canleft ul li.can02 input{ background:#eff1f2 url(../images/contac2t.png) 180px -35px no-repeat;}
.canleft ul li.can03 input{ background:#eff1f2 url(../images/contac2t.png) 180px -75px no-repeat;}
.canleft ul li.can01 input::-ms-clear{display: none;}
.canleft ul li.can02 input::-ms-clear{display: none;}
.canleft ul li.can03 input::-ms-clear{display: none;}
.con01{ background:url(../images/contact.png) 0 9px no-repeat;}
.con02{ background:url(../images/contact.png) 0 -18px no-repeat;}
.con03{ background:url(../images/contact.png) 0 -45px no-repeat;}
.con04{ background:url(../images/contact.png) 0 -75px no-repeat;}
.con05{ background:url(../images/contact.png) 0 -165px no-repeat;}
.caninp li input,.cantact2 input{ border:1px solid #c8cfd1; border-left-width:3px; height:30px; line-height:30px; background:#eff1f2; width:200px; margin-right:15px;}
.cantact1{ width:100%; }
.cantact1 textarea,.cantact1 select{ border:1px solid #c8cfd1; border-left-width:3px; height:150px; line-height:30px; background:#eff1f2; width:658px; margin-top:10px;}
.cantact1 select{ height:30px; line-height:30px; width:662px; color:#666;}
.cantact option{ color:#000;}
.cantact2{ margin-top:20px;}
.canbut{ float:right; margin-top:20px;}
.canbut2{ margin-top:0px;}
.canleft .canbut{ margin-right:88px;}
.canbut a,.paleft a{ display:block; width:100px; height:28px; line-height:28px; text-align:center; background:#cccccc; color:#000; }
.canbut a:hover,.paleft a:hover{ background:#88a139; color:#fff;}
.Designbox p{ line-height:24px;}
.Designbox p.des_ko{ padding-top:30px;}
.Designbox img{ padding:15px 0;}


.menu_head{width:550px;height:20px;line-height:24px;padding-left:38px;font-size:12px;color:#525252;cursor:pointer;position:relative;margin:0px;font-weight:bold;background:#f1f1f1 url(../images/pro_left.png) 0 0px no-repeat; }
.menu_list .current{background: url(../images/pro_down.png) 0 0px no-repeat;}
.menu_body{width:690px;height:auto;overflow:hidden;line-height:24px;}
.menu_body h1{ color:#0066cc; font-size:20px;}
.menu_list p{ }
.menu_list p.menu_head{ font-size:22px;}
.faqtex textarea{ width:265px; height:120px; border:1px solid #c8cfd1; height:150px; line-height:30px; background:#eff1f2; padding-left:5px;}
.faqtex .canbut a{ margin-right:0px}


.pasBt{
	text-align: left;
}
.password,.Register{ text-align:center; width:520px; margin:50px auto; line-height:24px;}
.password h3,.Register h3{ font-size:20px; line-height:40px;}
.pas01 input{ border:1px solid #c8cfd1; height:30px; line-height:30px;background: url(../images/contact.png) right -18px no-repeat; width:100%; margin:30px 0; border-radius:5px; padding-left:5px;}
.pas01 input::-ms-clear{display: none;}
.pas02{
	height: 30px;
	margin:10px 0;
}
.pas02 .captcha{
	float: left;
	border: 1px solid #c8cfd1;
    height: 28px;
    line-height: 30px;
    background:white;
    width: 120px;
    padding-left: 6px;
    margin-right: 15px;
}
.pas02 #captcha{
	float: left;
	height: 30px;
	margin-right: 15px;
}
.pas02 .p-title{
	float: left;
	margin-right: 15px;
}
.paleft a {
    margin-top: 15px;
}
.passzi{ height:220px;}
.paleft,.paright{ float:left;}
.paleft{ line-height:60px; color:#0066cc; width:120px; height:60px;border-right: 1px solid #CCCCCC;}
.paright{ line-height:30px; text-align:left;padding: 0 20px;}
.Register{ width:1000px;}
.Register p{ padding:5px; margin:0 auto; width:600px; text-align:left; clear:both;}
.Register p span{ display:block; float:left; width:20px; text-align:right; color:#FF0000; height:30px; line-height:30px;}
.Register p input,.Register p textarea,.Regimg input,.Register p select{ border:1px solid #dcdcdc; width:500px; height:30px; line-height:30px; border-radius:5px; padding-left:10px; }
.Register p.Regiup input{ width:152px; margin-right:10px;}
.Register p textarea{ height:80px;}
.Register p.xie{ font-style:italic; text-align:right; padding-right:155px; font-size:12px;}
.Register p.xie a{color:#FF0000;}
.Register p.dan{ text-align:left; line-height:30px; margin-top:10px;}
.Register p.dan input{ width:20px; display:block; float:left; border:1px solid #ccc; }
.Regimg{ width:560px; margin:20px auto;}
.Regimg img{ float:left;}
.Regimg input{ width:400px;}
.regbut{ margin:50px auto 200px; width:250px;}
.regbut a{ display:block; width:100px; height:28px; line-height:28px; text-align:center; background:#cccccc; color:#000; margin-top:20px; float:left; margin:10px;}
.regbut a:hover{ color:#fff; background:#88a139;}
.Register p select{ width:510px; color:#666;}

 
.Submit{ height:380px;}
.Submit .SubmitBt{
	text-align: center;
	margin-bottom: 10px;
	display: block;
}
.Submit .SubmitBt img{
	float: left;
	margin: 24px 0 0 142px;
    padding-right: 10px;
    vertical-align: middle;
    display: inline-block; 
}
.Submit .SubmitBt h3{ 
	font-size:30px;
	line-height:30px;
	width: 600px;
	text-align: left;
	margin: 0 auto;
	padding-top: 20px;
	color: #000000;
}
.Submit .SubmitCon {
	text-align: center;
}
.Submit .SubmitCon p{
	text-align:left; 
 	width: 600px;
 	margin: 0 auto;
 	line-height:30px;
 	color: #000000;
}

.serv{ width:662px; margin:0 auto;}
.serv p{ width:200px;}
.serv ul:after{content:"";display:block;clear:both}
.serv li{ float:left; width:200px; text-align:left; padding:10px;}
.serv li img{
	margin: 0 auto;
}
.serv li p.servzi{ font: 16px/24px "΢ÈíÑźÚ"; text-align:center; height:50px;margin: 0;}
.serv li p{
	font: 16px/22px "΢ÈíÑźÚ";
	margin-bottom: 10px;
}
.login{ width:450px; height:250px; background:#fff; margin:100px auto 0; text-align:center; border:1px solid #88a139;}
.login h3{ height:45px; line-height:45px; color:#88a139; border-bottom:1px solid #ccc; font-size:20px; margin-bottom:30px;}
.login p{ height:40px; line-height:40px; padding:5px 0;}
.login p input{ border:1px solid #dcdcdc; width:260px; height:30px; line-height:30px; border-radius:5px; padding-left:10px}
.login p a{ color:a1a1a1;}
.login p a:hover{ color:#88a139;}
.logbut{ height:40px; line-height:40px; background:#88a139;text-align:center; width:450px; margin:0 auto 100px; border:1px solid #88a139;}
.logbut a{ color:#fff; font-size:20px;}


.aboutimg{ margin:10px auto 20px;}
.about p{ padding:10px 0;}
.about p b{ display:block;}
.about h1{ height:35px; line-height:35px; color:#fff; background:#88a139; display:block; clear:both; text-align:center; width:200px; margin:20px 0; font-size:18px;}

.Contbut{}
.Contbut a{display:block; width:200px; height:30px; line-height:30px; text-align:center; background:#cccccc; color:#000; margin:30px 0; clear:both;}
.Contbut a:hover{ background:#88a139; color:#fff;}

.pic-thumb img:hover {border:solid 2px; color:green;}

/*Ê×Ò³ÂÖ²¥*/
#main{
	width: 1024px;
	height: 400px;
	position: relative;
	margin: 0 auto;
}
#main .pic{
	width: 1024px;
	height: 400px;
	overflow: hidden;
	position: relative;
	float: left;				
}
#main .pic li{
	position:absolute;
	top: 0;
	left: 0;	
	display: block;							
}
#main .pic .img1{
	width: 1024px;
	height:400px;
}
#main .nav1{		
	position: absolute;
	bottom: 20px;
	right: 44%;
}
#main .nav1 li{
	width: 10px;
	height: 10px;
	float: left;
	margin-right: 4px;
	text-align: center;
	background:#CCCCCC;
	border-radius: 50%;
}
#main .nav1 .select1{
	background: #FFFFFF;
	color: #000000;
}
#next{
	display:none;
 	width:50px; 
 	height:60px; 
    position:absolute; 
    top:200px; 
    right:0px; 
    cursor:pointer; 
    color:#FFFFFF;
    background: url(../images/next.png) no-repeat;
}
#prev{
	display:none;
 	width:50px; 
 	height:60px; 
    position:absolute; 
    top:200px; 
    left:0px; 
    cursor:pointer; 
    color:#FFFFFF;
    background: url(../images/prev.png) no-repeat;
}