body{user-select: none;-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;-khtml-user-select: none;-o-user-select: none;}
*{margin: 0;padding: 0;font-family: '微软雅黑','Microsoft YaHei';}
img{vertical-align: middle;border: none;}
a{text-decoration: none;}
ul,li{list-style: none;}
.clearfix::after{content: '.';clear: both;display: block;height: 0;visibility: hidden;font-size: 0;line-height: 0;}

/* 字体引入 */
@font-face {
  font-family: 'Compctab Bd BT';
  src: url('./fonts/Compctab_0.ttf');
}
@font-face {
  font-family: 'lingoes';
  src: url('./fonts/lingoes_0.ttf');
}
@font-face {
  font-family: 'AdobeHeitiStd';
  src: url('./fonts/AdobeHeitiStd-Regular_0.otf');
}
@font-face {
  font-family: 'SourceHanSansCN';
  src: url('./fonts/SourceHanSansCN-Regular_0.otf');
}

/* 头部导航 header nav */
.header{width: 100%;height: 106px;line-height: 106px;background: #fff url(../images/background_header.jpg) center;}
.header .header-container{width: 1300px;height: 100%;margin: 0 auto;position: relative;}
.header .logo{float: left;}
.logo a{display: inline-block;}
.header .nav-list{float: right;overflow: hidden;}
.nav-list .nav-item{float: left;font-size: 20px;font-weight: lighter;}
.nav-item a{color: #646464;display: inline-block;line-height: normal;}
.nav-item a span{margin: 0;}
.nav-item a span:nth-child(1){margin-right: 48px;}
.nav-item.active a{color: #000;font-weight: bold;}
.nav-item.active a span{color: #000;}
.nav-item a:hover,.nav-item a:hover span{color: #000;font-weight: bold;}
.nav-item span{margin: 0 20px;color: #646464;}
.header .menu{display: none;}
.header .language{position: absolute;right: -90px;}
.language a{display: inline-block;color: #646464;}
.language a img{vertical-align: text-top;}

.min-nav{display: none;}

/* 下拉菜单 nav-menu */
.nav-menu{width: 100%;height: 150px;background-color: #efefef;display: none;}
.nav-menu:nth-of-type(2){height: auto;}
.nav-menu .nav-bar-list{width: 1300px;margin: 0 auto;overflow: hidden;height: 100%;box-sizing: border-box;}
.nav-menu:nth-of-type(1) .nav-bar-list{padding-left: 218px;}
.nav-menu:nth-of-type(3) .nav-bar-list{padding-left: 584px;}
.nav-menu:nth-of-type(4) .nav-bar-list{padding-left: 645px;}
.nav-menu:nth-of-type(5) .nav-bar-list{padding-left: 948px;}
.nav-bar-list .nav-bar-item{float: left;width: 160px;height: 100%;border-left: 1px dashed #fff;text-align: center;}
.nav-bar-item a{width: 100%;display: block;}
.nav-bar-item a img{margin-top: 24px;}
.nav-bar-item a img:nth-child(2){display: none;}
.nav-bar-item.active a img:nth-child(1){display: none;}
.nav-bar-item.active a img:nth-child(2){display: inline-block;}
.nav-bar-item a p{font-size: 18px;line-height: 36px;color: #000;font-weight: lighter;margin-top: 14px;}
.nav-bar-item:hover a img:nth-child(1){display: none;}
.nav-bar-item:hover a img:nth-child(2){display: inline-block;}

.nav-menu .nav-bar{width: 100%;height: 78px;line-height: 78px;background-color: #dbdbdb;}
.nav-bar .nav-bar-content{width: 1300px;height: 100%;margin: 0 auto;}
.nav-bar-content .nav-bar-item{float: left;width: calc(100% / 6);border-radius: 8px;text-align: center;font-size: 20px;color: #000;font-weight: lighter;cursor: pointer;transition: .5s;}
.nav-bar-content .nav-bar-item.active{background-color: #eee;}
.nav-bar-content .nav-bar-item a{color: #000;}
.nav-menu .nav-menu-container{width: 100%;min-height: 348px;background-color: #eee;}
.nav-menu-container .nav-menu-content{width: 1300px;height: 100%;padding: 30px 0;box-sizing: border-box;margin: 0 auto;}
.nav-menu-content .nav-menu-item{width: 100%;height: 100%;display: none;overflow: hidden;}
.nav-menu-content .nav-menu-item.active{display: block;}
.nav-menu-item div{float: left;}
.nav-menu-item .nav-menu-img{width: 453px;height: 100%;text-align: center;display: flex;align-items: center;}
.nav-menu-img a{display: none;width: 100%;}
.nav-menu-img a.active{display: inline-block;}
.nav-menu-img a img{max-width: 100%;max-height: 210px;}
.nav-menu-item .nav-menu-name{width: 847px;}
.nav-menu-name p{border-radius: 8px;padding-left: 13px;font-size: 18px;line-height: 36px;color: #000;transition: .5s;}
.nav-menu-name p.active{background-color: #4b4a48;color: #fff;}
.nav-menu-name p.active.solution{background-color: #26658f;}
.nav-menu-name p a{color: #000;display: block;}
.nav-menu-name p.active a{color: #fff;}
.nav-menu-name p a span.bold{font-weight: bold;}

/* 底部 footer */
.footer{width: 100%;background-color: #1b1b1b;position: relative;}
.footer #share{position: absolute;right: calc((100% - 1300px) / 2 + 56px);top: -20px;}
#share>a{width: 37px !important;height: 37px !important;margin-right: 10px !important;padding-left: 0 !important;}
#share>a:last-child{margin-right: 0 !important;}
#share .bshare-weixin{background: url(../images/icon-share.png) no-repeat !important;}
#share .bshare-sinaminiblog{background: url(../images/icon-share.png) no-repeat -57px 0 !important;}
#share .bshare-qqmb{background: url(../images/icon-share.png) no-repeat -114px 0 !important;display: none;}
#share .bshare-facebook{background: url(../images/icon-share.png) no-repeat -171px 0 !important;}
#share .bshare-twitter{background: url(../images/icon-share.png) no-repeat -228px 0 !important;}
#share a:hover{opacity: 1 !important;}
#share .bshare-weixin:hover{background-image: url(../images/icon-share_hover.png) !important;}
#share .bshare-sinaminiblog:hover{background-image: url(../images/icon-share_hover.png) !important;}
#share .bshare-qqmb:hover{background-image: url(../images/icon-share_hover.png) !important;}
#share .bshare-facebook:hover{background-image: url(../images/icon-share_hover.png) !important;}
#share .bshare-twitter:hover{background-image: url(../images/icon-share_hover.png) !important;}

.footer .footer-link{width: 1300px;margin: 0 auto;padding-top: 62px;overflow: hidden;}
.footer-link dl{float: left;line-height: 36px;margin-right: 60px;}
.footer-link dl dt{margin-bottom: 12px;font-weight: bold;}
.footer-link dl dd{font-weight: lighter;}
.footer-link dl a{font-size: 18px;color: #8e8e8e;}
.footer-link .erweima{float: right;margin-right: 56px;text-align: center;font-size: 0;}
.erweima div{display: inline-block;}
.erweima div:first-child{margin-right: 13px;}
.erweima div:nth-child(2) img{margin: 2.5px 0;}
.erweima div p{font-size: 18px;line-height: 24px;color: #8e8e8e;margin-top: 5px;}
.erweima h2{font-size: 37px;font-family: 'Compctab Bd BT';color: #fff;margin-top: 12px;}
.footer .other-link{font-size: 18px;color: #8e8e8e;text-align: center;padding: 25px 0 8px;border-bottom: 1px solid #26658f;}
.other-link a{color: #8e8e8e;}
.footer .copy{width: 100%;height: 55px;line-height: 55px;background-color: #000;text-align: center;font-size: 16px;color: #646464;font-weight: lighter;}
.copy a{color: #646464;}
.copy a:first-child{padding-right: 24px;}

.contact-info{background-color: rgba(0,0,0,0.3);width: 100%;font-size: 0;text-align: center;display: none;padding: 10px;box-sizing: border-box;}
.contact-info a{display: inline-block;}
.contact-info a:nth-child(1){margin-right: 20px;}
.contact-info a img{width: 45px;height: 45px;}

.map-app{position: fixed;width: 100%;top: 36%;left: 0;text-align: center;font-size: 0;z-index: 1000;display: none;}
.map-app::before{content: '';position: fixed;width: 100%;height: 100%;top: 0;left: 0;background-color: rgba(0,0,0,0.9);z-index: -1;}
.map-app a{display: inline-block;margin-right: 20px;}
.map-app a:last-child{margin-right: 0;}
.map-app a img{width: 60px;height: 60px;}
.map-app a p{font-size: 12px;color: #fff;margin-top: 8px;}

/* message */
.send{position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 100;background-color: rgba(0,0,0,0.9);padding: 15px;overflow:hidden;display: none;}
.send h1{font-size: 3em;color: #fff;text-align: center;margin-top: 15px;}
.messages{padding:20px 0;width:580px;margin:0 auto;}
.messages input,.messages select,.messages textarea{margin:0;padding:0;background:none;border:0;}
.messlist {height:38px;margin-bottom:30px;}
.messlist label{color:#999;float:left;width:70px;height:30px;font-size:14px;line-height:38px;padding-right:10px;}
.messlist input{float:left;width:400px;height:38px;color:#fff;
padding-left:5px;border:#999 1px solid;}
.messlist.textareas{height:auto;overflow: hidden;}
.messlist textarea{float:left;width:400px;height:150px;padding:5px 0 0 5px;border:#999 1px solid;color:#fff;}
.messlist.yzms input{width:100px;}
.messlist.yzms .yzmimg{float:left;margin-left:10px;}
.messsub{padding:0px 0 0 80px;text-align:left;}
.messsub input{width:100px;height:35px;color:#999;font-size:14px;font-weight:bold;cursor:pointer;margin-right:20px;border:1px solid #999;border-radius:4px;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;
-o-transition: all 0.5s;transition: all 0.5s;}
.messsub input:hover{background:#fff;border-color:#fff;color:#000;}
#label0,#label1,#label2,#label3,#label4,#label5,#label6,#label7,#label8,#label9,#label10{display:none;font-size:14px;color:#0aa770;height:28px;
line-height:28px;margin-left:10px;float:left;}