<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.overseas_business{

    background-image: url("../image/shouye/layout_bk.png") !important;

    background-size: contain !important;

    background-repeat: no-repeat;

    box-sizing: border-box;

    padding-bottom: 4.5rem;

}



.overseas_business .content{

    background-image: none !important;

    padding: 0 12rem !important;

}



.overseas_business .content .chinese,

.overseas_business .content .Eng{

    font-family: Source Han Sans CN;

    font-weight: 400;

    text-align: center;

}

.overseas_business .custom-prev-button{
   left: 11.8rem;
}


.overseas_business .custom-next-button{
    right: 11.8rem;
}




.overseas_business .content .chinese{

    width: 70%;

    margin: auto;

    font-size: 1.2rem;

    color: #333333;

    line-height: 32px;

}



.overseas_business .content .Eng{
   font-size: .8rem;
    color: #888888;
    line-height: 30px;
    margin-bottom: 28.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    display: -webkit-box;
    -webkit-box-orient: vertical;

}



.overseas_business .swiper-container{

    /* overflow: hidden; */

    position: relative;

    background-color: #f9fcff ;

}
.overseas_business .swiper-container .swiper-boxx{
    overflow: hidden;
}


.overseas_business .swiper-container .swiper-slide{

    width: 880px;

    height: 450px;

    box-sizing: border-box;

    padding: 4rem;

    /*background: #FFFFFF;*/

    box-shadow: 2px 3px 62px 0px rgba(214,214,214,0.5);

    border-radius: 16px;

}



.overseas_business .swiper-container .swiper-slide .state,

.overseas_business .swiper-container .swiper-slide .text,

.overseas_business .swiper-container .swiper-slide .state,

.overseas_business .swiper-container .swiper-slide .icon{

    font-family: Source Han Sans CN;

    font-weight: 400;

}



.overseas_business .swiper-container .swiper-slide .state{

    font-size: 1.6rem;

    line-height: 28px;

    color:  #333333;

    margin-bottom: 1.5rem;

}



.overseas_business .swiper-container .swiper-slide .text{

    margin-bottom: 1.3rem;

}





.overseas_business .swiper-container .swiper-slide div:nth-child(3){

    margin-bottom: 3.8rem;

}



.overseas_business .swiper-container .swiper-slide .text,

.overseas_business .swiper-container .swiper-slide .icon{

    font-size: .7rem;

    line-height: 24px;

    color: #999999 ;

}





.overseas_business .swiper-container .swiper-slide .icon svg{

    vertical-align: middle;

}



.overseas_business .swiper-container .swiper-slide .icon svg path{

    fill: #0072CE;

}



.overseas_business .swiper-container .swiper-slide-active {

    background-image: url("../image/haiwaiyewu/shape_1.png");

    background-size: cover;

    background-repeat: no-repeat;

}



.overseas_business .swiper-container .swiper-slide-active  .text,

.overseas_business .swiper-container .swiper-slide-active  .icon,

.overseas_business .swiper-container .swiper-slide-active .state{

    color: #ffffff;

}



.overseas_business .swiper-container .swiper-slide-active svg path{

    fill: #ffffff !important;

}



.overseas_business .custom-prev-button, .overseas_business .custom-next-button {

    top: -3.2rem;

}







.overseas_business .custom-prev-button:hover, .overseas_business .custom-next-button:hover{

    background-color: #0072CE !important;

}

.swiper-slide .slider-bb{
    height: 280px;
    overflow-y: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.swiper-slide .slider-bb::-webkit-scrollbar {
    display: none; 
}

.overseas_business{
    overflow-x: hidden;
}


@media (min-width: 1920px){

    .overseas_business{

        background-size: cover;

    }
    
    .overseas_business {
        width: 1903px;
        margin: auto;
    }
    
    .overseas_business .content .Eng {
         margin-bottom: 33rem;
    }

    

}





@media (max-width: 1680px){

    .overseas_business .content .chinese {

        width: 75%;

    }



    .overseas_business .content {

        padding: 0 11rem !important;

    }



    /*.overseas_business .content .Eng {*/

    /*    margin-bottom: 22.5rem;*/

    /*}*/
    
    .overseas_business .custom-prev-button{
         left: 11.8rem!important;
    }



    .overseas_business .custom-next-button {
        right: 11.8rem!important;
    }



    .overseas_business {

        padding-bottom: 3.5rem;

    }
   

}





@media (max-width: 1600px){

    .overseas_business .content {

        padding: 0 8rem !important;

    }





}



@media (max-width: 1440px){

   



    /*.overseas_business .content .Eng {*/

    /*    margin-bottom: 17.5rem;*/

    /*}*/



    .overseas_business .custom-prev-button, .overseas_business .custom-next-button {

        bottom: 6.2rem;

    }



}





@media (max-width: 1366px){

    .overseas_business .content {

        padding: 0 5.6rem !important;

    }



    .overseas_business .content .chinese {

        font-size: 1rem;

        line-height: 2.4rem;

    }



    .overseas_business .content .Eng {

        font-size: .7rem;

        line-height: 2.2rem;

    }



    .overseas_business .swiper-container .swiper-slide .state {

        font-size: 1.2rem;

        line-height: 22px;

        margin-bottom: 1rem;

    }



    .overseas_business .swiper-container .swiper-slide .text {

        margin-bottom: 1rem;

    }



    .overseas_business .swiper-container .swiper-slide div:nth-child(3) {

        margin-bottom: 1.8rem;

    }



    .overseas_business .swiper-container .swiper-slide {

        height: 380px;

        padding: 4rem;

    }
    
    .swiper-slide .slider-bb {
        height: 264px;
    }





    .overseas_business .swiper-container .swiper-slide .text {

        margin-bottom: 1rem;

    }



    .overseas_business .swiper-container .swiper-slide .text, .overseas_business .swiper-container .swiper-slide .icon {

        font-size: .6rem;

        line-height: 20px;

    }



    .overseas_business .custom-prev-button, .overseas_business .custom-next-button {

        bottom: 10.2rem;

    }





    .overseas_business .custom-prev-button, .overseas_business .custom-next-button {
        top: -5.2rem;
    }
}



@media (max-width: 1152px){

    .overseas_business .content {

        padding: 0 3.6rem !important;

    }

}



@media (max-width: 900px){

    .overseas_business {

        background-size: contain;

    }



    .overseas_business .content {

        padding: 0 2rem !important;

    }





    .overseas_business {

        padding-bottom: 2.5rem;

    }



    /*.overseas_business .content .Eng {*/

    /*    margin-bottom: 9.5rem;*/

    /*}*/



    .overseas_business .content .chinese {

        font-size: .8rem;

        line-height: 1.2rem;

    }



    .overseas_business .swiper-container .swiper-slide div:nth-child(3) {

        margin-bottom: 1rem;

    }



    .overseas_business .swiper-container .swiper-slide .state {

        font-size: 1rem;

        line-height: 16px;

        margin-bottom: 0.8rem;

    }





    .overseas_business .swiper-container .swiper-slide .text ,

    .overseas_business .swiper-container .swiper-slide div:nth-child(3) {

        margin-bottom: 0.8rem;

    }

     .overseas_business .custom-prev-button, .overseas_business .custom-next-button {
        top: -7.2rem;
    }
    
    .overseas_business .custom-prev-button {
        left: 10px!important;
    }

    .overseas_business .custom-next-button {
        right: 10px!important;
    }



}


@media (max-width:900px){
    .overseas_business .content .chinese ,
    .overseas_business .content .Eng{
        font-size: 16px !important;
        line-height: 22px !important;
    }
    
    .overseas_business .content .chinese{
        margin-top: 20px;
        margin-bottom: 15px;
    }
    
    .overseas_business .content{
        width: 90% !important;
        margin: auto !important;
    }
    
    
    
    .overseas_business .swiper-container .swiper-slide {
        height: 410px !important;
    }
    
    .swiper-slide .slider-bb {
        height: 345px;
    }
}




@media (max-width: 750px){

    .overseas_business .swiper-container .swiper-slide {

        padding: 1rem;

    }
    
    .overseas_business {
        background-image: url(../image/haiwaiyewu/m-hwyw.png) !important;
           background-size: 100% 100% !important;
    }
    
    .overseas_business .swiper-container .swiper-slide {
        height: 150px !important;
    }
    
 
    
    .swiper-slide .slider-bb {
        height: 110px !important;
    }
    
    .overseas_business .content .Eng {
        margin-bottom: 40.5rem !important;
    }
    
    .overseas_business .custom-prev-button, .overseas_business .custom-next-button {
        width: 30px !important;
        height: 30px !important;
    }
    
    .overseas_business .custom-prev-button svg, .overseas_business .custom-next-button svg{
        width: 15px !important;
        height: 15px !important;
    }

    /*.overseas_business .content .Eng {*/

    /*    margin-bottom: 6.5rem;*/

    /*}*/
}



@media (max-width: 650px){

    /*.overseas_business .content .Eng {*/

    /*    margin-bottom: 4.5rem;*/

    /*}*/



    .overseas_business {

        padding-bottom: 1rem;

    }
    
    .overseas_business .swiper-container .swiper-slide {
        min-height: 150px !important;
        padding: 20px !important;
    }
    
    .swiper-slide .slider-bb{
        min-height: 100px !important;
    }
    
     .overseas_business .swiper-container .swiper-slide .state{
         font-size: 20px !important;
     }
     .overseas_business .content .chinese,
    .overseas_business .swiper-container .swiper-slide .slide-box .text ,
    .overseas_business .swiper-container .swiper-slide .slide-box .text p ,
    .overseas_business .swiper-container .swiper-slide .slide-box .text p span,
    .overseas_business .swiper-container .swiper-slide .slide-box .icon{
        font: 14px !important;
    }

}



@media (max-width: 450px){

    .overseas_business .content {

        padding: 0 1rem !important;

    }
    
    .overseas_business .content .Eng {
        margin-bottom: 55.5rem !important;
    }



    .overseas_business .swiper-container .swiper-slide {

        padding: 0.5rem;

    }





    .swiper-container .swiper-slide .icon{

        overflow: hidden;

    }
    
    .overseas_business .custom-prev-button, .overseas_business .custom-next-button {
        top: -9.2rem;
    }

}

@media (max-width: 350px){
     .overseas_business .custom-prev-button, .overseas_business .custom-next-button {
        top: -10.2rem;
    }
}








</pre></body></html>