@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:#434343;text-decoration:none;}
a:hover {color:#0c5bb4;}
a:active {color:#0c5bb4;}
.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:#434343; background: #f7f6f5;}  

/*index*/
.headtop{ float: left; width: 100%; }
.headright{float: right; line-height: 50px;}
.headright span{ color: #0c5bb4;}
.headright a{color: #313131; margin: 0 0 0 34px;}
.head{ float: left; width: 100%; padding: 20px 0 0;background: #fff;}
.logo{ float: left;}
.menu{ float: right;}
.menu li{ float: left; background: url(fgx.gif) no-repeat left center; font-size: 14px; line-height: 82px;}
.menu li a{ color: #313131; padding: 0 20px; display: block;}
.menu li.hover a,.menu li a:hover{color: #0c5bb4; background: url(ico1.gif) no-repeat center bottom;}
.menu li.nobg{ background: none;}
/*banner效果*/
.content{position:relative;width:100%;margin:-2px auto 0; height:450px; float: left;}
.banner{overflow:hidden;width:100%;height:450px;overflow:hidden;}
.content ul{ }
.content_ul li{ display:block; width:100%; height:450px; list-style:none; padding:0; margin:0; position:absolute;}
.content_ul li a { display:block; width:100%; height:450px; text-indent:-9999px;}
.lbtn{position: absolute;left: 3%; top: 0; background: url(lbtn.png) no-repeat center center; width: 80px; height: 450px;  text-indent: -9999px;}
.rbtn{position: absolute;right: 3%; top: 0; background: url(rbtn.png) no-repeat center center; width: 80px; height: 450px; text-indent: -9999px;}
/*banner效果 end*/
.newstablist{float: left; width: 100%; margin: -60px 0 0; position: relative;}
.newstablist span{float:left;display:block; background:url(touming1.png);width:329px; border-left: 1px solid #8f9499; height:60px; line-height:60px;cursor:pointer; color: #fff; font-size: 14px; text-align: center;}
.newstablist span.noleft{ border-left: medium none;}
.newstablist span.current{background:url(touming2.png);}
.newstabcon{ float: left; width: 930px; padding: 30px; background: #fff;}
.newstabcon1{ display: none;}
.newsdl{ float: left; width: 100%;}
.newsdl dt{ float: left; width: 300px;}
.newsdl dd{ float: right; width: 575px; }
.title1{line-height: 55px; font-size: 14px; border-bottom: 1px solid #a0a0a0;margin: 20px 0 0;}
.title1 a{ color: #448aca;}
.detail1{line-height: 20px;}
.protabbox{ float: left; width: 100%;background: #fff; padding: 45px 0 60px; margin: 60px 0 0;}
.protablist{ float: left; width: 100%; text-align: center; line-height: 32px; color: #434343;}
.protablist span{ cursor: pointer; padding: 0 16px;}
.protablist span.on{ color: #0c5bb4;}
.proslidebox{ float: left; width: 990px; height: 360px; position: relative; margin: 55px 0 0; display: none;}
.proslide{ width: 990px; height: 360px; position: relative; overflow: hidden;}
.proslide li{width: 988px; height: 358px; border: 1px solid #e5e5e5; float: left; margin: 0 20px 0 0;}
.prodl{float: left; padding: 30px; width: 928px; height: 298px; overflow: hidden;}
.prodl dt{ float: left; width: 300px;}
.prodl dt img{ display: block; vertical-align: bottom; width: 300px; height: 300px;}
.prodl dd{ float: right; width: 575px;}
.detail2{font-size: 14px; color: #448aca; line-height: 24px; margin: 20px 0; height: 96px; overflow: hidden;}
.detail3{line-height: 20px; height: 60px; overflow: hidden;}
.leftbtn,.rightbtn{ position: absolute; left: -77px; top: 0; width: 42px; background: url(leftbtn.gif) no-repeat center center; height: 360px; cursor: pointer;}
.rightbtn{ left: auto; right: -77px; background: url(rightbtn.gif) no-repeat center center;}
.friendlink{ float: left; width: 100%; margin: 50px 0 0;}
.friendlink a,.friendlink span{ float: left; line-height: 20px;}
.friendlink a{float: left; margin: 0 0 0 20px; display: inline;}
.foot{ float: left; width: 100%; padding: 50px 0;}
.footnav{ float: left; margin: 0 55px 0 0;}
.foottle{ color: #0c5bb4; font-size: 14px; margin: 0 0 20px;}
.footnav li{line-height: 28px;}
.footright{ float: right; width: 280px;}
.footright a{ float: left; width: 104px; height: 104px; margin:25px 36px 0 0;}
.fancybox-effects-b{ background: url(wx.png) no-repeat;}
.fancybox-effects-b:hover{background: url(wxn.png) no-repeat;}
.qq{ background: url(qq.png) no-repeat;}
.qq:hover{ background: url(qqn.png) no-repeat;}
.footbtm{background: #2b2c2d; float: left; width: 100%; padding: 26px 0; }
.footleft{ float: left; }
.footleft span,.footleft i{ display: block; line-height: 25px;}
.footleft span{ color:#448aca; font-size: 16px;}
.footleft i{ color:#707070; font-family: arial;}
.copy{ float: right; color: #707070; line-height: 25px; margin: 25px 36px 0 0; display: inline;}
/*index end*/

/*about*/
.main{ float: left; width: 100%; padding: 50px 0;}
.left{ float: left; width: 200px;}
.title3{ color: #fff; line-height: 24px; background: #448aca; 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: #69a1d5;}
.lnav li{ padding: 0 0 0 30px; border-top: 1px solid #96bde2; font-size: 14px; line-height: 49px;}
.lnav li a{ color: #fff;}
.lnav li.on a,.lnav li a:hover{color: #015c9c;}
.right{ float: left; width:710px; background: #fff; padding:40px; overflow: hidden;}
.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: #448aca; font-size: 16px; line-height: 60px;}
.aboutcon{ line-height: 25px; color: #7d7d7d; margin: 20px 0 0; float: left; width: 100%;}
.aboutcon p{line-height: 25px; 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: arial;}
.title5 span{ color: #448aca; font-size: 16px;}
.contactinfo{color: #7d7d7d; font-size: 14px; margin: 16px 0 0; line-height: 42px;}
.contactinfo i{ margin: 0 20px;}
.detail3{line-height: 20px; color: #a0a0a0;  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*/
/*message*/
.messageform{ float: left; width: 490px; margin: 30px 0 0 41px; display: inline;}
.formbox{ float: left; width: 100%; margin: 20px 0 0;}
.formbox label{ float: left; width: 62px; text-align: right; margin: 0 20px 0 0; line-height: 40px; color: #7d7d7d;}
.input,.yzmbox{ float: left; width: 368px; background: #f9f8f8; border: 1px solid #b5b5b5; height: 38px; line-height: 38px; padding: 0 10px; color: #666;}
.xinghao{ float: right; color: #cfa972; line-height: 40px; font-size: 16px;}
.formbox1 label{line-height: 122px;}
.formbox1 .input{line-height: 20px; padding: 10px; height:100px; font-size: 12px; }
.formbox1 .xinghao{ line-height: 122px;}
.yzmbox{position: relative;}
.formbox .yzmbox input{ width: 239px;border: medium none;}
.yzm{ position:absolute; right:0; top:0; background:url(../images/shuaxin.gif) no-repeat right center;  padding: 0 38px 0 0; width: 91px; height: 38px;}
.yzm img{ width:91px; height:38px; display:block; vertical-align:bottom; }
.submitbtn{ float: left; width: 390px; border: medium none; height: 40px; background:#448ACA; color: #fff; text-align: center; line-height: 38px; margin:30px 0 0 82px; display: inline; font-size: 16px; cursor: pointer;}
/*message end*/
/*products*/
.prolist{ float: left; width: 732px; padding: 0 0 50px;}
.prolist li{ float: left; width:220px;border: 1px solid #e3e3e3; margin: 30px 22px 0 0;}
.propic1{ display: block;}
.propic1 img{ width:220px; height:220px; display:block; vertical-align: middle;}
.protle1{float: left; width: 188px; padding: 0 16px; line-height: 46px;}
.protle1 a{ float:left;color: #448aca;  height: 46px; overflow: hidden;}
.protle1 span{ float: right; color: #a0a0a0;height: 46px; 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: #448aca; border: 1px solid #448aca;}
.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:#448aca;}
.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: #448aca;}
.joinlist li span{ margin: 0 0 0 70px;}
.joinlist li a.more2{float: right; width: 74px; height: 24px; border: 1px solid #448aca; color: #448aca; 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: #448aca; 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: #448aca;}
.time3{ float: right; color: #448aca;}
/*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:990px;}
.fl{ float:left;}
.fr{ float:right;}
.fl100{ float:left; width:100%;}
/*share end*/