html,body,h1,h2,h3,h4,h5,h6,p,ul,li,img,dl,dt,dd,div,label,button,input,textarea,select,footer,header,section,a,span{ margin:0; padding:0; -moz-box-sizing: border-box; box-sizing: border-box; overflow-scrolling: touch; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: rgba(255,255,255,0); tap-highlight-color: rgba(255,255,255,0); }
a{ text-decoration: none; color: #000; font-size: 14px; }
img{ border:0; display: block; }
input,select,textarea,button{ outline: none; resize: none; }
*:focus{ outline:none; }
input, select{ -webkit-appearance: none; }

@font-face {
    /* font-family: "HanSansCN";
    font-weight: normal;
    font-style: normal;
    src: url('../font/SourceHanSansCN-Normal.ttf') format('truetype'); */
}
@font-face {
    font-family: "D-DIN";
    font-weight: normal;
    font-style: normal;
    src: url('../font/D-DIN-Bold.ttf') format('truetype');
}
@font-face {
    font-family: "JinBuTi";
    font-weight: normal;
    font-style: normal;
    src: url('../font/DingTalk_JinBuTi.ttf') format('truetype');
}
@font-face {
    font-family: "MiSansLight";
    font-weight: normal;
    font-style: normal;
    src: url('../font/MiSans-Light.ttf') format('truetype');
}
@font-face {
    font-family: "MiSansMedium";
    font-weight: normal;
    font-style: normal;
    src: url('../font/MiSans-Medium.ttf') format('truetype');
}
@font-face {
    font-family: "MiSansNormal";
    font-weight: normal;
    font-style: normal;
    src: url('../font/MiSans-Normal.ttf') format('truetype');
}

html,body{ 
    -webkit-overflow-scrolling: touch; 
    color: #000; 
    font-size: 14px;
}
body{
    overflow-x: hidden; 
}

.w12{
    width: 1300px;
    margin: auto;
}

.overflow{
    height: 100%;
    overflow: hidden;
}


::-moz-selection{
    background-color: #E50113;
    color: #fff;
}
::selection{
    background-color: #E50113;
    color: #fff;
}


.full-page{
    width: 100%;
    height: 100vh;
}
.full-page .swiper-slide-last{
    height: auto;
}

/*公共头部*/
.section-header{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 199;
    color: #fff;
    -webkit-backdrop-filter: blur(6px);
            backdrop-filter: blur(6px);
}
.section-header::before{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(34, 34, 34, 0.2);
    /* background-color: rgba(0, 0, 0, 0.1); */
    /* backdrop-filter: blur(20px); */
}
.section-header .content{
    background-image: url(../images/navbar.png);
    background-repeat: no-repeat;
    background-position: center center;
    -o-background-size: 100% 100%;
       background-size: 100% 100%;
    position: relative;
}
.section-header.theme1 .content{
    background: none;
}
.section-header .content::after{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: -webkit-calc( (100% - 1300px)/2 );
    width: -moz-calc( (100% - 1300px)/2 );
    width: calc( (100% - 1300px)/2 );
    height: 100%;
    background-image: url(../images/navbar2.png);
    background-repeat: repeat-x;
    background-position: 0 0;
    -o-background-size: auto 100%;
       background-size: auto 100%;
    display: none;
}
.section-header a{
    color: #fff;
}
.section-header .top{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    position: relative;
    height: 72px;
}
.section-header .top-left{
    margin-right: 42px;
}
.section-header .top-left .logo{
    height: 33px;
}
.section-header .top-right{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%;
}
.section-header .top-right .item1{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;    
}
.section-header .top-right .item1 a{
    margin-left: 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.section-header .top-right .item1 .icon-search{
    width: 24px;
}
.section-header .top-right .item1 .icon-en{
    height: 14px;
}
.section-header .top-right .item1 .icon-arrow-down{
    height: 6px;
    margin: 0 10px;
}
.section-header .top-right .item2{
    width: 180px;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background-image: url(../images/navbar1.png);
    background-repeat: no-repeat;
    background-position: center center;
    -o-background-size: 100% 100%;
       background-size: 100% 100%;
    position: relative;   
    display: none;    
}
.section-header .top-right .item2 .menu-drop{
    width: 120px;
    text-align: center;
    list-style: none;
    position: absolute;
    left: 50%;
    top: 70px;
    border: solid 1px #999;
    background-color: rgba(0, 0, 0, 0.3);
    -webkit-backdrop-filter: blur(20px);
            backdrop-filter: blur(20px);
    opacity: 0;
    visibility: hidden;
    padding: 10px 10px;
    -webkit-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
    -webkit-transform: translate(-50%, 40px);
       -moz-transform: translate(-50%, 40px);
        -ms-transform: translate(-50%, 40px);
         -o-transform: translate(-50%, 40px);
            transform: translate(-50%, 40px);
    display: none;        
}
.section-header .top-right .item2 .menu-drop .sub-menu a{
    display: block;
    padding: 10px 0;
    white-space: nowrap;
    font-weight: 400;
}
.section-header .top-right .item2:hover .menu-drop{
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate(-50%, 0);
       -moz-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
         -o-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
}

.section-header .navbar{
    height: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
       -moz-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;    
    margin-right: 110px;    
}
.section-header .navbar .menu{
    list-style: none;
    margin-left: 60px;
    position: relative;
    height: 100%;
}
.section-header .navbar .menu-handle{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%;
    position: relative;
}
.section-header .navbar .menu-handle::after{
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    bottom: 1px;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
         -o-transform: translateX(-50%);
            transform: translateX(-50%);
    -webkit-transition: 0.9s;
    -o-transition: 0.9s;
    -moz-transition: 0.9s;
    transition: 0.9s;
    width: 0;
    height: 1px;
    background-color: #fff;
    opacity: 0;
}
.section-header .navbar .menu-handle:hover::after{
    width: 100%;
    opacity: 1;
}
.section-header .navbar .menu-handle .text{
    font-size: 16px;
    color: #fff;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
.section-header .navbar .menu-handle .arrow{
    display: block;
    width: 0;
    height: 0;
    border: solid 5px transparent;
    border-top-color: #fff;
    margin: 7px 0 0 4px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    display: none;
}
.section-header .navbar .menu-drop{
    width: 120px;
    text-align: center;
    list-style: none;
    position: absolute;
    left: 50%;
    top: 70px;
    /* border: solid 1px #999; */
    /* background-color: rgba(0, 0, 0, 0.3); */
    background-color: rgba(255, 255, 255, 0.8);
    -webkit-backdrop-filter: blur(20px);
            backdrop-filter: blur(20px);
    opacity: 0;
    visibility: hidden;
    padding: 10px 10px;
    -webkit-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
    -webkit-transform: translate(-50%, 30px);
       -moz-transform: translate(-50%, 30px);
        -ms-transform: translate(-50%, 30px);
         -o-transform: translate(-50%, 30px);
            transform: translate(-50%, 30px);
    /* display: none; */
}
.section-header .navbar .menu-drop .sub-menu a{
    display: block;
    padding: 10px 0;
    white-space: nowrap;
    font-weight: 400;
    color: #000;
}
.section-header .navbar .menu:hover::before{
    width: 100%;
}
.section-header .navbar .menu.active::before{
    width: 100%;
}
.section-header .navbar .menu:hover .menu-drop{
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate(-50%, 0);
       -moz-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
         -o-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
}
.section-header .navbar .menu:hover .menu-handle .arrow{
    -webkit-transform: translate(0, -5px) rotate(180deg);
       -moz-transform: translate(0, -5px) rotate(180deg);
        -ms-transform: translate(0, -5px) rotate(180deg);
         -o-transform: translate(0, -5px) rotate(180deg);
            transform: translate(0, -5px) rotate(180deg);
}
.section-header.theme1::before{
    /* background-color: #000; */
}
.section-header.theme2{
    /* border-bottom: solid 1px #e0e0e0; */
}
.section-header.theme2::before{
    background-color: rgba(246, 244, 243, 0.1);
    background-color: rgba(255, 255, 255, 0.1);
}
.section-header.theme2 .navbar .menu-handle .text{
    color: #000;
}
.section-header.theme2 .navbar .menu-handle .arrow{
    border-top-color: #000;
}
.section-header.theme2 a{
    color: #000;
}
.section-header.theme2 .top-right .item2{
    background-image: url(../images/navbar3.png);
}
.section-header.theme2 .content::after{
    background-image: url(../images/navbar4.png);
    background-repeat: repeat-x;
}
.section-header.hide{
    visibility: hidden;
}


/*公共尾部*/
.section-footer{
    /* opacity: 0;
    visibility: hidden;
    transform: translateY(100px); */
}
.section-footer .inner{
    background-color: #333;
    color: #fff;
    font-size: 14px;
    padding: 60px 0 50px;
}
.section-footer ul, li{
    list-style: none;
}
.section-footer a{
    color: #fff;
}
.section-footer .item1{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;    
    -webkit-box-align: start;    
    -webkit-align-items: flex-start;    
       -moz-box-align: start;    
        -ms-flex-align: start;    
            align-items: flex-start;
}
.section-footer .item1 .col-2{
    -webkit-box-flex: 1;
    -webkit-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    white-space: nowrap;
}
.section-footer .item1 .col-2 dl{
    margin-left: 70px;
}
.section-footer .item1 .col-2 dl:nth-child(1){
    margin-left: 0;
}
.section-footer .item1 .col-2 dl dt{
    font-size: 14px;
    font-weight: bold;
}
.section-footer .item1 .col-2 dl dd{
    margin-top: 15px;
}
.section-footer .item1 .col-2 dl dd a{
    display: block;
    font-size: 12px;
    color: #eee;
    margin-top: 15px;
}
.section-footer .item1 .col-3{
    margin-top: -20px;
}
.section-footer .item1 .col-3 .row1{
    font-size: 36px;
}
.section-footer .item1 .col-3 .row2{
    font-size: 14px;
    line-height: 18px;
    margin-top: 6px;
}
.section-footer .item1 .col-3 .row3{
    font-size: 14px;
    margin-top: 18px;
    display: none;
}
.section-footer .item1 .col-3 .row4{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    width: 320px;
    display: none;
}
.section-footer .item1 .col-3 .row4 .list{
    width: 50%;
    margin-top: 10px;
}
.section-footer .item1 .col-3 .row4 .list a{
    font-size: 12px;
    color: #eee;
}
.section-footer .item-copyright{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 30px;
}
.section-footer .item-copyright .row1{
    font-size: 11px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
.section-footer .item-copyright a{
    font-size: 11px;
}
.section-footer .item-copyright .row3{
    width: 320px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.section-footer .item-copyright .row3 a{
    margin-right: 20px;
    position: relative;
}
.section-footer .item-copyright .row3 .icon{
    max-width: 18px;
    max-height: 14px;
}
.section-footer .item-copyright .pop{
    text-align: center;
    border: solid 2px #fff;
    font-size: 12px;
    font-family: "MiSansNormal";
    white-space: nowrap;
    position: absolute;
    bottom: 20px;
    left: 50%;
    bottom: 20px;
    -webkit-transform: translate(-50%, 0);
       -moz-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
         -o-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    width: 100px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
}
.section-footer .item-copyright .pop .img{
    width: 100%;
}
.section-footer .item-copyright .pop::after{
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    bottom: -6px;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
         -o-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 12px;
    height: 6px;
    background-color: #fff;
    -webkit-clip-path: polygon(0 0, 50% 100%, 100% 0);
            clip-path: polygon(0 0, 50% 100%, 100% 0);
}
.section-footer .item-copyright .phone .pop{
    width: auto;
    padding: 6px 10px;
}
.section-footer .item-copyright a:hover .pop{
    opacity: 1;
    visibility: visible;
}
.section-footer.move{
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
        -ms-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
    -webkit-transition: 0.6s 0.1s ease-out;
    -o-transition: 0.6s 0.1s ease-out;
    -moz-transition: 0.6s 0.1s ease-out;
    transition: 0.6s 0.1s ease-out;
}



/* banner图 */
.section-banner{
    position: relative;
    height: 100vh;
    width: 100vw;
    background-position: center 0;
    background-repeat: no-repeat;
    -o-background-size: cover;
       background-size: cover;
    overflow: hidden;   
    color: #fff;
}
.section-banner .swiper-slide::before{
    content: "";
    display: block;
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    /* background-color: rgba(0, 0, 0, 0.1); */
    /* mix-blend-mode: multiply; */
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
.section-banner.noMask .swiper-slide::before{
    display: none;
}
.section-banner .swiper-container{
    width: 100%;
    height: 100%;
}
.section-banner .content{
    height: 100%;
    position: relative;
    z-index: 3;
}
.section-banner .banner{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.section-banner .banner.pc{
    display: block;
}
.section-banner .banner.mobile{
    display: none;
}
.section-banner .videobox{
    position: absolute;
    z-index: 9;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.section-banner video{
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    background-color: #000;   
}
.section-banner .videobox::before{
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    /* transform: translate(-50%, -50%); */
    margin: -40px 0 0 -40px;
    width: 80px;
    height: 80px;
    background-image: url(../images/icon-play1.png);
    background-position: center center;
    -o-background-size: 100% 100%;
       background-size: 100% 100%;
    background-repeat: no-repeat;
    pointer-events: none;
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
        -ms-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    display: none;
}
.section-banner .videobox.playing::before{
    -webkit-transform: scale(0);
       -moz-transform: scale(0);
        -ms-transform: scale(0);
         -o-transform: scale(0);
            transform: scale(0);
}
.section-banner .content-title{
    position: absolute;
    z-index: 3;  
    left: 0;
    right: 0;
    bottom: 100px;
    text-align: center;   
    overflow: hidden;
    height: 250px;
    font-family: "JinBuTi";
    pointer-events: none;
}
.section-banner .content-title .title{
    font-size: 70px;
    /* font-weight: bold; */
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    -webkit-transition: 1.2s 0s ease-out;
    -o-transition: 1.2s 0s ease-out;
    -moz-transition: 1.2s 0s ease-out;
    transition: 1.2s 0s ease-out;
    -webkit-transform: translate(0, 150px);
       -moz-transform: translate(0, 150px);
        -ms-transform: translate(0, 150px);
         -o-transform: translate(0, 150px);
            transform: translate(0, 150px);
    opacity: 0;
}
.section-banner .content-title .title.active{
    -webkit-transform: translate(0, 0);
       -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
         -o-transform: translate(0, 0);
            transform: translate(0, 0);
    -webkit-transition: 0.9s 0.5s ease;
    -o-transition: 0.9s 0.5s ease;
    -moz-transition: 0.9s 0.5s ease;
    transition: 0.9s 0.5s ease;
    opacity: 1;
}
.section-banner .item-title{
    position: absolute;
    z-index: 3;  
    left: 0;
    right: 0;
    bottom: 130px;
    text-align: center;   
    opacity: 0;
    -webkit-transition: 1.8s 0.2s ease;
    -o-transition: 1.8s 0.2s ease;
    -moz-transition: 1.8s 0.2s ease;
    transition: 1.8s 0.2s ease;
    overflow: hidden;
    display: none;
}
.section-banner .item-title .row1{
    -webkit-transition: 1.8s 0.2s ease;
    -o-transition: 1.8s 0.2s ease;
    -moz-transition: 1.8s 0.2s ease;
    transition: 1.8s 0.2s ease;
    -webkit-transform: translate(0, 100px);
       -moz-transform: translate(0, 100px);
        -ms-transform: translate(0, 100px);
         -o-transform: translate(0, 100px);
            transform: translate(0, 100px);
}
.section-banner .item-title .row1 h1{
    font-size: 70px;
    font-weight: bold;
}
.section-banner .item-title .row2 p{
    font-size: 30px;
    margin-top: 20px;
}
.section-banner .arrow{
    color: transparent;
    width: 36px;
    height: 70px;
    left: 70px;
    background-image: url(../images/icon-arrow-left3.png);
    background-position: center center;
    background-repeat: no-repeat;
    -o-background-size: 100% 100%;
       background-size: 100% 100%;
}
.section-banner .swiper-button-next{
    background-image: url(../images/icon-arrow-right3.png);
    right: 70px;
    left: auto;
}
.section-banner .swiper-pagination{
    bottom: 60px;
    left: 0;
    right: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transform: translate(0, 100px);
       -moz-transform: translate(0, 100px);
        -ms-transform: translate(0, 100px);
         -o-transform: translate(0, 100px);
            transform: translate(0, 100px);
}
.section-banner.init .swiper-pagination{
    -webkit-transform: translate(0, 0);
       -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
         -o-transform: translate(0, 0);
            transform: translate(0, 0);
    -webkit-transition: 1.1s 0.8s ease-out;
    -o-transition: 1.1s 0.8s ease-out;
    -moz-transition: 1.1s 0.8s ease-out;
    transition: 1.1s 0.8s ease-out;
}
.section-banner .swiper-pagination-bullet{
    width: 25px;
    height: 4px;
    border-radius: 0;
    background-color: rgba(220, 220, 220, 0.8);
    margin: 0 5px;
    mix-blend-mode: multiply;
    opacity: 0.7;
    -webkit-transition: 1.1s 0.1s;
    -o-transition: 1.1s 0.1s;
    -moz-transition: 1.1s 0.1s;
    transition: 1.1s 0.1s;
}
.section-banner .swiper-pagination-bullet-active{
    background-color: #fde7df;
    width: 60px;
    opacity: 1;
}
.section-banner .swiper-slide-active .item-title{
    opacity: 1;
}
.section-banner .swiper-slide-active .item-title .row1{
    -webkit-transform: translate(0, 0);
       -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
         -o-transform: translate(0, 0);
            transform: translate(0, 0);
}



.block-more{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer;        
}
.block-more .more{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #C6383A;
    position: relative;
}
.block-more .more:hover .icon{
    margin-left: 20px;
}
.block-more .more .text{
    font-size: 12px;
}
.block-more .more .icon{
    width: 9px;
    margin-left: 8px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
}
.block-more .more::before{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -6px;
    height: 1px;
    background-color: #A90000;
    cursor: pointer; 
}
.block-more .more::after{
    content: "";
    display: block;
    position: absolute;
    left: 9px;
    right: 9px;
    bottom: -11px;
    height: 1px;
    background-color: #A90000;
    cursor: pointer; 
}


.section-index-about{
    height: 100vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #FFFCF3;
}
.section-index-about .content{
    width: 100%;
}
.section-index-about .item-title{
    font-size: 50px;
    text-align: center;
    padding: 10px 0 20px;
    font-family: "JinBuTi";
    -webkit-transform: translateY(200px);
       -moz-transform: translateY(200px);
        -ms-transform: translateY(200px);
         -o-transform: translateY(200px);
            transform: translateY(200px);
    opacity: 0;
    visibility: hidden;
}
.section-index-about p{
    line-height: 32px;
    font-family: "MiSansMedium";
}
.section-index-about .color{
    color: #A90000;
}
.section-index-about .item1{
    width: 74%;
    margin: auto;
    text-align: center;
    font-size: 20px;
    -webkit-transform: translateY(200px);
       -moz-transform: translateY(200px);
        -ms-transform: translateY(200px);
         -o-transform: translateY(200px);
            transform: translateY(200px);
    opacity: 0;
    visibility: hidden;
}
.section-index-about .item{
    width: 60%;
    margin: auto;
    margin-top: 80px;
    -webkit-transform: translateY(200px);
       -moz-transform: translateY(200px);
        -ms-transform: translateY(200px);
         -o-transform: translateY(200px);
            transform: translateY(200px);
    opacity: 0;
    visibility: hidden;
}
.section-index-about .item .list{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 48px;   
    text-align: center;     
    font-family: "MiSansNormal";
}
.section-index-about .item .list:nth-child(1){
    margin-right: -15px;
    padding-left: 10px;
}
.section-index-about .item dt{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    color: #A90000;
    font-size: 40px;
} 
.section-index-about .item dt .num{
    font-size: 68px;
    font-family: "MiSansLight";
}
.section-index-about .item dt .unit{
    font-size: 38px;
    margin-left: 8px;
}
.section-index-about .item dd{
    font-size: 22px;
} 
.section-index-about .block-more{
    margin-top: 60px;
    -webkit-transform: translateY(200px);
       -moz-transform: translateY(200px);
        -ms-transform: translateY(200px);
         -o-transform: translateY(200px);
            transform: translateY(200px);
    opacity: 0;
    visibility: hidden;
}
.section-index-about-2{
    display: block;
    /* background: linear-gradient(179deg, #FFE2DC 19%, rgba(246, 242, 228, 0) 97%); */
    background: #fffcf5;
}
.section-index-about-2 .inner{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    padding-top: 110px;
    height: 100%;
    background-image: url(../images/map1.gif);
    background-image: url(../images/map0.png);
    /* background-position: center bottom; */
    background-repeat: no-repeat;
    /* background-size: auto 400px; */
    -o-background-size: 100% auto;
       background-size: 100% auto;
    /* background-position: -100vw bottom; */
    background-position: -100vw -70%;
    background-position: 0 -50%;
}
.section-index-about-2 .content{
    height: 100%;
    position: relative;
}
.section-index-about-2 .bg{
    width: 100%;
}
.section-index-about-2 .item{
    margin-top: 0;
}
.section-index-about-2 .item .list{
    margin-top: 10px;
}
.section-index-about-2 .item-more{
    margin-top: 32px;
}
.section-index-about.move .inner{
    /* background-position: 0 bottom; */
    background-position: 0 125%;
    -webkit-transition: 0.9s 0s ease-out;
    -o-transition: 0.9s 0s ease-out;
    -moz-transition: 0.9s 0s ease-out;
    transition: 0.9s 0s ease-out;
}
.section-index-about.move .item-title{
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
        -ms-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
    visibility: visible;
    -webkit-transition: 0.9s 0.1s ease-out;
    -o-transition: 0.9s 0.1s ease-out;
    -moz-transition: 0.9s 0.1s ease-out;
    transition: 0.9s 0.1s ease-out;
}
.section-index-about.move .item1{
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
        -ms-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
    visibility: visible;
    -webkit-transition: 0.9s 0.2s ease-out;
    -o-transition: 0.9s 0.2s ease-out;
    -moz-transition: 0.9s 0.2s ease-out;
    transition: 0.9s 0.2s ease-out;
}
.section-index-about.move .item{
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
        -ms-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
    visibility: visible;
    -webkit-transition: 0.9s 0.3s ease-out;
    -o-transition: 0.9s 0.3s ease-out;
    -moz-transition: 0.9s 0.3s ease-out;
    transition: 0.9s 0.3s ease-out;
}
.section-index-about.move .block-more{
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
        -ms-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
    visibility: visible;
    -webkit-transition: 0.9s 0.4s ease-out;
    -o-transition: 0.9s 0.4s ease-out;
    -moz-transition: 0.9s 0.4s ease-out;
    transition: 0.9s 0.4s ease-out;
}



.section-index-custom{
    overflow: hidden;
    height: 100vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(254, 252, 243, 1)), to(rgba(255, 255, 255, 1)));
    background: -webkit-linear-gradient(rgba(254, 252, 243, 1), rgba(255, 255, 255, 1));
    background: -moz-linear-gradient(rgba(254, 252, 243, 1), rgba(255, 255, 255, 1));
    background: -o-linear-gradient(rgba(254, 252, 243, 1), rgba(255, 255, 255, 1));
    background: linear-gradient(rgba(254, 252, 243, 1), rgba(255, 255, 255, 1));
}
.section-index-custom li{
    list-style: none;
}
.section-index-custom .content-header{
    text-align: center;
    font-size: 70px;
    text-indent: 40%;
}
.section-index-custom .content-bodyer{
    position: relative;
}
.section-index-custom .swiper-container{
    width: 100%;
    height: 100%;
    overflow: visible;
}
.section-index-custom .content-bodyer .swiper-slide{
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    opacity: 1!important;
    visibility: hidden;
}
.section-index-custom .content-bodyer .active{
    visibility: visible;
}
.section-index-custom .content-bodyer .active .item1{
    -webkit-transform: translate(0, 0);
       -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
         -o-transform: translate(0, 0);
            transform: translate(0, 0);
    -webkit-transition: 0.9s 0.2s ease-out;
    -o-transition: 0.9s 0.2s ease-out;
    -moz-transition: 0.9s 0.2s ease-out;
    transition: 0.9s 0.2s ease-out;
    opacity: 1;
    visibility: visible;
}
.section-index-custom .content-bodyer .active .item2{
    -webkit-transform: translate(0, 0);
       -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
         -o-transform: translate(0, 0);
            transform: translate(0, 0);
    -webkit-transition: 0.9s 0.2s ease-out;
    -o-transition: 0.9s 0.2s ease-out;
    -moz-transition: 0.9s 0.2s ease-out;
    transition: 0.9s 0.2s ease-out;
    opacity: 1;
    visibility: visible;
}
.section-index-custom .content-bodyer .swiper-slide-active{
    visibility: visible;
}
.section-index-custom .content-bodyer .swiper-slide-active .item1{
    /* transform: translate(0, 0); */
}
.section-index-custom .content-bodyer .swiper-slide-active .item2{
    /* transform: translate(0, 0); */
}
.section-index-custom .content-bodyer .item1{
    width: 890px;
    height: 490px;
    -webkit-transform: translate(-100%, 0);
       -moz-transform: translate(-100%, 0);
        -ms-transform: translate(-100%, 0);
         -o-transform: translate(-100%, 0);
            transform: translate(-100%, 0);
    opacity: 0;
    visibility: hidden;
}
.section-index-custom .content-bodyer .item1 .imgbox{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.section-index-custom .content-bodyer .item1 .imgbox .img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover; 
}
.section-index-custom .videobox{
    position: relative;
}
.section-index-custom .videobox::before{
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    /* transform: translate(-50%, -50%); */
    margin: -40px 0 0 -40px;
    width: 80px;
    height: 80px;
    background-image: url(../images/icon-play1.png);
    background-position: center center;
    -o-background-size: 100% 100%;
       background-size: 100% 100%;
    background-repeat: no-repeat;
    pointer-events: none;
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
        -ms-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    display: none;
}
.section-index-custom .videobox.playing::before{
    -webkit-transform: scale(0);
       -moz-transform: scale(0);
        -ms-transform: scale(0);
         -o-transform: scale(0);
            transform: scale(0);
}
.section-index-custom .content-bodyer video{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    background-color: #000;   
}
.section-index-custom .content-bodyer .item2{
    width: 380px;
    margin-top: 30px;
    -webkit-transform: translate(100%, 0);
       -moz-transform: translate(100%, 0);
        -ms-transform: translate(100%, 0);
         -o-transform: translate(100%, 0);
            transform: translate(100%, 0);
    opacity: 0;
    visibility: hidden;
}
.section-index-custom .content-bodyer .item2 .row1{
    font-size: 42px;
    font-family: "JinBuTi";
}
.section-index-custom .content-bodyer .item2 .row2{
    font-size: 20px;
    line-height: 32px;
    margin-top: 30px;
    font-family: "MiSansMedium";
}
.section-index-custom .content-bodyer .item2 .row-more{
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin-top: 20px;
}
.section-index-custom .swiper-pagination{
    position: static;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 80px;
    -webkit-transform: translateY(200px);
       -moz-transform: translateY(200px);
        -ms-transform: translateY(200px);
         -o-transform: translateY(200px);
            transform: translateY(200px);
    opacity: 0;
    visibility: hidden;
}
.section-index-custom .swiper-pagination .swiper-pagination-bullet{
    width: 70px;
    height: 5px;
    border-radius: 0;
    background-color: #D8D8D8;
    margin: 0 5px;
    mix-blend-mode: multiply;
    opacity: 1; 
    -webkit-transition: 0.6s; 
    -o-transition: 0.6s; 
    -moz-transition: 0.6s; 
    transition: 0.6s;
}
.section-index-custom .swiper-pagination .swiper-pagination-bullet-active{
    background-color: #E50113;
    width: 130px;
    opacity: 1; 
}
.section-index-custom.move .swiper-pagination{
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
        -ms-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
    visibility: visible;
    -webkit-transition: 0.9s 0.2s ease-out;
    -o-transition: 0.9s 0.2s ease-out;
    -moz-transition: 0.9s 0.2s ease-out;
    transition: 0.9s 0.2s ease-out;
}




.section-index-category{
    overflow: hidden;
}
.section-index-category li{
    list-style: none;
}
.section-index-category .content-bodyer{
    position: relative;
}
.section-index-category .description{
    position: absolute;
    left: 80px;
    top: 87%;
    z-index: 99;    
    font-size: 14px;
    opacity: 1;
    color: #000;
    -webkit-transition: 1.2s ease;
    -o-transition: 1.2s ease;
    -moz-transition: 1.2s ease;
    transition: 1.2s ease;
    pointer-events: none;
}
.section-index-category .description::after{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 68%;
    bottom: -5px;
    height: 1px;
    background-color: #000;
}
.section-index-category .swiper-container{
    width: 100%;
    height: 100%;
    overflow: visible;
}
.section-index-category .swiper-slide{
    -webkit-box-flex: 1;
    -webkit-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-transition: 1.2s 0.1s ease;
    -o-transition: 1.2s 0.1s ease;
    -moz-transition: 1.2s 0.1s ease;
    transition: 1.2s 0.1s ease;
}
.section-index-category .content-bodyer .item1{
    width: 100%;
    height: 100vh;
    position: relative;
    -webkit-transition: 1.2s 0.1s ease;
    -o-transition: 1.2s 0.1s ease;
    -moz-transition: 1.2s 0.1s ease;
    transition: 1.2s 0.1s ease;
}
.section-index-category .content-bodyer .item1::after{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.6;
    -webkit-transition: 1.2s 0.1s ease;
    -o-transition: 1.2s 0.1s ease;
    -moz-transition: 1.2s 0.1s ease;
    transition: 1.2s 0.1s ease;
}
.section-index-category .content-bodyer .item1 .imgbox{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.section-index-category .content-bodyer .item1 .imgbox .img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.section-index-category .content-bodyer .item2{
    width: 365px;
    position: absolute;
    left: 80px;
    top: 45%;
    color: #fff;
    -webkit-transition: 1.2s 0.1s ease;
    -o-transition: 1.2s 0.1s ease;
    -moz-transition: 1.2s 0.1s ease;
    transition: 1.2s 0.1s ease;
}
.section-index-category .content-bodyer .item2 .row1{
    font-size: 24px;
    -webkit-transition: 1.2s 0.1s ease;
    -o-transition: 1.2s 0.1s ease;
    -moz-transition: 1.2s 0.1s ease;
    transition: 1.2s 0.1s ease;
    font-family: "MiSansMedium";
    font-weight: bold;
}
.section-index-category .content-bodyer .item2 .row2{
    display: inline-block;
    margin-top: 15px;
    position: relative;
    -webkit-transition: 1.2s 0.1s ease;
    -o-transition: 1.2s 0.1s ease;
    -moz-transition: 1.2s 0.1s ease;
    transition: 1.2s 0.1s ease;
    opacity: 0;
    font-family: "MiSansNormal";
}
.section-index-category .content-bodyer .item2 .row2::after{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 68%;
    bottom: -5px;
    height: 1px;
    background-color: #000;
}
.section-index-category .content-bodyer .active{
    -webkit-box-flex: 2;
    -webkit-flex: 2;
       -moz-box-flex: 2;
        -ms-flex: 2;
            flex: 2;
}
.section-index-category .content-bodyer .active .item1::after{
    opacity: 0;
}
.section-index-category .content-bodyer .active .item2{
    top: 80%;
}
.section-index-category .content-bodyer .active .item2 .row1{
    font-size: 32px;
    color: #000;
}



.section-partners-logo{
    overflow: hidden;
    padding: 30px 0 40px;
}
.section-partners-logo .item{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 40px 0;
}
.section-partners-logo .list{
    list-style: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.section-partners-logo .list a{
    margin: 0 35px;
    display: block;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.section-partners-logo .list img{
    display: block;
    max-width: 200px;
    max-height: 70px;
}
.section-partners-logo.move .item{
    -webkit-transform: translateX(0);
       -moz-transform: translateX(0);
        -ms-transform: translateX(0);
         -o-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
    visibility: visible;
}


.section-index-news{
    padding: 0 0 80px;
    overflow: hidden;
    position: relative;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(100%);
       -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
         -o-transform: translateX(100%);
            transform: translateX(100%);
}
.section-index-news .content{
    position: relative;
    overflow: hidden;
}
.section-index-news .swiper-container{
    overflow: visible;
    padding-right: 30px;
}
.section-index-news .swiper-slide{
    list-style: none;
    width: 23vw;
    display: inline-block;
    vertical-align: top;
    margin-left: 30px;
}
.section-index-news .swiper-slide .img{
    width: 100%;
    height: 250px;
    height: 15vw;
    -o-object-fit: cover;
       object-fit: cover;
}
.section-index-news .swiper-slide .time{
    font-size: 14px;
    margin-top: 15px;
    font-family: "MiSansMedium";
}
.section-index-news .swiper-slide .title{
    font-size: 18px;
    font-weight: bold;
    margin-top: 10px;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
}
.section-index-news .swiper-slide .description{
    font-size: 14px;
    margin-top: 10px;
    line-height: 1.5;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.section-index-news .swiper-slide .item-more{
    margin-top: 40px;
}
.section-index-news .swiper-slide .item-more .more{
    font-size: 14px;
    color: #AD0101;
}
.section-index-news .swiper-scrollbar{
    width: 400px;
    position: static;
    margin: auto;
    margin-top: 60px;
}
.section-index-news .swiper-scrollbar .swiper-scrollbar-drag{
    background-color: #CF1322;
    height: 2px;
}
.section-index-news.move{
    -webkit-transform: translateX(0);
       -moz-transform: translateX(0);
        -ms-transform: translateX(0);
         -o-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
    visibility: visible;
    -webkit-transition: 0.9s 0s ease-out;
    -o-transition: 0.9s 0s ease-out;
    -moz-transition: 0.9s 0s ease-out;
    transition: 0.9s 0s ease-out;
}




/* banner图 */
.section-banner-normal{
    position: relative;
    height: 500px;
    background-position: center 0;
    background-repeat: no-repeat;
    -o-background-size: cover;
       background-size: cover;
    overflow: hidden;   
    color: #fff;
}
.section-banner-normal .inner{
    width: 100%;
    height: 100%;
}
.section-banner-normal .content{
    height: 100%;
    position: relative;
    z-index: 3;
}
.section-banner-normal .banner{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.section-banner-normal video{
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    background-color: #000;   
}
.section-banner-normal .item-title{
    position: absolute;
    z-index: 3;  
    left: 0;
    right: 0;
    top: 50%;
    overflow: hidden;
    -webkit-transform: translate(0, -50%);
       -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
         -o-transform: translate(0, -50%);
            transform: translate(0, -50%);
}
.section-banner-normal .item-title .row1 h1{
    font-size: 60px;
    font-weight: normal;
    font-family: "JinBuTi";
    padding: 0 35px;
}
.section-banner-normal .logo{
    margin-bottom: 40px;
}
.section-banner-normal .logo img{
    width: 90px;
}
.section-banner-normal.banner1{
    height: 340px;
}
.section-banner-normal.banner1 .item-title{
    top: 65%;
}
.section-banner-normal.banner1 .item-title .row1 h1{
    font-size: 40px;
}




.public-title{
    position: relative;
    color: #3D3D3D;
    font-size: 40px;
    font-family: "JinBuTi";
}
.public-title .space{
    display: inline-block;
    width: 0.5em;
}
.public-title .title{
    font-weight: normal;
}
.public-title .en{
    position: absolute;
    top: -50%;
    color: rgba(0, 0, 0, 0.1);
    letter-spacing: 10px;
}



.section-enter-about{
    background-color: #FFFCF3;
    padding: 80px 0;
}
.section-enter-about .content{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
.section-enter-about .content-left{
    -webkit-box-flex: 1;
    -webkit-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
       -moz-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
}
.section-enter-about .public-title{
    margin-top: 22px;
}
.section-enter-about .item-list .list{
    margin-top: 40px;
    overflow: hidden;
}
.section-enter-about .item-list dt{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 15px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    cursor: pointer;
}
.section-enter-about .item-list dt .text{
    font-size: 18px;
    font-family: 'MiSansMedium';
    font-weight: bold;
    color: #3D3D3D;
}
.section-enter-about .item-list dt .line{
    -webkit-box-flex: 1;
    -webkit-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    height: 2px;
    background-color: #d8d8d8;
    margin: 0 15px;
    position: relative;
}
.section-enter-about .item-list dt .line::after{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 0;
    background-color: #000;
}
.section-enter-about .item-list dt:hover .text{
    color: #000;
}
.section-enter-about .item-list dt:hover .line::after{
    -webkit-animation: line 0.7s linear forwards;
       -moz-animation: line 0.7s linear forwards;
         -o-animation: line 0.7s linear forwards;
            animation: line 0.7s linear forwards;
}
@-webkit-keyframes line {
    100%{
        width: 100%;
    }
}
@-moz-keyframes line {
    100%{
        width: 100%;
    }
}
@-o-keyframes line {
    100%{
        width: 100%;
    }
}
@keyframes line {
    100%{
        width: 100%;
    }
}
.section-enter-about .item-list dt .arrow{
    width: 12px;
    -webkit-transform: rotate(180deg);
       -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
         -o-transform: rotate(180deg);
            transform: rotate(180deg);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
}
.section-enter-about .item-list dd{
    font-size: 14px;
    font-family: "MiSansNormal";
    line-height: 1.5;
    display: none;
}
.section-enter-about .item-list .block-more{
    margin: 20px 0 20px 0;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
       -moz-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}
.section-enter-about .item-list .active dt .arrow{
    -webkit-transform: rotate(0);
       -moz-transform: rotate(0);
        -ms-transform: rotate(0);
         -o-transform: rotate(0);
            transform: rotate(0);
}
.section-enter-about .item-list .active dt .text{
    color: #000;
}
.section-enter-about .item-list .active dd{
    display: block;
}

.section-enter-about .content-right{
    width: 50%;
    height: 810px;
    margin-left: 60px;
    overflow: hidden;
}
.section-enter-about .content-right .img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}



.section-enter-global{
    background-color: #FFFCF3;
    padding: 50px 0;
}
.section-enter-global .content{
    position: relative;
}
.section-enter-global .content-title{
    -webkit-box-flex: 1;
    -webkit-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
       -moz-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    position: relative;
    z-index: 2;
}
.section-enter-global .public-title{
    margin-top: 22px;
}
.section-enter-global .item-title .list{
    margin-top: 40px;
}
.section-enter-global .item-title dt{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 15px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    cursor: pointer;
}
.section-enter-global .item-title .text{
    font-size: 18px;
    font-family: 'MiSansMedium';
    color: #888;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
}
.section-enter-global .item-title .line{
    width: 50px;
    height: 2px;
    background-color: #E50113;
    margin-right: 22px;
    position: relative;
    opacity: 0;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
}
.section-enter-global .item-title .line::after{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 5px;
    width: 30px;
    width: 0;
    height: 2px;
    background-color: #E50113;
    -webkit-transition: 0.3s 0.1s;
    -o-transition: 0.3s 0.1s;
    -moz-transition: 0.3s 0.1s;
    transition: 0.3s 0.1s;
}
.section-enter-global .item-title .list:hover .text{
    /* font-size: 24px; */
}
.section-enter-global .item-title .list:hover .line{
    opacity: 1;
}
.section-enter-global .item-title .list:hover .line::after{
    width: 30px;
}
.section-enter-global .item-title .active .text{
    font-size: 24px;
    color: #3D3D3D;
    font-weight: bold;
}
.section-enter-global .item-title .active .line{
    opacity: 1;
}
.section-enter-global .item-title .active .line::after{
    width: 30px;
}
.section-enter-global .content-img{
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    top: 70px;
    z-index: 0;
}
.section-enter-global .content-img .img{
    width: 100%;
}
.section-enter-global .content-swiper{
    position: relative;
    overflow: hidden;
    margin-top: 180px;
    height: 270px;
}
.section-enter-global .swiper-container{
    visibility: hidden;
    padding-bottom: 30px;
    position: absolute;
    width: 100%;
}
.section-enter-global .swiper-slide{
    width: 420px;
    height: 240px;
    overflow: hidden;
    margin-left: 20px;
}
.section-enter-global .swiper-slide:nth-child(1){
    margin-left: 0;
}
.section-enter-global .swiper-slide::after{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 20%;
    bottom: 0;
    width: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(242, 136, 141, 0.55)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(242, 136, 141, 0.55));
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0), rgba(242, 136, 141, 0.55));
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0), rgba(242, 136, 141, 0.55));
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(242, 136, 141, 0.55));
}
.section-enter-global .swiper-slide .detail{
    position: absolute;
    left: 40px;
    bottom: 22px;
    width: 100%;
    z-index: 2;
}
.section-enter-global .swiper-slide .title{
    color: #fff;
    font-size: 18px;
    font-weight: normal;
    font-family: "MiSansMedium";
}
.section-enter-global .swiper-slide .img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.section-enter-global .content-swiper .swiper-pagination{
    bottom: 0;
}
.section-enter-global .swiper-pagination-bullet{
    width: 35px;
    height: 4px;
    border-radius: 0;
    background-color: rgba(0, 0, 0, 0.1);
    margin: 0 5px;
    mix-blend-mode: multiply;
    opacity: 1; 
    -webkit-transition: 0.6s; 
    -o-transition: 0.6s; 
    -moz-transition: 0.6s; 
    transition: 0.6s;
}
.section-enter-global .swiper-pagination-bullet-active{
    background-color: #E7B0A0;
    width: 120px;
    opacity: 1; 
}
.section-enter-global .swiper-container.active{
    visibility: visible;
}
.section-enter-global .swiper-arrow{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9;
}
.section-enter-global .swiper-arrow .arrow{
    width: 66px;
    height: 66px;
    top: 110px;
    background-position: center center;
    background-repeat: no-repeat;
    -o-background-size: 100% 100%;
       background-size: 100% 100%;
}
.section-enter-global .swiper-button-prev{
    left: 20px;
    background-image: url(../images/icon-arrow-left4.png);
}
.section-enter-global .swiper-button-next{
    right: 20px;
    background-image: url(../images/icon-arrow-right4.png);
}
.section-enter-global .arrow::after{
    display: none;
}
.section-enter-global .swiper-arrow .swiper-button-disabled{
    opacity: 1;
}
.section-enter-global .swiper-button-lock{
    display: block;
}
.section-enter-global .swiper-container:nth-child(2) .swiper-arrow{
    display: none;
}
.section-enter-global .swiper-container:nth-child(3) .swiper-arrow{
    display: none;
}



.section-enter-culture{
    overflow: hidden;
    padding: 80px 0 80px;
    background-color: #FFFCF3;
}
.section-enter-culture li{
    list-style: none;
}
.section-enter-culture .content-bodyer{
    position: relative;
    margin-top: 50px;
}
.section-enter-culture .description{
    position: absolute;
    left: 80px;
    top: 87%;
    z-index: 99;    
    font-size: 14px;
    opacity: 1;
    color: #000;
    -webkit-transition: 1.2s 0s ease;
    -o-transition: 1.2s 0s ease;
    -moz-transition: 1.2s 0s ease;
    transition: 1.2s 0s ease;
}
.section-enter-culture .description::after{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 68%;
    bottom: -5px;
    height: 1px;
    background-color: #000;
}
.section-enter-culture .swiper-container{
    width: 100%;
    height: 100%;
    overflow: visible;
}
.section-enter-culture .content-bodyer .swiper-slide{
    -webkit-box-flex: 1;
    -webkit-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-transition: 1.2s 0.1s ease;
    -o-transition: 1.2s 0.1s ease;
    -moz-transition: 1.2s 0.1s ease;
    transition: 1.2s 0.1s ease;
    margin-left: 20px;
}
.section-enter-culture .content-bodyer .swiper-slide:nth-child(1){
    margin-left: 0;
}
.section-enter-culture .content-bodyer .item1{
    width: 100%;
    height: 600px;
    position: relative;
    -webkit-transition: 1.2s 0.1s ease;
    -o-transition: 1.2s 0.1s ease;
    -moz-transition: 1.2s 0.1s ease;
    transition: 1.2s 0.1s ease;
}
.section-enter-culture .content-bodyer .item1::after{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.1);
    opacity: 0.6;
    -webkit-transition: 1.2s 0.1s ease;
    -o-transition: 1.2s 0.1s ease;
    -moz-transition: 1.2s 0.1s ease;
    transition: 1.2s 0.1s ease;
}
.section-enter-culture .content-bodyer .item1 .imgbox{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.section-enter-culture .content-bodyer .item1 .imgbox .img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.section-enter-culture .content-bodyer .item2{
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    top: 50%;
    -webkit-transform: translate(0, -50%);
       -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
         -o-transform: translate(0, -50%);
            transform: translate(0, -50%);
    color: #fff;
    -webkit-transition: 1.2s 0.1s ease;
    -o-transition: 1.2s 0.1s ease;
    -moz-transition: 1.2s 0.1s ease;
    transition: 1.2s 0.1s ease;
}
.section-enter-culture .content-bodyer .item2 .row1{
    font-size: 32px;
    -webkit-transition: 1.2s 0.1s ease;
    -o-transition: 1.2s 0.1s ease;
    -moz-transition: 1.2s 0.1s ease;
    transition: 1.2s 0.1s ease;
    font-family: "MiSansMedium";
}
.section-enter-culture .content-bodyer .item2 .row2{
    display: inline-block;
    margin-top: 40px;
    font-size: 18px;
    position: relative;
    -webkit-transition: 1.2s 0.1s ease;
    -o-transition: 1.2s 0.1s ease;
    -moz-transition: 1.2s 0.1s ease;
    transition: 1.2s 0.1s ease;
    font-family: "MiSansNormal";
}
.section-enter-culture .content-bodyer .item2 .row2::after{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 68%;
    bottom: -5px;
    height: 1px;
    background-color: #000;
    display: none;
}
.section-enter-culture .content-bodyer .swiper-slide:hover .item2 .row2{
    font-size: 18px;
}
.section-enter-culture .content-bodyer .active{
    -webkit-box-flex: 2;
    -webkit-flex: 2;
       -moz-box-flex: 2;
        -ms-flex: 2;
            flex: 2;
}
.section-enter-culture .content-bodyer .active .item1::after{
    opacity: 0;
}
.section-enter-culture .content-bodyer .active .item2{
    top: 80%;
}
.section-enter-culture .content-bodyer .active .item2 .row1{
    font-size: 32px;
    color: #000;
}



.section-enter-develop{
    background-color: #FFFCF3;
    position: relative;
}
.section-enter-develop .content{
    position: relative;
    height: 100vh;
    height: 700px;
    padding-top: 70px;
}
.section-enter-develop .content-bg{
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.section-enter-develop .content-bg img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    display: none;   
}
.section-enter-develop .content-bg .active{
    display: block;
}
.section-enter-develop .public-title .title{
    color: #fff;
}
.section-enter-develop .public-title .en{
    color: rgba(255, 255, 255, 0.1);
}
.section-enter-develop .content-pop{
    position: absolute;
    right: 260px;
    top: 180px;
    width: 450px;
}
.section-enter-develop .content-pop .imgbox{
    width: 100%;
    height: 280px;
    background-color: #D8D8D8;
    border: solid 1px #666;
    overflow: hidden;
}
.section-enter-develop .content-pop img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    display: none;
}
.section-enter-develop .content-pop .detail{
    color: #fff;
    padding: 20px 0;
    font-size: 14px;
    text-align: center;
}
.section-enter-develop .content-pop .text{
    display: none;
}
.section-enter-develop .content-pop .active{
    display: block;
}
.section-enter-develop .swiper-year{
    width: 100px;
    height: 420px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
}
.section-enter-develop .swiper-year .swiper-scrollbar{
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.9)), to(rgba(255, 255, 255, 0.1)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.1));
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.1));
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.1));
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.1));
}
.section-enter-develop .swiper-year .swiper-scrollbar-drag{
    background-color: #fff;
}
.section-enter-develop .swiper-year .swiper-slide{
    height: auto;
    padding: 0 40px 0 0;
}
.section-enter-develop .swiper-year .list{
    margin-top: 20px;
    padding: 10px 0;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    cursor: pointer;
}
.section-enter-develop .swiper-year .list:nth-child(1){
    margin-top: 0;
}
.section-enter-develop .swiper-year .list dt{
    color: #fff;
    font-size: 18px;
    font-family: 'MiSansMedium';
    text-align: right;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
}
.section-enter-develop .swiper-year .list dt:hover{
    font-size: 24px;
    opacity: 1!important;
}
.section-enter-develop .swiper-year .active dt{
    font-size: 24px;
    opacity: 1!important;
}
.section-enter-develop .content-detail{
    position: absolute;
    left: 0;
    top: 160px;
    width: 70%;
}
.section-enter-develop .content-detail .list{
    display: none;
}
.section-enter-develop .content-detail .list.active{
    display: block;
}
.section-enter-develop .content-detail .row1{
    color: #fff;
    font-size: 230px;
    font-family: "D-DIN";
}
.section-enter-develop .content-detail .row1 .t1{
    text-stroke: 2px #fff;
    text-fill-color: transparent;
    -webkit-text-stroke: 2px #fff;
    -webkit-text-fill-color: transparent;
}
.section-enter-develop .content-detail .row2{
    color: #fff;
    font-size: 20px;
    font-family: "MiSansMedium";
    margin-top: 30px;
    display: none;
}
.section-enter-develop .content-detail .row3{
    margin-top: 70px;
}
.section-enter-develop .content-detail .block-more{
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.section-enter-develop .content-detail .block-more .more{
    color: #fff;
}
.section-enter-develop .content-detail .block-more .more::before{
    background-color: #fff;
}
.section-enter-develop .content-detail .block-more .more::after{
    background-color: #fff;
}



.section-enter-manufacture{
    background-color: #FFFCF3;
    padding-bottom: 90px;
}
.section-enter-manufacture .content{
    overflow: hidden;
}
.section-enter-manufacture .public-title{
    margin-top: 90px;
}
.section-enter-manufacture .content-swiper{
    width: 150%;
    margin: 0 -25%;
    margin-top: 100px;
    overflow: hidden;
}
.section-enter-manufacture .swiper-container{
    width: 100%;
    height: 500px;
    padding: 60px 0 0;
}
.section-enter-manufacture .swiper-slide{
    width: 33%;
    height: 350px;
    overflow: hidden;
    margin-right: 20px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
}
.section-enter-manufacture .swiper-slide::after{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.1)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.1));
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.1));
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.1));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.1));
}
.section-enter-manufacture .swiper-slide .detail{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 40px;
    z-index: 2;
    color: #fff;
    font-family: "MiSansMedium";
    text-align: center;
    opacity: 0;
    -webkit-transform: translateY(50px);
       -moz-transform: translateY(50px);
        -ms-transform: translateY(50px);
         -o-transform: translateY(50px);
            transform: translateY(50px);
}
.section-enter-manufacture .swiper-slide .row1{
    font-size: 22px;
    font-weight: bold;
}
.section-enter-manufacture .swiper-slide .row2{
    font-size: 16px;
    margin-top: 10px;
}
.section-enter-manufacture .swiper-slide .row3{
    margin-top: 35px;
}
.section-enter-manufacture .swiper-slide .row3 .more{
    color: #fff;
}
.section-enter-manufacture .swiper-slide .row3 .more::before{
    background-color: #fff;
}
.section-enter-manufacture .swiper-slide .row3 .more::after{
    background-color: #fff;
}
.section-enter-manufacture .swiper-slide .img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.section-enter-manufacture .swiper-slide-prev{
    margin-left: -2.7%;
}
.section-enter-manufacture .swiper-slide-active{
    width: 40%;
    height: 470px;
    margin-top: -60px;
}
.section-enter-manufacture .swiper-slide-active .detail{
    opacity: 1;
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
        -ms-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
    -webkit-transition: 0.6s 0.1s;
    -o-transition: 0.6s 0.1s;
    -moz-transition: 0.6s 0.1s;
    transition: 0.6s 0.1s;
}
.section-enter-manufacture .swiper-pagination{
    position: static;
}
.section-enter-manufacture .swiper-pagination-bullet{
    width: 35px;
    height: 4px;
    border-radius: 0;
    background-color: rgba(0, 0, 0, 0.1);
    margin: 0 5px;
    mix-blend-mode: multiply;
    opacity: 1; 
    -webkit-transition: 0.6s; 
    -o-transition: 0.6s; 
    -moz-transition: 0.6s; 
    transition: 0.6s;
}
.section-enter-manufacture .swiper-pagination-bullet-active{
    background-color: #E7B0A0;
    width: 120px;
    opacity: 1; 
}
.section-enter-manufacture .swiper-container.active{
    visibility: visible;
}




.section-enter-responsibility{
    background-color: #FFFCF3;
    padding: 80px 0;
}
.section-enter-responsibility .content{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: -90px;
}
.section-enter-responsibility .content-left{
    width: 50%;
}
.section-enter-responsibility .public-title{
    margin-top: 22px;
}
.section-enter-responsibility .item-img{
    width: 100%;
    position: relative;
    margin-top: 60px;
}
.section-enter-responsibility .item-img .img{
    width: 110%;
    max-height: 80%;
    -o-object-fit: cover;
       object-fit: cover;
    display: none;
    max-height: 580px;
}
.section-enter-responsibility .item-img .active{
    display: block;
}
.section-enter-responsibility .item-list .list{
    margin-top: 30px;
    overflow: hidden;
}
.section-enter-responsibility .item-list dt{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 20px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    cursor: pointer;
}
.section-enter-responsibility .item-list dt .text{
    font-size: 20px;
    font-family: 'MiSansMedium';
    font-weight: bold;
    color: #181818;
}
.section-enter-responsibility .item-list dd{
    font-size: 14px;
    font-family: "MiSansNormal";
    line-height: 1.5;
    display: none;
    color: rgba(0, 0, 0, 0.6);
}
.section-enter-responsibility .item-list .active dt .arrow{
    -webkit-transform: rotate(0);
       -moz-transform: rotate(0);
        -ms-transform: rotate(0);
         -o-transform: rotate(0);
            transform: rotate(0);
}
.section-enter-responsibility .item-list .active dd{
    display: block;
}
.section-enter-responsibility .content-right{
    -webkit-box-flex: 1;
    -webkit-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    background-color: #E9E7DF;
    padding: 230px 70px 200px 160px;
}



.section-talent-about{
    background-image: url(../images/talent1.jpg);
    background-position: center 0;
    background-repeat: no-repeat;
    -o-background-size: cover;
       background-size: cover;
    position: relative;
    background-position: center 70px;
    background-color: rgba(255, 252, 243, 1);
}
.section-talent-about::after{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(232, 234, 233, 1)), to(rgba(22, 81, 159, 0.87)));
    background: -webkit-linear-gradient(top, rgba(232, 234, 233, 1), rgba(22, 81, 159, 0.87));
    background: -moz-linear-gradient(top, rgba(232, 234, 233, 1), rgba(22, 81, 159, 0.87));
    background: -o-linear-gradient(top, rgba(232, 234, 233, 1), rgba(22, 81, 159, 0.87));
    background: linear-gradient(to bottom, rgba(232, 234, 233, 1), rgba(22, 81, 159, 0.87));
    display: none;
}
.section-talent-about .content{
    height: 660px;
    padding: 70px 0 90px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.section-talent-about .content-detail{
    width: 53%;
}
.section-talent-about .row1{
    color: #fff;
    font-size: 24px;
    font-family: "MiSansMedium";
    line-height: 1.5;
}
.section-talent-about .row2{
    color: #fff;
    font-size: 16px;
    font-family: "MiSansNormal";
    margin-top: 15px;
    line-height: 1.5;
}
.section-talent-about .row3{
    margin-top: 25px;
}
.section-talent-about .block-more{
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.section-talent-about .block-more .more{
    color: #fff;
}
.section-talent-about .block-more .more::before{
    background-color: #fff;
}
.section-talent-about .block-more .more::after{
    background-color: #fff;
}



.section-talent-encourage-1{
    background-image: url(../images/encourage2.jpg);
    background-position: center 0;
    background-repeat: no-repeat;
    -o-background-size: cover;
       background-size: cover;
    position: relative;
    background-position: center 0;
    background-color: rgba(255, 252, 243, 1);
}
.section-talent-encourage-1::after{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 252, 243, 1)), to(rgba(255, 252, 243, 0)));
    background: -webkit-linear-gradient(top, rgba(255, 252, 243, 1), rgba(255, 252, 243, 0));
    background: -moz-linear-gradient(top, rgba(255, 252, 243, 1), rgba(255, 252, 243, 0));
    background: -o-linear-gradient(top, rgba(255, 252, 243, 1), rgba(255, 252, 243, 0));
    background: linear-gradient(to bottom, rgba(255, 252, 243, 1), rgba(255, 252, 243, 0));
    display: none;
}
.section-talent-encourage-1 .content{
    height: 550px;
    padding: 70px 0 0;
}
.section-talent-encourage-1 .content-detail{
    width: 53%;
    margin-top: 40px;
}
.section-talent-encourage-1 .row1{
    color: #373737;
    font-size: 14px;
    font-family: "MiSansNormal";
    line-height: 1.5;
}
.section-talent-encourage-1 .row2{
    color: #fff;
    font-size: 16px;
    font-family: "MiSansNormal";
    margin-top: 40px;
    line-height: 1.5;
}
.section-talent-encourage-1 .row3{
    margin-top: 25px;
}
.section-talent-encourage-1 .block-more{
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.section-talent-encourage-1 .block-more .more{
    color: #fff;
}
.section-talent-encourage-1 .block-more .more::before{
    background-color: #fff;
}
.section-talent-encourage-1 .block-more .more::after{
    background-color: #fff;
}



.section-talent-encourage-2{
    background-color: #FFFCF3;
}
.section-talent-encourage-2 .item1{
    width: 80%;
    font-size: 16px;
    font-family: "MiSansNormal";
    margin: 45px 0 0 0;
    line-height: 1.5;
}
.section-talent-encourage-2 .item-list .list{
    height: 400px;
    background-position: center 0;
    background-repeat: no-repeat;
    -o-background-size: cover;
       background-size: cover;
    background-image: url(../images/encourage3.jpg);
    color: #fff;
}
.section-talent-encourage-2 .item-list .list .box{
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.section-talent-encourage-2 .item-list .list dl{
    width: 45%;
}
.section-talent-encourage-2 .item-list .list:nth-child(1){
    background-image: url(../images/encourage3.jpg);
}
.section-talent-encourage-2 .item-list .list:nth-child(2n+1) .box{
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
       -moz-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}
.section-talent-encourage-2 .item-list .list:nth-child(2){
    background-image: url(../images/encourage4.jpg);
}
.section-talent-encourage-2 .item-list .list dt{
    font-size: 24px;
    font-family: "JinBuTi";
}
.section-talent-encourage-2 .item-list .list dd{
    font-size: 14px;
    font-family: "MiSansNormal";
    color: #fff;
    line-height: 1.5;
    margin-top: 40px;
}
.section-talent-encourage-2 .item-list .list.left{
    margin-left: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
       -moz-box-orient: horizontal;
       -moz-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
}
.section-talent-encourage-2 .item-list .list.left dt{
    margin-right: 0;
    margin-left: 70px;
}



.section-talent-idea{
    padding: 100px 0 70px;
    background-color: #FFFCF3;
}
.section-talent-idea .item1{
    width: 80%;
    font-size: 16px;
    font-family: "MiSansNormal";
    margin: 45px 0 0 0;
    line-height: 1.5;
}
.section-talent-idea .item-list{
    margin-top: 34px;
}
.section-talent-idea .item-list .list{
    width: 85%;
    height: 140px;
    margin-top: 15px;
    background-position: center 0;
    background-repeat: no-repeat;
    -o-background-size: cover;
       background-size: cover;
    margin-left: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 100px;
    color: #fff;
    background-image: url(../images/idea1.jpg);
}
.section-talent-idea .item-list .list:nth-child(1){
    background-image: url(../images/idea1.jpg);
}
.section-talent-idea .item-list .list:nth-child(2){
    background-image: url(../images/idea2.jpg);
}
.section-talent-idea .item-list .list:nth-child(3){
    background-image: url(../images/idea3.jpg);
}
.section-talent-idea .item-list .list:nth-child(4){
    background-image: url(../images/idea4.jpg);
}
.section-talent-idea .item-list .list dt{
    font-size: 24px;
    font-family: "MiSansMedium";
    margin-right: 70px;
}
.section-talent-idea .item-list .list dd{
    font-size: 16px;
    font-family: "MiSansNormal";
}
.section-talent-idea .item-list .list.left{
    margin-left: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
       -moz-box-orient: horizontal;
       -moz-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
}
.section-talent-idea .item-list .list.left dt{
    margin-right: 0;
    margin-left: 70px;
}



.section-talent-recruit{
    padding: 80px 0;
    position: relative;
}
.section-talent-recruit::before{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;    
    /* background-image: linear-gradient(to bottom, rgba(255, 226, 220, 1), rgba(246, 242, 228, 0)); */
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 226, 220, 1)), to(#fefbf5));
    background-image: -webkit-linear-gradient(top, rgba(255, 226, 220, 1), #fefbf5);
    background-image: -moz-linear-gradient(top, rgba(255, 226, 220, 1), #fefbf5);
    background-image: -o-linear-gradient(top, rgba(255, 226, 220, 1), #fefbf5);
    background-image: linear-gradient(to bottom, rgba(255, 226, 220, 1), #fefbf5);
}
.section-talent-recruit li{
    list-style: none;
}
.section-talent-recruit .content-bodyer{
    position: relative;
    margin-top: 80px;
}
.section-talent-recruit .item-list{
    width: 82%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: auto;
}
.section-talent-recruit .swiper-slide{
    -webkit-box-flex: 1;
    -webkit-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0 10px;
    overflow: hidden;
}
.section-talent-recruit .item1{
    width: 100%;
    height: 280px;
    position: relative;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
}
.section-talent-recruit .item1::after{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, from(rgba(169, 0, 0, 1)), to(rgba(253, 125, 91, 0)));
    background: -webkit-linear-gradient(left, rgba(169, 0, 0, 1), rgba(253, 125, 91, 0));
    background: -moz-linear-gradient(left, rgba(169, 0, 0, 1), rgba(253, 125, 91, 0));
    background: -o-linear-gradient(left, rgba(169, 0, 0, 1), rgba(253, 125, 91, 0));
    background: linear-gradient(to right, rgba(169, 0, 0, 1), rgba(253, 125, 91, 0));
    opacity: 0;
    -webkit-transition: 0.6s;
    -o-transition: 0.6s;
    -moz-transition: 0.6s;
    transition: 0.6s;
}
.section-talent-recruit .item1 .imgbox{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.section-talent-recruit .item1 .imgbox .img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.section-talent-recruit .item2{
    position: absolute;
    left: 34px;
    right: 34px;
    text-align: center;
    top: 50%;
    -webkit-transform: translate(0, -50%);
       -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
         -o-transform: translate(0, -50%);
            transform: translate(0, -50%);
    color: #fff;
}
.section-talent-recruit .item2 .row1{
    font-size: 24px;
    font-family: "MiSansMedium";
}
.section-talent-recruit .item2 .row2{
    font-size: 14px;
    font-family: "MiSansNormal";
    margin-top: 15px;
    -webkit-transform: translateY(100px);
       -moz-transform: translateY(100px);
        -ms-transform: translateY(100px);
         -o-transform: translateY(100px);
            transform: translateY(100px);
    -webkit-transition: 0.6s;
    -o-transition: 0.6s;
    -moz-transition: 0.6s;
    transition: 0.6s;
    opacity: 0;
    height: 0;
    overflow: hidden;
}
.section-talent-recruit .item2 .row3{
    margin-top: 22px;
    -webkit-transform: translateY(100px);
       -moz-transform: translateY(100px);
        -ms-transform: translateY(100px);
         -o-transform: translateY(100px);
            transform: translateY(100px);
    -webkit-transition: 0.6s;
    -o-transition: 0.6s;
    -moz-transition: 0.6s;
    transition: 0.6s;
    opacity: 0;
    height: 0;
    overflow: hidden;
}
.section-talent-recruit .item2 .block-more .more{
    color: #fff;
}
.section-talent-recruit .item2 .block-more .more::before{
    background-color: #fff;
}
.section-talent-recruit .item2 .block-more .more::after{
    background-color: #fff;
}
.section-talent-recruit .swiper-slide:hover .item1{
    -webkit-filter: blur(4px);
            filter: blur(4px);
}
.section-talent-recruit .swiper-slide:hover .item1::after{
    opacity: 1;
}
.section-talent-recruit .swiper-slide:hover .item2 .row2{
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
        -ms-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
    height: auto;
}
.section-talent-recruit .swiper-slide:hover .item2 .row3{
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
        -ms-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
    height: auto;
    overflow: visible;
}



.section-talent-news{
    background: -webkit-gradient(linear, left top, left bottom, from(#fefbf5), to(rgba(255, 255, 255, 1)));
    background: -webkit-linear-gradient(top, #fefbf5, rgba(255, 255, 255, 1));
    background: -moz-linear-gradient(top, #fefbf5, rgba(255, 255, 255, 1));
    background: -o-linear-gradient(top, #fefbf5, rgba(255, 255, 255, 1));
    background: linear-gradient(to bottom, #fefbf5, rgba(255, 255, 255, 1));
    padding: 100px 0;
}
.section-talent-news li{
    list-style: none;
}
.section-talent-news .content-bodyer{
    margin-top: 40px;
}
.section-talent-news .swiper-container{
    width: 100%;
    height: 100%;
}
.section-talent-news .content-bodyer .swiper-slide{
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
       -moz-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;        
}
.section-talent-news .content-bodyer .item2{
    width: 700px;
    height: 400px;
}
.section-talent-news .content-bodyer .item2 .imgbox{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.section-talent-news .content-bodyer .item2 .imgbox .img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover; 
}
.section-talent-news .content-bodyer .item1{
    -webkit-box-flex: 1;
    -webkit-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    position: relative;
    z-index: 3;
}
.section-talent-news .content-bodyer .item1 .detail{
    background-color: rgba(239, 239, 239, 0.6);
    width: 118%;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
       -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
         -o-transform: translate(0, -50%);
            transform: translate(0, -50%);
    padding: 60px 120px 50px 80px;
    -webkit-backdrop-filter: blur(6px);
            backdrop-filter: blur(6px);
}
.section-talent-news .content-bodyer .item1 .row1{
    font-size: 20px;
    font-family: "MiSansMedium";
    font-weight: bold;
    color: #515151;
}
.section-talent-news .content-bodyer .item1 .row2{
    font-size: 16px;
    line-height: 1.5;
    font-family: "MiSansNormal";
    color: #515151;
    margin-top: 30px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3; 
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
}
.section-talent-news .content-bodyer .item1 .row-more{
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin-top: 20px;
}
.section-talent-news .swiper-pagination{
    position: static;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 30px;
}
.section-talent-news .swiper-pagination .swiper-pagination-bullet{
    width: 35px;
    height: 4px;
    border-radius: 0;
    background-color: rgba(0, 0, 0, 0.3);
    margin: 0 5px;
    -webkit-transition: 0.6s;
    -o-transition: 0.6s;
    -moz-transition: 0.6s;
    transition: 0.6s;
}
.section-talent-news .swiper-pagination .swiper-pagination-bullet-active{
    background-color: #E7B0A0;
    width: 80px;
}




.section-talent-contact{
    padding: 90px 0 140px;
}
.section-talent-contact .public-title .title{
    color: #fff;
}
.section-talent-contact .public-title .en{
    color: rgba(255, 255, 255, 0.3);
}
.section-talent-contact .content-bodyer{
    margin-top: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}
.section-talent-contact .content-bodyer .item1{
    -webkit-box-flex: 1;
    -webkit-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: 0 180px 0 0;
}
.section-talent-contact .content-bodyer .item1 .row1{
    font-size: 16px;
    line-height: 1.5;
    font-family: "MiSansNormal";
    color: #fff;
    margin-top: 5px;
}
.section-talent-contact .content-bodyer .item2{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.section-talent-contact .content-bodyer .item2 .list{
    width: 220px;
    height: 80px;
    background-color: #FFFDF7;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-left: 14px;
}
.section-talent-contact .content-bodyer .item2 .list .icon{
    margin-right: 15px;
    width: 25px;
    height: 20px;
}
.section-talent-contact .content-bodyer .item2 .list .icon img{
    height: 100%;
}
.section-talent-contact .content-bodyer .item2 .list .text{
    font-size: 14px;
    color: #E7B0A0;
    font-family: "MiSansMedium";
}


.bg-footer{
    background-image: url(../images/bg-footer.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    -o-background-size: cover;
       background-size: cover;
    padding: 0 20px 20px;
}



.section-talent-develop-1{
    background-image: url(../images/talent-develop1.jpg);
    background-position: center 0;
    background-repeat: no-repeat;
    -o-background-size: cover;
       background-size: cover;
    position: relative;
}
.section-talent-develop-1 .content{
    height: 550px;
    padding: 35px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}
.section-talent-develop-1 .public-title{
    font-size: 30px;
}
.section-talent-develop-1 .content-detail{
    width: 56%;
}
.section-talent-develop-1 .row1{
    font-size: 16px;
    font-family: "MiSansMedium";
    line-height: 1.5;
}



.section-breadcrumb.color{
    background-color: #FFFCF3;
}
.section-breadcrumb .nav{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 80px;
    padding-bottom: 10px;
}
.section-breadcrumb .menu{
    color: rgba(61, 61, 61, 0.5);
    font-size: 14px;
}
.section-breadcrumb .menu:nth-last-child(1){
    color: rgba(61, 61, 61, 1);
    font-weight: bold;
}
.section-breadcrumb .arrow{
    width: 25px;
    height: 12px;
    margin-top: 1px;
    background-image: url(../images/icon-arrow5.png);
    background-position: center center;
    background-repeat: no-repeat;
    -o-background-size: 5px auto;
       background-size: 5px auto;
}
.section-breadcrumb .arrow:nth-last-child(2){
    background-image: url(../images/icon-arrow6.png);
}
.section-breadcrumb.color2{
    background-color: #FFF7E0;
}
.section-breadcrumb.color2 .nav{
    height: 45px;
    padding-bottom: 0;
}


.section-talent-develop-2{
    background-color: #FFFCF3;
    padding: 110px 0;
}
.section-talent-develop-2 .content{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.section-talent-develop-2 .content-img{
    width: 600px;
    height: 400px;
}
.section-talent-develop-2 .content-img img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.section-talent-develop-2 .content-detail{
    -webkit-box-flex: 1;
    -webkit-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: 0 56px 0 60px;
}
.section-talent-develop-2 .public-title{
    font-size: 30px;
    margin-bottom: 60px;
}
.section-talent-develop-2 .list{
    margin-top: 30px;
    color: #3D3D3D;
}
.section-talent-develop-2 .list dt{
    font-size: 18px;
    font-family: "MiSansMedium";
}
.section-talent-develop-2 .list dd{
    font-size: 16px;
    font-family: "MiSansNormal";
    line-height: 1.5;
    margin-top: 5px;
}



.section-talent-develop-3{
    background-image: url(../images/talent-develop3.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    -o-background-size: cover;
       background-size: cover;
    margin-bottom: 70px;
}
.section-talent-develop-3 .content{
    height: 700px;
    padding: 140px 0 80px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.section-talent-develop-3 .public-title .title{
    color: #fff;
    font-size: 30px;
}
.section-talent-develop-3 .content-bodyer .item1 .row1{
    font-size: 16px;
    line-height: 1.5;
    font-family: "MiSansNormal";
    color: #fff;
}
.section-talent-develop-3 .content-bodyer .item2{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 50px;
}
.section-talent-develop-3 .content-bodyer .item2 .list{
    width: 190px;
    height: 60px;
    background-color: #FFFDF7;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-right: 20px;
    background-color: rgba(255, 255, 255, 0.3);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
}
.section-talent-develop-3 .content-bodyer .item2 .list .text{
    font-size: 16px;
    color: rgba(255, 255, 255, 1);
    font-family: "MiSansNormal";
}
.section-talent-develop-3 .content-bodyer .item2 .list.active{
    background-color: #9D0000;
}
.section-talent-develop-3 .content-bodyer .item2 .list:hover{
    background-color: #9D0000;
}



.section-talent-encourage-3{
    padding: 60px 0;
    background-color: #FFFCF3;
}
.section-talent-encourage-3 .content{
    background-image: url(../images/encourage8.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    -o-background-size: cover;
       background-size: cover;
    height: 660px;
    padding: 30px 80px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
       -moz-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;         
}
.section-talent-encourage-3 .public-title .title{
    color: #fff;
    font-size: 30px;
}
.section-talent-encourage-3 .content-bodyer .item1{
    width: 52.7%;
    margin-top: 50px;
}
.section-talent-encourage-3 .content-bodyer .item1 .row1{
    font-size: 16px;
    line-height: 1.5;
    font-family: "MiSansNormal";
    color: #fff;
    display: none;
}
.section-talent-encourage-3 .content-bodyer .item1 .active{
    display: block;
}
.section-talent-encourage-3 .content-bodyer .item2{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 60px;
}
.section-talent-encourage-3 .content-bodyer .item2 .list{
    width: 190px;
    height: 60px;
    background-color: #FFFDF7;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-right: 20px;
    background-color: rgba(255, 255, 255, 0.2);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
}
.section-talent-encourage-3 .content-bodyer .item2 .list .text{
    font-size: 16px;
    color: rgba(255, 255, 255, 1);
    font-family: "MiSansNormal";
}
.section-talent-encourage-3 .content-bodyer .item2 .list:hover{
    background-color: rgb(229, 1, 19, 0.6);
}
.section-talent-encourage-3 .content-bodyer .item2 .list.active{
    background-color: #E50113;
}




.section-talent-recruit-1{
    background-color: #FFFCF3;
    padding: 60px 0 40px;
}
.section-talent-recruit-1 .content{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.section-talent-recruit-1 .search{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.section-talent-recruit-1 .input{
    width: 800px;
    height: 50px;
    border: 0;
    background: #F5F2E6;
    padding: 0 30px;
    font-size: 16px;
    font-family: "MiSansNormal";
}
.section-talent-recruit-1 ::-webkit-input-placeholder{
    color: rgba(61, 61, 61, 0.4);
    font-family: "MiSansNormal";
}
.section-talent-recruit-1 :-moz-placeholder{
    color: rgba(61, 61, 61, 0.4);
    font-family: "MiSansNormal";
}
.section-talent-recruit-1 ::-moz-placeholder{
    color: rgba(61, 61, 61, 0.4);
    font-family: "MiSansNormal";
}
.section-talent-recruit-1 :-ms-input-placeholder{
    color: rgba(61, 61, 61, 0.4);
    font-family: "MiSansNormal";
}
.section-talent-recruit-1 ::-ms-input-placeholder{
    color: rgba(61, 61, 61, 0.4);
    font-family: "MiSansNormal";
}
.section-talent-recruit-1 ::placeholder{
    color: rgba(61, 61, 61, 0.4);
    font-family: "MiSansNormal";
}
.section-talent-recruit-1 .btn{
    width: 180px;
    height: 50px;
    border: 0;
    background: #A90000;
    color: #fff;
    font-size: 20px;
    font-family: "MiSansNormal";
    background-image: url(../images/icon-search3.png);
    background-position: 55px center;
    background-repeat: no-repeat;
    -o-background-size: 20px auto;
       background-size: 20px auto;
    padding-left: 35px;
    cursor: pointer;
    margin-left: 20px;
}



.section-talent-recruit-2{
    background-color: #FFFCF3;
    padding: 0 0 150px;
}
.section-talent-recruit-2 .content{
    background-color: #F5F2E6;
    margin-bottom: 10px;
    padding: 0 35px 5px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
.section-talent-recruit-2 .content-header{
    border-bottom: solid 1px transparent;
    padding: 25px 0 15px;
    position: relative;
    cursor: pointer;
}
.section-talent-recruit-2 .icon-collapse{
    position: absolute;
    right: 0;
    top: 35px;
    width: 28px;
    height: 28px;
    background-image: url(../images/icon-add.png);
    background-position: center center;
    background-repeat: no-repeat;
    -o-background-size: 100% auto;
       background-size: 100% auto;
    cursor: pointer;
}
.section-talent-recruit-2 .content-header .title{
    font-size: 20px;
    font-family: "MiSansMedium";
    font-weight: normal;
    color: #3D3D3D;
}
.section-talent-recruit-2 .content-header .detail{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: rgba(61, 61, 61, 0.7);
    margin-top: 10px;
}
.section-talent-recruit-2 .content-header .detail dl{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-right: 40px;
}
.section-talent-recruit-2 .content-bodyer{
    display: none;
    padding: 0 0 25px;
}
.section-talent-recruit-2 .content-bodyer .list{
    margin-top: 15px;
}
.section-talent-recruit-2 .content-bodyer .list dt{
    font-size: 16px;
    font-family: "MiSansMedium";
    font-weight: normal;
    color: #3D3D3D;
}
.section-talent-recruit-2 .content-bodyer .list dd{
    font-size: 14px;
    font-family: "MiSansNormal";
    color: rgba(61, 61, 61, 0.7);
    line-height: 1.5;
    margin-top: 5px;
}
.section-talent-recruit-2 .active{
    border: solid 2px #AD0101;
}
.section-talent-recruit-2 .active .content-header{
    border-bottom: solid 1px #D8D8D8;
}
.section-talent-recruit-2 .active .icon-collapse{
    background-image: url(../images/icon-reduce.png);
}
.section-talent-recruit-2 .active .content-bodyer{
    display: block;
}




.section-product-solve{
    background-color: #FFFCF3;
    padding: 70px 0;
}
.section-product-solve .content-logo{
    overflow: hidden;
    margin-top: 60px;
}
.section-product-solve .content-logo .item{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 30px 0;
}
.section-product-solve .content-logo .list{
    list-style: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.section-product-solve .content-logo .list a{
    margin: 0 10px;
    display: block;
    width: 300px;
    height: 100px;
    background-color: #F5F2E6;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.section-product-solve .content-logo .list img{
    display: block;
    max-height: 60px;
    mix-blend-mode: multiply;
}



.section-product-2{
    background-color: #FFFCF3;
    padding: 0 0 70px;
    overflow: hidden;
    position: relative;
}
.section-product-2 .swiper-container{
    padding-left: 20px;
}
.section-product-2 .swiper-slide{
    list-style: none;
    width: 305px;
    height: 305px;
    margin-right: 20px;
    position: relative;
}
.section-product-2 .swiper-slide .img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.section-product-2 .swiper-slide .detail{
    color: #fff;
    position: absolute;
    left: 44px;
    right: 44px;
    top: 44px;
    bottom: 44px;
    -webkit-backdrop-filter: blur(5px);
            backdrop-filter: blur(5px);
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
}
.section-product-2 .swiper-slide:hover .detail{
    opacity: 1;
}
.section-product-2 .swiper-slide .detail::before{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(157, 0, 0, 0.4);
    /* background-color: #6e3a3c; */
    /* background-color: rgba(110, 58, 60, 0.7); */
    -webkit-filter: blur(1px);
            filter: blur(1px);
}
.section-product-2 .swiper-slide .title{
    font-size: 24px;
    font-family: "MiSansNormal";
    font-weight: normal;
    position: relative;
}
.section-product-2 .swiper-slide .item-more{
    margin-top: 40px;
}
.section-product-2 .swiper-slide .item-more .more{
    color: #fff;
}
.section-product-2 .swiper-slide .item-more .more::before{
    background-color: #fff;
}
.section-product-2 .swiper-slide .item-more .more::after{
    background-color: #fff;
}
.section-product-2 .swiper-scrollbar{
    width: 400px;
    position: static;
    margin: auto;
    margin-top: 30px;
}
.section-product-2 .swiper-scrollbar .swiper-scrollbar-drag{
    background-color: #E50113;
    height: 5px;
}
.section-product-2 .arrow{
    width: 60px;
    height: 60px;
    left: 40px;
    right: auto;
    margin-top: -80px;
    background-image: url(../images/icon-arrow-left4.png);
    background-position: center center;
    background-repeat: no-repeat;
    -o-background-size: 100% 100%;
       background-size: 100% 100%;
}
.section-product-2 .arrow::after{
    display: none;
}
.section-product-2 .swiper-button-next{
    left: auto;
    right: 40px;
    background-image: url(../images/icon-arrow-right4.png);
}



.section-product-workwear{
    background-color: #FFFCF3;
    padding: 70px 0 0;
}
.section-product-workwear .content{
    height: 700px;
    background-image: url(../images/product11.jpg);
    background-position: center 0;
    background-repeat: no-repeat;
    -o-background-size: cover;
       background-size: cover;
    margin-top: 60px;
    position: relative;
}
.section-product-workwear .content-bodyer{
    text-align: center;
}
.section-product-workwear .content-bodyer .item1{
    position: absolute;
    bottom: 100px;
    left: 0;
    right: 0;
}
.section-product-workwear .content-bodyer .item1 .row1{
    font-size: 24px;
    font-family: "MiSansMedium";
    color: #fff;
}
.section-product-workwear .content-bodyer .item1 .row2{
    font-size: 16px;
    line-height: 1.5;
    font-family: "MiSansLight";
    color: #fff;
    margin-top: 50px;
}
.section-product-workwear .content-bodyer .item1 .row3{
    margin-top: 80px;
}
.section-product-workwear .block-more .more{
    color: #fff;
}
.section-product-workwear .block-more .more::before{
    background-color: #fff;
}
.section-product-workwear .block-more .more::after{
    background-color: #fff;
}



.section-product-private{
    background-color: #FFFCF3;
    padding: 90px 0 20px;
}
.section-product-private li{
    list-style: none;
}
.section-product-private .content-logo{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 30px;
}
.section-product-private .content-logo .logo{
   max-width: 140px;
   max-height: 70px;
   cursor: pointer;
}
.section-product-private .content-bodyer{
    margin-top: 35px;
}
.section-product-private .swiper-container{
    width: 100%;
    height: 100%;
}
.section-product-private .content-bodyer .swiper-slide{
}
.section-product-private .content-bodyer .item2{
    width: 100%;
    height: 650px;
}
.section-product-private .content-bodyer .item2 .imgbox{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.section-product-private .content-bodyer .item2 .imgbox .img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover; 
}
.section-product-private .content-bodyer .item1{
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
         -o-transform: translateX(-50%);
            transform: translateX(-50%);
    height: 100%;
    text-align: center;
}
.section-product-private .content-bodyer .item1 .detail{
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 10%;
    padding: 60px 120px 50px 80px;
}
.section-product-private .content-bodyer .item1 .row1{
    font-size: 20px;
    font-family: "MiSansMedium";
    font-weight: bold;
    color: #fff;
}
.section-product-private .content-bodyer .item1 .logo{
    max-width: 400px;
    max-height: 130px;
    margin: auto;
}
.section-product-private .content-bodyer .item1 .row2{
    font-size: 24px;
    line-height: 1.5;
    font-family: "MiSansMedium";
    color: #fff;
    margin-top: 100px;
}
.section-product-private .content-bodyer .item1 .row3{
    font-size: 16px;
    line-height: 1.5;
    font-family: "MiSansLight";
    color: rgba(255, 255, 255, 0.9);
    margin-top: 15px;
}
.section-product-private .content-bodyer .item1 .color2{
    color: #CB9C5E;
}
.section-product-private .content-bodyer .item1 .row-more{
    margin-top: 25px;
}
.section-product-private .content-bodyer .item1 .row-more .more{
    color: #fff;
}
.section-product-private .content-bodyer .item1 .row-more .more::before{
    background-color: #fff;
}
.section-product-private .content-bodyer .item1 .row-more .more::after{
    background-color: #fff;
}
.section-product-private .content-bodyer .item1 .color2 .more{
    color: #CB9C5E;
}
.section-product-private .content-bodyer .item1 .color2 .more::before{
    background-color: #CB9C5E;
}
.section-product-private .content-bodyer .item1 .color2 .more::after{
    background-color: #CB9C5E;
}
.section-product-private .swiper-arrow{
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
         -o-transform: translateX(-50%);
            transform: translateX(-50%);
    height: 100%;
    z-index: 9;
    pointer-events: none;
}
.section-product-private .swiper-arrow .arrow{
    background-image: url(../images/icon-arrow-left.png);
    background-position: center center;
    background-repeat: no-repeat;
    -o-background-size: 100% auto;
       background-size: 100% auto;
    width: 34px;
    height: 72px;
    left: 0;
    right: auto;
    pointer-events: visible;
}
.section-product-private .swiper-arrow .arrow:nth-child(2){
    background-image: url(../images/icon-arrow-right.png);
    left: auto;
    right: 0;
}
.section-product-private .swiper-arrow .arrow::after{
    display: none;
}
.section-product-private .swiper-arrow .swiper-button-disabled{
    /* opacity: 1; */
}



.section-work-clothes-banner{
    background-color: #000;
    padding: 0 0 300px;
}
.section-work-clothes-banner .banner{
    width: 100%;
}
.section-work-clothes-banner .item1{    
    color: #fff;
    font-size: 40px;
    font-family: "JinBuTi";
    text-align: center;
}
.section-work-clothes-banner .item2{    
    color: #fff;
    font-size: 20px;
    font-family: "MiSansMedium";
    text-align: center;
    width: 82%;
    margin: auto;
    line-height: 1.6;
    margin-top: 45px;
}



.section-work-clothes-2{
    overflow: hidden;
    position: relative;
    margin-top: -220px;
}
.section-work-clothes-2 .swiper-container{
    padding-left: -webkit-calc( (100% - 1300px)/2 );
    padding-left: -moz-calc( (100% - 1300px)/2 );
    padding-left: calc( (100% - 1300px)/2 );
}
.section-work-clothes-2 .swiper-slide{
    list-style: none;
    width: 305px;
    height: 280px;
    margin-right: 20px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    overflow: hidden;
    cursor: pointer;
}
.section-work-clothes-2 .swiper-slide .box{
    height: 100%;
    padding: 30px;
    background-color: #F5F2E6;
    overflow: hidden;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    -webkit-transform: translateY(90px);
       -moz-transform: translateY(90px);
        -ms-transform: translateY(90px);
         -o-transform: translateY(90px);
            transform: translateY(90px);
}
.section-work-clothes-2 .swiper-slide .imgbox{
    width: 210px;
    height: 107px;
    margin: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
       -moz-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;     
    -webkit-transition: 0.6s;     
    -o-transition: 0.6s;     
    -moz-transition: 0.6s;     
    transition: 0.6s;           
}
.section-work-clothes-2 .swiper-slide .imgbox .img{
    max-width: 100%;
    max-height: 100%;
    mix-blend-mode: multiply;
}
.section-work-clothes-2 .swiper-slide .detail{
    font-size: 16px;
    font-family: "MiSansNormal";
    line-height: 1.5;
    position: absolute;
    top: 150px;
    left: 30px;
    right: 30px;
    visibility: hidden;
}
.section-work-clothes-2 .swiper-slide:hover .box{
    background-color: #fff8de;
}
.section-work-clothes-2 .swiper-slide:hover .imgbox{
    -webkit-transform: scale(1.2);
       -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
}
.section-work-clothes-2 .swiper-slide:hover .box{
    /* -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
        -ms-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0); */
}
.section-work-clothes-2 .swiper-slide:hover .imgbox{
    /* margin-top: -10px; */
}
.section-work-clothes-2 .swiper-slide:hover .detail{
    /* visibility: visible; */
}
.section-work-clothes-2 .swiper-slide.active .box{
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
        -ms-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
}
.section-work-clothes-2 .swiper-slide.active .imgbox{
    margin-top: -30px;
}
.section-work-clothes-2 .swiper-slide.active .detail{
    visibility: visible;
}


.section-work-clothes-3{
    background-color: #FFFCF3;
    margin-top: -90px;
    padding: 120px 0 0;
}
.section-work-clothes-3 .item-list{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.section-work-clothes-3 .item-list dt{
    font-size: 18px;
    font-weight: bold;
    margin-right: 32px;
}
.section-work-clothes-3 .item-list dd{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.section-work-clothes-3 .item-list .list{
    font-size: 18px;
    margin-right: 32px;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
}
.section-work-clothes-3 .item-list .active{
    font-size: 18px;
    color: #9D0000;
    font-weight: bold;
}


.section-work-clothes-4{
    overflow: hidden;
    position: relative;
    padding-top: 20px;
    background-color: #FFFCF3;
}
.section-work-clothes-4 .content{
    height: 150px;
    position: relative;
}
.section-work-clothes-4 .swiper-container{
    padding-left: -webkit-calc( (100% - 1300px)/2 );
    padding-left: -moz-calc( (100% - 1300px)/2 );
    padding-left: calc( (100% - 1300px)/2 );
    position: absolute;
    left: 0;
    right: 0;
    visibility: hidden;
    height: 100px;
}
.section-work-clothes-4 .swiper-container.active{
    visibility: visible;
}
.section-work-clothes-4 .swiper-slide{
    list-style: none;
    width: 305px;
    height: 95px;
    margin-right: 20px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    overflow: hidden;
    background-color: #F5F2E6;
}
.section-work-clothes-4 .swiper-slide .imgbox{
    width: 100%;
    height: 100%;
    margin: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.section-work-clothes-4 .swiper-slide .imgbox .img{
    max-width: 90%;
    max-height: 100%;
    mix-blend-mode: multiply;
}



.section-work-clothes-5{
    overflow: hidden;
    padding: 60px 0;
    background-color: #FFFCF3;
}
.section-work-clothes-5 li{
    list-style: none;
}
.section-work-clothes-5 .content{
    position: relative;
}
.section-work-clothes-5 .check-more{
    position: absolute;
    right: 0;
    top: 18px;
}
.section-work-clothes-5 .check-more .more::after{
    left: auto;
    right: 0;
    width: 60%;
}
.section-work-clothes-5 .content-bodyer{
    position: relative;
    margin-top: 35px;
}
.section-work-clothes-5 .swiper-container{
    width: 100%;
    height: 100%;
}
.section-work-clothes-5 .swiper-wrapper{
    gap: 20px;
}
.section-work-clothes-5 .swiper-slide{
    /* width: 18.8%; */
    -webkit-box-flex: 1;
    -webkit-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    /* margin-left: 20px; */
    -webkit-transition: 0.6s;
    -o-transition: 0.6s;
    -moz-transition: 0.6s;
    transition: 0.6s;
}
.section-work-clothes-5 .swiper-slide:nth-child(1){
    /* margin-left: 0; */
}
.section-work-clothes-5 .item1{
    width: 100%;
    height: 700px;
    position: relative;
}
.section-work-clothes-5 .item1::after{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 1;
    -webkit-transition: 1.2s ease;
    -o-transition: 1.2s ease;
    -moz-transition: 1.2s ease;
    transition: 1.2s ease;
}
.section-work-clothes-5 .item1 .imgbox{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.section-work-clothes-5 .item1 .imgbox .img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.section-work-clothes-5 .item2{
    position: absolute;
    left: 10px;
    right: 10px;
    text-align: center;
    top: 40%;
    color: #fff;
    -webkit-transition: 0.6s ease;
    -o-transition: 0.6s ease;
    -moz-transition: 0.6s ease;
    transition: 0.6s ease;
}
.section-work-clothes-5 .item2 .row1{
    font-size: 32px;
    /* -webkit-transition: 1.2s 0.1s ease;
    -o-transition: 1.2s 0.1s ease;
    -moz-transition: 1.2s 0.1s ease;
    transition: 1.2s 0.1s ease; */
    font-family: "MiSansMedium";
}
.section-work-clothes-5 .item2 .row2{
    font-size: 16px;
    margin-top: 28px;
    font-family: "MiSansMedium";
    visibility: hidden;
}
.section-work-clothes-5 .item2 .row3{
    margin-top: 28px;
    visibility: hidden;
}
.section-work-clothes-5 .item2 .block-more .more{
    color: #fff;
}
.section-work-clothes-5 .item2 .block-more .more::before{
    background-color: #fff;
}
.section-work-clothes-5 .item2 .block-more .more::after{
    background-color: #fff;
}

/* .section-work-clothes-5 .swiper-slide-active{
    width: 40%;
}
.section-work-clothes-5 .swiper-slide-active .item1::after{
    opacity: 0;
}
.section-work-clothes-5 .swiper-slide-active .item2{
    top: 75%;
}
.section-work-clothes-5 .swiper-slide-active .item2 .row2{
    visibility: visible;
}
.section-work-clothes-5 .swiper-slide-active .item2 .row3{
    visibility: visible;
} */


.section-work-clothes-5 .swiper-slide:hover{
    -webkit-box-flex: 2;
    -webkit-flex: 2;
       -moz-box-flex: 2;
        -ms-flex: 2;
            flex: 2;
}
.section-work-clothes-5 .swiper-slide:hover .item1::after{
    opacity: 0;
}
.section-work-clothes-5 .swiper-slide:hover .item2{
    top: 65%;
}
.section-work-clothes-5 .swiper-slide:hover .item2 .row2{
    visibility: visible;
}
.section-work-clothes-5 .swiper-slide:hover .item2 .row3{
    visibility: visible;
}


/* .section-work-clothes-5 .active{
    flex: 2;
}
.section-work-clothes-5 .active .item1::after{
    opacity: 0;
}
.section-work-clothes-5 .active .item2{
    top: 65%;
}
.section-work-clothes-5 .active .item2 .row2{
    visibility: visible;
}
.section-work-clothes-5 .active .item2 .row3{
    visibility: visible;
} */

.section-work-clothes-5 .swiper-scrollbar{
    width: 320px;
    position: static;
    margin-left: auto;
    margin-top: 35px;
}
.section-work-clothes-5 .swiper-scrollbar .swiper-scrollbar-drag{
    background-color: #CF1322;
    height: 5px;
}



.section-work-clothes-6{
    background-color: #FFFCF3;
    padding: 60px 0;
    overflow: hidden;
}
.section-work-clothes-6 .content{
    padding-left: -webkit-calc( (100% - 1300px)/2 );
    padding-left: -moz-calc( (100% - 1300px)/2 );
    padding-left: calc( (100% - 1300px)/2 );
    overflow: hidden;
}
.section-work-clothes-6 .content-header{
    position: relative;
    padding-bottom: 70px;
}
.section-work-clothes-6 .swiper-container{
    overflow: visible;
}
.section-work-clothes-6 .swiper-slide{
    list-style: none;
    width: 510px;
    margin-right: 20px;
}
.section-work-clothes-6 .swiper-slide .imgbox{
    width: 100%;
    height: 310px;
    position: relative;
}
.section-work-clothes-6 .swiper-slide .icon-play{
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 20px;
    height: 40px;
    background-image: url(../images/icon-play2.png);
    background-position: center center;
    background-repeat: no-repeat;
    -o-background-size: 100% 100%;
       background-size: 100% 100%;
    pointer-events: none;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
}
.section-work-clothes-6 .swiper-slide .playing .icon-play{
    opacity: 0;
}
.section-work-clothes-6 .swiper-slide .img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.section-work-clothes-6 .swiper-slide video{
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.section-work-clothes-6 .swiper-slide .title{
    font-size: 16px;
    font-family: "MiSansMedium";
    margin-top: 18px;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
}
.section-work-clothes-6 .swiper-slide .description{
    font-size: 14px;
    font-family: "MiSansNormal";
    margin-top: 12px;
    line-height: 1.5;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.section-work-clothes-6 .swiper-scrollbar{
    width: 320px;
    position: absolute;
    right: 0;
    top: 88px;
}
.section-work-clothes-6 .swiper-scrollbar .swiper-scrollbar-drag{
    background-color: #CF1322;
    height: 5px;
}



.section-work-clothes-7{
    background-color: #FFFCF3;
    padding: 70px 0 100px;
}
.section-work-clothes-7 li{
    list-style: none;
}
.section-work-clothes-7 .content-bodyer{
    margin-top: 50px;
}
.section-work-clothes-7 .swiper-container{
    width: 100%;
    height: 100%;
}
.section-work-clothes-7 .content-bodyer .swiper-slide{
}
.section-work-clothes-7 .content-bodyer .item2{
    width: 100%;
    height: 650px;
}
.section-work-clothes-7 .content-bodyer .item2 .imgbox{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.section-work-clothes-7 .content-bodyer .item2 .imgbox .img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover; 
}
.section-work-clothes-7 .content-bodyer .item2 video{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover; 
}
.section-work-clothes-7 .swiper-slide .icon-play{
    position: absolute;
    left: 50%;
    top: 42%;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 100px;
    height: 100px;
    background-image: url(../images/icon-play1.png);
    background-position: center center;
    background-repeat: no-repeat;
    -o-background-size: 100% 100%;
       background-size: 100% 100%;
    pointer-events: none;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
}
.section-work-clothes-7 .swiper-slide .playing .icon-play{
    opacity: 0;
}
.section-work-clothes-7 .content-bodyer .item1 .row1{
    font-size: 14px;
    font-family: "MiSansMedium";
    margin-top: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}
.section-work-clothes-7 .content-bodyer .item1 .row1 b{
    font-weight: bold;
    font-size: 24px;
    font-family: "MiSansMedium";
    margin-right: 5px;
}
.section-work-clothes-7 .content-bodyer .item1 .row1 .year{
    color: #B2B2B2;
    margin-top: 10px;
}
.section-work-clothes-7 .content-bodyer .item1 .row2{
    font-size: 24px;
    line-height: 1.5;
    font-family: "MiSansMedium";
    margin-top: 6px;
}
.section-work-clothes-7 .swiper-arrow{
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
         -o-transform: translateX(-50%);
            transform: translateX(-50%);
    height: 85%;
    z-index: 9;
    pointer-events: none;
}
.section-work-clothes-7 .swiper-arrow .arrow{
    background-image: url(../images/icon-arrow-left.png);
    background-position: center center;
    background-repeat: no-repeat;
    -o-background-size: 100% auto;
       background-size: 100% auto;
    width: 24px;
    height: 48px;
    left: 35px;
    right: auto;
    pointer-events: visible;
}
.section-work-clothes-7 .swiper-arrow .arrow:nth-child(2){
    background-image: url(../images/icon-arrow-right.png);
    left: auto;
    right: 35px;
}
.section-work-clothes-7 .swiper-arrow .arrow::after{
    display: none;
}
.section-work-clothes-7 .swiper-arrow .swiper-button-disabled{
    opacity: 1;
}



.section-news-1{
    background-color: #FFFCF3;
    padding: 70px 0 20px;
}
.section-news-1 .content{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.section-news-1 .content-header{
    position: relative;
    margin-bottom: 40px;
}
.section-news-1 .content-header .block-more{
    position: absolute;
    right: 0;
    bottom: 20px;
}
.section-news-1 .content-header .block-more .more::after{
    right: 0;
    left: auto;
    width: 60%;
}
.section-news-1 .content-img{
    width: 720px;
    height: 450px;
}
.section-news-1 .content-img img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.section-news-1 .content-detail{
    -webkit-box-flex: 1;
    -webkit-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: 0 55px 0 45px;
}
.section-news-1 .content-detail .row1{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}
.section-news-1 .content-detail .row1 b{
    font-size: 24px;
    font-family: "MiSansMedium";
    font-weight: bold;
}
.section-news-1 .content-detail .row1 span{
    font-size: 14px;
    font-family: "MiSansMedium";
    color: #B2B2B2;
    margin: 10px 0 0 5px;
}
.section-news-1 .content-detail .row2{
    font-size: 24px;
    font-family: "MiSansMedium";
    font-weight: bold;
    margin-top: 60px;
}
.section-news-1 .content-detail .row3{
    font-size: 14px;
    font-family: "MiSansNormal";
    margin-top: 30px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 8; 
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
}
.section-news-1 .content-detail .block-more{
    margin-top: 40px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}


.section-news-2{
    background-color: #FFFCF3;
}
.section-news-2 .content{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 20px;
}
.section-news-2 .list{
    width: 32.3%;
    height: 210px;
    padding: 32px 28px;
    background-color: #F5F2E6;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
}
.section-news-2 .list .row1{
    font-size: 14px;
    font-family: "MiSansNormal";
    color: #3D3D3D;
}
.section-news-2 .list .row2{
    font-size: 20px;
    font-family: "MiSansMedium";
    margin-top: 28px;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
}
.section-news-2 .list .row3{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin-top: 42px;
}
.section-news-2 .list .row3 b{
    font-size: 24px;
    font-family: "MiSansMedium";
    font-weight: bold;
}
.section-news-2 .list .row3 span{
    font-size: 14px;
    font-family: "MiSansMedium";
    color: #B2B2B2;
    margin: 10px 0 0 5px;
}
.section-news-2 .list:hover{
    background-color: #fff8de;
    -webkit-transform: scale(1.08);
       -moz-transform: scale(1.08);
        -ms-transform: scale(1.08);
         -o-transform: scale(1.08);
            transform: scale(1.08);
}
.section-news-2 .list:hover .row1{
}


.section-news-download{
    background-color: #FFFCF3;
    padding: 100px 0 60px;
}
.section-news-download .content{
    margin-top: 50px;
}
.section-news-download .item1{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.section-news-download .public-title .en{
    white-space: nowrap;
}
.section-news-download .center .en{
    left: 50%;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
         -o-transform: translateX(-50%);
            transform: translateX(-50%);
}
.section-news-download .search{
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 250px;
    height: 44px;
    border: solid 1px #AD0101;
    background: url(../images/icon-search4.png);
    background-position: 95% center;
    background-repeat: no-repeat;
    -o-background-size: 24px auto;
       background-size: 24px auto;
    cursor: pointer;
}
.section-news-download .item-search{
    padding: 70px 0 50px;
}
.section-news-download .item-search .input{
    display: block;
    margin: auto;
    width: 600px;
    height: 44px;
    border: solid 1px #AD0101;
    background: url(../images/icon-search4.png);
    background-position: 15px center;
    background-repeat: no-repeat;
    -o-background-size: 24px auto;
       background-size: 24px auto;
    padding: 0 20px 0 50px;
    font-size: 16px;
}
.section-news-download .item2{
    padding: 40px 0 0;
    text-align: center;
    font-size: 20px;
    font-family: "MiSansMedium";
}
.section-news-download .content .list{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 75px;
    background-color: #F5F2E6;
    margin-bottom: 16px;
    padding: 0 30px;
}
.section-news-download .content .list .row1{
    width: 36px;
    height: 36px;
}
.section-news-download .content .list .row1 .icon{
    max-width: 100%;
    max-height: 100%;
}
.section-news-download .content .list .row2{
    -webkit-box-flex: 1;
    -webkit-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    font-size: 20px;
    font-family: "MiSansMedium";
    font-weight: bold;
    margin: 0 20px;
    color: #3D3D3D;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
}
.section-news-download .content .list .row3{
    width: 26px;
    height: 26px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
}
.section-news-download .content .list .row3 .icon{
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
}
.section-news-download .content .list .row3 .icon1{
    -webkit-transform: translateY(3px);
       -moz-transform: translateY(3px);
        -ms-transform: translateY(3px);
         -o-transform: translateY(3px);
            transform: translateY(3px);
}
.section-news-download .content .list .row3:hover{
    -webkit-transform: scale(1.1);
       -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
}
.section-news-download .content .list .row3:hover .icon1{
    -webkit-animation: download 1.5s linear infinite;
       -moz-animation: download 1.5s linear infinite;
         -o-animation: download 1.5s linear infinite;
            animation: download 1.5s linear infinite;
}
.section-news-download .content .list .row4{
    margin: 4px 32px 0 0;
}
.section-news-download .content .list .row4 img{
    height: 24px;
}
@-webkit-keyframes download {
    50%{
        -webkit-transform: translateY(-3px);
                transform: translateY(-3px);
    }
}
@-moz-keyframes download {
    50%{
        -moz-transform: translateY(-3px);
             transform: translateY(-3px);
    }
}
@-o-keyframes download {
    50%{
        -o-transform: translateY(-3px);
           transform: translateY(-3px);
    }
}
@keyframes download {
    50%{
        -webkit-transform: translateY(-3px);
           -moz-transform: translateY(-3px);
             -o-transform: translateY(-3px);
                transform: translateY(-3px);
    }
}



.section-news-list-search{
    background-color: #FFFCF3;
    padding: 30px 0 10px;
}
.section-news-list-search .content{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.section-news-list-search .mydate{
    border: 0;
    background: #F5F2E6;
    height: 50px;
    width: 275px;
    padding: 0 20px;
    font-size: 16px;
    font-family: "MiSansNormal";
    background-image: url(../images/icon-arrow-down2.png);
    background-position: 94% center;
    background-repeat: no-repeat;
    -o-background-size: 14px auto;
       background-size: 14px auto;
}
.section-news-list-search .mydate::-webkit-input-placeholder{
    color: rgba(61, 61, 61, 0.7);
    font-family: "MiSansNormal";
}
.section-news-list-search .mydate:-moz-placeholder{
    color: rgba(61, 61, 61, 0.7);
    font-family: "MiSansNormal";
}
.section-news-list-search .mydate::-moz-placeholder{
    color: rgba(61, 61, 61, 0.7);
    font-family: "MiSansNormal";
}
.section-news-list-search .mydate:-ms-input-placeholder{
    color: rgba(61, 61, 61, 0.7);
    font-family: "MiSansNormal";
}
.section-news-list-search .mydate::-ms-input-placeholder{
    color: rgba(61, 61, 61, 0.7);
    font-family: "MiSansNormal";
}
.section-news-list-search .mydate::placeholder{
    color: rgba(61, 61, 61, 0.7);
    font-family: "MiSansNormal";
}
.section-news-list-search .search{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.section-news-list-search .input{
    width: 520px;
    height: 50px;
    border: 0;
    background: #F5F2E6;
    padding: 0 20px;
    font-size: 16px;
    font-family: "MiSansNormal";
}
.section-news-list-search ::-webkit-input-placeholder{
    color: rgba(61, 61, 61, 0.4);
    font-family: "MiSansNormal";
}
.section-news-list-search :-moz-placeholder{
    color: rgba(61, 61, 61, 0.4);
    font-family: "MiSansNormal";
}
.section-news-list-search ::-moz-placeholder{
    color: rgba(61, 61, 61, 0.4);
    font-family: "MiSansNormal";
}
.section-news-list-search :-ms-input-placeholder{
    color: rgba(61, 61, 61, 0.4);
    font-family: "MiSansNormal";
}
.section-news-list-search ::-ms-input-placeholder{
    color: rgba(61, 61, 61, 0.4);
    font-family: "MiSansNormal";
}
.section-news-list-search ::placeholder{
    color: rgba(61, 61, 61, 0.4);
    font-family: "MiSansNormal";
}
.section-news-list-search .btn{
    width: 180px;
    height: 50px;
    border: 0;
    background: #A90000;
    color: #fff;
    font-size: 20px;
    font-family: "MiSansNormal";
    background-image: url(../images/icon-search3.png);
    background-position: 55px center;
    background-repeat: no-repeat;
    -o-background-size: 20px auto;
       background-size: 20px auto;
    padding-left: 35px;
    cursor: pointer;
}



.section-news-list-1{
    background-color: #FFFCF3;
    padding: 60px 0 20px;
}
.section-news-list-1 .item{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    gap: 1.7%;
}
.section-news-list-1 .list{
    width: 32.2%;
    background-color: #F5F2E6;
    -webkit-transition: background 0.3s;
    -o-transition: background 0.3s;
    -moz-transition: background 0.3s;
    transition: background 0.3s;
    margin-bottom: 1.7%;
}
.section-news-list-1 .imgbox{
    width: 100%;
    height: 230px;
    overflow: hidden;
}
.section-news-list-1 .imgbox img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -webkit-transition: 0.6s;
    -o-transition: 0.6s;
    -moz-transition: 0.6s;
    transition: 0.6s;   
}
.section-news-list-1 .detail{
    padding: 32px 28px;
    height: 210px;
}
.section-news-list-1 .list .row1{
    font-size: 14px;
    font-family: "MiSansNormal";
    color: #3D3D3D;
}
.section-news-list-1 .list .row2{
    font-size: 20px;
    font-family: "MiSansMedium";
    margin-top: 28px;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
}
.section-news-list-1 .list .row3{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin-top: 42px;
}
.section-news-list-1 .list .row3 b{
    font-size: 24px;
    font-family: "MiSansMedium";
    font-weight: bold;
}
.section-news-list-1 .list .row3 span{
    font-size: 14px;
    font-family: "MiSansMedium";
    color: #B2B2B2;
    margin: 10px 0 0 5px;
}
.section-news-list-1 .list:hover{
    background-color: #F19176;
    color: #fff;
}
.section-news-list-1 .list:hover .imgbox img{
    -webkit-transform: scale(1.1);
       -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
}
.section-news-list-1 .list:hover .row1{
    color: #fff;
}
.section-news-list-1 .list:hover .row3 span{
    color: #fff;
}


#pagination{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
       -moz-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding: 50px 0 40px;
}
#pagination .layui-laypage a, #pagination .layui-laypage span{
    min-width: 10px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    margin: 0 5px;
    background: transparent;
    border: solid 1px rgba(241, 145, 118, 1);
    color: rgba(241, 145, 118, 1);
    font-weight: bold;
}
#pagination .layui-laypage .layui-laypage-curr .layui-laypage-em{
    background: rgba(241, 145, 118, 1);
    color: #fff;
}


.section-news-detail{
    background-color: #FFFCF3;
    padding: 80px 0;
}
.section-news-detail .content{
    width: 844px;
    margin: auto;
}
.section-news-detail .content-detial{
    padding: 0 0 50px;
}
.section-news-detail .content-detial .item1{
    margin-bottom: 4px;
}
.section-news-detail .content-detial .item1 h1{
    font-size: 40px;
    font-family: "MiSansMedium";
    text-align: center;
    line-height: 1.5;
}
.section-news-detail .item2{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-bottom: solid 1px #D8D8D8;
    padding: 8px 0;
    color: #3D3D3D;
}
.section-news-detail .item2 .row1{
    font-size: 14px;
    font-family: "MiSansNormal";
}
.section-news-detail .item2 .row2 b{
    font-size: 24px;
    font-family: "MiSansMedium";
    font-weight: bold;
}
.section-news-detail .item2 .row2 span{
    font-size: 14px;
    font-family: "MiSansMedium";
    color: rgba(178, 178, 178, 1);
}
.section-news-detail .item3{
    font-size: 16px;
    font-family: "MiSansNormal";
    color: #3D3D3D;
    line-height: 24px;
    margin-top: 20px;
}
.section-news-detail .item3 img{
    display: block;
    margin: auto;
    width: 100%;
    padding: 8px 0;
}
.section-news-detail .item3 video{
    display: block;
    max-width: 100%;
    width: 100%!important;
    height: auto!important;
}
.section-news-detail .item3 p{
    /* min-height: 14px; */
    padding: 5px 0;
}
.section-news-detail .content-turning{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.section-news-detail .content-turning .list a{
    height: 24px;
    font-size: 14px;
    font-family: "MiSansNormal";
    background-image: url(../images/icon-arrow-prev.png);
    background-position: 0 center;
    background-repeat: no-repeat;
    -o-background-size: 6px auto;
       background-size: 6px auto;
    padding: 0 12px 0 12px;
}
.section-news-detail .content-turning .list .next{
    background-image: url(../images/icon-arrow-next.png);
    background-position: right center;
}

.section-news-detail .item3 ul, .section-news-detail .item3 li{
    list-style-type: decimal;
}

.section-news-detail-blank{
    padding: 72px 0 0;
}



.section-sustainable-development-1{
    background-color: #FFFCF3;
    height: 200px;
    padding: 120px 0 0;
}


.section-sustainable-development-2{
    color: #fff;
    background-color: #FFFCF3;
    padding: 0 0 300px;
    background-image: url(../images/sustainable-development.jpg);
    background-position: center 0;
    background-repeat: no-repeat;
    -o-background-size: cover;
       background-size: cover;
    position: relative;
}
.section-sustainable-development-2::before{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 320px;
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFCF3), to(rgba(255, 252, 243, 0)));
    background: -webkit-linear-gradient(top, #FFFCF3, rgba(255, 252, 243, 0));
    background: -moz-linear-gradient(top, #FFFCF3, rgba(255, 252, 243, 0));
    background: -o-linear-gradient(top, #FFFCF3, rgba(255, 252, 243, 0));
    background: linear-gradient(to bottom, #FFFCF3, rgba(255, 252, 243, 0));
}
.section-sustainable-development-2 .inner{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 520px;
}
.section-sustainable-development-2 .item1{    
    font-size: 32px;
    font-weight: bold;
    font-family: "MiSansMedium";
    text-align: center;
}
.section-sustainable-development-2 .item2{    
    color: #fff;
    font-size: 16px;
    font-family: "MiSansMedium";
    text-align: center;
    margin-top: 10px;
}



.section-sustainable-development-3{
    overflow: hidden;
    position: relative;
    margin-top: -190px;
}
.section-sustainable-development-3 .swiper-container{
    padding-left: 20px;
}
.section-sustainable-development-3 .swiper-slide{
    list-style: none;
    width: 305px;
    height: 210px;
    margin-right: 20px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    overflow: hidden;
}
.section-sustainable-development-3 .swiper-slide .box{
    height: 100%;
    padding: 30px;
    background-color: #F5F2E6;
    overflow: hidden;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    -webkit-transform: translateY(60px);
       -moz-transform: translateY(60px);
        -ms-transform: translateY(60px);
         -o-transform: translateY(60px);
            transform: translateY(60px);
}
.section-sustainable-development-3 .swiper-slide .imgbox{
    height: 90px;
    margin: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.section-sustainable-development-3 .swiper-slide .imgbox .img{
    max-width: 100%;
    max-height: 100%;
    mix-blend-mode: multiply;
}
.section-sustainable-development-3 .swiper-slide .detail{
    font-size: 16px;
    font-family: "MiSansNormal";
    color: #3D3D3D;
    position: absolute;
    top: 160px;
    left: 10px;
    right: 10px;
    text-align: center;
    visibility: hidden;
}
.section-sustainable-development-3 .swiper-slide:hover .box{
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
        -ms-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
}
.section-sustainable-development-3 .swiper-slide:hover .detail{
    visibility: visible;
}
.section-sustainable-development-3 .swiper-scrollbar{
    width: 320px;
    margin-left: auto;
    margin-right: 0;
    margin-top: 40px;
    z-index: 99;
}
.section-sustainable-development-3 .swiper-scrollbar .swiper-scrollbar-drag{
    background-color: #CF1322;
    height: 5px;
}




.section-sustainable-development-4{
    background-color: #FFFCF3;
    padding-bottom: 90px;
    margin-top: -65px;
}
.section-sustainable-development-4 .content{
    position: relative;
}
.section-sustainable-development-4 .swiper-container{
    width: 100%;
    padding: 220px 0 120px;
}
.section-sustainable-development-4 .swiper-slide{
    width: 33.3333%;
    height: 400px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    overflow: visible;
}
.section-sustainable-development-4 .swiper-slide .detail{
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    color: #fff;
    font-family: "MiSansMedium";
    text-align: center;
    opacity: 0;
    -webkit-transform: translate(-50%, 0%);
       -moz-transform: translate(-50%, 0%);
        -ms-transform: translate(-50%, 0%);
         -o-transform: translate(-50%, 0%);
            transform: translate(-50%, 0%);
}
.section-sustainable-development-4 .swiper-slide .row-img{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}
.section-sustainable-development-4 .swiper-slide .row-img img{
    height: 72px;
}
.section-sustainable-development-4 .swiper-slide .row1{
    font-size: 24px;
    font-weight: bold;
    font-family: "MiSansMedium";
    line-height: 1.5;
    margin-top: 30px;
}
.section-sustainable-development-4 .swiper-slide .row2{
    width: 70%;
    margin: auto;
    font-size: 16px;
    font-family: "MiSansMedium";
    line-height: 1.5;
    margin-top: 30px;
}
.section-sustainable-development-4 .swiper-slide .row3{
    margin-top: 35px;
}
.section-sustainable-development-4 .swiper-slide .row3 .more{
    color: #fff;
}
.section-sustainable-development-4 .swiper-slide .row3 .more::before{
    background-color: #fff;
}
.section-sustainable-development-4 .swiper-slide .row3 .more::after{
    background-color: #fff;
}
.section-sustainable-development-4 .swiper-slide .imgbox{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}
.section-sustainable-development-4 .swiper-slide .imgbox::after{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0);
}
.section-sustainable-development-4 .swiper-slide .img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.section-sustainable-development-4 .swiper-slide-active{
    z-index: 2;
}
.section-sustainable-development-4 .swiper-slide-active .imgbox{
    width: 230%;
    height: 520px;
    overflow: hidden;
}
.section-sustainable-development-4 .swiper-slide-active .imgbox::after{
    background-color: rgba(0, 0, 0, 0.1);
}
.section-sustainable-development-4 .swiper-slide-active .detail{
    width: 230%;
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    -webkit-transition: 0.9s 0.2s ease;
    -o-transition: 0.9s 0.2s ease;
    -moz-transition: 0.9s 0.2s ease;
    transition: 0.9s 0.2s ease;
}
.section-sustainable-development-4 .swiper-pagination{
    position: static;
}
.section-sustainable-development-4 .swiper-pagination-bullet{
    width: 35px;
    height: 4px;
    border-radius: 0;
    background-color: rgba(0, 0, 0, 0.1);
    margin: 0 5px;
    mix-blend-mode: multiply;
    opacity: 1; 
    -webkit-transition: 0.6s; 
    -o-transition: 0.6s; 
    -moz-transition: 0.6s; 
    transition: 0.6s;
}
.section-sustainable-development-4 .swiper-pagination-bullet-active{
    background-color: #E7B0A0;
    width: 120px;
    opacity: 1; 
}
.section-sustainable-development-4 .arrow{
    background-image: url(../images/icon-arrow-left.png);
    background-position: center center;
    background-repeat: no-repeat;
    -o-background-size: 100% auto;
       background-size: 100% auto;
    width: 24px;
    height: 48px;
    left: 14%;
    right: auto;
    pointer-events: visible;
    margin-top: 0;
}
.section-sustainable-development-4 .swiper-button-next{
    background-image: url(../images/icon-arrow-right.png);
    left: auto;
    right: 14%;
}
.section-sustainable-development-4 .arrow::after{
    display: none;
}



.section-work-clothes-detail-banner{
    background-color: #000;
}
.section-work-clothes-detail-banner .banner{
    width: 100%;
}
.section-work-clothes-detail-banner .item1{    
    color: #fff;
    font-size: 40px;
    font-family: "JinBuTi";
    text-align: center;
}



.section-work-clothes-school-1{
    background-color: #FFFCF3;
    padding: 70px 0;
}
.section-work-clothes-school-1 .swiper-slide{
    list-style: none;
    width: 100%;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.section-work-clothes-school-1 .swiper-slide .imgbox{
    width: 340px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.section-work-clothes-school-1 .swiper-slide .imgbox .img{
    width: 100%;
    mix-blend-mode: multiply;
}
.section-work-clothes-school-1 .swiper-slide .detail{
    -webkit-box-flex: 1;
    -webkit-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    font-size: 16px;
    font-family: "MiSansNormal";
    line-height: 1.5;
    margin-left: 100px;
}
.section-work-clothes-school-1 .swiper-pagination{
    position: static;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 50px;
}
.section-work-clothes-school-1 .swiper-pagination-bullet{
    width: 55px;
    height: 6px;
    border-radius: 0;
    background-color: #D8D8D8;
    margin: 0 5px;
    mix-blend-mode: multiply;
    opacity: 1; 
}
.section-work-clothes-school-1 .swiper-pagination-bullet-active{
    background-color: #E83820;
    opacity: 1; 
}
.section-work-clothes-school-1 .theme1 .swiper-pagination-bullet-active{
    background-color: #0095D5;
}
.section-work-clothes-school-1 .theme2 .swiper-pagination-bullet-active{
    background-color: #43B149;
}
.section-work-clothes-school-1 .theme3 .swiper-pagination-bullet-active{
    background-color: #C80557;
}



.section-work-clothes-detail-swiper{
    background-color: #FFFCF3;
}
.section-work-clothes-detail-swiper li{
    list-style: none;
}
.section-work-clothes-detail-swiper .content{
    overflow: hidden;
}
.section-work-clothes-detail-swiper .public-title{
    font-size: 24px;
    text-align: center;
    padding-bottom: 50px;
}
.section-work-clothes-detail-swiper .content-bodyer{
    position: relative;
    margin-top: 10px;
}
.section-work-clothes-detail-swiper .item1{
    width: 100%;
    height: 100%;
    position: relative;
}
.section-work-clothes-detail-swiper .item1::after{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-transition: 0.6s ease;
    -o-transition: 0.6s ease;
    -moz-transition: 0.6s ease;
    transition: 0.6s ease;
    pointer-events: none;
    display: none;
}
.section-work-clothes-detail-swiper .item1 .imgbox{
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}
.section-work-clothes-detail-swiper .item1 .imgbox .img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.section-work-clothes-detail-swiper .item1 video{
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.section-work-clothes-detail-swiper .item1 .icon-play{
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 100px;
    pointer-events: none;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
}
.section-work-clothes-detail-swiper .playing .icon-play{
    opacity: 0;
}
.section-work-clothes-detail-swiper .item2{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
    -webkit-transition: 0.6s ease;
    -o-transition: 0.6s ease;
    -moz-transition: 0.6s ease;
    transition: 0.6s ease;
    opacity: 0;
    pointer-events: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
       -moz-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0 0 35%;
}
.section-work-clothes-detail-swiper .item2::after{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0);
    -webkit-transition: 0.6s ease;
    -o-transition: 0.6s ease;
    -moz-transition: 0.6s ease;
    transition: 0.6s ease;
    pointer-events: none;
}
.section-work-clothes-detail-swiper .item2 .row1{
    font-size: 32px;
    font-family: "JinBuTi";
    -webkit-transform: translateY(50px);
       -moz-transform: translateY(50px);
        -ms-transform: translateY(50px);
         -o-transform: translateY(50px);
            transform: translateY(50px);
    -webkit-transition: 0.6s;
    -o-transition: 0.6s;
    -moz-transition: 0.6s;
    transition: 0.6s;
    position: relative;
    z-index: 2;
}
.section-work-clothes-detail-swiper .swiper-container{
    height: 600px;
    height: 38vw;
    /* padding: 100px 0 0; */
    padding-top: 6.5vw;
    margin-left: -10%;
}
.section-work-clothes-detail-swiper .swiper-slide{
    width: 19vw;
    height: 400px;
    height: 25vw;
    margin-right: 20px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
}
.section-work-clothes-detail-swiper .swiper-slide-prev{
    width: 20%;
    width: 21vw;
    height: 520px;
    height: 32vw;
    top: -60px;
    top: -3.5vw;
}
.section-work-clothes-detail-swiper .swiper-slide-next{
    width: 20%;
    width: 21vw;
    height: 520px;
    height: 32vw;
    top: -60px;
    top: -3.5vw;
}
.section-work-clothes-detail-swiper .swiper-slide-active{
    width: 25%;
    width: 27vw;
    height: 600px;
    height: 38vw;
    top: -100px;
    top: -6.5vw;
}
.section-work-clothes-detail-swiper .swiper-slide:hover .item2{
    opacity: 1;
}
.section-work-clothes-detail-swiper .swiper-slide:hover .item2::after{
    background-color: rgba(0, 0, 0, 0.3);
}
.section-work-clothes-detail-swiper .swiper-slide-active .item1::after{
    background-color: rgba(0, 0, 0, 0.3);
}
.section-work-clothes-detail-swiper .swiper-slide-active .item2{
    /* opacity: 1; */
}
.section-work-clothes-detail-swiper .swiper-slide-active .item2 .row1{
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
        -ms-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
}
.section-work-clothes-detail-swiper .swiper-scrollbar{
    width: 320px;
    position: static;
    margin-left: auto;
    margin-top: 35px;
}
.section-work-clothes-detail-swiper .swiper-scrollbar-drag{
    background-color: #CF1322;
    height: 5px;
}



.section-work-clothes-school-2{
    background-color: #FFFCF3;
    padding: 70px 0;
}
.section-work-clothes-school-2 li{
    list-style: none;
}
.section-work-clothes-school-2 .content{
    position: relative;
    overflow: hidden;
}
.section-work-clothes-school-2 .public-title{
    font-size: 24px;
    text-align: center;
}
.section-work-clothes-school-2 .item1{
    width: 100%;
    height: 100%;
    position: relative;
}
.section-work-clothes-school-2 .imgbox{
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.section-work-clothes-school-2 .imgbox .img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.section-work-clothes-school-2 .detail{
    position: absolute;
    left: 40px;
    bottom: 50px;
    text-align: center;
    font-size: 32px;
    font-family: "JinBuTi";
    color: #3A3A3A;
    display: none;
}
.section-work-clothes-school-2 .swiper-wrapper{
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    gap: 20px 1.4%;
    margin-top: 55px;
}
.section-work-clothes-school-2 .swiper-slide{
    width: 32.4%;
    height: 600px;
    overflow: hidden;
}



.section-work-clothes-contact{
    padding-bottom: 30px;
    background-color: #FFFCF3;
}
.section-work-clothes-contact .inner{
    background-image: url(../images/contact2.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    -o-background-size: cover;
       background-size: cover;
}
.section-work-clothes-contact .content{
    height: 300px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.section-work-clothes-contact .content-left .item1{
    -webkit-box-flex: 1;
    -webkit-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
.section-work-clothes-contact .content-left .public-title{
    color: #fff;
}
.section-work-clothes-contact .content-left .item1 .public-title{
    font-size: 32px;
}
.section-work-clothes-contact .content-left .item2 .public-title{
    font-size: 20px;
    margin-top: 40px;
}
.section-work-clothes-contact .content-bodyer .ewm{
    width: 155px;
}



.section-work-clothes-work-2{
    background-color: #FFFCF3;
    padding-top: 100px;
    position: relative;
}
.section-work-clothes-work-2 li{
    list-style: none;
}
.section-work-clothes-work-2 .imgbox{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.section-work-clothes-work-2 .imgbox .img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.section-work-clothes-work-2 .detail{
    position: absolute;
    bottom: 70px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
       -moz-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
         -o-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    font-size: 32px;
    font-family: "JinBuTi";
    color: #3A3A3A;
    text-align: right;
}


.section-work-clothes-work-3{
    background-color: #FFFCF3;
    padding: 70px 0;
}
.section-work-clothes-work-3 li{
    list-style: none;
}
.section-work-clothes-work-3 .imgbox{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.section-work-clothes-work-3 .imgbox .img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.section-work-clothes-work-3 .detail{
    position: absolute;
    left: 40px;
    bottom: 50px;
    font-size: 32px;
    font-family: "JinBuTi";
    color: #3A3A3A;
}
.section-work-clothes-work-3 .swiper-wrapper{
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    gap: 20px;
}
.section-work-clothes-work-3 .swiper-slide{
    width: 49.2%;
    height: 400px;
    overflow: hidden;
}
.section-work-clothes-work-3 .swiper-slide:nth-child(2n) .detail{
    left: auto;
    right: 40px;
}




.section-work-clothes-academic-swiper{
    background-color: #FFFCF3;
}
.section-work-clothes-academic-swiper li{
    list-style: none;
}
.section-work-clothes-academic-swiper .content{
    overflow: hidden;
}
.section-work-clothes-academic-swiper .public-title{
    font-size: 24px;
    text-align: center;
    padding-bottom: 50px;
}
.section-work-clothes-academic-swiper .content-bodyer{
    position: relative;
    margin-top: 10px;
}
.section-work-clothes-academic-swiper .item1{
    width: 100%;
    height: 100%;
    position: relative;
}
.section-work-clothes-academic-swiper .item1::after{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0);
    -webkit-transition: 0.6s ease;
    -o-transition: 0.6s ease;
    -moz-transition: 0.6s ease;
    transition: 0.6s ease;
}
.section-work-clothes-academic-swiper .item1 .imgbox{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.section-work-clothes-academic-swiper .item1 .imgbox .img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.section-work-clothes-academic-swiper .item2{
    position: absolute;
    left: 20px;
    right: 20px;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
    color: #fff;
    -webkit-transition: 0.6s ease;
    -o-transition: 0.6s ease;
    -moz-transition: 0.6s ease;
    transition: 0.6s ease;
    opacity: 0;
}
.section-work-clothes-academic-swiper .item2 .row1{
    font-size: 32px;
    font-family: "JinBuTi";
    -webkit-transform: translateY(50px);
       -moz-transform: translateY(50px);
        -ms-transform: translateY(50px);
         -o-transform: translateY(50px);
            transform: translateY(50px);
    -webkit-transition: 0.6s;
    -o-transition: 0.6s;
    -moz-transition: 0.6s;
    transition: 0.6s;
}
.section-work-clothes-academic-swiper .swiper-container{
    height: 600px;
    padding: 40px 0 0;
}
.section-work-clothes-academic-swiper .swiper-slide{
    width: 30%;
    height: 520px;
    margin-right: 20px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
}
.section-work-clothes-academic-swiper .swiper-slide-prev{
    margin-left: -14.4%;
}
.section-work-clothes-academic-swiper .swiper-slide-active{
    width: 60%;
    height: 600px;
    top: -40px;
}
.section-work-clothes-academic-swiper .swiper-slide:hover .item1::after{
    background-color: rgba(0, 0, 0, 0.3);
}
.section-work-clothes-academic-swiper .swiper-slide:hover .item2{
    opacity: 1;
}
.section-work-clothes-academic-swiper .swiper-slide-active .item1::after{
    background-color: rgba(0, 0, 0, 0.3);
}
.section-work-clothes-academic-swiper .swiper-slide-active .item2{
    opacity: 1;
}
.section-work-clothes-academic-swiper .swiper-slide-active .item2 .row1{
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
        -ms-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
}
.section-work-clothes-academic-swiper .swiper-scrollbar{
    width: 320px;
    position: static;
    margin-left: auto;
    margin-top: 35px;
}
.section-work-clothes-academic-swiper .swiper-scrollbar-drag{
    background-color: #CF1322;
    height: 5px;
}




.section-work-clothes-academic-2{
    background-color: #FFFCF3;
    padding: 90px 0 30px;
}
.section-work-clothes-academic-2 li{
    list-style: none;
}
.section-work-clothes-academic-2 .content-bodyer{
    position: relative;
}
.section-work-clothes-academic-2 .swiper-container{
    width: 100%;
    height: 100%;
}
.section-work-clothes-academic-2 .item2{
    width: 100%;
    height: 500px;
    position: relative;
}
.section-work-clothes-academic-2 .item2 .imgbox{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.section-work-clothes-academic-2 .item2::after{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 20%;
    bottom: 0;
    width: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(255, 252, 243, 1)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(255, 252, 243, 1));
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(255, 252, 243, 1));
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(255, 252, 243, 1));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(255, 252, 243, 1));
}
.section-work-clothes-academic-2 .item2 .imgbox .img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover; 
}
.section-work-clothes-academic-2 .item1{
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
         -o-transform: translateX(-50%);
            transform: translateX(-50%);
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;     
}
.section-work-clothes-academic-2 .item1 .detail{
    padding: 0 10%;
}
.section-work-clothes-academic-2 .item1 .row1{
    font-size: 38px;
    font-family: "JinBuTi";
    font-weight: bold;
    color: #fff;
}
.section-work-clothes-academic-2 .item1 .row2{
    font-size: 20px;
    line-height: 1.5;
    font-family: "JinBuTi";
    color: #fff;
    margin-top: 45px;
    width: 50%;
}
.section-work-clothes-academic-2 .arrow{
    z-index: 9;
    background-image: url(../images/icon-arrow-left3.png);
    background-position: center center;
    background-repeat: no-repeat;
    -o-background-size: 100% auto;
       background-size: 100% auto;
    width: 34px;
    height: 70px;
    position: absolute;
    top: 50%;
    left: 20px;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
    pointer-events: visible;
    margin-top: 0;
}
.section-work-clothes-academic-2 .swiper-button-next{
    background-image: url(../images/icon-arrow-right3.png);
    left: auto;
    right: 20px;
}
.section-work-clothes-academic-2 .arrow::after{
    display: none;
}
.section-work-clothes-academic-2 .swiper-button-disabled{
    opacity: 1;
}



.section-work-clothes-academic-3{
    overflow: hidden;
    padding: 0 0 70px;
    background-color: #FFFCF3;
}
.section-work-clothes-academic-3 li{
    list-style: none;
}
.section-work-clothes-academic-3 .swiper-container{
    width: 100%;
    height: 100%;
    display: none;
}
.section-work-clothes-academic-3 .active{
    display: block;
}
.section-work-clothes-academic-3 .swiper-slide{
    width: 32.3%;
    margin-right: 20px;
}
.section-work-clothes-academic-3 .item1{
    width: 100%;
    height: 100%;
    position: relative;
}
.section-work-clothes-academic-3 .item1::after{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0);
    -webkit-transition: 0.6s ease;
    -o-transition: 0.6s ease;
    -moz-transition: 0.6s ease;
    transition: 0.6s ease;
    display: none;
}
.section-work-clothes-academic-3 .item1 .imgbox{
    width: 100%;
    height: 500px;
    overflow: hidden;
}
.section-work-clothes-academic-3 .item1 .imgbox .img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.section-work-clothes-academic-3 .item2{
    text-align: center;
    -webkit-transition: 0.6s ease;
    -o-transition: 0.6s ease;
    -moz-transition: 0.6s ease;
    transition: 0.6s ease;
}
.section-work-clothes-academic-3 .item2 .row1{
    font-size: 14px;
    padding: 20px 0 0;
    color: #3D3D3D;
    -webkit-transition: 0.6s ease;
    -o-transition: 0.6s ease;
    -moz-transition: 0.6s ease;
    transition: 0.6s ease;
}
.section-work-clothes-academic-3 .item2 .row2{
    font-size: 16px;
    margin-top: 28px;
    font-family: "MiSansMedium";
}
.section-work-clothes-academic-3 .swiper-slide-active .item1::after{
    background-color: rgba(0, 0, 0, 0.4);
}
.section-work-clothes-academic-3 .swiper-slide-active .item2{
    top: 50%;
    opacity: 1;
}
.section-work-clothes-academic-3 .swiper-slide:hover .item2{
    opacity: 1;
}
.section-work-clothes-academic-3 .swiper-scrollbar{
    width: 600px;
    position: static;
    margin: auto;
    margin-top: 60px;
}
.section-work-clothes-academic-3 .swiper-scrollbar .swiper-scrollbar-drag{
    background-color: #0095D5;
    height: 6px;
}



.section-product-type-tab{
    background-color: #FFFCF3;
    padding: 50px 0 0;
}
.section-product-type-tab .content-title{
    font-size: 24px;
    font-family: "JinBuTi";
    color: #E50113;
    margin-bottom: 20px;
}
.section-product-type-tab .tab-header{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-bottom: solid 5px rgba(229, 1, 19, 0.1);        
}
.section-product-type-tab .tab-header .list{
    font-size: 16px;
    font-family: "MiSansNormal";
    margin-right: 80px;
    padding: 5px 0 10px;
    color: #999;
    cursor: pointer;
    position: relative;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
}
.section-product-type-tab .tab-header .list::after{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: -10px;
    bottom: -4px;
    height: 5px;
    -webkit-transition: 0.6s;
    -o-transition: 0.6s;
    -moz-transition: 0.6s;
    transition: 0.6s;
}
.section-product-type-tab .tab-header .active{
    color: #E50113;
}
.section-product-type-tab .tab-header .active::after{
    background-color: #E50113;
}



.section-product-type-list{
    background-color: #FFFCF3;
}
.section-product-type-list li{
    list-style: none;
}
.section-product-type-list .describe{
    font-size: 14px;
    font-family: "MiSansNormal";
    color: #3D3D3D;
    margin-top: 30px;
    line-height: 1.5;
    width: 65%;
}
.section-product-type-list .describe .email{
    padding: 18px 0 7px;
}
.section-product-type-list .describe .bold{
    font-size: 16px;
    font-family: "MiSansMedium";
    padding: 8px 0;
}
.section-product-type-list .item-list{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    gap: 40px 1.33%;
    margin-top: 45px;
}
.section-product-type-list .list{
    width: 24%;
    height: 450px;
    overflow: hidden;
    position: relative;
}
.section-product-type-list .imgbox{
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}
.section-product-type-list .imgbox .img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.section-product-type-list .imgbox::after{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0;
    -webkit-transition: 0.6s ease;
    -o-transition: 0.6s ease;
    -moz-transition: 0.6s ease;
    transition: 0.6s ease;
    display: none;   
}
.section-product-type-list .detail{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    font-size: 32px;
    font-family: "JinBuTi";
    color: #fff;
    opacity: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: none;        
}
.section-product-type-list .list:hover .detail{
    opacity: 1;
}
.section-product-type-list .list:hover .imgbox::after{
    opacity: 0.6;
}



.section-product-type-about{
    background-color: #FFFCF3;
    padding: 55px 0 0;
}
.section-product-type-about .content-title{
    font-size: 24px;
    font-family: "JinBuTi";
    color: #E50113;
    margin-bottom: 20px;
}
.section-product-type-about .content-bodyer p{
    font-size: 14px;
    font-family: "MiSansNormal";
    color: #3D3D3D;
    line-height: 1.5;
    padding: 12px 0;
    /* margin-top: 24px; */
}
.section-product-type-about .content-bodyer .email{
    font-size: 14px;
    font-family: "MiSansNormal";
    color: #3D3D3D;
    line-height: 1.5;
    margin-top: 25px;
}



.section-product-type-brand{
    background-color: #FFFCF3;
    padding: 70px 0 0;
    overflow: hidden;
}
.section-product-type-brand .content-title{
    font-size: 24px;
    font-family: "JinBuTi";
    color: #E50113;
}
.section-product-type-brand .describe{
    font-size: 14px;
    font-family: "MiSansNormal";
    color: #3D3D3D;
    line-height: 1.5;
    width: 65%;
}
.section-product-type-brand .describe p{
    padding: 7px 0;
}
.section-product-type-brand .describe .email{
    padding: 18px 0 7px;
}
.section-product-type-brand .describe .bold{
    font-size: 16px;
    font-family: "MiSansMedium";
    padding: 7px 0;
}
.section-product-type-brand .tab-bodyer{
    margin-top: 40px;
}
.section-product-type-brand .swiper-container{
    padding-left: -webkit-calc( (100% - 1300px)/2 );
    padding-left: -moz-calc( (100% - 1300px)/2 );
    padding-left: calc( (100% - 1300px)/2 );
}
.section-product-type-brand .swiper-slide{
    list-style: none;
    width: 305px;
    height:330px;
    margin-right: 20px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    overflow: hidden;
    background-color: #F5F2E6;
}
.section-product-type-brand .swiper-slide .imgbox{
    width: 100%;
    height: 100%;
    margin: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.section-product-type-brand .swiper-slide .imgbox .img{
    max-width: 70%;
    max-height: 90%;
    mix-blend-mode: multiply;
}



.section-product-type-contact-us{
    padding: 70px 0 30px;
    background-color: #FFFCF3;
}
.section-product-type-contact-us .img{
    width: 100%;
}


.section-product-type-blank{
    height: 80px;
    background-color: #FFFCF3;
}


.section-private-brand-1{
    background-color: #FFFCF3;
    padding: 70px 0;
}
.section-private-brand-1 .swiper-slide{
    list-style: none;
    width: 100%;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.section-private-brand-1 .swiper-slide .imgbox{
    width: 290px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.section-private-brand-1 .swiper-slide .imgbox .img{
    width: 100%;
    mix-blend-mode: multiply;
}
.section-private-brand-1 .swiper-slide .detail{
    -webkit-box-flex: 1;
    -webkit-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-left: 120px;
}
.section-private-brand-1 .swiper-slide .detail .row1{
    font-size: 20px;
    font-family: "MiSansMedium";
}
.section-private-brand-1 .swiper-slide .detail .row2{
    font-size: 16px;
    font-family: "MiSansNormal";
    color: #3A3A3A;
    line-height: 1.5;
    margin-top: 20px;
}
.section-private-brand-1 .swiper-pagination{
    position: static;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 30px;
}
.section-private-brand-1 .swiper-pagination-bullet{
    width: 55px;
    height: 6px;
    border-radius: 0;
    background-color: #D8D8D8;
    margin: 0 5px;
    mix-blend-mode: multiply;
    opacity: 1; 
}
.section-private-brand-1 .swiper-pagination-bullet-active{
    background-color: #0095D5;
    opacity: 1; 
}

.section-private-brand-blank1{
    height: 120px;
    background-color: #FFFCF3;
}

.section-private-brand-video{
    background: -webkit-gradient(linear, left top, left bottom, from(#F9F2EA), to(#FFFCF3));
    background: -webkit-linear-gradient(top, #F9F2EA, #FFFCF3);
    background: -moz-linear-gradient(top, #F9F2EA, #FFFCF3);
    background: -o-linear-gradient(top, #F9F2EA, #FFFCF3);
    background: linear-gradient(to bottom, #F9F2EA, #FFFCF3);
}
.section-private-brand-video .content{
    margin-bottom: -90px;
}
.section-private-brand-video .videobox{
    width: 840px;
    margin: auto;
    position: relative;
    top: -100px;
}
.section-private-brand-video video{
    display: block;
    width: 100%;
}
.section-private-brand-video .icon-play{
    display: block;
    width: 100px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    pointer-events: none;
    opacity: 1;
    -webkit-transition: 0.6s;
    -o-transition: 0.6s;
    -moz-transition: 0.6s;
    transition: 0.6s;
}
.section-private-brand-video .playing .icon-play{
    opacity: 0;
}

.section-private-brand-2{
    background-color: #FFFCF3;
    padding: 0 0 45px;
    overflow: hidden;
    position: relative;
}
.section-private-brand-2.theme1{
    background-color: #F9F2EA;
}
.section-private-brand-2 .content-title{
    font-size: 24px;
    font-family: "JinBuTi";
    color: #3A3A3A;
    text-align: center;
    padding: 40px 0;
}
.section-private-brand-2 .content-title span{
    font-size: 20px;
}
.section-private-brand-2 .swiper-container{
    padding-left: 20px;
}
.section-private-brand-2 .swiper-slide{
    list-style: none;
    width: 420px;
    width: 414px;
    height: 520px;
    margin-right: 20px;
    position: relative;
}
.section-private-brand-2 .swiper-slide .img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.section-private-brand-2 .swiper-slide .detail{
    color: #fff;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    display: none;
}
.section-private-brand-2 .swiper-slide:hover .detail{
    opacity: 1;
}
.section-private-brand-2 .swiper-slide .detail::before{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.6);
}
.section-private-brand-2 .swiper-slide .title{
    font-size: 24px;
    font-family: "MiSansNormal";
    font-weight: normal;
    position: relative;
}
.section-private-brand-2 .swiper-scrollbar{
    width: 200px;
    position: static;
    margin-left: auto;
}
.section-private-brand-2 .swiper-scrollbar .swiper-scrollbar-drag{
    background-color: #0095D5;
    height: 6px;
    margin-top: 30px;
}


.section-private-brand-3{
    background-color: #F9F2EA;
    padding: 0 0 45px;
    overflow: hidden;
    position: relative;
}
.section-private-brand-3 .content-title{
    font-size: 24px;
    font-family: "JinBuTi";
    text-align: center;
    padding: 40px 0;
    color: #3A3A3A;
}
.section-private-brand-3 .content-container .img{
    width: 100%;
}

.section-private-brand-4{
    background-color: #FFFCF3;
    padding: 40px 0;
    overflow: hidden;
}
.section-private-brand-4 .img{
    width: 100%;
    margin-top: 20px;
}
.section-private-brand-4 .img:nth-child(1){
    margin-top: 0;
}

.section-private-brand-factory-4{
    background-color: #F9F2EA;
}

.section-private-brand-selected-4{
    padding-top: 0;
}

.section-private-brand-selected-2 .swiper-wrapper{
    margin-top: 20px;
}
.section-private-brand-selected-2 .swiper-slide{
    height: 550px;
}
.section-private-brand-selected-2 .imgbox{
    background-color: #000;
}
.section-private-brand-selected-2 .imgbox .img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}



.section-private-brand-dccm-video .content{
    margin-bottom: 0;
}
.section-private-brand-dccm-video .videobox{
    width: 100%;
    top: 0;
}


.section-private-brand-dccm-swiper{
    padding: 100px 0;
}



/* banner图 */
.section-banner-ai{
    position: relative;
    height: 620px;
    background-position: center 0;
    background-repeat: no-repeat;
    -o-background-size: cover;
       background-size: cover;
    overflow: hidden;   
    color: #fff;
}
.section-banner-ai .inner{
    width: 100%;
    height: 100%;
}
.section-banner-ai .content{
    height: 100%;
    position: relative;
    z-index: 3;
}
.section-banner-ai .banner{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.section-banner-ai video{
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    background-color: #000;   
}
.section-banner-ai .item-title{
    position: absolute;
    z-index: 3;  
    left: 0;
    right: 0;
    top: 50%;
    overflow: hidden;
    -webkit-transform: translate(0, -50%);
       -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
         -o-transform: translate(0, -50%);
            transform: translate(0, -50%);
}
.section-banner-ai .item-title .row1 h1{
    font-size: 60px;
    font-weight: normal;
    font-family: "JinBuTi";
    padding: 0 35px;
}
.section-banner-ai .logo{
    margin-bottom: 40px;
}
.section-banner-ai .logo img{
    width: 90px;
}



.section-ai-tab{
    position: relative;
    top: -170px;
    height: 0;
}
.section-ai-tab .content{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.section-ai-tab .tab-header{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;         
}
.section-ai-tab .tab-header .list{
    margin: 0 3px;
}
.section-ai-tab .tab-header .list a{
    display: block;
    text-align: center;
    width: 140px;
    height: 38px;
    line-height: 38px;
    color: #3D3D3D;
    font-size: 14px;
    background-color: rgba(255, 255, 255, 0.45);
    -webkit-backdrop-filter: blur(6px);
            backdrop-filter: blur(6px);  
    -webkit-transition: 0.3s;  
    -o-transition: 0.3s;  
    -moz-transition: 0.3s;  
    transition: 0.3s;
}
.section-ai-tab .tab-header .active a{
    background-color: rgba(169, 0, 0, 0.55);
    color: #fff;
}
.section-ai-tab-animation{
    top: -70px;
}


.section-ai-swiper-1{
    background-color: #FFFCF3;
    margin-top: 30px;
    margin-top: -100px;
}
.section-ai-swiper-1 .content{
    width: 90%;
    margin: auto;
    position: relative;
}
.section-ai-swiper-1 .swiper-container{
    width: 100%;
    padding: 60px 0 0;
}
.section-ai-swiper-1 .swiper-slide{
    width: 33.3333%;
    height: 340px;
    overflow: hidden;
    -webkit-transition: top 0.3s;
    -o-transition: top 0.3s;
    -moz-transition: top 0.3s;
    transition: top 0.3s;
}
.section-ai-swiper-1 .swiper-slide .detail{
    position: absolute;
    left: -200px;
    right: -200px;
    bottom: -110px;
    z-index: 2;
    text-align: center;
    opacity: 0;
}
.section-ai-swiper-1 .swiper-slide .detail .row1{
    font-family: "JinBuTi";
    font-size: 36px;
    margin-bottom: 15px;
}
.section-ai-swiper-1 .swiper-slide .imgbox{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}
.section-ai-swiper-1 .swiper-slide .imgbox .img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.section-ai-swiper-1 .swiper-slide video{
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.section-ai-swiper-1 .swiper-slide .icon-play{
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 100px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    pointer-events: none;
}
.section-ai-swiper-1 .swiper-slide .playing .icon-play{
    opacity: 0;
}
.section-ai-swiper-1 .swiper-slide .row1{
    font-size: 24px;
    font-weight: bold;
    font-family: "MiSansMedium";
    line-height: 1.5;
    margin-top: 30px;
}
.section-ai-swiper-1 .swiper-slide-active{
    z-index: 2;
    height: 460px;
    top: -60px;
    overflow: visible;
}
.section-ai-swiper-1 .swiper-slide-active .imgbox{
    width: 230%;
    height: 460px;
    overflow: hidden;
}
.section-ai-swiper-1 .swiper-slide-active .icon-play{
    opacity: 1;
}
.section-ai-swiper-1 .swiper-slide-active .detail{
    opacity: 1;
}
.section-ai-swiper-1 .swiper-pagination{
    position: static;
}
.section-ai-swiper-1 .swiper-pagination-bullet{
    width: 35px;
    height: 4px;
    border-radius: 0;
    background-color: rgba(0, 0, 0, 0.1);
    margin: 0 5px;
    mix-blend-mode: multiply;
    opacity: 1; 
    -webkit-transition: 0.6s; 
    -o-transition: 0.6s; 
    -moz-transition: 0.6s; 
    transition: 0.6s;
}
.section-ai-swiper-1 .swiper-pagination-bullet-active{
    background-color: #E7B0A0;
    width: 120px;
    opacity: 1; 
}
.section-ai-swiper-1 .arrow{
    background-image: url(../images/icon-arrow-left2.png);
    background-position: center center;
    background-repeat: no-repeat;
    -o-background-size: 100% auto;
       background-size: 100% auto;
    width: 24px;
    height: 48px;
    left: 13%;
    right: auto;
    pointer-events: visible;
    margin-top: 0;
    top: 30%;
}
.section-ai-swiper-1 .swiper-button-next{
    background-image: url(../images/icon-arrow-right2.png);
    left: auto;
    right: 13%;
}
.section-ai-swiper-1 .arrow::after{
    display: none;
}
.section-ai-swiper-vr-1 .swiper-container{
    padding: 60px 0 150px;
}
.section-ai-swiper-show-1 .swiper-slide{
    width: 100%;
}
.section-ai-swiper-show-1 .swiper-slide-active::before{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 50px;
    right: 0;
    bottom: 50px;
    background-color: #000;
}
.section-ai-swiper-show-1 .swiper-slide .imgbox{
    width: 82%;
}


.section-ai-2{
    background-color: #FFFCF3;
    padding: 0 0 70px;
}
.section-ai-2 li{
    list-style: none;
}
.section-ai-2 .content{
    position: relative;
    overflow: hidden;
}
.section-ai-2 .public-title{
    font-size: 36px;
    text-align: center;
}
.section-ai-2 .swiper-wrapper{
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    gap: 20px 1.4%;
    margin-top: 30px;
}
.section-ai-2 .swiper-slide{
    width: 32.4%;
    height: 340px;
    overflow: hidden;
    background-color: #F9F2EA;
    padding: 60px 20px 0;
}
.section-ai-2 .num{
    position: absolute;
    left: 0;
    right: 0;
    top: 5px;
    text-align: center;
    font-size: 72px;
    z-index: 2;
    font-family: "JinBuTi";
    color: #3D3D3D;
}
.section-ai-2 .imgbox{
    width: 100%;
    height: 215px;
    overflow: hidden;
}
.section-ai-2 .imgbox .img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.section-ai-2 .detail{
    text-align: center;
    font-size: 18px;
    font-family: "MiSansNormal";
    color: #3A3A3A;
    margin-top: 20px;
}



.section-ai-swiper-2{
    width: 100%;
    background-color: #FFFCF3;
    padding: 50px 90px;
    position: relative;
    -webkit-transition: 0.6s;
    -o-transition: 0.6s;
    -moz-transition: 0.6s;
    transition: 0.6s;
}
.section-ai-swiper-2.fixed{
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    padding: 0;
    height: 100%;
    z-index: 999;
}
.section-ai-swiper-2.fixed .content{
    height: 100%;
}
.section-ai-swiper-2 li{
    list-style: none;
}
.section-ai-swiper-2 .content{
    width: 100%;
    height: 650px;
}
.section-ai-swiper-2 .swiper-container{
    width: 100%;
    height: 100%;
}
.section-ai-swiper-2 .swiper-slide{
    width: 100%;
    height: 100%;
}
.section-ai-swiper-2 .imgbox{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.section-ai-swiper-2 .imgbox .img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover; 
}
.section-ai-swiper-2 video{
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.section-ai-swiper-2 .icon-play{
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 100px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    pointer-events: none;
}
.section-ai-swiper-2 .playing .icon-play{
    opacity: 0;
}
.section-ai-swiper-2 .detail{
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
         -o-transform: translateX(-50%);
            transform: translateX(-50%);
    height: 100%;
    text-align: center;
}
.section-ai-swiper-2 .detail .row1{
    font-size: 20px;
    font-family: "MiSansMedium";
    font-weight: bold;
    color: #fff;
}
.section-ai-swiper-2 .arrow{
    background-image: url(../images/icon-arrow-left2.png);
    background-position: center center;
    background-repeat: no-repeat;
    -o-background-size: 100% auto;
       background-size: 100% auto;
    width: 34px;
    height: 72px;
    left: 25px;
    right: auto;
    pointer-events: visible;
}
.section-ai-swiper-2 .arrow:nth-child(2){
    background-image: url(../images/icon-arrow-right2.png);
    left: auto;
    right: 25px;
}
.section-ai-swiper-2 .arrow::after{
    display: none;
}




.section-ai-trendbook-list{
    padding: 50px 0;
    background-color: #FFFCF3;
}
.section-ai-trendbook-list li{
    list-style: none;
}
.section-ai-trendbook-list .list{
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 20px 0;        
    padding-right: -webkit-calc( (100% - 1300px)/2 );
    padding-right: -moz-calc( (100% - 1300px)/2 );
    padding-right: calc( (100% - 1300px)/2 );     
}
.section-ai-trendbook-list .imgbox{
    width: 410px;
    height: 480px;
    overflow: hidden;
}
.section-ai-trendbook-list .imgbox .img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover; 
}
.section-ai-trendbook-list .item1{
    -webkit-box-flex: 1;
    -webkit-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    background-color: #F9F2EA;
    height: 350px;
    padding: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.section-ai-trendbook-list .item1 .detail{
    width: 100%;
    text-align: center;
}
.section-ai-trendbook-list .item1 .row1{
    font-size: 16px;
    font-family: "JinBuTi";
    color: #3D3D3D;
    line-height: 1.5;
}
.section-ai-trendbook-list .item1 .row2{
    font-size: 36px;
    font-family: "JinBuTi";
    color: #3D3D3D;
    line-height: 1.5;
    margin-top: 50px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; 
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
}
.section-ai-trendbook-list .row-more{
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 40px;
}
.section-ai-trendbook-list .list:nth-child(2n){
    padding-left: -webkit-calc( (100% - 1300px)/2 );
    padding-left: -moz-calc( (100% - 1300px)/2 );
    padding-left: calc( (100% - 1300px)/2 );
    padding-right: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
       -moz-box-orient: horizontal;
       -moz-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
}



.section-supply-chain-1{
    background-color: #FFFCF3;
    text-align: center;
    padding: 60px 0;
}
.section-supply-chain-1 li{
    list-style: none;
}
.section-supply-chain-1 .public-title{
    font-size: 36px;
}
.section-supply-chain-1 .content-detail{
    width: 77%;
    margin: auto;
    margin-top: 30px;
}
.section-supply-chain-1 .content-detail .row1{
    color: #7C7C7C;
    font-size: 16px;
    font-family: "MiSansNormal";
    line-height: 1.5;
}
.section-supply-chain-1 .content-bodyer{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    gap: 20px;
    margin-top: 50px;
}
.section-supply-chain-1 .content-bodyer .list{
    height: 520px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    position: relative;
    cursor: pointer;
    -webkit-transition: 0.6s ease;
    -o-transition: 0.6s ease;
    -moz-transition: 0.6s ease;
    transition: 0.6s ease;
}
.section-supply-chain-1 .content-bodyer .item1{
    width: 100%;
    height: 100%;
}
.section-supply-chain-1 .content-bodyer .item1::after{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0);
}
.section-supply-chain-1 .content-bodyer .imgbox{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.section-supply-chain-1 .content-bodyer .imgbox .img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.section-supply-chain-1 .content-bodyer .item2{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(253, 125, 91, 0)), to(rgba(169, 0, 0, 1)));
    background: -webkit-linear-gradient(top, rgba(253, 125, 91, 0), rgba(169, 0, 0, 1));
    background: -moz-linear-gradient(top, rgba(253, 125, 91, 0), rgba(169, 0, 0, 1));
    background: -o-linear-gradient(top, rgba(253, 125, 91, 0), rgba(169, 0, 0, 1));
    background: linear-gradient(to bottom, rgba(253, 125, 91, 0), rgba(169, 0, 0, 1));
    -webkit-backdrop-filter: blur(6px);
            backdrop-filter: blur(6px);
    -webkit-transition: 0.6s;
    -o-transition: 0.6s;
    -moz-transition: 0.6s;
    transition: 0.6s;
}
.section-supply-chain-1 .content-bodyer .item2 .row1{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    height: 0;
    overflow: hidden;
    -webkit-transition: 0.6s;
    -o-transition: 0.6s;
    -moz-transition: 0.6s;
    transition: 0.6s;
}
.section-supply-chain-1 .content-bodyer .item2 .row1 .icon{
    height: 70px;
    opacity: 0;
    -webkit-transition: 0.6s;
    -o-transition: 0.6s;
    -moz-transition: 0.6s;
    transition: 0.6s;
}
.section-supply-chain-1 .content-bodyer .item2 .row2{
    font-size: 20px;
    font-family: "JinBuTi";
    margin-top: 35px;
}
.section-supply-chain-1 .content-bodyer .active{
    -webkit-box-flex: 2.1;
    -webkit-flex: 2.1;
       -moz-box-flex: 2.1;
        -ms-flex: 2.1;
            flex: 2.1;
}
.section-supply-chain-1 .content-bodyer .active .item2{
    background: none;
    -webkit-backdrop-filter: blur(0px);
            backdrop-filter: blur(0px);
}
.section-supply-chain-1 .content-bodyer .active .item2 .row1{
    height: 70px;
}
.section-supply-chain-1 .content-bodyer .active .item2 .row1 .icon{
    opacity: 1;
}
.section-supply-chain-1 .content-bodyer .active .item2 .row2{
    font-size: 24px;
}
.section-supply-chain-1 .content-bodyer .list:hover{
    -webkit-box-flex: 2.1;
    -webkit-flex: 2.1;
       -moz-box-flex: 2.1;
        -ms-flex: 2.1;
            flex: 2.1;
}
.section-supply-chain-1 .content-bodyer .list:hover .item1::after{
    background-color: rgba(0, 0, 0, 0.3);
}
.section-supply-chain-1 .content-bodyer .list:hover .item2{
    background: none;
    -webkit-backdrop-filter: blur(0px);
            backdrop-filter: blur(0px);
}
.section-supply-chain-1 .content-bodyer .list:hover .item2 .row1{
    height: 70px;
}
.section-supply-chain-1 .content-bodyer .list:hover .item2 .row1 .icon{
    opacity: 1;
}
.section-supply-chain-1 .content-bodyer .list:hover .item2 .row2{
    font-size: 24px;
}



.section-supply-chain-2{
    background-color: #F9F2EA;
    text-align: center;
    padding: 70px 0 0px;
}
.section-supply-chain-2 li{
    list-style: none;
}
.section-supply-chain-2 .content{
}
.section-supply-chain-2 .public-title{
    font-size: 36px;
}
.section-supply-chain-2 .content-detail{
    width: 77%;
    margin: auto;
    margin-top: 30px;
}
.section-supply-chain-2 .content-detail .row1{
    color: #7C7C7C;
    font-size: 16px;
    font-family: "MiSansNormal";
    line-height: 1.5;
}
.section-supply-chain-2 .content-img .img{
    width: 100%;
    mix-blend-mode: multiply;
}


.back-top{
    position: fixed;
    bottom: 10%;
    right: 10px;
    width: 50px;
    height: 50px;
    z-index: 99;
    cursor: pointer;
    -webkit-transition: 0.6s;
    -o-transition: 0.6s;
    -moz-transition: 0.6s;
    transition: 0.6s;
    opacity: 0;
    pointer-events: none;
}
.back-top.show{
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}
.back-top .icon{
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: relative;
}
.back-top::before{
    content: "";
    display: block;
    position: absolute;
    left: 2px;
    top: 2px;
    right: 2px;
    bottom: 2px;
    background-color: #fff;
    border-radius: 50%;
}



.section-honor-list{
    background-color: #FFFCF3;
    padding: 30px 0 80px;
}
.section-honor-list .item{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    gap: 1.7%;
}
.section-honor-list .list{
    width: 23.7%;
    height: 250px;
    background-color: #F5F2E6;
    -webkit-transition: background 0.3s;
    -o-transition: background 0.3s;
    -moz-transition: background 0.3s;
    transition: background 0.3s;
    margin-bottom: 1.7%;
    padding: 25px;
    overflow: hidden;
}
.section-honor-list .imgbox{
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;  
}
.section-honor-list .imgbox img{
    width: 100%;
    max-height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.section-honor-list .detail{
    padding: 32px 28px;
    height: 210px;
}
.section-honor-list .list .row1{
    font-size: 14px;
    font-family: "MiSansNormal";
    color: #3D3D3D;
}
.section-honor-list .list .row2{
    font-size: 20px;
    font-family: "MiSansMedium";
    margin-top: 28px;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
}
.section-honor-list .list .row3{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin-top: 42px;
}
.section-honor-list .list .row3 b{
    font-size: 24px;
    font-family: "MiSansMedium";
    font-weight: bold;
}
.section-honor-list .list .row3 span{
    font-size: 14px;
    font-family: "MiSansMedium";
    color: #B2B2B2;
    margin: 10px 0 0 5px;
}
.section-honor-list .list:hover{
    /* background-color: #F19176; */
    color: #fff;
}
.section-honor-list .list:hover .row1{
    color: #fff;
}
.section-honor-list .list:hover .row3 span{
    color: #fff;
}
.section-honor-list .list:hover .imgbox{
    -webkit-transform: scale(1.2);
       -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
}


.section-contact-us-1{
    background-color: #FFFCF3;
    padding: 70px 0 0;
}
.section-contact-us-1 .content{
    margin-top: 50px;
}
.section-contact-us-1 .img{
    width: 100%;
}
.section-contact-us-2{
    background-color: #FFFCF3;
    padding: 40px 0;
}
.section-contact-us-2 .item-list{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
}
.section-contact-us-2 .item-list .list{
    -webkit-box-flex: 1;
    -webkit-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    background-color: #F5F2E6;
    padding: 30px 0;
    text-align: center;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
}
.section-contact-us-2 .item-list .list .imgbox{
    width: 34px;
    height: 34px;
    margin: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.section-contact-us-2 .item-list .list .img{
    max-width: 100%;
    max-height: 100%;
}
.section-contact-us-2 .item-list .list .row1{
    font-size: 14px;
    font-family: "MiSansNormal";
    margin-top: 8px;
    color: rgba(0, 0, 0, 0.5);
}
.section-contact-us-2 .item-list .list .row2{
    font-size: 14px;
    font-family: "MiSansNormal";
    margin-top: 8px;
}
.section-contact-us-2 .item-list .list:hover{
    background-color: #fff8de;
    -webkit-transform: scale(1.12);
       -moz-transform: scale(1.12);
        -ms-transform: scale(1.12);
         -o-transform: scale(1.12);
            transform: scale(1.12);
}
.section-contact-us-3{
    background-color: #FFFCF3;
    padding: 0 0 70px;
}
.section-contact-us-3 .img{
    width: 100%;
}