.banner{
    width: 100%;
    height: 530px;
    padding: 0;
    overflow: hidden;
    position: relative;
}
.banner .bannerImg{
    transition: all 2s;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    z-index: 18;
}
.banner .bannerImg:nth-child(1){
    background: url(./images/carouse2.jpg) no-repeat center center;
    background-size: 100% 100%;
}
.banner .bannerImg:nth-child(2){
    background: url(./images/carouse1.jpg) no-repeat center center;
    background-size: 100% 100%;
}
.banner .bannerImg:nth-child(3){
    background: url(./images/carouse7.jpg) no-repeat center center;
    background-size: 100% 100%;
}
.banner .bannerImg:nth-child(4){
    background: url(./images/carouse3.jpg) no-repeat center center;
    background-size: 100% 100%;
}
.banner .bannerImg:nth-child(5){
    background: url(./images/carouse4.jpg) no-repeat center center;
    background-size: 100% 100%;
}
.banner .bannerImg:nth-child(6){
    background: url(./images/carouse5.jpg) no-repeat center center;
    background-size: 100% 100%;
}
.banner .bannerImg:nth-child(7){
    background: url(./images/carouse6.jpg) no-repeat center center;
    background-size: 100% 100%;
}
.banner .bannerImg.active{
    opacity: 1;
    z-index: 20;
}
/* **********轮播指示器*********** */
.banner .bannerIndexBox{
    position: absolute;
    bottom: 30px;
    z-index: 99;
    width: 100%;
}
.banner .bannerIndex{
    margin: 0  auto;
    width: 280px;
}
.banner .bannerIndex p{
    width: 12px;
    height: 12px;
    border-radius: 6px;
    background:  rgba(255, 211, 211,1);
    transition: all 2s;
    cursor: pointer;
    margin-right: 15px;
    display: inline-block;
    overflow: hidden;
}
.banner .bannerIndex p:hover{
    background:  rgba(255, 211, 211,.8);
    width: 48px;
}
.banner .bannerIndex p.active{
    background:  rgba(255, 211, 211,.8);
    width: 48px;
}
.banner .bannerIndex p span{
    display: block;
    height: 100%;
    width: 0;
    background:  rgb(175, 97, 97);
}
.banner .bannerIndex p.active span{
    transition: all 8s;
    width: 100%;
}
/* *******轮播文字******** */
.banner .caption{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    transition: all 2s;
}
.banner .caption.even{
    left: -200px;
}
.banner .bannerImg.active .caption.even{
    left: 0;
}
.banner .caption.sing{
    right: -200px;
}
.banner .bannerImg.active .caption.sing{
    right: 0;
}
.banner .caption .captionBox{
    color: #fff;
    margin: 150px  auto auto auto;
    width: 1200px;
}
.banner .caption.sing .captionBox{
    text-align: right;
}
.banner .caption .captionBox .captionTitle{
    font-size: 32px;
    margin-bottom: 34px;
    display: inline-block;
    margin-right: 10px;
}
.banner .caption .captionBox .captionTitle:nth-last-of-type(1){
    margin-right: 0;
}
.banner .bannerImg:nth-child(3) .caption .captionBox .captionTitle{
    color: #181e2b;
}
.banner .caption .captionBox .captionDesc{
    opacity: 0.7;
    font-size: 14px;
    color: #ffffff;
    letter-spacing: 1px;
    margin-bottom: 50px;
}
.banner .bannerImg:nth-child(3) .caption .captionBox .captionDesc{
    color: #8f9297;
}
.banner .caption .captionBox a{
    width: 142px;
    height: 40px;
    background: #ffffff;
    border: 1px solid #ffffff;
    display: block;
    font-size: 16px;
    text-align: center;
    line-height: 38px;
    transition: all .4s;
    cursor: pointer;
}
.banner .bannerImg:nth-child(3) .caption .captionBox a{
    border: 1px solid #6b6c6f;
    color: #181e2b;
}
.banner .caption.sing .captionBox a{
    float: right;
}
.banner .caption .captionBox a:hover{
    background: rgba(255,255,255,0.8);
}
/* **************banner推荐****** */
.home .bannerRecom{
    width: 100%;
    background: #fff;
    padding: 60px 0;
}
.home .bannerRecom .items{
    width: 293px;
    padding: 24px 30px;
    background: #fff;
    border: 1px solid #eceef6;
    transition: all .5s;
}
.home .bannerRecom .items:hover{
    box-shadow: 0px 45px 116px 0px rgba(217,223,239,0.73); 
}
.home .bannerRecom .items .itemTitle{
    line-height: 22px;
    color: #fff;
    margin: 17px 0 11px 0;
    transition: all .5s;
    font-size: 18px;
    color: #333;
    text-align: center;
    display: block;
}
.home .bannerRecom .items .itemImg{
    width: 72px;
    height: 72px;
    margin: 0 auto;
    display: block;
}
.home .bannerRecom .items .itemImg.icon1{
    background: url(./images/1.jpg) no-repeat center/cover;
}
.home .bannerRecom .items .itemImg.icon2{
    background: url(./images/1.png) no-repeat center/cover;
}
.home .bannerRecom .items .itemImg.icon3{
    background: url(./images/3.jpg) no-repeat center/cover;
}
.home .bannerRecom .items .itemImg.icon4{
    background: url(./images/4.jpg) no-repeat center/cover;
}
/* .home .bannerRecom a.items:hover > .itemTitle{
    color: #c8ff8c;
} */
.home .bannerRecom  .items .itemDesc{
    font-size: 12px;
    line-height: 17px;
    color: #b5b5b5;
    display: block;
    text-align: center;
}
.home .bannerRecom .items .register{
    width: 168px;
    height: 48px;
    border-radius: 24px;
    line-height: 48px;
    text-align: center;
    background: #C8FF8C;
    color: #1e1e1e;
    letter-spacing: 1px;
    font-size: 16px;
    margin-top: 30px;
    cursor: pointer;
    display: block;
    transition: all .5s;
}
/* ******************产品推荐*************** */
.product{
    width: 100%;
    padding: 0 0 68px 0;
}
.product .productTab{
    margin: 40px auto 15px auto;
    width: 100%;
    display: flex;
    
}
.product .productTab .tabItem{
    color: #666;
    font-size: 18px;
    line-height: 18px;
    padding:20px;
    border-bottom: 2px solid #fff;
    transition: all .5s;
    cursor: pointer;
    z-index: 200;
    margin: 0px 20px;
}
.product .productTab .tabItem:hover{
    border-bottom-color: #409eff;
    color: #409eff;
}
.product .productTab .tabItem.active{
    border-bottom-color: #409eff;
    color: #409eff;
}
.product .productBox .container{
    position: relative;
    overflow: hidden;
}
.product .contentPro{
    padding-top: 1px;
    background: linear-gradient(180deg,#eaf0fc, #ffffff);
}
.product .productBody{
    margin: 15px 0 30px 0;
    width: 100%;
    position: relative;
}
.product .productBody .slidBox{
    white-space: nowrap;
    display: flex;
    flex-wrap: wrap;
    padding: 20px 10px;
}
.product .productBody .typeBox{
    width: 23%;
    background: #ffffff;
    transition: all .5s;
    display: inline-block;
    border: 1px solid #ddd;
    padding: 30px;
    margin: 10px 13px;
}
.product .productBody .typeBox:hover{
    box-shadow: 0 30px 116px 30px rgba(217,223,239,0.6); 
}
.product .productBody .typeBox .productMoney{
    margin:0 0 20px 0;
}
.product .productBody .typeBox .productMoney .moneyBox{
    color: #ff641c;
    line-height: 24px;
    height: 24px;
    font-size: 18px;
}
.product .productBody .typeBox .productType .typeTitle{
    height: 22px;
    font-size: 18px;
    color: #333333;
    line-height: 22px;
    margin-bottom:20px;
}
.product .productBody .typeBox .productType .typeVer p{
    font-size: 14px;
    color: #b5b5b5;
    line-height: 14px;
    letter-spacing: 1px;
    margin-bottom: 10px;
}
.product .productBody .productBuy {
    font-size: 14px;
    line-height: 43px;
    height: 43px;
    text-align: center;
}
.product .productBody .productBuy a{
    width: 50%;
    height: 43px;
    background: #ffffff;
    border: 1px solid #409eff;
    transition: all .5s;
    color: #409eff;
}

.product .productBody .productBuy a:hover{
    background: #409eff;
    color: #fff;
}
.product .productBody .productBuy a .icon{
    width: 18px;
    height: 18px;
    display: inline-block;
}
.product .productBody .productBuy a .icon.icon1{
    background: url(./images/7.png)no-repeat center center;
}
.product .productBody .productBuy a .icon.icon2{
    background: url(./images/8.png)no-repeat center center;
}
.product .arrowsBox{
    position: relative;
}
.product .arrowsBox .arrows{
    position: absolute;
    top:120px;
    width: 48px;
    height: 48px;
    cursor: pointer;
    z-index: 99;
    border-radius: 50%;
    background: #ffffff;
    box-shadow: 10px 10px 20px 0px rgba(0,0,0,0.1); 
    transition: all .5s;
    opacity: .6;
    text-align: center;
}
.product .arrowsBox .arrows i{
    font-size:20px ;
    line-height: 48px;
}
.product .arrowsBox .arrows:hover{
    opacity: 1;
}
.product .arrowsBox .arrows.arrowsLeft{
    left: -24px;
}
.product .arrowsBox .arrows.arrowsRight{
    right: -24px;
}
.product .lookMore{
    display: block;
    height: 38px;
    border: 1px solid #c1c1c1;
    text-align: center;
    line-height: 38px;
    color: #a9a9a9;
    font-size: 14px;
    width: 200px;
    text-align: center;
    margin: 0 auto;
}
.product .productBody .arrows{
    position: absolute;
}
/* *******************关于云虚拟主机*********** */
.product .aboutBody{
    padding: 96px 95px 146px 95px;
    background: url(./images/105.jpg) no-repeat center/cover;
    margin-top: 30px;
}
.product .vhostDesc{
    width: 480px;
    padding-top: 20px;
}
.product .vhostDesc .descTitle{
    font-size: 25px;
    color: #333333;
    margin-bottom: 24px;
}
.product .vhostDesc .descVer{
    font-size: 14px;
    color: #858585;
    line-height: 24px;
    text-align: justify;
    word-break: break-all;
}
.product .vhostRight{
    width: 680px;
}
.product  .vhostRight .rightItem{
    width: 215px;
    background: rgba(255,255,255,0.56);
    box-shadow: 0px 9px 20px 0px rgba(150,174,219,0.16); 
    padding: 30px 20px;
}
.product  .vhostRight .rightItem .rightIcon{
    width: 72px;
    height: 72px;
    margin-bottom: 18px;
}
.product  .vhostRight .rightItem .rightIcon.icon1{
    background: url(./images/99.jpg) no-repeat center/cover;
}
.product  .vhostRight .rightItem .rightIcon.icon2{
    background: url(./images/121.jpg) no-repeat center/cover;
}
.product  .vhostRight .rightItem .rightIcon.icon3{
    background: url(./images/122.jpg) no-repeat center/cover;
}
.product  .vhostRight .rightItem .rightDesc .desc1{
    font-size: 16px;
    color: #333333;
    line-height: 22px;
    margin-bottom: 14px;
}
.product  .vhostRight .rightItem .rightDesc .desc2{
    color: #999999;
    line-height: 23px;
    letter-spacing: 0px;
    font-size: 13px;
    text-align: justify;
    word-break: break-all;
}
/* **********安全保障******************** */
.safeguard .safeBody{
    margin-top: 40px;
}
.safeguard .safeBody .safeExpBox{
    width: 1024px;
    margin: 0 auto;
    position: relative;
}
.safeguard .safeBody .safeExpBox .bagDescBox{
    width: 670px;
    height: 430px;
    border: 10px solid #F4F6F9;
    margin: 0 auto;
    box-shadow: 0px 10px 20px 0px rgba(150,174,219,0.16); 
    padding-top: 300px;
}
.safeguard .safeBody .safeExpBox .bagDescBox .title{
    color: #333;
    text-align: center;
    margin-bottom: 20px;
    font-size: 22px;
}
.safeguard .safeBody .safeExpBox .bagDescBox .title2{
    color: #757575;
    line-height: 20px;
    font-size: 14px;
    text-align: center;
}
.safeguard .safeBody .safeExpBox .safeExcel{
    position: absolute;
    top: 40px;
    left: 0;
    width: 100%;
}
.safeguard .safeBody .safeExpBox .safeExcel .safeGuard{
    width: 470px;
    height: 230px;
    box-shadow: 0px 10px 20px 0px rgba(150,174,219,0.16); 
    border: 2px solid #F4F6F9;
    padding: 20px 40px;
    background: #fff;
}
.safeguard .safeBody .safeExpBox .safeExcel .safeGuard .title{
    font-size: 28px;
    color: #000;
    margin-bottom: 40px;
}
.safeguard .safeBody .safeExpBox .safeExcel .safeGuard .desc{
    color: #b5b5b5;
    font-size: 16px;
    padding-bottom: 20px;
    border-bottom: 1px dashed #b5b5b5;
}
.safeguard .safeBody .safeExpBox .safeExcel .safeGuard .desc .yuan{
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #b5b5b5;
}
.safeguard .safeBody .safeExpBox .safeExcel .safeGuard .link{
    color: #333;
    font-size: 16px;
    margin-top: 24px;
}
.safeguard .safeBody .safeExpBox .safeExcel .safeGuard .link .linkDesc{
    color: #b5b5b5;
    font-size: 14px;
}
.safeguard .safeBody .safeExpBox .safeExcel .safeGuard a i{
    color: #b5b5b5;
    font-size: 16px;
}
.safeguard .safeBody .safeExpBox .safeExcel .safeGuard .graph{
    padding-bottom: 15px;
    border-bottom: 1px dashed #b5b5b5;
    width: 400px;
    height: 140px;
    justify-content: space-around;
    align-items:flex-end;
}
.safeguard .safeBody .safeExpBox .safeExcel .safeGuard .graph .graphItem p:nth-child(1){
    width: 24px;
    height: 54px;
    background: #f8c481;
    border-radius: 20px;
}
.safeguard .safeBody .safeExpBox .safeExcel .safeGuard .graph .graphItem p:nth-child(2){
    font-size: 14px;
    color: rgba(51,51,51,0.5);
    line-height: 24px;
    margin-top: 4px;
}
.safeguard .safeBody .safeMerit{
    margin: 40px 0 0 0;
}
.safeguard .safeBody .safeMerit .meritItem{
    width: 386px;
    background: #ffffff;
    border: 1px solid #eaecf2;
    padding: 24px 20px;
    margin-bottom: 22px;
}
.safeguard .safeBody .safeMerit .meritItem .itemIcon{
    width: 72px;
    height: 72px;
}
.safeguard .safeBody .safeMerit .meritItem .itemIcon.icon1{
    background: url(./images/5.jpg) no-repeat center/cover;
}
.safeguard .safeBody .safeMerit .meritItem .itemIcon.icon2{
    background: url(./images/6.jpg) no-repeat center/cover;
}
.safeguard .safeBody .safeMerit .meritItem .itemIcon.icon3{
    background: url(./images/7.jpg) no-repeat center/cover;
}
.safeguard .safeBody .safeMerit .meritItem .itemIcon.icon4{
    background: url(./images/8.jpg) no-repeat center/cover;
}
.safeguard .safeBody .safeMerit .meritItem .itemIcon.icon5{
    background: url(./images/9.jpg) no-repeat center/cover;
}
.safeguard .safeBody .safeMerit .meritItem .itemIcon.icon6{
    background: url(./images/10.jpg) no-repeat center/cover;
}
.safeguard .safeBody .safeMerit .meritItem .itemDesc .title1{
    font-size: 16px;
    color: #333333;
    line-height: 18px;
    margin-bottom: 11px;
}
.safeguard .safeBody .safeMerit .meritItem .itemDesc .title2{
    font-size: 13px;
    color: #757575;
    line-height: 17px;
    width: 250px;
    text-align: justify;
    word-break: break-all;
}
/* *******************网站服务***************** */
.servicesLink{
    width: 100%;
    padding-bottom: 90px;
    background: #fff;
}
.servicesLink .linkTab .tabItem{
    width: 241px;
    height: 85px;
    background: #ffffff;
    box-shadow: 0px 1px 10px 0px #e6eefb; 
    cursor: pointer;
    padding: 20px 25px;
    transition: all .3s;
}
.servicesLink .linkTab .tabItem .tabItemTitle1{
    font-size: 16px;
    color: #333333;
    line-height: 20px;
    transition: all .3s;
    margin-bottom: 13px;
}
.servicesLink .linkTab .tabItem .itemTitle .tabItemTitle2{
    font-size: 14px;
    color: #999999;
    transition: all .3s;
}
.servicesLink .linkTab .tabItem.active{
    background: #409eff;
}
.servicesLink .linkTab .tabItem.active .itemTitle .tabItemTitle1{
    color: #fff;
}
.servicesLink .linkTab .tabItem.active .itemTitle .tabItemTitle2{
    color: #fff;
}
.servicesLink .linkBody{
    width: 948px;
    height: 428px;
    background: #ffffff;
    box-shadow: 0px 9px 20px 0px rgba(150,174,219,0.16); 
    padding: 46px 60px 30px 46px;
}
.servicesLink .linkBody .linkTitle{
    font-size: 25px;
    color: #333333;
    line-height: 18px;
    margin-bottom: 24px;
}
.servicesLink .linkBody .linkDesc{
    font-size: 14px;
    color: #757575;
    line-height: 24px;
    margin-bottom: 20px;
    height: 75px;
    text-align: justify;
    word-break: break-all;
}
.servicesLink .linkBody .linkProduct .linkLeft{
    width: 525px;
}
.servicesLink .linkBody .linkProduct .linkProductTitle{
    font-size: 18px;
    color: #3375ff;
    line-height: 18px;
    margin: 45px 0 26px 0;
}
.servicesLink .linkBody .productUrl a{
    height: 36px;
    background: rgba(27,91,255,0.08);
    border-radius: 19px;
    padding: 0 23px;
    line-height: 36px;
    transition: all .5s;
    display: inline-block;
    margin-right: 14px;
    color: #409eff;
    font-size: 14px;
    margin-bottom: 15px;
}
.servicesLink .linkBody .productUrl a:hover{
    background: rgba(27,91,255,1);
    color: #fff;
}
.servicesLink .linkBody .linkIcon{
    width: 300px;
    height: 215px;
    background: url(./images/114.jpg) no-repeat center/cover;
}
.servicesLink .linkBody .linkIcon.fuwu{
    background: url(./images/appfuwu.png) no-repeat center/cover;
}
.servicesLink .linkBody .linkIcon.kaifazhe{
    background: url(./images/kaifazhe.png) no-repeat center/cover;
}
.servicesLink .linkBody .linkIcon.wangzhan{
    background: url(./images/wangzhan.png) no-repeat center/cover;
}
.servicesLink .linkBody .linkIcon.yuming{
    background: url(./images/yuming.jpg) no-repeat center/cover;
}
/* ***************地图*************************** */
.fromMap{
    background: url(./images/116.jpg) no-repeat center/cover;
}
.fromMap .mapBody{
    height: 520px;
    width:1210px;
    margin-top: 70px;
}
.fromMap .content-item{
    background: url(./images/map.png) no-repeat center center;
    background-size: cover;
    position: relative;
    z-index: 1;
    margin: 0 auto;
    width: 1012px;
    height: 490px;
}
.fromMap .content-item .doc-wrap {
	position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    top: 0;
    left: 0;
}
.map-dot {
	position: absolute;
    width: 20px;
    height: 20px;
    -webkit-box-shadow: inset #1e5bfe 0 0 5px;
    box-shadow: inset #1e5bfe 0 0 5px;
    border-radius: 50%;
    cursor: pointer;
    background-color: #f7f8fa;
    display: inline-block;
    vertical-align: middle;
}
.map-dot:hover {
    z-index: 3;
}
.map-dot:after {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    -webkit-box-shadow: inset #1e5bfe 0 0 5px;
    box-shadow: inset #1e5bfe 0 0 5px;
    border-radius: 50%;
    top: 0;
    left: 0;
    opacity: 0;
}
.map-dot.animate:after {
    animation: warn 2s ease-out .1s infinite;
}
.map-dot.big-animate:after {
    animation: warn-2 5s ease-out .1s infinite  !important;
}
@keyframes warn{
	0%{opacity:0;
	transform:scale(.1)
	}
	5%{opacity:1}to{opacity:0;transform:scale(10)
	}
}
@keyframes warn-2{
	0%{opacity:0;transform:scale(.1)}
	5%{opacity:8}to{opacity:0;transform:scale(20)}
}
.map-dot-layer {
	    width: 8px;
    height: 8px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -4px 0 0 -4px;
    background-color: #1e5bfe;
    border-radius: 50%;
    cursor: pointer;
    opacity: .8;
}
.map-dot.building{
    -webkit-box-shadow: inset #000 0 0 5px;
    box-shadow: inset #000 0 0 5px;
}
.map-dot.building .map-dot-layer{
	background-color: #000;
}
.map-dot-layer:after {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    -webkit-box-shadow: inset #00a4ff 0 0 5px;
    box-shadow: inset #00a4ff 0 0 5px;
    border-radius: 50%;
    top: 0;
    left: 0;
    opacity: 0;
}
.map-dot.animate:hover .map-dot-layer:after {
    animation: warn-2 2s ease-out 1.1s infinite;
}
.map-dot-text {
	    position: absolute;
    left: 100%;
    top: 0;
    padding-left: 5px;
    font-size: 14px;
    line-height: 20px;
    color: #111;
    white-space: nowrap;
}
.map-dot-text.left {
    left: auto;
    right: 100%;
    padding-left: 0;
    padding-right: 5px;
}
.c-bubble {
    position: absolute;
    color: #404A58;
    z-index: 6;
}
.c-bubble-inner {
    font-size: 12px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 8px 10px;
    border: 1px solid #b3b7bf;
    border-radius: 2px;
    background-color: #fff;
    line-height: 18px;
    box-shadow: 1px 1px 3px rgba(0,0,0,.15);
    position: static !important;
    left: 50%;
    top: 50%;
}
.c-map-bubble {
    left: 50%;
    bottom: 100%;
    margin-left: -100px;
    margin-bottom: 10px;
    width: 200px;
    text-align: center;
    -webkit-transition: .3s all ease-out;
    transition: .3s all ease-out;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
    cursor: default;
    pointer-events: none;
}
.map-dot.hover .c-map-bubble, .c-map-dot:hover .c-map-bubble {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.c-map-bubble .c-bubble-inner {
    display: inline-block;
    vertical-align: middle;
    padding: 10px;
    text-align: left;
    border-color: #eee;
    font-size: 14px;
    line-height: 24px;
    color: #333;
}
.c-map-bubble .c-bubble-inner:before {
    border-top-color: #00a4ff;
}
.c-bubble-bottom .c-bubble-inner:before {
    margin-left: -8px;
    border-top-color: #b3b7bf;
}
.c-bubble-bottom .c-bubble-inner:after, .c-bubble-bottom .c-bubble-inner:before {
    top: 100%;
    left: inherit;
    right: inherit;
    margin-top: -1px;
    border-top-style: solid;
}
.c-bubble .c-bubble-inner:after, .c-bubble .c-bubble-inner:before {
    font-size: 0;
    position: absolute;
    width: 0;
    height: 0;
    content: '';
    border: 8px dashed transparent;
}
.c-bubble-bottom .c-bubble-inner:after {
    margin-left: -7px;
    border-top-color: #fff;
}
.c-bubble-bottom .c-bubble-inner:after, .c-bubble-bottom .c-bubble-inner:before {
    top: 100%;
    left: inherit;
    right: inherit;
    margin-top: -1px;
    border-top-style: solid;
}
.c-bubble .c-bubble-inner:after {
    border: 7px dashed transparent;
}
.c-bubble .c-bubble-inner:after, .c-bubble .c-bubble-inner:before {
    font-size: 0;
    position: absolute;
    width: 0;
    height: 0;
    content: '';
    border: 8px dashed transparent;
}
.c-bubble-bottom .c-bubble-inner:before {
    margin-left: -8px;
    border-top-color: #b3b7bf;
}
.c-map-bubble .c-bubble-inner:before {
    border-top-color: #fb9353;
}
.c-bubble-bottom .c-bubble-inner:after {
    margin-left: -7px;
    border-top-color: #fff;
}
.c-bubble-bottom .c-bubble-inner:after, .c-bubble-bottom .c-bubble-inner:before {
    top: 100%;
    left: inherit;
    right: inherit;
    margin-top: -1px;
    border-top-style: solid;
}
.map-dot:hover .c-map-bubble{
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
/* **********************首页优势介绍承载网站等*********************************** */
.meritBody{
    padding-bottom: 0;
}
.meritBody .meritTab{
    margin:40px auto 0 auto;
    width: 670px;
}
.meritBody .meritTab .tabItem{
    color: #666;
    font-size: 18px;
    line-height: 22px;
    padding:0 30px 20px 30px;
    border-bottom: 2px solid #fff;
    transition: all .5s;
    cursor: pointer;
}
.meritBody .meritTab .tabItem.active{
    border-bottom-color: #409eff;
    color: #409eff;
}
.meritBody .meritItemBody{
    background: #f4f7fe;
    padding: 25px 0 40px 0;
}
.meritBody .meritItemBody .meritIcon{
    width: 620px;
    height: 354px;
}
.meritBody .meritItemBody .meritIcon.icon1{
    background: url(./images/17.jpg) no-repeat center/cover;
}
.meritBody .meritItemBody .meritIcon.icon2{
    background: url(./images/18.jpg) no-repeat center/cover;
}
.meritBody .meritItemBody .meritIcon.icon3{
    background: url(./images/wangluoanquan.jpeg) no-repeat center/cover;
}
.meritBody .meritItemBody .meritDesc{
    background: #ffffff;
    width: 580px;
    padding: 85px 0 0 0;
}
.meritBody .meritItemBody .meritDesc .title1{
    font-size: 22px;
    text-align: center;
    color: #2d2d2d;
    line-height: 34px;
    margin-bottom: 22px;
}
.meritBody .meritItemBody .meritDesc .title2{
    font-size: 14px;
    text-align: center;
    color: #757575;
    line-height: 14px;
    letter-spacing: 1px;
    margin-bottom: 57px;
}
.meritBody .meritItemBody .meritDesc a{
    display: block;
    height: 40px;
    background: #ffffff;
    border: 1px solid #0246fa;
    border-radius: 7px;
    line-height: 38px;
    width: 205px;
    text-align: center;
    font-size: 16px;
    color: #409eff;
    transition: all .5s;
    margin: 0 auto;
}
.meritBody .meritItemBody .meritDesc a:hover{
    color: #fff;
    background: #409eff;
}
/* **************运营商轮播************* */
.netBody{
    background: #f4f7fe;
    padding: 30px 0;
}
.netBody .netBodyContent{
    overflow: hidden;
    height: auto;
    margin: 0 auto;
    width: 1100px;
}
.netBody .netBodyContent .content{
    float: left;
    width: auto;
    display: flex;
}
.netBody .netBodyContent .carousel1,.netBody .netBodyContent .carousel2{
    white-space: nowrap;
    display: flex;
}
.netBody .netBodyContent .carBox{
    padding: 10px;
    background: #fff;
    width: auto;
    height: auto;
    border: 1px solid #eeeef2;
    margin-right: 20px;
    transition: all .5s;
}
.netBody .netBodyContent .carBox:hover{
    box-shadow: 0px 45px 116px 0px rgba(217,223,239,0.73);
}
.netBody .netBodyContent .carBox div{
    width: 160px;
    height: 80px;
    background-size: 160px 80px !important;
}
.netBody .netBodyContent  .carBox.car-1 div{
    background: url(./images/cooperation_cndx.png)no-repeat center center;
}
.netBody .netBodyContent .carBox.car-2 div{
    background: url(./images/cooperation_cnlt.png) no-repeat center center;
}
.netBody .netBodyContent  .carBox.car-3 div{
    background: url(./images/cooperation_cnyd.png) no-repeat center center;
}
.netBody .netBodyContent  .carBox.car-4 div{
    background: url(./images/cooperation_hgc.png) no-repeat center center;
}
.netBody .netBodyContent  .carBox.car-5 div{
    background: url(./images/cooperation_hkbn.png) no-repeat center center;
}
.netBody .netBodyContent  .carBox.car-6 div{
    background: url(./images/cooperation_hkix.png) no-repeat center center;
}
.netBody .netBodyContent  .carBox.car-7 div{
    background: url(./images/cooperation_ntt.png) no-repeat center center;
}
.netBody .netBodyContent  .carBox.car-8 div{
    background: url(./images/cooperation_pccw.png) no-repeat center center;
}