@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:#707070;text-decoration:none;}
a:hover {color:#5fde49;}
a:active {color:#5fde49;}
.hidden{ display:none}
i{ font-style:normal}
/*basic*/ 
body{margin:0px; padding:0px;font-family:"\5FAE\8F6F\96C5\9ED1","\5B8B\4F53", Arial, Helvetica, sans-serif; font-size:12px;color:#707070; background:url(bg.gif) repeat-x #1674a7; _background: none #2BAEC0;}  
@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*/
.main{ float: left; width: 100%; background: url(main.png) repeat-y center top; _background: url(main.gif) repeat-y center top;}
.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 30px; display: inline;}
.menu li a{ line-height: 40px; display: block; padding: 13px 0 0; border-top: 2px solid #fff; color: #898989;}
.menu li.hover a,.menu li a:hover{ border-top: 2px solid #5fde49; color: #5fde49;}
.bannerbox{ width:1090px; height:400px; position:relative;}
.banner{ width:1090px; height:400px; overflow: hidden; position: relative;}
.banner ul {height: 400px; }
.banner a img{ width:1090px; height:400px; display: block; vertical-align: bottom; }
.slidenum{ position:absolute; display:block; bottom:35px; left:0; width: 1090px; text-align: center;}
.slidenum span{display:inline-block; background:url(../images/yuan1.png) no-repeat;width:14px; height:14px; margin:0 8px; cursor:pointer;}
.slidenum span.current{background:url(../images/yuan2.png) no-repeat;}
.aboutbox{ float: left; width: 100%; padding: 80px 0;}
.aboutbox dt{ float: left; width: 211px; margin: 0 0 0 32px; display: inline; position: relative; }
.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:685px;}
.title1{ line-height: 30px;font-family: helvetica1;}
.title1 i{color: #a0a0a0; font-size: 24px;display: block; text-transform: uppercase; letter-spacing: 1px;}
.title1 span{ color: #5fde49; font-size: 18px; display: block;}
.more1{ float: right; line-height: 30px; color: #5fde49; text-transform: uppercase; font-size: 16px;  letter-spacing: 1px;font-family: helvetica1;}
.detail1 { line-height: 24px; margin:20px 0 0;}
.productbox{ float: left; width: 100%; background:#f7f6f5; padding: 80px 0;}
.prolist{float: left; width: 100%; margin: 50px 0 0;}
.prolist li{ float: left; width: 228px; height: 300px; margin: 0 26px 0 0; background: #fff; position: relative; overflow: hidden;}
.prolist li.noright{ margin: 0;}
.prolist li.on{-moz-box-shadow:0 5px 15px rgba(14,5,10,0.1);-webkit-box-shadow:0 5px 15px rgba(14,5,10,0.1);box-shadow:0 5px 15px rgba(14,5,10,0.1);}
.prolist li img{ width: 228px; height: 228px; display: block; vertical-align: bottom;}
.slidebox{ position: absolute; left: 0; top:300px; width: 194px; height: 118px; padding: 0 17px; background: url(tm.png);}
.slidebox span{ display: block; font-size: 16px; line-height: 40px; color: #fff; height: 40px; overflow: hidden; margin: 10px 0 0; border-bottom: 1px solid #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:228px; width: 194px; padding: 0 17px; text-transform: uppercase;}
.protle span{ display: block; color: #5fde49; font-size: 16px; line-height: 20px; }
.protle i{ display: block; color: #7d7d7d; line-height: 20px;}
.foottop{ float: left; width: 100%; padding: 60px 0;}
.foot1{ float: left; width: 190px; color: #5fde49;font-family: helvetica1; line-height: 32px;}
.foot1 i{display: block; font-size: 21px; letter-spacing: 3px;}
.foot1 span{display: block; font-size: 16px; letter-spacing: 2px;}
.foot2{ float:left; width:400px;}
.title2{ color:#5fde49; font-size:16px; line-height: 30px;}
.detail2{ color:#707070; line-height:24px; margin:10px 0 0;}
.sharebox1{ float: right;}
.sharebox1 .bshare-custom.icon-medium .bshare-weixin{background: url(../images/wx.png) no-repeat; width: 82px; height: 82px; padding: 0; margin: 0 30px 0 0;}		
.sharebox1 .bshare-custom.icon-medium .bshare-weixin:hover{background: url(../images/wxn.png) no-repeat; opacity: 1;}
.sharebox1 .bshare-custom.icon-medium .bshare-sinaminiblog{background: url(../images/wb.png) no-repeat; width: 82px; height: 82px; padding: 0; margin: 0 30px 0 0;}
.sharebox1 .bshare-custom.icon-medium .bshare-sinaminiblog:hover{ background: url(../images/wbn.png) no-repeat;opacity: 1;}
.footbox{ float: left; width: 100%; background: url(btmbg.png) no-repeat center top; _background: url(main.gif) repeat-y  center top; height: 158px;_height: auto;}
.footbtm{ float: left; width: 100%; background: #5fde49;_margin-left: 1px;}
.footbtm span{ float: left; line-height: 58px; color: #fff;}
.footbtm i{ float: right;line-height: 58px; color: #fff;}
/*index*/

/*join*/
.ban{ float: left; width: 100%; _margin-left: 1px;}
.ban img{ width: 1090px; height: 350px; display: block; vertical-align: bottom;}
.left{ float: left; width:180px; margin: 40px 0 0;}
.lnavtle{ line-height: 50px; background: url(lnavtlebg.gif) no-repeat center top;height: 50px; overflow: hidden; padding: 0 0 0 20px; font-size: 14px; color: #fff; text-transform: uppercase;}
.lnav{}
.lnav li{ line-height: 50px; border-top: 1px solid #bfbfbf;background: #f7f6f5; padding: 0 20px; float: left; width: 140px;}
.lnav li a{ display: block; background: url(ico1.gif) no-repeat right center; font-size: 14px;}
.lnav li.on a,.lnav li a:hover{ background: url(ico1n.gif) no-repeat right center; color: #5fde49;}
.right{ float: right; width: 762px; margin: 40px 0 0;}
.joinlist{float: left; width: 100%; margin: 0 0 40px;}
.joinlist li{float: left; width: 100%; border-bottom: 1px dashed #dcdcdc; line-height: 50px;}
.joinlist li a,.joinlist li span{color: #707070;}
.joinlist li a:hover{ color: #5fde49;}
.joinlist li span{ margin: 0 0 0 70px;}
.upload{float: right;}
.neiye{ float: left; width: 100%; padding: 0 0 80px;}
.page{ float: left;}
.page a{  display: inline-block; line-height: 26px; margin: 0 8px;}
.page a.on,.page a:hover{ color: #5fde49;}
.page a.page1{ background: url(page1.gif) no-repeat; width: 59px; height: 26px; line-height: 26px; text-align: center;}
.page a.page1:hover{background: url(page2.gif) no-repeat; color: #fff;}
.pagetxt{ float: right; color: #7d7d7d; line-height: 26px;}
/*join end*/

/*about*/
.aboutbox1{ float: left; width: 761px; background: url(aboutbg.gif) repeat-y center top;}
.aboutbox2{ float: left; width: 681px; background: url(aboutbg.jpg) no-repeat center top; padding: 18px 40px 60px;}
.abouttle{color: #5fde49; font-size: 18px; line-height: 80px; border-bottom: 1px solid #a0a0a0; text-transform: uppercase;}
.aboutdl dt{ float: right;margin: 70px 40px 0 0; display: inline;width: 142px; }
.aboutdl dd{ width: 404px; float: left;}
.aboutdl dt img{ width: 142px;}
.aboutdl dd p{ line-height: 20px; margin:20px 0 0;}
.aboutdl{ line-height:25px; padding-top:15px;}
/*about end*/

/*news*/
.newslist{float: left; width: 100%; margin: 0 0 40px;}
.newslist li{float: left; width: 100%; border-bottom: 1px dashed #dcdcdc; line-height: 50px;}
.newslist li a,.joinlist li span{color: #707070;}
.newslist li a:hover{ color: #5fde49;}
.time{ float: right;}
/*news end*/

/*contact*/
.title3{line-height: 28px;font-family: helvetica1;}
.title3 i{display: block; font-size: 18px; color: #a0a0a0; text-transform: uppercase;}
.title3 span{ display: block; font-size: 16px; color: #5fde49;}
.contactinfo{font-size: 14px; margin: 38px 0; color: #5fde49;}
.contactinfo span,.contactinfo a{color: #5fde49;}
.contactinfo i{margin: 0 28px;}
.detail3{font-family:helvetica1; padding: 16px 0 0; color: #a0a0a0; font-size: 13px; letter-spacing: 1px;}
.ewm{  margin: 60px 0 0; width: 115px; text-align: center;}
.ewm span{ display: block;  width: 115px;}
.ewm span img{ width: 115px; height: 115px; display: block; vertical-align: bottom;}
.ewm i{display:block;line-height: 45px; color: #b5b5b5;}
/*contact end*/

/*products*/
.prolist1{float: left; width: 100%; overflow: hidden;}
.prolist1 ul{ float: left; width:780px;}
.prolist1 li{float: left; width: 174px; height: 198px; border: 1px solid #dcdcdc; position: relative;overflow: hidden; margin: 19px 19px 0 0; background: #fff;}
.prolist1 li.on{border: 1px solid #5fde49;}
.prolist1 li img{ display: block; vertical-align: bottom; width: 174px; height: 166px;}
.protle1{line-height: 32px; float: left; width: 150px; background: #dcdcdc; padding: 0 12px;color: #fff;}
.protle1 span{float: left;}
.protle1 i{ float: right; }
.slidebox1{ position: absolute; left: -1px; top:198px; width:152px; height: 80px; padding: 0 12px; background: url(tm.png);}
.slidebox1 span{ display: block; font-size: 13px; line-height: 32px; color: #fff; height: 32px; overflow: hidden; border-bottom: 1px dashed #fff; text-transform: uppercase;}
.slidebox1 p{ line-height: 12px; height: 24px; overflow: hidden; color: #fff; margin: 8px 0 0; }
/*products 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;}
.wrap1{margin:0 auto; width:990px;}
.fl{ float:left;}
.fr{ float:right;}
.fl100{ float:left; width:100%;}
/*share end*/



.page{ float:left; width:100%; text-align:center; margin:50px 0 0;}
.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 #5fde49; background:#5fde49;}