@charset "utf-8";


/*Reset*/
*{ padding:0; margin:0; outline:none;}
*html{background-image:url(about:blank);background-attachment:fixed;}
html,div,ul,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,img,form,embed,label{margin:0;padding:0;border:0; font-size:12px; font-weight:normal;}
img{border:none}
ul,ul li{ list-style:none;} 
.cls{clear:both; line-height:0px!important; height:0px!important;font-size:0px!important;} 
select,input{ vertical-align:middle;font-size:12px;}  
a {color:#a0a0a0;text-decoration:none;}
a:hover {color:#b28850;}
a:active {color:#b28850;}
.hidden{ display:none}
i{ font-style:normal}
.page{ float:left; width:100%; text-align:center; margin:0; font-family:"微软雅黑"; padding-bottom:30px;}
.page a{ display:inline-block; line-height:30px; padding:0 10px; border:1px solid #e0e0e0; border-radius:3px; margin:0 3px; font-size:14px;}
.page a.current,.page a:hover{ color:#fff; border:1px solid #b28850; background:#b28850;}
/*basic*/ 
body{margin:0px; padding:0px;font-family:helvetica1,"\5FAE\8F6F\96C5\9ED1","\5B8B\4F53", Arial, Helvetica, sans-serif; font-size:12px;color:#a0a0a0;}  

@font-face {
      font-family: 'helvetica1';
      src: url('../fonts/helvetica1.eot');
      src: url('../fonts/helvetica1.eot?#iefix') format('embedded-opentype'),
           url('../fonts/helvetica1.woff') format('woff'),
	   url('../fonts/helvetica1.ttf') format('truetype'),
	   url('../fonts/helvetica1.svg#helvetica1') format('svg');
   }
/*index*/
.head{ float: left; width: 100%; padding: 0 0 13px;}
.logo{ float: left; margin: 14px 0 0;}
.logo img{ width:114px;}
.menu{ float: right;}
.menu li{ float: left; margin: 0 0 0 50px;  display: inline;}
.menu li a{ line-height: 40px; display: block; padding: 13px 0 0; font-size:14px; border-top: 2px solid #fff; color: #898989;}
.menu li.hover a,.menu li a:hover{ border-top: 2px solid #b28850; color: #b28850;}
/*banner效果*/
.content{position:relative;width:100%;margin:0 auto; *margin:-2px auto 0; height:600px; }
.banner{overflow:hidden;width:100%;height:600px;overflow:hidden;}
.content ul{ }
.content_ul li{ display:block; width:100%; height:600px; list-style:none; padding:0; margin:0; position:absolute;}
.content_ul li a { display:block; width:100%; height:600px; text-indent:-9999px;}
.lbtn{position: absolute;left: 3%; top: 0; background: url(lbtn.png) no-repeat center center; width: 80px; height: 600px; cursor: pointer; text-indent: -9999px;}
.rbtn{position: absolute;right: 3%; top: 0; background: url(rbtn.png) no-repeat center center; width: 80px; height: 600px; cursor: pointer;text-indent: -9999px;}
/*banner效果 end*/
.aboutbox{ float: left; width: 100%; padding: 80px 0;}
.aboutbox dt{ float: left; width: 211px; position: relative; margin: 0 0 0 8px; display: inline;}
.aboutbox dt img{ width: 211px; height: 211px; display: block; vertical-align: bottom;}
.aboutbox dt a{position: absolute;left: 0; top: 0;}
.aboutbox dd{ float: right; width:700px; margin: 0 60px 0 0; display: inline;}
.title1{ line-height: 30px;}
.title1 i{color: #a0a0a0; font-size: 24px;display: block; text-transform: uppercase; letter-spacing: 1px;}
.title1 span{ color: #b28850; font-size: 18px; display: block;}
.detail1{ line-height:35px; font-size:14px;}
.detail1 p{ line-height: 24px; margin:20px 0 0; font-size: 14px;}
.productbox{ float: left; width: 100%; background:#f7f6f5; padding: 80px 0;}
.prolist{float: left; width: 100%; margin: 50px 0 0;}
.prolist li{ float: left; width: 250px; color:#fff; height: 330px; margin: 0 30px 0 0; position: relative; overflow: hidden;}
.prolist li.noright{ margin: 0;}
.prolist li img{ width: 250px; height: 330px; display: block; vertical-align: bottom;}
.slidebox{ position: absolute; left: 0; top:330px; width: 210px; height: 128px; padding: 0 20px; background: url(tm1.png);}
.slidebox span{ display: block; font-size: 18px; line-height: 50px; color: #fff; height: 50px; overflow: hidden; margin: 10px 0 0; border-bottom: 1px dashed #fff; text-transform: uppercase;}
.slidebox p{ line-height: 16px; height: 32px; overflow: hidden; color: #fff; margin: 10px 0 0; font-size: 13px;}
.protle{  position: absolute; left: 0; top:290px; background: url(tm1.png); color:#fff; width: 210px; padding: 0 20px; text-transform: uppercase;}
.protle span{ display: block; color: #fff; font-size: 16px; line-height: 20px; }
.protle i{ display: block; color: #fff; line-height: 20px;}
.title2{margin: 80px 0 0; float: left; position: relative;}
.title2 span{ padding: 0 0 26px; border-bottom: 3px solid #b28850; float: left;}
.more1{ float: right; line-height: 24px; color: #b28850; text-transform: uppercase; font-size: 18px; margin: 80px 0 0; letter-spacing: 1px;}
.newsbox{ float: left; width: 100%; border-top: 1px solid #eee; margin: -2px 0 0;  background: url(line.gif) repeat-y center top; padding: 0 0 84px;}
.leftnews{ float: left; width: 485px; margin: 152px 0 0;}
.newslist{float: left; width: 483px; height: 218px; border: 1px solid #eee; position: relative; margin: 84px 0 0;-webkit-transition-property:border; -moz-transition-property:border; -o-transition-property:border; -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s;}
.newstop{ float: left; width: 413px; padding: 35px 35px 0;}
.newstle{font-size: 16px; color: #434343; line-height: 36px; height: 36px; overflow: hidden;}
.newstle a{color: #434343;}
.detail2{line-height: 18px; height: 54px; overflow: hidden; margin: 10px 0 0;}
.timebox{position: absolute; left: 0; bottom: -1px; height: 50px; background: #eee; padding: 0 35px; width: 413px;color: #7d7d7d;-webkit-transition-property:background; -moz-transition-property:background; -o-transition-property:background; -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s;}
.timebox span{ float: left; font-size: 20px; line-height: 50px;}
.timebox i{ float: left; line-height: 50px; margin: 0 0 0 20px; display: inline;}
.more2{ float: right; background: url(more1.png) no-repeat; width: 28px; height: 28px; margin: 11px 0 0; text-indent: -9999px;}
.sanjiao{position: absolute; right: -10px; bottom: 17px; background: url(ricogray.gif) no-repeat; width: 9px; height: 16px;}
.yuan{ position: absolute;right: -66px; bottom:19px; background: url(yuan1.gif) no-repeat; width: 12px; height: 12px;}
.rightnews{ float: right; width: 485px;}
.rightnews .sanjiao{left: -10px; right: auto; background: url(licogray.gif) no-repeat;}
.rightnews .yuan{left: -67px; right: auto;}
.newslist1{border: 1px solid #b28850;}
.newslist1 .sanjiao{background: url(ricored.gif) no-repeat;}
.rightnews .newslist1 .sanjiao{background: url(licored.gif) no-repeat;}
.newslist1 .yuan{ background: url(yuan2.gif) no-repeat;}
.newslist1 .timebox{background: #b28850; color: #fff;}
.newslist1 .more2{background: url(more2.png) no-repeat;}
.newslist1 .newstle a{ color: #b28850;}
.footbox{ float: left; width: 100%; background: #434343; padding: 110px 0 106px;}
.footlist{ float: left; width: 100%;}
.footlist li{ float: left; width: 150px; margin: 0 34px; display: inline;}
.fico{ display: block; width: 60px; height: 60px; margin: 0 auto;}
.fico1{ background: url(fico1.png) no-repeat;}
.fico2{ background: url(fico2.png) no-repeat;}
.fico3{ background: url(fico3.png) no-repeat;}
.fico4{ background: url(fico4.png) no-repeat;}
.fico5{ background: url(fico5.png) no-repeat;}
.ftxt{ display: block; line-height: 20px; color: #a0a0a0; text-align: center; margin:20px 0 0;font-family:"\5FAE\8F6F\96C5\9ED1";}
.footlist li.hover .fico1{ background: url(fico1n.png) no-repeat; }
.footlist li.hover .fico2{ background: url(fico2n.png) no-repeat;}
.footlist li.hover .fico3{ background: url(fico3n.png) no-repeat;}
.footlist li.hover .fico4{ background: url(fico4n.png) no-repeat;}
.footlist li.hover .fico5{ background: url(fico5n.png) no-repeat;}
.footlist li.hover .ftxt{color:#996c33}
.footbtm{ float: left; width: 100%; background:#1b1b1b; line-height: 56px; color: #fff; text-align: center; color: #707070; font-family: arial;}
.footbtm a{color: #707070;}
/*index end*/

/*news*/
.all{ background: url(ico1.gif) no-repeat right center; padding: 0 28px 0 0; color: #a0a0a0;}
.newsbox1{ float: left; width: 100%; border-top: 1px solid #eee; margin: -2px 0 0;  }
.newsdl{ float: left; width: 100%; padding: 80px 0; border-bottom: 1px solid #eee;}
.newsdl dt{ float: left; width:320px ;}
.newsdl dt img{ width: 320px; height: 180px; display: block; vertical-align: bottom;}
.newsdl dd{float: right; width: 712px;margin: 30px 0 0;}
.title3{font-size: 16px; height: 50px; line-height: 50px; overflow: hidden; letter-spacing: 1px;}
.title3 a{ color: #b28850;}
.detail3{line-height: 18px; height: 72px; overflow: hidden;font-size: 13px;}
.newsleft{ float: left; width: 360px;}
.timebox1{float: right; text-align: right;color: #7d7d7d;line-height: 30px; margin: 10px 0 0;}
.timebox1 span{ display: block; font-size: 30px;letter-spacing: 3px; }
.timebox1 i{ display: block;font-size: 13px;letter-spacing: 2px; text-transform: uppercase;}
/*news end*/

/*download*/
.down{ float: right;margin: 10px 0 0;}
/*download end*/

/*join*/
.joindl{float: left; width: 100%; padding: 80px 0; border-bottom: 1px solid #eee;}
.joindl dt{float: left; width: 240px;}
.joindl dt span{ display: block; font-size: 18px; text-transform: uppercase; }
.joindl dt i{ display: block;font-size: 18px; color: #b28850;}
.joindl dd{ float: right; width: 790px;}
.joinleft{float: left; width: 390px;}
.joininfo{font-size: 14px;line-height: 28px;}
.joininfo span{margin: 0 40px 10px 0;}
.joininfo span.noright1{ margin: 0;}
.detail4{line-height: 18px; font-size: 13px;}
.upload{ float: right; width: 75px; text-align: center; background: url(upload.gif) no-repeat center top; padding: 48px 0 0; color: #996c33; font-size: 14px; margin: 10px 0 0;}
.nobtm{ border-bottom: medium none;}
/*join end*/

/*contact*/
.contactbox{float: left; width: 100%; padding:52px 0 80px;}
.contactleft{float: left; width: 530px; }
.formbox1{ float: left; width: 100%; border-bottom: 1px solid #d6d6d6; margin: 28px 0 0;}
.formbox1 label{ float: left; width: 80px; line-height: 32px; color: #bdbdbd; font-size: 14px; letter-spacing: 1px;}
.formbox1 input{ border: medium none; float: left; width: 400px; height: 32px; line-height: 32px; color: #7d7d7d;font-size: 14px;}
.contactright{float: right; width: 530px; }
.formbox2{float: left; width: 530px; border-bottom: 1px solid #d6d6d6; margin: 28px 0 0;}
.formbox2 label{display: block;line-height: 32px; color: #bdbdbd; font-size: 14px; letter-spacing: 1px;}
.formbox2 textarea{border: medium none;  width: 530px; height: 122px; line-height: 32px; color: #7d7d7d;font-family:helvetica1,"\5FAE\8F6F\96C5\9ED1","\5B8B\4F53", Arial, Helvetica, sans-serif;font-size: 14px;}
.submitbtn{ float: left; width: 100%; margin: 50px 0 0;}
.submitbtn input{ width: 100%; background: #996c33; font-size: 15px; color: #fff; height: 63px; line-height: 50px; border: medium none;}
/*contact end*/

/*prolist*/
.prolistbox{ width: 1090px; position: relative; padding: 60px 0 80px;}
.prolistslide{width: 1090px; height: 330px; position: relative; overflow: hidden; margin: 0; float: none;}
.lbtn1{position: absolute; left: -80px; top: 60px; background: url(lbtn1.gif) no-repeat center center; width: 50px; height: 330px;}
.lbtn1:hover{ background: url(lbtn1n.gif) no-repeat center center;}
.rbtn1{position: absolute; right: -80px; top: 60px; background: url(rbtn1.gif) no-repeat center center; width: 50px; height: 330px;}
.rbtn1:hover{ background: url(rbtn1n.gif) no-repeat center center;}
/*prolist end*/

/*share*/
.yahei{ font-family:"\5FAE\8F6F\96C5\9ED1";} 
.div_clear {clear: both; font-size: 0; height: 0; line-height: 0; overflow: hidden; width: 100%; margin:0; padding:0;}
.wrap{margin:0 auto; width:1090px;}
.fl{ float:left;}
.fr{ float:right;}
.fl100{ float:left; width:100%;}
/*share end*/