*{
   margin: 0;
   padding: 0;
   box-sizing: border-box; 
   font-family: PingFangSC-Regular;
}
blockquote,
button, 
dd, dl, 
dt, 
fieldset,
form, 
h1, 
h2, 
h3, 
h4,
h5, 
h6, 
hr, 
input,
legend, 
li, 
ol,
p, 
pre,
td, 
textarea,
th, 
ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
a{
    cursor: pointer;
    text-decoration: none;
}
html,body{
    height: 100%;
    /* background-color: #ccc; */
    font-size: 62.5%;

}
/* 公共样式 */
.common_line{
    width: 48px;
    height: 44px;
    border-top: 2px solid #2E5FE5; 
}
.common_title{
    font-size: 32px;
    font-weight: 500;
    line-height: 44px;
    letter-spacing: 0em;
    color: #1B2133;
}
@media screen and (min-width:1200px){
    .container{
        width: 1196px;
    }
}

@media screen and (min-width:992px) and (max-width:1199px){
    .container{
        width: 970px;
    }
}

@media screen and (min-width:768px) and (max-width:991px){
    .container{
        width: 750px;
    }
}
.container{
    margin: 0 auto;
}
.nav{
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    z-index: 1000;
}
@media screen and (min-width:1200px){
    .nav{
        height: 80px;
    }
}

@media screen and (min-width:992px) and (max-width:1199px){
    .nav{
        height: 65px;
    }
}

@media screen and (min-width:768px) and (max-width:991px){
    .nav{
        height: 50px;
    }
}
.nav .container{
    margin: 0 auto;
    position: relative;
    height: 100%;

}
.navbar-brand{
    position: absolute;
    left: 0;
    top: 31%;
    z-index: 30;
}
.navbar-brand img{
    width: 110px;
    height: 30px;
}
.navbar-nav{
    position: absolute;
    right: 0;
    width: 49%;
    height: 100%;
 
}
.activeNav{
    background: #FFFFFF;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.04);
    -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.04);
    box-sizing: border-box;
}

.navbar-nav ul{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.navbar-nav li{
    color: #989FB3;
    font-size: 14px;
    font-weight: 500;
    line-height: 5.5em;
    position: relative;
}
@media screen and (min-width:1200px){
    .navbar-nav li{
        line-height: 80px;
    }
}

@media screen and (min-width:992px) and (max-width:1199px){
    .navbar-nav li{
        line-height: 65px;
    }
}

@media screen and (min-width:768px) and (max-width:991px){
    .navbar-nav li{
        line-height: 50px;
    }
}

.navbar-nav .index{
    margin-right: 15px;
}
.navbar-nav li a{
    /* padding: 0 1em; */
    color: #FFFFFF;
    font-weight: normal;
    display: block;

}
.activeNav li a{
    color: #1B2133;
 }
.navbar-nav .headerOn a{
    /* color: #2E5FE5; */
    font-weight: 900;
}
.activeNav .headerOn a{
    color: #2E5FE5;
 }

/* 首屏轮播 */
.header_banner{
    position: relative;
}

.header_banner .bule_model_box{
    height: 100%;
    width: 40.7%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 15;
    overflow: hidden;

}
.header_banner .bule_model_box img{
    height: 100%;
    width: 100%;
}
.header_banner .bule_model_box .title{
    position: absolute;
    left: 0%;
    top: 34.2%;
    width: 100%;
    height: 9.5%;
    font-size: 7.2em;
    font-weight: normal;
    letter-spacing: 0em;
    /* 中性/+100白 */
    color: #FFFFFF;
    padding-left: 20.8%;

}
.header_banner .bule_model_box .text{
    position: absolute;
    left: 0%;
    top: 43%;
    width: 100%;
    height: 8%;
    font-size: 16px;
    font-weight: normal;
    line-height: 28px;
    letter-spacing: 0.05em;
    /* 中性/+100白 */
    color: #FFFFFF;
    padding-left: 20.8%;
    
}

@media screen and (min-width:1024px) and (max-width:1680px){
    .header_banner .bule_model_box .text{
        margin-top: 15px;
    }

}

@media screen and (min-width:768px) and (max-width:1203px){
    .header_banner .bule_model_box .text{
        margin-top: 30px;
    }
}
.header_banner .bule_model_box .line{
    position: absolute;
    left: 20.8%;
    top: 53%;
    width: 48px;
    height: 100px;
    border-top: 1px solid #FFFFFF;
}
@media screen and (min-width:1024px) and (max-width:1680px){
    .header_banner .bule_model_box .line{
        top: 56.5%;
    }

}

@media screen and (min-width:768px) and (max-width:1203px){
    .header_banner .bule_model_box .line{
        top: 63.5%;
    }
}
.header_banner .bule_model_box .down_dot{
    position: absolute;
    left: 21.5%;
    top: 80%;
    width: 36px;
    height:36px;
    z-index: 30;
}
.header_banner .bule_model_box .down_dot img{
   width: 100%;
}
.header_banner .banner_model{
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}
.header_banner .banner_model img{
    width: 100%;
}
.header_banner .swiper-container{
  width: 100%;
  height: 100%;
  position: relative;
}
.header_banner .swiper-container .swiper-wrapper{
    width: 100%;
    height: 100%;
}
.header_banner .swiper-container .swiper-wrapper .swiper-slide{
    width: 100%;
    height: 100%;
}
.header_banner .swiper-container .swiper-wrapper .swiper-slide img{
    width: 100%;
    height: 100%;
    display: block;
}

.swiper-container .swiper-pagination {
    position: absolute;
	left: 94%;
    top: 40%;
	width: 15px;
    z-index: 20;
}
.swiper-container .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	background: none;
	border: 1px solid #fff;
	opacity: 1;
    margin-top: 10px !important;
}

.swiper-container .swiper-pagination-bullet-active {
	background: #fff;
}
/* 云现场 */
.cloud_live{
    width: 100%;
    position: relative;
    overflow: hidden;

}
@media screen and (min-width:1200px){
    .cloud_live{
        height: 476px;
    }
}

@media screen and (min-width:992px) and (max-width:1199px){
    .cloud_live{
        height: 386px;
    }
}

@media screen and (min-width:768px) and (max-width:991px){
    .cloud_live{
        height: 398px;
    }
}
.cloud_footer_bg{
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
}
.cloud_live .container{
    position: relative;
    margin: 0 auto;
    height: 100%;
}
.cloud_live .container .cloud_title{
    height: 25%;
    position: absolute;
    left: 0;
    top: 25.2%;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 0em;
    color: #1B2133;
}
.cloud_live .container .cloud_url{
    height: 25%;
    position: absolute;
    left: 0;
    top: 34.5%;
    font-size: 18px;
    font-weight: 500;
    color: #2E5FE5;
}



.cloud_live .container .cloud_line{
    width: 1px;
    height: 48px;
    /* 中性色/+75白 */
    background: #C6C7CC;
    position: absolute;
    top: 26.5%;
}

@media screen and (min-width:1200px){
    .cloud_live .container .cloud_line{
        left: 36.5%;
    }
}

@media screen and (min-width:992px) and (max-width:1199px){
    .cloud_live .container .cloud_line{
        left: 40%;
    }
}

@media screen and (min-width:768px) and (max-width:991px){
    .cloud_live .container .cloud_line{
        left: 37.5%;
    }
}
.cloud_live .container .cloud_text1{
    width: 54%;
    height: 25%;
    font-size: 14px;
    line-height: 24px;
    color: #6B6F7A;
    position: absolute;
    left: 42.8%;
    top: 24.2%;
}

.cloud_live .cloud_logo{
    width: 280px;
    height: 191.8px;
    opacity: 0.02;
    position: absolute;
    left: -70px;
    bottom: -35px;
}
/* 云现场集合页 */
.live_collection{
  width: 100%;
  /* height: 852px; */
  position: relative;
  background: url("../images/collection/collection_bg.png") no-repeat center center;
  background-size: 100% 100%;
}
@media screen and (min-width:1200px){
    .live_collection{
        height: 852px;
    }
}

@media screen and (min-width:992px) and (max-width:1199px){
    .live_collection{
        height: 691px;
    }
}

@media screen and (min-width:768px) and (max-width:991px){
    .live_collection{
        height: 534px;
    }
}
.live_collection .container{
    margin: 0 auto;
    height: 100%;
    position: relative;
}
.live_collection .container .blue_left_box{
    width: 65.9%;
    height: 56.3%;
    position: absolute;
    left: 0;
    top: 16.4%;
    background: url("../images/collection/blue_bg.png") no-repeat center center;
    background-size: 100% 100%;
    padding: 3%;
}
.live_collection .container .blue_right_box{
    width: 91.6%;
    height: 49.3%;
    position: absolute;
    left: 8.5%;
    top: 34.3%;
    background: url("../images/collection/white_bg.png") no-repeat center center;
    background-size: 100% 100%;
}
.blue_left_title{
    font-size: 32px;
    font-weight: normal;
    line-height: 44px;
    letter-spacing: 0em;
    color: #FFFFFF;
}
.blue_left_text{
    font-size: 12px;
    font-weight: normal;
    line-height: 20px;
    letter-spacing: 0em;
    color: #FFFFFF;
    margin-top: 8px;
}
.swiper-container2{
    width: 75.7%;
    height: 59.4%;
    position: absolute;
    left: 16.7%;
    top: 16.4%;
    overflow: hidden;

}
.swiper-container2 .swiper-wrapper{
    width: 100%;
    height: 100%;
}
.swiper-container2 .swiper-wrapper .swiper-slide{
    width: 100%;
    height: 100%;
}
.swiper-container2 .swiper-wrapper .swiper-slide img{
   display: inline-block;
   width: 19.2%;
   height: 47.8%;
   margin-left: 2.3%;
}
.swiper-container2 .swiper-wrapper .swiper-slide .firstImg{
    margin-left: 0%;
 }
.swiper-container2 .swiper-wrapper .swiper-slide .bigImg{
    display: inline-block;
    width: 25.7%;
    height: 100%;
    margin-left: 10.2%;
 }
 #collection_tab{
    width: 31%;
    height: 30px;
    position: absolute;
    left: 16.7%;
    top: 39.2%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    z-index: 100;
 }
 #collection_tab>li{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
 }
 .collection_tab_title{
    font-size: 2.2em;
    line-height: 2.5rem;
    font-weight: normal;
    letter-spacing: 0em;
    color: #1B2133;
    cursor: pointer;
 }
 .collection_tab_line{
    width: 20px;
    height: 2px;
    background: #1B2133;
    display: none;
 }
 #collection_tab .active .collection_tab_title{
    color: #2E5FE5;
 }
 #collection_tab .active .collection_tab_line{
     display: block;
     background: #2E5FE5;
}
/* 中央厨房模块 */
.middle_box{
    width: 100%;
    position: relative;
}
@media screen and (min-width:1200px){
    .middle_box{
        height: 1308px;
    }
}

@media screen and (min-width:992px) and (max-width:1199px){
    .middle_box{
        height: 1061px;
    }
}

@media screen and (min-width:768px) and (max-width:991px){
    .middle_box{
        height: 820px;
    }
}
.middle_bg{
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;

}
.middle_box .container{
    margin: 0 auto;
    height: 100%;
    position: relative;
}
.middle_content_box{
    width: 79.6%;
    height: 81.7%;
    position: absolute;
    left: 10.2%;
    top: 9.2%;
    display: flex;
    flex-wrap: wrap;

}
.middle_content_box li{
    width: 50%;
    height: 48.3%;
    position: relative;
}
.middle_content_box .middle_li_img img{
    width: 100%;
    height: 100%;
}
.middle_content_box .middle_li_text .middle_li_text_title{
    width: 85%;
    font-size: 22px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0em;
    color: #3D4252;
    margin-left: 14%;

} 
.middle_content_box .middle_li_text .middle_li_text_title1{
     margin-top: 22%;
}
.middle_content_box .middle_li_text .middle_li_text_title2{
    margin-top: 18%;
}
.middle_content_box .middle_li_text .middle_li_text_title3{
    margin-top: 22%;
}
.middle_content_box .middle_li_text .middle_li_text_text{
    width: 74%;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0em;
    color: #989BA3;
    margin-left: 14%;
    margin-top: 2%;

} 
/* 现场执行模块 */
.carry_out_box{
    width: 100%;
    /* height: 800px; */
    position: relative;
    overflow: hidden;
}
@media screen and (min-width:1200px){
    .carry_out_box{
        height: 800px;
    }
}

@media screen and (min-width:992px) and (max-width:1199px){
    .carry_out_box{
        height: 649px;
    }
}

@media screen and (min-width:768px) and (max-width:991px){
    .carry_out_box{
        height: 502px;
    }
}
.carry_out_box .carry_out_bg{
    position: absolute; 
    top: -10%;
}
.carry_out_box .carry_out_bg1{
    position: absolute; 
    top: -10%;
}


.carry_out_box .carry_out_model{
    width: 100%;
    height: 100%;
    background: url("../images/carry_model.png") no-repeat center center;
    background-size: 100% 100%;
    /* border: 1px solid black; */
    position: absolute;
    top: 0%;
}
.carry_out_box .container{
    margin: 0 auto;
    height: 100%;
    /* border: 1px solid red; */
    position: relative;
    z-index: 30;
}
.glassbg{
    width: 60.9%;
    height: 51.5%;
    position: absolute;
    top: 24.2%;
    left: 20%;
    border-radius: 10px;
    background: rgba(205, 205, 205, 0.4);
    backdrop-filter: blur(10px);
    padding: 10px;
}
.glassbg ul{
    width: 100%;
    height: 100%;
    border-radius: 10px;
    background: url("../images/carry_bg.png");
    background-size: cover;
}
.carry_out_title{
    width: 97%;
    letter-spacing: 0em;
    color: #1B2133;
    text-align: center;
    position: absolute;
    top: 13.6%;
}
.carry_out_line{
    height: 60px !important;
    position: absolute;

    left: 46.5%;
}

@media screen and (min-width:1200px){
    .carry_out_line{
        top: 27%;
    }
}

@media screen and (min-width:992px) and (max-width:1199px){
    .carry_out_line{
        top: 29%;
    }
}

@media screen and (min-width:768px) and (max-width:991px){
    .carry_out_line{
        top: 32%;
    }
}

.carry_out_text{
    width: 97%;
    font-size: 16px;
    line-height: 30px;
    /* letter-spacing: 0.2em; */
    color: #989BA3;
    text-align: center;
    position: absolute;
    top: 34%;
}
.carry_out_other{
    width: 28%;
    height: 26%;
    position: absolute;
    top: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.carry_out_other1{
    left: 19%;
}
.carry_out_other2{
    left: 54%;
}
.carry_out_num{
    font-size: 7em;
    font-weight: bold;
    letter-spacing: 0em;
    color: #2E5FE5;
}
.carry_out_des{
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0em;
    color: #1B2133;
    line-height: 2em;
    width: 125%;
    text-align: center;
}
/* 云现场核心优势 */
.goodTitle_box{
    width: 100%;
    /* height: 800px; */
    position: relative;
    overflow: hidden;
    /* border: 1px solid red; */
}

@media screen and (min-width:1200px){
    .goodTitle_box{
        height: 236px;
    }
}

@media screen and (min-width:992px) and (max-width:1199px){
    .goodTitle_box{
        height: 191px;
    }
}

@media screen and (min-width:768px) and (max-width:991px){
    .goodTitle_box{
        height: 148px;
    }
}
.goodTitle_box .container{
    margin: 0 auto;
    position: relative;
    /* border: 1px solid red; */
    height: 100%;
}

.goodTitle_text{
    width: 100%;
    height: 44px;
    font-size: 32px;
    line-height: 44px;
    text-align: center;
    position: absolute;
    left: 0;
    top: 50.8%;
    /* border: 1px solid red; */
}
.goodTitle_line{
    position: absolute;
    left: 48%;
    height: 44px;
}
@media screen and (min-width:1200px){
    .goodTitle_line{
        top: 74.5%;
    }
}

@media screen and (min-width:992px) and (max-width:1199px){
    .goodTitle_line{
        top: 77.5%;
    }
}

@media screen and (min-width:768px) and (max-width:991px){
    .goodTitle_line{
        top: 81.5%;
    }
}

.four_nav_box{
    width: 100%;
    /* height: 80px; */
    /* position: relative; */
    overflow: hidden;
    background: #FFFFFF;
    /* border: 1px solid red; */
}
@media screen and (min-width:1200px){
    .four_nav_box{
        height: 80px;
    }
}

@media screen and (min-width:992px) and (max-width:1199px){
    .four_nav_box{
        height: 65px;
    }
}

@media screen and (min-width:768px) and (max-width:991px){
    .four_nav_box{
        height: 50px;
    }
}

.activeSecondNav{
   position: fixed;
   left: 0;
   z-index: 100;
   box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.04);
   -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.04);
}
@media screen and (min-width:1200px){
    .activeSecondNav{
        top: 78px;
    }
}

@media screen and (min-width:992px) and (max-width:1199px){
    .activeSecondNav{
        top: 64px;
    }
}

@media screen and (min-width:768px) and (max-width:991px){
    .activeSecondNav{
        top: 49px;
    }
}
.four_nav_box .container{
   margin: 0 auto;
   position: relative;
   /* border: 1px solid red; */
   display: flex;
   justify-content: center;
   align-items: center;

}
.four_nav_box .container li{
    width: 23%;
    height: 100%;
    cursor: pointer;
    /* border: 1px solid red; */
}
.four_nav_box .container li img{
    width: 100%;
}
/* 全程陪伴式服务 */
.serve_box{
    width: 100%;
    /* height: 80px; */
    position: relative;
    overflow: hidden;
    background: #FFFFFF;
    /* border: 1px solid red; */
}
@media screen and (min-width:1200px){
    .serve_box{
        height: 638px;
    }
}

@media screen and (min-width:992px) and (max-width:1199px){
    .serve_box{
        height: 518px;
    }
}

@media screen and (min-width:768px) and (max-width:991px){
    .serve_box{
        height: 400px;
    }
}
.serve_box .container{
    height: 100%;
    margin: 0 auto;
    position: relative;
    /* border: 1px solid red; */
}
.serve_box .container div{
    padding-left: 4%;
}
.server_line{
    margin-left: 4%;
    height: 50px;
    position: absolute;
    left: 0;
    top: 9%;
}
.server_title{
    margin-top: 6%;
}
.second_serve_name{
    font-size: 22px;
    font-weight: 600;
    line-height: 30px;
    letter-spacing: 0em;
    color: #3D4252;
    margin-top: 1.9em;
}
.second_serve_dec{
    font-size: 14px;
    letter-spacing: 0em;
    color: #989BA3;
    line-height: 24px;
    margin-top: 1em;
}
.serveImg_box{
   width: 41%;
   height: 76.5%;
   position: absolute;
   left: 65%;
   top: 0;
   /* border: 1px solid red; */
}
.serveImg_box_other{
    left: 38.3%;
    top: 15%;
}
.serve_box .container p img{
    width: 100%;
    height: 100%;
}
.serveImg_box1{
    width: 29.9%;
    height: 32.3%;
    position: absolute;
    left: 58.5%;
    top: 6%;
 }
 .serveImg_box2{
    width: 35%;
    height: 37.9%;
    position: absolute;
    left: 56%;
    top: 9.8%;
 }
 .serveImg_box3{
    width: 40%;
    height: 42.6%;
    position: absolute;
    left: 53.5%;
    top: 14.5%;
 }
 .serveImg_box4{
    width: 44.9%;
    height: 47.2%;
    position: absolute;
    left: 51%;
    top: 19.2%;
 }
 /* 专业成熟 */
.domain_box{
    width: 100%;
    /* height: 80px; */
    position: relative;
    overflow: hidden;
    background: url("../images/four/domain_bg.png") no-repeat center center;
    background-size: 100% 100%;
}
@media screen and (min-width:1200px){
    .domain_box{
        height: 800px;
    }
}

@media screen and (min-width:992px) and (max-width:1199px){
    .domain_box{
        height: 649px;
    }
}

@media screen and (min-width:768px) and (max-width:991px){
    .domain_box{
        height: 502px;
    }
}

.domain_box .container{
    height: 100%;
    margin: 0 auto;
    position: relative;
    /* border: 1px solid red; */
}

.domain_title{
    font-size: 40px;
    font-weight: 400;
    line-height: 55px;
    letter-spacing: 0em;
    color: #FFFFFF;
    position: absolute;
    left: 5.5%;
    top: 8.75%;
}
.domain_left_img_box{
    width: 34.5%;
    height: 57.5%;
    position: absolute;
    left: 5.5%;
    top: 32.5%;
}
.domain_left_img_box img{
    width: 100%;
    height: 100%;
    /* border: 1px solid red; */
}
.domain_right_img_box{
    width: 57.5%;
    height: 57.5%;
    position: absolute;
    left: 40%;
    top: 32.5%;
}
.domain_right_img_box img{
    width: 100%;
    height: 100%;
    /* border: 1px solid red; */
}
.domain_text{
    width: 30%;
    height: 15.5%;
    /* border: 1px solid red; */
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
}
.domain_text1{
   left: 61%;
   top: 41.2%;
   text-align: right;
}
.domain_text2{
    left: 47%;
    top: 66%;
    text-align: left;
    align-items: flex-start;
 }
 .domain_text_name{
    font-size: 22px;
    font-weight: 600;
    line-height: 30px;
    color: #3D4252;
 }
 .domain_text_name span{
    color: #2E5FE5;
 }
.dimain_text_dsc{
   font-size: 14px;
   line-height: 24px; 
   color: #989BA3;
}
.domain_icon_img_box{
    width: 36px;
    height: 36px;
    position: absolute;
    left: 88%;
    top: 77%;
}
.domain_icon_img_box img{
    width: 100%;
    height: 100%;
    /* border: 1px solid red; */
}
.domain_english_img_box{
    width: 33%;
    height: 10.3%;
    position: absolute;
    left: 65%;
    top: 12.5%;
}
.domain_english_img_box img{
    width: 100%;
    height: 100%;
    /* border: 1px solid red; */
}
/* 媒体中心 */
.media_center{
    width: 100%;
    /* height: 80px; */
    position: relative;
    overflow: hidden;
    background: url("../images/four/media_bg.png") no-repeat left bottom;
    background-size: 100%;
}
@media screen and (min-width:1200px){
    .media_center{
        height: 1331px;
    }
}

@media screen and (min-width:992px) and (max-width:1199px){
    .media_center{
        height: 1080px;
    }
}

@media screen and (min-width:768px) and (max-width:991px){
    .media_center{
        height: 835px;
    }
}

.media_center .container{
    height: 100%;
    margin: 0 auto;
    position: relative;
    /* border: 1px solid red; */
}
.media_title{
    line-height: 44px;
    position: absolute;
    left: 5.5%;
    top: 10.5%;
}
.media_text{
    width: 37%;
    font-size: 14px;
    font-weight: normal;
    line-height: 24px;
    color: #989BA3;
    position: absolute;
    left: 5.5%;
    top: 21.5%;
    /* border: 1px solid red; */
}
.media_text span{
    color: #2E5FE5;
}
 .media_line{
    position: absolute;
    left: 5.8%;
    height: 88px;
 }
 @media screen and (min-width:1200px){
    .media_line{
        top: 18%;
    }
}

@media screen and (min-width:992px) and (max-width:1199px){
    .media_line{
        top: 19.5%;
    }
}

@media screen and (min-width:768px) and (max-width:991px){
    .media_line{
        top: 21%;
    }
}
 .media_left_img_box{
    width: 27.3%;
    height: 49.3%;
    position: absolute;
    left: 34.8%;
    top: 40.1%;
}
.media_left_img_box img{
    width: 100%;
    height: 100%;
    /* border: 1px solid red; */
}
.media_right_img_box{
    width: 27.3%;
    height: 77%;
    position: absolute;
    left:  68.7%;
    top: 10.5%;
}
.media_right_img_box img{
    width: 100%;
    height: 100%;
    /* border: 1px solid red; */
}
.media_sco_img_box{
    width: 12%;
    height: 11.2%;
    position: absolute;
    left:  0%;
    top: 62.7%;
}
.media_sco_img_box img{
    width: 100%;
    height: 100%;
    /* border: 1px solid red; */
}
.media_url_img_box{
    width: 2.0%;
    height: 19.3%;
    position: absolute;
    left: 6.6%;
    top: 66.5%;
}
.media_url_img_box img{
    width: 100%;
    height: 100%;
    /* border: 1px solid red; */
}
/* 技术赋能 */
.skill_box{
    width: 100%;
    /* height: 80px; */
    position: relative;
    overflow: hidden;
    background: url("../images/four/skill_bg.png") no-repeat center center;
    background-size: 100% 100%;
}
@media screen and (min-width:1200px){
    .skill_box{
        height: 800px;
    }
}

@media screen and (min-width:992px) and (max-width:1199px){
    .skill_box{
        height: 649px;
    }
}

@media screen and (min-width:768px) and (max-width:991px){
    .skill_box{
        height: 502px;
    }
}
.skill_book{
    display: block;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.skill_right_logo{
    display: block;
    position: absolute;
    right: -100px;
    top: -100px;
    opacity: 0.02;
}
.skill_box .container{
    height: 100%;
    margin: 0 auto;
    position: relative;
    /* border: 1px solid red; */
}

.skill_title{
    color: #FFFFFF;
    position: absolute;
    left: 66.8%;
    top: 47.8%;
    width: 100%;
}

.skill_line{
    border-color: #FFFFFF;
    position: absolute;
    left: 66.8%;

}
@media screen and (min-width:1200px){
    .skill_line{
        top: 55%; 
    }
}

@media screen and (min-width:992px) and (max-width:1199px){
    .skill_line{
        top: 56%; 
    }
}

@media screen and (min-width:768px) and (max-width:991px){
    .skill_line{
        top: 57%; 
    }
}
.skill_text{
    width: 45%;
    height: 8.25%;
    /* border: 1px solid red; */
    position: absolute;
    left: 66.8%;
}
.skill_text1{
    top: 60.5%;
}
.skill_text2{
    top: 72.8%;
    height: 11.25%;
}
.skill_time{
    font-size: 22px;
    color: #FFFFFF;
    line-height: 30px;
}
.skill_dsc{
    font-size: 14px;
    font-weight: normal;
    line-height: 24px;
    letter-spacing: 0.02em;
    color: #FFFFFF;
    margin-top: 15px;
}
.skill_dsc span{
    color: #36D9A3;
}
/* 客户案例 */
.cross_line{
   width: 100%;
   /* height: 30px; */
}
.cross_line img{
  width: 100%;
  height: 100%;
}

.caseList_box{
    width: 100%;
    /* height: 80px; */
    position: relative;
    overflow: hidden;
    /* border: 1px solid red; */
}
@media screen and (min-width:1200px){
    .caseList_box{
        height: 958px;
    }
}

@media screen and (min-width:992px) and (max-width:1199px){
    .caseList_box{
        height: 777px;
    }
}

@media screen and (min-width:768px) and (max-width:991px){
    .caseList_box{
        height: 601px;
    }
}
.caseList_box .container{
    margin: 0 auto;
    position: relative;

    /* border: 1px solid red; */
}
@media screen and (min-width:1200px){
    .caseList_box .container{
        height: 226px;
    }
}

@media screen and (min-width:992px) and (max-width:1199px){
    .caseList_box .container{
        height: 183px;
    }
}

@media screen and (min-width:768px) and (max-width:991px){
    .caseList_box .container{
        height: 143px;
    }
}
.case_title{
    width: 100%;
    height: 44px;
    text-align: center;
    position: absolute;
    left: 0%;
}
@media screen and (min-width:1200px){
   .case_title{
      top: 52%;
    }
}

@media screen and (min-width:992px) and (max-width:1199px){
    .case_title{
        top: 50.1%;
      }
}

@media screen and (min-width:768px) and (max-width:991px){
    .case_title{
        top: 46.5%;
      }
}
.case_line{
    position: absolute;
    left: 48%;
    top:77%;
}
/* @media screen and (min-width:1200px){
    .case_line{
        top:77%;
    }
}

@media screen and (min-width:992px) and (max-width:1199px){
    .case_line{
        top:15%;
    }
}

@media screen and (min-width:768px) and (max-width:991px){
    .case_line{
        top:16%;
    }
} */
.caseList_box .swiper-container3{
    width: 100%;
    height: 64%;
    position: absolute;
    left: 0;
    top: 23.6%;
    /* border: 1px solid red; */
}
.caseList_box .swiper-container3 .swiper-wrapper{
    width: 100%;
    height: 100%;
    /* border: 1px solid green; */
}
.caseList_box .swiper-container3 .swiper-wrapper .swiper-slide{
    height: 100%;
    width: 500px;
    /* border: 1px solid red; */
    background: url("../images/caselist/slide_bg.png") no-repeat center center;
    background-size: 100% 100%;
    padding: 20px;
    position: relative;
} 
.case_item_name{
    width: 100%;
    text-align: center;
    font-size: 20px;
    line-height: 3em;
    font-weight: 600;
    color: #2E5FE5;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.case_item_box{
    display: flex;
    justify-content: flex-start;
    margin-bottom: 10px;
}
.case_list_name{
    font-size: 14px;
    font-weight: normal;
    line-height: 22px;
    letter-spacing: 0em;
    color: #1B2133;
    /* border: 1px solid red; */

}
.case_list_dsc{
    font-size: 14px;
    font-weight: normal;
    line-height: 19px;
    letter-spacing: 0em;
    color: #989BA3;
    max-height: 10%;
    overflow: hidden;
    width: 78%;
    max-height: 180px;
    /* border: 1px solid red; */
    
}
.case_item_img,.case_item_code{
    width: 100%;
}
.swiper-container3 .swiper-pagination {
    position: absolute;
	left: 0%;
    bottom: -8%;
	/* width: 150px; */
    /* height: 20px; */
    z-index: 20;
    /* border: 1px solid red; */
}
.swiper-container3 .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	background: none;
	border: 1px solid #C6C7CC;
	opacity: 1;
}

.swiper-container3 .swiper-pagination-bullet-active {
	background: #2E5FE5;
    border: none;
}
/* 关于我们 */
.about_box{
    width: 100%;
    /* height: 80px; */
    position: relative;
    overflow: hidden;
}
@media screen and (min-width:1200px){
    .about_box{
        height: 1481px;
    }
}

@media screen and (min-width:992px) and (max-width:1199px){
    .about_box{
        height: 1201px;
    }
}

@media screen and (min-width:768px) and (max-width:991px){
    .about_box{
        height: 929px;
    }
}

.about_box .container{
    height: 100%;
    margin: 0 auto;
    position: relative;
}
.about_header_bg{
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.about_footer_bg{
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
}
.about_up_img{
    width: 65.3%;
    height: 40.3%;
    position: absolute;
    left: 29.8%;
    top: 8.1%;
    z-index: 2;
}
.about_up_img img{
    width: 100%;
    height: 100%;

}
.about_down_img{
    width: 65.3%;
    height: 45.9%;
    position: absolute;
    left: 4.8%;
    top: 41.7%;
    z-index: 19;
}
.about_down_img img{
    width: 100%;
    height: 100%;
}
.logo_up_img{
    width: 25.1%;
    height: 13.9%;
    position: absolute;
    left: 72.9%;
    top: 0%;
    opacity: 0.03;
    z-index: 20;

}
.logo_down_img{
    width: 25.1%;
    height: 13.9%;
    position: absolute;
    left: 51.6%;
    top: 70.4%;
    opacity: 0.03;
    z-index: 20;
}
.dot_img{
    width: 14.2%;
    height: 12.8%;
    position: absolute;
    left: 87.1%;
    top: 42.7%;
    z-index: 1;
}
.about_title{
    color: #FFFFFF;
    font-size: 36px;
    position: absolute;
    left: 37.4%;
    top: 14.2%; 
    z-index: 20;
}
.about_line{
    border-color: #FFFFFF;
    position: absolute;
    left: 37.4%;
    top: 19.6%; 
    z-index: 20;
}
.about_text{
   width: 52%;
   font-size: 14px;
   line-height: 24px;
   color: #FFFFFF;
   position: absolute;
   left: 37.4%;
   top: 21.6%; 
   z-index: 3;
}
.concat_title{
    color: #FFFFFF;
    font-size: 4.4em;
    position: absolute;
    left: 12.4%;
    top: 47.7%; 
    z-index: 20;
}
.concat_line{
    border-color: #FFFFFF;
    position: absolute;
    left: 12.4%;
    top: 53.1%; 
    z-index: 20;
}
.concat_text{
    width: 52%;
    font-size: 14px;
    line-height: 24px;
    color: #FFFFFF;
    position: absolute;
    left: 12.3%;
    top: 55.2%; 
    z-index: 20;
}
.concat_phone{
    width: 15%;
    font-size: 24px;
    color: #FFFFFF;
    position: absolute;
    left: 48.1%;
    top: 48.3%; 
    z-index: 20;
}
.logo_code_img1{
    height: 8.4%;
    width: 10.8%;
    position: absolute;
    left: 12.4%;
    top: 61.2%;
    z-index: 20;
}
.logo_code_img1 img{
   width: 100%;
   height: 100%;
}
.logo_code_img2{
    height: 8.4%;
    width: 10.8%;
    position: absolute;
    left: 25.9%;
    top: 61.2%;
    z-index: 20;
}
.logo_code_img2 img{
    width: 100%;
    height: 100%;
 }
.code_text{
    width: 11%;
    font-size: 1.1em;
    line-height: 2.4em;
    text-align: center;
    color: #989BA3;   
    position: absolute;
    top: 70.7%;
    z-index: 20;
}
.code_text1{
    left: 12.4%;
}
.code_text2{
    left: 25.9%;
}
.adress_box{
    width: 52.3%;
    height: 6.75%;
    position: absolute;
    left: 12.4%;
    top: 77.5%;
    display: flex;
    justify-content: space-between;
    z-index: 20;
}
.adress_box li{
    width: 16%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 20;
}
.adress_box li div{
    font-size: 1.8em;
    color: #E8E9EB;
    letter-spacing: 0em;
    font-weight: normal;
    line-height: 4em;
}
.adress_box li img{
    width: 50%;
    height: 50%;
    margin-top: 10%;
}
.bubbleImg_box img{
    height: 2.43%;
    position: absolute;
    top: 74.3%;
    z-index: 20;
    display: none;
}
.bubbleImg1{
    left: 12.4%;
}
.bubbleImg2{
    left: 22.4%;
}
.bubbleImg3{
    left: 32%;
}
.bubbleImg4{
    left: 33%;
}
.activeAdress{
    z-index: 3;
    border-radius: 15px;
    background: rgba(255, 255, 255, 0.05);
}
.ICP_text{
    width: 26%;
    font-size: 2.0em;
    line-height: 2em;
    color: #989BA3;
    position: absolute;
    left: 37.5%;
    top: 92.9%; 
    text-align: center;
}
/* 客服 置顶按钮 */
.toTop,.toService{
   width: 50px;
   height: 50px;
   position: fixed;
   right: 48px;
   z-index: 50;
   cursor: pointer;
}
.toTop>img{
    width: 100%;
    height: 100%;
}
.toService>a{
    display: block;
    width: 100%;
    height: 100%;
}
.toService>a>img{
    width: 100%;
    height: 100%;
}
.toTop{
   bottom: 254px;
}
.toService{
    bottom: 184px;
 }
.activeTop{
    display: none;
}