body{width:100%;height:100%;color:#555252;font-family:"Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif;line-height:1.5;background-color:#fff}
@font-face{font-family:'Barlow';src:url('../fonts/Barlow-Regular.ttf');}
:focus{outline: none}
a{color:#333}
a:hover{color:#003581;text-decoration:none}
a:focus{text-decoration:none}

.bg-white{background-color:#fff}
.bg-container{background-color:#efefef}
.inner-padding-space{padding-top:4em}
.text-truncate{word-wrap:normal;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.pos-relative{position:relative}
.pos-absolute{position:absolute}
.trans-all{transition:all .3s ease-out 0s}
.hover-shadow:hover,.hover-shadow.active{box-shadow:0 5px 20px rgba(0, 0, 0, .2)}

.language-bar{height:38px;background-color:#1B365D}
.language-bar a{display:block;padding-right:5px;padding-left:5px;color:#fff;font-size:18px;line-height:38px;text-decoration:none}
.language-bar a:hover{color:#1B365D;background-color:#eee}

.navbar-brand{height:90px;}
.navbar-brand img{max-height:100%}
.header .nav{margin-left:6%}
.header .navbar{margin-bottom:0;border-radius:0;border:none}
.header .nav>li{padding-left:15px;padding-right:15px}
.header .nav>li>a{position:relative;padding-left:0;padding-right:0;color:#333;font-size:18px;line-height:60px}
.header .nav>li>a:after{content:"";position:absolute;left:50%;width:0;bottom:0;height:2px;background-color:#003581;transition:width .3s linear;transform: translate(-50%)}
.header .top-telphone{padding-left:38px;color:#003461;font-size:18px;font-weight:bold;line-height:90px;background: url(../images/ico_tel.png) left center no-repeat;background-size: 32px;}
.text-container{line-height:2;color:#4b515f;font-size:1.14em}

.navbar-fixed-top .top-bar{transition: background .3s ease-in-out, padding .3s ease-in-out}
.top-nav .top-bar{background-color:#fff;opacity:.9;filter:alpha(opacity=90);-moz-opacity:0.9}
.top-nav .nav>li>a{color:#333}
.nav>li>a:hover,.nav>li.active>a,.top-nav .nav>li>a:hover,.top-nav .nav>li.active>a{color:#003581;background-color:transparent}
.nav>li>a:hover:after,.nav>li.active>a:after{animation:menu_width .5s linear forwards;}
@keyframes menu_width {
    from {width: 0}
    to {width: 100%}
}
.navbar-toggle{border:none;margin-bottom:0;}
.navbar-toggle .icon-bar{width:40px;background-color:#003581;border-radius:0;-webkit-transition: all 0.2s;transition: all 0.2s;}
.navbar-toggle .icon-bar+.icon-bar{margin-top:10px}
.navbar-toggle .icon-bar:nth-of-type(1){-webkit-transform: rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin: 10% 10%;-ms-transform-origin:10% 10%;transform-origin:8% 16%}
.navbar-toggle .icon-bar:nth-of-type(2){opacity:0;filter:alpha(opacity=0)}
.navbar-toggle .icon-bar:nth-of-type(3){-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:10% 90%;-ms-transform-origin:10% 90%;transform-origin:8% 96%}
.navbar-toggle.collapsed .icon-bar:nth-of-type(1){-webkit-transform:rotate(0);-ms-transform: rotate(0);transform: rotate(0)}
.navbar-toggle.collapsed .icon-bar:nth-of-type(2){opacity:1;filter:alpha(opacity=100)}
.navbar-toggle.collapsed .icon-bar:nth-of-type(3){-webkit-transform:rotate(0);-ms-transform:rotate(0);transform: rotate(0)}

.main-title{margin-top:15px;height:35px;line-height:35px;overflow:hidden;text-align:center}
.main-title span{position: relative;padding: 0 15px;display:inline-block;font-size:32px;vertical-align:baseline;color:#003461;zoom:1}
.main-title span:before{content: '';position:absolute;width:55px;top:20px;right:100%;border-top:1px solid;}
.main-title span:after{content: '';position:absolute;width:55px;top:20px;left:100%;border-top:1px solid;}
.sub-title{margin-bottom:0;padding-bottom:35px;text-align:center}

.my-servers{padding-top:50px;padding-bottom:20px;background-color:#f5f5f5}
.server-item{font-size:16px;text-align:center}
.server-item>div{margin-bottom:25px;height:65px;padding-top:23px;font-size:1.2em;font-weight:bold}
a:hover .server-item>div{padding-top:18px;background-color:#fff}

.my-advantage{position:relative;padding-top:50px;padding-bottom:50px;background-color:#f5f5f5}
.my-advantage .col-xs-12,.my-advantage .swiper-container{z-index:99}
.advantage-list .col-xs-12{padding-top:35px;padding-bottom:25px}
/*.my-advantage .main-title span,.my-advantage .sub-title{color:#fff}*/
.advantage-list-item{position:relative;background-color:#fff}
.advantage-list-no{position:absolute;top:-50px;left:20px;font-size:64px;font-weight:bold;letter-spacing:0.03em;font-family:Barlow;color:#0080ff;opacity:.3}
.advantage-list-img{padding:15px 0}
.advantage-list-img img{margin:0 auto}
.advantage-list-text{padding:15px;min-height:162px}
.hover-shadow:hover .advantage-list-text,.hover-shadow.active .advantage-list-text{padding-top:10px}
.advantage-list-text p{text-indent:18px;font-size:18px;font-weight:bold;color:#001d56}
.advantage-list-text ul{padding-left:36px}

.my-choose-us{margin-top:35px;margin-bottom:50px}
.choose-us-text{height:160px;padding:25px 15px 0}
.choose-us-text p{font-size:18px;font-weight:bold;color:#001d56}
.hover-shadow:hover .choose-us-text{padding-top:20px}

.foot{position:relative;margin-top:50px;padding-top:50px;padding-bottom:50px;background-color:#003461;background-image: linear-gradient(to bottom left, #69d3ff, #003461)}
.foot::before{content: "";position: absolute;width:41%;height:100%;top:0;left:0;background:url("../images/foot-bg.jpg") no-repeat 50% 50%;background-size: cover}
.foot-text{position:relative;color:#fff}
.foot-text p{margin-bottom:10px}
.foot-text .line-tel-title{margin-top:10px;font-size:18px}
.foot-text .line-tel{font-size:48px;font-family:Barlow}
.foot-text .line-contact{margin-top:15px;line-height:2}
.foot-text .line-link{margin-top:25px}
.foot-text .line-link a{display:inline-block;margin-right:1em;color:#fff;border-bottom:transparent dotted 1px;}
.foot-text .line-qr{position:absolute;top:0;right:20px;max-width:140px;height:auto;vertical-align:top}

.copyright{padding:15px 0;color:#fff;background-color:#003461}
.copyright a{color:#fff}
.copyright a:hover,.foot-text .line-link a:hover,.web-link a:hover{border-bottom:#fff dotted 1px;}

.web-link{padding:15px 0;border-bottom:rgba(70,118,158,.5) solid 1px;background-color:#003461}
.web-link em,.web-link a{color:#eee;font-style:normal;margin-right:1em}

.swiper-button-next, .swiper-button-prev{z-index:99}

.box-text img{max-width:100%;height:auto;vertical-align:top}
.box-text p{margin-bottom:.8em}
.box-list{margin-top: 20px}
.box-title{height:55px;line-height:55px;font-size:1.3em;font-weight:600}
.server-list{margin:0;padding:20px;list-style-type:none;font-size:1.14em}
.server-list li{height:32px}

.open-class-list{list-style-type:none;margin:0;padding:0}
.open-class-list li{margin-bottom:20px}
.open-class-list.list-no li{position:relative;padding-left:70px}
.open-class-list.list-no li:before{position:absolute;content:attr(data-no);left:0;top:0;width:55px;height:55px;text-align:center;line-height:55px;font-size:32px;color:#fff;background-color:#ccc;}
.open-class-list li .open-class-title{padding-bottom:8px;font-size: 1.2em}
.open-class-list li .open-class-attr>span{display: inline-block;margin-right: 1em}
.open-class-list li .open-class-attr span img{vertical-align:top}
.open-class-list li:last-child{margin-bottom:0}
.right-title{position:relative;margin-top:35px;margin-bottom:30px;color:#087be5;font-size:22px}
.right-title:after{content:"";position:absolute;width:50%;height:15px;left:0;bottom:-5px;background-color:#efefef;z-index:-1}
.open-class-right li .open-class-attr span{display: block;margin-right: 0}
.no-bottom{margin-bottom:0!important;}

.page-title{padding-bottom:15px;margin-bottom:1em;text-align:center;border-bottom:#e2e2e2 solid 1px}

.ke-zeroborder{width:100%;border-spacing:0;border-collapse: collapse;border: 1px solid #ddd;}
.ke-zeroborder>tbody>tr>td, .ke-zeroborder>tbody>tr>th, .ke-zeroborder>tfoot>tr>td, .ke-zeroborder>tfoot>tr>th, .ke-zeroborder>thead>tr>td, .ke-zeroborder>thead>tr>th {padding:10px 8px;line-height: 1.42857143;vertical-align: middle;border: 1px solid #ddd;}
.ke-zeroborder>tbody>tr>td p:only-child, .ke-zeroborder>tbody>tr>th p:only-child, .ke-zeroborder>tfoot>tr>td p:only-child, .ke-zeroborder>tfoot>tr>th p:only-child, .ke-zeroborder>thead>tr>td p:only-child, .ke-zeroborder>thead>tr>th p:only-child{margin-bottom:0}
.ke-zeroborder>tbody>tr:first-child>td{background-color: #eee}

.qimendunjia{height:calc(100vw/4.6);background:url("../images/management-diagnosis-bg.jpg") no-repeat 50% 50%;background-size:cover;text-align:center}
.qimendunjia .page-sub-title{margin:0;padding:0;font-size:2em;line-height:calc(100vw/4.6);font-weight:700}

.banner img,.page-banner img{margin:0 auto;}

@media (max-width: 1329px) {
    .header .nav>li>a{font-size:16px}
}

@media (max-width: 1199px) {
    .header .navbar-nav{float:right;margin-left:0}
    .header .navbar-nav li{padding-left:10px;padding-right:10px;}
    .header .nav>li>a{font-size:16px}
}

@media (max-width: 991px) {
    .header .container{width:100%;}
    .header .navbar-nav{float:right;margin-left:0}
    .header .navbar-nav li{padding-left:10px;padding-right:10px;}
    .header .nav>li>a{font-size:14px}
    .foot .foot-thumb{display: none}
    .foot .foot-text{width:100%}
}

@media (max-width: 767px) {
    .xs-w-100{width:100%;margin-right:0;margin-left:0}
    .navbar-toggle{margin-top:8px}
    .navbar-brand{height:60px;padding:5px 0 5px 15px}
    .header .navbar-nav{float:none;margin-left:-15px}
    .advantage-list .col-xs-12{position:relative;height:100%;flex-shrink:0;transition-property:transform}
    .my-advantage:before{width:100%}
    .my-choose-us .choose-us-item{margin-bottom:25px}
    .my-choose-us .choose-us-item .choose-us-text{padding-bottom:15px;height:auto}
    .inner-padding-space{padding-top:2em}
    .text-container{font-size:calc((100vw/100) + 10px)}
    .page-title{font-size:1.4em}
    .foot::before{content: none}
    .foot-text .line-tel{font-size:30px}
    .foot-text .line-qr{margin-top:15px;position:initial}
    .copyright{text-align: center;line-height:2}
    .copyright .pull-left,.copyright .pull-right{float:none!important;}
    .navbar-collapse{position:absolute;width:100%;background-color:#fff;text-align:center;z-index:999;-webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.1);box-shadow: inset 0 1px 0 rgba(0,0,0,0.1);border-bottom:rgba(0,0,0,0.1) solid 1px}
    .open-class-list li{position: relative;padding-bottom:20px;border-bottom: #ccc dotted 1px}
    .open-class-list li .open-class-attr>span{display: block;margin-right:0}
    .open-class-list li .open-class-attr span.hot-icon{position: absolute;top:.2em;right:0}
}

@media (min-width: 1430px) {
    .container{width:1400px}
    .header .container{width:1500px}
    .header .nav{margin-left:9%}
    .header .nav>li{padding-left:30px;padding-right:30px}
}
@media (min-width: 1330px) {
    .container{width:1300px}
}
@media (min-width: 768px) {
    .sm-w-40{width:40%}
    .advantage-list .swiper-wrapper{display: initial}
    .right-title{margin-left:20px;}
    .open-class-right{margin-left:20px;font-size:14px}
    .qimendunjia .page-sub-title{font-size:3em}
}