@font-face{
    font-family:'D-DIN-Bold';
    src:url(http://www.swashes.com.cn/statics/swashes/font/D-DIN-Bold.otf)
}
@font-face{
    font-family:'D-DIN';
    src:url(http://www.swashes.com.cn/statics/swashes/font/D-DIN.otf)
}
@font-face{
    font-family:'BagnardSans';
    src:url(http://www.swashes.com.cn/statics/swashes/font/BagnardSans.otf)
}
@font-face{
    font-family:'Ambarella';
    src:url(http://www.swashes.com.cn/statics/swashes/font/Ambarella.otf)
}
@font-face{
    font-family:'Arial';
    src:url('../font/Arial.ttf')
}
@font-face{
    font-family:'Twenty';
    src:url('http://www.swashes.com.cn/statics/swashes/font/Twenty-Regular-2.otf')
}
@font-face{
    font-family:'D-DIN-Bold';
    src:url(http://www.swashes.com.cn/statics/swashes/font/D-DIN-Bold.otf)
}
.top{
    position:absolute;
    top:0;
    left:0;
    transform:translateY(-100%);
    height:87px;
    width:100%;
    z-index:-1;
    opacity:0;
    background-color:transparent
}
.head-content{
    width:100%;
    margin:0;
    padding-top:1px;
    background-color:rgba(171,22,43,0);
    display:flex;
    justify-content:center;
    align-items:center;
    position:fixed;
    top:0;
    left:0;
    z-index:999;
    margin:0;
    transition:all 0.5s ease
}
.head-box{
    margin:0;
    padding-left:calc(var(--bs-gutter-x) * 2.2);
    padding-right:calc(var(--bs-gutter-x) * 2.2);
    display:flex;
    justify-content:space-between;
    align-items:center
}
.head-logo{
    padding:0
}
.head-logoImg{
    width:110px;
    margin-bottom:8.79px
}
.head-rigth{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding-right:3px;
    margin:0
}
.head-ul{
    height:100%;
    display:flex;
    justify-content:space-between;
    align-items:center
}
.head-li{
    margin-right:3.8541666667vw;
    height:60px;
    line-height:60px;
    font-size:18px;
    font-weight:500;
    position:relative;
    text-align:center
}
.head-li:last-child{
    margin-right:2.7083333333vw
}
.head-a{
    color:#fff;
    transition:all 0.5s ease
}
.head-liimg{
    position:absolute;
    left:50%;
    bottom:0;
    transform:translateX(-50%);
    transition:all 0.5s ease
}
.head-liimg1{
    opacity:0
}
.head-liImgBox{
    opacity:0;
    transform:translateY(10px);
    transition:all .5s
}
.head-liAct{
    color:#d9261c
}
.head-liAct .head-liImgBox{
    opacity:1;
    transform:translateY(0px)
}
.head-li:hover .head-liImgBox{
    opacity:1;
    transform:translateY(0px)
}
.head-telBox{
    display:flex;
    justify-content:flex-end;
    align-items:center;
    color:#fff;
    padding:0
}
.head-tel{
    font-family:'D-DIN-Bold';
    font-size:18px;
    transition:all 0.5s ease;
    line-height:27px;
    color:#333333
}
.head-icon2{
    display:flex;
    justify-content:center;
    align-items:center;
    margin-right:10px
}
.head-navBox{
    cursor:pointer;
    display:flex;
    height:16px;
    margin-left:30px;
    justify-content:space-between;
    align-items:center;
    flex-direction:column;
    display:none
}
.head-nav{
    padding-right:0;
    height:100%
}
.head-navL{
    transition:all 0.5s ease;
    width:20px;
    height:2px;
    background-color:#000
}
.pro-navicon{
    cursor:pointer
}
.head-xp{
    padding:0;
    background-color:#fff;
    transition:all 0.5s ease;
    overflow:hidden
}
.head-xpUl{
    transition:all 0.5s ease;
    visibility:hidden;
    height:0;
    display:flex;
    flex-direction:column
}
.head-contentAct .head-xpUl{
    visibility:visible !important
}
.head-xpLi{
    transition:all 0.5s ease;
    padding:0 25px;
    height:0px;
    line-height:45px;
    background-color:#fff;
    position:relative;
    height:45px
}
.head-xpLi::after{
    content:'';
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:1px;
    background-color:rgba(147,136,129,0.2)
}
.head-xpOpen{
    height:100vh
}
.head-xpA{
    display:block;
    display:flex;
    justify-content:flex-start;
    align-items:center
}
.head-dot{
    width:10px;
    height:10px;
    border-radius:50%;
    background-color:rgba(147,136,129,0.6);
    margin-right:10px
}
.head-xpLiAct{
    background-color:#fff
}
.head-xpLiAct .head-dot{
    background-color:#9A1020
}
.head-xpLiAct p{
    color:#9A1020
}
.head-xpLi:hover .head-dot{
    background-color:#9A1020
}
.head-xpLi:hover p{
    color:#9A1020
}
.head-contentAct{
    background-color:#BE1028 !important;
    box-shadow:0px 3px 6px 0px rgba(210,210,210,0.34) !important
}
.head-contentAct .head-navL{
    background-color:#fff
}
.head-contentAct .head-liimg1{
    opacity:1
}
.head-contentAct .head-liimg2{
    opacity:0
}
.head-contentAct .head-a{
    color:#fff
}
.head-contentAct .head-tel{
    color:#fff
}
.head-shopping{
    margin-right:1.875vw
}
.banner-con{
    background-color:#fff;
    width:100%;
    height:100vh;
    position:relative;
    overflow:hidden
}
.swiper-slide1{
    width:100%;
    height:100vh;
    overflow:hidden;
    transform:scale(1);
    transition:transform 0.5s ease;
    position:relative
}
.swiper-slide1>img{
    width:100%;
    height:100%;
    object-fit:cover
}
.swiper-animation{
    animation:scaleUp 5s ease-out forwards
}
@keyframes scaleUp{
    0%{
        transform:scale(1)
    }
    100%{
        transform:scale(1.1)
    }
}
.page-box{
    position:absolute;
    right:7%;
    bottom:60px;
    z-index:10;
    transition:all 1.2s ease
}
.page-current{
    font-family:'BagnardSans';
    font-size:40px;
    font-weight:600;
    color:#d9261c
}
.page-all{
    font-size:20px;
    color:#4F4F4F
}
.swiper1-textBox{
    position:absolute;
    top:45%;
    left:7.5%;
    opacity:0;
    transform:translateY(10px)
}
.swiper1-text1{
    z-index:-1;
    position:absolute;
    left:-3vw;
    top:50%;
    transform:translateY(-50%);
    width:24.8958333333vw
}
.swiper1-text1 img{
    width:100%;
    height:100%;
    object-fit:cover
}
.swiper1-text2{
    color:#7D411E;
    z-index:100;
    font-size:3.3vw;
    font-weight:500;
    background:-webkit-linear-gradient(top,#603519 19%,#78421E 67%,#864A21 95%);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    position:relative
}
.swiper1-line{
    margin:40px 0;
    z-index:100;
    width:2.3vw;
    height:2px;
    background-color:#d9261c
}
.swiper1-text3{
    position:absolute;
    top:190%;
    left:0;
    color:#603519;
    z-index:100;
    font-size:1.3vw
}
.swiper1-text3::after{
    content:'';
    z-index:100;
    width:20%;
    height:2px;
    background-color:#d9261c;
    position:absolute;
    top:-100%;
    left:0
}
.swiper2-textBox{
    position:absolute;
    top:42%;
    left:11%;
    z-index:10;
    opacity:0;
    transform:translateY(10px)
}
.setSlow{
    animation:slowAm 1s forwards
}
.setSlow2{
    animation:slowAm2 1.5s forwards
}
.setSlow3{
    animation:slowAm3 1.5s forwards
}
.setSlow4{
    animation:slowAm4 1.5s forwards
}
@keyframes slowAm{
    0%{
        opacity:0;
        transform:translateY(100px)
    }
    100%{
        opacity:1;
        transform:translateY(0px)
    }
}
@keyframes slowAm2{
    0%{
        opacity:0;
        transform:translateX(-100px)
    }
    100%{
        opacity:1;
        transform:translateX(0)
    }
}
@keyframes slowAm3{
    0%{
        opacity:0;
        transform:translate(-50%,100px)
    }
    100%{
        opacity:1;
        transform:translate(-50%,-50%)
    }
}
@keyframes slowAm4{
    0%{
        opacity:0;
        transform:translateX(100px)
    }
    100%{
        opacity:1;
        transform:translateX(0)
    }
}
.head-navL11{
    transform:rotate(45deg) translateY(10px)
}
.head-navL32{
    transform:rotate(-45deg) translateY(-10px)
}
.about-swashesBox{
    padding:0;
    margin:0;
    width:100%;
    position:relative;
    overflow:hidden;
    background-color:#EFEFEF
}
.about-imgBox{
    padding:0;
    z-index:0;
    width:100%;
    background-color:#EFEFEF
}
.about-img{
    position:absolute;
    top:0;
    right:0;
    width:100%;
    height:100%;
    object-fit:cover
}
.about-imgBox::after{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-color:#8F7555;
    opacity:0.5;
    mix-blend-mode:multiply;
    content:''
}
.about-top{
    height:108px;
    width:calc(100% - 71vw);
    background-color:#EFEFEF;
    position:relative;
    z-index:10
}
.about-conBox{
    display:flex;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
    position:relative;
    z-index:10
}
.about-con{
    margin:0;
    padding:0;
    display:flex;
    justify-content:center;
    background-color:#fff;
    overflow:hidden;
    position:relative
}
.about-vide{
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    flex-direction:column;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    position:relative;
    z-index:10;
    padding:45px 0
}
.about-vide::after{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-color:#8F7555;
    opacity:0.5;
    mix-blend-mode:multiply;
    content:''
}
@media (min-width:1200px){
    .about-vide{
        background-image:none !important
    }
    .about-vide::after{
        display:none
    }
}
.about-pp1{
    position:absolute;
    top:4%;
    left:-27%;
    z-index:1;
    width:60%;
    padding-top:60%;
    border-radius:50%;
    transition:all 1s ease;
    opacity:0.04;
    background-color:#d9261c
}
.about-pp2{
    position:absolute;
    left:60%;
    top:-26%;
    z-index:1;
    transition:all 1s ease;
    width:50%;
    padding-top:50%;
    border-radius:50%;
    transition:all 1s ease;
    opacity:0.04;
    background-color:#d9261c
}
.about-pp3{
    position:absolute;
    top:63%;
    left:79%;
    z-index:1;
    transition:all 1s ease;
    width:10%;
    padding-top:10%;
    border-radius:50%;
    transition:all 1s ease;
    opacity:0.08;
    background:linear-gradient(350deg,#d9261c -84%,rgba(254,214,184,0.8) 5%,#d9261c 104%)
}
.about-right{
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:115px;
    display:flex;
    justify-content:center;
    align-items:center;
    background-color:#EFEFEF;
    z-index:1
}
.about-box{
    z-index:10;
    margin-top:5vw
}
.about-engTitle{
    font-family:'BagnardSans';
    font-size:48px;
    color:#CB9878;
    margin-bottom:1px
}
.about-chTitle{
    color:#4F4F4F;
    font-size:38px;
    margin-bottom:50px;
    font-weight:500
}
.about-text{
    font-size:16px;
    line-height:28px;
    color:#666666;
    margin-bottom:70px
}
.about-more{
    color:#CB9878;
    display:flex;
    align-items:center;
    margin-bottom:50px
}
.about-moreText{
    cursor:pointer
}
.about-a{
    position:relative
}
.about-a::after{
    content:'';
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    left:calc(100% + 21px);
    width:0px;
    transition:all 0.5s ease;
    height:3px;
    background-color:#d9261c
}
.about-line{
    margin-left:20px;
    width:0;
    transition:all 0.5s ease;
    height:3px;
    background-color:#d9261c
}
.about-more:hover{
    color:#d9261c
}
.about-more:hover .about-a::after{
    width:2.0833333333vw
}
.about-more:hover .about-a{
    color:#d9261c !important
}
.about-numBox{
    padding-top:100px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding-bottom:140px
}
.about-numBox2{
    display:none;
    justify-content:space-between;
    align-items:center;
    padding-bottom:30px
}
.about-nums{
    display:flex;
    justify-content:center;
    align-items:center;
    flex-direction:column
}
.about-numCon{
    font-size:78px;
    height:78px;
    line-height:78px;
    font-weight:600;
    display:flex;
    margin-bottom:22px
}
.about-numTop1 p,.about-numTop2 p{
    font-family:'D-DIN-Bold';
    background:-webkit-linear-gradient(top,#d9261c,#E2444B);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    position:relative
}
.about-numCon span{
    background:-webkit-linear-gradient(top,#d9261c,#E2444B);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent
}
.about-num2{
    margin-left:3px;
    font-size:20px;
    font-weight:normal;
    height:78px;
    line-height:36px
}
.about-numText{
    color:#666666
}
.cor-culture{
    overflow:hidden;
    display:flex;
    justify-content:space-between;
    position:relative;
    width:100%
}
.cor-bg{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    object-fit:cover;
    z-index:-1
}
.cor-left{
    padding-top:3.90625vw;
    padding-bottom:1.5625vw;
    padding-left:calc(1.5rem * 1.6 + 5.5vw)
}
.cor-leftBox{
    padding:0
}
.cor-engName{
    margin-bottom:10px
}
.cor-engH1{
    font-family:'BagnardSans';
    color:rgba(254,214,184,0.8);
    font-size:58px;
    line-height:58px
}
.cor-chH1{
    color:#fff;
    font-size:38px;
    font-weight:500
}
.cor-box{
    width:50%;
    margin:0
}
.cor-content{
    width:100%;
    color:#fff;
    padding:0
}
.cor-topContent{
    transition:all 0.5s ease;
    position:relative;
    border:1px solid rgba(255,255,255,0.5);
    border-top:none;
    overflow:hidden;
    padding:2.6041666667vw 1.1979166667vw 1.875vw 1.5625vw
}
.cor-topContentNew{
    position:absolute;
    opacity:0;
    bottom:0;
    bottom:-100%;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(171,22,43,1);
    padding:2.6041666667vw 1.1979166667vw 1.875vw 1.5625vw;
    transition:all 1s;
    display:flex;
    justify-content:flex-start;
    align-items:flex-start;
    flex-direction:column
}
.cor-icon{
    width:40px;
    height:40px;
    transition:all 0.5s ease;
    position:relative;
    top:0;
    margin-top:150px;
    margin-bottom:40px
}
.cor-nameBox{
    transition:all 0.5s ease;
    position:relative;
    top:0;
    margin-bottom:0px
}
.cor-iconNew{
    width:40px;
    height:40px;
    margin-bottom:82px
}
.cor-nameBoxNew{
    transition:all 0.5s ease
}
.cor-text{
    margin-top:20px;
    font-size:14px;
    transition:all 0.5s ease
}
.cor-nameNew2{
    font-size:20px
}
.cor-name1{
    font-family:'BagnardSans';
    font-size:16px;
    color:#fff
}
.cor-name2{
    font-size:20px;
    color:#fff
}
.cor-tel{
    margin:0;
    padding:0;
    display:none;
    justify-content:center;
    border-bottom:1px solid #fff
}
.cor-telContent{
    justify-content:space-between;
    margin:0;
    padding-right:calc(var(--bs-gutter-x) * .2);
    padding-left:calc(var(--bs-gutter-x) * .2);
    position:relative
}
.cor-telContent::after{
    content:"";
    width:1px !important;
    height:98.5%;
    transition:all 0.5s ease;
    position:absolute;
    top:0;
    left:50%;
    transform:translateX(-50%);
    background-color:#fff;
    color:#fff
}
.cor-telBox{
    padding-bottom:10px;
    border-bottom:1px solid #fff;
    margin-bottom:5px;
    position:relative
}
.cor-text2{
    padding-top:15px;
    color:#fff
}
.cor-icon2{
    padding:0;
    padding-right:10px;
    display:flex;
    justify-content:center;
    align-items:center
}
.cor-icon2 img{
    height:30px
}
.cor-telTop{
    display:flex
}
.cor-top{
    margin:0
}
.cor-topContent:hover .cor-icon{
    opacity:0;
    top:120%
}
.cor-topContent:hover .cor-nameBox{
    opacity:0;
    top:120%
}
.cor-topContent:hover .cor-topContentNew{
    opacity:1;
    bottom:0
}
.cor-topContent:hover .cor-iconNew img{
    -webkit-animation:overturn 1.5s;
    transform-origin:center
}
@keyframes overturn{
    0%{
        transform:rotateY(0deg)
    }
    50%{
        transform:rotateY(360deg)
    }
    100%{
        transform:rotateY(0deg)
    }
}
.cor-telBox:hover{
    background-color:rgba(171,22,43,1)
}
.pro-center{
    margin-top:-1px;
    width:100%;
    background:#ffffff;
    display:flex;
    justify-content:center;
    margin:0;
    padding:0;
    position:relative;
    z-index:10;
    padding-bottom:77px
}
.pro-box{
    padding-left:calc(var(--bs-gutter-x) * 2.3);
    padding-right:calc(var(--bs-gutter-x) * 2.3)
}
.pro-nameBox{
    padding:0
}
.pro-eng{
    padding:0
}
.pro-engName{
    color:#CB9878;
    font-size:58px;
    font-family:'BagnardSans'
}
.pro-chH1{
    color:#333333;
    font-size:38px;
    font-weight:500
}
.pro-rightBox{
    padding-left:65px;
    padding-right:0;
    margin:0;
    display:flex;
    justify-content:center;
    align-items:flex-end
}
.pro-top{
    margin:0;
    margin-top:5.15625vw;
    margin-bottom:2.5520833333vw
}
.pro-right{
    width:100%;
    display:flex;
    justify-content:space-between;
    align-items:center
}
.pro-navBox{
    display:flex;
    justify-content:space-between;
    align-items:center;
    overflow:hidden
}
.pro-nameBox2{
    max-width:0;
    transition:all 0.5s ease;
    margin-left:20px;
    text-align:center;
    color:#d9261c;
    white-space:nowrap;
    overflow:hidden
}
.pro-more{
    display:flex;
    padding:0;
    justify-content:flex-end;
    align-items:flex-end;
    color:#d9261c
}
.pro-text{
    transition:all 0.5s ease;
    position:relative;
    z-index:99;
    color:#d9261c;
    margin:0;
    height:35px;
    line-height:35px;
    text-align:center;
    width:120px;
    border:1px solid #d9261c;
    position:relative;
    display:flex;
    justify-content:center;
    align-items:center
}
.pro-text::after{
    content:"";
    transition:all 0.5s ease;
    position:absolute;
    top:0;
    left:0;
    width:0;
    height:100%;
    background-color:#d9261c;
    z-index:-1;
    color:#fff
}
.pro-text:hover:after{
    width:100%
}
.pro-text:hover{
    color:#fff
}
.pro-bom{
    position:relative
}
.pro-cocntent2{
    transition:all 0.5s ease;
    position:relative;
    width:100%
}
.pro-cocntent3{
    position:absolute;
    top:0;
    left:0
}
.mySwiper3{
    transition:all 0.5s ease;
    width:100%;
    height:100%
}
.set-box{
    text-align:center;
    font-size:18px;
    display:flex;
    justify-content:center;
    align-items:center;
    position:relative;
    overflow:hidden;
    flex-direction:column
}
.pro-newImg{
    transition:all 0.5s ease;
    position:absolute;
    top:0;
    left:0;
    z-index:1;
    opacity:0;
    width:100%
}
.pro-img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    transition:all 0.5s ease
}
.set-ImgBox{
    position:relative;
    width:100%;
    height:100%;
    background:linear-gradient(222deg,#E3E3E3 -19%,#F5F5F5 50%,#E3E3E3 120%);
    transition:all 0.5s ease;
    margin-bottom:20px
}
.pro-img,.pro-newImg{
    width:100%;
    height:100%;
    object-fit:cover
}
.set-ImgBox::before{
    content:"";
    display:block;
    padding-top:116.44%
}
.set-content{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:1;
    display:flex;
    flex-direction:column
}
.pro-title{
    font-size:18px;
    width:100%;
    padding:0.5208333333vw 1.0416666667vw;
    height:60px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    border-left:3px solid #d9261c;
    z-index:2;
    transition:all 0.5s ease;
    background-color:#fff;
    color:#4f4f4f
}
.pro-title::after{
    content:"";
    transition:all 0.5s ease;
    position:absolute;
    bottom:0;
    left:0;
    width:0;
    height:60px;
    background-color:#d9261c;
    z-index:-1;
    color:#fff
}
.pro-text1{
    font-weight:500;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap
}
.pro-text1 p{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.set-box:hover .pro-title:after{
    width:100%
}
.set-box:hover .pro-title{
    color:#fff
}
.set-box:hover .pro-newImg{
    opacity:1
}
.set-box:hover .pro-img{
    opacity:0
}
.set-box:hover .pro-text1{
    color:#fff
}
.swiper-prev{
    position:absolute;
    top:35%;
    left:-3%;
    cursor:pointer
}
.swiper-next{
    position:absolute;
    top:35%;
    right:-3%;
    cursor:pointer
}
.pro-more2{
    display:none
}
.swiper3-pagination1,.swiper3-pagination2,.swiper3-pagination3,.swiper3-pagination4{
    display:flex;
    justify-content:center;
    align-items:center;
    margin:20px 0
}
.pro-iconImg2{
    display:none
}
.pro-navBoxAct .pro-iconImg2{
    display:block
}
.pro-navBoxAct .pro-iconImg1{
    display:none
}
.pro-navBoxAct .pro-nameBox2{
    max-width:300px
}
.ster-plan{
    display:flex;
    justify-content:center;
    align-items:stretch;
    width:100%;
    margin:0;
    overflow:hidden
}
.ster-left{
    background-color:#fff;
    width:50%;
    position:relative
}
.ster-leftLi{
    position:absolute;
    top:0;
    left:0;
    opacity:1;
    height:100%;
    width:100%
}
.ster-img{
    width:100%;
    height:100%;
    transition:all 1s ease;
    opacity:0;
    transform:scale(1.1,1.1);
    object-fit:cover
}
.ster-right{
    margin:0;
    width:50%;
    background-color:#F1F1F1;
    z-index:100;
    height:951px
}
.ster-top{
    margin:0
}
.ster-nameBox{
    padding-top:110px;
    padding-bottom:64px;
    padding-left:3.125vw
}
.ster-engName{
    margin-bottom:10px
}
.ster-engH1{
    font-family:'BagnardSans';
    font-size:48px;
    color:#CB9878;
    line-height:52px
}
.ster-ChH1{
    font-size:38px;
    font-weight:500;
    color:#333333
}
.ster-contentLeft{
    opacity:0;
    position:absolute;
    top:50%;
    transform:translate(50%,-50%);
    width:15.625vw;
    right:0;
    z-index:10;
    height:15.625vw;
    display:flex;
    justify-content:center;
    align-items:center;
    background-color:#d9261c;
    transition:all 1s ease
}
.ster-num{
    color:#9A1020;
    font-family:'Arial';
    font-size:10.4166666667vw;
    font-weight:bold
}
.ster-leftTitle{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    color:#fff;
    text-align:center;
    width:100%;
    font-weight:700;
    font-size:24px
}
.ster-leftTitle p:nth-child(1){
    font-family:'BagnardSans';
    font-size:18px;
    font-weight:350
}
.ster-conBox{
    position:relative;
    padding:0
}
.ster-conBox2{
    border-top:1px solid #D8D8D8;
    transition:all 0.5s ease;
    margin:0;
    padding:1.8229166667vw 7.0833333333vw 1.8229166667vw 3.125vw;
    position:relative;
    cursor:pointer
}
.ster-conBox2 a{
    display:flex;
    justify-content:space-between;
    align-items:center
}
.ster-conBox3{
    width:100%;
    position:relative;
    display:flex;
    justify-content:space-between;
    margin:0
}
.ster-bomCon{
    width:50%;
    height:100%;
    font-size:14px;
    color:#666666;
    white-space:normal;
    display:none
}
.ster-bomCon2{
    margin-bottom:28px
}
.about-a{
    color:#CB9878 !important;
    font-size:14px !important;
    display:flex;
    align-items:center
}
.ster-title{
    width:33%;
    font-weight:500;
    font-size:18px;
    transition:all 0.5s ease;
    color:#4f4f4f
}
.ster-push{
    display:flex;
    justify-content:flex-end;
    align-items:center;
    transition:all 0.5s ease;
    line-height:30px;
    font-size:30px;
    text-align:center;
    padding:0
}
.ster-push p{
    cursor:pointer;
    width:42px;
    height:30px;
    line-height:26px;
    color:#fff;
    background-color:#666666
}
.ster-open .ster-push{
    opacity:0
}
.ster-open .ster-title{
    font-size:24px
}
.ster-leftLiAct .ster-img{
    opacity:1;
    transform:scale(1,1)
}
.ster-leftLiAct .ster-contentLeft{
    transform:translate(0%,-50%);
    opacity:1
}
.ster-moreA{
    transition:all 1.2s;
    transform:translate(300px);
    opacity:0
}
.ster-open .ster-moreA{
    transform:translate(0);
    opacity:1
}
.grey-bg{
    background-color:#EFEFEF;
    width:100%;
    height:5.8854166667vw;
    border-top:1px solid #D8D8D8;
    position:relative;
    z-index:10
}
.big-box{
    margin-top:-1px;
    position:relative;
    overflow:hidden
}
.big-img{
    width:100%;
    height:100%;
    object-fit:cover;
    position:relative
}
.big-content{
    position:absolute;
    left:7.1vw;
    top:38%
}
.big-english{
    position:absolute;
    font-family:'Ambarella';
    font-size:1.9vw;
    color:#d9261c;
    left:-3vw;
    top:-18px;
    opacity:0.5;
    z-index:-1
}
.big-M{
    font-size:5.3vw
}
.big-title{
    position:relative;
    color:#4F4F4F;
    font-size:3.3vw;
    margin-bottom:27px;
    font-weight:500
}
.big-line{
    width:2vw;
    height:3px;
    background-color:#d9261c;
    margin-bottom:24px
}
.big-text{
    font-size:1vw;
    color:#4f4f4f
}
.news-center{
    margin-top:-1px;
    margin:0;
    width:100%;
    display:flex;
    justify-content:center;
    background-color:#EFEFEF;
    position:relative;
    z-index:10
}
.news-centerBox{
    padding-left:calc(var(--bs-gutter-x) * 2.3);
    padding-right:calc(var(--bs-gutter-x) * 2.3)
}
.news-top{
    margin:0;
    padding:0;
    padding-top:113px;
    padding-bottom:60px
}
.news-name{
    margin:0;
    padding:0
}
.news-engH1{
    color:#CB9878;
    font-size:58px;
    font-family:'BagnardSans'
}
.news-chH1{
    font-weight:500;
    font-size:38px;
    color:#333333
}
.news-more{
    padding:0;
    padding-top:30px;
    display:flex;
    justify-content:flex-end;
    align-items:flex-end;
    color:#d9261c
}
.news-text2{
    display:block;
    transition:all 0.5s ease;
    position:relative;
    z-index:99;
    color:#d9261c;
    margin:0;
    height:35px;
    line-height:34px;
    text-align:center;
    width:120px;
    border:1px solid #d9261c;
    color:#d9261c;
    position:relative
}
.news-text2::after{
    content:"";
    transition:all 0.5s ease;
    position:absolute;
    top:0;
    left:0;
    width:0;
    height:100%;
    background-color:#d9261c;
    z-index:-1;
    color:#fff
}
.news-more:hover:after{
    width:100%
}
.news-more:hover{
    color:#fff
}
.news-content{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin:0;
    padding-bottom:134px
}
.news-box{
    position:relative;
    width:23.3%;
    background-color:#fff;
    margin-bottom:20px;
    transition:all 0.5s ease
}
.news-box:last-child{
    margin-right:0
}
.news-boxImg{
    transition:all 0.5s ease;
    background-image:url('../image/newbg.jpg');
    background-position:bottom center;
    background-repeat:no-repeat;
    background-size:cover;
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    opacity:0
}
.news-box::before{
    content:"";
    display:block;
    padding-top:133%
}
.news-content2{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:1;
    padding:2.4vw 1.566vw
}
.news-title{
    font-size:22px;
    position:relative;
    color:#4F4F4F;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    overflow:hidden;
    -webkit-line-clamp:2;
    white-space:normal;
    font-weight:500
}
.news-act{
    color:#fff
}
.news-title::after{
    content:"";
    transition:all 0.5s ease;
    position:absolute;
    bottom:-20px;
    left:0;
    width:100%;
    height:1px;
    background-color:#000;
    z-index:-1;
    color:#fff
}
.news-text{
    font-size:14px;
    line-height:25px;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    overflow:hidden;
    -webkit-line-clamp:4;
    text-overflow:ellipsis;
    white-space:normal;
    color:#666666
}
.news-bot{
    position:absolute;
    bottom:2.4vw;
    display:flex;
    justify-content:space-between;
    align-items:center;
    width:calc(100% - 3.132vw)
}
.news-data{
    display:flex;
    justify-content:center;
    align-items:center
}
.news-dataContent{
    margin-left:5px;
    font-family:'D-DIN';
    color:#4F4F4F
}
.news-line{
    width:100%;
    background-color:#333;
    height:1px;
    margin:3% 0
}
.news-boxImg::after{
    content:"";
    position:absolute;
    z-index:0;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.5)
}
.news-dataimg2{
    display:none
}
.news-rightimg2{
    display:none
}
.news-box:hover .news-boxImg{
    opacity:1
}
.news-box:hover .news-dataimg1{
    display:none
}
.news-box:hover .news-dataimg2{
    display:block
}
.news-box:hover .news-rightimg1{
    display:none
}
.news-box:hover .news-rightimg2{
    display:block
}
.news-box:hover .news-title{
    color:#fff
}
.news-box:hover .news-text{
    color:#fff
}
.news-box:hover .news-dataContent{
    color:#fff
}
.news-box:hover .news-line{
    background-color:#fff
}
.set-line::after{
    content:'';
    width:0;
    height:1px;
    background-color:#fff;
    position:absolute;
    left:0;
    bottom:0;
    transition:all 0.5s ease
}
.set-line:hover:after{
    width:100%
}
.food-content{
    position:absolute;
    overflow:hidden;
    width:100%;
    background-color:#d9261c;
    margin:0;
    display:flex;
    justify-content:center;
    padding-bottom:60px;
    z-index:10
}
.food-bottomBox{
    margin:0;
    display:flex;
    justify-content:space-between;
    padding-left:calc(var(--bs-gutter-x) * 2.3);
    padding-right:calc(var(--bs-gutter-x) * 2.3)
}
.food-bottom1{
    padding:0;
    width:calc(100% - 605.6px)
}
.food-bottom3{
    width:605.6px;
    border-left:1px solid #E2444B;
    padding:160px 0px 50px 49px
}
.food-title{
    margin-top:50px;
    border-bottom:1px solid #E2444B
}
.food-titleA1,.food-titleA2,.food-titleA4{
    font-size:18px;
    color:#CB9878
}
.food-titleA3,.food-titleA5{
    display:flex;
    align-items:center;
    font-weight:500;
    color:#fff;
    font-size:22px;
    margin-bottom:14px
}
.food-titleA3{
    font-weight:400
}
.food-titleA5{
    margin-bottom:41px
}
.food-titleA1{
    margin-top:20px;
    margin-bottom:9px
}
.food-titleB1,.food-titleB2,.food-titleB4{
    color:#CB9878;
    font-size:18px
}
.food-titleB3,.food-titleB5{
    display:flex;
    align-items:center;
    color:#fff;
    font-size:22px;
    margin-bottom:30px;
    font-weight:500
}
.food-titleB3{
    font-weight:400;
    margin-bottom:13px
}
.food-titleB1{
    margin-top:40px
}
.food-titleB2{
    margin-top:12px
}
.food-titleC1,.food-titleC2{
    font-family:'BagnardSans';
    color:#fff;
    font-size:26px
}
.food-titleC3{
    color:#fff;
    font-size:32px;
    margin-bottom:55px
}
.food-titleC4{
    display:flex;
    justify-content:flex-start;
    align-items:center;
    margin-bottom:70px
}
.food-ma{
    width:100px;
    height:100px;
    background-color:#fff
}
.food-ma img{
    width:100%;
    height:100%;
    object-fit:cover
}
.food-titleBox4{
    display:flex;
    justify-content:center;
    align-items:center;
    flex-direction:column
}
.food-maText{
    width:auto;
    color:#fff;
    text-align:center;
    font-size:16px;
    margin-top:5px
}
.food-titleC51,.food-titleC52{
    color:#CB9878;
    font-size:16px
}
.swiper-pagination-bullet{background:#f7f7f7;border:1px solid #000; }
.swiper-pagination-bullet-active{
    border:1px solid #d9261c;
    background: #f7f7f7;
}
.banner-box0{
    width:100%;
    height:100vh
}
.banner-box{
    width:100%;
    height:100vh;
    position:fixed;
    z-index:1;
    background-position:center center;
    background-repeat:no-repeat;
    background-attachment:fixed;
    background-size:cover
}
.banner-box1{
    display:block
}
.banner-box2{
    display:none
}
.banner-name{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    z-index:0;
    text-align:center;
    color:#fff;
    z-index:10
}
.banner-nameAct{
    opacity:0 !important
}
.banner-chName{
    font-weight:500;
    font-size:60px;
    margin-bottom:21px;
    transition:all 0.5s ease
}
.banner-engName{
    font-family:'BagnardSans';
    font-size:38px;
    transition:all 0.5s ease;
    line-height:38px
}
.swashes-about{
    margin:0;
    position:relative;
    z-index:20
}
.swashes-about2{
    margin:0;
    position:relative;
    z-index:10 !important
}
.swashes-navBox{
    overflow:hidden;
    width:100%;
    margin:0;
    z-index:1;
    display:flex;
    justify-content:center;
    align-items:center;
    position:absolute;
    top:0;
    left:0;
    transform:translateY(-100%);
    background-color:#fff
}
.swashes-navBox::after{
    content:"";
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:1px;
    background:#D8D8D8
}
.swashes-navBox2{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin:0;
    padding-left:calc(var(--bs-gutter-x) * 2.3);
    padding-right:calc(var(--bs-gutter-x) * 2.3)
}
.swashes-left{
    display:flex;
    justify-content:flex-start;
    align-items:center;
    padding:0;
    margin:44px 0
}
.prot-swaLeft p{
    display:inline
}
.swashes-right{
    padding:0
}
.swashes-leZ{
    display:flex;
    justify-content:center;
    align-items:center;
    margin-right:8px
}
.swashes-leP1,.swashes-leP2{
    color:#666666;
    font-size:14px
}
.swashes-leP3{
    color:#666666;
    font-size:16px
}
.swashes-leImg1{
    margin-right:5px
}
.swashes-leImg4{
    display:inline;
    height:18px;
    margin-bottom:5px;
    margin-right:10px
}
.swashes-ul{
    transform:translateY(-1px);
    display:inline
}
.swashes-li{
    display:inline
}
.swashes-li .swashes-leP{
    color:#666666
}
.swashes-li:last-child .swashes-leImg2{
    display:none
}
.swashes-leP1{
    margin-right:8px
}
.swashes-leImg2{
    margin:0 8px
}
.swashes-rigUl{
    display:flex;
    justify-content:flex-end;
    align-items:center;
    text-align:center;
    margin:25px 0
}
.swashes-rigli{
    color:#4F4F4F;
    margin-right:3vw
}
.swashes-rigli:last-child{
    margin:0
}
.swashes-rigliAct{
    color:#d9261c
}
.swashes-rigli:hover{
    color:#d9261c
}
.swashes-leP:hover{
    color:#d9261c
}
.swashes-rigCh{
    font-weight:500;
    font-size:20px
}
.swashes-rigEng{
    font-family:'BagnardSans';
    font-size:14px;
    font-weight:400
}
.swashes-conBox{
    margin:0;
    width:100%;
    background-color:#fff;
    display:flex;
    justify-content:center;
    padding-top:5.0520833333vw;
    position:relative;
    padding-bottom:6.7708333333vw
}
.swashes-conBox2{
    margin:0;
    padding-left:calc(var(--bs-gutter-x) * 2.3);
    padding-right:calc(var(--bs-gutter-x) * 2.3)
}
.swashes-engName{
    font-family:'BagnardSans';
    color:#CB9878;
    font-size:58px;
    margin-bottom:10px
}
.swashes-chName{
    font-weight:500;
    font-size:38px;
    color:#4F4F4F
}
.swashes-name{
    padding:0
}
.swashes-text{
    padding-right:0;
    padding-left:calc(var(--bs-gutter-x) * 3.5);
    font-size:16px;
    color:#4F4F4F
}
.swashes-img2{
    height:21.875vw;
    width:100%;
    overflow:hidden;
    position:relative
}
.swashes-img{
    position:relative;
    bottom:0;
    left:50%;
    transform:translateX(-50%);
    background-position:bottom;
    background-color:#fff;
    overflow:hidden;
    width:100%
}
.swashes-imgLeft{
    position:absolute;
    top:0;
    left:0;
    background:#fff;
    width:50vw;
    height:100%;
    transform:translateX(0px)
}
.swashes-imgRig{
    position:absolute;
    top:0;
    right:0;
    background:#fff;
    width:50vw;
    height:100%;
    transform:translateX(0px)
}
.swashes-numBox{
    background-color:#fff;
    margin:0;
    display:flex;
    justify-content:center
}
.swashes-numBox2{
    padding-left:calc(var(--bs-gutter-x) * 2.3);
    padding-right:calc(var(--bs-gutter-x) * 2.3)
}
.swashes-numBox3{
    padding-top:33px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding-bottom:70px
}
.swashes-nums{
    display:flex;
    justify-content:center;
    align-items:center;
    flex-direction:column
}
.swashes-numCon{
    font-size:78px;
    height:78px;
    line-height:78px;
    font-weight:600;
    display:flex;
    margin-bottom:22px
}
.swashes-numTop1p,.swashes-numTop2p{
    font-family:'D-DIN-Bold';
    position:relative;
    background:-webkit-linear-gradient(top,#d9261c,#E2444B);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent
}
.swashes-num2{
    margin-left:3px;
    font-size:20px;
    font-weight:normal;
    height:78px;
    line-height:36px
}
.swashes-num2 span{
    background:-webkit-linear-gradient(top,#d9261c,#E2444B);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent
}
.swashes-numText{
    color:#666666
}
.swashes-XiaoBox2{
    display:none;
    justify-content:space-between;
    align-items:center;
    padding-bottom:30px
}
.cul-box{
    width:100%;
    position:relative;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    z-index:10;
    background-image:url(../image/culbg.jpg)
}
.cul-top{
    width:100%;
    margin:0;
    display:flex;
    justify-content:center
}
.cul-topBox{
    padding-left:calc(var(--bs-gutter-x) * 2.3);
    padding-right:calc(var(--bs-gutter-x) * 2.3)
}
.cul-name{
    padding-top:90px
}
.cul-engName{
    font-family:'BagnardSans';
    color:#FED6B8;
    font-size:58px;
    margin-bottom:10px
}
.cul-chName{
    font-weight:500;
    font-size:38px;
    color:#fff
}
.cul-allBox{
    position:relative;
    overflow:hidden
}
.cul-conBox{
    width:40vw;
    min-height:22.7911458333vw;
    overflow:hidden;
    opacity:0;
    transform:translateY(100px)
}
.cul-conAb{
    position:absolute;
    top:0;
    left:0
}
.cul-show{
    opacity:1;
    transform:translateY(0);
    transition:all .5s ease
}
.cul-content{
    display:flex;
    align-items:center
}
.cul-title{
    padding-top:80px;
    font-size:38px;
    color:#fff;
    overflow:hidden
}
.cul-text{
    padding-top:28px;
    font-size:14px;
    color:#fff;
    padding-bottom:200px
}
.cul-bom{
    margin:0;
    width:100%
}
.cul-bomBox{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    padding:100px 0 80px;
    position:relative;
    overflow:hidden
}
.cul-icon{
    margin-bottom:30px;
    z-index:10
}
.cul-bomTit{
    font-weight:500;
    font-size:30px;
    color:#fff;
    z-index:10
}
.cul-redBg{
    position:absolute;
    top:0;
    left:-100%;
    width:100%;
    height:100%;
    z-index:0;
    background-color:#d9261c
}
.trans{
    transition:all .5s
}
.cul-bomBox::after{
    content:"";
    position:absolute;
    top:0;
    right:0;
    width:1px;
    height:100%;
    background:#D8D8D8
}
.story-box{
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    background-image:url(../image/storybg.jpg);
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    margin:0;
    position:relative;
    z-index:8
}
.story-left{
    overflow:hidden;
    padding:0;
    display:flex;
    justify-content:center;
    align-items:center;
    background-color:#d9261c
}
.story-leBox{
    width:68%;
    height:137px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    font-size:34px;
    color:#fff
}
.story-right{
    padding:0;
    margin:0;
    background-color:#fff;
    margin-top:178px
}
.story-rigBox{
    padding-right:calc(var(--bs-gutter-x) * 1.8);
    padding-left:calc(var(--bs-gutter-x) * 4.1)
}
.story-name{
    margin-top:68px
}
.story-engName{
    font-family:'BagnardSans';
    color:#CB9878;
    font-size:58px;
    margin-bottom:10px
}
.story-chName{
    font-weight:500;
    font-size:38px;
    color:#4F4F4F
}
.story-title{
    font-weight:500;
    font-size:38px;
    color:#4F4F4F;
    margin-top:58px
}
.story-line{
    width:40px;
    height:2px;
    background-color:#d9261c;
    margin:19px 0 26px
}
.story-text{
    font-size:16px;
    line-height:30px;
    margin-bottom:162px
}
.story-left2{
    display:none
}
.video-box{
    position:relative;
    width:100%;
    height:36.46vw;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    background-image:url(../image/videobg.jpg);
    display:flex;
    justify-content:center;
    align-items:center;
    flex-direction:column
}
.video-iconBox{
    position:relative;
    cursor:pointer;
    z-index:10
}
.video-icon1{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%)
}
.video-icon2{
    transform:scaleY(-1);
    animation:spin2 3s infinite linear
}
.video-engTitle{
    color:#d9261c;
    font-size:64px;
    font-family:'BagnardSans';
    position:relative;
    z-index:10
}
.video-chTitle{
    color:#ffffff;
    font-size:24px;
    position:relative;
    z-index:10
}
.honor-content{
    width:100%;
    margin:0;
    display:flex;
    justify-content:center;
    overflow:hidden;
    /*padding-bottom:144px*/
}
.about4{padding:60px 0;}
.honor-box{
    position:relative;
    z-index:10;
    background-color:#f7f7f7;
}
.honor-topBox{
    margin:0;
    display:flex;
    justify-content:center;
    margin-bottom:87px
}
.honor-top{
    padding-left:calc(var(--bs-gutter-x) * 2.3);
    padding-right:calc(var(--bs-gutter-x) * 2.3)
}
.honor-top2{
    display:flex;
    justify-content:space-between;
    align-items:flex-end
}
.honor-engName{
    font-family:'BagnardSans';
    color:#CB9878;
    font-size:58px;
    margin-bottom:10px;
    margin-top:93px
}
.honor-chName{
    font-weight:500;
    font-size:38px;
    color:#4F4F4F
}
.honor-btn{
    display:flex;
    justify-content:center;
    align-items:center
}
.honor-prev,.honor-next{
    width:52px;
    height:52px;
    display:flex;
    justify-content:center;
    align-items:center;
    background-color:rgba(254,214,184,0.5);
    position:relative;
    cursor:pointer;
    transition:all 0.5s ease
}
.honor-conBox{
    /*padding-left:calc(var(--bs-gutter-x) * 5.6);*/
    padding-right:0
}
.honor-swiper{
    width:100%;
    overflow:hidden
}
.honor-slide{
    background-color:#fff
}
.honor-box2{
    background-color:#fff;
    padding:23px
}
.honor-box3{
    position:relative;
    cursor:pointer
}
.honor-box3::before{
    content:"";
    display:block;
    padding-top:66.6666%
}
.honor-redbg{
    position:absolute;
    top:0;
    right:0;
    background-color:#d9261c;
    opacity:0;
    width:100%;
    height:100%;
    z-index:10;
    display:flex;
    justify-content:center;
    align-items:center;
    flex-direction:column;
    color:#fff;
    transition:all 0.5s ease
}
.honor-redIcon{
    margin-bottom:10px;
    transform:scale(1.2);
    transition:all 0.5s ease
}
.honor-redText{
    transform:scale(1.2);
    transition:all 0.5s ease
}
.honor-box4{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:1;
    border:1px solid #FED6B8;
    display:flex;
    justify-content:center;
    align-items:center;
    padding:10px
}
.honor-box4 img{
    height:100%
}
.honor-title{
    width:100%;
    text-align:center;
    font-size:18px;
    color:#4F4F4F;
    margin-top:10px;
    margin-bottom:30px;
    padding: 0 23px;
}
.honor-page{
    position:inherit;
    bottom:0;
    margin-top:90px;
    /*padding-right:calc(var(--bs-gutter-x) * 5.6);*/
    outline:none
}
.honor-page .swiper-pagination-bullet{
    outline:none;
    width:12px;
    height:12px;
    margin:0 var(--swiper-pagination-bullet-horizontal-gap,12px) !important
}
.cer-box{
    width:100%;
    height:100%;
    position:fixed;
    top:0;
    left:0;
    z-index:-100;
    display:flex;
    justify-content:center;
    align-items:center;
    visibility:hidden;
    opacity:0;
    transition:all 0.5s ease
}
.cer-boxAct{
    visibility:visible;
    opacity:1;
    z-index:999;
    background-color:rgba(0,0,0,0.7)
}
.cer-boxAct2{
    visibility:visible;
    opacity:1;
    z-index:999;
    background-color:rgba(0,0,0)
}
.cer-contents img{
    height:75vh
}
.cer-but{
    position:absolute;
    z-index:9999;
    min-width:40px;
    height:40px;
    line-height:40px;
    background:rgb(0,0,0);
    text-decoration:none;
    font-size:24px;
    color:#fff;
    text-align:center;
    vertical-align:middle;
    transition:all 0.3s;
    border-radius:50%;
    cursor:pointer
}
.cer-close{
    top:104px;
    right:30px
}
.cer-prev{
    top:50%;
    left:30px;
    transform:translateY(-50%);
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.cer-next{
    top:50%;
    right:30px;
    transform:translateY(-50%);
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.cer-but:hover{
    background-color:#d9261c
}
.prod-box{
    display:flex;
    justify-content:center;
    background-color:#fff;
    margin:0;
    padding-top:3.5416666667vw;
    padding-bottom:5.3645833333vw;
    overflow:hidden;
    position:relative;
    z-index:10
}
.prod-box2{
    padding-left:calc(var(--bs-gutter-x) * 2.3);
    padding-right:calc(var(--bs-gutter-x) * 2.3)
}
.prod-ul{
    display:flex;
    flex-wrap:wrap;
    margin-bottom:46px
}
.prod-li{
    width: calc(25% - 40px);
    margin-right: 53px;
    margin-bottom:43px
}
.prod-li:nth-of-type(4n){
    margin-right: 0
}
.prod-ul1::after{
    content:"";
    width:23.4%
}
.prod-ul2::after{
    content:"";
    width:48.8%
}
.prod-puibox{
    display:flex;
    flex-direction:column;
    position:relative
}
.prod-ImgBox{
    position:relative;
    width:100%;
    background-color:#fff;
    transition:all 0.5s ease;
    margin-bottom:10px;
    border:1px solid #D8D8D8
}
.prod-ImgBox::after{
    width:100%;
    height:100%;
    /*border:1px solid #D8D8D8;*/
    position:absolute;
    top:0;
    left:0;
    content:''
}
.prod-img{
    transform:rotateY(0deg);
    width:100%;
    height:100%;
    object-fit:cover;
    transition:all 0.5s ease
}
.prod-newImg{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:all 0.5s ease;
    position:absolute;
    top:0;
    left:0;
    z-index:1;
    opacity:0;
    width:100%;
    transform:rotateY(-180deg)
}
.prod-ImgBox::before{
    content:"";
    display:block;
    padding-top:100%
}
.prod-content{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:1;
    display:flex;
    flex-direction:column;
    display:flex;
    justify-content:flex-end;
    align-items:center;
    background:linear-gradient(222deg,#E3E3E3 -19%,#F5F5F5 50%,#E3E3E3 120%)
}
.prod-title{
    font-size:18px;
    width:100%;
    padding:0.5208333333vw 1.0416666667vw;
    height:60px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    border-left:3px solid #d9261c;
    z-index:2;
    transition:all 0.5s ease;
    background-color:#fff;
    color:#4f4f4f;
    position:relative
}
.prod-title::after{
    content:"";
    transition:all 0.5s ease;
    position:absolute;
    bottom:0;
    left:0;
    width:0;
    height:100%;
    background-color:#d9261c;
    z-index:-1;
    color:#fff
}
.prod-text1{
    font-weight:500;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
    font-weight:500;
    font-size:20px
}
.prod-text1 p{
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap
}
.prod-puibox:hover .prod-img{
    transform:rotateY(-180deg);
    opacity:0
}
.prod-puibox:hover .prod-newImg{
    transform:rotateY(0);
    opacity:1
}
.prod-puibox:hover .prod-title:after{
    width:100%
}
.prod-puibox:hover .prod-title{
    color:#fff
}
.prod-pageBox{
    position:relative;
    z-index:1;
    display:flex;
    justify-content:center;
    align-items:center
}
.prod-pageLi{
    width:44px;
    height:44px;
    font-size:18px;
    font-weight:400;
    background-color:#E8E8E8
}
.prod-pageA{
    width:100%;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center
}
.prod-pageAct{
    background-color:#d9261c;
    color:#ffffff
}
.prod-pageLi{
    margin:0 9px
}
.prod-next1{
    display:none
}
.prod-prev1{
    display:none
}
.prod-pageNo{
    display:none
}
.prod-pageLiAct{
    background-color:#d9261c;
    color:#ffffff
}
.prod-pageLi:hover{
    background-color:#d9261c;
    color:#ffffff
}
.prot-leftTit{
    font-size:34px;
    line-height:34px;
    font-weight:500;
    color:#4F4F4F;
    padding-left:16px;
    position:relative
}
.prot-leftTit::after{
    content:'';
    position:absolute;
    left:0;
    top:0;
    height:100%;
    width:6px;
    background-color:#d9261c
}
.prod-pageLi:hover .prod-prev1,.prod-pageLi:hover .prod-next1{
    display:block
}
.prod-pageLi:hover .prod-prev2,.prod-pageLi:hover .prod-next2{
    display:none
}
.prod-pagination{
    display:none
}
.prot-direLeft,.prot-direRig{
    cursor:pointer
}
.prot-box{
    margin:0;
    display:flex;
    justify-content:center;
    margin-top:87.781px;
    background-color:#fff;
    position:relative
}
.prot-box2{
    padding-left:8.25vw;
    padding-right:8.25vw
}
.prot-swaLeft{
    padding:2.7864583333vw 0;
    display:flex;
    justify-content:flex-start;
    align-items:center
}
.prot-conBox{
    margin-top:10px;
    display:flex;
    justify-content:space-between
}
.prot-conLeft{
    display:flex;
    justify-content:space-between
}
.prot-conRig{
    width:52.7%
}
.prot-bigBox{
    width:22.6359375vw;
    margin-right:10px;
    position:relative
}
.prot-bigbut{
    width:32px;
    height:56px;
    background-color:#fff;
    display:flex;
    justify-content:center;
    align-items:center;
    -moz-user-select:none;
    -webkit-user-select:none;
    -ms-user-select:none;
    -khtml-user-select:none;
    -o-user-select:none;
    user-select:none
}
.prot-bigLeft{
    position:absolute;
    left:10px;
    top:50%;
    transform:translateY(-50%);
    z-index:0;
    opacity:0;
    transition:all .5s;
    cursor:pointer
}
.prot-bigRig{
    position:absolute;
    right:10px;
    top:50%;
    transform:translateY(-50%);
    z-index:0;
    opacity:0;
    transition:all .5s;
    cursor:pointer
}
.prot-bigBox:hover .prot-bigLeft,.prot-bigBox:hover .prot-bigRig{
    opacity:1;
    z-index:10
}
.pro-swiper{
    width:7.34375vw;
    height:26.4177083333vw
}
.prot-img{
    width:100%;
    height:100%;
    object-fit:cover
}
.prot-title{
    font-weight:500;
    font-size:46px;
    color:#4F4F4F;
    padding-bottom:1.3541666667vw;
    position:relative
}
.prot-title::after{
    content:'';
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:1px;
    background-color:#CBCBCB
}
.prot-text{
    font-weight:400;
    font-size:16px;
    color:#4F4F4F;
    padding:1.5104166667vw 0;
    position:relative;
    line-height:28px
}
.prot-text span{
    font-weight:500
}
.prot-text::after{
    content:'';
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:1px;
    background-color:#CBCBCB
}
.prot-detail{
    display:flex;
    justify-content:flex-start;
    align-items:center
}
.prot-intro{
    display:flex;
    justify-content:flex-start;
    align-items:center;
    flex-wrap:wrap
}
.prot-intro2{
    padding:0 14px;
    border:1px solid #d9261c;
    min-width:120px;
    height:30px;
    font-size:16px;
    color:#d9261c;
    display:flex;
    justify-content:center;
    align-items:center;
    margin-right:8px;
    margin-bottom:10px
}
.prot-detIcon{
    display:flex;
    justify-content:center;
    align-items:center;
    margin-right:8px
}
.prot-detCon{
    font-weight:400;
    font-size:16px;
    color:#333333
}
.prot-chara{
    margin-top:2.1354166667vw;
    margin-bottom:1.4583333333vw
}
.prot-butBox{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-top:1.40625vw
}
.prot-leftBut{
    display:flex;
    justify-content:center;
    align-items:center
}
.prot-but{
    display:flex;
    justify-content:center;
    align-items:center;
    width:150px;
    height:48px;
    background-color:#D8D8D8;
    font-size:16px;
    font-weight:400;
    color:#4F4F4F
}
.prot-but1{
    background-color:#d9261c;
    color:#ffffff
}
.prot-but:hover{
    background-color:#d9261c;
    color:#ffffff
}
.prot-but:hover .prot-consult1,.prot-but:hover .prot-return1{
    display:none
}
.prot-but:hover .prot-consult2,.prot-but:hover .prot-return2{
    display:block
}
.prot-direBox:hover{
    background-color:#d9261c
}
.prot-direBox:hover .prot-left2,.prot-direBox:hover .prot-right2{
    display:none
}
.prot-direBox:hover .prot-left1,.prot-direBox:hover .prot-right1{
    display:block
}
.prot-butIcon{
    margin-right:7.1px
}
.prot-but1{
    margin-right:30px
}
.prot-rigBut{
    display:flex;
    justify-content:center;
    align-items:center
}
.prot-direBox{
    display:flex;
    justify-content:center;
    align-items:center;
    width:52px;
    height:48px;
    background-color:#D8D8D8
}
.prot-return2,.prot-left1,.prot-right1{
    display:none
}
.prot-parBox{
    padding-top:5.15625vw;
    padding-bottom:5.2083333333vw;
    position:relative
}
.prot-parBox::after{
    content:'';
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:1px;
    background-color:#CBCBCB
}
.prot-titBox{
    width:100%;
    height:4.1666666667vw;
    background-color:rgba(254,214,184,0.3);
    padding:0 1.40625vw;
    display:flex;
    justify-content:flex-start;
    align-items:center
}
.prot-recBox{
    padding-top:4.1666666667vw;
    padding-bottom:3.2291666667vw
}
.prot-recTitle{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:2.9166666667vw
}
.prot-parTitle{
    font-weight:500;
    font-size:30px;
    color:#4F4F4F
}
.prot-parText{
    padding:0 1.40625vw;
    padding-top:1.5625vw;
    min-height:13.8020833333vw;
    position:relative;
    color:#4F4F4F;
    font-size:16px;
    font-weight:500;
    line-height:28px
}
.prot-parText span{
    font-weight:700;
    font-size:16px
}
.main-swiper{
    width:100%;
    height:26.4177083333vw;
    overflow:hidden
}
.main-slBox1{
    position:relative;
    cursor:pointer
}
.main-slBox1::before{
    content:"";
    display:block;
    padding-top:133.17%
}
.main-slBox2{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:1;
    display:flex;
    justify-content:center;
    align-items:center;
    overflow:hidden
}
.main-img{
    width:100%;
    height:100%;
    object-fit:cover
}
.prot-butBox2{
    display:none
}
.pro-swiper2{
    display:none
}
.prot-imgAct{
    border:1px solid #9A1020
}
.conta-img::after{
    content:'';
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background-color:rgba(147,136,129,0.4)
}
.conta-rigUl{
    justify-content:flex-end
}
.conta-rigli{
    margin-right:6.25vw
}
.coIn-box{
    position:relative;
    margin:0;
    padding-top:78px;
    padding-bottom:84px;
    display:flex;
    justify-content:center;
    background-color:#fff;
    overflow:hidden;
    z-index:10
}
.coIn-box2{
    padding-left:calc(var(--bs-gutter-x) * 2.3);
    padding-right:calc(var(--bs-gutter-x) * 2.3)
}
.coIn-nameBox{
    margin-bottom:49px
}
.coIn-engName{
    font-weight:400;
    font-size:58px;
    color:#CB9878
}
.coIn-chName{
    font-weight:500;
    font-size:38px;
    color:#4F4F4F
}
.coIn-conBox{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:0 1.5625vw
}
.coIn-imgBox{
    width:38.959vw;
    height:335px;
    overflow:hidden
}
.coIn-img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:cubic-bezier(0.22,0.61,0.36,1) .45s
}
.coIn-con{
    padding-top:2.6041666667vw;
    padding-left:3.125vw
}
.coIn-text1{
    margin-bottom:0.7291666667vw
}
.coIn-title{
    font-weight:500;
    font-size:24px;
    color:#d9261c;
    margin-bottom:1.3020833333vw
}
.coIn-text{
    font-weight:700;
    font-size:16px;
    color:#4F4F4F;
    display:flex;
    justify-content:flex-start;
    align-items:center
}
.coIn-text2{
}
.coIn-icon{
    width:19px;
    margin-right:14px
}
.coIn-conBox2:hover .coIn-img{
    transform:scale(1.1)
}
.coIn-iconA:hover{
    color:#d9261c !important
}
.mes-box{
    margin:0;
    padding:162px 0 153px;
    display:flex;
    justify-content:center;
    background-image:url('../image/bg.jpg');
    background-position:center 40%;
    background-repeat:no-repeat;
    position:relative;
    z-index:10
}
.mes-top{
    position:absolute;
    height:80px;
    top:0;
    left:0;
    transform:translateY(-100%)
}
.mes-box2{
    padding-left:calc(var(--bs-gutter-x) * 2.3);
    padding-right:calc(var(--bs-gutter-x) * 2.3)
}
.mes-conBox{
    background-color:#fff;
    position:relative
}
.mes-conBox::after{
    position:absolute;
    top:0;
    left:0;
    content:'';
    background-color:#d9261c;
    height:8px;
    width:100%
}
.mes-formBox{
    display:flex;
    justify-content:space-between;
    padding:125px 5.313vw
}
.mes-left{
    width:29.8958333333vw;
    position:relative;
    padding-bottom:52px
}
.mes-left2{
    margin-right:4.43vw
}
.mes-left::after{
    content:'';
    position:absolute;
    right:0;
    top:0;
    height:100%;
    width:1px;
    background-color:#D8D8D8
}
.mes-engName{
    font-weight:400;
    font-size:48px;
    color:#CB9878;
    margin-bottom:15px
}
.mes-chName{
    font-weight:500;
    font-size:38px;
    color:#4F4F4F;
    margin-bottom:37px
}
.mes-text{
    width:100%;
    font-size:16px;
    line-height:30px;
    font-weight:400;
    color:#4F4F4F;
    padding-bottom:20px;
    margin-bottom:12px;
    position:relative
}
.mes-text p{
    width:342px
}
.mes-text::after{
    position:absolute;
    left:0;
    bottom:0;
    content:'';
    width:100%;
    height:1px;
    background-color:#D8D8D8
}
.mes-emailBox{
    position:relative;
    padding-bottom:25px
}
.mes-email::after{
    position:absolute;
    left:0;
    bottom:0;
    content:'';
    width:100%;
    height:1px;
    background-color:#D8D8D8
}
.mes-title{
    font-size:16px;
    line-height:30px;
    font-weight:400;
    color:#9E9E9E;
    margin-bottom:3px
}
.mes-formTit{
    font-size:16px;
    font-weight:400;
    color:#4F4F4F;
    margin-bottom:10px
}
.mes-rigTit{
    font-weight:500;
    font-size:18px;
    color:#4F4F4F
}
.mes-right{
    margin-left:30px;
    width:41.107vw;
    height:100%
}
.mes-formUl{
    height:100%;
    margin-top:27px
}
.mes-formLi{
    position:relative;
    margin-bottom:30px;
    padding-bottom:3px
}
.mes-formLi::after{
    position:absolute;
    left:0;
    bottom:0;
    content:'';
    width:100%;
    height:1px;
    background-color:#666666
}
.mes-inp::placeholder{
    font-size:14px;
    color:#9E9E9E
}
.mes-but{
    width:100%;
    height:52px;
    font-size:22px;
    color:#fff;
    position:relative;
    z-index:100;
    background-color:rgba(0,0,0,0)
}
.mes-formBut{
    position:relative;
    background-color:#d9261c
}
.mes-formBut::after{
    width:0%;
    height:100%;
    position:absolute;
    top:0;
    left:50%;
    content:'';
    background-color:rgba(255,255,255,0.2);
    transition:all .5s
}
.mes-formBut:hover::after{
    left:0;
    width:100%
}
.newsf-box{
    display:flex;
    justify-content:center;
    background-color:#F5F5F4;
    margin:0;
    padding:3.90625vw 0;
    position:relative;
    z-index:10
}
.newsf-box2{
    overflow:hidden;
    position:relative;
    padding:0
}
.newsf-conBox{
    width:100%;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center
}
.newsf-imgBox{
    width:50%;
    height:100%;
    overflow:hidden
}
.newsf-swiper{
    width:100%
}
.newsf-slBox1{
    position:relative;
    cursor:pointer;
    height:100%
}
.newsf-slBox1::before{
    content:"";
    display:block;
    padding-top:66.66%
}
.newsf-slBox2{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:1;
    display:flex;
    justify-content:center;
    align-items:center;
    overflow:hidden
}
.newsf-slBox2 img{
    width:100%;
    height:100%;
    transition:all .5s
}
.newsf-conBox:hover .newsf-leftImg{
    transform:scale(1.1)
}
.newsf-conBox:hover .newf-title{
    color:#d9261c
}
.newsf-conBox .swiper-wrapper{
    position:relative;
    z-index:10
}
.newsf-slide a{
    transform:translateX(1px);
    display:flex;
    justify-content:center;
    align-items:center;
    background-color:#fff;
    overflow:hidden
}
.newf-conBox{
    background-color:#fff;
    width:50%;
    height:100%
}
.newsf-textBox{
    width:50%;
    height:100%;
    background-color:#fff;
    padding-left:2.8645833333vw;
    padding-right:2.8125vw;
    padding-top:2.2395833333vw
}
.newf-date1{
    line-height:60px;
    font-weight:700;
    font-size:60px;
    color:#4F4F4F
}
.newf-date2{
    font-weight:700;
    font-size:18px;
    color:#4F4F4F;
    margin-bottom:26px
}
.newf-title{
    font-weight:500;
    font-size:22px;
    color:#4F4F4F;
    margin-bottom:1.4583333333vw;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.newf-text{
    font-weight:400;
    font-size:14px;
    color:#666666;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    overflow:hidden;
    -webkit-line-clamp:3;
    white-space:normal;
    margin-bottom:2.9166666667vw
}
.newf-more{
    font-weight:400;
    font-size:14px;
    color:#d9261c;
    float:right;
    margin-right:3.1770833333vw
}
.newsf-pagination{
    position:absolute;
    left:calc(2.8645833333vw + 50%) !important;
    z-index:99;
    width:100px !important;
    bottom:2.65625vw !important
}
.newsc-box{
    margin:0;
    display:flex;
    justify-content:center;
    background-color:#fff;
    padding-bottom:137px;
    overflow:hidden;
    position:relative;
    z-index:10
}
.newsc-box2{
    position:relative;
    z-index:1;
    padding-left:calc(var(--bs-gutter-x) * 2.3);
    padding-right:calc(var(--bs-gutter-x) * 2.3);
    margin-bottom:30px
}
.newsc-li{
    position:relative;
    transition:all .5s;
    left:0;
    top:0
}
.newsc-conA{
    padding-top:3.1447916667vw;
    padding-bottom:3.1447916667vw;
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    transition:all .5s
}
.newsc-li::after{
    content:'';
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:1px;
    transition:all .5s;
    background-color:#DBDBDB
}
.newsc-li::before{
    content:'';
    position:absolute;
    bottom:0;
    left:0;
    width:0%;
    height:2px;
    transition:all .5s;
    background-color:#d9261c
}
.newsc-dateBox{
    width:78px;
    min-width:78px;
    height:102px;
    background-color:#CB9878;
    display:flex;
    justify-content:center;
    align-items:center;
    flex-direction:column;
    transition:all .5s;
    z-index:10
}
.newsc-conBox{
    width:44.56%;
    z-index:10;
    margin:0 1.0416666667vw;
    margin-top:3.1052083333vw
}
.newsc-imgBox{
    width:25.8333333333vw;
    height:17.2916666667vw;
    overflow:hidden;
    z-index:10;
    transition:cubic-bezier(0.22,0.61,0.36,1) .45s
}
.newsc-img{
    width:100%;
    height:100%;
    transition:cubic-bezier(0.22,0.61,0.36,1) .45s;
    object-fit:cover
}
.newsc-date1{
    font-weight:700;
    font-size:60px;
    line-height:60px;
    color:#ffffff
}
.newsc-date2{
    font-weight:700;
    font-size:18px;
    color:#ffffff
}
.newsc-title{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-weight:500;
    font-size:26px;
    color:#4f4f4f;
    margin-bottom:1.6666666667vw;
    transition:all .5s
}
.newsc-conA:hover .newsc-img{
    transform:scale(1.1)
}
.newsc-conA:hover .newsc-title{
    color:#d9261c
}
.newsc-conA:hover .newsc-dateBox{
    background-color:#d9261c
}
.newsc-li:has(.newsc-conA:hover)::before{
    width:100%
}
.newsc-text{
    font-weight:400;
    font-size:14px;
    color:#666666;
    margin-bottom:3.9583333333vw;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    overflow:hidden;
    -webkit-line-clamp:5;
    white-space:normal
}
.newsc-more{
    font-weight:400;
    font-size:14px;
    color:#4f4f4f
}
.circle1{
    z-index:0;
    position:fixed;
    left:-118px;
    bottom:-66px;
    width:409.43px;
    height:409.43px;
    border-radius:50%;
    opacity:0.12;
    background:linear-gradient(270deg,rgba(171,22,43,0.3) 0%,rgba(216,216,216,0) 108%)
}
.circle2{
    z-index:0;
    position:fixed;
    right:-15.1041666667vw;
    top:-7.1354166667vw;
    width:35.3125vw;
    height:35.3125vw;
    border-radius:50%;
    opacity:0.12;
    background:linear-gradient(277deg,#d9261c 4%,rgba(216,216,216,0) 93%)
}
.about-pp{
    animation:spin2 8s infinite linear;
    transform-origin:50% 45%
}
.newst-box{
    margin:0;
    display:flex;
    justify-content:center;
    margin-top:87.781px;
    padding-bottom:72px;
    background-color:#fff;
    position:relative
}
.newst-box2{
    padding-left:8.25vw;
    padding-right:8.25vw
}
.newst-swaLeft{
    padding:2.7864583333vw 0;
    position:relative
}
.newst-conBox{
    display:flex;
    justify-content:space-between
}
.newst-dateBox1{
    background-color:#d9261c;
    min-width:78px;
    margin-top:0
}
.newst-dateBox2{
    background-color:#d9261c;
    display:none;
    margin-top:0
}
.newst-con{
    margin-top:29px;
    width:62%
}
.newst-conRig{
    width:26.9%
}
.newst-conRig2{
    margin-top:29px;
    width:100%;
    background-color:rgba(245,245,244,0.8);
    padding:25px 30px 20px;
    position:sticky;
    left:0;
    top:100px
}
.newst-titleBox{
    position:relative;
    padding-bottom:3px
}
.newst-titleBox2{
    display:flex;
    justify-content:flex-start;
    overflow:hidden
}
.newst-titleBox::after{
    position:absolute;
    left:0;
    bottom:0;
    content:'';
    width:100%;
    height:1px;
    background-color:#D8D8D8
}
.newst-shareBox{
    display:flex;
    justify-content:flex-start;
    align-items:center
}
.newst-TextBox{
    margin-top:60px;
    margin-bottom:89px;
    display:flex;
    justify-content:center;
    align-items:center;
    flex-direction:column
}
.newst-TextBox p img{
    width:33.8vw !important;
    object-fit:cover !important;
    margin-bottom:36px !important
}
.prot-parText p img{
    width:80% !important
}
.newst-butBox{
    display:flex;
    justify-content:space-between;
    align-items:center
}
.newst-butBox1{
    width:70%;
    display:flex;
    justify-content:center;
    align-items:flex-start;
    flex-direction:column
}
.newst-prev{
    width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    margin-bottom:20px
}
.newst-next{
    width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.newst-prev:hover{
    color:#9A1020
}
.newst-next:hover{
    color:#9A1020
}
.newst-rigImgBox{
    overflow:hidden
}
.newst-rigImg{
    width:100%;
    object-fit:cover;
    transition:cubic-bezier(0.215,.61,.355,1) .45s
}
.newst-icon1{
    color:#afafaf
}
.newst-icon{
    margin-right:20px
}
.newst-icon2{
    display:none
}
.newst-icon:hover .newst-icon1{
    display:none
}
.newst-icon:hover .newst-icon2{
    display:inline
}
.newst-title{
    font-weight:500;
    font-size:26px;
    color:#4F4F4F;
    margin-bottom:18px
}
.newst-public{
    margin-right:56px;
    font-weight:400;
    font-size:14px;
    color:#4F4F4F
}
.newst-share{
    display:flex;
    justify-content:center;
    align-items:center;
    font-weight:400;
    font-size:14px;
    color:#4F4F4F
}
.newst-TextBox p{
    font-weight:400 !important;
    font-size:14px !important;
    line-height:22px !important;
    color:#4F4F4F !important;
    margin-bottom:20px !important
}
.newst-butBox1{
    font-weight:400;
    font-size:14px;
    color:#4F4F4F
}
.newst-butBox2{
    width:120px;
    height:38px;
    background-color:#d9261c;
    line-height:38px;
    text-align:center;
    font-weight:400;
    font-size:14px;
    color:#ffffff
}
.newst-related{
    margin-bottom:23px;
    font-weight:500;
    font-size:20px;
    color:#333333;
    padding-left:16px;
    position:relative
}
.newst-related::after{
    content:'';
    position:absolute;
    left:0;
    top:0;
    height:100%;
    width:6px;
    background-color:#d9261c
}
.newst-rigTit{
    padding:20px 0;
    font-weight:500;
    font-size:16px;
    color:#4F4F4F;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    position:relative
}
.newst-rigTit::after{
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:1px;
    content:'';
    background-color:#D8D8D8
}
.newst-rigUl{
    margin-top:20px
}
.newst-liTit{
    font-weight:400;
    font-size:14px;
    color:#4F4F4F;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    width:60%
}
.newst-rigTA:hover .newst-rigTit{
    color:#9A1020
}
.newst-rigTA:hover .newst-rigImg{
    transform:scale(1.1)
}
.newst-rigLi{
    font-weight:400;
    font-size:14px;
    color:#4F4F4F;
    margin-bottom:10px
}
.newst-rigA{
    display:flex;
    justify-content:space-between;
    align-items:center
}
.newst-rigA:hover{
    color:#9A1020
}
.newst-rigA:hover .newst-liTit{
    color:#9A1020
}
.newst-rigLi:last-child{
    margin-bottom:0
}
.newst-liDate{
    font-family:'D-DIN'
}
.project-ul{
    position:relative;
    z-index:10;
    background-color:#fff;
    padding-bottom:4.5734375vw
}
.project-li{
    display:flex;
    justify-content:center;
    margin:0;
    padding:0;
    background-color:#F5F5F4;
    overflow:hidden;
    position:relative;
    margin-bottom:4.84375vw
}
.project-top{
    position:absolute;
    height:80px;
    top:0;
    left:0;
    transform:translateY(-100%)
}
.project-box{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding-left:calc(var(--bs-gutter-x) * 2.3);
    padding-right:calc(var(--bs-gutter-x) * 2.3)
}
.project-left{
    width:44%
}
.project-right{
    width:44.9%
}
.project-titBox{
    position:relative;
    padding-bottom:2.2395833333vw;
    margin-bottom:2.6041666667vw
}
.gg{
    position:absolute;
    left:-7%;
    top:-30%;
    opacity:0.12;
    width:166.19px;
    height:166.14px;
    border-radius:50%;
    background:linear-gradient(277deg,#d9261c 4%,rgba(216,216,216,0) 93%);
    animation:spin2 8s infinite linear;
    transform-origin:50% 45%
}
.project-li:nth-child(2n) .gg{
    left:inherit;
    right:-7%;
    top:-20%
}
.project-engTitle{
    font-family:'BagnardSans';
    font-size:48px;
    color:#CB9878
}
.project-engTitle:first-child{
    margin-top:6.1979166667vw
}
.project-chTitle{
    margin-top:0.46875vw;
    color:#4F4F4F;
    font-size:38px;
    font-weight:500
}
.project-titBox::after{
    position:absolute;
    bottom:0;
    left:0;
    content:'';
    width:83%;
    height:1px;
    background-color:#D8D8D8
}
.project-li:nth-child(2n) .project-titBox::after{
    left:inherit;
    right:0
}
.project-con{
    font-weight:400;
    font-size:18px;
    line-height:30px;
    color:#666666;
    margin-bottom:24px
}
.project-label{
    display:flex;
    justify-content:flex-start;
    align-items:center;
    flex-wrap:wrap;
    margin-bottom:4.84375vw
}
.project-label2{
    min-width:200px;
    height:48px;
    background-color:#d9261c;
    color:#ffffff;
    display:flex;
    justify-content:center;
    align-items:center;
    margin-right:14px;
    margin-bottom:10px;
    padding:0 10px;
    font-size:18px;
    font-weight:500;
    border-radius: 50px;
}
.project-label2 img{margin-left: 8px;transition: .3s;margin-bottom: 4px;}
.project-label2:hover img{transform: translateX(10px);}
.project-slBox1{
    position:relative
}
.project-slBox1::before{
    content:"";
    display:block;
    padding-top:75%
}
.project-slBox2{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:1;
    display:flex;
    justify-content:center;
    align-items:center;
    overflow:hidden
}
.project-slBox2 img{
    width:100%;
    height:100%;
    transition:all .5s
}
.project-li:nth-child(2n) .project-box{
    flex-direction:row-reverse
}
.project-li:nth-child(2n) .project-left{
    text-align:right
}
.project-li:nth-child(2n) .project-label{
    justify-content:flex-end
}
#form{
    overflow:hidden
}
.project-li:hover .project-slBox2 img{
    transform:scale(1.1)
}
.cer-box2{
    width:100%;
    height:100%;
    position:fixed;
    top:0;
    left:0;
    z-index:-100;
    display:flex;
    justify-content:center;
    align-items:center;
    visibility:hidden;
    opacity:0;
    transition:all 0.5s ease
}
.cer-boxAct{
    visibility:visible;
    opacity:1;
    z-index:999;
    background-color:rgba(0,0,0,0.6)
}
.cer-boxAct2{
    visibility:visible;
    opacity:1;
    z-index:999;
    background-color:rgba(0,0,0,0.2)
}
.cer-but2:hover{
    background-color:#d9261c
}
.cel-play{
    width:960px;
    display:none;
    justify-content:center;
    align-items:center;
    position:relative
}
.cel-play video{
    display:block;
    width:100%;
    object-fit:cover
}
.cer-close2{
    position:absolute;
    z-index:9999;
    width:80px;
    height:80px;
    display:flex;
    justify-content:center;
    align-items:center;
    background:rgb(0,0,0);
    text-decoration:none;
    color:#fff;
    vertical-align:middle;
    cursor:pointer;
    top:0px;
    right:-80px
}
.cer-close2 img{
    width:45%;
    height:45%;
    object-fit:cover
}
.tent-box{
    height:100vh;
    position:fixed;
    top:0;
    right:-64px;
    z-index:500;
    transition:all .5s
}
.tent-li{
    margin-top:11px;
    width:56px;
    height:56px;
    border-radius:50%;
    background-color:#CB9878;
    display:flex;
    justify-content:center;
    align-items:center;
    cursor:pointer
}
.tent-li1{
    position:relative;
    top:50%
}
.tent-li3{
    position:relative;
    top:52%
}
.fist-totop{
    opacity:0
}
.cor-newtext{
    margin-top:3.6458333333vw;
    font-size:26px;
    letter-spacing:0.08em;
    font-weight:400;
    color:#ffffff
}
@media (max-width:1600px){
    .newst-box2{
        padding-left:calc(var(--bs-gutter-x) * 2.3);
        padding-right:calc(var(--bs-gutter-x) * 2.3)
    }
    .prot-box2{
        padding-left:calc(var(--bs-gutter-x) * 2.3);
        padding-right:calc(var(--bs-gutter-x) * 2.3)
    }
}
@media (min-width:1530px){
    .story-left{
        width:44.6%
    }
    .story-right{
        width:55.4%
    }
    .newsf-box2{
        width:1200px
    }
}
@media (max-width:1530px){
    .cor-newtext{
        font-size:22px
    }
    .about-top{
        height:108px;
        width:calc(100% - 57vw)
    }
    .mes-left{
        width:36.895833vw
    }
    .head-shopping{
        transform:scale(0.8)
    }
    .swashes-engName{
        font-size:36px
    }
    .swashes-chName{
        font-size:28px
    }
    .cor-iconNew img{
        width:30px
    }
    .ster-push p{
        width:32px;
        height:20px;
        font-size:20px;
        line-height:20px
    }
    .ster-title{
        font-size:18px
    }
    .ster-nameBox{
        padding-top:50px;
        padding-bottom:30px
    }
    .ster-engH1{
        font-size:36px;
        line-height:45px
    }
    .ster-ChH1{
        font-size:28px
    }
    .ster-right{
        height:736px
    }
    .ster-open .ster-title{
        font-size:20px
    }
    .ster-leftTitle p{
        font-family:'Arial';
        font-size:20px;
        font-weight:bold
    }
    .ster-leftTitle p:nth-child(1){
        font-family:'Twenty';
        font-size:16px
    }
    .newsf-box2{
        padding-left:calc(var(--bs-gutter-x) * 2.3);
        padding-right:calc(var(--bs-gutter-x) * 2.3)
    }
    .mes-formBox{
        padding:60px 2.313vw
    }
    .mes-left2{
        margin-right:2vw
    }
    .coIn-conBox{
        padding:0
    }
    .prot-butBox{
        margin-top:30px
    }
    .prod-ul::after{
        content:"";
        width:31.55%
    }
    .cor-engName{
        display:flex
    }
    .cor-iconNew{
        margin-bottom:37%
    }
    .cor-box{
        width:60%;
        margin:0
    }
    .cor-engH1:first-child{
        margin-right:10px
    }
    .cor-left{
        margin:0;
        flex:1;
        height:100%;
        padding-left:calc(0.5rem * 0.6 + 5.5vw)
    }
    .cor-topContent:nth-child(1),.cor-topContent:nth-child(2),.cor-topContent:nth-child(3){
        border-top:1px solid #fff
    }
    .cor-telBox{
        border-bottom:none;
        margin-bottom:0
    }
    .prod-ImgBox{
        margin-bottom:10px
    }
    .prod-title{
        height:40px
    }
    .cor-telBox:nth-child(1):after,.cor-telBox:nth-child(2):after,.cor-telBox:nth-child(3):after,.cor-telBox:nth-child(4):after{
        content:"";
        width:100%;
        height:1px;
        transition:all 0.5s ease;
        position:absolute;
        bottom:0;
        left:0;
        background-color:#fff;
        color:#fff
    }
    .prot-title{
        font-size:40px
    }
    .pro-rightBox{
        padding-left:0
    }
    .pro-center{
        padding-bottom:48px
    }
    .news-content{
        flex-wrap:wrap
    }
    .news-box{
        width:32%
    }
    .news-box:last-child{
        display:none
    }
    .food-bottom1,.food-bottom3{
        width:50%
    }
    .cul-conBox{
        width:50vw
    }
    .prot-parTitle{
        font-size:25px
    }
    .head-logoImg{
        width:auto;
        height:55px
    }
    .head-li{
        font-size:16px
    }
    .head-liimg{
        width:15px;
        bottom:7px
    }
    .head-telImg1,.head-telImg2{
        width:16px
    }
    .head-tel{
        font-size:16px
    }
    .news-top{
        padding-top:80px;
        padding-bottom:50px
    }
    .about-engTitle{
        font-size:36px
    }
    .project-engTitle{
        font-size:36px
    }
    .about-chTitle{
        font-size:28px;
        margin-bottom:20px
    }
    .project-chTitle{
        font-size:28px
    }
    .about-text{
        font-size:14px;
        line-height:22px;
        margin-bottom:40px
    }
    .about-a{
        font-size:14px
    }
    .about-numBox{
        padding-top:30px;
        padding-bottom:50px
    }
    .about-numCon{
        font-size:50px;
        margin-bottom:0
    }
    .about-num2{
        font-size:16px;
        height:50px;
        line-height:50px
    }
    .about-numText{
        font-size:16px
    }
    .head-box{
        padding-left:calc(var(--bs-gutter-x) * 1);
        padding-right:calc(var(--bs-gutter-x) * 1)
    }
    .pro-box{
        padding-left:calc(var(--bs-gutter-x) * 1);
        padding-right:calc(var(--bs-gutter-x) * 1)
    }
    .project-label2{
        min-width:140px;
        height:40px;
        font-size:16px
    }
    .project-box{
        padding-left:calc(var(--bs-gutter-x) * 1);
        padding-right:calc(var(--bs-gutter-x) * 1)
    }
    .big-content{
        left:6.1vw
    }
    .news-centerBox{
        padding-left:calc(var(--bs-gutter-x) * 1);
        padding-right:calc(var(--bs-gutter-x) * 1)
    }
    .food-bottomBox{
        padding-left:calc(var(--bs-gutter-x) * 1);
        padding-right:calc(var(--bs-gutter-x) * 1)
    }
    .story-rigBox{
        padding-left:calc(var(--bs-gutter-x) * 1);
        padding-right:calc(var(--bs-gutter-x) * 1)
    }
    .story-rigBox{
        padding-left:calc(var(--bs-gutter-x) * 1);
        padding-right:calc(var(--bs-gutter-x) * 1)
    }
    .prod-box2{
        padding-left:calc(var(--bs-gutter-x) * 1);
        padding-right:calc(var(--bs-gutter-x) * 1)
    }
    .prot-box2{
        padding-left:calc(var(--bs-gutter-x) * 1);
        padding-right:calc(var(--bs-gutter-x) * 1)
    }
    .ster-nameBox{
        padding-left:1vw
    }
    .ster-conBox3{
        padding-left:calc(var(--bs-gutter-x) * 1.1);
        padding-right:calc(var(--bs-gutter-x) * 1.1)
    }
    .about-box{
        padding-left:calc(var(--bs-gutter-x) * 0.1);
        padding-right:calc(var(--bs-gutter-x) * 0.1)
    }
    .cul-topBox{
        padding-left:calc(var(--bs-gutter-x) * 1.1);
        padding-right:calc(var(--bs-gutter-x) * 1.1)
    }
    .coIn-box2{
        padding-left:calc(var(--bs-gutter-x) * 1.1);
        padding-right:calc(var(--bs-gutter-x) * 1.1)
    }
    .mes-box2{
        padding-left:calc(var(--bs-gutter-x) * 1.1);
        padding-right:calc(var(--bs-gutter-x) * 1.1)
    }
    .newsf-box2{
        padding-left:calc(var(--bs-gutter-x) * 1.1);
        padding-right:calc(var(--bs-gutter-x) * 1.1)
    }
    .newsc-box2{
        padding-left:calc(var(--bs-gutter-x) * 1.1);
        padding-right:calc(var(--bs-gutter-x) * 1.1)
    }
    .newst-box2{
        padding-left:calc(var(--bs-gutter-x) * 1.1);
        padding-right:calc(var(--bs-gutter-x) * 1.1)
    }
    .newsf-pagination{
        bottom:4.65625vw !important
    }
    .honor-page .swiper-pagination-bullet{
        outline:none;
        width:8px;
        height:8px;
        margin:0 var(--swiper-pagination-bullet-horizontal-gap,5px) !important
    }
    .swashes-navBox2,.swashes-conBox2,.swashes-numBox2{
        padding-left:calc(var(--bs-gutter-x) * 1.1);
        padding-right:calc(var(--bs-gutter-x) * 1.1)
    }
    .pro-navicon img{
        height:30px
    }
    .pro-nameBox2{
        font-size:14px
    }
    .pro-nameBox2 div:first-child p{
        font-size:16px
    }
    .project-con{
        font-size:16px
    }
    .news-text2,.pro-text{
        font-size:14px;
        height:30px;
        line-height:29px;
        width:100px
    }
    .cor-engH1{
        font-size:36px
    }
    .cor-chH1{
        font-size:28px
    }
    .pro-engName{
        font-size:36px
    }
    .pro-chH1{
        font-size:28px
    }
    .news-engH1{
        font-size:36px
    }
    .news-chH1{
        font-size:28px
    }
    .story-engName{
        font-size:36px
    }
    .story-chName{
        font-size:28px
    }
    .cul-engName{
        font-size:36px
    }
    .cul-chName{
        font-size:28px
    }
    .honor-engName{
        margin-top:60px;
        margin-bottom:0;
        font-size:36px
    }
    .honor-content{
        /*padding-bottom:80px*/
    }
    .about4{padding:40px 0;}
    .honor-page{
        margin-top:50px
    }
    .honor-title{
        margin-top:0px;
        margin-bottom:10px
    }
    .honor-topBox{
        margin-bottom:45px
    }
    .honor-chName{
        font-size:28px
    }
    .coIn-engName{
        font-size:36px
    }
    .coIn-chName{
        font-size:28px
    }
    .mes-engName{
        font-size:36px
    }
    .top{
        height:67px
    }
    .mes-chName{
        font-size:28px
    }
    .coIn-imgBox{
        height:283px
    }
    .pro-title{
        font-size:16px;
        height:45px
    }
    .pro-title::after{
        height:45px
    }
    .banner-chName{
        font-size:48px;
        margin-bottom:0
    }
    .banner-engName{
        font-size:26px
    }
    .swashes-rigCh{
        font-size:18px
    }
    .swashes-rigUl{
        margin:12px 0
    }
    .swashes-left{
        margin:24px 0
    }
    .swashes-numCon{
        font-size:60px;
        height:60px;
        line-height:60px;
        margin-bottom:5px
    }
    .swashes-numBox3{
        padding-top:30px;
        padding-bottom:40px
    }
    .cul-title{
        padding-top:35px;
        font-size:28px
    }
    .cul-icon{
        margin-bottom:20px;
        transform:scale(0.8)
    }
    .cul-bomTit{
        font-size:25px
    }
    .cul-text{
        padding-bottom:60px
    }
    .cul-bomBox{
        padding:60px 0 40px
    }
    .story-title{
        font-size:28px;
        margin-top:30px
    }
    .story-text{
        font-size:14px;
        line-height:30px;
        margin-bottom:100px
    }
    .story-right{
        margin-top:80px
    }
    .story-leBox{
        height:85px;
        font-size:26px
    }
    .video-engTitle{
        font-size:45px
    }
    .video-chTitle{
        font-size:20px
    }
    .tent-box{
        transform:scale(0.9)
    }
}
@media (max-width:1360px){
    .tent-box{
        transform:scale(0.8)
    }
    .swashes-rigCh{
        font-size:16px
    }
    .ster-leftTitle p{
        font-size:18px
    }
    .newsc-imgBox{
        width:32vw;
        height:22vw
    }
    .ster-conBox2{
        padding-left:1vw
    }
    .mes-but{
        height:40px;
        font-size:18px
    }
    .project-label2{
        min-width:120px;
        height:35px;
        font-size:14px
    }
    .project-left{
        width:50%
    }
    .food-title{
        margin-top:30px
    }
    .pro-title{
        font-size:14px
    }
    .cor-icon{
        margin-top:120px
    }
    .food-title img{
        height:66px
    }
    .food-titleA1{
        margin-top:18px;
        margin-bottom:7px;
        font-size:16px
    }
    .food-titleA3,.food-titleA5{
        font-size:18px;
        margin-bottom:8px
    }
    .food-titleB1{
        margin-top:20px
    }
    .food-titleC51,.food-titleC52{
        font-size:14px
    }
    .food-bottom3{
        padding:74px 0px 0px 41px
    }
    .food-titleB1,.food-titleB2,.food-titleB4{
        font-size:16px
    }
    .food-titleC1,.food-titleC2{
        font-size:20px
    }
    .food-titleB3,.food-titleB5{
        font-size:18px
    }
    .story-leBox{
        width:71%
    }
    .story-leBox{
        height:85px;
        font-size:22px
    }
    .food-titleC4{
        margin-bottom:40px
    }
    .food-titleC3{
        font-size:28px;
        margin-bottom:36px
    }
    .ster-title{
        font-size:16px
    }
    .ster-open .ster-title{
        font-size:18px
    }
    .swashes-leZ{
        margin-right:4px
    }
    .swashes-leImg2{
        margin:0 4px
    }
    .newst-dateBox1{
        min-width:60px;
        width:60px;
        height:85px
    }
    .newst-conRig{
        width:30.9%
    }
    .newst-con{
        margin-top:9px;
        width:54%
    }
    .newsc-date1{
        font-size:50px;
        line-height:50px
    }
    .newsc-date2{
        font-size:16px
    }
    .prot-title{
        font-size:32px;
        padding-bottom:20px
    }
    .prot-text{
        font-size:14px;
        padding:16px 0
    }
    .prot-chara{
        margin-top:20px;
        margin-bottom:20px
    }
    .prot-detIcon1{
        height:16px
    }
    .prot-detCon{
        font-size:14px
    }
    .prot-but{
        width:125px;
        height:40px;
        font-size:14px
    }
    .prot-direBox{
        width:45px;
        height:40px
    }
    .honor-conBox{
        padding-left:calc(var(--bs-gutter-x)* 4.6)
    }
    .prot-dire{
        height:16px
    }
    .prot-parTitle{
        font-size:24px
    }
    .prot-parText{
        font-size:14px
    }
    .prot-leftTit{
        font-size:28px
    }
    .prod-text1{
        font-size:18px
    }
    .ster-bomCon{
        width:46%;
        font-size:14px
    }
    .ster-right{
        height:700px
    }
    .cel-play{
        width:70%
    }
    .newsf-pagination{
        left:calc(3.864583vw + 50%) !important
    }
    .gg{
        width:140px;
        height:140px
    }
    .tent-box{
        right:20px
    }
    .about-top{
        height:80px
    }
    .about-right{
        height:70px
    }
}
@media (max-width:1199px){
    .cpzx{padding:20px 0;}
    /*.cpzx .xian{display: none;}*/
    .prod-li{
        width: calc(31.55% - 40px);
    }
    .prod-li(3n){
        margin-right: 0
    }
    .prot-butBox1{
        display:none
    }
    .prot-butBox2{
        display:flex
    }
    .mes-left{
        width:421px
    }
    .project-right{
        width:440px
    }
    .ster-conBox2 a,.ster-top{
        display:flex;
        justify-content:center
    }
    .ster-push{
        position:absolute;
        right:0;
        top:0
    }
    .ster-left{
        display:none
    }
    .ster-right{
        width:100%;
        height:690px
    }
    .cor-left{
        padding-left:calc(var(--bs-gutter-x) * .6);
        padding-right:calc(var(--bs-gutter-x) * .6);
        width:100%;
        display:flex;
        justify-content:center
    }
    .food-bottomBox{
        padding-left:calc(var(--bs-gutter-x) * .5);
        padding-right:calc(var(--bs-gutter-x) * .5)
    }
    .page-box{
        right:8%
    }
    .ster-bomCon{
        font-size:16px
    }
    .ster-title{
        font-size:20px
    }
    .ster-open .ster-title{
        font-size:22px
    }
    .ster-engName{
        display:flex;
        justify-content:flex-start;
        align-items:center
    }
    .ster-engH1:first-child{
        margin-right:13px
    }
    .ster-nameBox{
        width:91.66666667%;
        padding:75px 12px 30px 12px
    }
    .ster-conBox3{
        width:91.66666667%;
        padding-left:calc(var(--bs-gutter-x) * .6);
        padding-right:calc(var(--bs-gutter-x) * .6)
    }
    .ster-open .ster-bom{
        max-height:176px
    }
    .page-current{
        font-size:30px
    }
    .page-all{
        font-size:18px
    }
    .swiper2-textBox{
        left:6%
    }
    .head-nav{
        display:none
    }
    .head-box{
        padding-left:calc(var(--bs-gutter-x) * .5);
        padding-right:calc(var(--bs-gutter-x) * .5)
    }
    .head-navBox{
        display:flex;
        justify-content:space-between;
        align-items:center
    }
    .about-box{
        padding-left:calc(var(--bs-gutter-x) * .6);
        padding-right:calc(var(--bs-gutter-x) * .6)
    }
    .about-numBox{
        padding-top:68px
    }
    .about-con{
        margin-top:0
    }
    .about-top{
        display:none
    }
    .cul-conBox{
        width:60vw
    }
    .cul-topBox{
        padding-left:calc(var(--bs-gutter-x) * .6);
        padding-right:calc(var(--bs-gutter-x) * .6)
    }
    .story-left{
        display:none
    }
    .story-right{
        margin-top:0;
        padding:0;
        display:flex;
        justify-content:center
    }
    .story-rigBox{
        padding-left:calc(var(--bs-gutter-x) * .5);
        padding-right:calc(var(--bs-gutter-x) * .5)
    }
    .story-text{
        margin-bottom:0
    }
    .story-left2{
        margin:60px 0 100px;
        display:flex;
        justify-content:center;
        align-items:center;
        background-color:#d9261c
    }
    .story-left2{
        width:100%
    }
    .story-leBox{
        width:100%;
        display:flex;
        justify-content:center;
        align-items:center;
        height:70px
    }
    .story-left{
        display:none
    }
    .story-right{
        margin-top:0;
        padding:0;
        display:flex;
        justify-content:center
    }
    .story-rigBox{
        padding-left:calc(var(--bs-gutter-x) * .5);
        padding-right:calc(var(--bs-gutter-x) * .5)
    }
    .story-text{
        margin-bottom:0
    }
    .story-left2{
        margin:60px 0 100px;
        display:flex;
        justify-content:center;
        align-items:center;
        background-color:#d9261c
    }
    .prod-box2{
        padding-left:calc(var(--bs-gutter-x) * .5);
        padding-right:calc(var(--bs-gutter-x) * .5)
    }
    .prod-text1{
        font-size:18px
    }
    .prot-box{
        margin-top:74.41px
    }
    .prot-swaLeft{
        padding:23.5px 0
    }
    .prot-title{
        font-size:36px
    }
    .prot-box2{
        padding-left:calc(var(--bs-gutter-x) * .5);
        padding-right:calc(var(--bs-gutter-x) * .5)
    }
    .prot-conBox{
        flex-direction:column;
        margin-top:0
    }
    .prot-bigBox{
        width:80%;
        border:1px solid #CBCBCB;
        display:flex;
        justify-content:center;
        align-items:center
    }
    .prot-img{
        border:1px solid #CBCBCB
    }
    .ster-conBox2{
        padding-left:12px;
        padding-right:12px
    }
    .prot-conRig{
        margin-top:30px
    }
    .coIn-imgBox{
        height:250px
    }
    .coIn-con{
        padding-left:0
    }
    .coIn-engName{
        font-size:48px
    }
    .coIn-box2{
        padding-left:calc(var(--bs-gutter-x) * .6);
        padding-right:calc(var(--bs-gutter-x) * .6)
    }
    .mes-box2{
        padding-left:calc(var(--bs-gutter-x) * .6);
        padding-right:calc(var(--bs-gutter-x) * .6)
    }
    .newsf-box2{
        padding-left:calc(var(--bs-gutter-x) * .6);
        padding-right:calc(var(--bs-gutter-x) * .6)
    }
    .newsc-box2{
        padding-left:calc(var(--bs-gutter-x) * .6);
        padding-right:calc(var(--bs-gutter-x) * .6)
    }
    .newsf-pagination{
        bottom:50px !important
    }
    .newsc-imgBox{
        width:389px;
        height:232px
    }
    .newst-swaLeft{
        padding:23.5px 0
    }
    .newst-box{
        margin-top:74.41px
    }
    .newst-box2{
        padding-left:calc(var(--bs-gutter-x) * .6);
        padding-right:calc(var(--bs-gutter-x) * .6)
    }
    .swashes-conBox{
        padding-top:3.90625vw;
        padding-bottom:3.6458333333vw
    }
    .swashes-navBox2,.swashes-conBox2,.swashes-numBox2{
        padding-left:calc(var(--bs-gutter-x) * .6);
        padding-right:calc(var(--bs-gutter-x) * .6)
    }
    .cor-culture{
        flex-direction:column;
        align-items:flex-start
    }
    .cor-box{
        width:100%
    }
    .cor-icon,.cor-nameBox{
        display:none
    }
    .cor-topContent{
        padding:0
    }
    .cor-box{
        display:flex;
        justify-content:center
    }
    .cor-content{
        width:91.66666667%
    }
    .cor-iconNew{
        margin-bottom:10px
    }
    .cor-topContentNew{
        padding:20px;
        position:relative;
        bottom:0;
        opacity:1;
        background-color:rgba(0,0,0,0)
    }
    .main-swiper{
        height:100%
    }
    .prot-conLeft{
        height:600px
    }
    .pro-swiper{
        width:auto;
        height:100%
    }
    .swashes-left{
        display:none
    }
    .swashes-right{
        width:100%
    }
    .newf-date1{
        line-height:45px;
        font-size:45px
    }
    .prot-conRig{
        width:100%
    }
    .swashes-img{
        height:56vw
    }
}
@media (min-width:992px){
    .swashes-name{
        width:33%
    }
    .swashes-text{
        width:67%
    }
}
@media (min-width:1199px){
    .cor-leftBox{
        width:auto
    }
}
@media (max-width:1199px) and (min-width:992px){
    .cor-topContent:nth-child(3),.cor-topContent:nth-child(2),.cor-topContent:nth-child(1){
        border-top:none
    }
    .cor-topContent:nth-child(4),.cor-topContent:nth-child(5),.cor-topContent:nth-child(6){
        border-bottom:none
    }
    .cor-topContent:nth-child(4),.cor-topContent:nth-child(1){
        border-left:none
    }
    .cor-topContent:nth-child(3),.cor-topContent:nth-child(6){
        border-right:none
    }
}
@media (max-width:992px){
    .tent-box{
        transform:scale(0.7)
    }
    .cor-bg{
        position:absolute
    }
    .cer-close2{
        width:10vw;
        height:10vw;
        right:-9.9vw
    }
    .gg{
        width:120px;
        height:120px
    }
    .swashes-navBox{
        transform:none
    }
    .project-right{
        margin-bottom:60px
    }
    .project-box{
        flex-direction:column !important
    }
    .project-label{
        margin-bottom:30px
    }
    .project-left{
        width:100%;
        text-align:left !important
    }
    .project-label{
        justify-content:flex-start !important
    }
    .swiper-prev{
        display:none
    }
    .swiper-next{
        display:none
    }
    .cor-topContent:nth-child(2),.cor-topContent:nth-child(1){
        border-top:none
    }
    .cor-topContent:nth-child(5),.cor-topContent:nth-child(6){
        border-bottom:none
    }
    .cor-topContent:nth-child(2n-1){
        border-left:none
    }
    .cor-topContent:nth-child(2n){
        border-right:none
    }
    .cor-content{
        display:flex;
        justify-content:center;
        align-items:center;
        padding-left:calc(var(--bs-gutter-x) * .6);
        padding-right:calc(var(--bs-gutter-x) * .6)
    }
    .about-a::after{
        display:none
    }
    .newst-con{
        margin-top:0
    }
    .newst-dateBox1{
        display:none
    }
    .newst-dateBox2{
        display:flex
    }
    .newst-conBox{
        flex-wrap:wrap
    }
    .newst-conRig{
        width:100%
    }
    .newst-conRig2{
        position:initial
    }
    .newst-con{
        width:100%
    }
    .newst-TextBox p img{
        width:auto !important;
        height:auto !important;
        max-width:560px !important
    }
    .swashes-img2{
        height:auto
    }
    .swashes-img{
        position:unset;
        transform:none;
        width:100%;
        height:100%;
        object-fit:cover
    }
    .newst-rigImg{
        width:auto;
        height:auto;
        max-width:100%;
        position:relative;
        left:50%;
        transform:translateX(-50%)
    }
    .newst-rigTA:hover .newst-rigImg{
        transform:translateX(-50%) scale(1.1)
    }
    .banner-con{
        height:65vh
    }
    .swiper-slide1{
        height:65vh
    }
    .swiper1-text3::after{
        top:-67%
    }
    .banner1,.banner2{
        height:65vh
    }
    .swiper1-text1{
        width:200px;
        left:-9%
    }
    .swiper1-text2{
        font-size:35px
    }
    .swiper1-text3{
        font-size:20px
    }
    .swiper2-textBox{
        left:5%
    }
    .page-box{
        right:5%;
        bottom:30px
    }
    .page-current{
        font-size:30px
    }
    .page-all{
        font-size:18px
    }
    .cor-text{
        margin-top:25px
    }
    .cor-topContent:nth-child(3){
        border-top:none
    }
    .pro-box{
        padding-left:calc(var(--bs-gutter-x) * .6);
        padding-right:calc(var(--bs-gutter-x) * .6)
    }
    .pro-right{
        margin:20px 0
    }
    .pro-more2{
        display:flex
    }
    .pro-more1{
        display:none
    }
    .news-top{
        padding-top:75px
    }
    .news-centerBox{
        padding-left:calc(var(--bs-gutter-x) * .6);
        padding-right:calc(var(--bs-gutter-x) * .6)
    }
    .project-box{
        padding-left:calc(var(--bs-gutter-x) * .6);
        padding-right:calc(var(--bs-gutter-x) * .6)
    }
    .news-content{
        padding-bottom:60px
    }
    .food-bottomBox{
        flex-wrap:wrap
    }
    .food-title{
        margin-top:10px
    }
    .food-titleB1{
        margin-top:10px
    }
    .food-titleB3{
        margin-bottom:15px
    }
    .food-bottom1,.food-bottom3{
        width:100%
    }
    .food-bottom3{
        padding-top:0 !important;
        padding-left:0 !important;
        border:none !important;
        border-top:1px solid #E2444B !important
    }
    .food-titleC1{
        margin-top:10px
    }
    .food-content{
        padding-bottom:60px
    }
    .food-titleC4{
        margin-bottom:15px
    }
    .banner-box0{
        height:65vh
    }
    .banner-box{
        height:65vh;
        position:relative;
        background-attachment:inherit;
        background-size:cover
    }
    .banner-name{
        position:absolute
    }
    .banner-chName{
        font-size:40px;
        margin-bottom:15px
    }
    .banner-engName{
        font-size:28px;
        line-height:28px
    }
    .swashes-conBox{
        padding-bottom:60px
    }
    .swashes-navBox{
        position:relative;
        top:0;
        left:0
    }
    .tent-box{
        height:auto;
        right:0px !important;
        top:inherit;
        bottom:50px
    }
    .main-img{
        object-fit:contain
    }
    .swashes-imgLeft,.swashes-imgRig{
        visibility:hidden
    }
    .swashes-text{
        padding:0;
        padding-top:20px
    }
    .cul-conBox{
        width:100%
    }
    .cul-text{
        padding-bottom:100px
    }
    .cul-bomBox{
        padding:50px 0 50px
    }
    .honor-title{
        margin-top:5px;
        margin-bottom:20px
    }
    .prot-text{
        padding:20px 0
    }
    .prot-parBox{
        padding-top:60px
    }
    .prot-parText{
        min-height:200px
    }
    .prot-parBox{
        padding-bottom:30px
    }
    .coIn-con{
        padding-top:30px
    }
    .coIn-imgBox{
        height:200px
    }
    .coIn-title{
        font-size:20px;
        margin-bottom:15px
    }
    .coIn-text{
        font-size:14px
    }
    .mes-box{
        padding-top:30px
    }
    .mes-formBox{
        padding:60px 30px;
        flex-direction:column
    }
    .mes-left{
        width:100%
    }
    .mes-left2{
        margin:0
    }
    .mes-left::after{
        display:none
    }
    .mes-left{
        padding-bottom:0
    }
    .mes-right{
        width:100%;
        margin:0
    }
    .mes-conBox{
        height:auto
    }
    .mes-text p{
        width:auto
    }
    .newsc-imgBox{
        display:none
    }
    .newsc-li:nth-child(2n-1){
        padding-top:40px;
        padding-bottom:40px
    }
    .newsc-li:nth-child(2n){
        padding-top:40px;
        padding-bottom:40px;
        margin-bottom:0
    }
    .newsc-text{
        margin-bottom:50px
    }
    .newsc-conBox{
        margin-top:0;
        margin-right:0;
        width:85%
    }
    .newf-date{
        display:flex;
        justify-content:flex-end;
        align-items:center;
        flex-direction:row-reverse;
        margin-bottom:20px
    }
    .newf-date1{
        font-size:18px;
        line-height:18px
    }
    .newf-date2{
        line-height:18px
    }
    .newf-date2::after{
        content:'-'
    }
    .newf-date2{
        margin-bottom:0
    }
    .newsf-slide{
        height:337px
    }
    .newf-text{
        margin-bottom:48px
    }
    .ster-bomCon{
        padding-left:30px
    }
    .newsf-pagination{
        bottom:94px !important
    }
    .newf-title{
        margin-bottom:27px
    }
    .project-engTitle{
        font-size:30px
    }
    .project-chTitle{
        font-size:26px
    }
    .newsc-dateBox{
        width:68px;
        min-width:68px;
        height:90px;
        margin-right:10px
    }
    .project-titBox::after{
        width:100%
    }
}
@media (max-width:768px){
    .ster-title{
        font-size:18px
    }
    .tent-box{
        transform:scale(0.6)
    }
    .swiper1-text3::after{
        top:-37%
    }
    .news-content{
        justify-content:space-between
    }
    .news-box{
        width:48%;
        margin-right:0
    }
    .news-box:last-child{
        display:block
    }
    .ster-open .ster-title p{
        transition:all .5s
    }
    .ster-open .ster-title p{
        font-size:20px
    }
    .cor-left{
        padding-left:calc(var(--bs-gutter-x) * .2);
        padding-right:calc(var(--bs-gutter-x) * .2)
    }
    .cor-content{
        padding-left:calc(var(--bs-gutter-x) * .2);
        padding-right:calc(var(--bs-gutter-x) * .2)
    }
    .head-box{
        padding-left:calc(var(--bs-gutter-x) * .1);
        padding-right:calc(var(--bs-gutter-x) * .1)
    }
    .head-tel{
        font-size:16px
    }
    .swiper1-text2{
        font-size:25px
    }
    .swiper1-text3{
        font-size:16px
    }
    .swiper1-line{
        margin:20px 0
    }
    .page-box{
        right:3%;
        bottom:30px
    }
    .page-current{
        font-size:25px
    }
    .page-all{
        font-size:16px
    }
    .about-box{
        padding-left:calc(var(--bs-gutter-x) * .2);
        padding-right:calc(var(--bs-gutter-x) * .2)
    }
    .about-numBox{
        flex-wrap:wrap;
        padding-bottom:60px
    }
    .about-nums{
        margin-bottom:30px
    }
    .about-text{
        margin-bottom:40px
    }
    .about-numCon{
        margin-bottom:0
    }
    .about-numTop1,.about-numTop2{
        font-size:58px;
        height:58px;
        line-height:58px;
        font-weight:600;
        margin-bottom:12px
    }
    .about-numTop1 div:nth-child(2),.about-numTop2 div:nth-child(2){
        margin-left:3px;
        font-size:12px;
        font-weight:normal;
        height:38px;
        line-height:26px
    }
    .about-numBox{
        display:none
    }
    .about-numBox2{
        display:flex;
        margin-top:10px
    }
    .about-numText{
        font-size:16px
    }
    .pro-top{
        margin:0;
        padding-top:38px
    }
    .pro-more{
        justify-content:flex-end
    }
    .pro-box{
        padding-left:calc(var(--bs-gutter-x) * .2);
        padding-right:calc(var(--bs-gutter-x) * .2)
    }
    .pro-rightBox{
        padding:20px 3px
    }
    .pro-center{
        padding-bottom:28px
    }
    .ster-nameBox{
        padding-top:38px
    }
    .ster-conBox3{
        padding-left:calc(var(--bs-gutter-x) * .2);
        padding-right:calc(var(--bs-gutter-x) * .2)
    }
    .ster-right{
        width:100%;
        height:634px
    }
    .ster-nameBox{
        padding-left:2.4px;
        padding-right:2.4px
    }
    .ster-open .ster-bom{
        max-height:183px
    }
    .ster-conBox2{
        padding:15px 0
    }
    .big-content{
        left:5%
    }
    .big-title{
        font-size:30px;
        margin-bottom:20px
    }
    .big-M{
        font-size:46px
    }
    .big-line{
        margin-bottom:15px
    }
    .big-english{
        font-size:20px;
        left:-12px;
        top:-10px
    }
    .big-text{
        font-size:14px
    }
    .grey-bg{
        height:50px
    }
    .news-top{
        padding-top:38px
    }
    .news-centerBox{
        padding-left:calc(var(--bs-gutter-x) * .2);
        padding-right:calc(var(--bs-gutter-x) * .2)
    }
    .project-box{
        padding-left:calc(var(--bs-gutter-x) * 0);
        padding-right:calc(var(--bs-gutter-x) * 0)
    }
    .food-bottomBox{
        padding-left:calc(var(--bs-gutter-x) * .2);
        padding-right:calc(var(--bs-gutter-x) * .2)
    }
    .food-content{
        padding-bottom:20px
    }
    .swashes-rigCh{
        font-size:16px
    }
    .swashes-rigEng{
        font-size:12px
    }
    .swashes-navBox2,.swashes-conBox2,.swashes-numBox2{
        padding-left:calc(var(--bs-gutter-x) * .2);
        padding-right:calc(var(--bs-gutter-x) * .2)
    }
    .swashes-numBox3{
        display:none
    }
    .swashes-XiaoBox2{
        display:flex
    }
    .swashes-numText{
        font-size:16px
    }
    .swashes-nums{
        margin-top:20px
    }
    .cul-topBox{
        padding-left:calc(var(--bs-gutter-x) * .2);
        padding-right:calc(var(--bs-gutter-x) * .2)
    }
    .story-rigBox{
        padding-left:calc(var(--bs-gutter-x) * .1);
        padding-right:calc(var(--bs-gutter-x) * .1)
    }
    .story-leBox{
        font-size:30px
    }
    .video-icon1 img{
        width:12px
    }
    .video-icon2 img{
        width:60px
    }
    .video-engTitle{
        font-size:40px
    }
    .video-chTitle{
        font-size:22px
    }
    .honor-top{
        padding-left:calc(var(--bs-gutter-x) * .2);
        padding-right:calc(var(--bs-gutter-x) * .2)
    }
    .honor-conBox{
        padding-left:calc(var(--bs-gutter-x) * 1)
    }
    .honor-page{
        padding-right:calc(var(--bs-gutter-x) * 1)
    }
    .cer-contents img{
        width:75vw;
        height:auto
    }
    .prod-box2{
        padding-left:calc(var(--bs-gutter-x) * .1);
        padding-right:calc(var(--bs-gutter-x) * .1)
    }
    .prod-li{
        width: 44%;
    }
    .prod-li:nth-child(2n){
        margin-right: 0;
    }
    .prot-box2{
        padding-left:calc(var(--bs-gutter-x) * .1);
        padding-right:calc(var(--bs-gutter-x) * .1)
    }
    .coIn-box2{
        padding-left:calc(var(--bs-gutter-x) * .2);
        padding-right:calc(var(--bs-gutter-x) * .2)
    }
    .conta-rigUl{
        justify-content:space-around
    }
    .coIn-conBox{
        flex-direction:column
    }
    .coIn-imgBox{
        width:100%;
        height:auto
    }
    .coIn-conLeft{
        margin-bottom:30px
    }
    .coIn-title{
        font-size:24px
    }
    .coIn-text{
        font-size:16px
    }
    .coIn-box{
        padding-bottom:50px
    }
    .mes-box2{
        padding-left:calc(var(--bs-gutter-x) * .2);
        padding-right:calc(var(--bs-gutter-x) * .2)
    }
    .newsc-box2{
        padding-left:calc(var(--bs-gutter-x) * .2);
        padding-right:calc(var(--bs-gutter-x) * .2)
    }
    .newf-text{
        margin-bottom:40px
    }
    .newst-box2{
        padding-left:calc(var(--bs-gutter-x) * .2);
        padding-right:calc(var(--bs-gutter-x) * .2)
    }
    .newst-TextBox p img{
        max-width:460px !important
    }
    .project-right{
        width:80%
    }
    .project-ul{
        padding-bottom:50px
    }
    .project-con{
        font-size:14px;
        line-height:22px
    }
    .project-engTitle:first-child{
        margin-top:45px
    }
    .prot-titBox{
        height:60px;
        padding:0 10px
    }
    .prot-parText{
        padding:0 15px;
        padding-top:15px
    }
    .newsf-slide a{
        flex-direction:column
    }
    .newsf-imgBox{
        width:100%
    }
    .newsf-textBox{
        width:100%
    }
    .newsf-slide{
        height:auto
    }
    .newsf-conBox{
        width:70%
    }
    .newsf-box2{
        display:flex;
        justify-content:center;
        align-items:center;
        padding-left:calc(var(--bs-gutter-x) * .2);
        padding-right:calc(var(--bs-gutter-x) * .2)
    }
    .newsf-pagination{
        left:2.8645833333vw !important;
        bottom:50px !important
    }
    .newst-title{
        margin-left:15px
    }
    .newst-TextBox{
        margin-top:40px;
        margin-bottom:60px
    }
}
@media (max-width:576px){
    .newsf-conBox{
        width:100%
    }
    .ster-open .ster-title p{
        font-size:14px !important;
        line-height:45px !important;
        transform-origin:center;
        transform:perspective(1px) scale(1.5,1.5) translateX(15vw)
    }
    .gg{
        width:120px;
        height:120px
    }
    .project-right{
        width:100%
    }
    .swiper1-text1{
        width:135px;
        left:-8%
    }
    .cor-telBox{
        padding:0 8px
    }
    .news-text{
        -webkit-line-clamp:2
    }
    .newsc-text{
        margin-bottom:30px
    }
    .newsc-text{
        -webkit-line-clamp:3
    }
    .newsc-conA{
        padding:0
    }
    .newsf-textBox{
        padding-left:15px;
        padding-right:15px;
        padding-top:15px
    }
    .newsf-pagination{
        left:15px !important;
        bottom:30px !important
    }
    .project-ul{
        padding-bottom:30px
    }
    .ster-conBox3{
        flex-direction:column
    }
    .prot-intro2{
        min-width:100px;
        height:30px;
        font-size:14px;
        padding:0 7px
    }
    .head-tel{
        font-size:16px
    }
    .cor-engName{
        margin-bottom:5px
    }
    .project-right{
        margin-bottom:40px
    }
    .project-titBox{
        bottom:10px
    }
    .head-telImg1,.head-telImg2{
        width:14px
    }
    .about-swashesBox{
        margin:0
    }
    .about-engTitle{
        font-size:25px;
        margin-bottom:0px
    }
    .project-engTitle{
        font-size:25px
    }
    .about-box{
        margin:0;
        margin-top:40px;
        padding-left:calc(var(--bs-gutter-x) * .2);
        padding-right:calc(var(--bs-gutter-x) * .2)
    }
    .about-chTitle{
        font-size:25px;
        margin-bottom:15px
    }
    .project-chTitle{
        font-size:25px
    }
    .newsc-box{
        padding-bottom:60px
    }
    .about-text{
        color:#666666;
        font-size:14px;
        line-height:26px;
        margin-bottom:30px
    }
    .about-more{
        font-size:12px;
        margin-bottom:30px
    }
    .about-numCon{
        height:30px;
        line-height:30px
    }
    .about-num2{
        height:30px;
        font-size:12px;
        line-height:20px
    }
    .swashes-num2{
        line-height:20px
    }
    .about-numTop1,.about-numTop2{
        font-size:38px;
        height:38px;
        line-height:38px;
        font-weight:600;
        margin-bottom:12px
    }
    .about-numTop1 div:nth-child(2),.about-numTop2 div:nth-child(2){
        margin-left:3px;
        font-size:12px;
        font-weight:normal;
        height:38px;
        line-height:26px
    }
    .about-numText{
        margin-top:20px;
        font-size:12px
    }
    .about-pp1{
        top:25%
    }
    .about-pp2{
        top:-10%
    }
    .cor-telBox{
        display:flex;
        justify-content:space-between;
        flex-direction:column;
        padding-bottom:20px
    }
    .cor-engH1:first-child{
        margin-right:5px
    }
    .cor-telTop{
        padding-top:15px
    }
    .cor-left{
        padding-top:40px;
        padding-bottom:20px
    }
    .cor-engH1{
        font-size:25px;
        line-height:25px
    }
    .cor-chH1{
        font-size:25px
    }
    .cor-content{
        display:none
    }
    .cor-tel{
        display:flex
    }
    .project-titBox{
        padding-bottom:26px;
        margin-bottom:10px
    }
    .cor-bg{
        width:200%
    }
    .prot-parText p img{
        width:100% !important
    }
    .cor-name1{
        font-size:16px
    }
    .cor-name2{
        font-size:16px
    }
    .cor-nameBox2{
        padding:0
    }
    .cor-text2{
        font-size:12px
    }
    .pro-text1{
        font-size:14px
    }
    .pro-top{
        padding-top:40px
    }
    .pro-engName{
        font-size:25px
    }
    .pro-chH1{
        font-size:25px
    }
    .pro-right{
        margin:10px 0
    }
    .pro-cocntent2{
        padding:0
    }
    .pro-rightBox{
        padding-top:25px
    }
    .swashes-engName{
        margin-bottom:0
    }
    .pro-text{
        width:100px;
        font-size:12px;
        height:25px;
        line-height:25px
    }
    .pro-title{
        font-size:18px;
        height:35px;
        padding:0 5px
    }
    .set-ImgBox{
        margin-bottom:5px
    }
    .pro-title::after{
        height:35px
    }
    .pro-nameBox2{
        font-size:12px;
        margin-left:5px
    }
    .pro-navicon img{
        height:30px
    }
    .pro-navBoxAct .pro-nameBox2n{
        max-width:200px
    }
    .pro-center{
        padding-bottom:10px
    }
    .ster-engName{
        margin-bottom:0
    }
    .ster-engH1:first-child{
        margin-right:5px
    }
    .ster-plan{
        height:auto
    }
    .ster-right{
        height:auto
    }
    .prot-bigbut{
        opacity:1 !important;
        z-index:10 !important
    }
    .ster-open .ster-bom{
        max-height:150px
    }
    .ster-nameBox{
        padding-top:40px;
        padding-bottom:20px
    }
    .ster-engName{
        display:flex;
        justify-content:flex-start;
        align-items:center
    }
    .ster-engH1{
        font-size:25px;
        line-height:30px
    }
    .ster-ChH1{
        font-size:25px
    }
    .ster-push2{
        display:flex
    }
    .ster-open{
        padding:0
    }
    .ster-open .ster-title{
        padding-bottom:24px;
        padding-top:10px
    }
    .ster-bom{
        width:100%;
        position:relative;
        padding:0
    }
    .ster-more{
        margin-bottom:20px
    }
    .ster-open{
        flex-direction:column
    }
    .ster-title{
        font-size:14px;
        width:100%
    }
    .food-titleB3{
        display:block
    }
    .food-titleB3 p{
        display:inline
    }
    .ster-bomCon{
        width:100%;
        font-size:14px;
        padding-left:0;
        padding-right:0
    }
    .ster-more{
        font-size:12px
    }
    .ster-push p{
        width:30px;
        height:20px;
        line-height:20px;
        font-size:14px
    }
    .big-box{
        height:315px;
        background-image:url('../image/bigimg2.png');
        background-repeat:no-repeat;
        background-size:cover;
        background-position:center;
        position:relative
    }
    .big-img{
        display:none
    }
    .big-content{
        position:absolute;
        width:100%;
        transform:translateX(-50%);
        left:0%;
        top:13%;
        display:flex;
        justify-content:center;
        align-items:center;
        flex-direction:column
    }
    .big-title{
        font-size:28px;
        margin-bottom:10px
    }
    .big-M{
        font-size:45px
    }
    .big-line{
        width:25px;
        margin-bottom:5px
    }
    .big-english{
        width:180%;
        font-size:18px;
        left:-14px;
        top:-10px
    }
    .big-text{
        font-size:12px
    }
    .grey-bg{
        height:30px
    }
    .news-top{
        padding-top:40px;
        padding-bottom:20px
    }
    .news-engH1{
        font-size:25px
    }
    .newst-titleBox2{
        margin-bottom:10px
    }
    .newst-titleBox{
        padding-bottom:5px
    }
    .news-chH1{
        font-size:25px
    }
    .pro-swiper .swiper-slide{
        height:auto !important
    }
    .news-text2{
        width:100px;
        font-size:12px;
        height:25px;
        line-height:24px
    }
    .news-title{
        font-size:16px
    }
    .news-text{
        font-size:12px
    }
    .news-dataContent{
        font-size:12px
    }
    .news-text{
        font-size:12px
    }
    .news-bot{
        padding-bottom:5px
    }
    .food-title{
        margin-top:0
    }
    .food-titleB1{
        margin-top:20px
    }
    .food-titleA1,.food-titleA2,.food-titleA4,.food-titleB1,.food-titleB2,.food-titleB4{
        font-size:12px
    }
    .food-titleA3,.food-titleA5,.food-titleB3,.food-titleB5{
        font-size:14px;
        margin-bottom:5px
    }
    .food-titleC1,.food-titleC2{
        font-size:18px
    }
    .food-titleC3{
        font-size:18px;
        margin-bottom:15px
    }
    .food-titleC51,.food-titleC52{
        font-size:12px
    }
    .food-titleC4{
        margin-bottom:15px
    }
    .food-content{
        padding-bottom:0px
    }
    .food-bottom3{
        padding-bottom:30px
    }
    .swashes-rigEng{
        font-size:14px;
        display:none
    }
    .swashes-engName{
        font-size:25px
    }
    .swashes-chName{
        font-size:25px
    }
    .swashes-text{
        font-size:14px;
        line-height:26px
    }
    .swashes-numCon{
        height:30px;
        margin-bottom:0;
        line-height:30px
    }
    .news-content2{
        padding:10px
    }
    .news-text{
        line-height:20px
    }
    .news-bot{
        width:100%;
        left:0;
        padding:0 10px;
        bottom:10px
    }
    .news-rightimg2,.news-rightimg1{
        height:12px
    }
    .swashes-num2{
        height:46px;
        font-size:12px
    }
    .cul-engName{
        margin-bottom:0
    }
    .swashes-numTop1p,.swashes-numTop2p{
        font-size:38px;
        height:38px;
        line-height:38px;
        font-weight:600;
        margin-bottom:12px
    }
    .swashes-numText{
        margin-top:20px;
        font-size:12px
    }
    .swashes-conBox{
        padding-top:40px;
        padding-bottom:30px
    }
    .swashes-leImg4{
        height:100%;
        margin-bottom:2px
    }
    .cul-name{
        padding-top:40px
    }
    .cul-engName{
        font-size:25px
    }
    .cul-chName{
        font-size:25px
    }
    .cul-title{
        padding-top:18px;
        font-size:22px
    }
    .cul-text{
        padding-top:10px;
        font-size:12px;
        padding-bottom:30px
    }
    .project-con{
        margin-bottom:10px
    }
    .cul-bomBox{
        padding:20px 0 20px
    }
    .cul-icon{
        height:30px;
        margin-bottom:10px
    }
    .cul-bomTit{
        font-size:16px
    }
    .story-name{
        margin-top:40px
    }
    .story-engName{
        font-size:25px;
        margin-bottom:0
    }
    .food-maText{
        font-size:12px
    }
    .video-box{
        height:183px
    }
    .honor-title{
        padding:0 5px;
        min-height:42px
    }
    .story-chName{
        font-size:25px
    }
    .story-title{
        font-size:25px;
        margin-top:18px
    }
    .story-line{
        width:30px;
        margin:10px 0 10px
    }
    .story-text{
        font-size:14px;
        line-height:26px
    }
    .story-left2{
        margin:20px 0 60px
    }
    .story-leBox{
        font-size:20px;
        height:50px
    }
    .video-icon1 img{
        width:8px
    }
    .video-icon2 img{
        width:40px
    }
    .video-engTitle{
        font-size:20px
    }
    .video-chTitle{
        font-size:14px
    }
    .honor-engName{
        margin-top:40px;
        font-size:25px;
        margin-bottom:0
    }
    .honor-chName{
        font-size:25px
    }
    .honor-prev,.honor-next{
        height:30px;
        width:30px
    }
    .honor-page{
        margin-top:20px
    }
    .cor-newtext{
        font-size:16px
    }
    .honor-box2{
        padding:10px
    }
    .honor-title{
        font-size:14px;
        margin-top:5px;
        margin-bottom:10px
    }
    .honor-prev1,.honor-prev2,.honor-next1,.honor-next2{
        height:15px
    }
    .honor-topBox{
        margin-bottom:30px
    }
    .honor-content{
        /*padding-bottom:60px*/
    }
    .about4{padding:20px 0;}
    .honor-page .swiper-pagination-bullet{
        width:8px;
        height:8px;
        margin:0 var(--swiper-pagination-bullet-horizontal-gap,5px) !important
    }
    .cer-but{
        min-width:30px;
        height:30px;
        line-height:30px;
        font-size:16px
    }
    .cer-prev{
        left:10px
    }
    .cer-next{
        right:10px
    }
    .prod-box{
        padding-top:40px;
        padding-bottom:60px
    }
    .prod-ul{justify-content: space-between;}
    .prod-li{
        margin-bottom:20px;
        margin-right:0;
    }
    .prod-title{
        height:35px;
        padding:0px 5px
    }
    .prod-text1{
        font-size:16px
    }
    .prod-ul{
        margin-bottom:20px
    }
    .prod-pageLi{
        width:30px;
        height:30px;
        font-size:14px;
        margin:0 5px
    }
    .swashes-rigli{
        margin-right:20px
    }
    .prod-pageI{
        width:9px
    }
    .prot-box{
        margin-top:80px
    }
    .prot-butBox2{
        flex-direction:column
    }
    .prot-swaLeft{
        display:inline
    }
    .prot-swaLeft p{
        display:inline
    }
    .pro-nameBox2{
        text-align:left
    }
    .pro-swiper1{
        display:none
    }
    .pro-swiper2{
        display:block
    }
    .prot-conBox{
        padding-top:20px
    }
    .prot-bigBox{
        margin:0;
        width:100%;
        margin-bottom:20px
    }
    .prot-conLeft{
        height:auto;
        flex-direction:column
    }
    .pro-swiper{
        width:100%;
        height:100%
    }
    .prot-slide{
        height:auto
    }
    .prot-conRig{
        margin-top:20px
    }
    .prot-title{
        font-size:25px;
        padding-bottom:20px
    }
    .prot-text{
        font-size:14px
    }
    .prot-chara{
        margin-top:20px;
        margin-bottom:10px
    }
    .prot-detCon{
        font-size:14px
    }
    .prot-butBox2{
        margin-top:20px
    }
    .prot-leftBut{
        width:100%;
        justify-content:space-between;
        margin-bottom:20px
    }
    .prot-butBox .prot-rigBut{
        width:100%;
        justify-content:flex-start
    }
    .prot-leftBut a{
        width:48%
    }
    .prot-but{
        width:100%
    }
    .prot-parBox{
        padding-top:20px
    }
    .prot-titBox{
        height:40px;
        padding:0 10px
    }
    .prot-parTitle{
        font-size:18px
    }
    .prot-parText{
        padding:20px 0 0 0;
        font-size:14px
    }
    .prot-recBox{
        padding-top:20px;
        padding-bottom:20px
    }
    .prot-recTitle{
        margin-bottom:20px
    }
    .prod-pagination{
        display:flex
    }
    .prot-direLeft{
        width:40px;
        height:40px
    }
    .prot-direRig{
        width:40px;
        height:40px
    }
    .prot-direLeft .prot-dire{
        width:9px
    }
    .prot-direRig .prot-dire{
        width:9px
    }
    .prot-leftTit{
        font-size:18px
    }
    .coIn-box{
        padding-top:40px;
        padding-bottom:60px
    }
    .coIn-engName{
        font-size:25px
    }
    .banner-box1{
        display:none
    }
    .banner-box2{
        display:block
    }
    .coIn-chName{
        font-size:25px
    }
    .coIn-nameBox{
        margin-bottom:20px
    }
    .coIn-con{
        padding-top:20px
    }
    .coIn-title{
        font-size:18px
    }
    .coIn-icon{
        width:15px;
        margin-right:10px
    }
    .coIn-text{
        font-size:13px
    }
    .mes-engName{
        font-size:25px;
        margin-bottom:0
    }
    .mes-formBox{
        padding:40px 30px
    }
    .mes-chName{
        font-size:25px
    }
    .mes-left{
        min-width:auto
    }
    .mes-box{
        padding-bottom:30px
    }
    .mes-text{
        font-size:14px;
        line-height:20px;
        margin-bottom:0
    }
    .mes-emailBox{
        display:none
    }
    .mes-rigTit{
        font-size:14px
    }
    .mes-formTit{
        font-size:14px
    }
    .mes-but{
        height:30px;
        font-size:16px
    }
    .mes-chName{
        margin-bottom:20px
    }
    .mes-formUl{
        margin-top:15px
    }
    .newsf-box{
        padding-top:40px;
        padding-bottom:60px
    }
    .newsc-dateBox{
        width:65px;
        min-width:65px;
        height:72px;
        background-color:#CB9878;
        display:flex;
        justify-content:center;
        align-items:center;
        flex-direction:column;
        transition:all .5s;
        z-index:10
    }
    .newf-date{
        margin-bottom:10px
    }
    .newf-title{
        font-weight:500;
        font-size:24px
    }
    .newsc-date1{
        font-size:40px;
        line-height:40px
    }
    .ster-conBox{
        height:auto
    }
    .newsc-date2{
        font-size:14px
    }
    .newsc-title{
        font-size:22px;
        line-height:26px;
        margin-bottom:20px
    }
    .newsc-more{
        margin-bottom:0
    }
    .newsf-slide{
        flex-direction:column;
        height:auto
    }
    .newf-conBox{
        width:100%
    }
    .newf-title{
        margin-bottom:15px
    }
    .newst-dateBox1{
        display:none
    }
    .newsc-conBox{
        width:75%
    }
    .circle1{
        left:-49px;
        bottom:-66px;
        width:209.43px;
        height:209.43px
    }
    .circle2{
        right:-278px;
        top:-108px;
        width:478px;
        height:478px
    }
    .newst-TextBox p img{
        max-width:none !important;
        width:80vw !important
    }
    .newst-box{
    }
    .newst-conRig2{
        padding:15px 20px 15px
    }
    .newst-prev{
        margin-bottom:10px
    }
    .newst-shareBox{
        justify-content:space-between
    }
    .newst-public{
        margin-right:0
    }
    .swashes-leP{
        font-size:14px
    }
    .swashes-leImg4{
        margin-right:0px;
        width:auto
    }
    .newst-TextBox{
        margin-top:20px;
        margin-bottom:20px
    }
    .newst-title{
        font-size:22px;
        margin-left:10px
    }
    .newst-conBox{
        margin-top:30px
    }
    .newst-butBox1{
        width:100%
    }
    .newst-butBox2{
        width:100px
    }
    .newst-butBox{
        flex-wrap:wrap;
        justify-content:flex-end
    }
    .newst-butBox2{
        margin-top:10px
    }
    .banner-con{
        height:45vh
    }
    .swiper-slide1{
        height:45vh
    }
    .banner1,.banner2{
        height:45vh
    }
    .swiper1-text2{
        font-size:24px
    }
    .swiper1-text3{
        font-size:16px
    }
    .swiper1-line{
        width:15px;
        margin:10px 0
    }
    .page-box{
        right:3%;
        bottom:10px
    }
    .page-current{
        font-size:16px
    }
    .page-all{
        font-size:12px
    }
    .banner-box0{
        height:40vh
    }
    .banner-box{
        height:40vh;
        background-position:50% 50%
    }
    .banner-chName{
        font-size:28px;
        margin-bottom:5px
    }
    .banner-engName{
        font-size:18px;
        line-height:28px
    }
    .head-navBox{
        margin-left:15px
    }
    .head-icon2{
        margin-right:5px
    }
    .head-shopping{
        margin-right:15px
    }
    .swashes-rigUl{
        width:auto;
        overflow-x:scroll;
        text-align:left;
        justify-content:flex-start;
        white-space:nowrap
    }
    .swashes-rigUl::-webkit-scrollbar{
        display:none
    }
    .swashes-rigCh{
        font-size:14px
    }
}
.setSlow5{
    animation:tomore 1.2s
}
@keyframes tomore{
    0%{
        opacity:0;
        transform:translateX(100px)
    }
    100%{
        opacity:1;
        transform:translateX(0px)
    }
}
@keyframes spin2{
    0%{
        transform:rotate(0)
    }
    100%{
        transform:rotate(-1turn)
    }
}