@charset "utf-8";
* {margin: 0;padding: 0;-webkit-box-sizing: content-box;box-sizing: content-box;font-family: 'Microsoft YaHei', '\9ED1\4F53', 'PingFangSC-Mediun', Arial, 'Helvetica';}
body {background: #FFFFFF;margin: 0;padding: 0;box-sizing: content-box;font-family: Microsoft YaHei,\\9ED1\4F53,PingFangSC-Mediun,Arial,Helvetica;}
img {border: none;vertical-align: middle;}
li {list-style: none;}
i, em {font-style: normal;}
a {color: #666;text-decoration: none;}
a:focus, .head-search .search-btn:focus {outline: none;}
a:hover {text-decoration: none;}
input[type="text"]:focus {outline: none;}
input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer;}
input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {border:none;padding:0;}
input[type="text"], input[type="password"], input[type="button"], input[type="reset"], input[type="submit"], select, textarea {-webkit-appearance: none;appearance: none;border-radius: 0;}
button, input, select, textarea {font-size: 100%;margin: 0;vertical-align: baseline;*vertical-align:middle;}
hr {display: block;height: 1px;border: 0;border-top: 1px solid #ccc;margin: 1em 0;padding: 0;}
::-moz-selection {background-color:#000;color:#fff;}
::selection {background-color: #000;color: #fff;}
:focus {outline: none!important;}
[v-cloak]{display: none;}
.mk-form{margin-top:0;padding-top:0}
.mk-form-title{font-size: 24px;
    font-weight: 700;
    margin-bottom: 50px;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding: 3px 15px;
    color: #fff;
    background-color: #0d096b;
}
.mk-form .mk-submit-btn{width:130px}
.clearfix:before,.clearfix:after {display: table;content: "";}
.clearfix:after {clear: both}
.mk-layout{width: 90%;max-width: 1050px;margin: 0 auto;}
.mk-layout:after{content: "";display: block;clear: both;visibility: hidden;height: 0;}
/*头部*/
.mk-header{position: relative;width: 100%;background: #FFFFFF;}
.header-menu{position: relative;width:100%;padding: 0;position: fixed;left: 0;top: 0;z-index:2;transition: all .2s ease;}
.header-sub {padding:260px 50px 50px 50px;background-position: center 0;background-repeat: no-repeat;-webkit-background-size: cover;background-size: cover;margin: 0 auto 55px;}
/*菜单*/
.mk-logo {transition: all  0.3s;-webkit-transition: all  0.3s;}
.mk-logo img{height: 56px;margin-top: 12px;}
.el-menu {border-bottom: 0!important;transition: all  0.3s;-webkit-transition: all  0.3s;display: inline-block;vertical-align: top;}
.el-menu-item,
.el-submenu__title{font-size: 16px;font-size: 16px!important;height: 80px!important;line-height: 80px!important;border-bottom: 0px!important;padding:0 3px!important;margin:0 15px!important}
.el-menu-item:after,
.el-submenu__title:after{content: "";position: absolute;z-index: -1;left: 50%;right: 50%;bottom: 27px;background-color: transparent;height: 2px;transition-property: left,right;transition-duration: .3s;transition-timing-function: ease-out;}
.el-menu-item:hover,
.el-submenu__title:hover{background-color: transparent!important;}
.el-menu-item:hover:after,
.el-submenu__title:hover:after,
.el-menu-item.is-active:after,
.is-active .el-submenu__title:after{left: 0;right: 0;background-color: #fff;}
.el-submenu__title div{display: inline-block;vertical-align:top}
.el-submenu__title i {color: #fff;}
.el-menu--horizontal ul {background-color: #fff!important;padding: 0!important;margin-top:0;}
.el-menu--horizontal ul li{color:#333!important;height: 40px!important;line-height: 40px!important;border-bottom: 2px solid #e7dddf!important;cursor: pointer;padding:0 20px!important;margin:0!important}
.el-menu--horizontal ul li:after{display: none}
.el-menu--horizontal ul li:last-child{border-bottom: 2px solid #0d096b!important;}
.el-menu--horizontal ul li:hover {color: #fff!important;background-color: #333!important;}
.mk-language {height: 80px;line-height: 80px;display: inline-block;}
.mk-language a{font-size: 14px;height: 20px;line-height: 18px;color: #fff;border: 1px solid #fff;width: 40px;text-align: center;margin: 0;position: relative;cursor: pointer;vertical-align: middle;display: inline-block;box-sizing: border-box;padding: 0 3px;}
.mk-language a:hover{background-color:#0d096b;border-color: #0d096b;color: #fff}
.mk-top .header-menu{position: fixed;z-index:999;background-color:#fff;padding: 0;transition: all  0.3s;-webkit-transition: all  0.3s;}
.mk-top .el-menu-item,
.mk-top .el-submenu__title{color: #333!important}
.mk-top .el-submenu__title i{color: #333!important}
.mk-top .mk-language a{border-color: #0d096b;color: #0d096b}
.mk-top .mk-language a:hover{color:#fff}
.mk-top .el-menu-item:hover:after,
.mk-top .el-submenu__title:hover:after,
.mk-top .el-menu-item.is-active:after,
.mk-top .is-active .el-submenu__title:after{background-color: #0d096b;}
.headline {width: 100%;margin-top: 80px;position: relative;overflow: hidden;}
.headline img{width:100%}
.headline .cover{display:none}
.overY{overflow-y: scroll;}
.overY::-webkit-scrollbar {height: 0;width: 0;color: transparent;}
.banner{position: relative;overflow:hidden}
.banner .cover{width: 100%;height: 100%;background-repeat: no-repeat;background-position: 50%;background-size: cover;position: absolute;left: 0;top: 0;z-index: -4;-webkit-backface-visibility: hidden;backface-visibility: hidden;transform: scale(1.2);animation: CrossFade 24s infinite;}
@-webkit-keyframes CrossFade {50% {-webkit-transform: scale(1);transform: scale(1);}}
@keyframes CrossFade {50% {-webkit-transform: scale(1);transform: scale(1);}}
.banner-content{position: absolute; top: 50%; transform: translateY(-50%);}
.banner-content h2{position: relative;text-transform: uppercase;font-size: 48px;margin-bottom: 10px;color: #fff;}
.banner-content h6{margin-top: 20px;font-size: 24px;color: #fff;font-weight:400}
.banner-crumbs .title{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);color:#fff;font-size: 48px;font-weight: 700;text-transform: uppercase;text-align: center;height: 70px;line-height: 70px;}
/*主页*/
.more-btn:after {content: "";width: 6px;height: 6px;margin-left: 5px;margin-bottom: 3px;transform: rotate(45deg);background-color: transparent;transition: margin-left .35s ease-in-out;}
.more-btn, 
.more-btn:after {display: inline-block;vertical-align: middle;transition: all  0.3s;-webkit-transition: all  0.3s;cursor:pointer}
.more-btn:hover:after{margin-left:10px;}
.more-btn.white {color: #fff;}
.more-btn.white:after {border-top: 1px solid #fff;border-right: 1px solid #fff;}
.more-btn.blue{color: #0d096b}
.more-btn.blue:after {border-top: 1px solid #0d096b;border-right: 1px solid #0d096b;}
.blue{color: #0d096b}
.about{padding: 70px 0 10px;background-color: #fff;}
.about .title{font-size: 24px;font-weight: 700;margin-bottom: 20px;display: inline-block;height: 30px;line-height: 30px;padding: 3px 15px;color: #fff;background-color: #0d096b;}
.about .content{line-height: 32px;margin-bottom: 10px;}
.about .button{color: #0d096b;cursor: pointer;position: relative;text-transform: uppercase;font-size: 16px;height: 24px;line-height: 24px;padding: 3px 0;box-sizing: border-box;width: auto;text-align: left;display: inline-block;vertical-align: middle;}
.about img{width: 100%;max-width: 485px;}
.bottom{position: relative;width: 100%;height:500px;background-size: 100% cover;background-position: 50%;background-repeat: no-repeat;}
.year-axis {text-align: center;position: absolute; top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.year-axis .item {position: relative;text-align: left;vertical-align: middle;background-color: rgba(51, 51, 51, 0.3);}
.year-axis .item .content {position: absolute;display: inline-block;font-size: 14px;width: 6px;height: 6px;border-radius: 50%;background-color: #0d096b;}
.year-axis .item .content:after,
.year-axis .item .content::before {content: "";display: inline-block;width: 6px;height: 6px;border-radius: 50%;-webkit-box-sizing: border-box;box-sizing: border-box;background-color: rgba(13, 9, 107, 0.4);position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.year-axis .item .content:hover::before,
.year-axis .item .content.active::before,
.year-axis .item .content:hover::after,
.year-axis .item .content.active::after {-webkit-animation: WHScale linear 1.5s infinite;animation: WHScale linear 1.5s infinite;}
.year-axis .item .content:hover:before,
.year-axis .item .content.active:before {-webkit-animation-delay: 1s;animation-delay: 1s;}
.year-axis .item .content .text {position: absolute;}
.year-axis .item .content .text .year {font-weight: 700;font-size: 22px;margin-bottom: 5px;}
.year-axis .item .content .text .dec.red-bg {padding: 5px;margin-top: 5px;color: #fff;background-color: #0d096b;}
.year-axis .item .content .line {display: inline-block;position: absolute;background-color: rgba(51, 51, 51, 0.3);}
.year-axis.h {width: 100%;height: 20px;line-height: 20px;}
.year-axis.h .item {display: inline-block;height: 1px;margin-right: 16px;}
.year-axis.h .item.trim {margin-right: 0;}
.year-axis.h .item .content {right: -11px;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);-webkit-transition: top ease-in-out 0.75s;transition: top ease-in-out 0.75s;}
.year-axis.h .item .content .text {width: 150px;right: -100px;}
.year-axis.h .item .content .line {width: 1px;height: 35px;right: 2px;}
.year-axis.h .item .content.up .text {-webkit-transition: bottom ease-in-out 0.75s;transition: bottom ease-in-out 0.75s;bottom: 50px;}
.year-axis.h .item .content.up .line {bottom: 10px;}
.year-axis.h .item .content.down .text {-webkit-transition: top ease-in-out 0.5s;transition: top ease-in-out 0.5s;top: 50px;}
.year-axis.h .item .content.down .line {top: 10px}
.year-axis.h .item .content:hover.up .text {bottom: 55px;}
.year-axis.h .item .content:hover.down .text {top: 55px;}
.history .year-axis.v{display: none}
.year-axis.v {top:0;-webkit-transform: none;transform: none;}
.year-axis.v .item {width: 1px;height: 80px;margin-bottom: 16px;}
.year-axis.v .item:first-child {height: 30px;}
.year-axis.v .item .content {left: -2px;bottom: -11px;}
.year-axis.v .item .content .text {width: 100px;top: -20px;}
.year-axis.v .item .content .line {width: 35px;height: 1px;top: 3px;}
.year-axis.v .item .content.left-item .text {text-align: right;-webkit-transition: right ease-in-out 0.75s;transition: right ease-in-out 0.75s;right: 50px;}
.year-axis.v .item .content.left-item .line {right: 10px;}
.year-axis.v .item .content.right-item .text {-webkit-transition: left ease-in-out 0.75s;transition: left ease-in-out 0.75s;left: 50px;}
.year-axis.v .item .content.right-item .line {left: 10px;}
.year-axis.v .item .content:hover.left-item .text {right: 55px;}
.year-axis.v .item .content:hover.right-item .text {left: 55px;}
.upper .item{overflow: hidden;position: relative;display: block;text-align: right;color: #fff;height: auto;box-sizing: border-box;}
.upper .item img{float: right;width: 100%;max-width: 650px;min-width: 325px;height: auto;display: inline-block;
    transition: transform 1.75s ease-in-out;}
.upper .item:hover img {transform: scale(1.2);}
.upper .item .text{text-align: left;position: absolute;left: 15%;top: 50%;transform: translateY(-50%);}
.upper .item .text .dec{text-transform: uppercase;font-size: 24px;margin-bottom: 5px;font-weight: 700;}
.case{padding: 70px 0 10px;background-color: #fff;text-align: center;}
.case .title{font-size: 24px;font-weight: 700;margin-bottom:50px;display: inline-block;height: 30px;line-height: 30px;padding: 3px 15px;color: #fff;background-color: #0d096b;}
.case .warp:after{content: "";display: block;clear: both;visibility: hidden;height: 0;}
.case .item{float:left;text-align:center;padding:5px;border:1px solid #eee;margin:15px 0;width:100%;overflow:hidden}
.case .item img{width:100%;height:100%;transition: transform .75s ease-in-out;}
.case .item:hover img { transform: scale(1.2);}
.enterprise{padding:0 150px;padding-top: 30px;padding-bottom:70px;text-align: center;}
.enterprise .item{padding: 5px;color: #0d096b}
.enterprise .item img{height: 38px;width: 38px;}
.enterprise .item div{margin-top: 8px;height: 22px;overflow: hidden;}
.middle-nav {font-size: 20px;width: 100%;height: 80px;line-height: 80px;border-bottom: 4px solid #f3f3f3;transition: background-color .35s ease-in-out;}
.middle-nav.fixed {height: 55px;line-height: 55px;position: fixed;top: 80px;z-index: 1;background-color: #0b1575;border-bottom: 0;}
.middle-nav a{color: rgba(51,51,51,.3);}
.middle-nav a.active,.middle-nav a:hover{color:#0b1575;}
.middle-nav.fixed a{color: hsla(0,0%,100%,.8);}
.middle-nav.fixed a.active{color:#fff;}
.middle-nav.fixed span{color:#fff;}
.middle-nav span:last-child{display: none}
.middle-nav span {font-weight: 100;display: inline-block;margin: 0 20px;}
.middle-nav .nav-item.active {font-weight: 600;color: #0d096b;}
.about-detail{padding-top: 50px;width: 100%;}
.about-detail .caption{text-transform: uppercase;font-weight: 700;font-size: 24px;line-height: 35px;padding: 15px 0;margin-bottom: 30px;border-bottom: 1px solid #f3f3f3;}
.about-detail .content{line-height: 32px}
.about-detail img{width: 80%}
.about-detail .core-item{margin-bottom: 20px;position: relative;overflow: hidden;}
.about-detail .core-item img{width: 100%;transition: transform 1.75s ease-in-out;}
.about-detail .core-item:hover img {transform: scale(1.2);}
.about-detail .core-item div{width: 100%;font-size: 18px;text-align: center;height: 40px;line-height: 40px;color: #fff;position: absolute;left: 0;bottom: 0;}
.team-list{padding: 40px 0;}
.team-list .team-item {border: 1px solid #f3f3f3;box-shadow: 5px 5px 10px hsl(0deg 0% 71% / 30%);position: relative;display: -ms-flexbox;display: flex;margin: 30px 4px;padding: 30px;transition: height .5s ease-in-out;}
.team-list .team-item .left {width: 180px;height: 180px;}
.team-list .team-item .right{padding-left: 30px;box-sizing: border-box;}
.team-list .team-item .left, .team-list .team-item .right {display: inline-block;vertical-align: top;}
.team-list .team-item .left .avatar {height: 100%;}
.team-list .team-item .name {height: 30px;line-height: 30px;font-size: 20px;font-weight: 700;margin-bottom: 16px;}
.team-list .team-item .officer{margin-bottom: 16px;}
.team-list .team-item .info{margin-bottom: 16px;}
.team-list .team-item .content{margin:32px 0;height: 0;overflow: hidden;line-height: 25px}
.team-list .team-item.active .content{height: auto;}
.team-list .team-item.active .more-btn:after{transform: rotate(135deg);}
.services{padding: 70px 0 10px;background-color: #fff;}
.services .title{margin-top:20px;position: relative;font-size: 24px;font-weight: 700;display: inline-block;height: 30px;line-height: 30px;padding: 3px 0;color: #0c096b;}
.services .title:before{content: "";position: absolute;z-index: -1;left: 0;bottom: -10px;width: 50%;background-color: #333;height: 2px;transition-property: left,right;transition-duration: .3s;transition-timing-function: ease-out;}
.services .content{line-height: 32px;margin-top: 20px;}
.services img{width: 100%;max-width: 485px;}
.services-content{padding: 70px 0}
.promise{padding: 50px 0;background-color: #F6F6F6}
.promise .mk-layout{max-width:1300px}
.promise .caption{color: #0d096b;text-align: center;text-transform: uppercase;font-weight: 700;font-size: 24px;line-height: 35px;padding: 15px 0;margin-bottom: 30px;border-bottom: 1px solid #f3f3f3;}
.promise .item{text-align: center;color: #0d096b;width: 20%;float: left;}
.promise .item .padd{padding: 0.5%}
.promise .item .warp{padding:30px;box-sizing: border-box;transition: padding .75s ease-in-out,background-color .35s ease-in-out;}
.promise .item .warp:hover{padding: 22px 30px 38px;background-color: #fff;}
.promise .item .title{line-height: 30px;font-size:14px;min-height:90px}
.promise .item img{height: 57px;margin: 12px auto;}
.solutions{padding: 70px 0 10px;background-color: #fff;}
.solutions .title{position: relative;font-size: 24px;font-weight: 700;margin-bottom: 20px;display: inline-block;height: 30px;line-height: 30px;padding: 3px 0;color: #0c096b;margin-top: 20px;}
.solutions .content{line-height: 45px;margin: 0;}
.solutions img{width: 100%;max-width: 485px;}
.case-detail{padding-top: 70px;text-align: left;}
.case-detail .caption{text-transform: uppercase;color: #C8BA46;font-weight: 700;font-size: 24px;line-height: 35px;padding: 15px 0;margin-bottom: 30px;border-bottom: 1px solid #f3f3f3;} 
.case-detail .content{margin-bottom: 45px;}
.case-detail .item{padding: 15px;background-color: #fff;margin-bottom: 30px}
.case-detail .item .warp{background-color: #F3F3F3;padding: 30px 0;color: #333}
.case-detail .item .warp .title{display: inline-block;background-color: #0d096b;padding: 2px 20px;color: #fff;}
.case-detail .item .warp .value{padding: 0 20px;margin-top: 20px;}
.process{padding: 70px 0 40px;background-color: #fff;}
.process .title{position: relative;margin-top: 20px;font-size: 24px;font-weight: 700;margin-bottom: 20px;display: inline-block;height: 30px;line-height: 30px;padding: 3px 0;color: #0c096b;}
.process .content{line-height: 32px;}
.process img{width: 100%;max-width: 485px;}
.contact{padding: 70px 0;}
.contact .caption{text-transform: uppercase;font-weight: 700;font-size: 24px;line-height: 35px;padding: 15px 0;margin-bottom: 30px;border-bottom: 1px solid #f3f3f3;}
.contact .item{margin-bottom: 10px;}
.contact .item .title{color: #000;font-weight: 700}
.contact .item .content{color: #000;line-height:30px}
.about-child{margin: 80px auto;}
.about-child .about-title{font-size: 24px;width: 100%;line-height: 36px;margin: 0 auto 50px;text-align: center;box-sizing: border-box;font-weight:700}
.map{position: relative;height: 500px}
.map .list{left: 50%; transform: translateX(-50%);width:700px;position: absolute;z-index: 1;bottom: 0;background-color: hsla(0,0%,100%,.3);box-shadow: 0 0 10px #ebebeb;padding: 30px;}
.map #map{height: 500px;}
.bottom{position: relative;width: 100%;height: 500px;}
.box{border: 1px solid #f3f3f3;box-shadow: 5px 5px 10px hsl(0deg 0% 71% / 30%);}
.footer{background-color: #353e48;padding:25px 0;}
.footer .wechat-warp{height:54px;line-height:54px;}
.footer .wechat{height: 30px}
.footer .copyright{margin-top: 25px;color: #fff;font-size:12px;height:30px;line-height:30px}
.footer .catalog{text-align: right;font-size:14px}
.footer .catalog a{color: #fff;}
.footer .catalog a:hover{color:#fff;}
.footer .catalog span{margin: 0 20px;}
.footer .catalog span:last-child{display: none}
@-webkit-keyframes WHScale {
  0% {
    width: 10px;
    height: 10px;
  }
  100% {
    width: 16px;
    height: 16px;
  }
}
@keyframes WHScale {
  0% {
    width: 10px;
    height: 10px;
  }
  100% {
    width: 16px;
    height: 16px;
  }
}
/*底部*/
.foot-gotop {display: block;height: 70px;background-color: #222;background-image: url(../img/foot-gotop.png);background-position: center;background-repeat: no-repeat;cursor: pointer;}
.foot-gotop:hover {background-color: #000;}
/*返回顶部*/
.mk-gotop {display: block;width: 43px;height: 43px;line-height: 40px;text-align: center;background-image: url(../img/top.png);background-position: center center;background-repeat: no-repeat;position: fixed;right: 20px;bottom: 270px;color: #fff;font-size: 14px;font-weight: bold;cursor: pointer;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;z-index:9999}
.mk-gotop:hover {-moz-transform: translateY(-6px);-webkit-transform: translateY(-6px);-ms-transform: translateY(-6px);-o-transform: translateY(-6px);transform: translateY(-6px);}
/*验证码*/
.mk-form .mk-form-captcha-code{width:120px}
.header-topbar{display:none}
/*手机视图*/
@media screen and (max-width: 1080px) {
  .header-menu{display: none}
  .banner-content{top: 40%;}
  .footer .catalog span{margin: 0 10px;}
  .header-topbar{display: block;position: fixed;top: 0;width: 100%;height: 80px;z-index:1;background-color: transparent;clear: both;z-index: 999}
  .header-topbar .mk-menu i{font-size: 26px;vertical-align: middle;color: #fff}
  .mk-language a{color: #fff;border: 1px solid #fff;}
  .mk-top .header-topbar{background-color: #fff}
  .mk-top .header-topbar .mk-menu i{color: #666}
  .mk-top .mk-language a{color: #0d096b;border: 1px solid #0d096b;}
  .header-topbar .mk-logo{height: 46px;padding: 17px}
  .header-topbar .mk-menu{display: inline-block;}
  .no-chilader .el-icon-arrow-right{display: none}
  .header-topbar .el-drawer__wrapper{opacity: 0.95;}
  .mk-menu-drawer{width: 100%;height: 100%;padding: 10px 12px;position:relative;background: rgba(0,0,0,1);}
  .mk-menu-drawer .mk-menu-logo{width:100%;text-align: center;}
  .mk-menu-drawer .mk-menu-logo img{width: 120px;}
  .mk-menu-drawer .mk-menu-close{position: absolute;right: 10px;top: 10px;}
  .mk-menu-drawer .mk-menu-close i{font-size:30px;color:#fff}
  .mk-menu-drawer .mk-menu-collapse{margin-top:20px}
  .mk-menu-drawer .el-collapse{border:0}
  .mk-menu-drawer .el-collapse-item:last-child{margin-bottom:0}
  .mk-menu-drawer .el-collapse-item__header,.mk-menu-drawer .el-collapse-item__wrap{background: #474747;}
  .mk-menu-drawer .el-collapse-item__header a{color:#fff;width:80%}
  .mk-menu-drawer .el-collapse-item__arrow {color:#fff}
  .mk-menu-drawer .mk-menu-leve2 .el-collapse-item__wrap,.mk-menu-leve3 .el-collapse-item__wrap{border:0}
  .mk-menu-drawer .mk-menu-leve2 .el-collapse-item__header,.mk-menu-leve3 .el-collapse-item__header{border:0}
  .mk-menu-drawer .mk-menu-leve2,.mk-menu-leve3{margin-left:10px}
  .mk-menu-drawer .string{color:#fff;display: inline-block;margin-right: 10px}
  .mk-menu-drawer .el-collapse-item__content{padding-bottom:0}
  .mk-menu-drawer .empty .el-collapse-item__wrap, .mk-menu-drawer .empty .el-collapse-item__arrow{display:none}
  .menu-list{padding:80px 0;color:#fff}
  .menu-list a{color:#fff;display:block;line-height: 40px;font-size:17px;padding-left: 35px;}
   .menu-list a:hover{background:#0d096b}
  .menu-list .title{font-size: 20px;font-weight: 700;padding-left: 5px;}
  .menu-list .active{color:#f2f2f2}
  .footer .catalog{text-align: left;margin-top: 10px}
  .banner{margin-top: 0}
  .banner-crumbs .title{font-size: 40px;width: 92%;text-align:left;height:50px;line-height:50px}
  .banner-crumbs .ctitle{display:block;font-size:30px;font-weight:200;height: 50px;line-height: 50px;}
  .banner-content h2{font-size: 24px;}
  .banner-content h6{font-size: 18px;}
  .promise .item .warp{padding:10px}
  .middle-nav{font-size: 14px}
  .history{margin:70px 0!important;}
  .year-axis.h{display: none;}
  .history .year-axis.v{display: block;}
  .promise .item{width: 100%}
  .about{padding: 35px 0 10px;}
  .about img{margin-top: 10px}
  .team-list{padding: 20px 0}
  .team-list .team-item{display: block;}
  .team-list .team-item .right{padding-left: 0}
  .team-list .team-item .left, .team-list .team-item .right{display: inline-block;}
  .team-list .team-item .name{margin-top: 10px}
  .about-detail{padding-top: 25px;}
  .services{padding: 35px 0 10px}
  .services .title{padding-top: 10px}
  .services .title:before{display: none}
  .services-content{padding: 35px 0}
  .promise{padding:35px 0;}
  .solutions{padding: 35px 0}
  .case-detail{padding-top: 35px}
  .case{padding:35px 0 10px}
  .process{padding: 35px 0}
  .process .title{padding-top: 10px}
  .contact{padding: 35px 0}
  .map{height: 300px}
  .map #map{height: 300px}
  .map .list{left: 0;transform: none}
  .enterprise{padding:0px;padding-top: 15px;padding-bottom:35px;text-align: center;}
  .headline img{display:none}
  .headline .cover{display:block;height: 280px;width: 100%;background-size: cover;background-position: 50%;}
  .enterprise .item div:last-child{height:45px}
}