/* clear 页头，页脚，内容区都不用再加清除样式 */
.fixed:before, .clearfix:before, .cf:before, body:before, .header:before, .main:before, .footer:before { content: ''; display: table }
.fixed:after, .clearfix:after, .cf:after, after, .header:after, .main:after, .footer:after { content: ''; display: table; clear: both }
.fixed, .clearfix, .cf, .header, .main, .footer { *zoom: 1;}
.clear, .cl { display: block!important; float: none!important; clear: both; width: auto!important; max-width: none!important; min-width: 0!important; max-height: none!important; min-height: 0!important; overflow: hidden; margin: 0!important; padding: 0!important; border: 0 none!important; font-size: 0!important; line-height: 0!important }
/*1480内容区域宽度*/
.m-width-content{
    max-width:1320px;
    width:100%;
    margin:0 auto;
}
.m-width-content-1600{
    max-width:1640px;
    width:100%;
    margin:0 auto;
}
@media screen and (min-width:1000px)  and (max-width: 1921px) {
   .m-width-content-1600{
        max-width:83.33333vw;
    }
}
.ipd-20{
    padding:0 20px;
}
/*头部*/
.header .nav-bt{
    float:right;
    box-sizing: border-box;
    width:calc(100% - 9.5994725vw);
    height:100%;
}
/*首页banner*/
.if-kv-box{
    position: relative;
    max-width:1140px;
    margin:3vh auto 0;
    width:100%;
}
.left_ball .canvas-sc{
    position: relative;
    padding-bottom:100%;
}
.left_ball #scene{
    position: absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
}

.if-banner-swiper{
    position: relative;
    overflow: hidden;
}
.if-banner-swiper .swiper-slide .pic{
    position: relative;
    padding-bottom:28.64583%;
    overflow: hidden;
    width:100%;
}
.if-banner-swiper .swiper-slide .pic img{
    width:100%;
    height:100%;
    object-fit:cover;
    position: absolute;
    left:0;
    top:0;
}
.if-banner-swiper .swiper-slide .text{
    position: absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    display: flex;
    flex-direction:column;
    justify-content:center;
    text-align: center;
    color:#fff;
}
.if-banner-swiper .swiper-slide .text .t-big{
    font-size:42px;
}
.if-banner-swiper .swiper-slide .text .t-small{
    max-width:560px;
    margin:40px auto 0;
    font-size:16px;
}
.t-big{
    transform:translateY(-20%);
    opacity:0;
    transition: all 1.6s;
}
.t-small{
    transform: translateY(20%);
    opacity:0;
    transition: all 1.6s;
}
.ani-slide .t-big,
.ani-slide .t-small{
    transform: translateY(0);
    opacity:1;
}
/*面包屑*/
.breadcrumbs{
    padding:10px 0;
}
.breadcrumbs i{
    display: inline-block;
    margin:0 5px;
    font-family:fangsong;
    font-weight:700;
}
.breadcrumbs a{
    font-size:14px;
    color:#4498f1;
}
.breadcrumbs .if-icon img{
    max-width:15px;
}
.breadcrumbs .if-home{
    color:#333;
    margin-left:5px;
}
.if-cl-bottom{
    display: flex;
    padding-top:40px;
}
.if-inner-no-pic-kv .if-cs-tit{
    text-align: center;
    padding:100px 0;
}
.if-inner-no-pic-kv .if-cs-tit .if-t-big{
    font-size:42px;
    color:#333;
}
.if-inner-no-pic-kv .if-cs-tit .if-t-small{
    font-size:16px;
    max-width:560px;
    margin:20px auto 0;
}
.if-cs-page-one{
    padding-top:40px;
}
.if-cs-warp-box .layer3{
    position: relative;
    padding:40px 0 0;
}
.if-cs-warp-box{position:relative;}
.if-cs-warp-box .map-bg{
    max-width:1920px;
    margin:0 auto;
}
.if-cs-warp-box .map-bg img{
    max-width:100%;
    height:auto;
}
.map-content-warp{
    position: absolute;
    left:0;
    top:0;
    z-index:3;
    width:100%;
}
.if-l-t{
    padding-top:20px;
}
.map-warp-if{
    position: absolute;
    left:0;
    top:0;
    z-index:3;
    width:100%;
}
.if-cd-text{
    text-align: center;
}
.if-mwi-bottom{
    padding-bottom:20%;
}
@keyframes shake {
  0% { transform: translateX(0); }
  10%, 30%, 50%, 70%, 90% { transform: translateX(-5px); }
  20%, 40%, 60%, 80% { transform: translateX(5px); }
  100% { transform: translateX(0); }
}
#zongbu:hover{
    transition: transform 0.3s ease-in-out;
    animation: shake 1s;
    animation-iteration-count: 1;
}
#fenzhi:hover{
    transition: transform 0.3s ease-in-out;
     animation: shake 1s;
    animation-iteration-count: 1;
}
#yidong:hover{
    transition: transform 0.3s ease-in-out;
     animation: shake 1s;
    animation-iteration-count: 1;
}
#shuju:hover{
    transition: transform 0.3s ease-in-out;
     animation: shake 1s;
    animation-iteration-count: 1;
}
.if-par-kv .pic{
    padding-bottom:28.64583%;
    overflow: hidden;
    position: relative;
}
.if-par-kv .pic img{
    position: absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    object-fit:cover;
}
@media screen and (min-width:1000px)  and (max-width: 1921px) {
   .m-width-content{
        max-width:68.75vw;
    }
    .if-kv-box{
        max-width:59.375vw;
    }
}
@media screen and (max-width: 1600px) {
    .menu .right_container{
        margin-left:0;
    }
    .menu .menu_item_container{
        padding-left:50px;
        margin-left:0;
    }
}
@media screen and (max-width: 1400px) {
    /*.m-width-content{*/
    /*    max-width:1200px;*/
    /*}*/
    .menu .menu_item_container{
        padding-left:30px;
    }
    /*.menu .menu_item_container ul li{*/
    /*    margin:0;*/
    /*}*/
    .menu .right_container{
        margin-left:0;
    }
    .menu .right_container .btn.login{
        margin-left:15px;
    }
    .if-banner-swiper .swiper-slide .text .t-big{
        font-size:32px;
    }
    .if-inner-no-pic-kv .if-cs-tit .if-t-big{
        font-size:32px;
    }
    .if-inner-no-pic-kv .if-cs-tit .if-t-small{
        font-size:14px;
    }
}
@media screen and (max-width: 1300px) {
    
    .if-banner-swiper .swiper-slide .text .t-big{
        font-size:22px;
    }
    .if-banner-swiper .swiper-slide .text .t-small{
        font-size:12px;
    }
    .layer2 h2{
        font-size:22px;
    }
    .layer2 p{
        font-size:14px;
    }
    .layer3 .main_title h2{
        font-size:22px;
    }
    .layer5 .main_title h2{
        font-size:22px;
    }
    .layer6 .left .title_con h3{
        font-size:22px;
    }
    .layer7 .main_title .width_des span.active_tit{
        font-size:22px;
    }
    .layer7 .main_title .width_des span{
        font-size:16px;
    }
    .layer8 .title_con h5{
        font-size:22px;
    }
    .layer8 .title_con h3{
        font-size:18px;
    }
    .layer9 .con .left h3{
        font-size:22px;
    }
    .layer9 .con .left h4{
        font-size:16px;
    }
    .if-kv-box{
        max-width:700px;
    }
    .info h3{
        font-size:18px;
    }
    .info h4{
        font-size:22px;
    }
    .info h5{
        font-size:12px;
    }
    .menu .right_container .btn.login{
        margin-left:5px;
    }
    .menu .right_container .btn{
        width:70px;
        height:25px;
        margin-left:5px;
    }
    .language{
    }
    .layer4 .server_icon_container_s{
        width:150px;
        height:150px;
        margin-left:-75px;
    }
    .layer4 #layer4_svg{
        margin-top:20%;
    }
    .layer2_global_right li{
        padding-left:20px;
    }
    .layer2_global_right li p{font-size:14px;}
    .layer2_global .layer2_global_left ul li span{
        font-size:14px;
    }
    .layer3 .core_network .core_network_content{
        font-size:14px;
    }
    .if-inner-no-pic-kv .if-cs-tit .if-t-big{
        font-size:22px;
    }
    .if-inner-no-pic-kv .if-cs-tit .if-t-small{
        font-size:12px;
    }
}
@media screen and (max-width: 1000px) {
    .m-width-content{
        max-width:100%;
        width:100%;
    }
   .info h3{font-size:16px;}
    .info h4{font-size:22px;}
    .layer2 h2{font-size:22px;}
    .layer3 .main_title h2{font-size:22px;}
    .layer3 h3{font-size:16px;}
    .layer5 .main_title h2{font-size:22px;}
    .layer6 .left .title_con h3{font-size:22px;}
    .layer7 .main_title .width_des span.active_tit{font-size:22px;}
    .layer7 .main_title .width_des span{font-size:16px;}
    .layer8 .title_con h5{font-size:22px;}
    .layer9 .con .left h3{font-size:22px;}
    .layer9 .con .left h4{font-size:16px;}
    .if_open_a{font-size:22px;}
    .if_oa_h6{font-size:16px;}
    .info h5 a{font-size:12px;}
    .layer2_global .layer2_global_left p{
        font-size:22px;
    }
    .layer2_global_right li .countup{
        font-size:32px;
    }
    .yunwangan div{
        box-sizing:border-box;
        padding:40px;
    }
    .yunwangan div:nth-child(3){
        padding:50px;
    }
    .yunwangan span{
        font-size:18px;
    }
    .top_banner{
        height:auto;
    }
    .layer3 .swiper-wrapper .swiper-slide{
        font-size:14px;
    }
    .layer3 .tag{margin-bottom:5px;}
    .layer4 #layer4_svg {
        box-sizing:border-box;
        width: 100%;
        margin-top:50%;
        padding:0 0;
    }
    .layer4 .num{
        position: relative;
        display: block;
    }
    .layer4{
        padding-bottom:50px;
    }
    .layer4 .num .num_item .des{
        font-size: 12px;
    }
    .layer4 .num .num_item{
        width:50%;
        float:left;
        box-sizing:border-box;
        font-size:22px;
    }
    .layer4 .num .num_item:nth-child(1),
    .layer4 .num .num_item:nth-child(2){
        margin-bottom:20px;
    }
    .layer4 .num img{
        max-width:40px;
    }
    .layer4 .num .num_item .text b{
        font-size:22px;
    }
    .layer5 .info_box .card_container .swiper-slide{
        border-radius:10px;
    }
    .layer5 .content_container .tag_container .tag_item{
        margin-bottom:10px;
    }
    .layer6 .left{
        width:100%;
    }
    .layer6 .right{
        width:100%;
        max-width:100%;
        margin-top:20px;
    }
    .layer6 .btn{
        margin:20px auto 0;
    }
    .footer .item3 .qr_con{
        width:90px;
        padding:5px;
    }
    .layer4 .btn_container .btn{
        padding:5px 10px;
    }
    .if-cl-bottom{
        display: block;
    }
    .if-banner-swiper .swiper-slide .pic{
        height:50vh;
        padding-bottom:0;
    }
    .if-inner-no-pic-kv .if-cs-tit{
        padding:50px 0;
    }
    .map-content-warp{
        position: relative;
    }
    .if-cs-page-one{
        padding-top:0;
    }
    .map-warp-if{
        position: relative;
        padding-top:20px;
    }
    .if-banner-swiper .swiper-slide .text .t-big{
        font-size:22px;
    }
    .if-banner-swiper .swiper-slide .text .t-small{
        font-size:14px;
    }
}