.banner{
    width:100%;
    display: block;
    position: relative;
}
.banner img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.banner_text{
    width: 96%;
    max-width: 1600px;
    position: absolute;
    bottom:0;
    left:50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    z-index:2;
}
.banner_text_list{
    flex-grow: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    padding:1.979vw 0 1.5625vw;
}
.banner_text_list img{
    width: 4.375vw;
    min-width: 4.375vw;
    height: 4.375vw;
    object-fit: contain;
    display: block;
    margin-right: 0.833vw;
}
.banner_text_mian{
    width: auto;
    display: block;
}
.banner_text_title{
    width:100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    line-height: 1;
}
.banner_text_title p,.banner_text_title span{
    font-size:2.34375vw;
    color:#000;
    font-weight: 600;
    display: block;
}
.banner_text_title label{
    width: auto;
    color:#393939;
    font-size:0.9375vw;
    line-height: 1.5vw;
}
.banner_text_intro{
    width:100%;
    display: block;
    font-size:1.1458vw;
    line-height: 1;
    color:#393939;
    margin-top:0.5208vw;
}
@media screen and (max-width: 750px) {
    .banner_text_list img {
        width: 8vw;
        min-width: 8vw;
        height: 8vw;
        margin-right: 1.33vw;
    }
    .banner_text_title p, .banner_text_title span{
        font-size:3.2vw;
    }
    .banner_text_intro,.banner_text_title label{
        font-size: 2.6vw;
    }
}
.index_about{
    width:100%;
    background: url("../images/index/index_about_bg.jpg") bottom center no-repeat;
    background-size: 100% 100%;
}
.index_about_main{
    width: 100%;
    padding:8.375vw 4% 6.77vw;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.index_about_img{
    width:45.3125vw;
    height: 32.03125vw;
    display: block;
    position: relative;
    overflow:hidden;
}
.index_about_img_box{
    width:42.708vw;
    height: 28.6458vw;
    display: block;
    margin:0 0 0 auto;
    border:1px solid #4b83cc;
}
.index_about_img_img{
    width:42.708vw;
    height: 28.6458vw;
    position: absolute;
    left:0;
    bottom:0;
    z-index:2;
    transition:  all ease .3s;
    overflow:hidden;
}
.index_about_img img{
    width:100%;
    height:100%;
    object-fit: cover;
    display: block;
    transition:  all ease .3s;
}
.index_about_img:hover img{
    transform: scale(1.08);
}
.index_about_text{
    width:38.0208vw;
    display: block;
}
.index_about_text h2{
    width:100%;
    font-size:4.427vw;
    line-height: 2;
    color:#6a6a6a;
    font-weight: normal;
}
.index_about_text h3{
    width:100%;
    font-size:2.34375vw;
    line-height: 2;
    color:#2d2d2e;
    font-weight: normal;
}
.index_about_text p{
    width:100%;
    font-size:1.04166vw;
    line-height: 2.65625vw;
    color:#2d2d2e;
    font-weight: normal;
    margin:1.0416vw 0 5.208vw;
}
.index_about_text a{
    width: 10.4166vw;
    height: 3.802vw;
    display: block;
    border:1px solid #959595;
    color:#6a6a6a;
    text-align: center;
    font-size:1.1458vw;
    line-height: 3.802vw;
    position: relative;
}
.index_about_text a span{
    position: relative;
    z-index:2;
}
.index_about_text a::before{
    content: '';
    width: 0;
    height: 100%;
    background: unset;
    display: block;
    position: absolute;
    top:0;
    left:0;
    z-index:0;
    transition: all .3s ease;
}
.index_about_text a:hover{
    color:#fff;
}
.index_about_text a:hover::before{
    width: 100%;
    background: #333;
}
@media screen and (max-width: 750px) {
    .index_about_main{
        display: block;
    }
    .index_about_img,.index_about_text{
        width: 100%;
        height: auto;
    }
    .index_about_img_img{
        position: relative;
        width: 100%;
        height: auto;
    }
    .index_about_img_box{
        display: none;
    }
    .index_about_text h2{
        font-size:6vw;
    }
    .index_about_text h3{
        font-size:4vw;
    }
    .index_about_text p{
        width:100%;
        font-size:3vw;
        line-height: 2;
        margin:1.0416vw 0 5.208vw;
    }
    .index_about_text a{
        width: 30vw;
        height: 8vw;
        font-size:4vw;
        line-height: 8vw;
        margin: 0 auto 4vw;
    }
}

.title{
    width:100%;
    display: block;
    text-align: center;
    padding:3.125vw 0 ;
}
.title h2{
    width:100%;
    font-size:2.34375vw;
    line-height: 1.8;
    color:#2d2d2e;
    display: block;
    font-weight: normal;
}
.title p{
    width:100%;
    font-size:1.354vw;
    line-height: 1.5;
    color:#2d2d2e;
    display: block;
    font-weight: normal;
}
.title span{
    width: 3.125vw;
    height: 3px;
    background: #4b83cc;
    display: block;
    margin:1.0416vw auto 0;
}
@media screen and (max-width: 750px) {
    .title h2{
        font-size:4vw;
    }
    .title p{
        font-size:3vw;
    }
    .title span{
        width: 3.125vw;
        height:0.4vw;
    }
}
.index_service{
    width:100%;
    padding:0 4%;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
}
.index_service_list{
    width: 21.51vw;
    min-height: 26.1458vw;
    display: block;
    position: relative;
}
.index_service_bg{
    width: 100%;
    position: absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:1;
    overflow: hidden;
}
.index_service_bg img{
    width:100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition:  all ease .3s;
}
.index_service_list:hover .index_service_bg img{
    transform: scale(1.08);
}
.index_service_text{
    width:100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: relative;
    z-index:2;
    color:#fff;
    padding:0 8.5%;
}
.index_service_text img{
    max-width: 100%;
    height: 7.0833vw;
    display: block;
    object-fit: contain;
    margin:0 auto;
}
.index_service_text h2{
    width: 100%;
    display: block;
    text-align: center;
    font-size:1.61458vw;
    line-height: 4.11458vw;
    font-weight: normal;
    margin:1.0416vw 0 0;
}
.index_service_text p{
    width: 100%;
    display: block;
    text-align: center;
    font-size:1.0416vw;
    line-height: 2.1875vw;
    font-weight: normal;
}
@media screen and (max-width: 750px) {
    .index_service_list{
        width:49%;
        min-height: 52.2916vw;
        margin-bottom: 2%;
    }
    .index_service_text img{
        height: 10vw;
    }
    .index_service_text h2{
        font-size:4.2vw;
        line-height: 7vw;
        margin:1.0416vw 0 0;
    }
    .index_service_text p{
        font-size:2.8vw;
        line-height: 2;
    }
}
.index_map{
    width:100%;
    display: block;
    background: url("../images/index/index_bg.jpg") top center;
}
.index_map_main{
    width:100%;
    padding:0 4%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.index_map_img{
    /*width: 41.71875vw;*/
    width: 29.6875vw;
    /*padding:1.458vw 0 1.302vw;*/
    overflow: hidden;
    display: flex;
    justify-content: flex-end;
    align-items: stretch;
    flex-wrap: wrap;
    position: relative;
    z-index:3;
}
.index_map_img_list{
    width: calc(33.33% - 0.5208vw);
    height: 13.125vw;
    margin-left:0.5208vw;
    position: relative;
    overflow: hidden;
}
.index_map_img_list:nth-child(1),.index_map_img_list:nth-child(2).index_map_img_list:nth-child(3){
    margin-bottom: 0.5208vw;
}
.index_map_img_list p{
    width:100%;
    font-size:2.5vw;
    line-height: 1.5;
    color:#fff;
    text-align: center;
    position: absolute;
    bottom:1.2vw;
    padding:0 2%;
    left:0;
    right:0;
    z-index:2;
    font-family: 华文仿宋;
    font-weight: 600;
}
.index_map_img img{
    width: 100%;
    /*height: 30.833vw;*/
    height: 100%;
    object-fit: cover;
    display: block;
    transition: all ease .3s;
}
.index_map_img_list:hover img{
    transform: scale(1.08);
}
.index_map_text{
    width: auto;
    display: block;
}
.index_map_title{
    width:100%;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
}
.index_map_title h2{
    width: auto;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    color:#525252;
    font-size:8.6979vw;
    height: 8.6979vw;
    line-height: 1;
}
.index_map_title p i{
    width: 100%;
    display: block;
    font-size:4vw;
    line-height: 2vw;
    height: 2vw;
    color:#525252;
}
.index_map_title p{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column;
}
.index_map_title p span{
    width:13.28125vw;
    display: block;
    font-size:1.25vw;
    line-height: 1.77vw;
    color:#7d7d7d;
    margin:0 0 1vw 1vw;
}
.index_map_box{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    margin:1.8229vw 0 0;
}
.index_map_box .item{
    width: 15.104vw;
    height: 15.885vw;
    padding-left:3.6vw;
    border:1px solid #fff;
    color:#565656;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    flex-direction: column;
    background: #f6f6f6;
}
.index_map_box .item.bg{
    background: #6a6a6a;
    color:#fff;
}
.index_map_box .item img{
    height: 4.7395vw;
    display: block;
    object-fit: contain;
    margin:2.291vw 0 1.5625vw;
}
.index_map_box .item h3{
    width: 100%;
    display: block;
    font-size:1.458vw;
    line-height: 1.5;
    font-weight: normal;
}
.index_map_box .item p{
    width: 100%;
    display: block;
    color:#7d7d7d;
    font-size:0.9375vw;
    line-height: 2;
}
.index_map_box .item.bg p{
    color:#fff;
}
@media screen and (max-width: 750px) {
    .index_map_img,.index_map_text{
        width:100%;
    }
    .index_map_text{
        padding:4vw 0;
    }
    .index_map_img_list{
        width: calc(33.33% - 1.333vw);
        height: 41.333vw;
        margin:0 0 2vw 2vw;
        padding:0;
    }
    .index_map_img_list:nth-child(3n + 1){
        margin-left:0;
    }
    .index_map_img_list p{
        font-size:4.8vw;
        bottom:3vw;
    }
    .index_map_title h2{
        font-size:15vw;
        height: 15vw;
    }
    .index_map_title p i{
        font-size:6vw;
        line-height: 4vw;
        height: 4vw;
    }
    .index_map_title p span{
        width:100%;
        font-size:3.2vw;
        line-height: 1.5;
        margin:0 0 2vw 2vw;
    }
    .index_map_box .item{
        width: 50vw;
        height: 30vw;
        padding-left:5vw;
    }
    .index_map_box .item img{
        height: 10vw;
        margin:2.291vw 0 1.5625vw;
    }
    .index_map_box .item h3{
        font-size:4vw;
    }
    .index_map_box .item p{
        font-size:3vw;
    }
}
.index_cooper{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    padding:0 4%;
}
.index_cooper_list{
    width:16.666%;
    padding:1.875vw 1.458vw 0;
    color:#373737;
}
.index_cooper_list_img{
    width: 100%;
    height: 6.1458vw;
    margin: 0 auto;
    display: block;
}
.index_cooper_list_img img{
    height: 100%;
    margin: 0 auto;
    display: block;
    transition:  all ease .3s;
}
.index_cooper_list_img:hover img{
    transform: scale(1.08);
}
.index_cooper_list h2{
    width: 100%;
    text-align: center;
    font-size:1.354vw;
    line-height: 2;
    font-weight: normal;
    margin:0.52vw 0 0;
}
.index_cooper_list p{
    width:100%;
    font-size:0.833vw;
    line-height: 1.875;
    display: block;
}
@media screen and (max-width: 750px) {
    .index_cooper_list{
        width:33.33%;
    }
    .index_cooper_list_img{
        height: 12vw;
    }
    .index_cooper_list h2{
        font-size:4vw;
    }
    .index_cooper_list p{
        font-size:3vw;
    }
}
@media screen and (max-width: 500px) {
    .index_cooper_list{
        width:50%;
        padding:1.875vw 3vw;
    }
}
.index_customer{
    width:100%;
    padding:0 4% 5.729vw;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}
.index_customer_list{
    width: 13.5416vw;
    height: 4.21875vw;
    display: flex;
    justify-content: center;
    align-items: center;
    border:1px solid #cfcfcf;
    background: #fff;
    /*margin-bottom: 1.5625vw;*/
}
.index_customer_list img{
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    display: block;
}
@media screen and (max-width: 750px) {
    .index_customer_list{
        width: 29vw;
        height: 9.034659vw;
    }
}
.customer_pagination{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top:4.0625vw;
}
.customer_pagination span{
    width: 3.0729vw;
    height: 3px;
    background: #cfcfcf;
    opacity: 1;
    margin:0 0.9375vw;
    border-radius: 0;
}
.customer_pagination span.swiper-pagination-bullet-active{
    background: #4b83cc;
}

/*  关于我们  */
.info_title{
    width:100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding:1.97916vw 0 3.33vw;
}
.info_title_box{
    width: auto;
    display: block;
    position: relative;
    color:#333;
    text-align: center;
    padding:0.78125vw 2.604166vw;
}
.info_title_box h2{
    width:100%;
    font-size:2.23958vw;
    line-height: 1.2;
    display: block;
    font-weight: normal;
}
.info_title_box p{
    width:100%;
    font-size:0.78125vw;
    line-height: 1.2;
    display: block;
}
.info_title_box::before,.info_title_box::after{
    content:'';
    width:3.3854vw;
    height: 0.15625vw;
    background: #242525;
    position: absolute;
}
.info_title_box::before{
    top:0;
    left:0;
}
.info_title_box::after{
    bottom:0;
    right:0;
}
@media screen and (max-width: 750px) {
    .info_title{
        padding:4vw 0 5vw;
    }
    .info_title_box h2{
        font-size:4vw;
    }
    .info_title_box p{
        font-size:2vw;
    }
    .info_title_box::before,.info_title_box::after{
        width:5vw;
        height: 0.3vw;
    }
}
.about_us{
    width:100%;
    display: block;
    position: relative;
    padding:4.5833vw 4% 4.0625vw;
}
.about_us_text{
    width:32.0833vw;
    padding:3.28125vw 2.0833vw 5.364vw;
    background: #f3f3f3;
    position: relative;
    z-index:2;
}
.about_us_text h2{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-weight: normal;
}
.about_us_text h2 span{
    width: auto;
    display: block;
    font-size:1.302vw;
    line-height: 2;
    color:#000;
    border-bottom: 1px dashed #000;
}
.about_us_text p{
    width: 100%;
    font-size:0.8854vw;
    line-height: 1.5625vw;
    color:#9f9d9d;
    display: block;
    margin-top:0.52vw;
    text-align: justify;
}
.about_us_img{
    width:79.3229vw;
    position: absolute;
    top:0;
    right:0;
    bottom:0;
    z-index:1;
}
.about_us_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
@media screen and (max-width: 750px) {
    .about_us_img ,.about_us_text{
        width:100%;
        position: relative;
    }
    .about_us_text h2 span{
        font-size:4vw;
    }
    .about_us_text p{
        font-size:3vw;
        line-height: 1.56;
        margin-top:1.33vw;
    }
}
.about_two{
    width: 100%;
    padding:4.9479vw 4% 0;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
}
.about_two_img{
    width: 54.0625vw;
    min-width: 54.0625vw;
    display: block;
    min-height: 34.479vw;
}
.about_two_img img{
    width:100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.about_two_text{
    width:calc(100% - 54.0625vw);
    flex-grow: 1;
    display: block;
    padding:2.96875vw 1.8229vw 0;
    background: #f9f9f9;
    font-size:0.78125vw;
    line-height: 1.45833vw;
    color:#333;
    text-align: justify;
}
.about_two_text_img,.about_two_text_intro{
    width:100%;
    display: block;
}
.about_two_text_img{
    width:100%;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    margin-bottom: 1.0416vw;
}
.about_two_text_img img{
    width: 48%;
    height: 9.11458vw;
    object-fit: cover;
    display: block;
}
.about_two_company{
    width:100%;
    display: block;
    margin-top:1.71875vw;
    text-align: right;
}
.about_two_company span{
    width: 100%;
    display: block;
}
@media screen and (max-width: 750px) {
    .about_two_text,.about_two_img{
        width: 100%;
    }
    .about_two_text{
        font-size:3.2vw;
        line-height: 1.5;
        padding-bottom: 2vw;
    }
    .about_two_text_img img{
        height: auto;
    }
}
.about_flair{
    width:100%;
    padding:0 4% 3.75vw;
    display: block;
    position: relative;
}
.about_flair_bg{
    width: 37.76vw;
    height: 15.625vw;
    position: absolute;
    bottom:3.75vw;
    left:4%;
    background: #e5e5e5;
    z-index:1
}
.about_flair_box,.about_flair_text{
    width:100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    padding-left:3.75vw;
    position: relative;
    z-index:2;
}
.about_flair_box .item{
    height: 15.885vw;
    display: block;
    position: relative;
    margin-right: 2.34375vw;
}
.about_flair_box .item:first-child{
    width: 28.75vw;
}
.about_flair_box .item:nth-child(2){
    width:19.6354vw;
}
.about_flair_box .item:nth-child(3){
    width:25.26vw;
}
.about_flair_box .item img{
    width: 100%;
    height: 100%;
    position: relative;
    z-index:1;
    object-fit: cover;
    display: block;
}
.about_flair_box .item p{
    width: 100%;
    display: block;
    font-size:1.40625vw;
    line-height: 1.5;
    padding:0.9375vw 2%;
    color:#fff;
    background: #4f4c4c;
    text-align: center;
    position: absolute;
    bottom:0;
    left:0;
    right:0;
    z-index:2;
}
.about_flair_text{
    padding:1.4583vw 0 1.4583vw 3.75vw;
}
.about_flair_text .item{
    width: 31.25vw;
    display: block;
    color:#666;
    font-size:0.9375vw;
    line-height: 1.6666vw;
}
.about_flair_text .item:first-child{
    margin-right: 7.552vw;
}

@media screen and (max-width: 750px) {
    .about_flair_bg{
        display: none;
    }
    .about_flair_box, .about_flair_text{
        padding-left:0;
        justify-content: space-between;
    }
    .about_flair_box .item{
        width: 31% !important;
        margin-right: 0;
    }
    .about_flair_box .item p{
        font-size:2.4vw;
        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
    }
    .about_flair_text .item{
        width: 48%;
        margin-right: 0 !important;
        font-size:2.4vw;
        line-height: 1.5;
    }
}
@media screen and (max-width: 500px) {
    .about_flair_box .item,.about_flair_text .item{
        width: 100% !important;
        margin-right: 0;
        height: auto;
    }
    .about_flair_box .item {
        margin-bottom: 2vw;
    }
    .about_flair_box .item p {
        font-size: 3.2vw;
    }
    .about_flair_text .item{
        font-size: 3.2vw;
    }
}
.about_history{
    width: 72.135vw;
    margin:0 auto;
    position: relative;
}
.about_history_bg,.about_history_bg img{
    width: 100%;
    height: 100%;
    display: block;
}
.about_history_list{
    width: 100%;
    display: block;
}
@media screen and (max-width: 750px) {
    .about_history{
        width: 100%;
        padding:0 4%;
    }
}

/*   核心优势   */
.advan_first{
    width:100%;
    padding:0 4%;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
}
.advan_first_item{
    width: 29.27vw;
    display: block;
    background: #fcfafd;
}
.advan_first_item_img{
    width: 100%;
    height: 14.6875vw;
    display: block;
    overflow: hidden;
}
.advan_first_item img{
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: all ease .3s;
}
.advan_first_item:hover img{
    transform: scale(1.08);
}
.advan_first_item_text{
    width: 100%;
    padding:1.0416vw 2.23958vw
}
.advan_first_item_text h2{
    width:100%;
    text-align: center;
    color:#333;
    font-size:1.354vw;
    line-height: 1.979vw;
    display: block;
    font-weight: normal;
}
.advan_first_item_text p{
    width: 100%;
    display: block;
    text-align: center;
    font-size:0.9375vw;
    line-height: 1.25vw;
    color:#333;
    margin-top:0.5vw;
}
@media screen and (max-width: 750px) {
    .advan_first_item_text{
        padding:4vw 2.23958vw
    }
    .advan_first_item_text h2{
        font-size:3.2vw;
        line-height: 1.5;
    }
    .advan_first_item_text p{
        font-size:2.4vw;
        line-height: 1.4;
    }
}
@media screen and (max-width: 500px) {
    .advan_first_item{
        width: 100%;
        margin-bottom: 2vw;
    }
    .advan_first_item_img{
        height: auto;
    }
    .advan_first_item_text h2{
        font-size:4vw;
        line-height: 1.5;
    }
    .advan_first_item_text p{
        font-size:3.2vw;
        line-height: 1.4;
    }
}

.advan_service{
    width:100%;
    padding:0 4% 0;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: stretch;
}
.advan_service .item{
    width: 25%;
    min-height: 14.166vw;
    display: block;
}
.advan_service .item:first-child{
    order:1;
}
.advan_service .item:nth-child(2){
    order:2;
}
.advan_service .item:nth-child(3){
    order:3;
}
.advan_service .item:nth-child(4){
    order:4;
}
.advan_service .item:nth-child(5){
    order:6;
}
.advan_service .item:nth-child(6){
    order:5;
}
.advan_service .item:nth-child(7){
    order:8;
}
.advan_service .item:nth-child(8){
    order:7;
}
.advan_service .item img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.advan_service .item .item_box{
    border:1px solid #e5e5e5;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding:1vw 0;
}
.advan_service .item .item_box h2{
    width:100%;
    font-size:1.4583vw;
    line-height: 1.5;
    color:#333;
    display: block;
    font-weight: normal;
}
.advan_service .item .item_box p{
    width:73%;
    font-size:0.833vw;
    line-height: 1.5;
    min-height: 4.998vw;
    margin-top:0.5vw;
    color:#333;
    display: block;
}
.advan_service .item .item_box a{
    width: 5.729vw;
    height: 1.5625vw;
    line-height: 1.5625vw;
    text-align: center;
    border:1px solid #333;
    color:#666;
    font-size:0.833vw;
    border-radius: 0.5vw;
    position: relative;
    overflow: hidden;
}
.advan_service .item .item_box a span{
    position: relative;
    z-index:2;
}
.advan_service .item .item_box a::before{
    content:'';
    width: 0;
    height: 100%;
    position: absolute;
    top:0;
    left:0;
    z-index:1;
    transition: all ease .3s;
}
.advan_service .item .item_box a:hover{
    color:#fff;
}
.advan_service .item .item_box a:hover::before{
    width: 100%;
    background: #333;
}
@media screen and (max-width: 750px) {
    .advan_service .item{
        width:50%;
        min-height: 28.33vw;
        display: block;
    }
    .advan_service .item:nth-child(3){
        order:4;
    }
    .advan_service .item:nth-child(4){
        order:3;
    }
    .advan_service .item:nth-child(5){
        order:5;
    }
    .advan_service .item:nth-child(6){
        order:6;
    }
    .advan_service .item:nth-child(7){
        order:8;
    }
    .advan_service .item:nth-child(8){
        order:7;
    }
    .advan_service .item .item_box h2{
        font-size:3.2vw;
    }
    .advan_service .item .item_box p{
        font-size:2.4vw;
        min-height: auto;
        margin-top:1.333vw;
    }
    .advan_service .item .item_box a{
        width: 20vw;
        height: 5vw;
        line-height: 5vw;
        font-size:2.4vw;
        border-radius: 1.33vw;
        margin-top:1vw;
    }
}
.advan_business{
    width:100%;
    display: block;
    padding-top:2.6vw;
    position: relative;
}
.advan_business_box{
    width:100%;
    padding-right: 4%;
    padding-top: 4.479vw;
    padding-bottom: 5.7vw;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
    z-index:1;
}
.advan_business_box_text{
    content:'';
    width: 80%;
    height: 15.4166vw;
    position: absolute;
    left:0;
    bottom:10.77vw;
    background: #f3f3f3;
    z-index:2;
    padding-left:23.177vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}
.advan_business_img{
    /*width: 45.833vw;*/
    height: 27.4479vw;
    display: block;
    position: relative;
    z-index:3;
}
.advan_business_img img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}
.advan_business_box_text h2{
    width: 18.75vw;
    border-bottom: 1px dashed #878686;
    font-size:1.1979vw;
    color:#2c2c2c;
    line-height: 2;
    font-weight: normal;
    display: block;
}
.advan_business_box_text p{
    width: 18.75vw;
    font-size:0.9375vw;
    color:#a6a4a4;
    line-height: 1.5625vw;
    display: block;
}
.advan_business_bg{
    width: 13.125vw;
    position: absolute;
    left:7.29vw;
    bottom:5.7vw;
    z-index:3;
}
.advan_business_bg img{
    width:100%;
    height: auto;
    display: block;
    object-fit: contain;
}
@media screen and (min-width: 751px) {
    .advan_business .info_title{
        padding-bottom: 0;
    }
}
@media screen and (max-width: 750px) {
    .advan_business_bg{
        display: none;
    }
    .advan_business_box{
        padding:0 4% 4vw;
    }
    .advan_business_box_text{
        position: unset;
        left:unset;
        bottom:unset;
        width: 100%;
        order:3;
        height: auto;
        padding:3vw 5vw;
    }
    .advan_business_img{
        width: 100%;
        height: auto;
        order:2;
    }
    .advan_business_box_text h2{
        width: 100%;
        font-size:3.2vw;
    }
    .advan_business_box_text p{
        width: 100%;
        font-size:2.6vw;
        line-height: 1.3;
        margin-top:1vw;
    }
}
.advan_vie{
    width:100%;
    background: url('../images/adver/adver_08.jpg') top center no-repeat;
    background-size: 100% 100%;
    padding:0 4% 8.229vw;
}
.advan_vie_box{
    width:100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative;
    padding:0 4.166vw;
    background: #fff;
}
.advan_vie_box::before{
    content:'';
    height: 1px;
    background: #6c5e61;
    position: absolute;
    top:50%;
    right:4.166vw;
    left:4.166vw;
    transform: translateY(-50%);
}
.advan_vie_box .item{
    width: 12.5%;
    min-width: 12.5%;
    flex-grow: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding:0 0.3645vw;
}
.advan_vie_box .item img{
    height: 2.604vw;
    display: block;
    object-fit: contain;
    margin: 0 auto;
    position: relative;
    z-index:2;
    transition: all ease .3s;
}
.advan_vie_box .item:hover img{
    transform: translateY(-10px);
}
.advan_vie_box .item:nth-child(2n) img{
    order:2;
}
.advan_vie_box .item .item_top{
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    height: 11.0416vw;
    padding-bottom: 1.0416vw;
    font-size:0.9375vw;
    color:#0f123e;
}
.advan_vie_box .item:nth-child(2n) .item_top{
    order:3;
    justify-content: flex-start;
    padding-top: 1.0416vw;
    padding-bottom: 0;
}
.item_top_title{
    width:100%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
.advan_vie_box .item .item_top p{
    font-size:1.1979vw;
    font-weight: 600;
}
.advan_vie_box .item .item_text{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    height: 11.0416vw;
}
.advan_vie_box .item .item_text i{
    width: 1px;
    height: 1.45833vw;
    background: #2b2e55;
    margin:1.40625vw auto 0.78125vw;
    display: block;
}
.advan_vie_box .item .item_text p{
    width: 100%;
    font-size:0.833vw;
    line-height: 1.5;
    color:#999;
    display: block;
}
.advan_vie_box .item:nth-child(2n) .item_text{
    justify-content: flex-end;
}
.advan_vie_box .item:nth-child(2n) .item_text i{
    order:2;
}
@media screen and (max-width: 750px) {
    .advan_vie_box{
        display: block;
    }
    .advan_vie_box::before{
        width: 1px;
        height: auto;
        left:50%;
        right: unset;
        top:4.166vw;
        bottom:4.166vw;
        transform: translateX(-50%);
    }
    .advan_vie_box .item{
        flex-direction: unset;
        width: 100%;
        padding:4vw 0;
    }
    .advan_vie_box .item img{
        height: auto;
        width: 5.333vw;
    }
    .item_top,.item_text{
        width: calc(50% - 2.6665vw) !important;
    }
    .advan_vie_box .item .item_top,.advan_vie_box .item .item_text{
        height: auto;
    }
    .item_top_title{
        justify-content: flex-end;
        padding:0 2vw;
    }
    .advan_vie_box .item:nth-child(2n) .item_top_title{
        justify-content: flex-start;
    }
    .advan_vie_box .item .item_top{
        font-size:3.2vw;
    }
    .advan_vie_box .item .item_top p{
        font-size:3.4vw;
    }
    .advan_vie_box .item .item_text i{
        display: none;
    }
    .advan_vie_box .item .item_text p{
        font-size:2.6vw;
        padding:0 2vw;
    }
}

.news{
    width: 100%;
    padding:0 4%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.news_list{
    width:49%;
    box-shadow: 0 0 5px rgba(0,0,0,.1);
    margin:0 0 2vw 0;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    border-radius: 3px;
    overflow: hidden;
}
.news_list:nth-child(4n){
    margin-right: 0;
}
.news_list_img{
    width: 35%;
    min-width: 35%;
    height: 12vw;
    object-fit: cover;
    display: block;
    overflow: hidden;
}
.news_list_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: all ease .3s;
}
.news_list:hover .news_list_img img{
    transform: scale(1.08);
}
.news_list p{
    text-align: left;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.news_list .advan_first_item_text{
    width:65%;
    background: #fff;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column;
}
.news_list .advan_first_item_text h2{
    text-align: left;
    border-bottom: 1px solid #eee;
    padding-bottom: 0.8vw;
}
.news_list .advan_first_item_text{
    padding:1.0416vw;
}
.advan_first_item_text span{
    width: auto;
    background: #f67e4a;
    color:#fff;
    padding:0 0.5208vw;
    font-size:0.729vw;
    line-height: 1.5625vw;
    display: block;
    border-radius: 3px;
}
@media screen and (max-width: 750px) {
    .news_list{
        width: 100%;
        margin:0 0 2% 0;
    }
    .news_list .advan_first_item_text{
        padding:2vw 2vw;
    }
    .news_list_img{
        /*width: 100%;*/
        height: 24vw;
    }
    .news_list:nth-child(2n){
        margin-right: 0;
    }
    .advan_first_item_text span{
        padding:0 1.333vw;
        font-size:1.8666vw;
        line-height: 4vw;
    }
}
@media screen and (max-width: 420px) {
    .news_list_img{
        height: auto;
    }
    .news_list .advan_first_item_text{
        padding:3vw;
    }
}

.detail{
    width:100%;
    padding:60px 4%;
    display: block;
}
.detail_title{
    width: 100%;
    text-align: center;
    font-size:18px;
    line-height: 2;
    color:#000;
    font-weight: 600;
    padding:20px 0;
}
.detail_main{
    width: 100%;
    font-size:16px;
    line-height: 2;
    color:#333;
    display: block;
}
.detail_main img{
    max-width: 100%;
    margin: 0 auto;
    object-fit: contain;
    display: block;
}


.contact{
    max-width: 1600px;
    margin:0 auto;
}
.contact_title{
    width: 100%;
    font-size: 1.5625vw;
    line-height: 1;
    color: #002fa6;
    display: block;
    font-weight: 600;
}
.contact_box{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-top:4.9479vw;
    margin-bottom: 3vw;
}
.contact_list{
    width: 33.33%;
    display: block;
    text-align: center;
}
.contact_list img{
    width: 40px;
    /*height: 3.125rem;*/
    object-fit: contain;
    display: block;
    margin:0 auto 0.625vw;
}
.contact_list p{
    width: 100%;
    font-size:1.25vw;
    line-height: 1.43229vw;
    color:#888;
    font-weight: 600;
}
.contact_list span{
    width: 100%;
    font-size:0.9375vw;
    line-height: 2.083vw;
    font-weight: normal;
    color:#888;
}

@media screen and (max-width: 750px) {
    .contact_title{
        font-size:20px;
    }
    .contact_list img{
        min-width: 40px;
        padding:0 5px;
    }
    .contact_list p{
        width: auto;
        font-size:18px;
        line-height: 1.5;
        white-space: nowrap;
    }
    .contact_list span{
        font-size:16px;
        line-height: 1.5;
        flex-grow: 1;
        text-align: left;
        padding-left:20px;
        word-break: break-all;
    }
    .contact_box{
        flex-wrap: wrap;
    }
    .contact_list{
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        margin:10px 0;
    }
}