* {margin:0; padding:0;box-sizing: content-box}
*:focus{outline: none;}
body , html{color:black;}
a{text-decoration: none;}
.w-main{width: 83.33vw;margin: 0 auto;}

@font-face {
    font-family: Manrope-Regular;
    src:url('https://xjyd2023.oss-cn-shenzhen.aliyuncs.com/fonts/Manrope-Regular.otf');
}
@font-face {
    font-family: Manrope-Bold;
    src:url('https://xjyd2023.oss-cn-shenzhen.aliyuncs.com/fonts/Manrope-Bold.otf');
}

/* all */
.w-height{height: 100vh;}
.w-title{font-size: 2.08vw;color: #000000;font-family: Manrope-Bold;line-height: 1;padding-bottom: 1.56vw;margin-bottom: 2.34vw;position: relative;}
.w-title::before{content: '';position: absolute;left: 0;bottom: 0;width: 3.13vw;height: 0.16vw;background: #FF9E20;}
.w-white.w-title{color: #FFFFFF;text-align: center;}
.w-white.w-title::before{left: 50%;transform: translateX(-50%);}
.w-black.w-title{color: #000000;text-align: center;}
.w-black.w-title::before{left: 50%;transform: translateX(-50%);}

/* w1 */
.w1-box{background-size: cover;background-position: center;background-repeat: no-repeat;display: flex;align-items: flex-end;justify-content: flex-end;overflow: hidden;}
.w1-b3{font-size: 1.25vw;color: #000000;font-family: Manrope-Bold;margin-bottom: 0.78vw;}
.w1-b4{font-size: 0.83vw;font-family: Manrope-Regular;color: rgba(0, 0, 0, 0.6);}
.w1-b4 strong {
    color: #000;
}
.w1-b5 img{width: 66.25vw;max-width: 100%;display: block;}
.w1-b{display: flex;align-items: flex-start;}
.w1-b2{padding-top: 6.56vw;max-width: 30.83vw;}
.w1-b2 .tip {
    font-size: 0.833vw;
    color: rgba(0, 0, 0, 0.6);
    font-family: Manrope-Regular;
    margin-bottom: 1.042vw;
}
/* w2 */
.w2-box{display: flex;align-items: center;justify-content: center;background-size: cover;background-position: center;background-repeat: no-repeat;}
.w2-b{flex: 1;padding: 0 8.33vw;}
.w2-b2{display: flex;align-items: stretch;flex-wrap: wrap;gap: 0.68vw;}
.w2-b3{width: calc((100% - 2.04vw)/4);height: 14.58vw;background: rgba(255, 255, 255, 0.2);border-radius: 10px;display: flex;align-items: center;justify-content: center;}
.w2-b4{padding: 0 0.8vw;display: flex;flex-direction: column;align-items: center;gap: 0.6vw;}
.w2-b5 img{max-width: 100%;display: block;transition: all 1s;}
.w2-b6{font-size: 1.25vw;color: #FFFFFF;font-family: Manrope-Bold;transition: all .3s;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;}
.w2-b7{font-size: 0.83vw;color: rgba(255, 255, 255, 0.6);font-family: Manrope-Regular;line-height: 1.7;text-align: center;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 7;display: -webkit-box;-webkit-box-orient: vertical;}
.w2-b3:hover .w2-b6{color: #FF9E20;}
.w2-b3:hover .w2-b5 img{transform: scale(1.05) translateY(-0.52vw);}

/* w3 */
.w3-box{display: flex;align-items: flex-start;justify-content: center;position: relative;z-index: 1;}
.w3-bj{position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: -1;}
.w3-bj img{width: 100%;max-width: 100%;display: block;height: 100%;object-fit: cover;}
.w3-b{padding-top: 8.85vw;width: 41.18vw;}
.w3-b2{font-size: 0.83vw;color: rgba(255, 255, 255, 0.6);line-height: 1.7;text-align: center;font-family: Manrope-Regular;}
.w-black.w3-b2{color: rgba(0, 0, 0, 0.6);}
.w3-b3{margin-top: 6.67vw;width: 38.54vw;}
.w3-b3 img{width: 100%;max-width: 100%;display: block;}
.w3-b4{padding: 3.65vw 3.54vw;background: rgba(255, 255, 255, 0.2);border-radius: 10px;width: 14.61vw;margin-top: 2.97vw;}
.w3-b5{font-size: 1.25vw;color: #FFFFFF;font-family: Manrope-Bold;text-align: center;}
.w3-b6{font-size: 1.04vw;color: #FFFFFF;font-family: Manrope-Bold;text-align: center;}
.w3-b7{font-size: 0.83vw;color: #FFFFFF;font-family: Manrope-Bold;text-align: center;}

/* w4 */
.w4-box{display: flex;align-items: center;justify-content: center;}
.w4-b2{font-size: 0.83vw;color: rgba(0, 0, 0, 0.6);line-height: 1.7;text-align: center;margin-bottom: 4.01vw;font-family: Manrope-Regular;}
.w4-b3{display: flex;align-items: stretch;gap: 1.04vw;flex-wrap: wrap;}
.w4-b4{width: calc((100% - 1.04vw)/2);}
.w4-b5{padding: 2.86vw 1.04vw;border: 1px solid rgba(155, 155, 155, 0.2);border-radius: 20px;}
.w4-b6{font-size: 1.25vw;font-family: Manrope-Bold;color: #000000;margin-bottom: 2.60vw;text-align: center;}
.w4-b7{display: flex;align-items: stretch;gap: 0.73vw;flex-wrap: wrap;}
.w4-b8{width: calc((100% - 1.46vw)/3);background: linear-gradient( rgba(155, 155, 155, 0.4), rgba(155, 155, 155, 0.1), #FFFFFF);border-radius: 10px;display: flex;}
.w4-b9{border: 1px solid rgba(155, 155, 155, 0.2);border-radius: 10px;padding: 2.86vw 2vw;display: flex;flex-direction: column;align-items: center;gap: 1.25vw;flex: 1;}
.w4-b10{height: 1.98vw;}
.w4-b10 img{max-width: 100%;display: block;transition: all 1s;}
.w4-b11{font-size: 0.83vw;color: rgba(0, 0, 0, 0.6);font-family: Manrope-Regular;line-height: 1.7;text-align: center;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;transition: all 1s;}
.w4-b8:hover .w4-b10 img{transform: scale(1.05) translateY(-0.52vw);}
.w4-b8:hover .w4-b11{transform: translateY(-0.32vw);}

/* w5 */
.w5-box{position: relative;z-index: 1;background: #000000;}
.w5-bj{position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: -1;}
.w5-bj img{width: 100%;max-width: 100%;display: block;height: 100%;object-fit: cover;}
.w5-b{position: absolute;right: 8.70vw;top: 50%;transform: translateY(-50%);width: 26.30vw;}
.w5-b .w-title{text-align: left;}
.w5-b .w-title::before{left: 0;transform: none;}
.w5-b .w3-b2{text-align: left;}
.w5-b2.w5-b{left: 8.33vw;right: auto;width: 29.3vw;}
.w5-b3.w5-b{left: 8.33vw;right: auto;width: 34.3vw;}
.w5-b3.w5-b ul{padding-left: 0.99vw;}
.w5-b3.w5-b ul li{list-style: disc}
.w5-b3.w5-b li::marker{color: #FFFFFF;}
.w5-b7.w5-b{left: 8.33vw;right: auto;width: 32.3vw;}
.w5-b7.w5-b .w-title{line-height: 1.3;}

/* w6 */
.w6-box{background: #2D2D2D;position: relative;}
.w6-b{position: absolute;top: 50%;transform: translateY(-50%);left: 0;display: flex;align-items: center;}
.w6-left{background: #FFFFFF;border-top-right-radius: 10px;border-bottom-right-radius: 10px;overflow: hidden;padding: 3.13vw 4.17vw 3.13vw 8.33vw;}
.w6-l2{display: flex;align-items: stretch;gap: 0.73vw;margin-bottom: 0.89vw;}
.w6-l3{padding: 4.06vw 1.56vw;background: linear-gradient( rgba(155, 155, 155, 0.4), rgba(155, 155, 155, 0.1), #FFFFFF);border-radius: 10px;width: 9.80vw;}
.w6-l3{font-size: 1.25vw;color: rgba(0, 0, 0, 0.6);font-family: Manrope-Regular;text-align: center;}
.w6-b4 img{width: 26.88vw;max-width: 100%;display: flex;margin: 0 auto;}
.w6-r2{padding: 4vw 0 4.17vw 8.07vw;width: 32vw;}
.w6-r2 .w-title{text-align: left;}
.w6-r2 .w-title::before{left: 0;transform: none;}
.w6-r2 .w3-b2{text-align: left;}
.w6-r3 img{width: 39.38vw;max-width: 100%;display: block;}

/* w7 */
.w7-box{padding: 5.99vw 0 7.03vw;}
.w7-b2 .w-title{padding: 0;margin-bottom: 2.60vw;}
.w7-b2 .w-title::before{display: none;}
.w7-b4{width: calc((100% - 1.04vw)/2);}
.w7-b4 table{width: 100%;border-collapse: collapse;border: 1px solid rgba(0, 0, 0, 0.1);}
.w7-b4 table tr td{border: 1px solid rgba(0, 0, 0, 0.1);}
.w7-b4 table thead tr{background: #000000;}
.w7-b4 table thead tr td{font-size: 1.04vw;font-family: Manrope-Bold;text-align: center;padding: 1.04vw 1.77vw;color: #FFFFFF;}
.w7-b4 table tbody tr:nth-child(2n){background: rgba(0, 0, 0, 0.1);}
.w7-b4 table tbody tr td{font-size: 0.83vw;color: rgba(0, 0, 0, 0.6);font-family: Manrope-Regular;padding: 1.04vw 1.77vw;}
.w7-b4 table tbody tr td:first-child{width: 38%;}
.w7-b3{display: flex;align-items: flex-start;gap: 1.04vw;flex-wrap: wrap;}
.w7-b5{margin-top: 2.60vw;display: flex;align-items: center;gap: 1.41vw;flex-wrap: wrap;}
.w7-b6{padding: 1.04vw 1.72vw;border: 1px solid #FF9E20;border-radius: 50px;font-size: 0.83vw;color: #FF9E20;font-family: Manrope-Regular;transition: all .5s;line-height: 1;}
.w7-b6.on{background: #FF9E20;color: #FFFFFF;}
.w7-b7{border-radius: 10px;overflow: hidden;}

/* w8 */
.w8-box{padding: 5.99vw 0 7.03vw;background: #eee}
.w8-b4 .title {text-align: center;font-size: 0.9375vw;margin-top: 10px}
.w8-b4 img {width: 100%;border-radius: 10px}
.w8-b4 .swiper-button-prev,.w8-b4 .swiper-button-next {
    width: 40px;
    border-radius: 50px;
    background: #FF9E20;
    height: 40px;
    color: #fff;
    opacity: 0.5;
}
.w8-b4 .swiper-button-prev::after,.w8-b4 .swiper-button-next::after {
    font-size: 14px;
}

    /* w9 */
.w9-box{padding: 5.99vw 0 7.03vw;background: #eee}
.w9-item-box {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-gap: 20px;
}
.w9-item .img {
    height: 0;
    padding-bottom: 100%;
    position: relative;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
}
.w9-item .img img {
    position: absolute;
    object-fit: contain;
    width: 100%;
    height: 100%;
}
.w9-item .title {
    font-size: 18px;
    margin-top: 10px;
    display: flex;
    flex-direction: column;
}
.w9-item .title1 {
    font-weight: 600;
}
.w9-item .summary {
    opacity: 0.5;
}

.pc{display: block;}
.yd{display: none;}

@media (max-width: 1000px){
    .yd{display: block;}
    .pc{display: none;}
    .w-main{width: 90%;}
    
    .w1-box{padding: 0 0 0 5%;align-items: center;justify-content: space-between;}
    .w1-b{flex-direction: column;align-items: stretch;width: 100%;gap: 50px;}
    .w1-b2{max-width: 100%;padding: 0 5% 0 0;}
    .w-title{font-size: 24px;padding-bottom: 15px;margin-bottom: 20px;}
    .w-title::before{width: 40px;height: 2px;}
    .w1-b3{font-size: 14px;margin-bottom: 10px;}
    .w1-b4{font-size: 12px;}
    .w1-b5 img{width: 100%;}

    .w2-b{flex: none;width: 90%;padding: 0 5%;}
    .w2-b3{width: 100%;height: 300px;}
    .w2-b .w-title{margin-bottom: 50px;}
    .w2-b4{padding: 0 20px;gap: 10px;}
    .w2-b6{font-size: 14px;}
    .w2-b7{font-size: 12px;}

    .w3-b{width: 90%;padding-top: 20%;}
    .w3-b2{font-size: 12px;}
    .w3-b3{width: 100%;margin-top: 35%;}

    .w4-b2{font-size: 12px;margin-bottom: 50px;}
    .w4-b4{width: 100%;}
    .w4-b5{padding: 30px 20px;}
    .w4-b6{font-size: 14px;margin-bottom: 20px;}
    .w4-b7{flex-direction: column;gap: 15px;}
    .w4-b8{width: 100%;}
    .w4-b9{padding: 20px 29%;gap: 10px;}
    .w4-b10{height: 38px;}
    .w4-b11{font-size: 12px;}
    .w4-lunbo{padding: 0 5px;}
    .w4-box{height: auto;padding: 90px 0;}
    
    .w5-b{right: 5% !important;left: 5% !important;top: 20% !important;transform: none !important;width: 90% !important;}
    .w5-b .w-title{text-align: center;}
    .w5-b .w-title::before{left: 50%;transform: translateX(-50%);}
    .w5-b .w3-b2{text-align: center;}
    .w5-b3.w5-b ul{padding: 0;display: flex;flex-direction: column;align-items: center;}
    .w3-b4{margin-top: 50px;width: 80%;padding: 10%;}
    .w3-b5{font-size: 16px;}
    .w3-b6{font-size: 14px;}
    .w3-b7{font-size: 12px;}

    .w6-box{height: auto;padding: 90px 5%;}
    .w6-b{flex-direction: column;position: initial;align-items: stretch;transform: none;gap: 50px;}
    .w6-left{padding: 30px;border-radius: 10px;}
    .w6-l2{flex-direction: column;gap: 20px;margin-bottom: 20px;}
    .w6-l3{width: 44%;font-size: 12px;padding: 10% 28%;}
    .w6-b4 img{width: 100%;}
    .w6-r2{padding: 0;width: 100%;}
    .w6-r2 .w-title{text-align: center;}
    .w6-r2 .w-title::before{left: 50%;transform: translateX(-50%);}
    .w6-r2 .w3-b2{text-align: center;}
    .w6-r3 img{width: 100%;margin-top: 50px;}

    .w3-b2 br{display: none;}

    .w7-box{padding: 90px 0;}
    .w7-box .w-title{margin-bottom: 50px;}
    .w7-b3{flex-direction: column;gap: 30px;}
    .w7-b4{width: 100%;}
    .w7-b4 table thead tr td{padding: 10px;font-size: 12px;}
    .w7-b4 table tbody tr td{padding: 10px;font-size: 12px;}
    .w7-b5{margin-top: 40px;gap: 15px;}
    .w7-b6{padding: 10px 20px;font-size: 12px;}

    .w5-new{top: 10% !important;}

    .w8-box{}
    .w8-b4 .title {font-size: 14px;}
    .w8-b4 img {width: 100%;border-radius: 10px}

    .w9-item-box {
        display: grid;
        grid-template-columns: repeat(2,1fr);
        grid-gap: 20px;
    }
    .w9-item .title {
        font-size: 12px;
    }
    .w1-b2 .tip {
        font-size: 12px;
    }
}