@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:#e60012;}
a:active {color:#e60012;}
.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:#757575;}  

@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%; position: fixed; _position: absolute; z-index: 100; top:0; _top:expression(eval((document.body.scrollTop||document.documentElement.scrollTop)+((self.innerHeight||document.documentElement.clientHeight)/2)-45)); left: 0;}
.head_hover{background: #0e0e0e;}
.logo{ float: left; margin:27px 0 0;transition: margin 0.3s ease 0s;}
.head_hover .logo{ margin: 12px 0 0;}
.menu{float: right;}
.menu li{float: left; margin: 0 0 0 90px; display: inline; line-height: 90px; font-size: 14px;transition: line-height 0.3s ease 0s;}
.head_hover .menu li{line-height: 60px;}
.menu li a{color: #7d7d7d;}
.menu li.on a,.menu li a:hover{color: #e60012;}
/*banner效果*/
.content{position:fixed; _position: absolute; z-index: 2;left: 0; top:0;  _top:expression(eval(document.body.scrollTop||document.documentElement.scrollTop)); width: 100%; }
.bannerbox{overflow:hidden;width:100%;}
.content ul{ }
.content_ul li{ display:block; width:100%;background-repeat: no-repeat; background-position: center center; background-size: cover; padding:0; margin:0; position:absolute;}
.content_ul li a { display:block; width:100%;  text-indent:-9999px;}
.slidenum{ position:absolute; display:block; bottom:20px; left:0; width: 100%; text-align: center;}
.slidenum span{display:inline-block; background:#1e1e1e; width:60px; height:4px; margin:0 8px; cursor:pointer; }
.slidenum span.current{background:#60040b;}
/*banner效果 end*/	
.main{ float: left; width: 100%; position: relative; z-index: 3; background: #232323;}
.title1{text-align: center; margin: 70px 0 0;}
.title1 span{ display: block; font-size: 24px; line-height: 38px; color: #d2d2d2;}
.title1 i{ display: block; line-height: 26px; font-family: arial; text-transform: uppercase; color: #666;}
.title1:after{content:""; display: block; margin: 0 auto; width: 30px; height: 13px; border-bottom: 1px solid #666;}
.protablist{float: left; width: 100%; text-align: center; font-size: 14px; margin: 26px 0 0; color: #999; }
.protablist a{ display: inline-block;  padding: 0 18px; color: #999;line-height: 30px;}
.protablist a.sel,.protablist a:hover{ background: #e60012; color: #fff;}
.protablist i{ margin: 0 18px;}
.protabcon{float: left; width: 100%; margin: 35px 0 0;}
.protabcon1{ display: none;}
.smalltabcon .prolist{display: none;}
.prolist{ float: left; width: 100%; }
.prolist li{ float: left; width: 23.95%; *width: 23.5%;  margin:20px 1.4% 0 0; height: auto; overflow: hidden; position: relative;}
.propic img{ display: block; width: 100%; vertical-align: bottom;transition: all ease-out .3s;}
.prolist li.noright{ margin-right: 0;}
.prolist li a:hover .propic img{transform: scale(1.08, 1.08);}
.touming{ position: absolute; left: 0; top: 0; background: #000; opacity: 0; filter:Alpha(opacity=0); width: 100%; height: 100%;transition: all ease-out .3s; display: block;}
.prolist li a:hover .touming{opacity: 0.7; filter:Alpha(opacity=70);}
.proname{position: absolute; left: 0; top:50%; text-align: center; width: 100%; transform: scale(1.2, 1.2); opacity: 0; filter:Alpha(opacity=0); transition: all ease-out .3s; margin: 37px 0 0; font-size: 16px; color: #d2d2d2; line-height: 26px; text-transform: uppercase; display: block;}
.prolist li a:hover .proname{transform: scale(1, 1);opacity:1; filter:Alpha(opacity=100); }
.kuang{display: block;  border: 1px solid #333; position: absolute; left: -1px; top: 0; margin:5.5% 7.3% 0; width: 85.4%; height: 85.4%;opacity: 0; filter:Alpha(opacity=0);}
.prolist li a:hover .kuang{opacity: 1; filter:Alpha(opacity=100);}
.link{position: absolute; height: 64px; width: 64px; text-align: center; position: absolute; left: 50%; top: 50%; margin: -46px 0 0 -32px;transform: scale(1.2, 1.2); opacity: 0; display: none\9; transition: all ease-out .3s; }
.link img{width: 64px; height: 64px;}
.prolist li a:hover .link{transform: scale(1, 1);opacity:1; display: block\9;}
.smalltablist{float: left; width: 100%; text-align: center; margin: 40px 0 0;}
.smalltablist span{display: inline-block; width: 14px; height: 14px; background: #4f4f4f; border-radius: 100%;margin: 0 7px; cursor: pointer;}
.smalltablist span.sel{background: #e60012; }
.teambg{float: left; width: 100%; background: url(teambg.jpg) no-repeat center top; height: 656px; margin: 70px 0 0;}
.teambox{float: right; max-width: 1320px; min-width: 1000px; width: 80%; background: #282828; padding: 50px 0 60px; margin: 137px 0 0; position: relative; box-shadow: 9px 9px 27px rgba(0,0,0,0.43);}
.teambox dl{float: left; width:93%; margin: 0 3.5%; display: inline;}
.teambox dt{float: left; width: 210px; padding: 10px; border: 1px solid #404040;}
.teambox dt img{display: block; width: 210px; height: 250px;}
.teambox dd{margin:0 0 0 270px;}
.title2{line-height: 40px; margin: 30px 0 36px;}
.title2:after{content: ""; display: block; width:30px; height: 30px; border-bottom: 1px solid #a4a4a4;}
.title2 span{font-size:28px; color: #d2d2d2;}
.title2 i{color: #7d7d7d; font-size: 20px; text-transform: uppercase; margin: 0 0 0 10px;}
.detail1{font-size: 14px; line-height: 28px; color: #626262; height: 84px; overflow: hidden;}
.teamtabcon dl{display: none;}
.teamtablist{position: absolute; right: 3.5%; top: 322px;}
.teamtablist span{display: inline-block; background: #181818; border-radius: 100%; width: 12px; height: 12px; margin-left: 17px; cursor: pointer;}
.teamtablist span.sel{background: #e60012;}
.servicebg{float: left; width: 100%;background: #0c0c0c; padding: 100px 0;}
.servicebox{margin: 0 auto; width: 1200px; height: 720px; position: relative;}
.titlebox{position: absolute; left: 0; top: 0;}
.title3{font-family: helvetica1; color: #e60012; font-size: 96px; text-transform: uppercase; line-height: 108px; height: 108px;}
.title4{font-size: 26px; padding: 0 0 0 18px; color: #d2d2d2; border-left: 1px solid #626262; line-height: 28px; height: 28px; margin: 27px 0 17px;}
.detail2{color: #626262; line-height: 28px;}
.servicedl{float: left;  background: #252525;width: 480px;}
.servicedl dt{float: right; }
.servicedl dt img{display: block; width: 240px; height: 240px; vertical-align: bottom; float: left;}
.servicedl dd{float: left; width: 240px; height: 240px; overflow: hidden;}
.num{display: block; text-align: center; line-height: 70px; font-size: 48px; margin: 43px 0 0;}
.line{width: 120px; border-right: 1px solid #626262; height: 28px;}
.servicedl1{margin: 240px 0 0 240px; display: inline;}
.title5{margin: 12px 0 0; line-height: 26px; text-align: center; color: #626262; font-size: 14px;}
.newsbg{float: left; width: 100%; background: url(newsbg.jpg) no-repeat center top; height: 700px;}
.newslist{float: left; width: 100%;}
.newslist1{padding: 0 0 60px;}
.newslist li{float: left; width: 334px; padding-right: 49px; border-right: 1px solid #333333; margin-right: 49px; margin-top: 60px; height: 256px; position: relative;}
.title6{color: #959595; font-size: 20px; line-height: 56px; height: 56px; overflow: hidden;}
.datebox{font-family: helvetica1; color: #626262; float: left; width: 100%; margin: 18px 0 0;}
.date{font-size: 24px; color: #626262; float: left;line-height: 24px; }
.datebox i{margin: 0 15px; font-size: 18px; float: left; display: inline; line-height: 24px;}
.year{color: #666; font-size: 16px; float: left; line-height: 26px;}
.detail3{line-height: 25px; color: #626262; height: 100px; overflow: hidden; margin: 28px 0 0;}
.line1{display: block;  width: 20px; height: 1px;background: #626262; position: absolute; left: 0; bottom:0;transition: all 0.3s ease 0s;}
.newslist li a:hover .line1{background: #e60012; width: 334px;}
.newslist li.noright{margin-right: 0; border-right: medium none; padding-right: 0;}
.more{margin:94px auto 0; display: block; border: 1px solid #666; width: 168px; height: 44px; background: url(more.png) no-repeat center 13px; text-indent: -9999em;transition: all 0.2s ease 0s;}
.more:hover{ background-position: center -24px;  border: 1px solid #e60012; background-color: #e60012; }
.numberlist{ float: left; width: 100%; margin: 78px 0 0;}
.numberlist li{ float: left; width: 25%; *width: 24.5%; height: 125px; text-align: center;}
.numbigbox{border-right: 1px solid #333;padding: 20px 0;}
.numberlist li.noright .numbigbox{border-right: medium none;}
.count-number{color: #e60012; font-size: 36px; font-family: helvetica1; font-weight: bold;}
.numbox{position: relative; display: inline-block; }
.numbox sup{color: #e60012; font-size: 16px; position: absolute; left: 107%; top: 0; }
.detail4{ text-align: center; line-height: 28px; font-size: 14px; color: #959595;}
.aboutbox{color: #626262; line-height: 28px; font-size: 14px; text-align: center; padding: 70px 0;}
.foot{float: left; width: 100%; border-top: 1px solid #333; padding: 0 0 80px; position: relative;}
.footleft{float: left; position: relative; z-index: 2;}
.footleft .title1{text-align: left; margin: 50px 0 0;}
.footleft .title1:after{margin: 0;}
.footright{float: right; margin: 74px 0 0; position: relative; z-index: 2;}
.footright a{float: left; margin: 0 0 0 30px; display: inline;}
.footcontact{position: absolute; left: 0; top: 40px; text-align: center; line-height: 30px;color: #626262; width: 100%;}
/*index end*/

/*产品*/
.prolist1{padding: 35px 0 55px;}
.page{float: left; width: 100%; text-align: center; padding: 0 0 70px;}
.page a{ display: inline-block; line-height: 32px; border: 1px solid #666; padding: 0 10px; margin: 0 7px;}
.page span{display: inline-block;}
.copyright{float: left; width: 100%; text-align: center; line-height: 30px; color: #666; padding: 26px 0; border-top: 1px solid #333;}
.main1{margin-top: 60px;}
/*产品 end*/

/*产品内页*/
.banner{float: left; width: 60%;}
.prodetailbox{float: left; width: 40%;}
.prodetail{float: left; max-width: 622px; margin-left: 50px; display: inline; min-width: 390px;}
.title7{color: #b6b6b6; font-size: 24px; margin: 100px 0 0; line-height: 40px;}
.detail5{margin: 60px 0 0; font-size: 14px; line-height: 47px; color: #b6b6b6;}
/*产品内页 end*/

/*服务*/
.detail6{text-align: center; font-size: 14px; line-height: 24px; margin: 24px 0 0;}
.servicelist{float: left; width: 1220px; padding: 16px 0 55px;}
.servicelist li{float: left; width: 590px; background: #000; margin: 20px 20px 0 0;}
.servicelist dt{float: left; width: 240px;}
.servicelist dt img{display: block; width: 240px; height: 240px; vertical-align: bottom;}
.servicelist dd{ float: left; width: 286px; margin: 0 0 0 32px; display: inline;}
.title8{font-size:18px; margin: 50px 0 20px;}
.title8 a{color: #d2d2d2;}
.detail7{ line-height: 28px;}
/*服务 end*/

/*关于*/
.aboutbox1{float: left; width: 100%; background: url(aboutbg.jpg) no-repeat 0 54px; height: 442px; padding: 54px 0 90px;}
.about{float: right; margin: 80px 58px 0 0; display: inline; width: 556px;}
.title9{font-size: 20px; line-height: 40px; color: #d2d2d2; text-transform: uppercase;}
.cha{color: #505050; font-size: 24px;}
.detail8{font-size: 14px; line-height: 28px; color: #626262; margin: 10px 0 0;}
/*关于 end*/

/*联系*/
.contactlist{float: left; width: 1251px; padding: 0 0 90px;}
.contactlist li{float: left; width: 366px; margin: 40px 51px 0 0;}
.contacttle{font-size: 20px; color: #d2d2d2; line-height: 40px;}
.line2{display: block; width: 18px; margin: 13px 0 0; background: #626262; height: 1px;}
.contactcon{ line-height: 30px; color: #626262; margin: 16px 0 0;}
/*联系 end*/

/*团队*/
.teamlist{float: left; width: 100%; padding: 10px 0 60px;}
.teamlist li{float: left; width: 100%; background: #282828; box-shadow: 16px 16px 27px rgba(0,0,0,0.26); padding: 56px 0; margin: 28px 0 0;}
.teamlist dl{float: left; width:93%; margin: 0 3.5%; display: inline;}
.teamlist dt{float: left; width: 210px; padding: 10px; border: 1px solid #404040;}
.teamlist dt img{display: block; width: 210px; height: 250px;}
.teamlist dd{margin:0 0 0 270px;}
/*团队 end*/

/*新闻详情*/
.title10{text-align: center; height: auto; margin: 50px 0 0;}
.datebox1{float: none; margin: 0 auto; width: 134px;}
.detail9{ line-height: 22px; font-size: 14px; color: #999; padding: 30px 0 90px;}
.detail9 img{max-width: 100%;}
/*新闻详情 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; max-width:1682px; min-width: 1100px; width: 94.6%;}
.wrap1{ margin: 0 auto; width: 1200px;}
.wrap2{margin: 0 auto; width: 100%; min-width:1100px; max-width: 1920px;}
.fl{ float:left;}
.fr{ float:right;}
.fl100{ float:left; width:100%;}
/*share end*/