@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:#626262;text-decoration:none;}
a:hover {color:#3696c1;}
a:active {color:#3696c1;}
.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:#626262;}  

@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%; background: url(line.gif) no-repeat center bottom; padding: 40px 0 34px;}
.logo{ float: left; }
.sharebox{ float: right;  display: inline;}
.sharebox .bshare-custom.icon-medium .bshare-weixin{background: url(../images/wx.png) no-repeat; width: 56px; height: 56px; padding: 0; margin: 0 0 0 30px;}		
.sharebox .bshare-custom.icon-medium .bshare-sinaminiblog{background: url(../images/wb.png) no-repeat; width: 56px; height: 56px; padding: 0; margin: 0 0 0 30px;}
.memu{ float: left; width: 100%;}
.memu li{ float: left; font-size: 16px; margin: 0 56px 0 0; line-height: 60px;}
.memu li a{ color: #535353;}
.memu li.hover a,.memu li a:hover{ color: #3696c1;}
.searchform{ float:right; background: url(searchbg.gif) no-repeat; width: 300px; height: 40px; margin: 10px 0 0;}
.txt_search{ float:left; width: 220px; margin: 0 0 0 20px; height:40px; line-height: 40px; display: inline; border: medium none; color: #6d6e71; background: transparent;}
.btn_search{ float:right; width:40px; height:40px; background:url(searchbtn.gif) no-repeat center center; cursor:pointer; border: medium none;}
/*banner效果*/
.content{position:relative;width:100%;margin:-2px auto 0; height:504px; float: left;}
.banner{overflow:hidden;width:100%;height:504px;overflow:hidden;}
.content ul{ }
.content_ul li{ display:block; width:100%; height:504px; list-style:none; padding:0; margin:0; position:absolute;}
.content_ul li a { display:block; width:100%; height:504px; text-indent:-9999px;}
.slidenum{ position:absolute; display:block; bottom:20px; left:0; width: 100%; text-align: center;}
.slidenum span{display:inline-block; background:url(../images/yuan1.png) no-repeat;width:10px; height:10px; margin:0 8px; cursor:pointer;}
.slidenum span.current{background:url(../images/yuan2.png) no-repeat;}
/*banner效果 end*/
.title1{ text-align: center; font-size: 16px;color: #434343; line-height: 24px; margin: 65px 0 0; float: left; width: 100%; background: url(line1.gif) no-repeat center bottom; padding: 0 0 20px;}
.title1 i{ display: block; text-transform: uppercase;}
.title1 span{display: block;}
.detail1{ float: left; width: 100%; text-align: center; line-height: 24px; margin: 40px 0 0;}
.proslidebg{ float: left; width: 100%; background:#eeeeee; padding: 60px 0; margin: 40px 0 0;}
.proslidebox{float: left; width: 1080px; margin: 0 0 0 60px; display: inline; position: relative;}
.proslide{ float: left; width: 1080px; height: 350px; position: relative; overflow: hidden;}
.proslide li{ float: left; width: 240px; height: 345px; padding: 5px 5px 0; margin: 0 10px; display: inline; background: #fff; }
.propic{ display: block; width: 240px; height: 280px; vertical-align: bottom;}
.protlebox{ float: left; width: 204px; padding: 0 18px;}
.protle{line-height: 24px; margin: 7px 0 0;}
.protle a{ display: block; font-size: 14px; color: #3696c1; height: 24px; overflow: hidden;}
.protle span{ display: block; color: #7d7d7d; height: 24px; overflow: hidden;}
.more{ float: right; background: url(more.gif) no-repeat; width: 34px; height: 34px; margin: 14px 0 0;}
.lbtn,.rbtn{ position: absolute; left: -93px; top: 0; height: 350px; background: url(lbtn.gif) no-repeat center center; cursor: pointer; display: block; width: 43px;}
.rbtn{ left: auto; right: -93px; background: url(rbtn.gif) no-repeat center center; display: block;}
.newsbox{ float: left; width: 364px; margin: 0 54px 0 0; display: inline;}
.title2{ font-size: 16px; text-align: center; line-height: 42px; height: 42px; overflow: hidden; margin: 40px 0 0;}
.detail2{line-height: 20px; text-align: center; margin: 8px 0 0;}
.time{color: #3696c1; text-align: center; margin: 25px 0 0;}
.noright{margin-right: 0;}
.more1{ display: block;margin: 60px auto; background: url(more1.gif) no-repeat; width: 137px; height: 45px; line-height: 45px; text-align: center; color: #fff; font-size: 14px;}
.more1:hover{ color: #fff;}
.footbox{ float: left; width: 100%; background: #434343; padding: 110px 0 106px;}
.footlist{ float: left; width: 100%;}
.footlist li{ float: left; width: 150px; margin: 0 45px; 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: #3696c1;}
.footbtm{ float: left; width: 100%; background:#1b1b1b; line-height: 56px; color: #fff; text-align: center; color: #707070; font-family: arial;}
/*index end*/ 

/*about*/
.main{ float: left; width: 100%; background: #faf9f9; padding: 50px 0;}
.left{ float: left; width: 236px;}
.title3{ color: #fff; line-height: 24px; background: #3696c1; padding: 30px 0 24px 30px;}
.title3 i{ display: block; font-family: helvetica1; font-size: 20px; text-transform: uppercase;}
.title3 span{ display: block; font-size: 14px;}
.lnav{ float: left; width: 100%; background: #58b2da;}
.lnav li{ padding: 0 0 0 30px; border-top: 1px solid #74bfe0; font-size: 14px; line-height: 49px;}
.lnav li a{ color: #fff;}
.lnav li.on a,.lnav li a:hover{color: #ff7496;}
.right{ float: left; width:880px; background: #fff; padding:42px;}
.titlebox{ float:left; width: 100%; border-bottom: 1px solid #a0a0a0; }
.site{ float: right; color: #7d7d7d; font-size: 14px; line-height: 60px;}
.site a{color: #7d7d7d;}
.site i{ margin: 0 5px;}
.title4{color: #3696c1; font-size: 16px; line-height: 60px;}
.aboutcon{ line-height: 20px; color: #7d7d7d; line-height:28px; margin: 20px 0 0; float: left; width: 100%;}
.aboutcon p{line-height: 20px; color: #7d7d7d;}
/*about end*/

/*contact*/
.contactleft{ float: left; width: 520px;}
.title5{ line-height: 26px; margin: 42px 0 0; padding: 0 0 16px;}
.title5 i{ display: block; color: #7d7d7d; font-size: 18px; text-transform: uppercase;font-family: helvetica1;}
.title5 span{ color: #3696c1; font-size: 16px;}
.contactinfo{color: #7d7d7d; font-size: 14px; margin: 16px 0 0; line-height: 42px;}
.contactinfo i{ margin: 0 20px;}
.detail3{line-height: 18px; color: #a0a0a0; font-family: helvetica1; font-size: 13px;}
.ewm{float: right; width: 110px; text-align: center; margin: 90px 0 0;}
.ewm img{ display: block; vertical-align: bottom; width: 100px; height: 100px; margin: 0 auto;}
.ewm p{ text-align: center; color: #b5b5b5; line-height: 30px;}
/*contact end*/

/*products*/
.prolist{ float: left; width: 900px; padding: 0 0 50px;}
.prolist li{ float: left; width:203px;border: 1px solid #e3e3e3; margin: 30px 20px 0 0;}
.propic1{ display: block;}
.propic1 img{ width:203px; height:237px; display:block; vertical-align: middle;}
.protle1{padding:8px 16px;}
.protle1 a{ display: block; color: #3696c1; line-height: 21px; height: 21px; overflow: hidden;}
.protle1 span{ display: block; color: #7d7d7d;line-height: 21px;height: 21px; overflow: hidden;}
.page{ float: left;}
.page a{ float: left; display:block; line-height: 24px; margin: 0 2px; padding: 0 8px; border: 1px solid #dcdcdc; color: #a0a0a0; display: inline;}
.page a.on,.page a:hover{ color: #3696c1; border: 1px solid #3696c1;}
.page a.page1{ background: #dcdcdc; border: medium none; width: 60px; height: 26px; line-height: 26px; text-align: center; color: #fff; margin: 0 10px 0 0;}
.page a.page1:hover{ color: #fff; border: medium none;}
.page a.act{background:#3696c1;}
.pagetxt{ float: right; color: #7d7d7d; line-height: 26px; }
/*products end*/

/*join*/
.joinlist{float: left; width:100%; margin: 0 0 40px; display: inline;}
.joinlist li{float: left; width: 100%; border-bottom: 1px solid #dcdcdc; line-height: 50px; padding: 10px 0;}
.joinlist li a,.joinlist li span{color: #707070;}
.joinlist li a.pos{ color: #3696c1;}
.joinlist li span{ margin: 0 0 0 70px;}
.joinlist li a.more2{float: right; width: 74px; height: 24px; border: 1px solid #3696c1; color: #3696c1; line-height: 24px; text-align: center; margin: 12px 0 0;-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;}
.joinlist li a.pos:hover{ text-decoration: underline;}
.joinlist li a.more2:hover{ background: #3696c1; color: #fff;}
/*join end*/

/*news*/
.newslist2{float: left; width:100%; margin: 0 0 40px; display: inline;}
.newslist2 li{float: left; width: 100%; border-bottom: 1px dashed #dcdcdc; line-height: 50px; padding: 10px 0;}
.newslist2 li a,.joinlist li span{color: #7d7d7d;}
.newslist2 li a:hover{ color: #3696c1;}
.time3{ float: right; color: #3696c1;}
/*news 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:1200px;}
.fl{ float:left;}
.fr{ float:right;}
.fl100{ float:left; width:100%;}
/*share end*/