/************
 * 页面样式
 ************/

/* ==========
   基本默认值
   ========== */

html {font-size: 62.5%;color: #222;}
body,html{font-family: "Microsoft YaHei",Arial,Helvetica,sans-serif;min-width: 1200px!important;}
::selection {background-color: #b3d4fc;text-shadow: none;}
ul {margin: 0;padding: 0;}
li {list-style: none;}
img {max-width: 100%;height: auto;}
/* ==========
   工具样式
   ========== */

.center-block {display: block;margin-right: auto;margin-left: auto;}
.text-right {text-align: right !important;}
.text-left {text-align: left !important;}
.text-center {text-align: center !important;}
.hide {display: none !important;}
.show {display: block !important;}
.invisible {visibility: hidden;}
.text-hide {font: 0/0 a;color: transparent;text-shadow: none;background-color: transparent;border: 0;}
.clearfix:before,
.clearfix:after {content: " ";display: table;}
.clearfix:after {clear: both;}
.relative{position: relative;}
.absolute{position: absolute;}
.container{max-width: 1200px;width: 1200px!important;}
.container-fluid{padding: 0;}
a{color: inherit;}
a:focus, a:hover{color: inherit;text-decoration: none;}
/*=========top==========*/
.doc-top{margin-top: 20px;position: relative;z-index: 999;}
.doc-top .left span{font-size: 24px;color: #fff;margin-left: 55px;vertical-align: middle;}
.doc-top .right{color: #fff;width: 50%;text-align: right;font-weight: 300;}
.doc-top .right .tel{font-size: 16.5px;}
.doc-top .right .tel .phone-icon{background-image: url(../images/phone_icon.png);background-position: left;background-repeat: no-repeat;padding-left: 25px;letter-spacing: 2px;}
.doc-top .right .nav{font-size: 16px;margin-top: 25px;}
.doc-top .right .nav li{float: left;width: 20%;}
.nav>li>a{padding: 0;color: #fff;display: initial;}
.nav>li>a:focus, .nav>li>a:hover{background-color: rgba(255,255,255,0);color: #38c7ff;}
.doc-top .right.black{color: #000;}
.doc-top .right.black .nav>li>a{color: #000;}
.doc-top .right.black .nav>li>a:hover{color: #38c7ff;}
.nav>li.on>a{color: #38c7ff;}
.doc-top .right.black .nav>li.on>a{color: #38c7ff;}
/*=========bottom=========*/
.doc-bottom .doc-contact{margin: 110px auto 110px auto;}
.doc-bottom .doc-contact .contact-left1{width: 33.333333%;}
.doc-bottom .doc-contact .contact-left2{width: 33.333333%;font-size: 14px;color: #231815;height: 100%;padding-top: 30px;}
.doc-bottom .doc-contact .contact-left2 p{font-size: 24px;color: #231815;}
.doc-bottom .doc-contact .contact-left2 .title{font-size: 24px;color: #000;font-weight: 700;float: left;width: 70px;text-align: center;}
.doc-bottom .doc-contact .contact-left3{width: 22.92%;height: 120px;}
.server-tel{height: 50px;width: 100%;}
.server-tel .tel{width: 75.64%;box-sizing: border-box;text-align: left;display: inline-block;margin-top: -10%;height: inherit;line-height: 25px;}
.business{height: 50px;}
.business .tel{height: inherit;line-height: 50px;}
.doc-bottom .doc-contact .contact-left4{width: 33.333333%;padding-top: 20px;/*padding-left: 95px;*/}
.colline{border-right: 1px solid #d5d5d5;margin-right: 15px;}
.server-tel .title{float: left;font-size: 18px;font-weight: 700;/*width: 70px;*/width: 20.36%;text-align: center;}
.business{margin-top: 20px;}
.business .title{float: left;font-size: 18px;font-weight: 700;width: 70px;text-align: center;}
.bottom-box{background-color: #000;height: 80px;width: 100%;line-height: 80px;}
.bottom-box .bottom-left{width: 50%;}
.bottom-box .bottom-left li{float: left;font-size: 17px;color: #a8a8a8;margin-right: 65px;}
.bottom-box .bottom-right{width: 50%;text-align: right;}
.bottom-box .bottom-right span{font-size: 18px;color: #a8a8a8;}
.bottom-box .bottom-right img{margin: auto 10px auto 30px;}
#gotop{cursor: pointer;}
/*=========  index  =======*/
#homebanner{margin-top: -120px;}
.swiper-pagination-bullet{border-radius: 0!important;width: 14px!important;height: 14px!important;background-color: #c3c3c3!important;opacity: 1!important;}
.swiper-pagination-bullet-active{background-color: #21c3ff!important;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{max-width: 1200px;left: 50%!important;margin-left:-600px;text-align: right;bottom: 30px!important;}
.imgwarpper.fss-active-item{height:100%!important;}
/*------sort------*/
.index-sort{max-width: 1025px;margin: 130px auto;/*margin-top: -100px;*/}
.index-sort .sort-block .show-content{width: 100%;text-align: left;padding: 0 21.5%;opacity: 0;}
.index-sort .sort-block.col-lg-4{width: 33.333333%;float: left;text-align: center;}
.index-sort .sort-block .show-content .title-box{min-height: 115px;}
.index-sort .sort-block .show-content .title-box:hover{color: #21c3ff;}
.index-sort .sort-block .title{font-size: 30px;font-weight: 700;margin-bottom: 18px;}
.index-sort .sort-block .title_en{font-size: 18px;font-weight: 300;text-transform:Uppercase;cursor: pointer;}
.index-sort .sort-block .content{font-size: 16px;font-weight: 300;color: #777;border-top: 2px solid #e6e6e6;padding-top: 20px;display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 6;overflow: hidden;}
.index-sort .sort-block.active .title-box{cursor: pointer;}
.index-sort .sort-block.active .title-box:hover{color: #21c3ff;}
/*-------server-block-----------*/
.server-block ul li{float: left;}
.server-block ul.row-1{position: relative;width: 100%;}
.server-block ul.row-1 .col-1{width:24.53%;}
.server-block ul.row-1 .col-2{width:38.54%;}
.server-block ul.row-1 .col-3{width:12.4%;}
.server-block ul.row-1 li img{height: 100%;width: 100%;}

.server-block ul.row-2 .col-1{width:24.59%;}
/*.server-block ul.row-2 .col-1 .pic-1{height:73.5%;}
.server-block ul.row-2 .col-1 .pic-2{height:26.5%;}*/
.server-block ul.row-2 .col-2{width:25.78%;}
/*.server-block ul.row-2 .col-2 .pic-1{height: 50%;}
.server-block ul.row-2 .col-2 .pic-2{height: 50%;}*/
.server-block ul.row-2 .col-3{width:25.26%;}
.server-block ul.row-2 .col-4{width:24.37%;}
/*.server-block ul.row-2 .col-4 .pic-1{height: 49.04%;}
.server-block ul.row-2 .col-4 .pic-2{height: 24.71%;}
.server-block ul.row-2 .col-4 .pic-3{height: 26.25%;}*/
.server-block ul.row-2 img{height: 100%;width: 100%;}
.img-box{position: relative;display: inline-block;cursor: pointer;}
.img-box:hover .galy{display: none;}
.server-block .galy{width: 100%;height: 100%;position: absolute;top: 0;background-color: rgba(0,0,0,.4);}
.server-block .slogin{position: absolute;}
.server-block .slogin img{width: initial;height: initial;}
.server-block .slogin.title01{right: 0;bottom: 10%;width: 44%;}
.server-block .slogin.title02{top: 27%;width: 17%;}
.server-block .slogin.title03{top: 41.5%;left: 24%;width: 51%;}
.server-block .slogin.title04{top: 27%;width: 26%;}
.server-block .slogin.title05{top: 45%;left: 36%;width: 27%;}
.server-block .slogin.title06{right: 0;top: 43%;width: 27%;}
.server-block .slogin.title07{top: 21.5%;width: 25%;}
.server-block .slogin.title08{top: 44%;width: 26%;}
.server-block .slogin.title09{top: 46%;width: 26%;}
.server-block .slogin.title10{top: 40%;left: 36%;width: 28.5%;}
.server-block .slogin.title11{top: 42.5%;width: 26%;}
/*--------server-----------*/
.server{width: 100%;min-width: 1200px;}
.server .title{margin:70px auto 60px auto;text-align: center;color: #000;}
.server .title .title_ch{font-weight: 700;font-size: 48px;}
.server .title .title_en{font-size: 18px;}
.server-box ul li{width: 33.33333333%;float: left;}
.server-box .adi{width: 100%;height: 100%;position: absolute;top: 0;background-color: rgba(0,0,0,.4);background-repeat: no-repeat;background-position: 50% 50%;
}
.server-box .act{position: absolute;font-size: 18px;color: #fff;bottom: 20px;left: 20px;display: none;}
.img-box:hover .adi{display: none;}
.img-box:hover .act{display: block;}
/*============about=================*/
.about-content{margin-top: 15px;}
.about-content .about-solgan{position: relative;}
.about-content .about-solgan .solgan-cont{width: 1025px;position: absolute;top:0;color: #fff;top: 15%;left: calc(50vw - 510px);}
.about-content .about-solgan .solgan-cont .title{font-size: 72px;font-weight: 700;text-align: center;}
.about-content .about-solgan .solgan-cont .title-en{font-size: 24px;text-align: center;}
.about-content .about-solgan .solgan-cont .reviews{margin-top: 20px;margin-bottom: 20px;line-height: 1.4}
.about-content .about-solgan .solgan-cont .num{font-size: 72px;}
.about-content .about-solgan .solgan-cont p{font-size: 18px;}
.about-content .about-solgan .solgan-cont .banner-animate .col-lg-3{text-align: center;float: left;width: 25%;}
.about-view .pic-r .half{width: 50%;float:left;}
.about-view .pic-l .half{width: 50%;float: right;}
.about-view .half .reviews{padding: 0 12.5%;margin-top: 14.73%;}
.about-view .half .title{font-size: 36px;color: #000;font-weight: 700;}
.about-view .half .title-en{font-size: 18px;color: #000;margin: 20px 0;}
.about-view .half .about-sort{margin: 24px 0;}
.about-view .half .about-sort li{float: left;margin-right: 40px;font-size: 18px;padding-bottom: 15px;border-bottom: 1px solid #bcbcbc;}
.about-view .half .about-sort li.on{color: #21c3ff;}
/*.half .about-sort li a{color: #000;}*/
.half .about-sort li a:hover{color: #21c3ff;}
.about-view .half .sort-review{line-height: 2;}
.about-view .half .sort-review .big-font{font-size: 18px;color: #4b4b4b;}
.about-view .half .sort-review .small-font{font-size: 14px;color: #878787;margin-top: 30px;}
.about-view .half .about-btn{padding: 20px 40px;background-color: #000;border: none;font-size: 18px;color: #fff;margin-right: 25px;margin-top: 9.71%;
    animation: background-color .3s;-webkit-animation: background-color .3s;cursor: pointer;}
.about-view .half .about-btn:hover{background-color: #21c3ff;}
@media screen and (max-width: 1599px){
    .about-content .about-solgan .solgan-cont{top: 0;}
}
@media screen and (max-width: 1440px){
    .about-view .half .reviews{margin-top: 4%;}
    .about-view .half .title-en{margin: 10px 0;}
    .about-view .half .about-sort{margin: 12px 0;}
    .about-view .half .sort-review{line-height: 1.5;}
    .about-view .half .sort-review .small-font{margin-top: 10px;}
}
@media screen and (max-width: 1024px){
    .about-content .about-solgan .solgan-cont{left: 0;}
}
@media screen and (max-width: 767px){
    .about-content .about-solgan .solgan-cont{left: 8%;}
    /*.index-sort{margin-top: 100px;}*/
    .contact-cont .contact-block2 .main-content .address p{margin-top: -8px;}
}

/*==================cases====================*/
.case-content{margin-top: 20px;}
.case-content .case-sort{text-align: center;margin: 0 auto;border:1px solid #a8a8a8;}
.case-content .case-sort ul{width: 64.16%;margin-left: 17.92%;margin-top: 85px;}
.case-content .case-sort li{font-size: 30px;color: #000;float: left;width: 33.333333%;}
.case-content .case-sort li.on .top{background-image: url(../images/blue-block.png);}
.case-content .case-sort li .top{width: 41px;height: 5px;background-repeat: no-repeat;background-position: 50% 50%;margin: 0 auto;margin-top: 25px;margin-bottom: 10px;}
.case-content .case-sort li .under{width: 8px;height: 7px;background-repeat: no-repeat;background-position: 50% 50%;margin: 0 auto;margin-top: 25px;}
.case-content .case-sort li.on .under{background-image: url(../images/triangle.png);}
.case-content .sort-show li{width: 12.5%;float: left;font-size: 17px;color: #000;margin:40px auto;text-align: center;}
.case-content .sort-show li.on{color: #21c3ff;}
.case-content .sort-show.containers{width: 100%;max-width: 1200px;margin: 0 auto;min-height: 100px;}
/*=================contact================*/
.contact-cont{width: 100%;background: url(../images/contact_bg.jpg) no-repeat;background-size: cover;margin-top: 20px;}
.contact-cont .contact-block1{max-width: 1200px;margin: 0 auto;padding-top: 8.59%;}
.contact-cont .contact-block1 .left-block{width: 34.16%;padding-left: 48px;}
.contact-cont .contact-block1 .left-block .cont-title{font-size: 48px;color: #fff;font-weight: 700;margin-bottom: 0;}
.contact-cont .contact-block1 .left-block .cont-titleEn{font-size: 24px;color: #fff;opacity:.29;}
.contact-cont .contact-block1 .left-block .cont-logo{margin-top: 17.07%;}
.contact-cont .contact-block2{margin-top: 50px;border-top: 1px solid #d0ccc5;border-bottom: 1px solid #d0ccc5;}
.contact-cont .contact-block2 .main-content{max-width: 1200px;width: 100%;margin:0 auto;}
.contact-cont .contact-block2 .main-content p{font-size: 16px;}
.contact-cont .contact-block2 .main-content .address-title{font-size: 20px;font-weight: 700;}
.contact-cont .contact-block2 .main-content .address{font-size: 18px;color: #fff;border-right: 1px solid #d0ccc5;}
.contact-cont .contact-block2 .main-content .col-lg-4{padding-top: 30px;padding-bottom: 30px;height: 180px;width: 25%;padding-left: 20px;}
.contact-cont .contact-block2 .main-content .address.first{padding-left: 0;width: 22.3%;}
.contact-cont .contact-block2 .main-content .address.third{width: 25.9%;}
.contact-cont .contact-block2 .main-content .address.forth{width: 26.8%;}
.contact-cont .contact-block2 .main-content .tels-title{font-size: 24px;color: #fff;font-weight: 700;text-align: center;}
.contact-block2 .main-content .tels-title span{margin-left: 25px;font-size: 18px;font-weight: 400;}
.contact-cont .main-content .server-tels.col-lg-4{border-right: 1px solid #d0ccc5;}
.contact-cont .contact-block2 .main-content .address p{margin-bottom: 5px;}
.contact-block2 .main-content .tels-title span.contactF{font-size: 24px;color: #fff;font-weight: 700;}

@media screen and (max-width: 1440px){
    .contact-cont .contact-block1{padding-top: 3.5%;}
    .contact-cont .contact-block2{margin-top: 30px;}
    .contact-cont .contact-block2 .main-content .col-lg-4{width: 25%;float: left;height: 140px;}
}
/*============caseshow===========*/
.nav-list{background-color: #000;width: 100%;padding-right: 80px;}
.nav-list ul{float: right;padding: 20px 0;}
.nav-list ul li{float: left;font-size: 14px;color: #8a8a8a;}
.nav-list ul li.on a{color: #21c3ff;}
.nav-list ul li i{margin: 0 5px;}
.caseshow-cont{margin-top: 20px;}
.caseshow-cont .caseshow-img{position: relative;}
.caseshow-cont .caseshow-img .case-reviews{position: absolute;bottom: 0;z-index: 999;padding: 25px 0 25px 3.854%;background-color: rgba(0,0,0,.7);width: 100%;display: none;}
.caseshow-cont .caseshow-img .case-reviews .show-title{font-size: 30px;color: #fff;}
.caseshow-cont .caseshow-img .case-reviews .show-cont{font-size: 14.13px;color: #8a8a8a;}
/*==========server==============*/
.server-cont{margin-top: 20px;}
.server-cont .server-block{margin-top: 100px;position: relative;}
/*-----------------style1-------------------------*/
.server-cont p{font-size: 18px;color: #4b4b4b;}
.server-cont .server-style1{margin-left:88px;margin-right:88px;}
.server-cont .containers{width: 100%;max-width: 1200px;margin: 0 auto;}
.server-cont .server-style1 .black-block{vertical-align: top;margin-top: 75px;margin-left: -100px;}
.server-cont .server-style1 .black-block.small-block{margin-left: -60px;}
.server-cont .server-style1 .block-img{float: left;}
.server-cont .server-style1 p{width: 24%;float: right;margin-top: 235px;margin-left: -60px;}
/*-----------------style2-------------------------*/
.server-cont .server-style2 .black-block{vertical-align: top;margin-top: 50px;margin-left: -60px;}
.server-cont .server-style2 .block-img{float: left;}
.server-cont .server-style2 .block-text{padding-right: 80px;margin-top: 175px;float: right;width: 40%;}
.server-cont .server-style2 .block-text p{margin-bottom: 40px;margin-left: -60px;}
/*-----------------style3-------------------------*/
.server-cont .server-style3 .block-img{float: right;}
.server-cont .server-style3 .black-block{vertical-align: top;margin-top: 125px;z-index: 99;position: relative;}
.server-cont .server-style3 .pic-block{margin-left: -60px;}
.server-cont .server-style3 .block-text{margin-left: 88px;margin-right: 33px;width: 25.41%;margin-top: 290px;}
/*-------dance---------*/
.dance-design{margin-top: 88px;}
.dance-design>img{margin-left: 25px;margin-top: 135px;position: relative;z-index: 99;}
.server-cont .block-text p{line-height: 1.5;}
.dance-design .dance-block1{width: 29.6%;margin-top: 54.5px;}
.dance-design .dance-block2{width: 32.6%;}
.dance-design .dance-block1.marginLeft{margin-left: -60px;}
.dance-design ul{position: relative;}
.dance-design ul li{margin-left: 1px;}
.dance-design ul p{position: absolute;left: 6.8%;max-width: 655px;}