@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:#757575;text-decoration:none;}
a:hover {color:#2b8ae4;}
a:active {color:#2b8ae4;}
.hidden{ display:none}
i{ font-style:normal}
.page{ height:25px; text-align:center; margin-top:10px;}
.page span{ margin:2px; border:1px solid #CCC; padding:2px;}
.page a{ margin:2px;}
.hover{ color:#F00}
/*basic*/ 
body{margin:0px; padding:0px;font-family:"\5FAE\8F6F\96C5\9ED1","\5B8B\4F53", Arial, Helvetica, sans-serif; font-size:12px;color:#757575;}  

@font-face {
  font-family: 'brandontext-bold';
  src: url('../../../fonts/brandontext-bold.eot');
  src: url('../../../fonts/brandontext-bold.eot?#iefix') format('embedded-opentype'), url('../../../fonts/brandontext-bold.woff2') format('woff2'), url('../../../fonts/brandontext-bold.woff') format('woff'), url('../../../fonts/brandontext-bold.ttf') format('truetype'), url('../../../fonts/brandontext-bold.svg#glyphicons_halflingsregular') format('svg');
}

/*index*/
.headtop{ float: left; width: 100%; background: #eceef4; height: 60px;}
.welcome{ float:left; color: #898989; background:url(woshou.gif) no-repeat 0 center; padding: 0 0 0 33px; line-height: 60px;}
.head{ float: left; width: 100%; padding: 46px 0;}
.logo{float: left;}
.searchform{ float:right; background: url(searchbg.gif) no-repeat; width: 301px; height: 40px; margin: 11px 0 0;}
.txt_search{ float:left; width: 238px; margin: 1px 0 0 20px; height:38px; line-height: 38px; display: inline; border: medium none; color: #d1d7e7;}
.btn_search{ float:right; width:34px; height:34px; background:url(searchbtn.png) no-repeat center center; cursor:pointer; border: medium none; margin: 3px 4px 0 0; display: inline;}
.menu{ float: left; width: 100%; border-top:1px solid #eceef4;}
.menu li{ float: left; border-right: 1px solid #eceef4; line-height: 59px; font-size: 14px;}
.menu li a{color: #707070; display: block; padding: 0 30px;}
.menu li.hover a,.menu li a:hover{background: url(ico1.gif) no-repeat center bottom; color: #e95d63;}
.tel{ float: right; background: url(tel.gif) no-repeat 0 center; padding: 0 0 0 34px; color: #6d6e71; font-size: 15px; line-height: 59px; font-weight: bold;}
.tel span{color: #e95d63;font-family: arial; font-size: 17px;}
/*banner效果*/
.content{position:relative;width:100%;margin:-2px auto 0; height:502px; float: left;}
.banner{overflow:hidden;width:100%;height:502px;overflow:hidden;}
.content ul{ }
.content_ul li{ display:block; width:100%; height:502px; list-style:none; padding:0; margin:0; position:absolute;}
.content_ul li a { display:block; width:100%; height:502px; 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:12px; height:12px; margin:0 8px; cursor:pointer;}
.slidenum span.current{background:url(../images/yuan2.png) no-repeat;}
/*banner效果 end*/
.title1{ text-align: center;font-size: 18px; margin: 65px 0 0; line-height: 24px;}
.title1 i{display: block;font-family: brandontext-bold; color: #6d6e71; text-transform: uppercase;}
.title1 span{ color: #e95d63; display: block;}
.prolist{float: left; width: 1158px; margin: 60px 0 90px 1px; display: inline;}
.prolist li{ float: left; width: 200px; margin: 0 93px; display: inline;}
.propic{width:200px; height:368px; display:table-cell; vertical-align:middle; text-align:center; *display:block; *font-size:321px;/*约为高度的0.873，200*0.873 约为175*/ *font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/  }
.propic img{vertical-align:middle;}
.protle{font-size: 18px; line-height: 30px; height: 30px; overflow: hidden; text-align: center;}
.protle a{color: #e95d63;}
.prodetail{ color: #6d6e71; text-align: center; line-height: 24px; height: 24px; overflow: hidden;}
.more{ display: block;margin:20px auto 0; background: url(more.gif) no-repeat; width: 124px; height: 30px; line-height: 30px; text-align: center; color: #fff; font-size: 14px;}
.newsbox{ float: left; width:490px; height: 317px; background: url(box.gif) no-repeat; padding: 35px 42px 0;}
.title2{line-height: 20px; margin: 0 0 28px; }
.title2 span{ color: #e95d63; font-size: 16px; display: block;}
.title2 i{ display: block; font-family: arial; text-transform: uppercase;}
.newsdl{ float: left; width: 100%; border-top: 1px dotted #a6a6a6; padding: 22px 0;}
.newsdl dt{ float: left; width:90px;}
.newsdl dt span{width:90px; height:64px; display:table-cell; vertical-align:middle; text-align:center; *display:block; *font-size:56px;/*约为高度的0.873，200*0.873 约为175*/ *font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/  }
.newsdl dt span img{vertical-align:middle;}
.newsdl dd{ float: right; width: 386px;}
.title3{font-size: 14px; line-height: 26px; height: 26px; overflow: hidden; margin:0 0 6px;}
.title3 a{ color: #e95d63;}
.title3 a:hover{ text-decoration: underline;}
.detail1{ color:#7d7d7d; line-height: 16px; height: 32px; overflow: hidden;}
.newsbox1{ float: right;}
.newsdl1{ float: left; width: 100%; border-top: 1px dotted #a6a6a6; padding: 22px 0 0;}
.newsdl1 dt{ float: left; width: 222px; position: relative;}
.newsdl1 dt img{ display: block; width: 222px; height: 190px; vertical-align: bottom;}
.newsdl1 dt i{ position: absolute; width:4px ; height: 4px;display: block;overflow: hidden;}
.lt{ left: 0; top: 0; background: url(lt.png) no-repeat;}
.rt{ right: 0; top: 0; background: url(rt.png) no-repeat;}
.lb{ left: 0; bottom: 0; background: url(lb.png) no-repeat;}
.rb{ right: 0; bottom: 0; background: url(rb.png) no-repeat;}
.newsdl1 dd{ float: right; width: 250px; margin: 47px 0 0;}
.newsdl1 .detail1{ height: 64px;}
.footbox{ float: left; width: 100%; padding: 60px 0; background: #2b2c2d; margin: 100px 0 0;}
.foot2{ float:left; width:500px;}
.title4{ color:#e95d63; font-size:16px; line-height: 30px;}
.detail2{ color:#707070; line-height:24px;}
.sharebox1{ float: right; text-align: right;}
.sharebox1 .bshare-custom.icon-medium .bshare-weixin{background: url(../images/wx.png) no-repeat; width: 73px; height: 73px; padding: 0; margin: 0 0 0 30px;}		
.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: 73px; height: 73px; padding: 0; margin: 0 0 0 30px;}
.sharebox1 .bshare-custom.icon-medium .bshare-sinaminiblog:hover{ background: url(../images/wbn.png) no-repeat;opacity: 1;}
.copy{color: #6d6e71; line-height: 20px; margin: 30px 0 0;}
/*index end*/

/*about*/
.main{float: left; width: 100%; margin: 50px 0 0;}
.left{ float: left; width: 180px;}
.lnavtle{background: url(lnavtle.gif) no-repeat; height: 150px; color: #fff; padding: 0 0 0 20px; height: 50px; line-height: 50px; text-transform: uppercase; float: left; width: 160px;}
.lnavtle1{background: url(lnavtle1.gif) no-repeat; margin: 50px 0 0; }
.lnavtle span{ font-size: 14px;}
.lnav{ float: left; width: 100%; position: relative;margin: 20px 0 0;}
.lnav li{ float: left; width: 100%;  border-bottom: 1px solid #bfbfbf;}
.lnav li.nobtm{ border: medium none;}
.lnav li a{ padding: 0 0 0 20px; display: block; line-height: 50px; background: url(lnavico1.gif) no-repeat 155px center #f7f6f5; color: #e95d63; font-size: 14px;-webkit-transition-property:background-color;-moz-transition-property:background-color;   -o-transition-property:background-color;-webkit-transition-duration:0.1s;-moz-transition-duration:0.1s;-o-transition-duration:0.1s;}
.lnav1 li a{ color: #434343; background:url(lnavico3.gif) no-repeat 155px center ;}
.lnav li.on a,.lnav li a:hover{ background: url(lnavico2.png) no-repeat 155px center #e95d63; color: #fff;}
.lnav1 li.on a,.lnav1 li a:hover{background: url(lnavico2.png) no-repeat 155px center #e9ba07;}
.lt1{position: absolute; width:4px ; height: 4px;display: block;overflow: hidden; left: 0; top: 0; background: url(lt2.png) no-repeat;}
.rt1{position: absolute; width:4px ; height: 4px;display: block;overflow: hidden; right: 0; top: 0; background: url(rt2.png) no-repeat;}
.lb1{position: absolute; width:4px ; height: 4px;display: block;overflow: hidden; left: 0; bottom: 0; background: url(lb2.png) no-repeat;}
.rb1{position: absolute; width:4px ; height: 4px;display: block;overflow: hidden; right: 0; bottom: 0; background: url(rb2.png) no-repeat;}
.right{ float: right; width: 870px;}
.aboutbox1{ float: left; width: 870px; background: url(aboutmid.gif) repeat-y center top;}
.aboutbox2{ float: left; width: 790px; background: url(aboutbg.gif) no-repeat center top; padding: 18px 40px 60px;}
.abouttle{color: #e95d63; font-size: 18px; line-height: 80px; border-bottom: 1px solid #a0a0a0; text-transform: uppercase;}
.aboutdl{ line-height:28px; padding-top:20px;}
.aboutdl dt{ float: right;margin: 70px 66px 0 0; display: inline;width: 188px; }
.aboutdl dd{ width: 404px; float: left;}
.aboutdl dt img{ width: 188px;}
.aboutdl dd p{ line-height: 20px; margin:20px 0 0; font-size: 14px; color: #434343;}
.relativepro{ float: left; width: 100%; margin: 50px 0 0; position: relative;}
.relativepro li{float: left; width: 100%;}
.propic1{display: block;}
.propic1 img{width: 180px; height: 163px; display: block; vertical-align: bottom;}
.protle1{background: #1b1b1b; line-height: 35px; text-align: center; font-size: 14px; }
.protle1 a{color: #fff; }
/*about end*/

/*partner*/
.show {float: left; width: 100%;}
.show ul {overflow: hidden; margin-bottom: 30px;}
.show ul li {width:25%;*width:24.9%;overflow: hidden; float: left; position: relative; cursor: pointer;}
.show ul li img{ width:180px;}
.show ul li span {top: -160px; width: 100%; position: absolute; opacity: 0; -webkit-transition: all .5s ease 0s; -mos-transition: all .5s ease 0s; -ms-transition: all .5s ease 0s; transition: all .5s ease 0s;}
.show ul li:hover span {top: 0px; opacity: 1;}
/*partner end*/

/*tips*/
.tipsdl{ float: left; width: 100%; border-bottom: 1px solid #a6a6a6; padding: 40px 0;}
.tipsdl dt{ float: left; width:90px;}
.tipsdl dt span{width:90px; height:92px; display:table-cell; vertical-align:middle; text-align:center; *display:block; *font-size:80px;/*约为高度的0.873，200*0.873 约为175*/ *font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/  }
.tipsdl dt span img{vertical-align:middle;}
.tipsdl dd{ float: right; width: 675px;}
.title5{font-size: 14px; line-height: 26px; height: 26px; overflow: hidden; margin:0 0 6px;}
.title5 a{ color: #e95d63;}
.title5 a:hover{ text-decoration: underline;}
.detail3{ color:#7d7d7d; line-height: 20px; height: 60px; overflow: hidden;}
.nobtm1{ border-bottom: medium none;}
.title6{ color: #e95d63; font-size: 14px; margin: 40px 0 20px;}
.ewm{ float: right;width: 100px; margin: 40px  0 0;}
.ewm img{ width: 100px; height: 100px; display: block; vertical-align: bottom;}
/*tips end*/

/*news*/
.newsdl2{ float: left; border:1px solid #ddd; width: 854px; height: 184px; padding: 8px; margin: 0 0 20px;}
.newsdl3{ }
.newsdl2 dt{float: right; width: 184px;}
.newsdl2 dt img{ width: 184px; height: 184px; display: block; vertical-align: bottom;}
.newsdl2 dd{ float: left; width: 560px; margin: 20px 0 0 36px; display: inline;}
.title7{ font-size: 14px; line-height: 52px; border-bottom: 1px solid #a0a0a0; height: 52px; overflow: hidden; margin: 0 0 15px;}
.title7 a{color: #e95d63;}

.page{ float: left; width: 100%; text-align: center; margin: 30px 0 0;}
.page a{ display: inline-block; margin: 0 8px; color: #b5b5b5;line-height: 26px;}
.page a.page1{ background: #b5b5b5; color: #fff;padding: 0 10px; border-radius: 4px;}
.page a:hover{ color: #3696c1;}
.page a.page1:hover{background: #3696c1; color: #fff;}
/*news end*/

/*news_detail*/
.time{ float: right; line-height: 80px;}
.newscon{ float: left; width: 100%; margin: 20px 0 0;}
.newscon p{ line-height: 20px; color: #a0a0a0; margin: 0 0 20px;}
/*news_detail end*/

/*products*/
.right1{ float: right; width: 871px;}
.prolist1{ float:left; width:904px;}
.prolist1 li{ float: left; width: 191px; border: 1px solid #e2e2e2; border-radius: 5px; margin: 0 33px 30px 0;}
.prolist1 li.hover{ border: 1px solid #e9ba07;}
.propic2{width:191px; height:198px; display:table-cell; vertical-align:middle; text-align:center; *display:block; *font-size:173px;/*约为高度的0.873，200*0.873 约为175*/ *font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/  }
.propic2 img{vertical-align:middle; border-top-left-radius: 5px; border-top-right-radius: 5px;}
.protle2{ line-height: 50px; border-top: 1px solid #e6e5e4; text-align: center; font-size: 15px; background: #f7f6f5; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; height: 50px; overflow: hidden;}
.protle2 a{ color: #313131;}
.prolist1 li.hover .protle2{background: url(protle.gif) no-repeat transparent; border-top: 1px solid #e9ba07;}
/*products end*/

/*prodetail*/
.prolist2{ float: left; width: 92px; margin: 0 8px 0 0;}
.prolist2 li{ float: left; width: 90px; border: 1px solid #e5e5e5; border-radius: 5px; margin: 0 0 8px;}
.prolist2 li.hover{ border: 1px solid #e9ba07;}
.prolist2 li a{ width:90px; height:120px; display:table-cell; vertical-align:middle; text-align:center; *display:block; *font-size:105px;/*约为高度的0.873，200*0.873 约为175*/ *font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/}
.prolist2 li a img{ vertical-align:middle; border-radius: 5px;}
.bigpic{ float: left; width:198px; height: 250px; border: 1px solid #e5e5e5; border-radius: 5px;}
.bigpic span{ width:198px; height:250px; display:table-cell; vertical-align:middle; text-align:center; *display:block; *font-size:218px;/*约为高度的0.873，200*0.873 约为175*/ *font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/}
.bigpic span img{ vertical-align:middle; border-radius: 5px;}
.prodetail_right{ float: right; width: 560px;}
.title8{color: #3696c1; font-size: 16px; line-height: 30px;}
.detail4{ color: #e95d63; line-height: 20px;}
.detail5{line-height: 24px; color: #707070; border-top: 1px solid #a0a0a0; margin: 24px 0 0; padding: 18px 0 0;}
.prodetailtle{background: #3696c1; padding: 0 0 0 24px; line-height: 28px; border-radius: 5px; color: #fff; margin: 28px 0;}
.prodetailcon{ float: left; width: 100%; line-height:28px;}
/*prodetail 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:1160px;}
.fl{ float:left;}
.fr{ float:right;}
.fl100{ float:left; width:100%;}
/*share end*/