@media screen and (min-width: 1400px) {
 
    .header{
      width: 100%;
      margin: 0px auto;
     
    }
 
}
@media screen and (max-width: 1400px) {
 
    .header{
      width: 1400px;
      margin: 0px auto;
     
    }

 
}



.container{
    width: 1200px;
    padding: 0px;
    margin: 0px auto;
 
   
}

.header{
    height: 80px;   
     position: relative;z-index: 31;background: #ffffff;
}
.header .logo{
    float: left;
    margin-left: 40px;
    position: relative;
    top: 50%;
    margin-top: -26px;
}
.menu{
    float: left;
    height: 80px;
    margin-left: 22px;

}
.menu li.leve{
    float: left;
    margin-left: 20px;

    z-index: 2;
}
.menu li.leve .t{
    line-height: 80px;
}

.menu li.leve a.item{
    font-size: 16px;
    position: relative;
    height: 100%;
    width: 100%;
    padding-right: 19px;
}
.menu li.leve a.item b{
    width: 11px;
    height: 6px;
    display: inline-block;
    background-image: url(../images/jt.png);
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -3px;
}
.menu li.leve.active  a.item b{
   transform:rotate(180deg);
    transition: transform .2s ease-in;
   
}

.menu .navSec{
position: absolute;
min-height: 100%;
left: 0;right: 0;
top: 80px;
background: url(../images/bgs.jpg) repeat-x #f4f6ff;
width: 100%;
display: none;
overflow: hidden;
box-shadow:0 10px 10px #cccccc; 
}



.menu li.active .navSec{
    display: block;
}
.navSecLeft{
    float: left;
    position: relative;
    height: 700px;
    width: 360px;
    background: url(../images/bgs1.jpg) repeat-x #fefeff;

}
.navSecLeft2{
    float: left;
    position: relative;
    height: 100%;
    width: 360px;
    height: 55px;
    
}



.navSecLeft .box{
    background-image: url(../images/lou.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: bottom;
    width: 242px;
    float: right;
    height: 100%;
}
.navSecLeft .box ul{
    padding-top: 30px;
}


.navSecLeft .box li{
    height: 45px;
    line-height: 45px;
}
.navSecLeft .box li.active{
    background: #edf6ff;
}
.navSecLeft .box li.on{
    background: #edf6ff;
}




.navSecLeft .box li.active  span{
    visibility: visible;
}



.navSecLeft .box li:hover{
    background: #edf6ff;
}







.navSecLeft .box li span{
    display:inline-block;
    width: 20px;
    height: 21px;
    background-image: url(../images/icos.png);
    position: relative;
    top: 50%;
    margin-top: -11px;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    visibility: hidden;
}


.navSecLeft .box li i{
    display:inline-block;
    width: 6px;
    height: 11px;
    background-image: url(../images/jt1.png);
    position: relative;
    top: 50%;
    margin-top: -5px;
    float: right;

    margin-right: 20px;
}

.navSecRight{
    float: left;
    width: calc(100% -  360px);
    padding-bottom: 25px;

}

.navSecRight h2{
    font-size: 18px;
    line-height: 2;
    color: #646878;
    margin-top: 30px;
}
.navSecRight h2 span{
    float: right;
    margin-right: 20px;
}
.navSecRight h2 span a{
    font-size: 14px;    
    font-weight: 100;color: #8991b0;
}

.navSecRight h2 span a:hover{
      color: #057dfe;

}


.navSecRight .box{
    margin-left: 25px;
    width: calc(100% - 80px);
    display: none;

}
.navSecRight .box.on{
    display: block;
}


.navSecRight .box .list1{
    overflow: hidden;
}
.navSecRight .box .list1 li{
    float: left;
    width: calc((100% - 90px)/4);
    height: 70px;
    background: #ffffff;
    border: 1px solid #ffffff;
    margin-right: 20px;
    margin-top: 20px;
}


.navSecRight .box .list1 li:nth-child(4n){
margin-right: 0px;
}
.navSecRight .box .list1  li a{
    line-height: 1;
}
.navSecRight .box .list1  li h3{
    line-height: 1;
    font-size: 16px;
    color: #646878;
    margin-left: 20px;
    margin-top: 15px;
    position: relative;
    display: inline-block;
    font-weight: 600;

}


.navSecRight .box .list1  li h3 span.red{
    display: block;
    width: 36px;height: 15px;
    background: url(../images/hot2.png);
    text-align: center;
    line-height: 15px;
    font-size: 12px;
    color: #ffffff;
    position: absolute;
    right: -36px;top: 0;  font-weight: 1;
}

.navSecRight .box .list1  li h3 span.green{
    display: block;
    width: 28px;height: 20px;
    background: url(../images/new.png);
    text-align: center;
    line-height: 15px;
    font-size: 12px;
    color: #ffffff;
    position: absolute;
    right: -36px;top: 0;
    font-weight: 1;
}
.navSecRight .box .list1  li h3 span.blue{
    display: block;
    width: 36px;height: 15px;
    background: url(../images/jc.png);
    text-align: center;
    line-height: 15px;
    font-size: 12px;
    color: #ffffff;
    position: absolute;
    right: -36px;top: 0;
    font-weight: 1;
}




.navSecRight .box .list1 li p{
    line-height: 1;font-size: 12px;
    color: #8991b0;
    margin-left: 20px;
    display: block;
    margin-top: 10px;  
}

.navSecRight .box .list1  li:hover{
    box-shadow:0px 0px 10px 0px #cccccc;
    border: 1px solid #bbd9ff;
    background-image: linear-gradient(#d7e5f3, #ffffff); 
}
.navSecRight .box .list1  li:hover h3{
    color: #057dfe;
}

.navSecRight .box .list1  li i{
    display: block;
    float: left;
    position: relative;
    top: 50%;
    margin-top: -17px;
    margin-left: 25px;
}
.navSecRight .box .list1  li div{
    float: left;
}








.box.navF{
    padding-bottom:  25px;
    overflow: hidden;
}

.box.navF .list1 li{
    float: left;
    width: calc((100% - 90px)/4);
    height: 70px;
    background: #ffffff;
    border: 1px solid #ffffff;
    margin-right: 20px;
    margin-top: 20px;
}


.box.navF .list1 li:nth-child(4n){
margin-right: 0px;
}
.box.navF .list1  li a{
    line-height: 1;
}
.box.navF .list1  li h3{
    line-height: 1;
    font-size: 16px;
    color: #646878;
    margin-left: 20px;

    display: inline-block;
    font-weight: 600;
        position:relative;
    top:50%;
   transform:translateY(-50%);
	-webkit-transform:translateY(-50%);

}


.box.navF .list1  li h3 span.red{
    display: block;
    width: 36px;height: 15px;
    background: url(../images/hot2.png);
    text-align: center;
    line-height: 15px;
    font-size: 12px;
    color: #ffffff;
    position: absolute;
    right: -36px;top: 0;  font-weight: 1;
}

.box.navF .list1  li h3 span.green{
    display: block;
    width: 28px;height: 20px;
    background: url(../images/new.png);
    text-align: center;
    line-height: 15px;
    font-size: 12px;
    color: #ffffff;
    position: absolute;
    right: -36px;top: 0;
    font-weight: 1;
}
.box.navF .list1  li h3 span.blue{
    display: block;
    width: 36px;height: 15px;
    background: url(../images/jc.png);
    text-align: center;
    line-height: 15px;
    font-size: 12px;
    color: #ffffff;
    position: absolute;
    right: -36px;top: 0;
    font-weight: 1;
}




.box.navF .list1 li p{
    line-height: 1;font-size: 12px;
    color: #8991b0;
    margin-left: 20px;
    display: block;
    margin-top: 10px;  
}

.box.navF .list1  li:hover{
    box-shadow:0px 0px 10px 0px #cccccc;
    border: 1px solid #bbd9ff;
    background-image: linear-gradient(#d7e5f3, #ffffff); 
}
.box.navF .list1  li:hover h3{
    color: #057dfe;
}

.box.navF .list1  li i{
    display: block;
    float: left;
    position: relative;
    top: 50%;
    margin-top: -17px;
    margin-left: 25px;
}
.box.navF .list1  li div{
    float: left;
}

















.header .login{
    float: right;
    position: relative;
    top: 50%;
    margin-top: -17px;
    margin-right: 55px;
}
.header .login a{
    margin-right: 10px;
}
.btn{
    height: 35px;
    display: inline-block;
    min-width: 100px;
    line-height: 35px;
    color: #057dfe;
    text-align: center;
    font-size: 18px;
    border: 1px solid #057dfe;
    background: #ffffff;
}
.btn.on{
    background: #057dfe;
    color: #ffffff;
}
.btn:hover{
    background: #057dfe;
    color: #ffffff;
}

/*大图*/
.bannerHome{
    position: relative;
     height: 100%;
	 width:100%;
	  min-width: 1400px;
}
.bannerHome .swiper{
      width: 100%;
      height: 100%;
  
}
.bannerHome .swiper-wrapper{
      /* 通过改变animation-timing-function 制作弹性切换效果 */
            transition:  ease-in 0.3s;
}
.bannerHome .swiper-slide{
      position:  relative; 
      background-position: center;
      background-size: cover;
      height: 400px;
}
.bannerHome .swiper-slide img{
      width: 100%;display: block;
} 
.bannerHome .swiper-pagination{
      bottom: 2%;
}
.bannerHome .swiper-pagination-bullet{ width:40px; height:5px; border-radius:0px; transition:all linear .2s;    background: rgb(255, 255, 255,.4);}
.bannerHome .swiper-pagination-bullet-active{
   width: 40px;
   height: 5px;
   background: rgb(255, 255, 255,.8);
}

.bannerOther{
    background-image: url(../images/banner.png);
    background-repeat: no-repeat;
    background-size:cover;
    background-position: center;
    height: 300px;
}
.bannerOther2{
    background-image: url(../images/banner2.png);
    background-repeat: no-repeat;
    background-size:cover;
    background-position: center;
    height: 480px;
}

.bannerOther3{
   
    background-repeat: no-repeat;
    background-size:cover;
    background-position: center;
    height: 200px;
}


.navIdc{
    height: 100px;
    box-shadow:0px 0px 10px 0px #cccccc;
    min-width: 1400px;
    margin: 0 auto;
}

.navIdc ul{
    width: 1200px;
    margin: 0 auto;
    height: 100%;    min-width: 1200px;
}
.navIdc ul li{
    float: left;
    height: 100%;
    width: 25%;
}
.navIdc ul li .ico{
    float: left;
    position: relative;
    top: 50%;
    margin-top: -17px;
    margin-left: 15px;
}
.navIdc ul li .title{
    float: left;
    position: relative;
    top: 50%;
    margin-top: -25px;
}
.navIdc ul li .title h2{
    font-size: 18px;
}

.navIdc ul li .title p{
    font-size: 12px;
    color: #8991b0;
    margin-top: 7px;
}

.navIdc ul li:hover{
    background: #f4f6ff;
}

.navIdc ul li:hover h2{
    color: #057dfe;
}


.bg1{
    overflow: hidden;
    background-image: url(../images/bg1.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    min-height: 600px;
    margin: 0 auto;
    margin-top: 5px;
    min-width: 1200px;
    padding-bottom: 80px;
    min-width: 1400px;

}
.bg2{
    background: #ffffff;
    overflow: hidden;
}

.bg3{
    overflow: hidden;
    background-image: url(../images/bg3.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
  
    margin: 0 auto;
    margin-top: 5px;
    min-width: 1400px;
    padding-bottom: 140px;
}

.bg4{
    overflow: hidden;
    background-image: url(../images/bg4.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;

    margin: 0 auto;
    margin-top: 5px;
    min-width: 1400px;
    padding-bottom: 80px;
}

.bg5{
    overflow: hidden;
    background-image: url(../images/bg5.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    min-height: 600px;
    margin: 0 auto;
    margin-top: 5px;
    min-width: 1400px;
    padding-bottom: 80px;
    
}

.ad{
    overflow: hidden;
    background-image: url(../images/bg6.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    height: 158px;
    margin: 0 auto;

    min-width: 1400px;

}
.ad .container{
    height: 100%;
}
.ad  .wz{
    float: left;
    font-size: 36px;
    color: #ffffff;
    line-height: 180px;    display: inline-block;
}

.ad  a{
    float: right;
    font-size: 24px;
    color: #057dfe;
    width: 200px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    position: relative;
    top: 50%;
    margin-top: -25px;
    display: block;background: #ffffff;

}




.tit{
    text-align: center;
    margin-top: 65px;
}
.tit h2{
    font-size: 26px;
}
.tit h2 span{
    color: #057dfe;
}
.tit p{
    font-size: 16px;
    color: #646878;
    margin-top: 10px;
}


.tit2{
    text-align: center;
    margin-top: 65px;
}
.tit2 h2{
    font-size: 26px;  color: #ffffff;
}

.tit2 p{
    font-size: 16px;
    color: #ffffff;
    margin-top: 10px;
}



.proBox{
    box-shadow:0px 5px 5px 0px #cccccc;
    background: #ffffff;
    margin-top: 40px;
    margin-bottom: 25px;
    height: 598px;
}
.navLeft{
    width: 260px;
    height: 598px;
    background: url(../images/leftbg.png);
    float: left;
}
.navLeft ul{
    margin-top: 25px;
}
.navLeft ul li{
    height: 50px;
    text-indent: 40px;
    line-height: 50px;
}
.navLeft ul li a{
    font-size: 16px;
}
.navLeft ul li.active{
    background: rgb(255, 255, 255,.4);
}
.navLeft ul li.active a{
    color: #057dfe;
}



.proBox .list{
    width: calc(1200px - 260px);
    float: left;
    height: 100%;
    position: relative;

}
.proBox .list ul{
    height: 100%;
    width: 100%;
    display: none;
}

.proBox .list ul.on{
    display: block;
}



.proBox .list  li{
    border-top: 1px solid #dbdeed;
    border-right: 1px solid #dbdeed;
    height: calc(33.33333% - 1px);
    float: left;
    width: 312.3435333333333px;
    position: relative;
}
.proBox  .list  li .box{

}

.proBox  .list  li:hover .box{
    position: absolute;
    left: 0;right: 0; top: 0;bottom: 0;
    box-shadow:0px 0px 10px 0px #cccccc;
    transform:scale(1.01);
    background: #ffffff;

}
.proBox  .list  li .box .con{
    width: 80%;
    margin:  25px auto;
}

.proBox  .list  li .box .con h2{
    font-size: 16px;
    margin: 7px 0;
    font-weight: bold;
}
.proBox  .list  li .box .con p{
    font-size: 14px;
    color: #646878;
    line-height: 1.5;
    margin-bottom: 10px;
}


.proBox  .list  li .box .con .btn{
    height: 35px;
    display: inline-block;
    min-width: 100px;
    line-height: 35px;
    color: #057dfe;
    text-align: center;
    font-size: 16px;
    border: 1px solid #057dfe;
    background: #ffffff;
}
.proBox  .list  li .box .con .btn.on{
    background: #057dfe;
    color: #ffffff;
}
.proBox  .list  li .box .con .price{
    margin-top: 20px;
}
.proBox  .list  li .box .con .price b{
    font-size: 20px;
    color: #fa6717;

}

.proBox .list   li .box .con .price span{
    font-size: 12px;
    color: #8991b0;
}
.proBox  .list  li .box .con .oth{
    margin-top: 10px;
}
.proBox .list   li .box .con .oth em{
    border: 1px solid #d7dbea;
    display: inline-block;
    height: 22px;
    line-height: 22px;
    font-size: 12px; color: #8991b0;
    padding: 0 10px;
    margin-right: 10px;
}

.artTab{
    border-bottom: 1px  solid #dfe2e6;
    overflow: hidden;
    height: 60px;
    margin-top: 25px;
}
.artTab ul{
    height: 100%;
    width: 70%;
    margin: 0 auto;
}
.artTab li{
    height: 100%;
    line-height: 55px;
    width: 25%;
    float: left;
    position: relative;
}
.artTab li span{
    float: left;
}
.artTab li img{
    vertical-align: middle;
}
.artTab li p{
    font-size: 18px;
    margin-left: 5px;
    float: left;
    color: #646878;
}
.artTab li.active  p{
    color: #057dfe;
}
.artTab li:hover  p{
    color: #057dfe;
}


.artTab li .con{
    position: relative;
    height: 100%;
    display: inline-block;
}
.artTab li.active .con::after{
    background: #057dfe;
    content: '';
    height: 3px;
    width: 94%;
    left: 3%;
    bottom: 0;
    position: absolute;
}

.artTab li:hover .con::after{
    background: #057dfe;
    content: '';
    height: 3px;
    width: 94%;
    left: 3%;
    bottom: 0;
    position: absolute;
}




.artlist{
    width: 100%;
    height: 100%;
    position: relative;
    margin-top: 40px;

}
.artlist ul{
    height: 100%;
    width: 100%;
    display: none;
}
.artlist ul.on{
 
    display: block;
}




.artlist  li{
    border-top: 1px solid #dbdeed;
    border-right: 1px solid #dbdeed;
    height: 142px;
    float: left;
    width:calc(33.3333333% - 2px);
    position: relative;
    background: #ffffff;
  
}
.artlist  li:nth-child(1){
    border-left: 1px solid #dbdeed;
}
.artlist  li:nth-child(4){
    border-left: 1px solid #dbdeed;
}
.artlist  li:nth-child(7){
    border-left: 1px solid #dbdeed;
}


.artlist  li:nth-child(7){
    border-bottom: 1px solid #dbdeed;
}
.artlist  li:nth-child(8){
    border-bottom: 1px solid #dbdeed;
}
.artlist  li:nth-child(9){
    border-bottom: 1px solid #dbdeed;
}


.artlist  li .box2{
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;  padding: 15px 0;
}
.artlist  li .box2 .hot{
    width: 44px;height: 44px;
    background: url(../images/hot.png) no-repeat;
    position: absolute;
    right: 0; top: 0;
    text-align:right;
    line-height: 30px;
    color: #ffffff;
    font-size: 12px;
}

.artlist  li .box2 .hot span{
    transform:rotate(40deg);
    display: inline-block;
}
.artlist  li .box2 .con{
    width: 90%;
    margin: 0 auto;
   
}
.artlist  li .box2 .con .ico{
    float: left;
    width: 110px;
    height: 110px;
    overflow: hidden;
}
.artlist  li .box2 .con .ico img{
    width: 100%;height: 100%;
}
.artlist  li .box2 .con  .desc{
    float: right;
    width: calc(100% - 120px);
    
}
.artlist  li:hover{
    z-index: 2;

}
.artlist  li:hover .box{
    position: absolute;
    left: 0;right: 0; top: 0;bottom: 0;
    box-shadow:0px 0px 10px 0px #cccccc;
 
    background: #ffffff;

}

.artlist  li .box2 .con  .desc h2{
    font-size: 16px;
    color: #2f3137;
}

.artlist  li .box2 .con  .desc p{
    font-size: 14px;
    color: #888b98;
    margin-top: 5px;
    height: 57px;
}
.artlist  li .box2 .con  .desc .price b{
    font-size: 18px;
    color: #de3127;
}
.artlist  li .box2 .con  .desc .price span{
    color: #878fae;
    font-size: 12px;
}

.artlist  li .box2 .con  .desc .price s{
    color: #cccdd4;
    font-size: 12px;
    margin-left: 5px;
}


.more{
    text-align: center;
    margin-top: 55px;
}
.more  a{
    font-size: 18px;
    color: #057dfe;
}

.Advantage {
    margin-top: 10px;
}
.Advantage ul li{
    float: left;
    width: 23.5%;
    background: #ffffff;
    box-shadow:0px 0px 10px 0px #cccccc;
    overflow: hidden;
    height: 145px;
    margin-top: 25px;
    margin-right: 2%;
   
}
.Advantage ul li:nth-child(4n){
    margin-right: 0;
}

.Advantage ul li .ico{
    float: left;
    position: relative;
    top: 50%;
    transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
    margin-left: 20px;
}
.Advantage ul li .title{
    float: left;
    position: relative;
    top: 50%;
    transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
    margin-left: 10px;
    width: 178px;

}
.Advantage ul li .title h2{
    font-size: 18px;
}

.Advantage ul li .title p{
    font-size: 12px;
    color: #8991b0;
    margin-top: 7px;
}

.Advantage ul li:hover{
    background: #f4f6ff;
}

.Advantage ul li:hover h2{
    color: #057dfe;
}


/*公司资质*/
.qua{
    position: relative;
     height: 100%;
     margin-top: 67px;
}
.qua .swiper{
      width: 100%;
      height: 100%;
      position: relative;
}
.qua .swiper-wrapper{
      /* 通过改变animation-timing-function 制作弹性切换效果 */
            transition:  ease-in 0.3s;
}
.qua .swiper-slide{
      position:  relative; 
}
.qua .swiper-slide img{
      width: 100%;
} 
.qua .swiper-pagination{
      bottom: -55px;
   
      padding: 0;
      position: relative;
}
.qua .swiper-pagination::after{
    content: '';
    background: rgb(255, 255, 255,.4);
    height: 5px;
    width: 30%;
    left: 35%;
    top: 10px;
    position: absolute;
}

.qua .swiper-pagination-bullet{ width:40px; height:5px; border-radius:0px; transition:all linear .2s; 

}
.qua .swiper-pagination-bullet-active{
   width: 40px;
   height: 5px;
   background: rgb(255, 255, 255,0.8);
}

.qua .swiper-button-next{

    background:url("../images/right.png") center center no-repeat;
    width: 17px;
    height:32px;
    margin-right: -52px;
}
    
.qua .swiper-button-prev{
    background:url("../images/left.png") center center no-repeat;
    width: 17px;
    height:32px;
    margin-left: -52px;
   
}
.qua .swiper-slide p{
    font-size: 14px;
    color: #ffffff;
    text-align: center;
    line-height: 3;
}


   
.link{
    margin-top: 22px;
}   
.link li{
    float: left;
    width: 18.2%;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content:center;
    border: 1px solid #eceef7;
    margin-top: 20px;
    margin-right: 2%;
}
.link li a img{
    max-width: 99%; max-height: 99%;
}
.link li:nth-child(5n){
    margin-right: 0;
}

.helpTab{
    width: 480px;
    margin: 0 auto;
    margin-top: 40px;
    text-align: center;
}


.helpTab li{
    display: inline-block;
    width: 50%;
    height: 46px;
    line-height: 46px;
    text-align: center;
    float: left;background: #ffffff;
}
.helpTab li a{
    font-size: 16px;
}
.helpTab li.active{
    background: #057dfe;
}
.helpTab li.active a{
    color: #ffffff;
}

.helpTab li.active:hover a{
    color: #ffffff;
}

.helpTab li:hover a{
    color: #057dfe;
}



.helpTab2{

    margin: 0 auto;
    margin-top: 40px;
    text-align: center;
    
}
.helpTab2 ul{
    display: inline-block;border: 1px solid #e5e8f8;
}

.helpTab2 li{
    display: inline-block;
    height: 46px;
    line-height: 46px;
    text-align: center;
    float: left;background: #ffffff;
    padding: 0 25px;
    position: relative;
}
.helpTab2 li a{
    font-size: 16px;
}
.helpTab2 li.active{
    background: #057dfe;
}
.helpTab2 li.active:hover{
    color: #ffffff;
}


.helpTab2 li:hover a{
    color: #057dfe;
}

.helpTab2 li.active a{
    color: #ffffff;
}
.helpTab2 li::after{
    content: '';background: #e5e8f8;
    height: 50%;
    width: 1px;
    position: absolute;
    right: 0;top: 25%;

}
.helpTab2 li:nth-last-child(1)::after{
    display: none;
}
.helpTab2 li.active::after{
    display: none;
}




.helpTab3{

    margin: 0 auto;
    margin-top: 40px;
    text-align: center;
    
}
.helpTab3 ul{
    display: inline-block;border: 1px solid #e5e8f8;
}

.helpTab3 li{
    display: inline-block;
    height: 46px;
    line-height: 46px;
    text-align: center;
    float: left;background: #ffffff;
    padding: 0 65px;
    position: relative;
}
.helpTab3 li a{
    font-size: 16px;
}

.helpTab3 li.active{
    background: #057dfe;
}
.helpTab3 li.active a{
    color: #ffffff;
}

.helpTab3 li.active:hover a{
    color: #ffffff;
}



.helpTab3 li::after{
    content: '';background: #e5e8f8;
    height: 50%;
    width: 1px;
    position: absolute;
    right: 0;top: 25%;

}
.helpTab3 li:nth-last-child(1)::after{
    display: none;
}
.helpTab3 li.active::after{
    display: none;
}










.helpList{
    margin-top: 20px;
    
}
.helpList ul{
    display: none;
    -ms-transition:all .5s;-o-transition:all .5s;transition:all .5s
}
.helpList ul.on{
    display: block;
}


.helpList li{
    float: left;
    width: 32.1%;
    margin-right: 1.8%;
    background: #ffffff;
    margin-top: 20px;
    overflow: hidden;
}
.helpList li:nth-child(3n){
    margin-right: 0;
}

.helpList li .year{
    border-right: 1px  solid #e4e7f7;
    float: left;width: 80px;
    height: 80px;
    text-align: center;
}
.helpList li .year h2{
    font-size: 24px;
    color: #8890af;
    margin-top: 15px;
}
.helpList li .year p{
    font-size: 12px;
    color: #8890af;
}


.helpList li .title{
    float: right;
    width:calc(100% - 100px);
}
.helpList li .title h2{
    white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
    width: 90%;
    margin-top: 15px;
}
.helpList li .title h2 a{
    font-size: 18px;
    font-weight: 300;
}
.helpList li .title p{
    white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
    width: 90%;
    font-size: 12px;
    color: #8991b0;
    margin-top: 5px;
}
.helpList li:hover .year{
    background: #127dfc;
    color: #ffffff;
}
.helpList li:hover .year h2{

    color: #ffffff;
}

.helpList li:hover .year p{

    color: #ffffff;
}


/*服务器租用*/
.idcNav{
    height: 80px;
    box-shadow:0px 0px 10px 0px #cccccc;
    min-width: 1400px;
    margin: 0 auto;
}
.idcNav ul{
    width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}
.idcNav ul li{
    height: 100%;
    position: relative;
}
.idcNav ul li i{
    float: left;
    display: inline-block;
    font-size: 22px; color: #8890af;
    transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
    top: 50%;
    position: relative;
}
.idcNav ul li i.sx{
    width: 15px;
    height: 21px;
    background: url(../images/sx.png);
}
.idcNav ul li:hover i.sx{
    width: 15px;
    height: 21px;
    background: url(../images/sxs.png);
}
.idcNav ul li i.bgp{
    width: 41px;
    height: 21px;
    background: url(../images/bgp.png) center no-repeat;
}
.idcNav ul li:hover i.bgp{
    width: 41px;
    height: 21px;
    background: url(../images/bgps.png) center no-repeat;
}
.idcNav ul li i.hk{
    width: 29px;
    height: 21px;
    background: url(../images/hk.png) center no-repeat;
}
.idcNav ul li:hover i.hk{
    width: 29px;
    height: 21px;
    background: url(../images/hks.png) center no-repeat;
}


.idcNav ul li p{
    float: left;
    display: inline-block;
    font-size: 16px;
    margin-left: 10px;
    transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
    top: 50%;
    position: relative;
}
.idcNav ul li:hover i{
    color: #057dfe;;
}
.idcNav ul li:hover {
    color: #057dfe;;
}
.idcNav ul li:hover::after{
    background: #057dfe;
    content: '';
    height: 5px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}

.bgs{
    background: url(../images/bgs.jpg) repeat-x #f4f6ff;
    min-width: 1400px;
    overflow: hidden;
    padding-bottom: 60px;

}

.bgs1{
    background: url(../images/bgss1.jpg) repeat-x #ffffff;
    min-width: 1400px;
    overflow: hidden;
    padding-bottom: 60px;

}

.fbg{
    min-width: 1400px;
    overflow: hidden;
    padding-bottom: 60px;
    background-image: url(../images/fbg.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;

}


.jfbg{
    min-width: 1400px;
    overflow: hidden;
    padding-bottom: 60px;
    background-image: url(../images/bg35.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;

}



.idcBox{
    margin-top: 20px;
    display: none;
}
.idcBox.on{
    display: block;
}
.idcList{
    overflow: hidden;
    border-top: 1px solid #e5e8f8;
}    
.idcList li{
  position: relative;
  height: 100px;
  background: #ffffff;
  border-left: 1px solid #e5e8f8;
  border-right: 1px solid #e5e8f8;
  border-bottom: 1px solid #e5e8f8;
}
.idcList li:hover{
    z-index: 2;
}
.idcList li:hover .box{
    background: #edf6ff;
    box-shadow:0px 0px 10px 0px #cccccc;
    position: absolute;
    -webkit-transform:scale(1.1) rotate(1.1);
}
.idcList li:hover  .col1{
    color: #057dfe;

}

.idcList li:hover  .p2{
    color: #313339;
}

.idcList li:hover  .col8 a{
   background: #057dfe;
   color: #ffffff;
}
.idcList li:hover .col1::before{
    content: '';
    width: 3px;
    background: #057dfe;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;

}
.idcList.jia {
    margin-bottom: 20px;
}
.idcList.jia li:hover .col1{
    background: #057dfe;
    color: #ffffff;
}

.idcList li .box{
    height: 100%;
    width: 100%;

    
}
.idcList li .col1,.idcList li .col2,.idcList li .col3,.idcList li .col4,.idcList li .col5,.idcList li .col6,.idcList li .col7,.idcList li .col8{
    transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
    top: 50%;
    position: relative;
    float: left;
}
.idcList li .col1{
    width: 12%;text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #646878;
    height: 100%;
    margin-right: 3%;
    position: relative;
}


.idcList li .col2{
    width: 20%;

}
.idcList li .col3{
    width: 10%;
}
.idcList li .col4{
    width: 10%;
}
.idcList li .col5{
    width: 10%;
}
.idcList li .col6{
    width:13%;
}
.idcList li .col7{
    width: 13%;text-align: center;
}
.idcList li .col8{
    width: 8%;
    height: 100%;
    float: right;
}

.idcList li .col8 a{
    display: block;
    background: #edf6ff;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #057dfe;

}


.idcList li .col8 a p{
    display: inline-block;
    width: 50%;
    font-size: 20px;
    transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
    top: 50%;
    position: relative;
}
.idcList li .p1{
    font-size: 14px;
    color: #8991b0;

}

.idcList li .p2{
    font-size: 16px;
    color: #646878;
    margin-top: 5px;

}

.idcList li .p3{
    font-size: 24px;
    color: #fa6717;
    font-weight:bold;
}
.idcList li .p3 span{
    font-size: 14px;
    color: #fa6717;
    font-weight:100;
}

.idcList li .col1 p{
    position:relative;
    top:50%;
   transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
    display: inline-block;
}


.idcList li .col1::after{
    content: '';background: #e5e8f8;
    height: 60%;
    width: 1px;
    position: absolute;
    right: 0px;
    top: 20%;
}
.idcList.jia li:hover .col1::after{
    display: none;
}

.idcList li .col6::after{
    content: '';background: #e5e8f8;
    height: 60px;
    width: 1px;
    position: absolute;
    right: 5%;
    top: -7px;
}
.idcList li .col1 .hot{
    position: absolute;
    left: 0;top: 0;
}



.kehubg{
    overflow: hidden;
    background-image: url(../images/bg9.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    min-height: 600px;
    margin: 0 auto;
    margin-top: 5px;
    min-width: 1200px;
    padding-bottom: 80px;
    min-width: 1400px;

}
.kehuList{
    margin-top: 30px;
}
.kehuList li{
    float: left;
    width: calc((100% - 75px)/4);
    margin-right: 25px;
    margin-top: 25px;
    position: relative;
}
.kehuList li:nth-child(4n){
    margin-right: 0;
}
.kehuList li .img img{
    width: 100%;
    -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
    filter: grayscale(100%);
}
.kehuList li .mb{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgb(0, 0, 0,.4);
    z-index: 2;
}


.kehuList li .mb div{
    position:relative;
    top:50%;
   transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
    text-align: center;
}
.kehuList li .mb div p:nth-child(2){
    font-size: 24px;
    font-weight: bold;
    color: #ffffff;
    margin-top: 10px;
}


.kehuList li .mb div p:nth-child(3){
   
	visibility:hidden;
   
    transform:translate(0%, 10px);
    font-size: 16px;
    color: #ffffff;margin-top: 10px;    -webkit-transition:.6s ease-in-out;
	height:0;
}
.kehuList li:hover .mb{
    background: rgb(18, 75, 142,.6);
}
.kehuList li:hover .mb div p:nth-child(3){
  height:auto;
	   visibility:visible;
    transform:translate(0%, 0px);
}
.kehuList li:hover .mb .ico{
	  -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.kehuList li:hover .mb .ico {
    transform: rotateY( 180deg);
}


.kehuList li:hover .img img{
    box-sizing:border-box !important;-webkit-filter: grayscale(0); /* Chrome, Safari, Opera */
    filter: grayscale(0);

}

.fuwuList li{
    float: left;
    width: calc((100% - 60px)/3);
    margin-right: 30px;
    background: #ffffff;
    box-shadow:0px 0px 10px 0px #cccccc;
    padding: 40px 0;
    text-align: center;
    margin-top: 43px;
    padding-bottom: 60px;
}
.fuwuList li:nth-last-child(1){
    margin-right: 0;
}
.fuwuList li .img{
    width: 72px;
    height: 72px;
    border: 1px solid #3b3b3b;
    display: inline-block;
    text-align: center;
    border-radius: 100%;
}
.fuwuList li .img img{
    max-width: 100%;
    top:50%;
    transform:translateY(-50%);
     -webkit-transform:translateY(-50%);
     position: relative;
}

.fuwuList li .title{
    font-size: 18px;
    color: #313339;
    margin-top: 20px;
}
.fuwuList li .title2{
    margin-top: 45px;
}
.fuwuList li .title2 p:nth-child(1){
    font-size: 20px;
    color: #fa6717;
    margin-top: 20px;
    font-weight: bold;
}

.fuwuList li .title2 p:nth-child(2){
    font-size: 18px;
    color: #646878;
    margin-top: 10px;
}

.roomBg{
    background-image: url(../images/bg8.png) ;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 560px;
    overflow: hidden;
    position: relative;
}
.roomBg  .box{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;

}
.roomBg .desc{
    font-size: 18px;
    color: #ffffff;
    line-height: 1.8;
}
.roomBg .desc p{
    margin-top: 65px;
}

.roomBg .mb{
    background: rgb(0, 0, 0,.4);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}

.serviceItems {
    overflow: hidden;
    margin-top: 60px;
    margin-bottom: 55px;
}
.serviceItems .item{
    float: left;
    position: relative;
    min-height: 100px;
    padding: 25px 0;
  
}


.serviceItems .item:nth-child(1){
    width: 38%;
}
.serviceItems .item:nth-child(2){
    width: 38%;
}
.serviceItems .item:nth-child(3){
    width: 24%;
}
.serviceItems .item .title{
    
    height: 80px;
    text-align: center;
    line-height: 80px;
    font-size: 22px;
    color: #313339;
}
.serviceItems .item .box{
   
}



.serviceItems .item:nth-child(1) .title{
    border-top: 1px solid #dbdeed;
    border-bottom: 1px solid #dbdeed;
    border-left: 1px solid #dbdeed;
}
.serviceItems .item:nth-child(2) .title{
    border-top: 1px solid #dbdeed;
    border-bottom: 1px solid #dbdeed;
    border-left: 1px solid #dbdeed;
}
.serviceItems .item:nth-child(3) .title{
    border-top: 1px solid #dbdeed;
    border-bottom: 1px solid #dbdeed;
    border-left: 1px solid #dbdeed;
    border-right: 1px solid #dbdeed;
}

.serviceItems .list li{
    height: 50px;
    border-bottom: 1px solid #dbdeed;
    line-height: 50px;
    border-left: 1px solid #dbdeed;overflow: hidden;
}
.serviceItems .list li i{
    display: inline-block;
    font-size: 16px;
    color: #4d5885;
    font-style: normal;
    text-align: center;
    float: left;
}

.serviceItems .item:nth-child(1) .list li i:nth-child(1){
 width: 60%;
}
.serviceItems .item:nth-child(1) .list li i:nth-child(2){
    width:calc(40%  - 1px);border-left: 1px solid #dbdeed;
}


.serviceItems .item:nth-child(2) .list li i:nth-child(1){
    width: 60%;
}
   .serviceItems .item:nth-child(2) .list li i:nth-child(2){
       width:calc(40%  - 1px);border-left: 1px solid #dbdeed;
}
   
.serviceItems .item:nth-child(3) .list li i{
    width:calc(100%  - 1px);
    border-right: 1px solid #dbdeed;
}





.serviceItems .item.on{
    z-index: 2;
}
.serviceItems .item.on .box{
    position: absolute;
    box-shadow:0px 0px 10px 0px #cccccc;
    left: 0;
    width: 100%;
    background: #ffffff;
    top: 5px;
}
.serviceItems .item.on .box .title{
    background: #1f90f9;
    height: 100px;
    text-align: center;
    line-height: 100px;
    font-size: 22px;
    color: #ffffff;
}








.serviceItems .item:nth-child(1):hover  .box{
   
    left: 1px;
 
}



.serviceItems .item:nth-child(3):hover  .box{
   
    left: -5px;
   
 
}




.dllList li{
    float: left;
    height: 580px;background: #ffffff;
    -webkit-transition:.4s ease-in-out;
    width: 32%;
    margin-right:1.93% ;

    margin-bottom: 30px;
    position: relative;
}

.dllList li:nth-child(3n){
    margin-right: 0;
}

.dllList li .top{
    height: 110px;
    position: relative;
   
    text-align: center;
    
}
.dllList li .top h2{
    color: #4d5884;
    font-size: 22px;
    margin-top: 35px;
    
}



.dllList li .top p{
    color: #4d5884;
    font-size: 14px;
    margin-top: 10px;
    
}


.dllList li .mid {
    border-top: 1px solid #e5e8f8;
    width: 80%;
    margin: 0 auto;
}
.dllList li .mid p{
    border-bottom: 1px solid #e5e8f8;
    height: 47px;
    line-height: 47px;
    text-align: center;
    font-size: 16px;
    color: #4d5885;
}
.dllList li .price{
    font-size: 20px;
    font-weight: bold;
    color: #ef3b0b;
    text-align: center;
    margin-top: 45px;
}

.dllList li .zx{
    text-align: center;
    margin-top: 45px;
}
.dllList li .zx a{
    display:inline-block;
    width: 180px;text-align: center;height: 40px;
    font-size: 16px;
    color: #057dfe;
    background: #edf6ff;
    line-height: 40px;
}
.dllList li:hover .zx a{
    background: #057dfe;
    color: #ffffff;
}
.dllList li:hover {
    box-shadow:0px 0px 10px 0px #cccccc;
}


.dllList li .hot{
    position: absolute;
    right: -5px;
    top: -5px;
}

.fwqsTitle{
    height: 70px;
    background: #ffffff;
    overflow: hidden;
    width: 100%;
}
.fwqsTitle p{
    display: inline-block;
    position:relative;
    top:50%;
   transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
    font-size: 20px;
    margin-left: 25px;
    color: #313339;
    text-indent: 22px;
    line-height: 1;
}
.fwqsTitle p span{
    font-size: 14px;color: #8991b0;
    margin-left: 22px;
}
.fwqsTitle p::after{
    content: '';
    width: 5px;
    height: 80%;
    background: #057dfe;
    position: absolute;
    left: 0;
    top: 10%;
}









/*Tag*/
.navi{
    border-bottom: 1px solid #f2f2f2;
    padding-bottom: 20px;
    font-size: 14px;
    color: #666666;
    margin-top: 45px;
}
.navi a{
    font-size: 14px;
    color: #666666;
}
.abc{
    background: #f6f9fc;
    padding-bottom: 16px;
    margin-top: 16px;
}
.abc ul{
    width: 91%;
    margin: 0 auto;
    overflow: hidden;
}
.abc ul li{
    float: left;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    background: #e4ebf3;
    text-align: center;
    line-height: 30px;
    margin-right: 16px;
    margin-top: 16px;
}
.abc ul li:nth-child(24){
    margin-right: 0;
}

.abc ul li.on{
    background: #406ff3;
}
.abc ul li:hover{
    background: #d6e9ff;
}
.abc ul li:hover a{
    color: #127dfc;
}
.abc ul li.on:hover{
    background: #406ff3;
}
.abc ul li.on:hover a{
    color: #ffffff;
}



.abc ul li a{
    font-size: 14px;
    color: #636777;
}
.abc ul li.on a{
    color: #ffffff;
}
.tagList{
    overflow: hidden;
}
.tagList li{
    float: left;
    width: calc(100% / 8);
    margin-top: 27px;
}
.tagList li a{
    font-size: 14px;
    color: #303238;
}
.tagList li a:hover{
        color: #127dfc;
}
.tagBox{
    display: none;
}

.tagBox.on{
    display: block;
}


.adw{
    margin-top: 22px;
}
.adw img{
    display: block;
}
.leftBox{
    float: left;
    width: 830px;
}
.leftBox .navi{
    margin-top: 29px;

}
.serDetail{
    overflow: hidden;
    margin-top: 30px;
}
.serDetail .img{
    float: left;
    width: 128px;
}
.serDetail .img img{
    width: 100%;
}

.serDetail .desc{
    float: right;
    width: calc(100% - 148px);
}
.serDetail .desc h2{
    font-size: 26px;
}
.serDetail .desc p{
    font-size: 14px;
    color: #636777;
    margin-top: 15px;
    line-height: 2;
}

.xtitle{
    border-bottom: 1px solid #f2f2f2;
    padding-bottom: 20px;
    overflow: hidden;
    margin-top: 50px;

}
.xtitle i{
    display: inline-block;float: left;
    margin-top: 5px;
    margin-right: 10px;
}
.xtitle p{
    display: inline-block;float: left;font-size: 24px;
}




.keyList{
    overflow: hidden;
    border-bottom: 1px solid #f2f2f2;
    padding-bottom: 20px;
}
.keyList li{
    width: 25%;
    margin-top: 20px;
    float: left;
}
.keyList li a{
    display: inline-block;
    position: relative;
    margin-left: 10px;
    padding-left: 15px;
}
.keyList li a::after{
    background: #e7e7e7;
    position: absolute;
    left: 0;height: 100%;
    content: '';
    top: 0;
    width: 1px;
}

.keyList li:nth-child(4n + 1) a:after{
  display: none;
}

.jfList{
    overflow: hidden;
}
.jfList ul.hiden{
    display: none;
}

.jfList ul.on{
    display:block;
}

.jfList  li{
    padding-top: 20px;
    overflow: hidden;
    border-bottom: 1px solid #f2f2f2;
    padding-bottom: 20px;
}
.jfList  li:nth-last-child(1){
    border-bottom: 0px;
}

.jfList  li:hover{
 background: url(../images/tbgs1.jpg) repeat-y center;
}

.jfList .desc{
    float: left;
}
.jfList .desc .title a{
    font-size: 18px;
    font-weight: bold;
    color: #636777;
}

.jfList .desc p{
    font-size: 14px;
    color: #8890af;
    margin-top: 15px;
} 
.jfList .desc .tag{
    margin-top: 15px;
}

.jfList .desc .tag em:hover{
    color: #127dfc;
    background: #dcecff;
}
.jfList .desc .tag em{
    font-style: normal;
    height: 25px;
    line-height: 25px;
    padding: 0 10px;
    background: #f4f6ff;
    color: #8890af;
    font-size: 14px;
    display: inline-block;
    margin-right: 5px;

}
.jfList  li.aimg .img{
    float: left;
    width: 160px;
}
.jfList  li.aimg .img img{
    width: 100%;
}

.jfList  li.aimg .desc{
    float: right;
    width: calc(100% - 180px);
}
.page{
    text-align: center;
    margin: 80px 0;
}

.page a{
    border: 1px solid #e3e6f6;
    margin-right: 10px;
    display: inline-block;
    height: 38px;
    line-height: 38px;
    padding: 0 15px;
}
.page a.on{
    color: #127dfc;
}
.rightBox{
    float: right;
    width: 320px;
}

.search{
    height: 40px;
    margin-top: 35px;
}
.search .inputs{
    border-bottom: 1px solid #e3e6f6;
    border-top: 1px solid #e3e6f6;
    border-left: 1px solid #e3e6f6;
    height: 100%;
    width: calc(100% - 57px);
    float: left;
}
.search .inputs i{
    float: left;
    position: relative;
    top: 50%;
    margin-top: -11px;
    margin-left: 10px;
}
.search .inputs input{
    height: 100%;
    margin-left: 5px;
}
.search a{
    display: inline-block;
    background: #057dfe;
    text-align: center;
    line-height: 42px;
    height: 42px;
    color: #ffffff;
    width: 56px;
}
.rightBox .titx{
    border-bottom: 2px solid #e3e6f6;
    font-size: 18px;
    font-weight: bold;
    margin-top: 38px;
    height: 38px;
}

.rightBox .titx span{
    display:inline-block;
    height: 100%;
    position: relative;
}
.rightBox .titx span::after{
    content: '';
    height: 2px;
    background: #2a4ccc;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2px;
}

.ad2{
    margin-top: 20px;
}
.ad2 img{
    width: 100%;
}
.ad2 p{
    margin-top: 5px;
    font-size: 14px;
    color: #333333;
    line-height: 1.5;
}
.tjList {
    overflow: hidden;
}
.tjList li{
    float: left;
    width: 150px;
    margin-right: 20px;
    margin-top: 20px;
}
.tjList li .img img{
    width: 100%;

}
.tjList li:nth-child(2n){
    margin-right: 0;
}
.tjList li p{
    line-height: 2;
}
.tjList li p a{
    font-size: 14px;
}
.mlList{
    margin-top: 10px;
}
.mlList a{
    display: inline-block;
    width: 70px;
    height: 30px;
    background: #f5f5f5;
    text-align: center;
    line-height: 30px;
    margin-right: 9px;
    margin-top: 10px;
    font-size: 12px;
}
.mlList a:nth-child(4n){
    margin-right: 0;
}
.mlList a:hover{
    color: #ff8500;
}
.lxfs{
    margin-top: 20px;
}
.lxfs p{
    margin-top: 10px;
    font-size: 14px;
    color: #636777;
}
.lxfs p span{
    font-size: 18px;
    font-weight: bold;
    color: #f9661a;
}

/*本地高仿服务器*/
.liuList li{
    float: left;
    width: 380px;
    margin-right: 30px;
    margin-top: 30px;
    box-shadow:0px 0px 10px 0px #cccccc;
    overflow: hidden;background-color: #ffffff;
}
.liuList li:hover{
    box-shadow:0px 0px 20px 0px #cccccc;
}

.liuList ul{
    display: none;
}
.liuList ul.on{
    display: block;
}

.liuList li:nth-child(3n){
    margin-right: 0;
}
.liuList li .top{
    height: 118px;
    background-image: url(../images/lmbg.png);
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    position: relative;
}
.liuList ul:nth-child(2) li .top{
    height: 118px;
    background-image: url(../images/lmbg2.png);
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    position: relative;
}



.liuList li .top h2{
    font-size: 20px;
    color: #ffffff;
    margin-top: 30px;
    margin-left: 30px;
}
.liuList li .top p{
    font-size: 12px;
    color: #edf6ff;
    margin-top: 10px;
    margin-left: 30px;
}
.liuList li .top .hot{
    width: 69px;
    height: 26px;
    background: url(../images/hot3.png) no-repeat;
    text-align: center;
    line-height: 22px;
    font-size: 12px;
    color: #ffffff;
    position: absolute;
    right: 0; top: 10px;
}
.liuList li .mid{
    background: #ffffff;
    padding: 40px 0;
}
.liuList li .mid .row {
    overflow: hidden;
}
.liuList li .mid .row .col{
    float: left;
    width: 50%;
    text-indent: 22px;
    position: relative;
}
.liuList li .mid .row:nth-child(2){
    margin-top: 20px;
}
.liuList li .mid .row .col:nth-child(1)::after{
    content: '';background: #e4e7f7;
    width: 1px;
    height: 33px;
    position: absolute;
    right: 0;
     top: 30%;
}
.liuList li .mid .row .col p:nth-child(1){
    font-size: 18px;
    color: #4d5884;
}
.liuList li .mid .row .col p:nth-child(2){
    font-size: 12px;
    color: #8890af;
    margin-top: 5px;
}

.liuList li .bottom{
    border-top: 1px dashed #e4e7f7;
    height: 89px;
    line-height: 89px;background: #ffffff;
}

.liuList li .bottom p{
    float: left;
    font-size: 24px;
    color: #ed3440;
    margin-left: 20px;
}
.liuList li .bottom p span{
    font-size: 14px;
}

.liuList ul:nth-child(1) li .bottom  a{
    float: right;
    width: 120px;
    height: 36px;
    border: 1px solid #057dfe;
    color: #057dfe;
    text-align: center;
    line-height: 36px;
    position: relative;
    top: 50%;
    margin-top: -18px;
    margin-right: 20px;
}

.liuList ul:nth-child(1) li:hover .bottom  a{
    float: right;
    width: 120px;
    height: 36px;
    background: #057dfe;
    color: #ffffff;
    text-align: center;
    line-height: 36px;
    position: relative;
    top: 50%;
    margin-top: -18px;
    margin-right: 20px;
}

.liuList ul:nth-child(2) li .bottom  a{
    float: right;
    width: 120px;
    height: 36px;
    border: 1px solid #8815fc;
    color: #8815fc;
    text-align: center;
    line-height: 36px;
    position: relative;
    top: 50%;
    margin-top: -18px;
    margin-right: 20px;
}



.liuList ul:nth-child(2) li:hover .bottom  a{
  
    background: #8815fc;
    color: #ffffff;
 
}



.jfysList {
    margin-top: 40px;
}
.jfysList li{
    float: left;
    width: 33%;background: #2e3550;
    height: 279px;
    margin-right: .33%;
}

.jfysList li:nth-child(1){
    height: 560px;
    background: #0976eb;
}
.jfysList li:nth-child(2){
    margin-bottom: 3px;
}



.jfysList li:nth-child(3){
    margin-bottom: 3px;background: #30438c;
}
.jfysList li .img{
    width: 80px;
    height: 80px;
    border: 1px solid #ffffff;
    border-radius: 100%;
    margin: 0 auto;
    text-align: center;
    position: relative;
}
.jfysList li:nth-child(1) .img{
    background: #ffffff;
}

.jfysList li .img img{
    max-width: 100%;
    display: inline-block;
    position: relative;
    top: 50%;
    transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
}
.jfysList li  h2{
    font-size: 18px;
    color: #ffffff;
    text-align: center;
    margin-top: 15px;
}
.jfysList li  p{
    font-size: 14px;
    color: #ffffff;
    text-align: center;
    margin-left: 40px;
    margin-right: 40px;
    line-height: 2;
    margin-top: 10px;
    height: 100px;
}
.jfysList li .box{
    top: 50%;
    transform:translateY(-50%);
     -webkit-transform:translateY(-50%);
     position: relative;
}
.jfysList li .col{
    float: left;width: 49.5%;
    height: 100%;
}
.jfysList li .col:nth-child(1){
    background: #374370;
}

.jfysList li .col:nth-child(2){
    background: #384162;
    float: right;
}
.jfysList li :nth-child(5){
    background: #374370;
}

/*新闻详情*/
.newsTitle{
    font-size: 32px;
    font-weight: bold;
    line-height: 1.5;
    margin: 50px  0;
    position: relative;
}



.newsTitle .code{
    border: 1px  solid #e7e7ef;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    height: 80px;
}
.newsTitle .code span{
    display: block;
    width: 22px;
    float: left;
    border-right: 1px  solid #e7e7ef;
    font-size: 12px;
    text-align: center;
    float: left;
    position: relative;
    height: 100%;


  
}
.newsTitle .code  a{
    display: block;
    float: left;
    height: 100%;
    padding: 0  5px;
   
}
.newsTitle .code  a img{
    display: block;
    float: left;
    position:relative;
    top:50%;
   transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
}


.newsTitle  p{
    width: 85%;
}

.newsTag{
    font-size: 12px;
    color: #999999;
}
.newsTag span{
    margin-right: 15px;
}

.newsContent p{
color: #666666;
font-size: 16px;
text-indent: 22px;
line-height: 2;
margin-top: 25px;
}
.xtitle2{
    border-bottom: 1px solid #f2f2f2;
    padding-bottom: 15px;
    overflow: hidden;
    margin-top: 50px;

}
.xtitle2 p{
    display: inline-block;float: left;font-size: 18px;
    font-weight: bold;color: #666666;
}

.newspage{
    border-bottom: 1px solid #f2f2f2;
    padding-bottom: 15px;
    overflow: hidden;
    margin-top: 50px;
}
.newspage p:nth-child(1){
    float: left;
}
.newspage p:nth-child(2){
    float: right;
}
.newspage p{
    color: #666666;
    font-size: 14px;
}
.newspage  p{
    color: #666666;
    font-size: 14px;
}
.newspage p:hover{
    color: #127dfc;
}
.otherNewsTab{
    border-bottom: 1px solid #f2f2f2;
    margin-top: 20px;
}
.otherNewsTab a{
    display: inline-block;
    font-size: 18px;
    color: #666666;
    line-height: 45px;
    position: relative;
    margin-right: 20px;font-weight: bold;
}
.otherNewsTab a.on{
    color: #f9661a;
}
.otherNewsTab a.on::after{
    content: '';
    height: 2px;
    width: 100%;
    background: #f9661a;
    position: absolute;
    left: 0;bottom: 0;
}
.keywordList{
    margin-top: 10px;
}
.keywordList a{
    display: inline-block;
    height: 30px;
    background: #f5f5f5;
    text-align: center;
    line-height: 30px;
    margin-right: 9px;
    margin-top: 10px;
    font-size: 12px;
    padding: 0  15px;
}
.keywordList a:nth-child(4n){
   
}


.keywordList a:hover{
    color: #ff8500;
}
.userPanel{
    border: 1px solid #f2f2f2;
    margin-top: 100px;
    padding-bottom: 25px;
}
.userPanel .img{
    text-align: center;
    position: relative;
    margin-top: -40px;
}
.userPanel .img img{
    width: 80px;
    height: 80px;
    border-radius: 100%;
}

.userPanel .img p{
    font-size: 18px;
    color: #333333;
    line-height: 2;
}

.userPanel .img span{
    font-size: 14px;
    color: #8890af;
    line-height: 2;
    display: block;
}

.userNew{
    width: 80%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    margin-top: 15px;
}
.userNew .col{
    width: 50%;
    text-align: center;
    float: left;
}
.userNew::after{
    width: 1px;
    height: 30%;
    background: #f2f2f2;
    content: '';
    position: absolute;
    left: 50%;top: 30%;

}
.userNew .col h2{
    font-size: 20px;
    color: #333333;
}
.userNew .col p{
    font-size: 14px;
    color: #b1b5c9;
    margin-top: 10px;
}
.vipMore{
    text-align: center;
    margin-top: 25px;
}
.vipMore a{
    color: #f9661a;
    font-size: 12px;
}
/*服务器托管*/

.tuoList {
    margin-top: 70px;
}
.tuoList ul{
    display: none;
}
.tuoList ul.on{
    display: block;
}


.tuoList li{
    float: left;
    height: 560px;background: #ffffff;
    -webkit-transition:.6s ease-in-out;
    width: 250px;
    margin-right:18px ;
}
.tuoList li:hover{

}
.tuoList li:nth-last-child(1){
    margin-right: 0;
}

.tuoList li .top{
    height: 180px;
    position: relative;
    line-height: 180px;
    text-align: center;
    color: #4d5884;
    font-size: 18px;
}
.tuoList li .top::after{
    content: '';
    background: #ec8c69;
    position: absolute;
    height: 3px;
    width: 100%;
    top: 0;
    left: 0;
}
.tuoList li .mid {
    border-top: 1px solid #e5e8f8;
    width: 80%;
    margin: 0 auto;
}
.tuoList li .mid p{
    border-bottom: 1px solid #e5e8f8;
    height: 47px;
    line-height: 47px;
    text-align: center;
    font-size: 16px;
    color: #4d5885;
}
.tuoList li .price{
    font-size: 20px;
    font-weight: bold;
    color: #ef3b0b;
    text-align: center;
    margin-top: 45px;
}

.tuoList li .zx{
    text-align: center;
    margin-top: 45px;
}
.tuoList li .zx a{
    display:inline-block;
    width: 180px;text-align: center;height: 40px;
    font-size: 16px;
    color: #a44e30;
    background: #ffc7b8;
    line-height: 40px;
}
.tuoList li.on{
    height: 580px;
    margin-top: -20px;
    background-image: url(../images/tbg.png);
    width: 393px;
    background-repeat: no-repeat;
}

.tuoList li.on .top::after{
    display: none;
}

.tuoList li.on .top{
    color: #a44e30;
    font-size: 24px;
}


.tuoList li.on .zx a{
    display:inline-block;
    width: 210px;text-align: center;height: 40px;
    font-size: 16px;
    color: #ffffff;
    background: #ec8c69;
    line-height: 40px;
}

/*机柜租用*/
.hotProduct{
    height: 66px;
    background: #ffffff;
}
.hotProduct .container{
    height: 100%;
}
.hotProduct i{
    display: inline-block;
    float: left;
    position: relative;
    top: 50%;
    transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
}
.hotProduct .list{
    float: left;
    height: 100%;
    line-height: 66px;
    margin-left: 10px;
    font-size: 14px;
    color: #4d5884;
}
.jiguiList{
    border-bottom: 1px solid #e2e4ef;
    margin-top: 60px;
}
.jiguiList ul{
    width: 80%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 auto;
}
.jiguiList li{
    float: left;
    position: relative;

}
.jiguiList li.on i{
    color: #127dfc;
}
.jiguiList li:hover i{
    color: #127dfc;
}

.jiguiList li p{
    text-align: center;
    font-size: 18px;
    color: #4d5884;
    margin: 25px  0;

}

.jiguiList li i{
    font-size: 22px;
    position:relative;
    top:50%;
   transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
    display: inline-block;
    color: #c0c9e2;
}


.jiguiList li .sx{
    width: 15px;
    height: 21px;
    display: inline-block;
    background: url(../images/sx.png);
}
.jiguiList li .bgp{
    width: 41px;
    height: 13px;
    display: inline-block;
    background: url(../images/bgp.png);
}

.jiguiList li.on .sx{
    width: 15px;
    height: 21px;
    display: inline-block;
    background: url(../images/sxs.png);
}
.jiguiList li.on .bgp{
    width: 41px;
    height: 13px;
    display: inline-block;
    background: url(../images/bgps.png);
}


.jiguiList li:hover .sx{
    width: 15px;
    height: 21px;
    display: inline-block;
    background: url(../images/sxs.png);
}
.jiguiList li:hover .bgp{
    width: 41px;
    height: 13px;
    display: inline-block;
    background: url(../images/bgps.png);
}





.jiguiList li .img{
    width: 78px;
    height: 78px;
    background: url(../images/y.png);
    text-align: center;
}
.jiguiList li.on .img{
    width: 78px;
    height: 78px;
    background: url(../images/ys.png);
    text-align: center;
}

.jiguiList li.on p{
    color: #127dfc;
}
.jiguiList li.on::after{
    content: '';
    height: 2px;
    width: 100%;
    background: #127dfc;
    position: absolute;
    left: 0;
    bottom: 0;
}


.jiguiList li:hover .img{
    width: 78px;
    height: 78px;
    background: url(../images/ys.png);
    text-align: center;
}


.jiguiList li:hover p{
    color: #127dfc;
}
.jiguiList li:hover::after{
    content: '';
    height: 2px;
    width: 100%;
    background: #127dfc;
    position: absolute;
    left: 0;
    bottom: 0;
}




.jiguiBox{
    overflow: hidden;
    margin-top: 30px;
    display: none;
}
.jiguiBox.on{
    display: block;
}

.jiguiBox .desc{
    float: left;
    width: 48%;
}
.jiguiBox .desc .title{
    height: 50px;
    width: 195px;
    font-weight: bold;
    color: #303238;
    font-size: 18px;
    line-height: 50px;
    background: url(../images/titlebg.png);
    text-indent: 22px;
}
.jiguiBox .desc .con{
    line-height: 2;
    font-size: 16px;
    color: #636777;
    margin-top: 20px;
}
.jiguiBox .img{
    float: right;
    width: 50%;
    text-align: right;
}
.jiguiBox .img img{
   max-width: 100%;
   display: inline-block;
}
.daikuan .col:nth-child(1){
    float: left;
    width: 48%;
    
    box-shadow:0px 0px 10px 0px #cccccc;
    padding-bottom: 20px;
    margin-left: 2px;
    margin-top: 55px;
    margin-bottom: 15px;
    background: url(../images/lou1.png);
    background-size: 100% 100%;
}

.daikuan .col:nth-child(2){
    float: right;
    width: 48%;
    background: url(../images/lou1.png);
    background-size: 100% 100%;
    box-shadow:0px 0px 10px 0px #cccccc;
    padding-bottom: 20px;
    margin-right: 2px;
    margin-top: 55px;
    margin-bottom: 15px;
}
.daikuan .col:nth-child(3){
    float: left;
    width: 48%;
    
    box-shadow:0px 0px 10px 0px #cccccc;
    padding-bottom: 20px;
    margin-left: 2px;
    margin-top: 5px;
    margin-bottom: 55px;
    background: url(../images/lou1.png);
    background-size: 100% 100%;
}
.daikuan .col:nth-child(4){
    float: right;
    width: 48%;
    background: url(../images/lou1.png);
    background-size: 100% 100%;
    box-shadow:0px 0px 10px 0px #cccccc;
    padding-bottom: 20px;
    margin-right: 2px;
    margin-top: 5px;
    margin-bottom: 55px;
}




.daikuan .list{
    margin: 20px 0;
    overflow: hidden;
    margin-bottom: 35px;
}
.daikuan .list .item{
    position: relative;
    
    float: left;
    margin-left: 3%;
    padding-right: 45px;
}
.daikuan .list .item::after{
    content: '';background: #e4e7f7;
    width: 1px;
    height: 33px;
    position: absolute;
    right: 10px;
     top: 30%;
}
.daikuan .list .item p:nth-child(1){
    font-size: 18px;
    color: #4d5884;
}
.daikuan .list .item p:nth-child(2){
    font-size: 12px;
    color: #8890af;
    margin-top: 5px;
}
.daikuan .list .item:nth-last-child(1):after{
display: none;
}
.daikuan .col .num{
    background: #ee3c3c;
    color: #ffffff;
    width: 80px;height: 38px;
    text-align: center;
    line-height: 38px;
    font-size: 14px;
    color: #ffffff;
    font-weight: bold;
    margin-left: 20px;
}
.daikuan .col  .zx{
    margin: 0 20px;
  
    overflow: hidden;
}
.daikuan .col  .zx .price{
    float: left;
    font-size: 24px;
    color: #ed3440;
}

.daikuan .col  .zx .price span{

    font-size: 14px;
    color: #ed3440;
}


.daikuan .col  .zx .price s{

    font-size: 12px;
    color: #babecb;
    margin-left: 10px;
}

.daikuan .col  .zx  a{
    display: inline-block;
    float: right;
    width: 140px;
    height: 40px;
    border:1px solid  #de3127;
    text-align: center;
    line-height: 40px;
    color: #ffffff;
    font-size: 16px;
    color: #de3127;
}

.daikuan .col .zx a:hover   {
    display: inline-block;
    float: right;
    width: 140px;
    height: 40px;
    background: #de3127;
    text-align: center;
    line-height: 40px;
    color: #ffffff;
    font-size: 16px;
    color: #ffffff;
}



.jgysList{
    margin-top: 40px;
}
.jgysList li:nth-child(odd){
    width: calc(50% - 1px);
    border-left: 1px solid #e4e7f7;
    border-top: 1px solid #e4e7f7;
    background: #ffffff;
    float: left;
}
.jgysList li:nth-child(even){
    width: calc(50% - 2px);
    border-left: 1px solid #e4e7f7;
    border-right: 1px solid #e4e7f7;
    border-top: 1px solid #e4e7f7;
    background: #ffffff;float: left;
}
.jgysList li:nth-child(3){
    border-bottom: 1px solid #e4e7f7;
}
.jgysList li:nth-child(4){
    border-bottom: 1px solid #e4e7f7;
}
.jgysList li{
    overflow: hidden;
    height: 189px;
}
.jgysList li .img{
    float: left;
    margin-left: 22px;
    margin-top: 35px;
}
.jgysList li .desc{
    float: right;
    width: calc(100% - 100px);
    margin-right: 22px;    margin-top: 35px;

}
.jgysList li .desc p{
    font-size: 14px;
    line-height: 2;
    color: #636777;
    margin-top: 22px;
}
.jgysList li .desc .title{
    font-size: 20px;
    color: #303238;
    font-weight: bold;
}
.jgysList li:hover{
    background: url(../images/bgg.png) no-repeat;
    background-size: 100% 100%;
}

/*底部*/
.footer {
    background-color: #28292b; }
    .footer .list_icon {
      background-color: #1b1e23;
      height: 100px;
      font-size: 0; }
      .footer .list_icon .item {
        width: 33%;
        display: inline-block;
        padding-top: 20px; }
        .footer .list_icon .item span {
          display: block;
          width: 60px;
          height: 60px;
          background: url("../images/footer_icon.png") no-repeat 0 0;
          margin-right: 13px;
          float: left;
          border: 1px solid #fefefe;
          border-radius: 60px; }
        .footer .list_icon .item:nth-child(1) span {
          background-position: 12px 11px; }
        .footer .list_icon .item:nth-child(2) span {
          background-position: -56px 12px; }
        .footer .list_icon .item:nth-child(3) span {
          background-position: -123px 11px; }
        .footer .list_icon .item h5 {
          font-size: 18px;
          color: #ffffff;
          line-height: 32px; }
        .footer .list_icon .item p {
          font-size: 14px;
          line-height: 2;
          color: #b5b4b4; }
    .footer .footer_group {
      padding-top: 45px;
      padding-bottom: 40px;
      font-size: 0; }
      .footer .footer_group .list {
        display: inline-block;
        vertical-align: top; }
        .footer .footer_group .list.about {
          width: 173px; }
        .footer .footer_group .list.help {
          width: 197px; }
        .footer .footer_group .list.credential {
          width: 276px; }
        .footer .footer_group .list.contact {
          width: 256px; }
        .footer .footer_group .list.ma_wp {
            float: right;
          width: 245px;
         
          font-size: 0;
          padding-top: 45px;
          /* &:after {
             content: "";
             display: inline-block;
             height: 100%;
             width: 0;
             vertical-align: middle;
           }*/ }
          .footer .footer_group .list.ma_wp .ma {
            width: 88px;
            height: 125px;
            display: inline-block;
            margin-left: 25px;
            vertical-align: middle; }
            .footer .footer_group .list.ma_wp .ma img {
              width: 88px;
              height: 88px; }
            .footer .footer_group .list.ma_wp .ma p {
              font-size: 14px;
              color: #9a9a9a;
              line-height: 37px;
              text-align: center; }
        .footer .footer_group .list h3 {
          margin-bottom: 10px; }
          .footer .footer_group .list h3 a {
            font-size: 16px;
            color: #e3e3e3;
            line-height: 1.5;
            margin-bottom: 10px; }
            .footer .footer_group .list h3 a:hover {
              text-decoration: underline; }
        .footer .footer_group .list .item a {
          font-size: 14px;
          color: #9a9a9a;
          line-height: 30px; }
          .footer .footer_group .list .item a:hover {
            text-decoration: underline;
            color: #0084e9; }
    .footer .footer_product {
      padding: 10px 0;
      border-bottom: 1px solid #49494a; }
      .footer .footer_product p {
        display: inline-block;
        font-size: 14px;
        color: #9a9a9a;
        line-height: 2; }
        .footer .footer_product p a {
          font-size: 14px;
          color: #9a9a9a;
          line-height: 2;
          margin-left: 40px; }
          .footer .footer_product p a:hover {
            text-decoration: underline;
            color: #0b81de; }
      .footer .footer_product div a {
        font-size: 14px;
        color: #9a9a9a;
        line-height: 2;
        margin-left: 40px; }
        .footer .footer_product div a:hover {
          text-decoration: underline; }
    .footer .footer_blogroll {
      padding: 10px 0;
      border-bottom: 1px solid #49494a; }
      .footer .footer_blogroll p {
        float: left;
        font-size: 14px;
        color: #9a9a9a;
        line-height: 2; }
      .footer .footer_blogroll .wp {
        margin-left: 64px; }
        .footer .footer_blogroll .wp a {
          font-size: 14px;
          color: #9a9a9a;
          line-height: 2;
          margin-left: 40px; }
          .footer .footer_blogroll .wp a:hover {
            text-decoration: underline;
            color: #0b81de; }
    .footer .footer_copyright {
      padding: 15px 0; }
      .footer .footer_copyright p {
        font-size: 14px;
        color: #828181;
        line-height: 30px;
        text-align: center;
        text-transform: uppercase; 
    }

/*城市分站*/
  .ctitle{
    height: 50px;
    background: #f9fcff;
    position: relative;
    line-height: 50px;
    margin-top: 40px;
  }
  .ctitle::after{
    content: '';
    width: 2px;
    height: 100%;
    background: #2a4ccc;
    position: absolute;
    left: 0;
    top: 0;
  }
  .ctitle h2{
    color: #374567;
    font-size: 18px;
    margin-left: 17px; display: inline-block;
  }
  .ctitle p{
    color: #8890af;
    font-size: 14px;
    margin-left: 15px;
    display: inline-block;
  }

  .ctitle a{
    display: inline-block;
    color: #2a4ccc;
    font-size: 12px;
    float: right;
    margin-right: 15px;
  }

  .content p{
    font-size: 14px;
    color: #636777;
    line-height: 1.8;
    text-indent: 30px;
    margin-top: 30px;
  }
.serverTop{
    margin-bottom: 35px;
 
}
.serverTop ul{
    display:none;
}
.serverTop ul.on{
    display:block;
}


.serverTop li{
    float: left;
    width:calc((100% - 60px)/3);
    margin-right: 30px;
    margin-top: 30px;
    box-shadow:0px 0px 10px 0px #cccccc;
    overflow: hidden;background-color: #ffffff;
    overflow: hidden;
   
}
.serverTop li:hover{
    box-shadow:0px 0px 20px 0px #cccccc;
}


.serverTop li:nth-child(3n){
    margin-right: 0;
}
.serverTop li .top{
    height: 70px;
    overflow: hidden;
    position: relative;
    text-align: center;
    line-height: 70px;
    border-bottom: 1px dashed #e5e8f8;
    margin: 0 10px;
}


.serverTop.blue li .top{
    height: 70px;
    overflow: hidden;
    position: relative;
    text-align: center;
    line-height: 70px;
    border-bottom: 0px dashed #e5e8f8;
    margin: 0 0px;
    background: #2a4ccc;
}

.serverTop.blue li .top p{
    font-size: 20px;
    color: #ffffff;


}


.serverTop li .top p{
    font-size: 20px;
    color: #374567;


}

.serverTop li .mid{
    background: #ffffff;
    padding: 40px 0;
}
.serverTop li .mid .row {
    overflow: hidden;
}
.serverTop li .mid .row .col{
    float: left;
    width: 50%;

    position: relative;
    text-align: center;
}
.serverTop li .mid .row:nth-child(2){
    margin-top: 20px;
}
.serverTop li .mid .row .col:nth-child(1)::after{
    content: '';background: #e4e7f7;
    width: 1px;
    height: 33px;
    position: absolute;
    right: 0;
     top: 30%;
}
.serverTop li .mid .row .col p:nth-child(1){
    font-size: 18px;
    color: #4d5884;
}
.serverTop li .mid .row .col p:nth-child(2){
    font-size: 12px;
    color: #8890af;
    margin-top: 5px;
}

.serverTop li .bottom{

    height: 72px;
    line-height: 72px;background: #ffffff;
    background-image: linear-gradient(to  right, #fdfeff, #f4faff); 
    overflow: hidden;

}

.serverTop li .bottom p{
    float: left;
    font-size: 24px;
    color: #ed3440;
    margin-left: 20px;
}
.serverTop li .bottom p span{
    font-size: 14px;
    color: #9aa1bb;
}

.serverTop li .bottom  a{
    float: right;
    width: 90px;
    height: 36px;
    border: 1px solid #057dfe;
    color: #057dfe;
    text-align: center;
    line-height: 36px;
    position: relative;
    top: 50%;
    margin-top: -18px;
    margin-right: 20px;
}
.serverTop li .bottom  a:hover{
 background: #2a4ccc;
 color: #ffffff;   
}
.yunServer ul{
    padding-bottom: 15px;

}
.yunServer li{
    box-shadow:0px 0px 10px 0px #e7effd;
    overflow: hidden;
    margin-top: 18px;
}
.yunServer li .col1{
    background: #eaf2fe;
    width: 130px;
    height: 90px;
    float: left;
    text-align: center;
}
.yunServer li .col1 p{
    display: inline-block;
    position:relative;
    top:50%;
     transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
}
.yunServer li .col2{
    float: left;
    height: 90px;
    text-align: center;
    width: 100px;
}
.yunServer li .col3{
    float: left;height: 90px;
    width: 100px; text-align: center;
}
.yunServer li .col4{
    float: left;height: 90px;
    width: 110px; text-align: center;
}
.yunServer li .col5{
    float: left;height: 90px;
    width: 100px; text-align: center;
}
.yunServer li .col6{
    float: left;height: 90px;width: 170px; text-align: center;
}
.yunServer li .col7{
    float: left;height: 90px;
    line-height: 90px; text-align: center;
}

.yunServer li .col2 div{
    display: inline-block;
    position:relative;
    top:50%;
     transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
}
.yunServer li .col3 div{
    display: inline-block;
    position:relative;
    top:50%;
     transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
}
.yunServer li .col4 div{
    display: inline-block;
    position:relative;
    top:50%;
     transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
}
.yunServer li .col5 div{
    display: inline-block;
    position:relative;
    top:50%;
     transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
}

.yunServer li .col6 div{
    display: inline-block;
    position:relative;
    top:50%;
     transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
}


.yunServer li .p1{
    font-size: 16px;
    color: #4d5884;
}

.yunServer li .p2{
    font-size: 12px;
    color: #9ca3c0;
    margin-top: 5px;
}

.yunServer li .col7 {
      float: right;
    width: 100px;
    margin-right: 10px;

}
.yunServer li .col7 a{
    display: inline-block;
    width: 90px;
    height: 30px;
    border: 1px solid #2a4ccc;
    color: #2a4ccc;
    text-align: center;
    line-height: 30px;
}
.yunServer li .col7 a:hover{
    background: #2a4ccc;
    color: #ffffff;
}
.yunServer li .col6 p{
    font-size: 20px;
    color: #f13e3e;
}
.yunServer li .col6 p span{
    font-size: 12px;
    color: #8890af;
}

.yunServer li .col6  s{
    color: #bac0d6;
    font-size: 12px;
}
.xiaochengxu ul{
    overflow: hidden;
    padding-bottom: 15px;
}
.xiaochengxu li{
    float: left;
    width:calc((100% - 40px)/3);
    margin-right: 20px;
    margin-top: 20px;
    box-shadow:0px 0px 5px 0px #e7effd;
}


.xiaochengxu li:nth-child(3n){
    margin-right: 0;
}
.xiaochengxu li .img{
    width: 93%;
    margin: 10px auto;
    height: 128px;
    overflow: hidden;
}
.xiaochengxu li .img img{
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;  
}
.xiaochengxu li h2{
    font-size: 18px;
    color: #374567;
    text-align: center;
    margin: 15px 0;
}
.xiaochengxu li p{
    font-size: 14px;
    color: #8890af;
    line-height: 1.6;
    margin: 0 25px;
    text-align: center;
    height: 45px;
}

.xiaochengxu li a{
    display: block;
    width: 90px;
    height: 30px;
    border: 1px solid #2a4ccc;
    color: #2a4ccc;
    text-align: center;
    line-height: 30px;
    margin: 15px auto;
}
.xiaochengxu li:hover {
    box-shadow:0px 0px 15px 0px #e7effd;
}
.xiaochengxu li:hover h2{
    color: #2a4ccc;
}
.xiaochengxu li a:hover{
    color: #ffffff;
    background: #2a4ccc;
}

.shopList li{
    float: left;
    width: calc((100% - 20px)/2);
    margin-top: 20px;
    box-shadow:0px 0px 5px 0px #e7effd;
    padding-bottom: 20px;
    margin-right: 20px;

}
.shopList li:nth-child(2n){
    margin-right: 0;
}
.shopList li .img{
    float: left;
    width: 140px;
    height: 140px;
    margin-top: 20px;
    margin-left: 20px;
}
.shopList li .box{
    float: right;
    width:calc(100% - 200px);
    margin-right: 20px;
    margin-top: 20px;
}
.shopList li .box h2{
    font-size: 18px;
    color: #374567
}

.shopList li .box p{
    font-size: 14px;
    color: #374567;
    margin-top: 10px;
    line-height: 1.5;
    
}

.shopList li a{
    display: block;
    width: 90px;
    height: 30px;
    border: 1px solid #2a4ccc;
    color: #2a4ccc;
    text-align: center;
    line-height: 30px;
    margin-top: 15px;
}
.shopList li:hover {
    box-shadow:0px 0px 15px 0px #e7effd;
}
.shopList li:hover h2{
    color: #2a4ccc;
}
.shopList li a:hover{
    color: #ffffff;
    background: #2a4ccc;
}
.otherProductTab{
    border-bottom: 1px solid #f2f2f2;
    margin-top: 20px;
}
.otherProductTab a{
    display: inline-block;
    font-size: 18px;
    color: #666666;
    line-height: 45px;
    position: relative;
    margin-right: 30px;font-weight: bold;
}
.otherProductTab a.on{
    color: #2a4ccc;
}
.otherProductTab a.on::after{
    content: '';
    height: 2px;
    width: 100%;
    background: #2a4ccc;
    position: absolute;
    left: 0;bottom: 0;
}


.productTabList{
    position: relative;
     height: 100%;
	 width:100%;

}
.productTabList .swiper{
      width: 100%;
      height: 100%;
  
}
.productTabList .swiper-wrapper{
      /* 通过改变animation-timing-function 制作弹性切换效果 */
            transition:  ease-in 0.3s;
}
.productTabList .swiper-slide{
      position:  relative; 
   
}
.productTabList .swiper-slide .img img{
    width: 100%;
}

.productTabList .swiper-slide p{
    font-size: 16px;
    color: #374567;
    margin-top: 5px;
    line-height: 1.6;
}

.productTabList .swiper-slide span{
    font-size: 20px;
    color: #f13e3e;
    margin-top: 5px;
    display: block;
    
}




.productTabList .swiper-button-next{

    top: 25%;
    width: 40px;
    height: 80px;
    text-align: center;
    z-index: 999;
    background: rgb(0, 0, 0,.4);
    right:  0;
    display:flex;
    align-items: center;
    justify-content: center;
  }
  
  .productTabList .swiper-button-prev{
  
    top: 25%;
    width: 40px;
    height: 80px;
    text-align: center;
    z-index: 999;
    background: rgb(0, 0, 0,.4);
    left: 0;
    display:flex;
    align-items: center;
    justify-content: center;
  }
  .productBox{
    margin-top: 20px;
  }


  
  .mysList{
    margin-bottom: 35px;
  }
  .mysList li{
        width: calc((100% - 40px)/3);
        margin-right: 20px;
        margin-top: 20px;
        float: left;
        box-shadow:0px 0px 5px 0px #e7effd;
        height: 180px;
  }
  .mysList li:nth-child(3n){
    margin-right: 0;
  }
  .mysList li .title{
    margin-left: 20px;
    margin-top: 20px;
    overflow: hidden;
  }
  .mysList li .title i{
    display: inline-block;
    float: left;
  }
  .mysList li .title p{
    display: inline-block;
    float: left;
    margin-left: 10px;
    font-size: 18px;
    color: #374567;
  }

  .mysList li .desc{
    color: #4d5884;
    font-size: 14px;
    line-height: 1.8;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 20px;
  }
  .mysList li:hover{
    background-image: url(../images/yun/bgp.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
  }

  .xinWen{
        margin-bottom: 30px;
  }

  .xinWen .col:nth-child(1){
    float: left;
    width: calc((100% - 20px)/2);
    box-shadow:0px 0px 5px 0px #e7effd;
    margin-top: 20px;
  }

  .xinWen .col:nth-child(2){
    float: right;
    width: calc((100% - 20px)/2);
    box-shadow:0px 0px 5px 0px #e7effd;
    margin-top: 20px;
  }
  .xinWen .title{
    height: 70px;
    background-image: linear-gradient(to bottom right,#fdfeff, #f4faff); 
  }
  .xinWen .title i{
    display: inline-block;
    float: left;
    position:relative;
    top:50%;
   transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
    margin-left: 20px;
  }

  .xinWen .title p{
    display: inline-block;
    float: left;
    position:relative;
    top:50%;
   transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
    font-size: 24px;
    color: #374567;
    margin-left: 10px;
  }
  .xinWen  ul li{
    height: 35px;
    line-height: 35px;
  } 
 .xinWen  ul li a{
    font-size: 14px;
    color: #636777;
    margin-left: 10px;
 }

  .xinWen  ul li span{
    font-size: 12px;
    color: #8890af;
    float: right;
    margin-right: 20px;
  }
.xinWen  ul li::after{
    content: '';
    width: 7px;
    height: 7px;
    background: #e4e6f5;
    float: left;
    position:relative;
    top:50%;
   transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
    margin-left: 20px;
}
.xinWen.r  ul li::after{
    content: '';
    width: 7px;
    height: 7px;
    background: #e4e6f5;
    float: left;
    position:relative;
    top:50%;
   transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
    margin-left: 0px;
}


.xinWen  ul li:hover a{
        color: #2a4ccc;
}

.xinWen  ul li:hover::after{

    background: #2a4ccc;
}


.ksNav{
    overflow: hidden;
    margin-top: 10px;
}
.ksNav li{
    float: left;
    width: calc((100% - 20px)/2);
    position: relative;
    height: 35px;
    line-height: 35px;
}
.ksNav li:nth-child(2n){
    margin-right: 0;
}
.ksNav li::after{
    content: '';
    background:url(../images/yun/j.png);
    width: 4px;
    height: 8px;
    float: left;
    background-repeat: no-repeat;
    position:relative;
    top:50%;
   transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
}
.ksNav li a{
    margin-left: 10px;
}

.citys{
    font-size: 14px;
    color: #303238;
    margin-top: 20px;
    font-weight: bold;
}

.citylist{
    background: #f9fcff;
    overflow: hidden;
    padding-bottom: 20px;
    margin-top: 10px;
    padding-top: 10px;
    padding-right: 10px;
}
.citylist a{
    display: inline-block;
    font-size: 14px;
    margin-left: 20px;
    float: left;
    margin-top: 10px;
}
.xgtj li{
    margin-top: 10px;
}
.xgtj .title{
    height: 35px;
    position: relative;
    line-height: 35px;

}
.xgtj .title a{
    font-size: 16px;
    color: 3374567;
    display: inline-block;
    margin-left: 20px;
}
.xgtj .title::after{
    content: '';
    background: #e4e6f5;
    width: 7px;
    height: 7px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -2px;
}

.xgtj li p{
    font-size: 12px;
    color: #989db0;
    line-height: 1.6;
    margin-left: 20px;
    margin-top: 1px;
}
.xgtj li:hover  .title a{
    color: #2a4ccc;
}

.xgTab{
    margin-top: 20px;
    overflow: hidden;
    margin-bottom: 10px;
}
.xgTab  a{
    background: #f2f2f2;
    height: 30px;
    text-align: center;
    font-size: 14px;
    width: calc((100% - 20px)/2);
    line-height: 30px;
}
.xgTab  a:nth-child(1){
    float: left;
}
.xgTab  a:nth-child(2){
    float: right;
}
.xgTab  a.on{
    background: #e3f0ff;
    color: #2a4ccc;
}

#xgxw ul{
    display: none;
}

#xgxw ul.on{
    display: block;
}

.yTab{
    height: 50px;
    background: #f9fcff;
    line-height: 50px;
    border-bottom: 1px solid #e6e9f5;
    margin-top: 20px;
}
.yTab a{
    display: inline-block;
    height: 100%;
    padding: 0 15px;
    font-size: 18px;
    color: #374567;
}
.yTab a.on{
    background: #2a4ccc;
    color: #ffffff;
}
.jgg {
    overflow: hidden;
}
.jgg .img{
    text-align: center;
    margin: 25px 0;
}

.jgg  .list .item{
    width: 31%;
    margin-top: 5px;
    margin-bottom: 15px;
    margin-left: 20px;
}
.jgg  .list .item:nth-child(2n){
    margin-right: 0;
}
.daikuan .list{
 
    margin-bottom: 5px;
}
.jgg  .col .zx a{
    width: 100px;
}
.jgg  .col .zx a:hover{
    width: 100px;
}

.questionList .title a{
    font-size: 18px;
    color: #303238;
}

.questionList .title span{
    font-size: 12px;
    color: #8890af;
    float: right;
}
.questionList li{
    border-bottom: 1px solid #e3e6f6;
    padding-bottom: 20px;
    padding-top: 20px;
}

.questionList li:hover{
    background: url(../images/tbgs1.jpg) repeat-y center;
}
.questionList li p{
    font-size: 14px;
    color: #8890af;
    line-height: 1.8;
    margin-top: 10px;
}

.jgyoushi{
    border-left: 1px solid #dfe2f2;
    border-top: 1px solid #dfe2f2;
    margin-top: 20px;
}
.jgyoushi li{
    float: left;
    border-right: 1px solid #dfe2f2;
    border-bottom: 1px solid #dfe2f2;
    height: 190px;
    width: calc(50% - 1px);
 
}
.jgyoushi li .img{
    float: left;
    width: 80px;
    text-align: center;
    margin-top: 30px;
}
.jgyoushi li .box{
    float: right;
    width: calc(100% - 100px);
    margin-right: 20px;
    margin-top: 30px;
}
.jgyoushi li .box .title{
    font-size: 20px;
    color: #303238;
    font-weight: bold;
}

.jgyoushi li .box p{
    font-size: 14px;
    color: #636777;
    line-height: 1.8;
    margin-top: 10px;
}
.zhuji ul{
    display: none;
}
.zhuji ul.on{
    display: block;
}


.zhuji li{
    float: left;
    width: calc((100% - 20px)/2);
    margin-right: 20px;
    margin-top: 20px;
    box-shadow:0px 0px 5px 0px #e7effd;
    position: relative; 
      -webkit-transition:.6s ease-in-out;

}
.zhuji li:nth-child(2n){
    margin-right: 0;

}

.zhuji li .hot{
    width: 44px;height: 44px;
    background: url(../images/hot.png) no-repeat;
    position: absolute;
    right: 0; top: 0;
    text-align:right;
    line-height: 30px;
    color: #ffffff;
    font-size: 12px;
}

.zhuji li .hot span{
    transform:rotate(40deg);
    display: inline-block;
}

.zhuji li .top {
    margin: 0 20px;
    height: 95px;
    border-bottom: 1px solid #dfe2f2;
    overflow: hidden;
 
}
.zhuji li .top h2{
    font-size: 20px;
    color: #374567;
    margin-top: 25px;
}

.zhuji li .top p{
    font-size: 14px;
    color: #8890af;
    margin-top: 10px;
}
.zhuji li .top::after{
    height: 2px;
    background: #2a4ccc;
    width: 100px;
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
}

.zhuji li .mid .col{
    float: left;
    width: 100px;
    margin-right: 10px;
    margin-left: 20px;
}
.zhuji li .mid .col:nth-last-child(1){
    margin-right: 0;

}
.zhuji li .mid .col p:nth-child(1){
    color: #303238;
    font-size: 18px; margin-top: 25px;
    font-weight: bold;
}
.zhuji li .mid .col p:nth-child(2){
    color: #9ca3c0;
    font-size: 12px;
    margin-top: 8px;
}

.zhuji li .bottom{
  
    height: 89px;
    line-height: 89px;background: #ffffff;
}

.zhuji li .bottom p{
    float: left;
    font-size: 24px;
    color: #ed3440;
    margin-left: 20px;
}
.zhuji li .bottom p span{
    font-size: 14px;
}

.zhuji ul:nth-child(1) li .bottom  a{
    float: right;
    width: 120px;
    height: 36px;
    border: 1px solid #2a4ccc;
    color: #2a4ccc;
    text-align: center;
    line-height: 36px;
    position: relative;
    top: 50%;
    margin-top: -18px;
    margin-right: 20px;
}

.zhuji ul:nth-child(1) li:hover .bottom  a{
    float: right;
    width: 120px;
    height: 36px;
    background: #2a4ccc;
    color: #ffffff;
    text-align: center;
    line-height: 36px;
    position: relative;
    top: 50%;
    margin-top: -18px;
    margin-right: 20px;
}

.zhuji li:hover{
    box-shadow:0px 0px 10px 0px #e7effd;
 
    margin-top: 15px;
}
.tagTj{
    margin-top: 40px;
    overflow: hidden;
}
.tagTj i{
    display: inline-block;
    float: left;
}
.tagTj span{
    display: inline-block;
    float: left;
    font-size: 16px;
    color: #374567;
    margin-left: 10px;
}


.tagTj p a{
    display: inline-block;
    float: left;
    font-size: 16px;
    color: #374567;
    margin-left: 10px;
}


.yytj{
    box-shadow:0px 0px 10px 0px #e7effd;
    margin-top: 30px;
    padding: 30px 0;
}
.yytj li{
    float: left;
    width: 20%;
    text-align: center;

}
.yytj li .box{
    display: inline-block;
}
.yytj li .box .title{
color: #374567;
font-size: 16px;
line-height: 3;
}

.yytj li .box p{
color: #878fae;
font-size: 12px;
line-height: 2.3;
}

.yytj li .box a{
    display: inline-block;
    border: 1px solid #4d5874;
    font-size: 14px;
    color: #374567;
    text-align: center;
    height: 27px;
    width: 80px;
    line-height: 27px;
    margin-top: 15px;
}






.zhujiTwo ul{
    display: none;
}
.zhujiTwo ul.on{
    display: block;
}


.zhujiTwo li{
    float: left;
    width: calc((100% - 20px)/2);
    margin-right: 20px;
    margin-top: 20px;
    box-shadow:0px 0px 5px 0px #e7effd;
    position: relative; 
      -webkit-transition:.6s ease-in-out;
}
.zhujiTwo li:nth-child(2n){
    margin-right: 0;

}



.zhujiTwo li .top {
   
    height: 100px;

    overflow: hidden;
    position: relative;
    background-image: url(../images/yun/bg.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.zhujiTwo.vps li .top {
   
    height: 100px;

    overflow: hidden;
    position: relative;
    background-image: url(../images/yun/bg2.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
}



.zhujiTwo li .top h2{
    font-size: 20px;
    color: #ffffff;
    margin-top: 25px;
    text-align: center;
}

.zhujiTwo li .top p{
    font-size: 14px;
    color: #ffffff;
    margin-top: 10px;text-align: center;
}
.zhujiTwo li .mid {
    overflow: hidden;
    border-bottom: 1px solid #e6e9f5;
    margin: 0 20px ;
    margin-top: 15px;
    padding-bottom: 20px;
}

.zhujiTwo li .mid .col{
    float: left;
    width: 25%;
    text-align: center;
}
.zhujiTwo li .mid .col:nth-last-child(1){
    margin-right: 0;

}
.zhuji li .mid .col p:nth-child(1){
    color: #303238;
    font-size: 18px; margin-top: 25px;
    font-weight: bold;
}
.zhujiTwo li .mid .col p:nth-child(2){
    color: #9ca3c0;
    font-size: 12px;
    margin-top: 8px;
}

.zhujiTwo li .bottom{

    height: 59px;
    line-height: 59px;background: #ffffff;
}

.zhujiTwo li .bottom p{
    float: left;
    font-size: 24px;
    color: #ed3440;
    margin-left: 20px;
}
.zhujiTwo li .bottom p span{
    font-size: 14px;
}

.zhujiTwo ul:nth-child(1) li .bottom  a{
    float: right;
    width: 120px;
    height: 36px;
    border: 1px solid #9b06d3;
    color: #9b06d3;
    text-align: center;
    line-height: 36px;
    position: relative;
    top: 50%;
    margin-top: -18px;
    margin-right: 20px;
}

.zhujiTwo ul:nth-child(1) li .bottom  a{
    float: right;
    width: 120px;
    height: 36px;
    border: 1px solid #0032d6;
    color: #0032d6;
    text-align: center;
    line-height: 36px;
    position: relative;
    top: 50%;
    margin-top: -18px;
    margin-right: 20px;
}



.zhujiTwo ul:nth-child(1) li:hover .bottom  a{
    float: right;
    width: 120px;
    height: 36px;
    background: #9b06d3;
    color: #ffffff;
    text-align: center;
    line-height: 36px;
    position: relative;
    top: 50%;
    margin-top: -18px;
    margin-right: 20px;  border: 1px solid #9b06d3;
}


.zhujiTwo.vps ul:nth-child(1) li:hover .bottom  a{
    float: right;
    width: 120px;
    height: 36px;
    background: #0032d6;
    color: #ffffff;
    text-align: center;
    line-height: 36px;
    position: relative;
    top: 50%;
    margin-top: -18px;
    margin-right: 20px;
  
}





.zhujiTwo li:hover{
    box-shadow:0px 0px 10px 0px #e7effd;
 
    margin-top: 15px;
}

.zhujiTwo .daze{
    margin:  10px 20px;
}
.zhujiTwo .daze span{
    display: inline-block;
    background: #faecff;
    border: 1px solid #dab3e9;
    height: 20px;
    line-height: 20px;
    padding: 0 10px;
    color: #9b06d3;
    font-size: 12px;
    margin-right: 10px;
}
.zhujiTwo.vps .daze span{
    color: #0032d6;
    background: #d7e0ff;
    border: 1px solid #a3b9ff;
}

.mendian{
    overflow: hidden;
}
.mendian li{
        float: left;
        width: 20%;
        margin-top: 20px;
        text-align: center;
        height: 170px;
}

.mendian li .box{
    display: inline-block;
    width: 80%;
}
.mendian li .box .title{
    font-size: 16px;
    margin-top: 10px;
}

.mendian li .box .desc{
    font-size: 14px;
    color: #a3a4ac;
    margin-top: 10px;
    line-height: 1.5;
}

.mendian li .box .title{
    font-size: 16px;
    color: #303238;
}

.quru{
    width: calc((100% - 20px)/2);
    float: left;
    box-shadow:0px 0px 5px 0px #e7effd;
    margin-top: 20px;
    height: 350px;
}

.tit3{
    margin-top: 40px;
    margin-left: 30px;
}

.tit3 h2{
    font-size: 20px;
    color: #333333;
}
.tit3 p{
    font-size: 14px;
    color: #666666;
    margin-top: 5px;
}

.quru ul{
    width: 90%;
    margin: 0 auto;
    margin-top: 15px;
}
.quru ul li{
    float: left;
    width: 33.33%;
    text-align: center;
    margin-top: 20px;
}
.quru ul li .img{
    width: 50px;
    height: 50px;
    display: inline-block;
    text-align: center;    border-radius: 50%;
}

.quru ul li .img img{
    width: 70%;
    position: relative;
    top: 50%;
    transform:translateY(-50%);
	-webkit-transform:translateY(-50%);

}
.quru ul li  p{
    font-size: 16px;
    color: #666666;
    margin-top: 5px;
}



.quru ul li:nth-child(1) .img{
    background: #00c800;
 
}
.quru ul li:nth-child(2) .img{
    background: #02a9f1;
 
}
.quru ul li:nth-child(3) .img{
    background: #291c1c;
 
}
.quru ul li:nth-child(4) .img{
    background: #f55d22;
 
}
.quru ul li:nth-child(5) .img{
    background: #f1a502;
 
}
.quru ul li:nth-child(6) .img{
    background: #4a9afd;
 
}


.fendian{
    width: calc((100% - 20px)/2);
    float: right;
    box-shadow:0px 0px 5px 0px #e7effd;
    margin-top: 20px;
    height: 350px;
}
.fendian ul{
    width: 80%;
    margin: 0 auto;
    margin-top: 15px;
}
.fendian ul li{
    float: left;
    width: 33.33%;
    text-align: left;
    margin-top: 20px;
}
.fendian ul li::before{
    content: '';
    background: #b9bdc2;
    border-radius: 50%;
    width: 8px;
    height: 8px;
    float: left;
    margin-top: 8px;
    margin-right: 8px;
}
.fendian.left{
    float: left;
}
.quru.right{
    float: right;
}

.quru.right ul li:nth-child(1) .img{
    background: none;
 
}
.quru.right ul li:nth-child(2) .img{
    background: none;
 
}
.quru.right ul li:nth-child(3) .img{
    background: none;
 
}
.quru.right ul li:nth-child(4) .img{
    background: none;
 
}
.quru.right ul li:nth-child(5) .img{
    background: none;
 
}
.quru.right ul li:nth-child(6) .img{
    background: none;
 
}
.teng {
    overflow: hidden;
}
.teng li{
    float: left;
    width: calc((100%  - 60px)/4);
    margin-top: 20px;
    margin-right: 20px;
    position: relative;
}
.teng li:nth-child(4n){
    margin-right: 0;
}
.teng li  span{
    position: absolute;
    z-index: 1;
    left: 0;right: 0;
    top: 0;bottom: 0;
    background: rgb(0, 0, 0,.4);
    border-radius: 7px;
}

.teng li  .box{
    position: absolute;
    z-index: 1;
    left: 0;right: 0;
    top: 0;bottom: 0;
    text-align: center;
   
}
.teng li .big{
    display: block;
}

.teng li .img{
    border: 1px solid #ffffff;
    border-radius: 50%;
    width: 55px;
    height: 55px;
    display: inline-block;
    margin-top: 55px;
}
.teng li .img img{
    width: 50%;
    position: relative;
    top: 50%;
    transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
}
.teng li p{
    font-size: 16px;
    color: #ffffff;
    margin-top: 10px;
}
.mblist {
    overflow: hidden;
}
.mblist li{
    float: left;
    width: calc((100%  - 60px)/4);
    margin-top: 20px;
    margin-right: 20px;
    position: relative;
}
.mblist li:nth-child(4n){
    margin-right: 0;
}
.mblist li img{
    width: 100%;
}
.gongju{
    overflow: hidden;
    margin-top: 10px;
}
.gongju li{
    float: left;
    width: calc((100%  - 10px)/2);
    margin-top: 10px;
    margin-right: 10px;
    position: relative;
    height: 376px;
}
.gongju li:nth-child(2n){
    margin-right: 0;
}

.gongju li:nth-child(1){
    background-image: url(../images/yun/k1.png);
    background-size: 100% 100%;
}
.gongju li:nth-child(2){
    background-image: url(../images/yun/k2.png);
    background-size: 100% 100%;
}
.gongju li:nth-child(3){
    background-image: url(../images/yun/k3.png);
    background-size: 100% 100%;
}
.gongju li:nth-child(4){
    background-image: url(../images/yun/k4.png);
    background-size: 100% 100%;
}
.gongju li .title{
    margin-left: 35px;
    margin-top: 20px;
}
.gongju li .title h2{
    font-size: 22px;
    color: #ffffff;
}
.gongju li .title p{
    font-size: 14px;
    color: #ffffff;
    margin-top: 5px;
}
.gongju li .box p{
    display: inline-block;
    float: left;
    width: 33.33%;
    text-align: left;
    margin-top: 15px;
}

.gongju li .box{
    width: 80%;
    margin: 0 auto;
    margin-top: 55px;
}
.gongju li .box p::before{
    content: '';
    background: #fb6638;
    border-radius: 50%;
    width: 8px;
    height: 8px;
    float: left;
    margin-top: 8px;
    margin-right: 8px;
}