@charset "utf-8";
/* CSS Document */
body, ul, li, h1, h2, h3, h4, h5, h6, p, form, dl, dt, dd { margin:0; padding:0;}
body{ font:13px/200% "Lucida Sans Unicode"; color:#444; background:#fff;}
h1, h2, h3, h4, h5, h6{font-weight: normal;}
ul,li{ list-style:none;}
img,input{ border: none;}
a{ text-decoration:none;}
a:link,a:visited{color:#444;}
a:hover,a:active{ color:#815f02;}
a:focus{ outline:none;}
html{-webkit-text-size-adjust:none; overflow-x:hidden;}
.clear{clear:both; margin:0; padding:0; font-size:0; line-height:0;}
.left{ float:left;}
.right{ float:right;}

.ff1{ font-family:"微软雅黑";}
.innner,#hlogo{ width:1100px; margin:0 auto;}
#header,#nav,#banner{ width:100%;}
#header{ height:120px;}
#hlogo{ height:85px; line-height:80px;}
#hlogo a.logo{width:448px; height:85px; display:block;}
#hlan,#wedo div{font-size:14px;}     /*14号字体*/
#hlan a.now{color:#815f02;}

#nav{ height:35px; background:#1c1c1c;}
#nav ul{ width:675px; margin-top:3px; font-size:14px;}
#nav ul li{ float:left;}
#nav ul li a{width:133px; height:29px; line-height:29px ;text-align:center; color:#fff; display:block; margin:0 1px;}
#nav ul li a:hover,#nav ul li a.now{ background:#fff; color:#000;}

#banner{ height:640px;}

#wedo{ height:135px; background:url(images/b_shadow.gif) no-repeat center top; padding-top:50px; line-height:30px;}
.pubtitle{ height:40px; line-height:40px; background:url(images/boder1.jpg) repeat-x center; text-align:center;}
#wedo p span{ font-size:40px; color:#333; padding:0 10px; background:#fff; letter-spacing:-2px;}
#wedo div{ height:60px; margin-top:35px;}

#column{ height:585px; margin-top:50px;}
.column_list{ height:270px; margin-bottom:2px;}
.one,.two,.three .list{ position:relative; z-index:0; float:left;}
.one p,.two p,.three .list p{ position:absolute; left:0; z-index:5;}
.one p span.pic,.two p span.pic,.three .list p span.pic{ margin-left:2px;}
.one p,.two p{width:162px; height:32px; line-height:32px; background:url(images/coverlong.png) no-repeat; bottom:40px; padding-left:25px; display:block;}
.one{ width:549px; height:270px; margin-right:2px;}
.two{ width:399px; height:270px; margin-right:2px;}
.three{ width:298px; float:left;}
.three .list{ width:298px; height:134px;margin-bottom:2px;}
.three .list p{width:184px; height:28px; line-height:26px; background:url(images/covershort.png) no-repeat; bottom:25px; padding-left:25px; display:block;}
.one:hover,.two:hover,.list:hover{filter:alpha(opacity=80);-moz-opacity:0.8; opacity:0.8;}
.more a{ width:110px; line-height:30px; font-size:16px; background:url(images/more.gif) no-repeat right center; margin:0 auto; margin-top:12px; display:block;}



#story{ height:310px;  margin:45px 0 40px 0;}
#story p span{ font-size:34px; color:#333; padding:0 10px; background:#fff; letter-spacing:-2px;}
#storyl{ margin-top:75px;}
#storyl p{ width:225px; height:139px; float:left; margin-right:32px;}
#storyr{ width:542px; margin-top:18px; line-height:28px;}
#storyr i{ color:#815f02;}

#foot{ height:100px; line-height:100px; font-size:14px;background:url(images/footbg.gif) no-repeat left bottom;}
#footboder{ border-top:1px #d9d9d9 solid;}
#foot div a{ font-size:13px;}

/*about us*/
.headunderline{ width:100%; height:1px; background:#ccc; margin-top:5px;}
.about{ width:1100px; margin:0 auto; margin-top:65px;}
.aobut_left{ float:left; width:345px;}
.aobut_left .title{ font-size:28px; color:#373636;  line-height:30px;}
.about_p{ font-size:16px; color:#545454; line-height:24px; margin-top:65px; margin-bottom:65px;}
.about_right{ margin-left:95px; line-height:30px; width:660px; font-size:13px; color:#666;}

/*contact*/
.contact{ margin-top:1px; background:url(images/contact_bg.jpg) no-repeat center center; width:100%; height:730px;}
.contact_con{ width:1100px; height:730px; margin:0 auto; position:relative;}
.contact_wenzi{ position:absolute; bottom:0; right:0; width:445px; height:330px; background:#000;filter:alpha(opacity=90); padding-left:55px; padding-right:55px; padding-top:50px;}
.contact_wenzi .title{ font-size:20px; color:#fff;}
.contact_wenzi ul li{ line-height:40px; color:#fff; font-size:15px;}
.contact_email{ background:url(images/email.png) no-repeat left center; padding-left:35px;}
.contact_tel{ background:url(images/tel.png) no-repeat left center; padding-left:35px; }
.contact_tel1{ background:url(images/tel1.png) no-repeat left center;  padding-left:35px;}


/*product*/
.product_main{ width:100%; background:#000; margin-top:1px; padding-top:45px; padding-bottom:140px;}
.product_box{ width:1100px; margin:0 auto;}
.product_left{ float:left; width:200px;}
.product_left .title{ height:36px; line-height:36px; font-size:20px; color:#fff; width:190px; padding-left:10px; background:url(images/prolist_title.png) no-repeat;}
.product_left ul{ margin-top:40px; padding-bottom:40px; border-bottom:1px solid #666;}
.product_left ul li{ height:40px; line-height:40px; font-size:14px; margin-left:10px;}
.product_left ul li a{ color:#fff;}
.product_left ul li a.hover,.product_left ul li a:hover{ color:#815f02;}
.product_right{ float:left; width:840px; margin-left:60px;}
.product_right ul{ width:855px; overflow:hidden;}
.product_right ul li{ float:left; width:270px; height:230px; margin-right:15px; margin-bottom:20px;}
.product_right ul li a{ color:#fff; font-size:13px;}
.product_right ul li a:hover{ color:#815f02; text-decoration:underline;}
.product_right ul li a span{ line-height:40px;}
.pages a{ color:#fff;}

/*productinfo_right*/
.productinfo_right{float:left; width:840px; margin-left:60px;}
.productinfo_right .infoleft{ width:430px;}
.infoleft_big{ height:410px; border:1px solid #fff;}
.infoleft_small{ margin-top:15px;}
.infoleft_small ul{ width:855px; overflow:hidden;}
.infoleft_small ul li{ float:left; margin-right:12px;}
.inforight{ width:380px; margin-left:30px; color:#fff; line-height:28px;}

/*factory*/
.factory_main{ width:100%; background:#000; margin-top:1px; padding-top:80px;}
.factory{ width:1100px; margin:0 auto;}
.factory ul{ width:1130px; overflow:hidden; padding-bottom:30px;}
.factory ul li{ float:left; width:346px; height:284px; margin-right:30px; margin-bottom:20px;}
.factory ul li span{ display:block; width:346px; height:40px; color:#fff; text-align:center; line-height:40px;}


.banner{ height:640px; position:relative;}
.prev,.next{width:21px;height:70px;top:280px;position: absolute;cursor: pointer; z-index:100;}
.prev{left:11%;background: url(images/prev.png) no-repeat;}
.next{right:11%;background:url(images/next.png) no-repeat;}