@import url(layout_en.css); 


.banner_picScroll{ width:100%; overflow:hidden; position:relative; _z-index:10;}
		.banner_picScroll .banner_hd{ width:100%;  position:absolute; bottom:30px; right:0; z-index:88; padding:0 10px;}
		.banner_picScroll .banner_hd ul{ overflow:hidden; zoom:1; text-align:center;}
		.banner_picScroll .banner_hd ul li{ display:inline-block; overflow:hidden; margin:0 10px; cursor:pointer; background-color:#000; width:12px;height:12px; border-radius:500px;   text-indent: -999px;}
		.banner_picScroll .banner_hd ul li.on{  background-color:#fff; color:#fff;}
		.banner_picScroll .banner_bd ul{ overflow:hidden; zoom:1;width:100%;  }
		.banner_picScroll .banner_bd ul li{ float:left; _display:inline; overflow:hidden; text-align:center; height:auto; position:relative; width:100%;}
		.banner_picScroll .banner_bd ul li .pic{ text-align:center;width:100%;}
		.banner_picScroll .banner_bd ul li .pic a{ text-align:center; display:block;width:100%;  margin:0 auto;}
		.banner_picScroll .banner_bd ul li .pic .ban_word{ position:absolute; top:280px; left:0; width:100%; padding-left:85px;}
		.banner_picScroll .banner_bd ul li .pic .ban_word p{ height:250px; background:url(../images/banner_word.png) no-repeat;}
		.banner_picScroll .banner_bd ul li .pic .ban_word .center a{ border:1px solid #fff; height:40px; line-height:40px;  color:#fff; font-size:24px; width:220px; margin:20px 0; transition:all 0.2s;}
		.banner_picScroll .banner_bd ul li .pic .ban_word .center a:hover{ background:rgba(255,255,255,0.2);}
		.banner_picScroll .banner_bd ul li .pic img{ width:100%;  display:block; margin:0 auto;}
		
		
		


/* 下面是前/后按钮代码，如果不需要删除即可 */
		.banner_picScroll .prev,
		.banner_picScroll .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:50px; height:50px;  background:url(../images/prev_next.png) 0 0 no-repeat; filter:alpha(opacity=50);opacity:0.5; filter:alpha(opacity=50);opacity:0.5; transition:all 0.2s;}
		.banner_picScroll .next{ left: auto; right:3%; background-position:-50px 0; }
		.banner_picScroll .prev:hover,
		.banner_picScroll .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.banner_picScroll .prevStop{ display:none;  }
		.banner_picScroll .nextStop{ display:none;  }
		
		
		
/*contact*/
.contact{ position:relative;}
.contact img{ width:100%; height:auto;}
.contact .cont{ width:100%; position:absolute; top:125px; right:0;}
.contact .cont .cont_right{ border:1px solid #fff; width:345px; padding:0 50px 35px; float:right; margin-right:-45px;}
.contact .cont p{ margin-top:25px; line-height:25px; color:#fff; font-size:12px;}



/*about*/

.about_banner .banner_picScroll{ padding-bottom:40px; background-color:#fff;}
.about_banner .banner_picScroll .banner_hd{ width:100%;  position:absolute; bottom:10px; right:0; z-index:88; padding:0 10px;}
.about_banner .banner_picScroll .banner_hd ul li.on{  background-color:#cdcdcd; color:#fff;}





.about_banner2{ background-color:#000; height:470px;}
		.banner_picScroll2 .banner_hd2{ width:100%;  position:absolute; bottom:30px; right:0; z-index:88; padding:0 10px;}
		.banner_picScroll2 .banner_hd2 ul{ overflow:hidden; zoom:1; text-align:center;}
		.banner_picScroll2 .banner_hd2 ul li{ display:inline-block; overflow:hidden; margin:0 10px; cursor:pointer; background-color:#000; width:12px;height:12px; border-radius:500px;   text-indent: -999px;}
		.banner_picScroll2 .banner_hd2 ul li.on{  background-color:#fff; color:#fff;}
		.banner_picScroll2 .banner_bd2 ul{ overflow:hidden; zoom:1;width:100%;  }
		.banner_picScroll2 .banner_bd2 ul li{ float:left; _display:inline; overflow:hidden; text-align:center; height:auto; position:relative; width:100%;}
		.banner_picScroll2 .banner_bd2 ul li .pic{ text-align:center;width:100%;}
		.banner_picScroll2 .banner_bd2 ul li .pic a{ text-align:center; display:block;width:100%;  margin:0 auto;}
		.banner_picScroll2 .banner_bd2 ul li .pic .ban_word{ position:absolute; top:240px; left:0; width:100%; padding-left:85px;}
		.banner_picScroll2 .banner_bd2 ul li .pic .ban_word p{ height:287px; background:url(../images/banner_word.png) no-repeat;}
		.banner_picScroll2 .banner_bd2 ul li .pic .ban_word .center a{ border:1px solid #fff; height:40px; line-height:40px;  color:#fff; font-size:24px; width:220px; margin:20px 0; transition:all 0.2s;}
		.banner_picScroll2 .banner_bd2 ul li .pic .ban_word .center a:hover{ background:rgba(255,255,255,0.2);}
		.banner_picScroll2 .banner_bd2 ul li .pic img{ width:100%;  display:block; margin:0 auto;}


		.banner_picScroll2 .prev,.banner_picScroll2 .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:50px; height:50px;  background:url(../images/prev_next.png) 0 0 no-repeat; filter:alpha(opacity=50);opacity:0.5; filter:alpha(opacity=50);opacity:0.5; transition:all 0.2s;}
		.banner_picScroll2 .next{ left: auto; right:3%; background-position:-50px 0; }
		.banner_picScroll2 .prev:hover,.banner_picScroll2 .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		
.about_banner2 .banner_picScroll2{ position:relative;}
.about_banner2 .banner_picScroll2 .banner_hd2{ width:100%;  position:absolute; top:-30px; right:0; z-index:88; padding:0 10px;height: 12px;}
.about_banner2 .banner_picScroll2 .banner_hd2 ul li.on{  background-color:#cdcdcd; color:#fff;}
		

.about_cont{ background-color:#fff; padding-top:18px; margin-left: -170px;} 
.about_cont .center{ width:1000px;}
.about_cont .jianjie{ overflow:hidden;padding:20px 0 50px;}
.about_cont .jianjie img{ float:left; margin-right:120px;}
.about_cont .jianjie h2{ font-size:72px; color:#595757; margin-bottom:10px; font-family: "Century Gothic"; width:267px; height:39px; background:url(../images/h1.gif) no-repeat left center;}
.about_cont .jianjie p{ line-height:28px;}
.about_cont .jianjie .fl .about_more { display:inline-block; border:1px solid #000; padding:3px 10px; color:#333; margin-top:20px;}
.about_cont .jianjie .fl .about_more i{ width:11px; height:11px; display:inline-block; background:url(../images/more_icon.gif) no-repeat center;}

.others{ display:none;}
.others .company h2{ margin:50px 0 20px 0; font-family: "Century Gothic"; color:#595757; background:url(../images/h2.gif) no-repeat left center; width:464px; height:49px;}
.others .company img{ float:right; margin-right:0;}

.others .gkzx{ padding:40px 0 100px;}
.others .gkzx h4{ width:330px; font-size:52px; float:left; margin-right:80px; font-family: "Century Gothic"; color:#595757; background:url(../images/h3.gif) no-repeat left center; width:283px; height:91px;}
.others .gkzx h4 span{ font-size:72px;}
.others .gkzx p{ float:left;}


/*products*/
.container .center { overflow:visible; padding-top:120px;}
.container .cut{ overflow:visible; width:1230px;}
.container .cut .example{ float:left; margin:0 30px 30px 0;}
.container .cut .example img{ box-shadow: 0px 2px 8px rgba(0,0,0,0.3);}
.example .p1 img{ width:465px; height:auto;}
.example .p2 img{ width:440px; height:auto;}
.example .p3 img{ width:235px; height:auto;}
.example .p4 img{ width:250px; height:auto;}
.example .p04 img{ width:425px; height:auto;}
.example .p5 img{ width:520px; height:auto;}
.example .p6 img{ width:520px; height:auto;}
.example .p7 { margin-top:-150px;}
.example .p7 img{ width:320px; height:auto; display:block; margin-bottom:30px;}
.example .p8 img{ width:850px; height:auto; margin-top:-30px;}
.example .p9 img{ width:465px; height:auto;}
.example .p10 img{ width:460px; height:auto; display:block; margin-bottom:30px;}
.example .p11 img{ width:360px; height:auto; display:block; margin-bottom:30px;}
.example .p15 img{ width:810px; height:auto; margin-top:-400px; }
.example .p16 img{ width:650px; height:auto; margin-top:-60px;}

.example .black{ background-color:#000; height:111px; width:300px; display:block; margin-top:-150px; }
.example .p7 .black{ background-color:#ddd; height:168px; width:320px; display:block; margin-top:0;}
.example .p110{width:320px; height:auto;}

.banner_bd2 .tempWrap{ width:100%; overflow:hidden;}

.container .cut .nos img{ box-shadow:none;}
.bg1{ display:block; background:url(../images/4.jpg) center no-repeat; width:250px; height:250px;}
.bg2{ display:block; background:url(../images/110.jpg) center no-repeat; width:320px; height:215px;}

.product{
	margin-top:150px;
}
.product_cat{
	padding:20px;
	text-align:center;
}
.product_cat a{
	display:inline-block;
	width:100px;
	height:50px;
	border:#4c4c4c 1px solid;
	font-size:18px;
	line-height:50px;
	margin-right:50px;
	text-align:center;
	color:#000;
	text-decoration:none;
}
.product_cat a:hover{
	background:#a96644;
	text-decoration:none;
	color:#fff;
}
.product_cat a.cur{
	background:#a96644;
	color:#fff;
}
.img-dv a{
	color:#fff;
	text-decoration:none;
}
.img-dv a:hover{
	color:#ff9d06;
}
.img-dv span{
    position: absolute;
    top: 91%;
    left: 0;
    background-color: rgba(0,0,0,0.4);
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
}
.des{
	padding:10px;
	text-align:center;
	font-size:14px;
	background:#f1f1f1;
	margin:10px 0;
}
div.digg {margin:50px 0 0; text-align: center; height:33px;}
div.digg a { border: 1px solid #e3e3e3;  color: #0166b4; margin: 2px; padding: 3px 7px; text-decoration: none; border-radius:3px;}
div.digg a:hover { border: 1px solid #0166b4; background-color:#0166b4; color: #fff; text-decoration:none;}
div.digg a:active { border: 1px solid #0166b4;  color: #000;}
div.digg span.current { background-color:#fff;border:none; color:#f25f5f; font-weight: bold; margin: 2px;padding: 3px 7px;  border-radius:3px;}
div.digg span.disabled { border: 1px solid #fff; color:#666; margin: 7px; padding: 5px 8px;border-radius:5px;}
div.digg .disabled,div.digg .page_nex { border: 1px solid #fff;}

.page_txt{ width:8px; padding:5px 10px;   border: 1px solid #e3e3e3; color: #421f23;  margin: 2px; border-radius:3px;}
.page_btn{ background-color:#509ae1;color:#fff;border:1px solid #e8e8e8;padding:5px 10px; cursor:pointer;border-radius:3px; }
.pages{ color:#b5b5b5; margin:0 10px;}

#imgshow{width:100%;height:auto;margin:0 auto;}
#imgshow ul{margin:0; padding:0;}
#imgshow ul li{display:inline-block;width:33.1%;margin-bottom:5px;*display:inline;*zoom:1;}
#imgshow ul li img{width:100%;}