@charset "utf-8";
a,address,b,big,blockquote,body,center,cite,code,dd,del,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,label,legend,li,ol,p,pre,small,span,strong,u,ul,var{margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}
button,html input[type=button],input[type=submit]{-webkit-apperance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
ol,ul{list-style:none}
img{border:0;vertical-align:middle}
em,i,u{font-style:normal}
input,textarea,select{outline:0;}
table{border-collapse:collapse;}
a{text-decoration:none;color:#585858}
a:hover{ color:#8fc120;}
.fl{ float:left;}
.fr{ float:right;}
.wz1200{ width:1200px; margin:0px auto;}
.clear { LINE-HEIGHT: 0px; WIDTH: 0px; FLOAT: none; HEIGHT: 0px; CLEAR: both; OVERFLOW: hidden;}

body{ background:#FFF; font:12px/1.45 "Microsoft YaHei", Arial, Helvetica, sans-serif; color:#585858; width:100%; position:relative;}
html{ width:100%;}

.header{ height:104px; width:100%;  }
.top1{ width:258px; height:44px; padding-top:33px;}
.top1 span{ background:url(../images/logo.png) no-repeat 0 -44px; display:block; width:258px; height:44px;}

.top2{ width:942px; text-align:right; padding-top:45px;}
.top2 a{ color:#585858; font-size:17px; line-height:30px; line-height:30px; padding:0 15px 0 23px; }
.top2 a:hover{ text-decoration:underline;}


#Page{}
.container{}
.main1{ width:100%; height:348px; padding-top:40px;}
.main1 a{ display:inline-block; width:199px; height:305px;}
.main1 a:hover{
-webkit-transform-style:preserve-3d;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;
-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px;-webkit-transform:perspective(1500);-moz-transform:perspective(1500);-ms-transform:perspective(1500);-o-transform:perspective(1500);transform:perspective(1500);
-webkit-transform: rotate(-10deg);-moz-transform: rotate(-10deg);
-webkit-box-shadow:15px 15px 15px 0 rgba(0,0,0,.2);-moz-box-shadow:15px 15px 15px 0 rgba(0,0,0,.2);-ms-box-shadow:15px 15px 15px 0 rgba(0,0,0,.2);-o-box-shadow:15px 15px 15px 0 rgba(0,0,0,.2);box-shadow:15px 15px 15px 0 rgba(0,0,0,.2);z-index:100;}
.speed3 a{-webkit-transition: all .25s; -moz-transition: all .25s; -ms-transition: all .25s; -o-transition: all .25s; transition: all .25s;}
.main1pro{ margin-right:51px;}
.main1pro2{ margin-right:0px;}


.main2{ width:100%; position:relative; height:383px;}

/*新品展示*/
.XinP_Left{ width:25%; height:390px; background:#8fc120; float:left;}
.XinP_Font{ color:#fff; font-size:16px; padding-top:110px; padding-left:27%; }
.XinP_Font h2{ font-size:35px; font-weight:bold; display:block; padding-bottom:10px; padding-top:10px;}
.XinP_Font a{ width:140px; height:40px; text-align:center; line-height:40px; border:1px solid #FFF; display:block; color:#FFF; margin-top:40px;}

.XinP_Font .btn {border:1px solid #fff;color:inherit;text-align:center;cursor:pointer;display:inline-block;position:relative;}
.XinP_Font .btn i {font-size:12px;position:absolute;margin-top:-18px;top:50%;left:73%;-ms-filter:"alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;}
.XinP_Font .btn span {position:relative;left:0; font-size:16px;
-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out}
.XinP_Font .btn i img{ vertical-align:inherit;}
.XinP_Font .btn:hover, .cta:hover {background:#8fc120}
.XinP_Font .btn:hover span {left:-20px}
.XinP_Font .btn:hover i {left:76%;-ms-filter:"alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1}
.YiShengImg01{width:311px; height:284px; background:#fff; position:relative; margin-top:40px; float:left; margin-left:40px; text-align:center;}
.YiShengImg01 div{ font-size:14px; color:#000;}
.nimg{ display:block; width:311px; height:284px; overflow:hidden; position:absolute; top:0; z-index:1; left:0;}
.navbox{ position:absolute; top:0; left:0;width:311px; height:284px; top:0; left:0; z-index:2; color:#fff; display:none;}
.nbg{ background: url(../img/icon12.png) no-repeat; position:absolute; display:block; width:311px; height:284px; top:0; left:0; z-index:2;}
.nbg a{ display:block;width:311px; height:284px; }
.t1{ width:301px; height:35px; line-height:35px; position:absolute; bottom:0px; left:0; z-index:10; color:#333; font-size:14px; padding:0px 5px;border-top:1px solid #d6d6d6}

.t1 h3{ font-size:10px; color:#585858; font-weight:normal;}

.XinP_Right {    width: 75%;    height: 390px;    background: #baea7c;    float: left;}
#scrollbar2 { float:left;width:100%;min-width:70%; height:390px; background:#baea7c;}
#scrollbar2 .scrollbar {width:100%;min-width:70%;clear: both;height: 30px;position: relative;	background: url(../img/icon10.gif) repeat;}
#scrollbar2 .thumb {background:#333333; cursor: pointer;height: 30px;left: 0;overflow: hidden;position: absolute;}
#scrollbar2 .viewport {height: 360px;overflow: hidden;position: relative;width:100%; min-width:70%;}
#scrollbar2 .overview {left: 0;list-style: none outside none;margin: 0;	padding: 0;	position: absolute;	top: 0; }




.box {	}
.floatL {		float: left;	cursor:pointer;}
.subBox {	padding: 0;	margin: 0px;	width: 70%; height:354px;	overflow: hidden;}
.subBox ul {	}
.subBox ul li {float: left;}


/*main3*/
.main3{ width:100%; height:210px;}
.main31{ width:215px; padding-top:55px;}
.main32{ width:985px; padding-top:50px; }
.main31 h1{ font-size:38px; color:#8fc120; font-weight:normal; display:block;}
.main31 h3{ font-size:18px; color:#8fc120; font-weight:normal; display:block;}

.tempWrap{ margin-left:20px; }
.picList li{ width:203px;  } 
.picList .pic{ text-align:center; line-height:0px;  } 
.picList .pic img{ width:201px; height:82px;  border:1px solid #ccc; } 
.picList .pic a:hover img{ border-color:#8fc120;  } 
.picList .title{ line-height:30px; height:30px;} 
.leftLoop{ overflow:hidden; position:relative;   } 
.leftLoop .hd{ overflow:hidden;  height:30px; background:#f4f4f4;  } 
.leftLoop .bd .prev,.leftLoop .bd .next{ display:block;  width:17px; height:24px; line-height:24px; float:left;overflow:hidden;cursor:pointer;} 
.leftLoop .bd .prev{ background:url(../images/icoRight.gif) no-repeat; position:absolute; right:0px; top:30px; z-index:9999;} 
.leftLoop .bd .next{ background:url(../images/icoLeft.gif) no-repeat; position:absolute; left:0px; top:30px; z-index:9999;} 


.leftLoop .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px;  } 
.leftLoop .hd ul li{ position:relative; _display:inline; float:left;  width:10px; height:10px; overflow:hidden; background:#ccc; margin-right:10px; text-indent:-999px; cursor:pointer; 
    -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; behavior: url(PIE.htc);} 
.leftLoop .hd ul li.on{ background:#8fc120;  } 
.leftLoop .bd{ padding:0px; } 
.leftLoop .bd ul{ overflow:hidden; zoom:1; } 
.leftLoop .bd ul li{ margin:0 15px; text-align:center; float:left;display:_inline;  } 


/*banner*/
.fullSlide {	width:100%;	position:relative;	height:530px;}
.fullSlide .bd {	margin:0 auto;	position:relative;	z-index:0;	overflow:hidden;}
.fullSlide .bd ul {	width:100% !important;}
.fullSlide .bd li {	width:100% !important;	height:530px;	overflow:hidden;	text-align:center;}
.fullSlide .bd li a {	display:block;	height:530px;}
.fullSlide .hd {	width:100%;	position:absolute;	z-index:1;	bottom:0;	left:0;	height:30px;	line-height:30px;}
.fullSlide .hd ul {	text-align:center;}
.fullSlide .hd ul li {	cursor:pointer;	display:inline-block;	*display:inline;	zoom:1;	width:42px;	height:11px;	margin:1px;	overflow:hidden;
background:#000;	filter:alpha(opacity=50);	opacity:0.5;	line-height:999px;}
.fullSlide .hd ul .on {	background:#8fc120;}
.fullSlide .prev,.fullSlide .next {	display:block; position:absolute; z-index:1; top:55%;margin-top:-30px;left:2%;	z-index:1; width:40px; height:60px;	
background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat; cursor:pointer; filter:alpha(opacity=50); opacity:0.5; display:none;}
.fullSlide .next {	left:auto;	right:2%;	background-position:-6px -137px;}



/*关于我们*/
.nybanner{ width:100%; height:392px; display:block;}
.nybanner2{ width:100%; height:392px; display:block;}
.nyfleft{ width:1200px; margin:0px auto; height:150px; position:relative;}
.nyfleft ul{ position:absolute; left:50%; top:40px; margin-left:-330px;}
.nyfleft ul li{ float:left; padding:0 10px; }
.nyfleft ul li a{ display:block; width:90px; height:30px; line-height:30px; text-align:center; background:#e2e2e2; -moz-border-radius: 10px;   -webkit-border-radius: 10px; border-radius:10px; }
.nyfleft ul li a:hover,.nyfleft ul li .curry{ background:#999999; color:#fff;}

.nyfleft2{ width:1200px; margin:0px auto; text-align:center;}
.nyfleft2 a{ display:inline-block; width:90px; height:30px; line-height:30px; text-align:center; background:#e2e2e2; -moz-border-radius: 10px;   -webkit-border-radius: 10px; border-radius:10px; margin:40px 10px; color:#333333; font-size:13px; }
.nyfleft2 a:hover,.nyfleft2 .curry{ background:#999999; color:#fff;}


.nycont{ padding:0 0 80px;}
.nycont h3{ color:#333; font-size:19px;  text-align:center; display:block; padding-bottom:0px;}

.nycen{ margin:50px auto 0px;}

.sup_list{ width:100%;}
.sup_list li{ background:url(../images/sup_k.jpg) no-repeat top left; width:589px; height:175px; overflow:hidden; float:left; margin-bottom:30px;}
.sup_list li div{ width:90%; margin-left:auto; margin-right:auto;}
.sup_bt{ margin-top:10px;}
.sup_bt a{ font-size:18px; color:#000;}
.sup_bt a:hover{ color:#8fc120;}
.sup_time{ font-size:12px; color:#afafaf; line-height:24px;}
.sup_js{color:#999; font-size:14px; line-height:24px;}
.sup_more{ font-size:15px; text-align:right;}
.sup_more a{ color:#000;}
.sup_more a:hover{ color:#8fc120;}
#list_r{ float:right;}
.newstime{ text-align:center; width:420px; margin:0px auto; padding-top:5px; color:#555555; padding-bottom:30px;}
.sxypl{ padding:10px 0; text-align:left;}
.sxypl a{ font-size:14px; text-align:left;}
.sxypl2{ padding-top:40px; text-align:left;}
.sxypl2 a{ font-size:14px; text-align:left;}

#news{ width:100%;}

.xunlei {text-align:center !important; width:100%;text-align:center; padding:0;}													
.xunlei a, .xunlei .cpb {display:inline-block; text-decoration:none;padding:0 8px; height:21px;line-height:21px; border: 1px solid #ddd;background: #ffff; margin:0 5px; font-size:12px; text-align:center;}   
.xunlei a:hover { color:#363636;border:1px solid #aeaeae; text-decoration:none;}   
.xunlei .cpb { font-weight: bold; color: #fff; background: #aeaeae; border:1px solid #aeaeae;} 


.mbx{ margin:0px 0 20px; /*border-top:1px solid #ccc;*/ height:30px; line-height:30px; text-align:right; width:100%;}
.mbxzi{ float:right; font-size:14px;}
.mbxzi a{height:30px; line-height:30px; display:inline-block;}
.mbx span{ height:30px; line-height:30px; background:url(../images/home.png) no-repeat center center; width:20px; display:inline-block; padding-right:5px;}


/*products*/
.productall{}
.productall ul li{ border-bottom:1px solid #ccc; padding:40px 0 30px;}
.productall .productalllist{}
.productall .productalllist span{ display:block; width:215px; height:200px; float:left; text-align:center; font-size:24px; color:#999999; font-weight:normal; line-height:300px;}

.productall .productalllist a:hover span{ color:#8fc120;}

.productall .productalllist .productallser1{ background:url(../img/prfl01.jpg) no-repeat center top;}
.productall .productalllist .productallser2{ background:url(../img/prfl02.jpg) no-repeat center top;}
.productall .productalllist .productallser3{ background:url(../img/prfl03.jpg) no-repeat center top;}
.productall .productalllist .productallser4{ background:url(../img/prfl04.jpg) no-repeat center top;}
.productall .productalllist .productallser5{ background:url(../img/prfl05.jpg) no-repeat center top;}
.productall .productalllist .productallser6{ background:url(../img/prfl06.jpg) no-repeat center top;}



.productall .productalllist ul li{ float:left; padding:0 16px; border:none;}
.productall .productalllist ul li a{ border:1px solid #ccc; display:block;}
.productall .productalllist ul li a:hover{ border:1px solid #8fc120;}
.productall .productalllist ul li h4{ text-align:center; font-size:16px; width:212px; font-weight:normal; height:30px; line-height:30px; display:block; padding:10px 0 0; color:#333;}

.productalllist2{ padding-bottom:30px;}
.productalllist2 ul li{ float:left; padding:15px 14px; border:none;}
.productalllist2 ul li a{ border:1px solid #ccc; display:block;}
.productalllist2 ul li a:hover{ border:1px solid #8fc120;}
.productalllist2 ul li h4{ text-align:center; font-size:16px; width:212px; font-weight:normal; height:30px; line-height:30px; display:block; padding:10px 0 0; color:#333;}

.proleft{ padding:20px 0;}
.proleft a{ color:#999999; font-size:16px; padding-right:33px;}
.proleft a:hover{ color:#8fc120; }
.proleft img{ padding-right:10px;}

/*foot*/
.foot{}
.foot1{ background:#c4c4c4; width:100%; height:77px; text-indent:20px;}
.foot2{}
.foot21{ width:50%; text-align:left; color:#acacac;}
.foot22{ width:50%; text-align:right;}
.foot11{ width:60%; height:77px; line-height:77px;}
.foot12{ width:40%; text-align:right; padding-top:25px;}
.foot11 a{ color:#666666; font-size:13px; padding-right:10px;}
.foot11 a:hover{ color:#fff;}
.foot12 a{ padding-left:20px;}
.foot21 a{ color:#acacac;}
.foot21 a:hover{ color:#8fc120;}

.footmap{ background:url(../images/footmap.jpg) no-repeat center top; width:100%; height:410px;}
.footmapbg{ background:url(../images/footcontbg.jpg) no-repeat center top; width:400px; height:410px; }
.footmapzi{padding-left:134px; padding-top:20px;}
.footmapbgzi{ color:#fff; font-size:14px; line-height:25px; width:266px; display:block; padding-bottom:42px;}
.footmapbgzi2{ color:#fff; font-size:14px; line-height:25px; width:266px; display:block;padding-bottom:42px;}
.footmapbgzi3{ color:#fff; font-size:14px; line-height:25px; width:266px; display:block;}