*{
    margin: 0;
    padding: 0;
}

@media (min-width:1201px){

    .detrueBox{
        width: 3vw;
        height: 3vw;
        position: absolute;
        bottom: -2.5vw;
        left: 50%;
        transform: translate(-50%,-50%);
        background: white;
        clip-path: polygon(0 0, 100% 0, 50% 100%);
    }

    .about_us_welcome_map_pc{
        display: block;
    }

    .about_us_welcome_map_pe{
        display: none;
    }

    .about_us_welcome{
        width: 65%;
        margin: 0 auto;
        padding-top: 3vw;
        padding-bottom: 3vw;
    }

    .about_us_welcome_contant{
        font-size: 0.8vw;
        color: #7f7f7f;
    }

    .about_us_welcome_country{
        font-size: 0.8vw;
        color: #7f7f7f;
    }

    .about_us_welcome_country>li{
        color: #7f7f7f;
        font-size: 0.8vw;
        margin-left: 1vw;
		font-weight: 900;
    }

    .about_us_welcome_country>li span{
        font-size: 0.8vw;
        color: #7f7f7f;
        font-weight: normal;
    }

    .about_us_welcome_map{
        width: 100%;
        height: 40vw;
        margin-top: 2vw;
        background: url(../img/about_img/about_img1.png) no-repeat;
        background-size: contain;
        position: relative;
    }

    /* 地图点位数值 */
    .map_box1{
        position: absolute;
        left: 8vw;
        top: 9vw;
    }

    .map_show1{
        position: absolute;
        left: -4vw;
        top: 11vw;
    }

    .map_box2{
        position: absolute;
        left: 44vw;
        top: 13.5vw;
    }

    .map_show2{
        position: absolute;
        left: 33.5vw;
        top: 15.5vw;
    }

    .map_box3{
        position: absolute;
        left: 46vw;
        top: 12vw;
    }

    .map_show3{
        position: absolute;
        left: 36vw;
        top: 14vw;
    }

    .map_box4{
        position: absolute;
        left: 53vw;
        top: 13.5vw;
    }

    .map_show4{
        position: absolute;
        left: 43vw;
        top: 15.5vw;
    }

    .map_box5{
        position: absolute;
        left: 45vw;
        top: 11vw;
    }

    .map_show5{
        left: 34vw;
        top: 13vw;
    }

    .map_box6{
        position: absolute;
        left: 47vw;
        top: 16vw;
    }

    .map_show6{
        left: 36vw;
        top: 18vw;
    }



    /* 地图点位设置 */

    .about_us_welcome_map_box{
        width: 26vw;
        position: absolute;
    }

    .about_us_welcome_map_box_show{
        padding: 2vw;
        border-radius: 1vw;
        margin-bottom: 1vw;
        background-color: #fff;
        display: none;
        position: absolute;
        bottom: 2vw;
        z-index: 500;
        box-shadow: 0 0 0.1vw 0.1vw rgba(0, 0, 0, 0.3);
    }

    .about_us_welcome_map_box_show_contant{
        border-bottom: 0.1vw solid #dcdcdc;
        padding-bottom: 0.5vw;
        padding-top: 0.5vw;
    }

    .about_us_welcome_map_box_name_btn{
        cursor: pointer;
    }

    .about_us_welcome_map_box_name>span b{
        color: red;
        font-weight: 900;
    }

    .about_us_welcome_map_box_show_title{
        color: red;
        font-size: 1vw;
        font-weight: 900;
    }

    .about_us_welcome_map_box_show_contant{
        display: flex;
    }

    .about_us_welcome_map_box_show_contant_left>.icon{
        width: 1vw;
        height: 1vw;
        margin-top: 0.1vw;
    }

    .about_us_welcome_map_box_show_contant_left{
        width: 8%;;
    }

    .about_us_welcome_map_box_show_contant_right{
        width: 90%;
        color: #7e7e7e;
        font-size: 0.8vw;
    }

    .about_us_welcome_map_box_name_btn{
        font-size: 0.9vw;
    }

    .about_us_welcome_map_box_name_btn>b{
        width: 1vw;
        height: 1vw;
        border-radius: 50vw;
        color: red;
    }

    .logo_box{
        display: flex;
        justify-content: space-between;
    }

    .logo_box_left{
        width: 50%;
    }

    .logo_box_right{
        width: 45%;
        display: flex;
        justify-content: space-between;
    }

    .logo_box_left_title{
        font-size: 1.2vw;
        margin-bottom: 1vw;
    }

    .logo_box_left_contant{
        font-size: 0.8vw;
        color: #7f7f7f;
    }

    .logo_box_left_contant span{
        color: black;
		font-weight: 900;
    }

    .logo_box_right img{
        width: 6vw;
        object-fit: contain;
    }

    /* factory */

    .factory{
        width: 90%;
        margin: 0 auto;
        margin-bottom: 2vw;
    }

    .factory_box{
        padding-top: 6vw;
        padding-bottom: 2vw;
        padding-left: 10vw;
        padding-right: 10vw;
        border-radius: 2vw;
        margin-top: 5vw;
        background-color: #f5f5f5;
    }

    .factory_box_son{
        margin-bottom: 5vw;
    }

    .factory_box_son_title{
        font-size: 1.2vw;
        font-weight: 900;
    }

    .factory_box_son_contant{
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .factory_box_son_contantBox{
        width: 49%;
        display: flex;
        justify-content: space-between;
        margin-top: 1vw;
    }

    .factory_box_son_contantBox_left img{
        width: 5vw;
        height: 5vw;
        object-fit: contain;
    }

    .factory_box_son_contantBox_right{
        margin-left: 1vw;
    }

    .factory_box_son_contantBox_right_title{
        font-size: 1vw;
        margin-bottom: 0.8vw;
    }

    .contantBox_right_contant_word{
        font-size: 0.8vw;
        margin-bottom: 0.8vw;
        color: #7e7e7e;
    }

    /* mission */
    .mission{
        width: 65%;
        margin: 0 auto;
        margin-bottom: 2vw;
    }

    .mission_box{
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    .mission_box_son{
        width: 16vw;
        padding: 2vw;
        margin-left: 0.5vw;
        margin-right: 0.5vw;
        margin-bottom: 2vw;
        border: 0.1vw solid #d2d2d2;
        border-radius: 1vw;
        font-size: 0.9vw;
    }

    .mission_box_son_word{
        margin-top: 1vw;
    }

}

@media (max-width:1200px){

    .about_us_welcome_map_pc{
        display: none;
    }

    .about_us_welcome_map_pe{
        display: block;
    }

    .about_us_welcome_map_pe{
        width: 100%;
    }

    .about_us_welcome_map_pe img{
        width: 100%;
        object-fit: contain;
    }

    .about_us_welcome{
        width: 90%;
        margin: 0 auto;
        padding-top: 6vw;
        padding-bottom: 6vw;
    }

    .about_us_welcome_contant{
        font-size: 3vw;
        color: #7f7f7f;
    }

    .about_us_welcome_country{
        font-size: 3vw;
        color: #7f7f7f;
    }

    .about_us_welcome_country>li{
        color: #7f7f7f;
        font-size: 3vw;
        margin-left: 2vw;
    }

    .about_us_welcome_country>li span{
        font-size: 3vw;
        color: #7f7f7f;
        font-weight: normal;
    }

    .about_us_welcome_map{
        width: 100%;
        height: 60vw;
        margin-top: 4vw;
        background: url(../img/about_img/about_img1.png) no-repeat;
        background-size: contain;
        position: relative;
    }

    /* 地图点位数值 */
    .map_box1{
        position: absolute;
        left: 8vw;
        top: 9vw;
    }

    .map_show1{
        position: absolute;
        left: -2vw;
        top: 11vw;
    }

    .map_box2{
        position: absolute;
        left: 44vw;
        top: 13.5vw;
    }

    .map_show2{
        position: absolute;
        left: 34vw;
        top: 15.5vw;
    }

    .map_box3{
        position: absolute;
        left: 48vw;
        top: 13vw;
    }

    .map_show3{
        position: absolute;
        left: 38vw;
        top: 15vw;
    }

    .map_box4{
        position: absolute;
        left: 53vw;
        top: 13.5vw;
    }

    .map_show4{
        position: absolute;
        left: 43vw;
        top: 15.5vw;
    }

    .map_box5{
        position: absolute;
        left: 45vw;
        top: 12.5vw;
    }

    .map_show5{
        left: 35vw;
        top: 15.5vw;
    }

    .map_box6{
        position: absolute;
        left: 70vw;
        top: 16vw;
    }

    .map_show6{
        left: 60vw;
        top: 18vw;
    }

    /* 地图点位设置 */

    .about_us_welcome_map_box{
        position: absolute;
    }

    .about_us_welcome_map_box_show{
        width: 50vw;
        padding: 2vw;
        border-radius: 1vw;
        margin-bottom: 1vw;
        background-color: #fff;
        display: none;
        position: absolute;
        bottom: 2vw;
        z-index: 500;
        box-shadow: 0 0 0.1vw 0.1vw rgba(0, 0, 0, 0.3);
    }

    .about_us_welcome_map_box_show_contant{
        border-bottom: 0.1vw solid #dcdcdc;
        padding-bottom: 0.5vw;
        padding-top: 0.5vw;
    }

    .about_us_welcome_map_box_name_btn{
        cursor: pointer;
    }

    .about_us_welcome_map_box_name>span b{
        color: red;
        font-weight: 900;
    }

    .about_us_welcome_map_box_show_title{
        color: red;
        font-size: 1vw;
        font-weight: 900;
    }

    .about_us_welcome_map_box_show_contant{
        display: flex;
    }

    .about_us_welcome_map_box_show_contant_left>.icon{
        width: 1vw;
        height: 1vw;
        margin-top: 0.1vw;
    }

    .about_us_welcome_map_box_show_contant_left{
        width: 8%;;
    }

    .about_us_welcome_map_box_show_contant_right{
        width: 90%;
        color: #7e7e7e;
        font-size: 3vw;
    }

    .about_us_welcome_map_box_name_btn{
        font-size: 2vw;
    }

    .about_us_welcome_map_box_name_btn>b{
        color: red;
    }

    .logo_box_left{
        width: 100%;
    }

    .logo_box_right{
        width: 100%;
        display: flex;
        justify-content: space-between;
        margin-top: 2vw;
    }

    .logo_box_left_title{
        font-size: 4vw;
    }

    .logo_box_left_contant{
        font-size: 3vw;
        color: #7f7f7f;
    }

    .logo_box_left_contant span{
        color: black;
    }

    .logo_box_right img{
        width: 20vw;
        height: 20vw;
        object-fit: contain;
    }

        /* factory */

        .factory{
            width: 90%;
            margin: 0 auto;
            margin-bottom: 4vw;
        }
    
        .factory_box{
            padding-top: 6vw;
            padding-bottom: 2vw;
            padding-left: 10vw;
            padding-right: 10vw;
            border-radius: 2vw;
            margin-top: 6vw;
            background-color: #f5f5f5;
        }
    
        .factory_box_son{
            margin-bottom: 10vw;
        }
    
        .factory_box_son_title{
            font-size: 3.5vw;
            font-weight: 900;
            margin-bottom: 4vw;
        }
    
        .factory_box_son_contant{
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
        }
    
        .factory_box_son_contantBox{
            width: 100%;
            display: flex;
            margin-top: 2vw;
        }
    
        .factory_box_son_contantBox_left img{
            width: 12vw;
            height: 12vw;
            object-fit: contain;
        }
    
        .factory_box_son_contantBox_right{
            margin-left: 2vw;
        }
    
        .factory_box_son_contantBox_right_title{
            font-size: 3.2vw;
            margin-bottom: 3vw;
        }
    
        .contantBox_right_contant_word{
            font-size: 3vw;
            margin-bottom: 3vw;
            color: #7e7e7e;
        }

            /* mission */
    .mission{
        width: 90%;
        margin: 0 auto;
        margin-bottom: 4vw;
    }

    .mission_box{
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    .mission_box_son{
        width: 100%;
        padding: 2vw;
        margin-left: 1vw;
        margin-right: 1vw;
        margin-bottom: 2vw;
        border: 0.1vw solid #d2d2d2;
        border-radius: 1vw;
        font-size: 3.5vw;
    }

    .mission_box_son_word{
        margin-top: 2vw;
    }

    .mission_box_son img{
        width: 15vw;
        height: 15vw;
        object-fit: contain;
    }


}


/* 泛用 */
@media (min-width:1201px){ 
    .outTitle{
        font-size: 2vw;
        text-align: center;
        font-weight: 900;
        margin-bottom: 2vw;
        position: relative; /* 为伪元素定位做准备 */
    }

    /* .outTitle::after {
        content: "";
        position: absolute;
        bottom: -30%;
        left: 50%;
        transform: translateX(-50%);
        width: 5%;
        height: 0.3vw;
        background-color: red;
    } */

    .innerTitle{
        font-size: 2vw;
        font-weight: 900;
        margin-bottom: 3vw;
        position: relative; /* 为伪元素定位做准备 */
    }

    /* .innerTitle::after {
        content: "";
        position: absolute;
        bottom: -30%;
        left: 2.5%;
        transform: translateX(-50%);
        width: 5%;
        height: 0.3vw;
        background-color: red;
    } */

    .small_title{
        font-size: 1.3vw;
        font-weight: 900;
    }

    .swiper-pagination-bullet-active{
        width: 0.6vw !important;
        height: 0.6vw !important;
        background-color: #ef1729 !important;
    }
    
    .swiper-pagination-bullet{
        width: 0.6vw !important;
        height: 0.6vw !important;
    }
}

@media (max-width:1200px){ 
    .outTitle{
        font-size: 4vw;
        text-align: center;
        font-weight: 900;
        margin-bottom: 4vw;
        position: relative; /* 为伪元素定位做准备 */
    }

    /* .outTitle::after {
        content: "";
        position: absolute;
        bottom: -30%;
        left: 50%;
        transform: translateX(-50%);
        width: 5%;
        height: 0.6vw;
        background-color: red;
    } */

    .swiper-pagination-bullet-active{
        width: 1.2vw !important;
        height: 1.2vw !important;
        background-color: #ef1729 !important;
    }
    
    .swiper-pagination-bullet{
        width: 1.2vw !important;
        height: 1.2vw !important;
    }

    .innerTitle{
        font-size: 4vw;
        font-weight: 900;
        margin-bottom: 3vw;
        position: relative; /* 为伪元素定位做准备 */
    }

    /* .innerTitle::after {
        content: "";
        position: absolute;
        bottom: -30%;
        left: 2.5%;
        transform: translateX(-50%);
        width: 5%;
        height: 0.6vw;
        background-color: red;
    } */

    .package_titleBox>.innerTitle{
        font-size: 4vw;
        font-weight: 900;
        margin-bottom: 3vw;
        position: relative; /* 为伪元素定位做准备 */
    }

    /* .package_titleBox>.innerTitle::after {
        content: "";
        position: absolute;
        bottom: -30%;
        left: 2.5%;
        transform: translateX(-50%);
        width: 5%;
        height: 0.6vw;
        background-color: red;
    } */
}

.about_us_welcome_contant>span{
    color: black;
	font-weight: 900}