:root{
    --color:#b91e2d;
}

/* @font-face {
    font-family: 'hm';
    src: url('../fonts/HarmonyOS_Sans_SC_Thin.ttf') format('woff');
    font-weight: 100;
    font-display: swap;
}

@font-face {
    font-family: 'hm';
    src: url('../fonts/HarmonyOS_Sans_SC_Light.ttf') format('woff');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'hm';
    src: url('../fonts/HarmonyOS_Sans_SC_Regular.ttf') format('woff');
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: 'hm';
    src: url('../fonts/HarmonyOS_Sans_SC_Medium.ttf') format('woff');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'hm';
    src: url('../fonts/HarmonyOS_Sans_SC_Bold.ttf') format('woff');
    font-weight: bold;
    font-display: swap;
} */

body{
    font-family: sans-serif;
}

@media(max-width:768px){
    .w_96{width: 80%;}
}

.shadow_yellow{transition: .3s;}
.shadow_yellow:hover{box-shadow: 0px 0px 1em 0px rgba(230, 147, 19, .5);}

/*Top003084 */
.Top003084{position: fixed; left: 0; width: 100%;color: #fff; z-index: 100; transition: .3s;}
.Top003084 .logo{position: relative;}
.Top003084 .logo.active{animation: logoActive 3s ease-in-out both;}
.Top003084 .auto{display: flex; align-items: center; justify-content: space-between; width: 83.33333333333333%}
.Top003084 .logo img.active{display: none;}
.Top003084 menu li.aon span a{position: relative; color: var(--color);}
.Top003084 menu li.aon span a::after{position: absolute; z-index: 2; content: ""; left: 0; border-radius: 9999px; bottom: 0; transform: translateY(50%); width: 100%; height: 4px; background-color: var(--color);}
.Top003084 menu li span{ display: block;}
.Top003084 .open-search{position: relative; margin-left: calc(35/16 * 1em); display: block; mask: url(../images/search.svg) no-repeat center; background-color: currentColor; color: #fff; -webkit-mask:url(../images/search.svg) no-repeat center; -webkit-mask-size: cover; mask-size: cover; width: calc(18/16 * 1em); height: calc(18/16 * 1em);}
.Top003084 .open-search.on{mask: none; -webkit-mask: none;}
.Top003084 .top-search{position: absolute;right: 0; top:100%;background: #fff; width: 400px;padding-right: 40px;}
.search-show .Top003084 .top-search{display: block;}
.Top003084 .top-search .text{width: 100%;height: 40px;line-height: 40px; border: 0;padding: 0 10px; box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.1);}
.Top003084 .top-search .btn{position: absolute;right: 0;top:0; width: 40px;height: 40px;background: url(../images/search.svg) no-repeat center center #333;}
.Top003084 .top-lang{position: relative; z-index: 100; display: flex; align-items: center;}
.Top003084 .top-lang .cur{ display: flex; align-items: center; background-size: auto 100%; position: relative; z-index: 1;height: calc(25/16 * 1em);}
.Top003084 .top-lang .cur::after{width: 8px; height: 8px; margin-left: calc(10/16 * 1em); content: '';border-top: 2px solid #fff;border-right: 2px solid #fff; transform: rotate(135deg); margin-top: -3px;}
.Top003084 .top-lang .cur::before{content: ""; margin-right: .5em; width: calc(18/16 * 1em); height: calc(18/16 * 1em); mask: url(../images/languague.svg) no-repeat center; background-color: currentColor; -webkit-mask:url(../images/languague.svg) no-repeat center; -webkit-mask-size: cover; mask-size: cover;}
.Top003084 .lang-list{position: absolute; left: 50%; width: 120px;margin-left: -60px; z-index: 100;background: #fff;border-radius: 0 0 5px 5px; top: 100%; padding: 10px 0;display: none;}
.Top003084 .lang-list a{display: block;line-height: 30px;text-align: center;}
.Top003084 .right .line{width: 1px; height: 1em; background-color: rgba(255, 255, 255, .5); content: ""; margin:0 calc(26/16 * 1em);}
.Top003084 .right{display: flex; align-items: center;}
.Top003084 .right .operate{display: flex; align-items: center;}
.Top003084 .right .operate a{color: #333; padding: 0 calc(18/16 * 1em); height: calc(36/16 * 1em); border-radius: 9999px; border: 1px solid rgba(0,0,0,0.5); display: flex; align-items: center; justify-content: center;}
.Top003084 .right .operate a:nth-of-type(1){margin-right: calc(20/1920 * 100vw);}
.Top003084 .right .operate::before{content: ""; width: 1px; height: 1em; background-color: rgba(0,0,0,0.5); margin: 0 calc(40/1920 * 100vw);}
.Top003084 .right .search{position: relative;}

.Top003084 menu li span a{font-size: calc(18/16 * 1em); font-weight: 500; color: #fff;}
.Top003084.scroll{background-color: rgba(255, 255, 255, .9); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);}
.Top003084.scroll .open-search{color: #333;}
.Top003084.scroll .open-menu i{background-color: #000;}
.Top003084.scroll .open-search.on:before,.Top003084.scroll .open-search.on:after{background-color: #000;}
.Top003084.scroll .logo img.active{display: block;}
.Top003084.scroll .open-search{background-image: url(../images/search_active.svg);}
.Top003084.scroll .top-lang .cur{background-image: url(../images/languague_active.svg); color: #333;}
.Top003084.scroll .top-lang .cur:after{border-color: #333;}

.Top003084 .sub{ padding: calc(40/1920 * 100%) 0; width: 100%; display: none; left: 0 !important; }
.Top003084 .sub::before{content: ""; position: absolute; left: 0; top: 0; width: 100%; padding-bottom: calc(13/1920 * 100%); background: url(../images/sub_border_top.png) no-repeat center top; background-size: 100%;}
.Top003084 .sub .subBox{max-width: 1290px; width: 96%; margin: 0 auto; display: flex; align-items: center;}
.Top003084 .sub .subBox dl{margin-left: calc(70/16 * 1em);}
.Top003084 .sub .subBox dt:not(:nth-last-of-type(1)){margin-bottom: 1em;}
.Top003084 .sub .subBox .sub_img figure{width: calc(270/16 * 1em); height: calc(180/16 * 1em); display: none;}
.Top003084 .sub dt a{font-weight: 500; color: #333;}
.Top003084 .sub dt.active a{color: var(--color);}
.Top003084 .sub dt span{position: relative; display: flex; align-items: center;}
.Top003084 .sub dt.active span:hover:after{content: "";width: calc(18 / 16* 1em);height: calc(12 / 16* 1em);mask: url(../images/arrow.svg) no-repeat center;background-color: currentColor;-webkit-mask: url(../images/arrow.svg) no-repeat center;-webkit-mask-size: cover;mask-size: cover;margin-left: calc(40/16 * 1em);}
.Top003084 .sub dt span i{display: none;}
@media (min-width:1025px) {
.Top003084.scroll li span a{color: #333;}
.Top003084 menu li{float: left;min-height:100px;}
.Top003084 menu li span a{line-height: 100px; display: block; position: relative;}
.Top003084 menu li:not(:last-child){margin-right: calc(90/1920 * 100vw);}
.Top003084 .sub{position: absolute; background-color: rgba(255, 255, 255, .9);}
}
@media (max-width:1024px) {
.Top003084 menu{position: absolute;right: 0; top: -100%; transform:translateY(-100%);opacity:0;z-index: 100;width: 100%;background: rgba(0,0,0,0.5); padding: 2vw; transition: transform 0.3s;}
.Top003084 menu li{ border-bottom: 1px solid rgba(255,255,255,0.2);}
.Top003084 menu li span{padding: 10px 0;}
.Top003084 .auto{padding: .5em 0;}
.Top003084 .logo{display: table; height: 50px;}
.Top003084 .logo a{display: table-cell;; vertical-align: middle;}
.Top003084 .logo img{max-height: 35px;}
.Top003084 .open-menu{position: relative; display: block; width: 24px; margin-left: 1em;}
.menu-show .Top003084 menu{ top: 100%; transform:translateY(0);opacity:1;}
.open-menu i{height: 2px;}
.Top003084 .right .operate a{height: calc(30/16 * 1em); padding: 0 .5em;}
.Top003084 .top-search{max-width: 40vw;}
.Top003084 .sub dt a{color: #fff;}
.Top003084 .sub .subBox .sub_img figure{font-size: .5em;}
.Top003084 .sub dt span{padding: 0;}
.Top003084 .sub .subBox dt:not(:nth-last-of-type(1)){margin-bottom: .5em;}
.Top003084 .open-search{mask-size: 80%; -webkit-mask-size: 80%;}
.Top003084 .top-lang .cur::before{mask-size: 80%; -webkit-mask-size: 80%;}
}

@media(max-width:480px){
    .Top003084 .open-menu{width: 20px; margin-left: .5em;}
    .Top003084 .logo img{max-height: 30px;}
}

@media(min-width:1025px){
    @keyframes logoActive {
        0%{
            top: 50vh;
            left: -15vw;
            opacity: 0;
        }
        100%{
            top: 0;
            left: 0;
            opacity: 1;
        }
    }
}

@media(max-width:1024px){
    @keyframes logoActive {
        0%{
            top: 200px;
            left: -15vw;
            opacity: 0;
        }
        100%{
            top: 0;
            left: 0;
            opacity: 1;
        }
    }
}


@media(max-width:1024px){
    .app_padding{padding: 4em 0 !important;}
}



/*Banner003069 */
.Banner003069{position: relative; z-index: 1;}
.Banner003069 .txt{position: absolute; left: 0;top: calc(50% + 50/16 * 1em); transform: translateY(-50%); text-align: center; width: 100%; z-index: 10;color: #fff; }
.Banner003069 .txt .cn{font-size: calc(60/16 * 1em); font-weight: bold;}
.Banner003069 .Ispic img{width: 100%;}
.Banner003069 .control{position: absolute; width: 100%; left: 0; bottom: calc(85/960 * 100%); z-index: 1;}
.Banner003069 #ban-controls{display: flex; justify-content: space-between; align-items: start;}
.Banner003069 .slick-arrow{width: calc(70/16 * 1em); color: #fff; height: calc(70/16 * 1em); position: relative; font-size: 1em; border: 1px solid #d69017; text-indent: -9999px; overflow: hidden; border-radius: 50%; background-color: #d69017;}
.Banner003069 .slick-arrow::after{content: "";  width: calc(18/16 * 1em); height: calc(12/16 * 1em); position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);  mask: url(../images/arrow.svg) no-repeat center; background-color: currentColor; -webkit-mask:url(../images/arrow.svg) no-repeat center; -webkit-mask-size: cover; mask-size: cover;}
.Banner003069 .slick-arrow.slick-prev{transform: rotate(180deg); margin-right: calc(20/16 * 1em);}
.Banner003069 .slick-arrow.slick-disabled{background-color: transparent; border-color: #fff; opacity: .5;}
.Banner003069 .slick-pages{color: rgba(255, 255, 255, .5); font-size: calc(24/16 * 1em);}
.Banner003069 .slick-pages span{ line-height: 1;}
.Banner003069 .slick-pages span.cur{color: #fff;}
.Banner003069 .slick-pages i{font-style: normal; margin: 0 1em;}
.Banner003069 .slider video{position: absolute; width: 100%; height: 100%;left: 0; top: 0;object-fit: cover;-o-object-fit: cover; z-index: -1;}
.Banner003069 .slider video.play{z-index: 1;}
.Banner003069 .videoPlay{width: calc(120/16 * 1em); animation: flicker 2s linear alternate-reverse infinite; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); cursor: pointer; height: calc(120/16 * 1em); background: url(../images/videoPlay.png) no-repeat center; background-size: cover;}
.Banner003069 li figure img{transition: 4s; transform: scale(1.1);}
.Banner003069 li.active figure img{transform: scale(1);}
.Banner003069 .control .arrowBox{opacity: 0; transition: .3s;}
.Banner003069:hover .control .arrowBox{opacity: 1;}
@media(min-width:1025px){
    .Banner003069 .Ispic .wap{display: none;}
}
@media(max-width:1024px){
    .Banner003069 .Ispic .pc{display: none;}
    .Banner003069 .slick-arrow{font-size: .5em;}
    .Banner003069 .slick-pages{font-size: 1em;}
    .Banner003069 .videoPlay{font-size: .5em;}
}

@keyframes flicker {
    0%{
        opacity: 1;
    }
    100%{
        opacity: 0;
    }
}



.home_title aside{font-weight: 700; line-height: 1; font-size: calc(46/16 * 1em); color: #333;}
.home_title p{font-size: calc(18/16 * 1em); line-height: calc(30/18); color: #333; margin: 0; margin-top: 1em;}

.home_feature{background-size: cover; background-position: center; padding: calc(120/1920 * 100%) 0 calc(180/1920 * 100%);}
.home_feature .home_feature_list{display: flex; align-items: center; flex-wrap: wrap; margin-top: calc(20/1600 * 100%); justify-content: space-between;}
.home_feature .home_feature_list li{width: calc(220/1600 * 100%); border-radius: 9999px; box-shadow: 0px 0px 1em 0px rgba(0,0,0,0.1); position: relative; background: url(../images/home_feature_li_back.png) no-repeat center; background-size: cover;display: flex
;align-items: center; padding: 3.35vw 2vw;}
.home_feature .home_feature_list li .inner{ width: 100%; /*position: absolute; left: 0; top: 50%; transform: translateY(-50%);*/}
.home_feature .home_feature_list li .icon{width: calc(86/16 * 1em); height: calc(86/16 * 1em); margin: 0 auto; display: flex; align-items: center; justify-content: center; border-radius: 50%; border: 1px dotted #b9ceb1;}
.home_feature .home_feature_list li .icon img{max-width: calc(53/86 * 100%);}
.home_feature .home_feature_list li .icon figure{display: none;}
.home_feature .home_feature_list li aside{font-size: calc(24/16 * 1em); margin-top: calc(37/24 * 1em); padding-bottom: calc(18/24 * 1em); text-align: center; color: #333; position: relative;}
.home_feature .home_feature_list li aside::after{content: ""; left: 50%; transform: translateX(-50%); bottom: 0; position: absolute; width: calc(26/24 * 1em); height: 3px; background-color: #29760b;}
.home_feature .home_feature_list li p{margin: 0; font-size: calc(18/16 * 1em); line-height: calc(34/18); color: #fff; position: relative; padding-left: 1em;}
.home_feature .home_feature_list li p::before{content: ""; width: 8px; height: 8px; border-radius: 50%; border: 2px solid #de9114; left: 0; top: .7em; position: absolute;}



@media(min-width:1025px){
    .home_feature .home_feature_list li:not(.active) .li_c{display: none;}
    .home_feature .home_feature_list li.active .icon{width: calc(130/16 * 1em); height: calc(130/16 * 1em);}
    .home_feature .home_feature_list li.active{width: calc(440/1600 * 100%); background-image: url(../images/home_feature_li_active_back.png);}
    .home_feature .home_feature_list li.active aside{font-size: calc(36/16 * 1em); color: #fff;}
    .home_feature .home_feature_list li.active aside::after{border-radius: 9999px; background-color: #de9114;}
    .home_feature .home_feature_list li.active .li_c{max-width: 80%; margin: 0 auto; margin-top: calc(20/16 * 1em); display: flex; flex-direction: column; align-items: center;}
    .home_feature .home_feature_list li.active .more{display: flex; margin-top: calc(55/16 * 1em); align-items: center; justify-content: center;}
    .home_feature .home_feature_list li.active .more a{width: calc(70/16 * 1em); color: #fff; height: calc(70/16 * 1em); position: relative; font-size: 1em; border: 1px solid #d69017; text-indent: -9999px; overflow: hidden; border-radius: 50%; background-color: #d69017;}
    .home_feature .home_feature_list li.active .more a::after{content: "";  width: calc(18/16 * 1em); height: calc(12/16 * 1em); position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);  mask: url(../images/arrow.svg) no-repeat center; background-color: currentColor; -webkit-mask:url(../images/arrow.svg) no-repeat center; -webkit-mask-size: cover; mask-size: cover;}
    .home_feature .home_feature_list li.active img{display: none;}
    .home_feature .home_feature_list li.active figure{display: block; width: calc(68/16 * 1em); height: calc(60/16 * 1em); mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; -webkit-mask-size: 100% auto; mask-size: 100% auto; -webkit-mask-position: center; mask-position: center; background-color: #fff;}
   
}

@media(max-width:1024px){
    .home_feature .home_feature_list li{padding-bottom: 0; /*height: calc(390/16 * 1em);*/ margin-right: 2em; box-shadow: none;}
    .home_feature .home_feature_list li{  background-image: url(../images/home_feature_li_active_back.png);}
    .home_feature .home_feature_list li aside{font-size: calc(36/16 * 1em); color: #fff;}
    .home_feature .home_feature_list li aside::after{border-radius: 9999px; background-color: #de9114;}
    .home_feature .home_feature_list li .li_c{max-width: 80%; margin: 0 auto;/* margin-top: calc(20/16 * 1em); */display: flex; flex-direction: column; align-items: center;}
    .home_feature .home_feature_list li .more{display: flex; margin-top: calc(55/16 * 1em); align-items: center; justify-content: center;}
    .home_feature .home_feature_list li .more a{width: calc(70/16 * 1em); color: #fff; height: calc(70/16 * 1em); position: relative; font-size: 1em; border: 1px solid #d69017; text-indent: -9999px; overflow: hidden; border-radius: 50%; background-color: #d69017;}
    .home_feature .home_feature_list li .more a::after{content: "";  width: calc(18/16 * 1em); height: calc(12/16 * 1em); position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);  mask: url(../images/arrow.svg) no-repeat center; background-color: currentColor; -webkit-mask:url(../images/arrow.svg) no-repeat center; -webkit-mask-size: cover; mask-size: cover;}
    .home_feature .home_feature_list li img{display: none;}
    .home_feature .home_feature_list li figure{display: block !important; width: calc(68/16 * 1em); height: calc(60/16 * 1em); mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; -webkit-mask-size: 100% auto; mask-size: 100% auto; -webkit-mask-position: center; mask-position: center; background-color: #fff;}


    .home_feature .home_feature_list{gap:calc(16/16 * 1em) 2.5%; width: calc(80% + 2em); margin: 0 auto; display: block; margin-top: 2em; justify-content: center;}
    .home_feature .home_feature_list li aside{font-size: calc(24/16 * 1em);}
    .home_feature .home_feature_list li .icon{font-size: .5em;}
    .home_feature .home_feature_list li p{font-size: calc(16/16 * 1em); text-align: center;}
    .home_feature .home_feature_list li {width: calc(440 / 1600 * 3/2 * 100%);}
    .home_feature .home_feature_list li .more{margin-top: .5em;}
    .home_feature .home_feature_list li .more a{font-size: .5em;}
    .home_feature .home_feature_list li aside{margin-top: .5em;}
    .home_feature .home_feature_list li figure{font-size: .8em;}
   /* .home_feature .home_feature_list li .li_c{margin-top: .5em;}*/

    .home_title aside{font-size: calc(24/16 * 1em);}
}

@media(max-width:768px){
    .home_feature .home_feature_list{width: calc(100% + 1em);}
    .home_feature .home_feature_list li{margin-right: 1em;/* height: calc(285/16 * 1em);*/}
    /* .home_feature .home_feature_list li.active aside{font-size: calc(16/16 * 1em);} 
    /* .home_feature .home_feature_list li aside{font-size: calc(16/16 * 1em);}
    .home_feature .home_feature_list li p{font-size: calc(12/16 * 1em);}*/
    .home_feature .home_feature_list li{padding: 1em 0; /*padding-bottom: 1em !important;*/}
    .home_feature .home_feature_list li p::before{width: 4px; height: 4px;}
    /*.home_feature .home_feature_list li .inner{position: relative; top: 0; left: 0; transform: none;}*/
}


.more.rectangle a{width: calc(156/16 * 1em); height: calc(52/16 * 1em); align-items: center; justify-content: center; color: #fff; display: flex; border-radius: 9999px; background-color: #e69313;}
.more.rectangle a span{display: flex; align-items: center;}
.more.rectangle a span::after{content: ""; transition: .3s; width: calc(18 / 16* 1em);height: calc(12 / 16* 1em);mask: url(../images/arrow.svg) no-repeat center;background-color: currentColor;-webkit-mask: url(../images/arrow.svg) no-repeat center;-webkit-mask-size: cover;mask-size: cover;margin-left: calc(18/16 * 1em);}
.more.rectangle a:hover span::after{margin-left: .5em;}

.home_product{background-size: cover; overflow: hidden; background-position:bottom center; padding: calc(140/1920 * 100%) 0; margin-top: calc(-80/1920 * 100%);}
.home_product .auto{display: flex; justify-content: space-between; flex-wrap: wrap;}
.home_product .home_product_text{width: calc(1258/1600 * 100%); position: relative;}
.home_product .home_product_text .home_title{position: absolute; top: calc(0/890 * 100%);}
.home_product .home_product_text li{display: flex; align-items: start; justify-content: space-between;}
.home_product .home_product_text li aside{font-size: calc(36/16 * 1em); position: relative; line-height: 1; font-weight: 700; color: #333;}
.home_product .home_product_text li aside::after{content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: #cacaca;}
.home_product .home_product_text li aside span{display: inline-block; padding-bottom: calc(30/36 * 1em); position: relative;}
.home_product .home_product_text li aside span::after{content: ""; z-index: 1; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: #b91e2d;}
.home_product .home_product_text li p{font-size: calc(18/16 * 1em); font-weight: 500; margin: 0; line-height: calc(34/18);}
.home_product .home_product_text li p.intro{margin-top: calc(32/18 * 1em); margin-bottom: calc(22/18 * 1em);}
.home_product .home_product_text .textBox{width: calc(400/1258 * 100%); margin-top: calc(200/1258 * 100%);}
.home_product .home_product_text figure{width: calc(835/1258 * 100%); background-size: cover; position: relative;}
.home_product .home_product_text figure::before{content: ""; position: absolute; width: calc(106/16 * 1em); height: calc(70/16 * 1em); background: url(../images/leaf1.png) no-repeat center; background-size: cover;}
.home_product .home_product_text figure::after{content: ""; position: absolute; width: calc(111/16 * 1em); height: calc(121/16 * 1em); background: url(../images/leaf2.png) no-repeat center; background-size: cover;}
.home_product .home_product_text .more{margin-top: calc(50/16 * 1em);}
.home_product .home_product_text li.slick-current figure::before{animation: leaf_left 5s linear both;}
.home_product .home_product_text li.slick-current figure::after{animation: leaf_right 5s linear both;}


@keyframes leaf_left{
    0%{
        left: calc(-20/835 * 100%);
        top: calc(0/813 * 100%);
        transform: rotateY(0deg);
    }
    25%{
        left: calc(140/835 * 100%);
        top: calc(20/813 * 100%);
    }
    50%{
        left: calc(20/835 * 100%);
        top:  calc(50/813 * 100%);
    }
    75%{
        left: calc(120/835 * 100%);
        top:  calc(90/813 * 100%);
    }
    100%{
        left: calc(80/835 * 100%);
        top:  calc(140/813 * 100%);
        transform: rotateY(360deg);
    }
}

@keyframes leaf_right{
    0%{
        right: calc(-20/835 * 100%);
        top: calc(490/813 * 100%);
        transform: rotateY(0deg);
    }
    25%{
        right: calc(140/835 * 100%);
        top: calc(510/813 * 100%);
    }
    50%{
        right: calc(20/835 * 100%);
        top:  calc(540/813 * 100%);
    }
    75%{
        right: calc(120/835 * 100%);
        top:  calc(580/813 * 100%);
    }
    100%{
        right: calc(80/835 * 100%);
        top:  calc(630/813 * 100%);
        transform: rotateY(360deg);
    }
}

.home_product .home_product_page{width: calc(210/1600 * 100%); display: flex; align-items: center; justify-content: space-between;}
.home_product .home_product_page .home_product_page_list{width: calc(145/210 * 100%); position: relative;}
.home_product .home_product_page .home_product_page_list li{width: 100%; height: calc(145/16 * 1em); cursor: pointer; margin-bottom: .5em; border:1px solid transparent; display: flex; align-items: center; justify-content: center; border-radius: 50%;}
.home_product .home_product_page .home_product_page_list li .img{width: calc(120/145 * 100%); height: calc(120/145 * 100%); border:1px solid transparent; display: flex; align-items: center; justify-content: center; border-radius: 50%;}
.home_product .home_product_page .home_product_page_list li figure{width: calc(100/120 * 100%); height: calc(100/120 * 100%); 
    background-image: linear-gradient(to bottom,#dee1d8,#f8f9f6 70%); 
     background-image: -webkit-linear-gradient(to bottom,#dee1d8,#f8f9f6 70%); 
  background-image:    -moz-linear-gradient(to bottom,#dee1d8,#f8f9f6 70%);
  background-image:     -o-linear-gradient(to bottom,#dee1d8,#f8f9f6 70%);
    display: flex; align-items: center; justify-content: center;border-radius: 50%;}
.home_product .home_product_page .home_product_page_list li figure .imgBox{max-width: calc(54/100 * 100%); position: relative;}
.home_product .home_product_page .home_product_page_list li figure .imgBox::after{content: ""; position: absolute; right: 20%; bottom: -5px; z-index: 1; width: calc(49/16 * 1em); height: calc(13/16 * 1em); background: url(../images/home_product_shadow.png) no-repeat center; background-size: cover;}
.home_product .home_product_page .home_product_page_list li figure .imgBox img{position: relative; z-index: 2;}
.home_product .home_product_page .home_product_page_list li.slick-current{border-color: rgba(185, 30, 45, .2);}
.home_product .home_product_page .home_product_page_list li.slick-current .img{border-color: rgba(185, 30, 45, .5);}
.home_product .home_product_page .home_product_page_list li.slick-current figure{background-image: linear-gradient(to bottom,#b91e2d,#ffb5bb 70%);
    background-image: -webkit-linear-gradient(to bottom,#b91e2d,#ffb5bb 70%); 
  background-image:    -moz-linear-gradient(to bottom,#b91e2d,#ffb5bb 70%);
  background-image:     -o-linear-gradient(to bottom,#b91e2d,#ffb5bb 70%);
}
.home_product .home_product_page .slick-pages{display: flex; flex-direction: column; align-items: center;}
.home_product .home_product_page .slick-pages .slick-arrow{content: ""; font-size: 1em; text-indent: -9999px; overflow: hidden; width: calc(28/16 * 1em); height: calc(18/16 * 1em); margin-bottom: calc(20/16 * 1em); background: url(../images/home_product_nav.svg) no-repeat center; background-size: cover;}
.home_product .home_product_page .slick-pages .slick-arrow.slick-next{transform: rotate(180deg); margin-top: calc(20/16 * 1em);}
.home_product .home_product_page .slick-pages .cur{font-size: calc(24/16 * 1em); font-weight: 500; color: #333; line-height: 1;}
.home_product .home_product_page .slick-pages i{width: calc(20/16 * 1em); height: calc(15/16 * 1em); position: relative; margin: calc(10/16 * 1em) 0;}
.home_product .home_product_page .slick-pages i::before{content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) rotate(-30deg); width: 120%; height: 2px; background-color: #bfbfbe;}
.home_product .home_product_page .slick-pages .total{font-size: calc(18/16 * 1em); color: #999999; font-weight: 500;}

@media(min-width:1025px){
    .home_product .home_product_page .home_product_page_list li.last_li figure{position: relative; overflow: hidden;}
    .home_product .home_product_page .home_product_page_list li.last_li figure::after{content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; 
        background-image: linear-gradient(to bottom,transparent,rgba(255,255,255,1));
        background-image: -webkit-linear-gradient(to bottom,transparent,rgba(255,255,255,1)); 
  background-image:    -moz-linear-gradient(to bottom,transparent,rgba(255,255,255,1));
  background-image:     -o-linear-gradient(to bottom,transparent,rgba(255,255,255,1));
    }
}

@media(max-width:1024px){
    .home_product{margin-top: calc(-155/1920 * 100%);}
    .home_product .home_product_text{width: 100%;}
    .home_product .home_product_page{width: 100%; display: block;}
    .home_product .home_product_page .slick-pages{flex-direction: row; gap: 0 .5em; justify-content: center;}
    .home_product .home_product_page .slick-pages .slick-arrow.slick-prev{margin: 0;  transform: rotate(-90deg);}
    .home_product .home_product_page .slick-pages .slick-arrow.slick-next{margin: 0; transform: rotate(90deg);}
    .home_product .home_product_text li{flex-wrap: wrap;}
    .home_product .home_product_text .textBox{width: 100%; margin-top: 1em;}
    .home_product .home_product_text figure{margin: 1em auto;}
    .home_product .home_product_text .home_title{position: relative; top: 0;}
    .home_product .home_product_text li aside{font-size: calc(20/16 * 1em);}
    .home_product .home_product_text li p.intro{margin: 1em 0;}
    .home_product .home_product_text .more{margin-top: 1.5em;}
    .home_product .home_product_text li p{font-size: calc(16/16 * 1em);}
    .home_product .home_product_page .home_product_page_list{width: 100%; margin-top: 1em;}
    .home_product .home_product_page .home_product_page_list li{margin-bottom: 0; height: calc(120/16 * 1em);}
    .home_product .home_product_page .slick-pages i::before {transform: translate(-50%, -50%) rotate(120deg);}
    .home_product .home_product_page .home_product_page_list li figure .imgBox::after{font-size: .8em; right: 5%; bottom: -3px;}

    .home_product .home_product_text li.slick-current figure::before{font-size: .5em;}
    .home_product .home_product_text li.slick-current figure::after{font-size: .5em;}
}

@media(max-width:768px){
    .home_product{margin-top: calc(-175/1920 * 100%);}
    .home_product .home_product_page .home_product_page_list li{height: calc(74/16 * 1em);}
}

.home_system{background-size: cover; overflow: hidden; margin-top: calc(-65/1920 * 100%); padding: calc(144/1920 * 100%) 0 calc(35/1920 * 100%); background-position:bottom left; mask-image: url(../images/home_system.png); -webkit-mask-image: url(../images/home_system.png); mask-size: cover; -webkit-mask-size: cover;}
.home_system .home_title{text-align: center;}
.home_system .home_title aside{color: #fff;}
.home_system .home_title p{color: #fff;}
.home_system .home_system_img_box{position: relative; padding: calc(160/1600 * 100%) 0;}
.home_system .img_list_box{width: calc(830/16 * 1em); height: calc(830/16 * 1em); bottom: 0; transform:translateY(32%) translateX(calc(-35/1600 * 100%)); position: absolute; background: url(../images/home_system_circle.png) no-repeat top center; background-size: cover;  }
.home_system .home_system_img{position: absolute;}
.home_system .home_system_img_box .img_list{width: calc(704/830 * 100%); height: calc(704/830 * 100%); border-radius: 50%; overflow: hidden; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.home_system .home_system_img_box .img_list figure{padding-bottom: calc(503/704 * 100%);background-size: cover; display: none;}
.home_system .home_system_img_box .home_system_img_swiper { position: absolute; bottom: 0; left: calc(151/830 * 100%); width: calc(769/830 * 100%); height: calc(100% + 70/830 * 100%);}
.home_system .home_system_img_box .home_system_img .slick-list{height: 100%;}
.home_system .home_system_img_box .home_system_img .slick-track{height: 100%;}
.home_system .home_system_img_box .home_system_img li{height: 100%; position: relative; transition: .3s; pointer-events: none;}
.home_system .home_system_img_box .home_system_img li .img{position: absolute;}
.home_system .home_system_img_box .home_system_img li figure{position: absolute; cursor: pointer; pointer-events: all; left: 50%; top: 50%; transform: translate(-50%,-50%); transition: .3s;}
.home_system .home_system_img_box .home_system_img li aside{position: absolute; cursor: pointer; pointer-events: all; z-index: 2; white-space: nowrap; transition: .3s;}
.home_system .home_system_img_box .home_system_img li aside{font-size: calc(18/16 * 1em); z-index: 2; color: #fff;}
.home_system .home_system_img_box .home_system_img li figure{width: 1em; height: 1em; border-radius: 50%; border: .25em solid rgba(255, 255, 255, .8);}
.home_system .home_system_img_box .home_system_img li.active figure{width: calc(90/16 * 1em); height: calc(90/16 * 1em); border: calc(15/16 * 1em) solid rgba(230,147,19,.5);}
.home_system .home_system_img_box .home_system_img li.active figure .icon{width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background-color: #e69313; border-radius: 50%;}
.home_system .home_system_img_box .home_system_img li.active aside{color: #e69313;}
.home_system .home_system_img_box .home_system_img li.active img{display: block; max-width: calc(33/60 * 100%);}
.home_system .home_system_img_box .home_system_img li figure img{display: none;}
.home_system .home_system_img_box .home_system_img li.current_zero .img{left: calc(50/193 * 100%); top: calc(129/886 * 100%);}
.home_system .home_system_img_box .home_system_img li.current_zero aside{left: calc(10/193 * 100%); top: calc(40/886 * 100%);}
.home_system .home_system_img_box .home_system_img li.current_one .img{left: calc(107/193 * 100%); top: calc(72/886 * 100%);}
.home_system .home_system_img_box .home_system_img li.current_one aside{left: calc(72/193 * 100%); top: calc(14/886 * 100%);}
.home_system .home_system_img_box .home_system_img li.active.current_one aside{top: 0;}
.home_system .home_system_img_box .home_system_img li.current_two .img{left: calc(151/193 * 100%); top: calc(172/886 * 100%);}
.home_system .home_system_img_box .home_system_img li.current_two aside{left: calc(189/193 * 100%); top: calc(144/886 * 100%);}
.home_system .home_system_img_box .home_system_img li.active.current_two aside{left: calc(193/193 * 100%);}
.home_system .home_system_img_box .home_system_img li.current_three .img{left: calc(85/193 * 100%); top: calc(364/886 * 100%);}
.home_system .home_system_img_box .home_system_img li.current_three aside{left: calc(101/193 * 100%); top: calc(350/886 * 100%);}
.home_system .home_system_img_box .home_system_img li.active.current_three aside{left: calc(123/193 * 100%);}
.home_system .home_system_img_box .home_system_img li:not(.current_zero,.current_one,.current_two,.current_three){opacity: 0;}
.home_system .home_system_text_box{width: calc(520/1600 * 100%); margin-left: auto;}
.home_system .home_system_text_box li aside{font-size: calc(36/16 * 1em); font-weight: 700; color: #fff;}
.home_system .home_system_text_box li p{margin:calc(29/18 * 1em) 0 calc(60/18 * 1em); font-size: calc(18/16 * 1em); line-height: calc(34/18); font-weight: 500; color: #fff;}
.home_system .home_system_text_box .control{display: flex; align-items: center; justify-content: space-between; margin-top: calc(120/520 * 100%);}
.home_system .home_system_text_box .control .slick-pages{font-size: calc(20/16 * 1em); color: rgba(255, 255, 255, .5);}
.home_system .home_system_text_box .control .cur{color: #fff;}
.home_system .home_system_text_box .control i{font-style: normal; margin: 0 calc(16/20 * 1em);}
.home_system .home_system_text_box .control .lineBox{width: calc(100% - 100/16 * 1em); height: 1px; background-color: rgba(255, 255, 255, .5);}
.home_system .home_system_text_box .control .lineBox .line{transition: .3s; background-color: #fff; height: 100%; width: 0%;}
@media(max-width:1920px){
    .home_system .img_list_box{font-size: calc(16/1920 * 100vw);}
}

@media(max-width:1024px){
    .home_system .home_title{text-align: start;}
    .home_system{margin-top: calc(-150/1920 * 100%); padding-top: 4em;}
    .home_system .home_system_img_box .home_system_img li aside{font-size: calc(28/16 * 1em);}
    .home_system .home_system_img_box .home_system_img li.current_three aside{left: calc(77 / 193* 100%); top: calc(385 / 886* 100%);}
    .home_system .home_system_img_box .home_system_img li.active.current_three aside {left: calc(77 / 193* 100%); top: calc(400 / 886* 100%);}
    .home_system .img_list_box{font-size: calc(24/1920 * 100vw); left: 50%; transform: translateX(-50%) translateY(32%) ;}
    .home_system .home_system_img_box{padding-bottom: calc(350/16 * 1em);}
    .home_system .home_system_text_box{width: 100%;}
    .home_system .home_system_text_box .control{margin-top: calc(60/1600 * 100%);}
    .home_system .home_system_text_box li aside{font-size: calc(20/16 * 1em);}
    .home_system .home_system_text_box li p{margin: .5em 0;}
}

@media(max-width:768px){
    .home_system {margin-top: calc(-195 / 1920* 100%); }
    .home_system .img_list_box{font-size: calc(30/1920 * 100vw);}
    .home_system .home_system_img_box{padding-bottom: calc(300/16 * 1em);}
}

.home_partybuild{padding: calc(105/1920 * 100%) 0 calc(90/1920 * 100%); position: relative; z-index: 1; overflow: hidden; margin-top: calc(-50/1920 * 100%); background-size: cover; background-position: center;}
.home_partybuild .home_partybuild_title{display: flex; flex-wrap: wrap; align-items: end; justify-content: space-between;}
.home_partybuild .home_partybuild_title .home_title aside{color: #fff;}
.home_partybuild .home_partybuild_title .home_title p{color: #fff;}
.home_partybuild .home_partybuild_title .more{margin-top: .5em;}
.home_partybuild .home_partybuild_list{width: calc(100% + 30/16 * 1em); margin-top: calc(80/1600 * 100%);}
.home_partybuild .home_partybuild_list li{margin-right: calc(30/16 * 1em);}
.home_partybuild .home_partybuild_list li a{display: block; position: relative; overflow: hidden; background-color: rgba(255, 255, 255, .1); border-radius: calc(30/16 * 1em); width: 100%; height: 100%; padding: calc(40/515 * 100%);}
.home_partybuild .home_partybuild_list li a::after{content: ""; position: absolute; width: 100%; height: 100%; top: 0; transform: translateY(100%); transition: .3s; background-color: rgba(230, 147, 19, .5); z-index: -1; left: 0;}
.home_partybuild .home_partybuild_list li .textBox{display: flex; align-items: center; justify-content: space-between;}
.home_partybuild .home_partybuild_list li a figure{width: calc(150/440 * 100%); border-radius: calc(12 / 16* 1em); padding-bottom: calc(100/440 * 100%); background-size: cover;}
.home_partybuild .home_partybuild_list li a aside{font-size: calc(22/16 * 1em); width: calc(260/440 * 100% ); color: #fff; line-height: calc(34/22);}
.home_partybuild .home_partybuild_list li a time{display: flex; align-items: center; justify-content: space-between; margin-top: calc(47/16 * 1em); font-weight: 500; color: #fff;}
.home_partybuild .home_partybuild_list li a time::after {content: "";transition: .3s;width: calc(18 / 16* 1em);height: calc(12 / 16* 1em);mask: url(../images/arrow.svg) no-repeat center;background-color: currentColor;-webkit-mask: url(../images/arrow.svg) no-repeat center;-webkit-mask-size: cover;mask-size: cover;}
.home_partybuild .home_partybuild_list li a:hover::after{transform: translateY(0);}
.home_partybuild .slick-dots{list-style: none; display: flex; justify-content: center; gap: 0 calc(30/1600 * 100%); margin-top: calc(58/1600 * 100%);}
.home_partybuild .slick-dots li{width: 13px; height: 13px; border: 2px solid rgba(255, 255, 255, .5); border-radius: 50%;}
.home_partybuild .slick-dots li.slick-active{background-color: #fff;}
.home_partybuild .slick-dots button{display: none;}

@media(max-width:1024px){
    .home_partybuild{margin-top: calc(-115/1920 * 100%); padding: calc(120/1920 * 100%) 0; padding: 5em 0 4em;}
    .home_partybuild .home_partybuild_list li a time{margin-top: 1em;}
    .home_partybuild .home_partybuild_list li a aside{font-size: calc(16/16 * 1em);}
}

/* @media(max-width:768px){
    .home_partybuild{padding-top: 8em;}
} */

.home_news{background-size: cover; background-position: center; position: relative;  padding: calc(150/1920 * 100%) 0 calc(200/1920 * 100%); margin-top: calc(-26/1920 * 100%);}
.home_news .home_title{text-align: center;}
.home_news .home_news_c{margin-top: calc(70/1600 * 100%); display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}
.home_news .home_news_slider{width: calc(660/1600 * 100%);}
.home_news .home_news_slider li{overflow: hidden;  border-radius: calc(28/16 * 1em);}
.home_news .home_news_slider li a{display: block; transition: .3s; position: relative; padding-bottom: calc(440/660 * 100%); border-radius: calc(28/16 * 1em); background-size: cover; background-position: center;}
.home_news .home_news_slider li a::after{content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 30%;
    background-image: linear-gradient(to top,rgba(0,0,0,.8),transparent); 
    background-image: -webkit-linear-gradient(to top,rgba(0,0,0,.8),transparent); 
    background-image:    -moz-linear-gradient(to top,rgba(0,0,0,.8),transparent);
    background-image:     -o-linear-gradient(to top,rgba(0,0,0,.8),transparent); 
}
.home_news .home_news_slider li a aside{position: absolute; z-index: 2; font-size: calc(24/16 * 1em); bottom: calc(40/440 * 100%); font-weight: 700; color: #fff; width: 100%; padding:0 calc(50/660 * 100%); padding-right: calc(13px * 5 + 18/24 * 4 * 1em + 50/660 * 100%);}
.home_news .home_news_slider li:hover a{transform: scale(1.05);}
.home_news .home_news_slider .slick-dots{position: absolute; list-style: none; display: flex; gap: 0 calc(18/16 * 1em); justify-content: end; bottom: calc(40/440 * 100%); z-index: 2;  padding:0 calc(50/660 * 100%); width: 100%;}
.home_news .home_news_slider .slick-dots button{display: none;}
.home_news .home_news_slider .slick-dots li{width: 13px; height: 13px; border: 2px solid rgba(255, 255, 255, .5); border-radius: 50%;}
.home_news .home_news_slider .slick-dots li.slick-active{background-color: #fff;}
.home_news .home_news_list{width: calc(865/1600 * 100%); display: flex; flex-wrap: wrap; justify-content: space-between; gap: calc(67/16 * 1em) 0;}
.home_news .home_news_list li{width: calc(400/865 * 100%); position: relative; padding-bottom: calc(40/16 * 1em); border-bottom: 1px solid #e3e4e2;}
.home_news .home_news_list li::after{content: ""; height: 1px; position: absolute; bottom: 0; width: 0%; transition: .3s; background-color: var(--color);}
.home_news .home_news_list li a{display: block; position: relative;}
.home_news .home_news_list li aside{font-size: calc(22/16 * 1em); line-height: calc(36/22); color: #333;}
.home_news .home_news_list li time{display: flex; align-items: center; color: #999999; justify-content: space-between; margin-top: calc(40/16 * 1em); font-weight: 500;}
.home_news .home_news_list li time::after {content: "";transition: .3s;width: calc(18 / 16* 1em);height: calc(12 / 16* 1em);mask: url(../images/arrow.svg) no-repeat center;background-color: currentColor;-webkit-mask: url(../images/arrow.svg) no-repeat center;-webkit-mask-size: cover;mask-size: cover;}
.home_news .home_news_list li:hover aside{color: var(--color);}
.home_news .home_news_list li:hover::after{width: 100%;}

@media(max-width:1024px){
    .home_news .home_title{text-align: start;}
    .home_news .home_news_slider{width: 100%; max-width: 660px; margin: 0 auto;}
    .home_news .home_news_list{width: 100%; margin-top: 1em; gap: 1em 0;}
    .home_news .home_news_list li aside{font-size: calc(18/16 * 1em);}
    .home_news .home_news_list li time{margin-top: 1em;}
    .home_news .home_news_list li{padding-bottom: 1em;}
    .home_news .home_news_slider li a aside{font-size: calc(18/16 * 1em); padding-right: calc(13px * 5 + 18/18 * 4 * 1em + 50/660 * 100%);}
}

/* @media(max-width:768px){
    .home_news{padding-top: 8em;}
} */

.publish_color{background-image: linear-gradient(to bottom,#ebefe7,#f5f6f4, #f4f5f3); 
    background-image: -webkit-linear-gradient(to bottom,#ebefe7,#f5f6f4, #f4f5f3); 
    background-image:    -moz-linear-gradient(to bottom,#ebefe7,#f5f6f4, #f4f5f3);
    background-image:     -o-linear-gradient(to bottom,#ebefe7,#f5f6f4, #f4f5f3);
}

.home_purchase{padding: calc(120/1920 * 100%) 0; background-size: cover; background-position: center; margin-top: calc(-88/1920 * 100%);}
.home_purchase .home_purchase_list{display: flex; flex-wrap: wrap; margin-top: calc(40/1600 * 100%); gap: 1em calc(144/1600 * 100%);}
.home_purchase .home_purchase_list li{width: calc(437/1600 * 100%);}
.home_purchase .home_purchase_list li a{padding-top: calc(160/437 * 100%); display: block; background: url(../images/home_purchase_back.png) no-repeat top center; background-size: 100% auto; }
.home_purchase .home_purchase_list li a figure{width: calc(86/437 * 100%); text-align: center; transition: .3s; padding-bottom: calc(20/16 * 1em); margin: 0 auto; margin-bottom: calc(20/16 * 1em); position: relative;}
.home_purchase .home_purchase_list li a figure::after{content: ""; position: absolute; width: 100%; height: calc(20/16 * 1em); left: 0; bottom: 0; background: url(../images/home_purchase_shadow.png) no-repeat top center; background-size: 100% auto;}
.home_purchase .home_purchase_list li aside{font-size: calc(26/16 * 1em); color: #333; text-align: center;}
.home_purchase .home_purchase_list li p{font-size: calc(18/16 * 1em); color: #333333; font-weight: 500; margin: 0 auto; margin-top: calc(13/18 * 1em); line-height: calc(30/18); text-align: center; max-width: 96%;}
.home_purchase .home_purchase_list li:hover figure{transform: scale(1.05);}
.home_purchase .home_purchase_list li:hover aside,.home_purchase .home_purchase_list li:hover p{color: var(--color);}

.home_purchase .home_purchase_list li .a-douy{position: relative;}
.home_purchase .home_purchase_list li .erweima-douy{position: absolute; left: 50%; top: 0; transform: translateX(-50%); width: 148px; height: 148px; display: none; z-index: 9;}

@media(max-width:1024px){
    .home_purchase{margin-top: calc(-150/1920 * 100%);}
    .home_purchase .home_purchase_list li aside{font-size: calc(18/16 * 1em);}
    .home_purchase .home_purchase_list li p{font-size: calc(14/16 * 1em);}
    .home_purchase .home_purchase_list li a figure{padding-bottom: calc(10/16 * 1em);}
    .home_purchase .home_purchase_list li a figure::after{height: calc(10/16 * 1em); background-size: 100% auto;}
}

@media(max-width:768px){
    /* .home_purchase{padding-top: 8em;} */
    .home_purchase .home_purchase_list li{width: 100%;}
}

.home_honor{padding: calc(50/1920 * 100%) 0 calc(40/1920 * 100%); position: relative; overflow: hidden; background-position: bottom center; background-size: cover; 
    background-image: linear-gradient(to bottom, #f5f6f4, #f4f5f3);
    background-image: -webkit-linear-gradient(to bottom, #f5f6f4, #f4f5f3); 
    background-image:    -moz-linear-gradient(to bottom, #f5f6f4, #f4f5f3);
    background-image:     -o-linear-gradient(to bottom, #f5f6f4, #f4f5f3);
}
.home_honor::after{content: ""; top: 100%; left: 0; width: 100%; position: absolute; height: 1px; background-color: #000; }
.home_honor .home_honor_c{display: flex; flex-wrap: wrap; margin-top: calc(120/1400 * 100%); width: 100%; align-items: start; justify-content: space-between;}
.home_honor .home_honor_text{width: calc(605/1600 * 100%); padding-left: calc(65/1600 * 100%); background: url(../images/home_honor_text_back.png) no-repeat left center;}
.home_honor .home_honor_text li{font-size: calc(18/16 * 1em); cursor: pointer; font-weight: 500; }
.home_honor .home_honor_text li p{margin: 0; line-height: calc(56/18);}
.home_honor .home_honor_text li.slick-current{color: var(--color);}
.home_honor .home_honor_img{width: calc(890/1600 * 100%);}
.home_honor .home_honor_img li{transition: .3s;}
.home_honor .home_honor_img li:not(.slick-current){transform: scale(.7923) translateX(50%);}
.home_honor .home_honor_img li.slick-current{position: relative; z-index: 2;}
.home_honor .home_honor_img li.slick-current + li{transform: scale(.7923) translateX(-50%);}
.home_honor .home_honor_img li .img{background: url(../images/home_honor_border.jpg) no-repeat center center;  background-size: 100% 100%; padding: calc(20/16 * 1em) calc(18/16 * 1em);}
.home_honor .home_honor_img li .img::before {
    content: "";
    position: absolute;
    width: calc(320 / 387* 100%);
    padding-bottom: calc(123 / 387* 100%);
    background: url(../images/home_honor_boxshadow.png) no-repeat center;
    background-size: cover;
    bottom: 0;
    transform: translateX(-30%);
    z-index: -1;
}
.home_honor .home_honor_img li .img figure{width: 100%; height: 100%; background-size:contain; background-position: center center; background-repeat:no-repeat}
.home_honor .home_honor_img .slick-list{perspective: 1000px;}
.home_honor .home_honor_img .slick-list .slick-track{transform-style: preserve-3d;}

@media(max-width:1024px){
    .home_honor{padding-bottom: 1em !important;}
    .home_honor .home_honor_text{width: 100%; padding-left: 2em; background-size: 1.7em auto;}
    .home_honor .home_honor_img{width: 100%; margin-top: 1em;}
    .home_honor .home_honor_img li .img{padding: calc(14/16 * 1em) calc(12/16 * 1em);}
}

@media(max-width:768px){
    /* .home_honor{padding-top: 4em;} */
    .home_honor .home_honor_img li .img{padding: calc(10/16 * 1em) calc(9/16 * 1em);}
}


footer{ position: relative; }
footer .footer_inner{padding-top: calc(122/1920 * 100%); position: relative; z-index: 2; background-position:bottom left; background-repeat: no-repeat; background-size: 100% 100%;}
footer::before{content: "" ; pointer-events: none; top: 0; margin-top: calc(-103/1920 * 100%); z-index: 3; position: absolute; background: url(../images/footer_before.png) no-repeat center; background-size: 100% auto; width: 100%; padding-bottom: calc(285/1920 * 100%);}
footer .other_nav{display: flex; align-items: center; justify-content: end;}
footer .other_nav .ul{display: flex; align-items: center; gap: calc(20/16 * 1em); margin-left: calc(30/16 * 1em);}
footer .other_nav .ul li a{display: flex; position: relative; align-items: center; justify-content: center; border-radius: 50%; width: calc(56/16 * 1em); height: calc(56/16 * 1em); background-color: rgba(255, 255, 255, .2);}
footer .other_nav .ul li a:hover{background-color: rgba(185, 30, 45, .8);}
footer .other_nav .ul li a:hover .li_c{display: block;}
footer .other_nav .ul li a img{max-width: calc(22/56 * 100%);}
footer .other_nav .ul li a .li_c{position: absolute; padding-bottom: 10px; left: 50%; transform: translateX(-50%); display: none; bottom: 100%; width: calc(140/16 * 1em);}
footer .other_nav .ul li a .li_c img{max-width: 100%;}
footer aside{font-size: calc(18/16 * 1em); font-weight: 500; color: #fff;}
footer .middle{display: flex; flex-wrap: wrap; justify-content: space-between; margin: calc(57/1600 * 100%) 0;}
footer .middle .info .tel{font-size: calc(28/16 * 1em); margin-top: calc(20/28 * 1em); display: block; color: #e69313;}
footer .middle .info p{font-size: calc(16/16 * 1em);font-weight: 500; color: rgba(255, 255, 255, .5); line-height: calc(36/16); margin: 0;}
footer .middle .info .content{margin-top: calc(13/16 * 1em);}
footer .middle .info .content p{ padding-left: 2em; position: relative; width: 420px;}
footer .middle .info .content p i{content: ""; position: absolute; left: 0;}
footer .middle nav{display: flex; flex-wrap: wrap; justify-content: space-between; width: calc(1015/1600 * 100%);}
footer .middle nav dt{margin-bottom: calc(22/16 * 1em);}
footer .middle nav dd{margin-bottom: calc(12/16 * 1em);}
footer .middle nav dt a{font-size: calc(18/16 * 1em); color: #fff;}
footer .middle nav a{color: rgba(255, 255, 255, .5); font-weight: 500;}
footer .b-bottom{display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; font-weight: 500; padding: calc(45/1600 * 100%) 0; border-top: 1px solid #335128;}
footer .b-bottom .right{display: flex; align-items: center;}
footer .b-bottom .right a{display: flex; align-items: center;}
footer .b-bottom .right a:not(:nth-last-of-type(1))::after{content: ""; margin: 0 calc(13/16 * 1em); width: 2px; height: 2px; background-color: rgba(255, 255, 255, .5); border-radius: 50%;}
footer .b-bottom *{color: rgba(255, 255, 255, .5);}
footer a:hover{color: var(--color) !important;}
footer.notBefore::before{display: none;}
footer.market_footer .footer_inner{background-color: #eaeee9;}

footer .b-bottom .ft-ba{background: url(../images/ft-ba.png) no-repeat; padding-left: 26px; background-size: contain; margin-left: 10px;}

@media(max-width:1024px){
    footer .footer_inner{background-position:bottom center; background-size: cover;}
    footer .footer_inner .auto{padding-top: 6em;}
    footer::before{margin-top: calc(60/1920 * 100%);}
    footer .other_nav{justify-content: start;}
    footer .middle nav{width: 100%; display: none; margin-top: 1em; gap: 1em 2.5%; justify-content: start;}
    footer .middle nav dl{width: 31.5%;}
    footer .b-bottom{justify-content: center; text-align: center;}
    footer .b-bottom .right{margin-top: 1em;}
    footer .other_nav .ul li a{font-size: calc(2/3 * 1em);}

}

@media(max-width:768px){
    footer::before{margin-top: calc(185/1920 * 100%);}
    footer .middle .info .content p{ width: 100%;}
}


.column_banner{position: relative; overflow: hidden; background-color: #ebefe7;}
.column_banner .text{position: absolute; text-align: center; z-index: 2; left: 50%; top: 50%; transform: translate(-50%,-50%); color: #fff;}
.column_banner .text aside{font-size: calc(46/16 * 1em); font-weight: 700; line-height: 1;}
.column_banner .text p span{font-size: calc(20/16 * 1em); display: inline-block; margin: 0; position: relative; margin-top: calc(25/1600 * 100%); padding:0 calc(67/20 * 1em);}
.column_banner .text p span i:nth-of-type(1){content: ""; left: 0; top: .2em; position: absolute; display: inline-block; width: calc(44/20 * 1em); height: calc(17/20 * 1em); background: url(../images/cloud.svg) no-repeat center; background-size: cover;}
.column_banner .text p span i:nth-last-of-type(1){content: ""; right: 0; top: .2em; position: absolute;  display: inline-block; width: calc(44/20 * 1em); height: calc(17/20 * 1em); background: url(../images/cloud.svg) no-repeat center; background-size: cover; transform: rotateY(180deg);}
.column_banner figure img{width: 100%;}
.column_banner figure.active img{animation: toSmall 4s linear;}
.column_banner .text.parent3{top: 30%;}
.column_banner#banPictureSeries .text{display: none;}
@media(min-width:1025px){
    .column_banner .wap{display: none;}
}

@media(max-width:1024px){
    .column_banner .text.parent3{top: 42%;}
    .column_banner .pc{display: none;}
    .column_banner .text aside{font-size: calc(23/16 * 1em);}
    .column_banner .text p span{font-size: calc(16/16 * 1em);}
}

@keyframes toSmall {
    0%{
        transform: scale(1.1);
    }
    100%{
        transform: scale(1);
    }
}

.c_menu{display: flex; justify-content: space-between; flex-wrap: wrap; gap: 1em;}
.c_menu ul{display: flex; flex-wrap: wrap; gap: calc(20/16 * 1em);}
.c_menu ul li a{height: calc(50/16 * 1em); width: calc(130/16 * 1em); color: #666; border-radius: 9999px; border: 1px solid #caccc7; display: flex; align-items: center; justify-content: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.c_menu ul li a.active,.c_menu ul li a:hover{background-color: var(--color); border-color: var(--color); color: #fff;}

@media(max-width:1024px){
    .c_menu ul{overflow-x: auto; flex-wrap: nowrap;}
}

/*Location001821*/
.Location001821 .current{display: flex; border-top: 1px solid rgba(255,255,255,0.1); align-items: center; justify-content: space-between; color:#a4b5cd; }
.Location001821 em{ font-style:normal; background:url(../images/location.svg) no-repeat left center; background-size: auto calc(18/21 * 100%); padding-left:calc(25/16 * 1em);}
.Location001821 em i{ font-style:normal; font-family: "宋体"; margin:0 calc(10/16 * 1em);}
.Location001821 em,
.Location001821 em a,
.Location001821 b{color:#999999; font-weight: 500;}
.Location001821 em a:hover{color: var(--color);}
@media(min-width:1025px){
    .Location001821 .current{min-height: calc(50/16 * 1em);}
}

@media(max-width:1024px){
    .Location001821 .current{flex-wrap: wrap; padding: 1em 0;}
    
    .Location001821{position: relative;}
    .Location001821 em, .Location001821 em a, .Location001821 b{color: #333;}
    .Location001821 em span{color: #333;}
}

/* footer{z-index: -1;} */
.c_title_box{color: #333;}
.c_title_box .c_title{font-size: calc(40/16 * 1em); font-weight: 700; line-height: 1;}
.c_title_box p{font-size: calc(16/16 * 1em); margin: 0; margin-top: 1em; font-weight: 500;}

.content.f18 p{margin: 0; font-size: calc(18/16 * 1em); font-weight: 500; color: #555555; line-height: calc(34/18);}
.content.f18 p:not(:nth-last-of-type(1)){margin-bottom: calc(14/18 * 1em);}

@media(max-width:1024px){
    .c_title_box .c_title{font-size: calc(24/16 * 1em);}
    .c_title_box p{font-size: calc(18/16 * 1em);}
    .content.f18 p{font-size: calc(16/16 * 1em);}
}

.company_intro{padding: calc(60/1920 * 100%) 0 calc(134/1920 * 100%); overflow: hidden;}
.company_intro .company_intro_info{padding: calc(95/1400 * 100%) 0 0; position: relative; display: flex; flex-wrap: wrap; justify-content: space-between;}
.company_intro .company_intro_info_c{width: calc(635/1400 * 100%);}
.company_intro .company_intro_info_c .content{margin-top: 2em;}
.company_intro .company_intro_info_list{width: calc(920/1400 * 100%); bottom: 0; position: absolute; z-index: 5; display: flex; flex-wrap: wrap; justify-content: space-between;}
.company_intro .company_intro_info_list aside{color: #e69313; justify-content: center; display: flex; align-items: end;}
.company_intro .company_intro_info_list .num{font-size: calc(60/16 * 1em); font-weight: bold; line-height: .8;}
.company_intro .company_intro_info_list .info{font-size: calc(20/16 * 1em); margin-left: .3em;}
.company_intro .company_intro_info_list sup{display: block; font-weight: bold; font-size: 1.5em; line-height: .8;}
.company_intro .company_intro_info_list p{margin: 0; color: #555555; margin-top: calc(18/16 * 1em);}
.company_intro .apple_box .apple_box_c::before{content: ""; position: absolute; width: 100%; height: 100%; left: 0; bottom: 0; 
    background-image: linear-gradient(to top right, #fff 0%, rgba(255,255,255,.7) 20%,transparent 30%);
    background-image: -webkit-linear-gradient(to top right, #fff 0%, rgba(255,255,255,.7) 20%,transparent 30%); 
    background-image:    -moz-linear-gradient(to top right, #fff 0%, rgba(255,255,255,.7) 20%,transparent 30%);
    background-image:     -o-linear-gradient(to top right, #fff 0%, rgba(255,255,255,.7) 20%,transparent 30%);
}

@media(max-width:1024px){
    .company_intro .company_intro_info_list .num{font-size: calc(30/16 * 1em);}
    .company_intro .company_intro_info_list .info{font-size: calc(18/16 * 1em);}
    .company_intro .company_intro_info_c{width: 100%;}
    .company_intro .company_intro_info_list{width: 100%; margin-top: 1em; position: relative; align-items: end; justify-content: space-around; gap: 1em;}
    .company_intro .company_intro_info .apple_box{ margin: 0 auto; margin-top: 4em;}
}

.apple_box{width: calc(646/1400 * 100%); position: relative;}
.apple_box .apple_box_c{mask: url(../images/apple_mask.png) no-repeat center; -webkit-mask: url(../images/apple_mask.png) no-repeat center; -webkit-mask-size: cover; position: relative; z-index: 2; mask-size: cover;  overflow: hidden;}
.apple_box::after{content: ""; position: absolute; z-index: 1; width: calc(646 / 646 * 100%); padding-bottom: calc(665/646 * 100%); background:url(../images/apple.png) no-repeat center; background-size: cover; bottom: 0; left: 0;}

.videoFix{position: fixed; display: none; width: 80%; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 999;}
.videoFix video{width: 100%; height: 100%;}
.videoFix .close{position: absolute; z-index: 2; right: 0; top: 0; width: 2em; height: 2em; background-color: #000; cursor: pointer;}
.videoFix .close::before,.videoFix .close::after{content: ""; position: absolute; background-color: #fff;  transform: translate(-50%,-50%) rotate(45deg); left: 50%; top: 50%;}
.videoFix .close::before{width: 80%; height: 2px;}
.videoFix .close::after{width: 2px; height: 80%;}

.apple_box .videoPlay{position: absolute; cursor: pointer; z-index: 2; animation: flicker 2s linear alternate-reverse infinite; width: calc(80/16 * 1em); height: calc(80/16 * 1em); border-radius: 50%; background: url(../images/videoPlay_green.png) no-repeat center; background-size: cover; top: 50%; left: 0; transform: translate(-50%,-50%);}

@media(max-width:1024px){
    .apple_box{width: calc(1000/1400 * 100%);}
    .apple_box .videoPlay{font-size: .6em;}
}

.company_brand{background-color: #eaeee9;  position: relative;}
.company_brand::before{content: ""; width: 100%; position: absolute; bottom: 100%; padding-bottom: calc(28/1920 * 100%); left: 0; background: url(../images/company_brand_before.png) no-repeat center; background-size: cover;}
.company_brand .company_brand_c{overflow: hidden; padding: calc(170/1920 * 100%) 0 calc(100/1920 * 100%);}
.company_brand .auto{display: flex; justify-content: space-between; flex-wrap: wrap;}
.company_brand .textBox{width: calc(630/1400 * 100%);}
.company_brand .content{margin-top: calc(37/16 * 1em);}

@media(max-width:1024px){
    .company_brand .company_brand_c{padding-top: 0;}
    .company_brand .textBox{width: 100%;}
    .company_brand .apple_box{order: 2; margin: 0 auto; margin-top: 4em;}
}

.company_culture{padding-top: calc(30/1920 * 100%); position: relative; background:url(../images/company_culture_mask_back.png) no-repeat top center; background-size: cover;}
.company_culture::before{content: ""; position: absolute; width: 100%; z-index: -1; height: 50%; background-color: #eaeee9; top: 0;}
.company_culture::after{content: ""; position: absolute; width: 100%; z-index: -1; height: 50%; 
    background-image: linear-gradient(to bottom,#f5f6f4,#f4f5f3); 
    background-image: -webkit-linear-gradient(to bottom,#f5f6f4,#f4f5f3); 
    background-image:    -moz-linear-gradient(to bottom,#f5f6f4,#f4f5f3);
    background-image:     -o-linear-gradient(to bottom,#f5f6f4,#f4f5f3);
    bottom: 0;}
.company_culture .company_culture_c{background-position: top center; background-size: cover; padding: calc(150/1920 * 100%) 0 calc(131/1920 * 100%);}
.company_culture .c_title_box{text-align: center; color: #fff;}
.company_culture .ul{display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: calc(75/1400 * 100%);}
.company_culture .ul li{width: calc(320/1400 * 100%); background-color: rgba(255, 255, 255, .8); position: relative; padding-bottom: calc(337/1400 * 100%);  color: #333; mask: url(../images/company_culture_mask.png) no-repeat center; mask-size: cover;}
.company_culture .ul li .li_c{position: absolute; display: flex; text-align: center; align-items: center; justify-content: center; width: 100%; height: 100%;}
.company_culture .ul li .li_c aside{font-size: calc(26/16 * 1em); padding-bottom: calc(19/26 * 1em); font-weight: 700; position: relative;}
.company_culture .ul li .li_c aside::after{content: ""; position: absolute; line-height: 1; bottom: 0; width: calc(24/26 * 1em); height: 4px; left: 50%; transform: translateX(-50%); background-color: #009944; border-radius: 9999px;}
.company_culture .ul li .li_c p{margin: 0; margin-top: 1em; font-size: calc(18/16 * 1em); line-height: calc(30/18);}
.company_culture .ul li .li_c .li_c_t{width: calc(216/320 * 100%); margin-top: 10%;}
.company_culture .ul li:hover{
    background: linear-gradient(to bottom,#e7951a,#b28546);
    background-image: -webkit-linear-gradient(to bottom,#e7951a,#b28546); 
    background-image:    -moz-linear-gradient(to bottom,#e7951a,#b28546);
    background-image:     -o-linear-gradient(to bottom,#e7951a,#b28546);
     color: #fff;}
.company_culture .ul li:hover aside::after{background-color: #fff;}

@media(max-width:1024px){
    .company_culture .ul{justify-content: space-evenly; gap: 1em;}
    .company_culture .ul li .li_c aside{font-size: calc(18/16 * 1em);}
    .company_culture .ul li .li_c p{font-size: calc(14/16 * 1em);}

    .company_culture .ul li{width: calc(320/1600 * 2 * 100%); padding-bottom: calc(337/1600 * 2 * 100%);}
    .company_culture .company_culture_c{ background-position: top left;}
}

@media(max-width:768px){
    .company_culture .ul li{width: 70%; padding-bottom: calc(591/1600 * 2 * 100%);}
    .company_culture .ul li .li_c p{font-size: calc(12/16 * 1em);}
}

.company_history{padding-top: calc(95/1920 * 100%); position: relative;
     background-image: linear-gradient(to bottom,#f5f6f4,#f4f5f3);
     background-image: -webkit-linear-gradient(to bottom,#f5f6f4,#f4f5f3); 
     background-image:    -moz-linear-gradient(to bottom,#f5f6f4,#f4f5f3);
     background-image:     -o-linear-gradient(to bottom,#f5f6f4,#f4f5f3);
    }
.company_history .c_title_box{text-align: center;}
.company_history .company_history_process{position: relative; margin-top: calc(90/1920 * 100%); padding-top: calc(170/16 * 1em);}
.company_history .company_history_process .auto{position: absolute; max-width: 1600px; z-index: 2; width: 100%; height: 100%; top: 0; left: 50%; transform: translateX(-50%);}
.company_history .company_history_process .ul{width: calc(1400/1600 * 100% + 2em); height: 100%; margin: 0 auto;}
.company_history .company_history_process .ul .slick-list{height: 100%;}
.company_history .company_history_process .ul .slick-track{height: 100%;}
.company_history .company_history_process .ul li{height: calc(350/16 * 1em); transition: .3s; position: relative; padding-left: calc(36/16 * 1em); margin-right: 2em;}
.company_history .company_history_process .ul li .lineBox{position: absolute; width: calc(25/16 * 1em); left: 0; top: 0; height: 100%;}
.company_history .company_history_process .ul li .lineBox .line{height: calc(100% - 25/16 * 1em); width: 1px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); background-color: var(--color);}
.company_history .company_history_process .ul li .lineBox .line::after{content: ""; width: 10px; height: 10px; border-radius: 50%; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); border: 2px solid var(--color);}
.company_history .company_history_process .ul li .lineBox .lineDot{width: calc(25/16 * 1em); height: calc(25/16 * 1em); display: flex; align-items: center; justify-content: center; border-radius: 50%; background-color: #e1b3b7;}
.company_history .company_history_process .ul li .lineBox .lineDot::before{content: ""; width: 10px; height: 10px; background-color: var(--color); border-radius: 50%; display: block;}
.company_history .company_history_process .ul aside{font-size: calc(28/16 * 1em); font-weight: 700; color: #333;}
.company_history .company_history_process .ul p{font-size: calc(18/16 * 1em); max-height: calc(100% - 3em); overflow-y: auto; color: #555555; line-height: calc(30/18); margin: 0; margin-top: 1em;}
.company_history .company_history_process figure{position: relative;}
.company_history .company_history_process figure::after{content: ""; position: absolute; left: 0; width: 100%; padding-bottom: calc(100/1920 * 100%); bottom: 0;
     background-image: radial-gradient(ellipse,#f5f6f4,#f4f5f3,transparent); transform: translateY(50%); opacity: .5;
    }
.company_history .company_history_process figure img{width: 100%;}

.company_history .company_history_process .ul li.slick-current{margin-top: calc(260/16 * 1em);}
.company_history .company_history_process .ul li.slick-current + li{margin-top: calc(120/16 * 1em);}
.company_history .company_history_process .ul li.slick-current + li + li{margin-top: calc(55/16 * 1em);}
.company_history .company_history_process .ul li.slick-current + li + li + li{margin-top: calc(23/16 * 1em);}

.company_history .control{height: calc(350/16 * 1em); width: 100%; opacity: 0; transition: .3s; pointer-events: none; position: absolute; z-index: 3; left: 50%; transform: translateX(-50%); top: calc(80/770 * 100%);}
.company_history .control .slick-arrow{width: calc(54/16 * 1em); pointer-events: all; color: #fff; height: calc(54/16 * 1em); position: absolute; font-size: 1em; border: 1px solid #d69017; text-indent: -9999px; overflow: hidden; border-radius: 50%; background-color: #d69017;}
.company_history .control .slick-arrow::after{content: "";  width: calc(18/16 * 1em); height: calc(12/16 * 1em); position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);  mask: url(../images/arrow.svg) no-repeat center; background-color: currentColor; -webkit-mask:url(../images/arrow.svg) no-repeat center; -webkit-mask-size: cover; mask-size: cover;}
.company_history .control .slick-arrow.slick-prev{transform: rotate(180deg); bottom: 0; left: 0;}
.company_history .control .slick-arrow.slick-next{top: 0; right: 0;}
.company_history .control .slick-arrow.slick-disabled{background-color: transparent; border-color: #cfcfcf; color: #999999; opacity: .5;}

.company_history .company_history_process:hover .control{opacity: 1;}

.company_history .decoration{ top: calc(255/1050 * 100%); left: 0;}
@media(min-width:1651px){
    .company_history .control .slick-arrow.slick-prev{transform: rotate(180deg) translateX(50%);}
    .company_history .control .slick-arrow.slick-next{transform: translateX(50%);}
}

@media(max-width:1920px) and (min-width:1025px){
    .company_history .company_history_process{font-size: calc(16/1920 * 100vw);}
}

@media(max-width:1650px){
    .company_history .control{width: 96%;}
}

@media(max-width:1600px){
    .company_history .company_history_process .ul li .lineBox .lineDot::before{width: 6px; height: 6px;}
    .company_history .company_history_process .ul li.slick-current {margin-top: calc(275 / 16* 1em);}
    .company_history .company_history_process .ul li.slick-current + li{margin-top: calc(160/16 * 1em);}
    .company_history .company_history_process .ul li.slick-current + li + li{margin-top: calc(60/16 * 1em);}
    .company_history .company_history_process .ul li.slick-current + li + li + li{margin-top: calc(10/16 * 1em);}
}

@media(max-width:1024px){
    .company_history{padding-top: 4em;}
    .company_history .company_history_process .ul aside{font-size: calc(20/16 * 1em);}
    .company_history .company_history_process .ul p{font-size: calc(14/16 * 1em);}
    .company_history .company_history_process .ul li{height: calc(250/16 * 1em);}
    .company_history .company_history_process .ul li.slick-current{margin-top: calc(74/16 * 1em);}
    .company_history .company_history_process .ul li.slick-current + li{margin-top: 0;}
    .company_history .company_history_process .ul li .lineBox .line{height: calc(100% - 1em);}
    .company_history .company_history_process .ul li .lineBox{width: 1em;}
    .company_history .company_history_process .ul li .lineBox .lineDot{width: 1em; height: 1em;}
    .company_history .control{height: unset; display: flex; justify-content: space-between;}
    .company_history .control .slick-arrow{font-size: .6em; position: relative; left: unset; top: unset; bottom: unset; right: unset;}
}

@media(max-width:768px){
    .company_history .company_history_process .ul li{height: calc(230/16 * 1em);}
    .company_history .company_history_process .ul li.slick-current {margin-top: calc(53 / 16* 1em);}
}

.decoration{width: calc(494/16 * 1em); position: absolute; max-width: 100%; height: calc(146/16 * 1em); pointer-events: none; background: url(../images/company_history_d.png) no-repeat center; background-size: cover;}

.company_honor{overflow: hidden; padding: calc(110/1920 * 100%) 0 calc(40/1920 * 100%); 
    background-image: linear-gradient(to bottom, #f5f6f4, #f4f5f3);
    background-image: -webkit-linear-gradient(to bottom, #f5f6f4, #f4f5f3); 
    background-image:    -moz-linear-gradient(to bottom, #f5f6f4, #f4f5f3);
    background-image:     -o-linear-gradient(to bottom, #f5f6f4, #f4f5f3);
}
.company_honor .auto{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.company_honor .textBox{width: calc(560/1400 * 100%);}
.company_honor .textBox .content{margin-top: calc(40/16 * 1em);}

.company_honor .company_honor_img_box{width: calc(770/1400 * 100%); }
.company_honor .company_honor_img li{transition: .3s;}
.company_honor .company_honor_img li:not(.slick-current){transform: scale(.7923) translateX(50%);}
.company_honor .company_honor_img li.slick-current{position: relative; z-index: 2;}
.company_honor .company_honor_img li.slick-current + li{transform: scale(.7923) translateX(-50%);}
.company_honor .company_honor_img li .img{background: url(../images/home_honor_border.jpg) no-repeat center; position: relative; background-size: 100% 100%; padding: calc(20/16 * 1em) calc(18/16 * 1em);}
.company_honor .company_honor_img li .img::before{content: ""; position: absolute; width: calc(320/328 * 100%); padding-bottom: calc(123/328 * 100%); background: url(../images/home_honor_boxshadow.png) no-repeat center; background-size: cover; bottom: 0; transform: translateX(-30%); z-index: -1;}
.company_honor .company_honor_img li .img figure{width: 100%; height: 100%; background-size:contain; background-repeat: no-repeat; background-position: center ;center;}
.company_honor .company_honor_img .slick-list{perspective: 1000px;}
.company_honor .company_honor_img .slick-list .slick-track{transform-style: preserve-3d;}

.company_honor .slick-dots{list-style: none; display: flex; justify-content: center; gap: 0 calc(30/1600 * 100%); margin-top: calc(58/1600 * 100%);}
.company_honor .slick-dots li{width: 13px; height: 13px; border: 2px solid #cfcfce; border-radius: 50%;}
.company_honor .slick-dots li.slick-active{background-color: var(--color); border-color: var(--color);}
.company_honor .slick-dots button{display: none;}

@media(max-width:1024px){
    .company_honor{padding-bottom: 0em !important;}
    .company_honor .textBox{width: 100%;}
    .company_honor .company_honor_img_box{width: 100%; margin-top: 1em;}
    .company_honor .company_honor_img li .img{padding: calc(14/16 * 1em) calc(12/16 * 1em);}
}

@media(max-width:768px){
    .company_honor .company_honor_img li .img{ padding: calc(10/16 * 1em) calc(9/16 * 1em);}
}

.sustainable{padding: calc(60/1920 * 100%) 0 calc(85/1920 * 100%); overflow: hidden;}
.sustainable .sustainable_c{margin-top: calc(55/1400 * 100%); display: flex; flex-wrap: wrap; justify-content: space-between;}
.sustainable .sustainable_c .sustainable_text_box{width: calc(465/1400 * 100%); margin-top: calc(45/1400 * 100%);}
.sustainable .sustainable_c .sustainable_text { margin-top: calc(100/16 * 1em);}
.sustainable .sustainable_text li figure{width: calc(56/16 * 1em); height: calc(51/16 * 1em); color: #29760b; mask-size: auto 100% !important; -webkit-mask-size:auto 100%  !important; background-color: currentColor;}
.sustainable .sustainable_text li aside{font-size: calc(30/16 * 1em); margin-top: calc(26/30 * 1em); margin-bottom: 1em; color: #000; line-height: 1; font-weight: 700;}
.sustainable .sustainable_text li .intro{margin: 0; color: #000; font-weight: 700;}
.sustainable .sustainable_text li .li_c{margin-top: calc(10/16 * 1em);}
.sustainable .sustainable_text li .li_c p{margin: 0; line-height: calc(30/16); color: #000000; font-weight: 500;}
.sustainable .sustainable_text_box .control{margin-top: calc(105/16 * 1em); opacity: 0; transition: .3s;}
.sustainable .sustainable_c:hover .control{opacity: 1;}
.sustainable .slick-arrow{width: calc(80/16 * 1em); color: #fff; height: calc(80/16 * 1em); position: relative; font-size: 1em; border: 1px solid #d69017; text-indent: -9999px; overflow: hidden; border-radius: 50%; background-color: #d69017;}
.sustainable .slick-arrow::after{content: "";  width: calc(18/16 * 1em); height: calc(12/16 * 1em); position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);  mask: url(../images/arrow.svg) no-repeat center; background-color: currentColor; -webkit-mask:url(../images/arrow.svg) no-repeat center; -webkit-mask-size: cover; mask-size: cover;}
.sustainable .slick-arrow.slick-prev{transform: rotate(180deg); margin-right: calc(40/16 * 1em);}
.sustainable .slick-arrow.slick-disabled{background-color: #ffffff; color: #e8e8e8; border-color: #e8e8e8;}

.sustainable .sustainable_c .sustainable_img_box{width: calc(840/1400 * 100%); position: relative;}
.sustainable .sustainable_c .sustainable_img_box .img_list{width: calc(728/840 * 100%); margin-left: auto; position: relative; padding-bottom: calc(760/840 * 100%);}
.sustainable .sustainable_c .sustainable_img_box .img_list::after{content: ""; width: calc(259/728 * 100%); padding-bottom: calc(230/728 * 100%); background: url(../images/handle.png) no-repeat center; background-size: cover; position: absolute; top: 0; left: calc(178/728 * 100%);}
.sustainable .sustainable_c .sustainable_img_box .img_list .img_list_c{width: 100%; z-index: 2; mask: url(../images/apple_mask.png) no-repeat center; -webkit-mask: url(../images/apple_mask.png) no-repeat center; mask-size: cover; -webkit-mask-size: cover;  bottom: 0; position: absolute; padding-bottom: calc(607/728 * 100%);}
.sustainable .sustainable_c .sustainable_img_box .img_list .img_list_c li{position: absolute; width: 100%; height: 100%; display: none;}
.sustainable .sustainable_c .sustainable_img_box .img_list .img_list_c li figure{width: 100%; height: 100%; background-size: cover; background-position: center;}
.sustainable .sustainable_c .sustainable_img_box .sustainable_img{position: absolute; height: 100%; z-index: 3; width: calc(218/840 * 100%);}
.sustainable .sustainable_c .sustainable_img_box .sustainable_img li{display: flex; transition: .3s; cursor: pointer; position: absolute; align-items: center;}
.sustainable .sustainable_c .sustainable_img_box .sustainable_img aside{font-size: calc(18/16 * 1em); transition: .3s; color: #000; font-weight: 700;}
.sustainable .sustainable_c .sustainable_img_box .sustainable_img .img{width: calc(75/16 * 1em); transition: .3s; height: calc(75/16 * 1em); margin-left: .5em; display: flex; align-items: center; justify-content: center; border-radius: 50%; background-color: rgba(188,209,137,0.3);}
.sustainable .sustainable_c .sustainable_img_box .sustainable_img figure{width: calc(60/16 * 1em); transition: .3s; height: calc(60/16 * 1em); display: flex; align-items: center; justify-content: center; border-radius: 50%; background-color: #bcd189;}
.sustainable .sustainable_c .sustainable_img_box .sustainable_img figure img{max-width: calc(35/60 * 100%);}
.sustainable .sustainable_c .sustainable_img_box .sustainable_img li.active aside,.sustainable .sustainable_c .sustainable_img_box .sustainable_img li:hover aside{color: #e69313;}
.sustainable .sustainable_c .sustainable_img_box .sustainable_img li.active .img{animation: flicker 2s linear alternate-reverse infinite;}
.sustainable .sustainable_c .sustainable_img_box .sustainable_img li.active .img,.sustainable .sustainable_c .sustainable_img_box .sustainable_img li:hover .img{background-color: rgba(230,147,19,0.3); }
.sustainable .sustainable_c .sustainable_img_box .sustainable_img li.active figure,.sustainable .sustainable_c .sustainable_img_box .sustainable_img li:hover figure{background-color: #e69313;}
.sustainable .sustainable_c .sustainable_img_box .sustainable_img li:nth-of-type(1){top: calc(176/760 * 100%); right: 0;}
.sustainable .sustainable_c .sustainable_img_box .sustainable_img li:nth-of-type(2){top: calc(306/760 * 100%); left: 0;}
.sustainable .sustainable_c .sustainable_img_box .sustainable_img li:nth-of-type(3){top: calc(428/760 * 100%); left: 0;}
.sustainable .sustainable_c .sustainable_img_box .sustainable_img li:nth-of-type(4){top: calc(549/760 * 100%); left: calc(43/218 * 100%);}

@media(max-width:1024px){
    .sustainable{padding-bottom: 0em !important;}
    .sustainable .sustainable_c .sustainable_text_box{width: 100%;}
    .sustainable .sustainable_c .sustainable_text{margin-top: 1em;}
    .sustainable .sustainable_text li figure{font-size: .6em;}
    .sustainable .sustainable_text li aside{font-size: calc(20/16 * 1em);}
    .sustainable .sustainable_text_box .control{margin-top: 1em;}
    .sustainable .slick-arrow{font-size: .5em;}
    .sustainable .sustainable_c .sustainable_img_box {margin: 0 auto; width: calc(840/1400 * 4/3 * 100%); margin-top: 1em;}
    .sustainable .sustainable_c .sustainable_img_box .sustainable_img{width: calc(130/16 * 1em); left: calc(-15/840 * 100%);}
    .sustainable .sustainable_c .sustainable_img_box .sustainable_img aside{font-size: calc(14/16 * 1em);}
    .sustainable .sustainable_c .sustainable_img_box .sustainable_img .img{font-size: .5em;}
}

@media(max-width:768px){
    .sustainable .sustainable_c .sustainable_img_box .sustainable_img{left: calc(-90/840 * 100%);}
}

.newsCenter{padding: calc(60/1920 * 100%) 0 calc(110/1920 * 100%); overflow: hidden; position: relative;}
.newsCenter .newsCenter_c{margin-top: calc(100/1400 * 100%);}
.newsCenter .top_news{position: relative;}
.newsCenter .top_news li{display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}
.newsCenter .top_news li .textBox{width: calc(600/1400 * 100%); padding: 1em 0;}
.newsCenter .top_news li time{font-size: calc(18/16 * 1em); color: #333; font-weight: 500; display: block;}
.newsCenter .top_news li aside{font-size: calc(26/16 * 1em); margin-top: calc(20/26 * 1em); margin-bottom: calc(40/26 * 1em);font-weight: 700; color: #333; line-height: calc(40/26);}
.newsCenter .top_news li .more{margin-top: calc(82/16 * 1em);}
.newsCenter .top_news li p{font-size: calc(18/16 * 1em); font-weight: 500; margin: 0; color: #555555; line-height: calc(34/18);}
.newsCenter .top_news li:hover .img figure{transform: scale(1.05);}
.newsCenter .top_news .img{width: calc(700/1400 * 100%); border-radius: calc(40/16 * 1em); overflow: hidden;}
.newsCenter .top_news .img figure{padding-bottom: calc(466/700 * 100%); transition: .3s;  background-size: cover; background-position: center;}
.newsCenter .top_news .control{position: absolute; width: calc(200/1400 * 100%); right: 0; bottom: calc(52/466 * 100%); z-index: 2;}
.newsCenter .top_news .slick-dots{list-style: none; display: flex; justify-content: end; gap: 0 calc(24/200 * 100%); margin-top: calc(58/1600 * 100%);}
.newsCenter .top_news .slick-dots li{width: 13px; height: 13px; border: 2px solid #cfcfce; border-radius: 50%;}
.newsCenter .top_news .slick-dots li.slick-active{background-color: var(--color); border-color: var(--color);}
.newsCenter .top_news .slick-dots button{display: none;}
.newsCenter .news_list{margin-top: calc(85/1400 * 100%);}
.newsCenter .news_list li{position: relative;}
.newsCenter .news_list li a{display: flex; position: relative; z-index: 2; transition: .3s; align-items: center; justify-content: space-between; padding-right: calc(20/1400 * 100%);}
.newsCenter .news_list li a .info{width: calc(1130/1380 * 100%); display: flex; align-items: center; justify-content: space-between;}
.newsCenter .news_list li a figure{width: calc(195/1130 * 100%); background-size: cover; border-radius: 1em; padding-bottom: calc(130/1130 * 100%);}
.newsCenter .news_list li a .textBox{width: calc(900/1130 * 100%);}
.newsCenter .news_list li a aside{font-size: calc(22/16 * 1em); transition: .3s; color: #333333;}
.newsCenter .news_list li a p{font-size: calc(18/16 * 1em); font-weight: 500; color: #555555; margin: 0; margin-top: calc(12/18 * 1em); line-height: calc(34/18);}
.newsCenter .news_list li a .news_more{width: calc(50 / 16* 1em); transition: .3s; color: #999;height: calc(50 / 16* 1em);font-size: 1em;border: 1px solid #cfcfcf;overflow: hidden;position: relative;border-radius: 50%;background-color: transparent;}
.newsCenter .news_list li a .news_more::after{ content: "";width: calc(18 / 16* 1em);height: calc(12 / 16* 1em);position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);mask: url(../images/arrow.svg) no-repeat center;background-color: currentColor;-webkit-mask: url(../images/arrow.svg) no-repeat center;-webkit-mask-size: cover;mask-size: cover;}
.newsCenter .news_list li:hover a{ position: relative; padding:0 calc(20/1400 * 100%);}
.newsCenter .news_list li:hover::after{content: ""; border-radius: calc(30/16 * 1em); z-index: 1; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%;  height: calc(100% + 40/16 * 1em); background-color: #fff; box-shadow: 0px 0px .5em 0px rgba(0,0,0,0.1);}
.newsCenter .news_list li:hover a aside{color: var(--color);}
.newsCenter .news_list li:hover a .news_more{background-color: var(--color); border-color: var(--color); color: #fff;}
.newsCenter .news_list li:hover a .info{width: calc(1130/1360 * 100%);}
.newsCenter .news_list li{margin-bottom: calc(45/1400 * 100%);}
.newsCenter .decoration:nth-last-of-type(1){top: 60%; left: calc(-200/1920 * 100%);}
.newsCenter .decoration:nth-last-of-type(2){top: 20%; right: calc(-200/1920 * 100%); transform: rotateY(180deg);} 
@media(max-width:1024px){
    .newsCenter{padding-bottom: 0em !important;}
    .newsCenter .top_news li .textBox{width: 100%;}
    .newsCenter .top_news .img{width: 100%;}
    .newsCenter .top_news li aside{font-size: calc(18/16 * 1em);}
    .newsCenter .top_news li p{font-size: calc(14/16 * 1em);}
    .newsCenter .top_news li .more{margin-top: 1em;}
    .newsCenter .top_news .control {bottom: calc(25 / 466* 100%); width: calc(700/1400 * 100%);}

    .newsCenter .news_list li:hover::after{height: calc(100% + 1em); border-radius: 1em;}
    .newsCenter .news_list li a aside{font-size: calc(18/16 * 1em);}
    .newsCenter .news_list li a p{font-size: calc(14/16 * 1em); margin-top: .5em;}
    .newsCenter .news_list li a .news_more{font-size: .7em;}

    .newsCenter .news_list li a .info{width: calc(1250/1380 * 100%);}
    .newsCenter .news_list li a .textBox{width: calc(800/1250 * 100%);}
    .newsCenter .news_list li a figure{width: calc(400/1250 * 100%); padding-bottom: calc(265/1250 * 100%);}
}

@media(max-width:768px){
    .newsCenter .news_list li{margin-bottom: 1.5em;}
    .newsCenter .news_list li a .info{width: calc(1130/1360 * 100%);}
}


/*.Page001726 为demo编号*/
.Page001726{ text-align:center; font-size:calc(16/16 * 1em); font-weight: 500;}
.Page001726 .Pages .p_cur,
.Page001726 .Pages .p_count,
.Page001726 .Pages .p_total,
.Page001726 .Pages .p_jump,
.Page001726 .Pages .a_first,
.Page001726 .Pages .a_end{ display:none;}
.Page001726 .Pages em{ font-style:normal;}
.Page001726 .Pages a{margin: 0 10px; vertical-align:middle; font-size: calc(18/16 * 1em); border-radius: 50%; width:50px;color: #666;height:50px; line-height:50px; border: 1px solid #e0e0e0;}
.Page001726 .Pages a.a_prev,
.Page001726 .Pages a.a_next{font-family: "宋体"; font-weight: bold; overflow:hidden;}
.Page001726 .Pages a:hover,
.Page001726 .Pages em a.a_cur{ background-color:#d69017; color: #fff; border-color: #d69017;}
.Page001726 .p_page{display: flex; justify-content: center;}
.Page001726 .p_page .num{display: flex;}
.Page001726 .Pages a.a_prev{margin-right: 20px; margin-left: 0;}
.Page001726 .Pages a.a_next{margin-left: 20px; margin-right: 0;}
.Page001726 .Pages{display: flex; justify-content: center;}
.Page001726 .Pages .p_jump{display: flex; align-items: center;}
.Page001726 .Pages .p_jump input{width: 50px; height: 50px; border-radius: 50%; color: #666; background-color: transparent; line-height:50px; border: 1px solid #e0e0e0; font-size: 18px; text-align: center;}
.Page001726 .Pages .p_jump input[type="button"]{color: #555555; background-color: transparent; cursor: pointer;}
.Page001726 .Pages .p_jump input[type="button"]:hover{background-color: #d69017; color: #fff; border-color: #d69017;}
.Page001726 .Pages .p_jump b{font-weight: normal; font-size: 16px; margin-left: 10px; margin-right: 25px;}

@media(max-width:768px){
    .Page001726 .Pages a{width: 35px; height: 35px; line-height: 35px; font-size: 14px;}
    .Page001726 .Pages .p_jump input{width: 35px; height: 35px; line-height: 35px; font-size: 14px;}
    .Page001726 .Pages .p_jump{display: none;}
    .Page001726 .Pages a.a_prev{margin-right: 10px; margin-left: 0;}
    .Page001726 .Pages a.a_next{margin-left: 10px; margin-right: 0;}
}
.container{overflow: hidden; position: relative;}
.newsDetail_banner{
    background-image: linear-gradient(to bottom,#ebefe7,transparent,#f5f6f4, #f4f5f3); 
    background-image: -webkit-linear-gradient(to bottom,#ebefe7,transparent,#f5f6f4, #f4f5f3); 
    background-image:    -moz-linear-gradient(to bottom,#ebefe7,transparent,#f5f6f4, #f4f5f3);
    background-image:     -o-linear-gradient(to bottom,#ebefe7,transparent,#f5f6f4, #f4f5f3);
    position: relative;}
.newsDetail_banner::after{content: ""; height: 100%; width: 100%; position: absolute; bottom: 0; background-image: linear-gradient(to top,#fff 10%,transparent 50%);}
.newsDetail{
    background-image: linear-gradient(to bottom,#fff,transparent,#ebefe7,#f5f6f4, #f4f5f3);
    background-image: -webkit-linear-gradient(to bottom,#fff,transparent,#ebefe7,#f5f6f4, #f4f5f3); 
    background-image:    -moz-linear-gradient(to bottom,#fff,transparent,#ebefe7,#f5f6f4, #f4f5f3);
    background-image:     -o-linear-gradient(to bottom,#fff,transparent,#ebefe7,#f5f6f4, #f4f5f3);
     padding-bottom: calc(100/1920 * 100%);}
.newsDetail .auto{background-color: rgba(255,255,255,0.9); position: relative; z-index: 2; margin-top: calc(-490/1920 * 100%); border-radius: calc(40/16 * 1em); padding: calc(40/1920 * 100%) calc(130/1920 * 100%) calc(90/1920 * 100%);}
.newsDetail h1.newsTitle{font-size: calc(36/16 * 1em); margin: calc(40/1140 * 100%) 0 calc(30/1140 * 100%); color: #333; font-weight: 700; text-align: center;}
.newsDetail .newsDetail_info{display: flex; flex-wrap: wrap; gap: 1em; align-items: center; justify-content: center;}
.newsDetail .newsDetail_info time{color: #999999; font-weight: 500; }
.newsDetail .newsDetail_info .newsDetail_operate{display: flex; align-items: center;}
.newsDetail .newsDetail_info .newsDetail_operate .ul{display: flex; gap: 0 calc(10/16 * 1em);}
.newsDetail .newsDetail_info .newsDetail_operate a{width: calc(30/16 * 1em); height: calc(30/16 * 1em); transition: .3s; background:#999999 no-repeat center ; display: flex; align-items: center; justify-content: center; border-radius: 50%;}
.newsDetail .newsDetail_info .newsDetail_operate a img{max-width: calc(15/30 * 100%);}
.newsDetail .newsDetail_info .newsDetail_operate a:hover{background-color: var(--color);}

.newsDetail article.news_article{margin: calc(50/1140 * 100%) 0; padding: calc(50/1140 * 100%) 0; font-size: calc(18/16 * 1em); border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9;}
.newsDetail article.news_article .news_container{font-size: calc(16/18 * 1em);}
.newsDetail article.news_article .news_container p{margin: 0;}
.newsDetail article.news_article .news_container strong{font-size: calc(24/16 * 1em); display: block; color: #333;}
.newsDetail article.news_article .news_container > p{font-size: calc(18/16 * 1em); color: #333333; line-height: calc(34/18); text-indent: 2em;}
.newsDetail article.news_article .news_container > img{display: block; margin: 0 auto;}
.newsDetail article.news_article .news_container ul{list-style: none; display: flex; flex-wrap: wrap; gap: 1em 5px; justify-content: space-between; align-items: center;}
.newsDetail article.news_article .news_container ul p{color: #333333; margin-top: 1em; text-align: center;}

.newsDetail .pn-page aside{font-size: calc(18/16 * 1em);}
.newsDetail .pn-page aside:not(:nth-last-of-type(1)){margin-bottom: calc(22/18 * 1em);}
.newsDetail .pn-page aside a{color: #333; font-weight: 500;}
.newsDetail .pn-page aside a b{color: #999; font-weight: 500;}
.newsDetail .pn-page aside a:hover{color: #e69313;}
.newsDetail .pn-page aside a:hover b{color: #e69313;}
.newsDetail .operating a{width: calc(170/16 * 1em); font-weight: 500; display: flex; align-items: center; justify-content: center; border-radius: 9999px; background-color: #e69313; color: #fff; line-height: calc(54/16);}
.newsDetail .operating a::before{content: ""; transition: .3s; width: calc(14/16 * 1em); height: calc(13/16 * 1em); margin-right: calc(20/16 * 1em); background: url(../images/return.svg) no-repeat center; background-size: contain;}
.newsDetail .operating a:hover::before{margin-right: calc(10/16 * 1em);}


.newsDetail .decoration:nth-last-of-type(1){top: 72%; left: calc(-200/1920 * 100%);}
.newsDetail .decoration:nth-last-of-type(2){top: 35%; right: calc(-200/1920 * 100%); transform: rotateY(180deg);} 
@media(min-width:1025px){
.newsDetail .pn-page{min-height: 24px; position: relative;padding-right: calc(240/16 * 1em);}
.newsDetail .pn-page .operating{position: absolute;right: 0; bottom: 0;}
.newsDetail  .operating a{float: left;}
}

@media(max-width:1024px){
    .newsDetail .operating{margin-bottom: 1em;}
    .newsDetail h1.newsTitle{font-size: calc(24/16 * 1em);}
    .newsDetail article.news_article strong{font-size: calc(20/16 * 1em);}
    .newsDetail article.news_article > p{font-size: 1em;}
}


.contactUs{padding: calc(60/1920 * 100%) 0 calc(90/1920 * 100%); overflow: hidden; position: relative;}
.contactUs .c_title_box{text-align: center; margin: calc(100/1400 * 100%) 0 calc(60/1400 * 100%);}
.contactUs .contactUs_c{display: flex; flex-wrap: wrap; align-items: start; justify-content: space-between;}
.contactUs .contactUs_c .contact_list{width: calc(500/1400 * 100%);}
.contactUs .contactUs_c .contact_list li{background-color: rgba(255, 255, 255, .1); border: 1px solid #fff; border-radius: calc(20/16 * 1em); padding: calc(20/500 * 100%);}
.contactUs .contactUs_c .contact_list li:not(:nth-last-of-type(1)){margin-bottom: calc(20/16 * 1em);}
.contactUs .contactUs_c .contact_list li .li_top{display: flex; align-items: center; justify-content: space-between;}
.contactUs .contactUs_c .contact_list li .li_top .text{width: calc(100% - 75/16 * 1em);}
.contactUs .contactUs_c .contact_list li .li_c{margin-top: calc(20/16 * 1em);}
.contactUs .contactUs_c .contact_list li .li_c figure{border-radius: calc(10/16 * 1em); margin-left: calc(75/16 * 1em); overflow: hidden; display: inline-block;}
.contactUs .contactUs_c .contact_list aside{color: #555555;}
.contactUs .contactUs_c .contact_list p{margin: 0; margin-top: 3px; font-size: calc(18/16 * 1em); font-weight: 500; color: #333333;}
.contactUs .contactUs_c .contact_list .icon{width: calc(55/16 * 1em); height: calc(55/16 * 1em); border-radius: 50%; display: flex; align-items: center; justify-content: center; background-color: #fff; box-shadow: 0px 0px .5em 0px rgba(0,0,0,0.1);}
.contactUs .contactUs_c .contact_list .icon img{max-width: calc(35/55 * 100%);}
.contactUs .contactUs_c .img{width: calc(840/1400 * 100%);}
.contactUs .contactUs_c .img figure{display: inline-block; border-radius: calc(40/16 * 1em); overflow: hidden;}
.contactUs .decoration:nth-last-of-type(1){top: 60%; right: calc(-200/1920 * 100%); transform: rotateY(180deg);} 

@media(max-width:1025px){
    .contactUs .contactUs_c .contact_list{width: 100%;}
    .contactUs .contactUs_c .img{margin-top: 1em; width: 100%;}
}

@media(max-width:1024px){
    .contactUs{padding-bottom: 0em !important;}
}

.liannong{padding: calc(60/1920 * 100%) 0 calc(100/1920 * 100%); position: relative; overflow: hidden;}
.liannong .c_title_box{text-align: center; padding: calc(100/1400 * 100%) 0 calc(60/1400 * 100%);}
.liannong .liannong_c{display: flex; flex-wrap: wrap; justify-content: space-between; gap: calc(30/16 * 1em) 0;}
.liannong .liannong_c li{width: calc(685/1400 * 100%); padding: calc(50/1400 * 100%); background-color: rgba(255, 255, 255, .5); border-radius: calc(40/16 * 1em);}
.liannong .liannong_c li > span{font-size: calc(68/16 * 1em); display: block; margin: 0 auto;-webkit-text-stroke: 1px #7caa69;  color: transparent;line-height: .8;  }
.liannong .liannong_c li aside{font-size: calc(30/16 * 1em); margin: calc(25/30 * 1em) 0 calc(12/30 * 1em); font-weight: 700; color: #333; position: relative; z-index: 1;}
.liannong .liannong_c li aside::after{content: ""; width: 4em; z-index: 1; height: calc(8/30 * 1em); bottom: 0; position: absolute; left: 0;
    background-image: linear-gradient(to right,#eebd70,transparent);
    background-image: -webkit-linear-gradient(to right,#eebd70,transparent); 
    background-image:    -moz-linear-gradient(to right,#eebd70,transparent);
    background-image:     -o-linear-gradient(to right,#eebd70,transparent);
    }
.liannong .liannong_c li aside span{position: relative; z-index: 2;}
.liannong .liannong_c li p{margin: 0; font-size: calc(18/16 * 1em); line-height: calc(34/18); color: #333333;}

.liannong .decoration:nth-last-of-type(1){top: 55%; left: calc(-200/1920 * 100%);}
.liannong .decoration:nth-last-of-type(2){top: 30%; right: calc(-200/1920 * 100%); transform: rotateY(180deg);} 

@media(max-width:1024px){
    .liannong{padding-bottom: 0em !important;}
    .liannong .liannong_c li{width: 100%;}
    .liannong .liannong_c li > span{font-size: calc(34/16 * 1em);}
    .liannong .liannong_c li aside{font-size: calc(20/16 * 1em);}
}

.system_title aside{line-height: 1; }
.system_title aside span{font-size: calc(40/16 * 1em); position: relative; padding-left: calc(17/40 * 1em); color: #333; font-weight: 700;}
.system_title aside span::before{content: ""; width: calc(48/40 * 1em); height: calc(53/40 * 1em); left: 0; bottom: calc(6/40 * 100%); background: url(../images/title_apple.png) no-repeat center; background-size: cover; position: absolute;}

.curve{width: 100%; padding-bottom: calc(58/1400 * 100%); background: url(../images/curve.png) no-repeat center; background-size: cover;}
@media(max-width:1024px){
    .system_title aside span{font-size: calc(26/16 * 1em);}
}

.research{padding: calc(60/1920 * 100%) 0 calc(87/1920 * 100%); overflow: hidden; position: relative;}
.research .research_intro{padding: calc(108/1400 * 100%) 0 calc(64/1400 * 100%); display: flex; flex-wrap: wrap; justify-content: space-between;}
.research .research_intro .textBox{width: calc(635/1400 * 100%);}
.research .research_intro .textBox .content{margin-top: calc(30/16 * 1em);}
.research .research_intro .textBox .content p{margin: 0;}
.research .research_intro .research_intro_list{width: calc(670/1400 * 100%);}
.research .research_intro .research_intro_list li figure{padding-bottom: calc(446/670 * 100%); background-size: cover; background-position: center; border-radius: calc(30/16 * 1em);}

.research .research_intro .slick-dots{list-style: none; position: absolute; width: 100%; bottom: calc(26/446 * 100%); z-index: 2; display: flex; justify-content: center; gap: 0 calc(24/670 * 100%); margin-top: calc(58/1600 * 100%);}
.research .research_intro .slick-dots li{width: 13px; height: 13px; border: 2px solid #cfcfce; border-radius: 50%;}
.research .research_intro .slick-dots li.slick-active{background-color: var(--color); border-color: var(--color);}
.research .research_intro .slick-dots button{display: none;}

@media(max-width:1024px){
    .research{padding-bottom: 0 !important;}
    .research .research_intro .textBox{width: 100%; max-width: 100%;}
    .research .research_intro .research_intro_list{width: 100%; margin-top: 1em;}
}

/* @media(max-width:768px){
    .research{padding-top: 4em;}
} */


.research .fruit_list{padding: calc(50/1400 * 100%) 0 calc(140/1400 * 100%); position: relative; display: flex; flex-wrap: wrap; justify-content: space-between;}
.research .fruit_list li{width: calc(600/1400 * 100%); display: flex; justify-content: space-between; }
.research .textBox{width: calc(450/600 * 100%); max-width: calc(100% - 110/16 * 1em);}
.research .fruit_list li aside{position: relative;}
.research .fruit_list li aside span{font-size: calc(22/16 * 1em); position: relative; z-index: 2; color: #333; font-weight: 700;}
.research .fruit_list li aside::after{content: ""; position: absolute; bottom: 0; left: 0; 
    background-image: linear-gradient(to right,#e69518,transparent);
      background-image: -webkit-linear-gradient(to right,#e69518,transparent); 
    background-image:    -moz-linear-gradient(to right,#e69518,transparent);
    background-image:     -o-linear-gradient(to right,#e69518,transparent);
     border-radius: 9999px; width: 3em; height: calc(8/22 * 1em);}
.research .fruit_list li .img{display: flex; max-width: calc(103/578 * 100%); align-items: center; justify-content: center;}
.research .fruit_list li .content{margin-top: calc(20/16 * 1em);}
.research .fruit_list li .content p{margin: 0; font-weight: 500;}
.research .fruit_list li .content p span{font-weight: normal;}


@media(min-width:1025px){
    .research .fruit_list li:nth-of-type(2n+1){padding-left: calc(24/1400 * 100%);}
    .research .fruit_list li:nth-of-type(2n){padding-right: calc(24/1400 * 100%);}
    .research .fruit_list::after{content: ""; position: absolute; height: 34%; width: 1px; background-color: #e0e1e0; left: 50%; top: 50%; transform: translate(-50%,-50%);}
}

@media(max-width:1024px){
    .research .fruit_list{gap: 1em;}
    .research .fruit_list li{width: 100%;}
}

@media(max-width:768px){
    .research .fruit_list{padding-bottom: 4em;}
}


.research .fruit_img_list{display: flex; align-items: center; padding: calc(50/1400 * 100%) 0;}

.research .fruit_img_list .swiper-slide{ opacity: .6; transform-origin: left; position: relative;}
.research .fruit_img_list .swiper-slide figure img{width: 100%;}
.research .fruit_img_list .swiper-slide-active ~ li{transform-origin: right;}

.research .fruit_img_list .swiper-slide-active{opacity: 1; transform-origin: center;}


.research .fruit_img_list .swiper-slide-prev,
.research .fruit_img_list .swiper-slide-next{opacity: 1;}
.research .fruit_img_list .swiper-slide-prev-prev,
.research .fruit_img_list .swiper-slide-next-next{opacity: .8;}


.research .fruit_img_list .swiper-slide .fruit_shadow{position: absolute; overflow: hidden;  opacity: .4; height: calc(98/302 * 100%); width: 100%; top: 90%; z-index: -1; background-size: 100% auto;}
.research .fruit_img_list .swiper-slide .fruit_shadow::after{content: ""; position: absolute; width: 100%; height: 100%; bottom: 0; left: 0;
     background-image: linear-gradient(to top,#f5f6f4,transparent);
     background-image: -webkit-linear-gradient(to top,#f5f6f4,transparent); 
     background-image:    -moz-linear-gradient(to top,#f5f6f4,transparent);
     background-image:     -o-linear-gradient(to top,#f5f6f4,transparent);
    }
.research .fruit_img_list .swiper-slide .fruit_shadow img{transform: rotateX(180deg);object-fit: cover;object-position: bottom;width: 100%;height: 95%;}

.research .fruit_img_wrapper .control_arrow{width: 100%;  margin-top: calc(70/1400 * 100%); justify-content: center;}
.research .fruit_img_wrapper .control_arrow .slick-arrow{transition: .3s; opacity: 0;}
.research .fruit_img_wrapper:hover .control_arrow .slick-arrow{opacity: 1;}
.research .fruit_img_wrapper .control_arrow span{width: 6em; opacity: 1; text-align: center; font-size: calc(30/16 * 1em); font-weight: 700; margin: 0 calc(175/1400 * 100%); color: #333;}

@media(min-width:1025px){
    .research .fruit_img_list .swiper-slide{transform: scale(calc(86/200));}

    .research .fruit_img_list .swiper-slide-active{transform: scale(calc(298/200)); }

    .research .fruit_img_list .swiper-slide-prev{transform: scale(calc(203/200)) translateX(-5em);}
    .research .fruit_img_list .swiper-slide-next{transform: scale(calc(203/200)) translateX(5em);}

    .research .fruit_img_list .swiper-slide-prev-prev{transform: scale(calc(123/200)) translateX(-5em);}
    .research .fruit_img_list .swiper-slide-next-next{transform: scale(calc(123/200)) translateX(5em);}
}

@media(max-width:1024px){
    .research .fruit_img_list .swiper-slide{transform: scale(calc(150/200));}
    .research .fruit_img_list .swiper-slide-active{transform: scale(1);}
}

.research .product_table{padding-top: calc(90/1400 * 100%);}
.research .product_table .img_box{ position: relative;}
.research .product_table .img_box .img{position: relative; margin: 0 auto; z-index: 2; border-radius: 40px; padding: calc(40/1400 * 100%); border: 1px solid #fff; background-color: rgba(255, 255, 255, .5); width: calc(1330/1400 * 100%); }
.research .product_table .img_box::after{content: ""; width: calc(1603/1400 * 100%); z-index: 1; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; background: url(../images/img_shadow.png) no-repeat bottom; background-size: cover; padding-bottom: calc(132/1400 * 100%);}

@media(max-width:768px){
    .research .product_table{padding-top: 4em;}
}

@media(max-width:640px){
    .research .product_table .img_box .img{border-radius: 1em;}
}

.research .decoration:nth-last-of-type(1){top: 55%; left: calc(-200/1920 * 100%);}
.research .decoration:nth-last-of-type(2){top: 30%; right: calc(-200/1920 * 100%); transform: rotateY(180deg);} 

.tech_title{text-align: center;}
.tech_title p{text-align: center; display: inline-block; font-size: calc(30/16 * 1em); position: relative; color: #333; margin: 0; font-weight: 700;}
.tech_title p span{position: relative; z-index: 2;}
.tech_title p i{font-size: calc(70/30 * 1em); padding-right: .15em; z-index: 1; position: absolute; line-height: 1; bottom: 0; right: 90%;
    /* background: -webkit-linear-gradient(120deg, #2b780e, transparent 70%);  */
    background-image: linear-gradient(120deg, #2b780e, transparent 70%); /* 标准语法 */
    background-image: -webkit-linear-gradient(120deg, #2b780e, transparent 70%); 
    background-image:    -moz-linear-gradient(120deg, #2b780e, transparent 70%);
    background-image:     -o-linear-gradient(120deg, #2b780e, transparent 70%);
    -webkit-background-clip: text; /* Chrome, Safari */
    background-clip: text;-webkit-text-fill-color: transparent; /* Chrome, Safari */color: transparent; /* 兼容不支持background-clip的浏览器 */}

@media(max-width:1024px){
    .tech_title{text-align: start;}
    .tech_title p{font-size: calc(20/16 * 1em);}
}

.technology_before{position: relative;}
.technology_before::before{content: ""; position: absolute; width: 100%; bottom: 100%; padding-bottom: calc(29/1920 * 100%); mask: url(../images/technology_before.png) no-repeat center; -webkit-mask-size: cover; mask: url(../images/technology_before.png) no-repeat center; -webkit-mask-size: cover;}

.technology{padding: calc(60/1920 * 100%) 0 calc(0/1920 * 100%); position: relative; overflow: hidden;}
.technology .technology_info_expert{padding-bottom: calc(147/1400 * 100%);}
.technology .technology_info{display: flex; flex-wrap: wrap; justify-content: space-between; padding: calc(100/1400 * 100%) 0;}
.technology .technology_info .content{width: calc(965/1400 * 100%);}
.technology .technology_expert .tips{margin: 0; color: #d6b684; margin-top: calc(30/1400 * 100%);}
.technology .technology_expert .expert_list{display: flex; margin-top: calc(25/1400 * 100%); flex-wrap: wrap; gap: calc(18/16 * 1em) calc(37/1400 * 100%);}
.technology .technology_expert .expert_list li{width: calc(250/1400 * 100%); background-color: rgba(255, 255, 255, .8); padding: calc(36/1400 * 100%) calc(30/1400 * 100%); border-radius: 30px;}
.technology .technology_expert .expert_list li figure{width: calc(132/190 * 100%); border: 6px solid #e1ecde; margin: 0 auto; border-radius: 50%; overflow: hidden; }
.technology .technology_expert .expert_list li aside{text-align: center; margin: calc(15/24 * 1em) 0; font-size: calc(24/16 * 1em); color: #333; font-weight: 700;}
.technology .technology_expert .expert_list li p{margin: 0; line-height: calc(20/16); font-weight: 500; color: #555555; text-align: center;}
.technology .technology_expert .expert_list li p:not(:nth-last-of-type(1)){margin-bottom: calc(14/16 * 1em);}
.technology .tech_improve{margin-top: calc(60/1400 * 100%); display: flex; flex-wrap: wrap; justify-content: space-between; gap: calc(40/16 * 1em) 0;}
.technology .tech_improve li{width: calc(680/1400 * 100%); border-radius: 30px; background-color: rgba(255, 255, 255, .3); display: flex; flex-wrap: wrap; align-items: start; justify-content: space-between; border: 1px solid #fff; padding: calc(10/1400 * 100%);}
.technology .tech_improve li figure{width: calc(280/660 * 100%); padding-bottom: calc(186/660 * 100%); border-radius: 20px; background-size: cover; background-position: center;}
.technology .tech_improve li p{width: calc(330/660 * 100%); position: relative; margin: 0; padding-top: calc(38/18 * 1em); font-size: calc(18/16 * 1em); font-weight: 500; line-height: calc(34/16); color: #333;}
.technology .tech_improve li p::before{content: ""; background-color: #e69313; border-radius: 9999px; width: calc(32/18 * 1em); height: calc(4/18 * 1em); position: absolute; top: calc(16/18 * 1em);}

@media(max-width:1024px){
    .technology{padding-bottom: 0 !important;}
    .technology .technology_info .content{width: 100%; margin-top: 1em;}
    .technology .technology_info_expert{padding-bottom: 4em;}
    .technology .technology_expert .expert_list li{width: 31.5%; border-radius: 1em;}
    .technology .technology_expert .expert_list li figure{width: 4em;}
    .technology .technology_expert .expert_list li aside{font-size: calc(18/16 * 1em);}
    .technology .tech_improve li{width: 100%; padding: .5em;}
    .technology .tech_improve li p{width: 100%; padding: 1em 1em 0; font-size: calc(16/16 * 1em);}
    .technology .tech_improve li figure{width: 100%; padding-bottom: 66%;}
}

@media(max-width:768px){
    .technology .technology_expert .expert_list li{width: 48.5%;}
}

.technology .technology_core{padding: calc(110/1920 * 100%) 0 calc(145/1920 * 100%);}
.technology .technology_core::before{background-color: #eaefe7;}
.technology .technology_core .tech_core_list{display: flex; flex-wrap: wrap; margin-top: calc(50/1400 * 100%); gap: calc(28/16 * 1em) calc(28/1400 * 100%);}
.technology .technology_core .tech_core_list li{border-radius: 30px; padding: calc(40/1400 * 100%); transition: .3s; width: calc(448 / 1400 * 100%); background-color: rgba(255, 255, 255, .5);}
.technology .technology_core .tech_core_list li aside{font-size: calc(24/16 * 1em); margin: calc(23/24 * 1em) 0 calc(10/24 * 1em); color: #333; font-weight: 700;}
.technology .technology_core .tech_core_list li p{margin: 0;  font-size: calc(18/16 * 1em); line-height: calc(30/18); color: #555555;}
.technology .technology_core .tech_core_list li figure{height: calc(53/16 * 1em);}
.technology .technology_core .tech_core_list li figure img{max-height: 100%;}
.technology .technology_core .tech_core_list li:hover{background-color: #fff; box-shadow: 0px 0px 1em .5em rgba(0,0,0,0.1);}
@media(max-width:1024px){
    .technology .technology_core .tech_core_list{gap: calc(18/16 * 1em) 3%;}
    .technology .technology_core .tech_core_list li{width: 48.5%; border-radius: 1em;}
    .technology .technology_core .tech_core_list li aside{margin: .5em 0; font-size: calc(18/16 * 1em);}
    .technology .technology_core .tech_core_list li p{font-size: calc(16/16 * 1em);}
}
/* 
@media(max-width:768px){
    .technology .technology_core{padding: 4em 0;}
} */

.technology_chain{padding: calc(110/1920 * 100%) 0 calc(130/1920 * 100%); 
    background-image: linear-gradient(to bottom,#fafaf9,#f4f5f3);
    background-image: -webkit-linear-gradient(to bottom,#fafaf9,#f4f5f3); 
    background-image:    -moz-linear-gradient(to bottom,#fafaf9,#f4f5f3);
    background-image:     -o-linear-gradient(to bottom,#fafaf9,#f4f5f3);
}
.technology_chain::before{background-color: #fafaf9;}
.technology_chain .technology_list{margin-top: calc(50/1400 * 100%); position: relative;}
.technology_chain .technology_chain_list:nth-of-type(1) li::after{transform: rotate(45deg) translate(-50%,50%); bottom: 0; transform-origin: bottom;}
.technology_chain .technology_chain_list:nth-last-of-type(1) li::after{transform: rotate(-45deg) translate(-50%,-50%); top: 0; transform-origin: top;}
.technology_chain .technology_chain_list{display: flex; justify-content: center; flex-wrap: wrap; gap: 1em calc(26/1400 * 100%);}
.technology_chain .technology_chain_list li{width: calc(330/1400 * 100%); position: relative;  }
.technology_chain .technology_chain_list li::after{content: ""; width: 2em; height: 2em; z-index: 1;  background-color: #fefefe; position: absolute; left: 50%; transform: rotate(45deg);}
.technology_chain .technology_chain_list li .li_c{padding: calc(30/16 * 1em); height: 100%; position: relative; z-index: 2; background-color: #fefefe; border-radius: 30px; }
.technology_chain .technology_chain_list li figure{height: calc(57/16 * 1em);}
.technology_chain .technology_chain_list li figure img{max-height: 100%;}
.technology_chain .technology_chain_list li aside{font-size: calc(24/16 * 1em); margin-top: 1em; font-weight: 700; color: #333;}
.technology_chain .technology_chain_list li p{margin: 0; font-size: calc(18/16 * 1em); color: #555; line-height: calc(30/18); margin-top: calc(10/18 * 1em);}
.technology_chain .technology_chain_process_box{position: relative;}
.technology_chain .technology_chain_process_box::after{content: ""; width: 0; position: absolute;height: 0;border-style: solid;border-width: 20px 0px 20px 25px; right: 0; top: 50%; transform: translateY(-50%); border-color: transparent transparent transparent #e2e6e1;}
.technology_chain .technology_chain_process{background-color: #e2e6e1; width: calc(1388/1400 * 100%); margin: calc(50/1400 * 100%) 0; height: 11px; position: relative; display: flex;}
.technology_chain .technology_chain_process li{width: calc(180/1388 * 100%); display: flex; align-items: center; justify-content: end;}
.technology_chain .technology_chain_process li .step{width: calc(31/16 * 1em); height: calc(31/16 * 1em); display: flex; align-items: center; justify-content: center; color: #fff; border-radius: 50%; background-color: #728d68;}

@media(max-width:1024px){
    .technology_chain .technology_list{padding-left: 2em;}
    .technology_chain .technology_chain_process_box{position: absolute; height: 100%; width: 2em; left: 0; top: 0;}
    .technology_chain .technology_chain_process{flex-direction: column; gap: 1em; width: .5em; height: 100%; margin: 0 auto; }
    .technology_chain .technology_chain_process li{width: 100%; flex: 1; position: relative;}
    .technology_chain .technology_chain_process li .step{width: 1.5em;height: 1.5em; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
    .technology_chain .technology_chain_list li{width: 100%;}
    .technology_chain .technology_chain_list:nth-of-type(1){margin-bottom: 1em;}
    .technology_chain .technology_chain_list li figure{height: 2em;}
    .technology_chain .technology_chain_list li aside{margin-top: .5em; font-size: calc(18/16 * 1em);}
    .technology_chain .technology_chain_list li p{font-size: calc(16/16 * 1em);}
    .technology_chain .technology_chain_process_box::after{display: none;}
    .technology_chain .technology_chain_list li::after{display: none;}
}

/* @media(max-width:768px){
    .technology_chain{padding: 4em 0;}
} */

.technology_advance{padding: calc(88/1920 * 100%) 0 calc(150/1920 * 100%);}
.technology_advance::before{background-color: #eaefe7;}
.technology_advance .advance_list{margin-top: calc(50/1400 * 100%); width: calc(100% + 20/16 * 1em);}
.technology_advance .advance_list .slick-track{display: flex;}
.technology_advance .advance_list li{margin-right: calc(20/16 * 1em); position: relative; padding:calc(40/16 * 1em) calc(30/16 * 1em); border-radius: 5px 5px 30px 30px; overflow: hidden; background-color: rgba(255,255,255,.5);}
.technology_advance .advance_list li::before{content: ""; top: 0; width: 100%; height: 3px; position: absolute; left: 0; background-color: #78a766;}
.technology_advance .advance_list li span{font-size: calc(70 / 16* 1em);display: block;margin: 0 auto;-webkit-text-stroke: 1px #7caa69;color: transparent;line-height: .8; font-weight: bold;}
.technology_advance .advance_list li p{font-size: calc(18/16 * 1em); line-height: calc(30/18); color: #555; margin: 0; margin-top: calc(25/18 * 1em); font-weight: 500;}
.technology_advance .advance_list li.slick-current span,.technology_advance .advance_list li:hover span{-webkit-text-stroke: 1px #e69313;}
.technology_advance .advance_list li.slick-current::before,.technology_advance .advance_list li:hover::before{background-color:#e69313;}
.technology_advance .advance_list_box{position: relative;}
.technology_advance .control{position: absolute; opacity: 0; transition: .5s; pointer-events: none; top: 50%; left: 50%; transform: translate(-50%,-50%); width: calc(1600/1400 * 100%); display: flex; align-items: center; justify-content: space-between;}
.technology_advance .control .slick-arrow{width: calc(54/16 * 1em); pointer-events: all; color: #fff; height: calc(54/16 * 1em); position: relative; font-size: 1em; border: 1px solid #d69017; text-indent: -9999px; overflow: hidden; border-radius: 50%; background-color: #d69017;}
.technology_advance .control .slick-arrow::after{content: "";  width: calc(18/16 * 1em); height: calc(12/16 * 1em); position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);  mask: url(../images/arrow.svg) no-repeat center; background-color: currentColor; -webkit-mask:url(../images/arrow.svg) no-repeat center; -webkit-mask-size: cover; mask-size: cover;}
.technology_advance .control .slick-arrow.slick-prev{transform: rotate(180deg); bottom: 0; left: 0;}
.technology_advance .control .slick-arrow.slick-next{top: 0; right: 0;}
.technology_advance .control .slick-arrow.slick-disabled{background-color: transparent; border-color: #cfcfcf; color: #999999; opacity: .5;}
.technology_advance .advance_list_box:hover .control{opacity: 1;}
@media(max-width:1600px){
    .technology_advance .control{width: 100%; z-index: 2; opacity: .5;}
}

@media(max-width:1024px){
    .technology_advance .advance_list li p{font-size: calc(16/16 * 1em);}
    .technology_advance .control .slick-arrow{font-size: .7em;}
    .technology_advance .advance_list li span{font-size: calc(45/16 * 1em);}
}

/* @media(max-width:768px){
    .technology_advance{padding: 4em 0;}
} */

.technology_strict{padding: calc(105/1920 * 100%) 0 calc(90/1920 * 100%); 
    background-image: linear-gradient(to bottom,#f9faf9,#f5f6f4, #f4f5f3);
    background-image: -webkit-linear-gradient(to bottom,#f9faf9,#f5f6f4, #f4f5f3); 
    background-image:    -moz-linear-gradient(to bottom,#f9faf9,#f5f6f4, #f4f5f3);
    background-image:     -o-linear-gradient(to bottom,#f9faf9,#f5f6f4, #f4f5f3);
}
.technology_strict::before{background-color: #f9faf9;}
.technology_strict .img{margin-top: calc(50/1400 * 100%); text-align: center;}
@media(max-width:1024px){
    .technology_strict{padding-bottom: 0; padding-top: 4em;}
}

/* @media(max-width:768px){
    .technology_strict{padding-top: 4em;}
} */

.technology .decoration:nth-last-of-type(1){top: 36%; left: calc(-200/1920 * 100%);}
.technology .decoration:nth-last-of-type(2){top: 5%; right: calc(-200/1920 * 100%); transform: rotateY(180deg);} 


.ecology{position: relative; overflow: hidden;}
.green_ecology{padding: calc(60/1920 * 100%) 0 calc(140/1920 * 100%);}
.green_ecology .system_title{text-align: center;}
.green_ecology .green_ecology_c{margin-top: calc(100/1400 * 100%);}
.green_ecology .green_ecology_c .green_ecology_list{display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: calc(60/1400 * 100%);}
.green_ecology .green_ecology_c .green_ecology_list li{padding: calc(40/1400 * 100%); position: relative; box-shadow: 0px 0px 1em 0px rgba(0,0,0,0.1); border: 1px solid #fff; padding-bottom: calc(138/1400 * 100%); width: calc(320/1400 * 100%); border-radius: 9999px; background-repeat: no-repeat; background-position: bottom center,top;}
.green_ecology .green_ecology_c .green_ecology_list li .li_c{position: relative; z-index: 2;}
.green_ecology .green_ecology_c .green_ecology_list .img{width: calc(86/16 * 1em); height: calc(86/16 * 1em); background-color: #f5f9f3; margin: 0 auto; display: flex; align-items: center; justify-content: center; border-radius: 50%; border: 1px dotted #bed1b7;}
.green_ecology .green_ecology_c .green_ecology_list .img figure{width: 100%; height: 100%; color: #29760b; border-radius: 50%; mask: center no-repeat; -webkit-mask: center no-repeat; background-color: currentColor;}
.green_ecology .green_ecology_c .green_ecology_list aside{font-size: calc(24/16 * 1em); text-align: center; position: relative; padding-top: calc(20/16 * 1em); margin: calc(20/16 * 1em) 0 calc(23/16 * 1em); line-height: calc(30/24); font-weight: 700; color: #333;}
.green_ecology .green_ecology_c .green_ecology_list aside::after{content: ""; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: calc(26/24 * 1em); border-radius: 9999px; height: 3px; background-color: #29760b;}
.green_ecology .green_ecology_c .green_ecology_list p{line-height: calc(30/16); margin: 0; text-align: center; font-weight: 500; color: #333;}
.green_ecology .green_ecology_c .green_ecology_list li:hover{border-color: transparent;}
.green_ecology .green_ecology_c .green_ecology_list li:hover .img figure{color: #fff;}
.green_ecology .green_ecology_c .green_ecology_list li:hover::after{content: ""; left: 0; top: 0; position: absolute; width: 100%; height: 100%; 
    background-image: linear-gradient(200deg,#29760b 50%,rgba(41,118,11,.3)); 
    background-image: -webkit-linear-gradient(200deg,#29760b 50%,rgba(41,118,11,.3)); 
    background-image:    -moz-linear-gradient(200deg,#29760b 50%,rgba(41,118,11,.3));
    background-image:     -o-linear-gradient(200deg,#29760b 50%,rgba(41,118,11,.3));
    border-radius: 9999px; z-index: 1;}
.green_ecology .green_ecology_c .green_ecology_list li:hover .img{background-color: rgba(255,255,255,.1); border-color: #fff;}
.green_ecology .green_ecology_c .green_ecology_list li:hover aside{color: #fff;}
.green_ecology .green_ecology_c .green_ecology_list li:hover p{color: #fff;}

@media(max-width:1024px){
    /* .green_ecology .system_title{text-align: start;} */
    .green_ecology .green_ecology_c .green_ecology_list aside{font-size: calc(18/16 * 1em);}
    .green_ecology .green_ecology_c .green_ecology_list{gap: 1em 3%;}
    .green_ecology .green_ecology_c .green_ecology_list li{width: 48.5%;}
    .green_ecology .green_ecology_c .green_ecology_list .img{font-size: .8em;}
}

/* @media(max-width:768px){
    .green_ecology{padding-top: 4em;}
} */

@media(max-width:640px){
    .green_ecology .green_ecology_c .green_ecology_list .img figure{mask-size: auto 50%;}
    .green_ecology .green_ecology_c .green_ecology_list aside{margin: .5em 0; }
}

.ecology_food{padding-top: calc(90/1920 * 100%); 
    background-image: linear-gradient(to bottom,#eaeee9,#ebefe7);
    background-image: -webkit-linear-gradient(to bottom,#eaeee9,#ebefe7); 
    background-image:    -moz-linear-gradient(to bottom,#eaeee9,#ebefe7);
    background-image:     -o-linear-gradient(to bottom,#eaeee9,#ebefe7);
}
.ecology_food .auto{position: relative;}
.ecology_food::before{background-color: #eaeee9;}
.ecology_food .system_title{text-align: center;}
.ecology_food .logo_list{display: flex; padding: calc(60/1400 * 100%) 0 calc(80/1400 * 100%); align-items: center; justify-content: center; gap: 1em calc(100/1400 * 100%);}
.ecology_food .img{position: relative; z-index: 2;}
.ecology_food::after{content: "" ; bottom: 0; z-index: 1; pointer-events: none; position: absolute; background: url(../images/footer_before.png) no-repeat center; background-size: 100% auto; width: 100%; padding-bottom: calc(285/1920 * 100%);}


@media(max-width:1024px){
    .ecology_food{padding-top: 4; padding-bottom: 1em;}
}

@media(max-width:768px){
    .ecology_food{padding-bottom: 11em;}
}

footer.notBefore{margin-top: -150px;}

@media(min-width:2559px){
    footer.notBefore{margin-top: -3.5vw;}
}

@media(max-width:1920px){
    footer.notBefore{margin-top: calc(-250/1920 * 100%);}
}

@media(max-width:1600px){
    footer.notBefore{margin-top: calc(-300/1920 * 100%);}
}

@media(max-width:1024px){
    footer.notBefore{margin-top: calc(-660/1920 * 100%);}
}

@media(min-width:769px) and (max-width:1024px){
    footer.notBefore .footer_inner{background-position: bottom center;}
    footer.notBefore .footer_inner .auto{padding-top: 10em;}
}

@media(max-width:768px){
    footer.notBefore {margin-top: calc(-890 / 1920* 100%);}
}

@media(max-width:640px){
    footer.notBefore {margin-top: calc(-930 / 1920* 100%);}
}

.ecology .decoration:nth-last-of-type(1){top: 24%; right: calc(-200/1920 * 100%); transform: rotateY(180deg);} 


.quality_testing{padding: calc(60/1920 * 100%) 0 calc(120/1920 * 100%); overflow: hidden; position: relative;}
.quality_testing .system_title{text-align: center; margin-top: calc(100/1400 * 100%);}
.quality_testing .testing_process_box{display: flex; justify-content: space-between; position: relative; margin: calc(65/1400 * 100%) 0 calc(160/1400 * 100%);}
.quality_testing .testing_list{ position: relative; z-index: 2;}
.quality_testing .testing_list li{display: flex;}
.quality_testing .testing_list li .box{width:50%; position: relative}
.quality_testing .testing_list li:nth-child(even){justify-content: flex-end}
.quality_testing .testing_list aside{font-size: calc(30/16 * 1em); margin: calc(35/30 * 1em) 0 calc(13/30 * 1em); font-weight: 700; color: #333;}
.quality_testing .testing_list p{font-size: calc(18/16 * 1em);line-height: calc(34/18); color: #555; font-weight: 500; margin: 0;text-align: justify}
.quality_testing .testing_list figure{width: calc(280/580 * 100%); position: relative; padding-bottom: calc(187/580 * 100%); background-size: cover; background-position: center; border-radius: 20px;}
.quality_testing .testing_list .img{position: relative;display: flex}
.quality_testing .testing_list .img .step{content: ""; font-size: calc(34/16 * 1em); color: #fff; display: flex; align-items: center; justify-content: center; z-index: 2; width: calc(76/34 * 1em); padding-top: .5em; height: calc(84/34 * 1em); background: url(../images/quality_testing_apple.svg) no-repeat center; background-size: cover; position: absolute; top: 50%; transform: translateY(-50%)}
.quality_testing .testing_process{width: 1px; position: absolute; display: flex; flex-direction: column; justify-content: space-around; align-items: center; left: 50%; transform: translateX(-50%); height: 94.5%; border-left: 1px dotted #659c50;}
.quality_testing .testing_process .testing_process_arrow{width: calc(11/16 * 1em); height: calc(7/16 * 1em); background: url(../images/testing_process_arrow.svg) no-repeat center; background-size: cover;display: none}
.quality_testing .testing_list li:nth-child(odd) .img{justify-content: flex-end;padding-right: calc(120/700 * 100%);}
.quality_testing .testing_list li:nth-child(odd) .img .step{right:calc(-38/34 * 1em); }
.quality_testing .testing_list li:nth-child(odd) aside{text-align: right; padding-right: calc(120/700 * 100%);}
.quality_testing .testing_list li:nth-child(odd) p{padding-right: calc(120/700 * 100%);}

.quality_testing .testing_list li:nth-child(even) .img{justify-content: flex-start;padding-left: calc(120/700 * 100%);}
.quality_testing .testing_list li:nth-child(even) .img .step{left:calc(-38/34 * 1em);}
.quality_testing .testing_list li:nth-child(even) p{ padding-left: calc(120/700 * 100%);}
.quality_testing .testing_list li:nth-child(even) aside{text-align: left; padding-left: calc(120/700 * 100%);}
.quality_testing .testing_process{margin-top: calc(90/1400 * 100%);}


@media(max-width:1024px){
    .quality_testing{padding-bottom: 0 !important;}
    .quality_testing .testing_list aside{font-size: calc(16/16 * 1em);}
    .quality_testing .testing_list p{font-size: calc(14/16 * 1em);}
    .quality_testing .testing_list .img .step{font-size: 1.5em;}
    .quality_testing .testing_list figure{width: 100%; padding-bottom: 66%;}
    .quality_testing .testing_process {margin-top: calc(180 / 1400* 100%);}
}

@media(max-width:768px){
    .quality_testing .testing_process{display: none}
	.quality_testing .testing_list li{padding: 4% 0; border-bottom: 1px dotted #659c50}
	.quality_testing .testing_list li .box{width: 100%}
	.quality_testing .testing_list figure{border-radius: 1em;}	
	.quality_testing .testing_list aside,
	.quality_testing .testing_list p{padding: 3% 0!important; }
	.quality_testing .testing_list aside{text-align: left!important; margin: 0}
}

.quality_testing  .test_rank{margin-top: calc(50/1400 * 100%);}
.quality_testing .tips{text-align: right; padding-top: 3%}

.quality_testing .decoration:nth-last-of-type(1){top: 40%; left: calc(-200/1920 * 100%);}
.quality_testing .decoration:nth-last-of-type(2){top: 15%; right: calc(-50 / 1920* 100%); transform: rotateY(180deg);} 

.product_banner{position: relative; background-color: #f6f7f5;}
.product_banner .text{position: absolute; left: 50%; transform: translateX(-50%); top: calc(333/1402 * 100%);}
.product_banner .text aside{font-size: calc(60/16 * 1em); position: relative; font-weight: 700; color: #fff; font-weight: 700; padding-left: calc(140/1400 * 100%);}
.product_banner .text aside::before{content: ""; position: absolute; background: url(../images/symbol.svg) no-repeat center; left: 0; top: .2em; background-size: cover; width: calc(71/60 * 1em); height: calc(58/60 * 1em);}
.product_banner .banner_content{max-width: 700px;margin-top: calc(25/1400 * 100%); padding-left: calc(140/1400 * 100%);}
.product_banner .banner_content p{font-size: calc(24/16 * 1em); font-weight: 500; color: #fff; margin: 0;}
.product_banner .banner_content p:not(:nth-last-of-type(1)){margin-bottom: calc(20/1400 * 100%);}
.product_banner .banner_content p:nth-last-of-type(1){position: relative;}
.product_banner .banner_content p:nth-last-of-type(1)::after{content: ""; position: absolute; left: 0; bottom: 0; z-index: -1; width: calc(314/1400 * 100%); height: calc(8/24 * 1em); border-radius: 9999px; 
    background-image: linear-gradient(to right,#dc8d14,transparent 80%);
    background-image: -webkit-linear-gradient(to right,#dc8d14,transparent 80%); 
    background-image:    -moz-linear-gradient(to right,#dc8d14,transparent 80%);
    background-image:     -o-linear-gradient(to right,#dc8d14,transparent 80%);
}
.product_banner img{width: 100%;}
@media(max-width:1024px){
    .product_banner .text aside{font-size: calc(30/16 * 1em);}
    .product_banner .banner_content p{font-size: calc(18/16 * 1em);}
}
@media(max-width:768px){
    .product_banner .banner_content{ display: none;}
}

.product_box{overflow: hidden;}

.product_title{font-size: calc(40/16 * 1em); color: #333; }

.prodcut{
    background-image: linear-gradient(to bottom,#f6f7f5,#f4f5f3);
    background-image: -webkit-linear-gradient(to bottom,#f6f7f5,#f4f5f3); 
    background-image:    -moz-linear-gradient(to bottom,#f6f7f5,#f4f5f3);
    background-image:     -o-linear-gradient(to bottom,#f6f7f5,#f4f5f3);
}
.prodcut .product_intro{display: flex; flex-wrap: wrap; align-items: start; justify-content: space-between; margin-top: calc(-350/1400 * 100%); position: relative;}
.prodcut .product_intro .leaf{position: absolute; animation: leaf 4s linear both; z-index: 2; width: calc(113/16 * 1em); height: calc(59/16 * 1em); background: url(../images/leaf3.png) no-repeat center; top: calc(667/746 * 100%); left: calc(70/1400 * 100%); background-size: cover;}
.prodcut .product_intro .img{width: calc(655/1400 * 100%); position: relative;}
.prodcut .product_intro .img::after{content: ""; position: absolute; background-color: currentColor; height: 100%; width: calc(628/655 * 100%); right: 0; height: 100%; mask: url(../images/product_mask.png) no-repeat center; -webkit-mask: url(../images/product_mask.png) no-repeat center; -webkit-mask-size: cover; mask-size: cover;}
.prodcut .product_intro .img figure{display: inline-block; position: relative; z-index: 2; width: calc(600/655 * 100%); border-radius: 50%; overflow: hidden;}
.prodcut .product_intro .textBox{width: calc(572/1400 * 100%); padding-top: calc(130/1400 * 100%);}
.prodcut .product_intro .textBox aside{position: relative;}
.prodcut .product_intro .textBox aside em{font-style: normal; text-align: right; text-transform: uppercase; font-weight: bold; left: 0; top: 50%; transform: translate(-22%,-50%); position: absolute; opacity: .02; font-size: calc(160/40 * 1em); line-height: 1;}
.prodcut .product_intro .textBox .text_content{margin-top: calc(40/16 * 1em);}
.prodcut .product_intro .textBox p{font-size: calc(20/16 * 1em); position: relative; padding-left: calc(18/20 * 1em); line-height: 2; font-weight: 500; color: #333; margin: 0;}
.prodcut .product_intro .textBox p i{content: ""; position: absolute; top: .9em; left: 0; width: 6px; height: 6px; border-radius: 50%; background-color: currentColor;}
.prodcut .product_intro .textBox figure{width: calc(287/572 * 100%); margin-top: calc(40/16 * 1em); overflow: hidden; margin-left: auto;}
.prodcut .product_intro .textBox figure img{border-radius: 50%;}
@keyframes leaf{
    0%{
        top: calc(227/746 * 100%);
        left: calc(0/1400 * 100%);
        transform: rotateY(0deg);
    }
    25%{
        top: calc(337/746 * 100%);
        left: calc(20/1400 * 100%);
    }
    50%{
        top: calc(447/746 * 100%);
        left: calc(30/1400 * 100%);
    }
    75%{
        top: calc(557/746 * 100%);
        left: calc(50/1400 * 100%);
    }
    100%{
        top: calc(667/746 * 100%);
        left: calc(70/1400 * 100%);
        transform: rotateY(360deg);
    }
}

@media(max-width:1024px){
    .prodcut .product_intro .img {width: calc(655 / 1400 * 4 / 3 * 100%);}
    .prodcut .product_intro .textBox aside em{font-size: calc(50/16 * 1em);}
    .prodcut .product_intro .textBox{width: 100%;}
    .prodcut .product_intro .textBox p{font-size: calc(16/16 * 1em);}
    .prodcut .product_intro .textBox .text_content{margin-top: 1em;}
}

.prodcut .product_launch{margin-top: calc(80/1400 * 100%);}
.prodcut .product_launch .product_title{text-align: center;}
.prodcut .product_launch .img{margin-top: calc(60/1400 * 100%);}

.prodcut .product_relate{padding-top: calc(110/1400 * 100%);}
.prodcut .product_relate .product_title{text-align: center;}
.prodcut .product_relate .relate_list{margin-top: calc(40/1400 * 100%);}
.prodcut .product_relate .relate_list li{position: relative;}
.prodcut .product_relate .relate_list aside{font-size: calc(24/16 * 1em); text-align: center; color: #333;}
.prodcut .product_relate .relate_list p{color: #555; line-height: calc(34/16); margin: .5em 0 calc(15/16 * 1em); text-align: center;}
.prodcut .product_relate .relate_list figure{text-align: center; width: calc(370/467 * 100%); margin: 0 auto;}
.prodcut .product_relate .relate_list .text{transform: translateY(-1.5em);}
.prodcut .product_relate .relate_list li.slick-current::after{content: "";  margin-top: calc(22/16 * 1em); pointer-events: none; position: absolute; width: calc(400/16 * 1em); height: calc(400/16 * 1em); border-radius: 50%; box-shadow: 0px .6em .5em 0px rgba(0,0,0,0.05); top: 50%; left: 50%; transform: translate(-50%,-50%);}
.prodcut .product_relate .relate_list li:not(.slick-current){display: flex; align-items: center;}
.prodcut .product_relate .relate_list li:not(.slick-current) .text{display: none;}
.prodcut .product_relate .slick-track{display: flex; padding-bottom: calc(2em + 22/16 * 1em);}
.prodcut .product_relate .relate_list .more{display: flex; align-items: center; justify-content: center;}
.prodcut .product_relate .relate_list .more a{width: calc(54/16 * 1em); color: #fff; height: calc(54/16 * 1em); position: relative; font-size: 1em; border: 1px solid #d69017; text-indent: -9999px; overflow: hidden; border-radius: 50%; background-color: #d69017;}
.prodcut .product_relate .relate_list .more a::after{content: ""; width: calc(18/16 * 1em); height: calc(12/16 * 1em); position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);  mask: url(../images/arrow.svg) no-repeat center; background-color: currentColor; -webkit-mask:url(../images/arrow.svg) no-repeat center; -webkit-mask-size: cover; mask-size: cover;}
.prodcut .product_relate .relate_list_box{position: relative;}


.prodcut .relate_list_box .control_arrow{opacity: 0; transition: .3s;}
.prodcut .relate_list_box:hover .control_arrow{opacity: 1;}
@media(max-width:1024px){
    .prodcut .product_relate{padding-bottom: 0 !important;}
    .prodcut .product_relate .relate_list li.slick-current::after{width: calc(320/16 * 1em); height: calc(320/16 * 1em);}
    .prodcut .product_relate{padding-bottom: 6em;}
    .prodcut .product_title{font-size: calc(24/16 * 1em);}
    .prodcut .product_relate .slick-track{padding-bottom: 1em;}
}

.control_arrow.con_ab{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.control_arrow{pointer-events: none;  z-index: 2; width: calc(1600/1400 * 100%); display: flex; align-items: center; justify-content: space-between;}
.control_arrow .slick-arrow{width: calc(70/16 * 1em); transition: .3s; pointer-events: all; height: calc(70/16 * 1em); position: relative; font-size: 1em; border: 1px solid #d69017; text-indent: -9999px; overflow: hidden; border-radius: 50%; background-color: transparent; border-color: #cfcfcf; color: #999999;}
.control_arrow .slick-arrow::after{content: "";  width: calc(18/16 * 1em); height: calc(12/16 * 1em); position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);  mask: url(../images/arrow.svg) no-repeat center; background-color: currentColor; -webkit-mask:url(../images/arrow.svg) no-repeat center; -webkit-mask-size: cover; mask-size: cover;}
.control_arrow .slick-arrow.slick-prev{transform: rotate(180deg); bottom: 0; left: 0;}
.control_arrow .slick-arrow.slick-next{top: 0; right: 0;}

.control_arrow .slick-arrow:hover{background-color: #d69017; border-color: #d69017; color: #fff;}

@media(max-width:1600px){
    .control_arrow{width: 100%;}
}

@media(max-width:1024px){
    .control_arrow .slick-arrow{font-size: .6em;}
}



@charset "utf-8";
/* CSS Document */
a:hover{color: #b91e2d;}
footer{}
footer:after{content: ''; left: 0; bottom: 0; z-index: -1; position: absolute; width: 100%; height: 100%; 
    background: linear-gradient(to bottom, #f5f6f4, #f4f5f3);
    background: -webkit-linear-gradient(to bottom, #f5f6f4, #f4f5f3); 
    background:    -moz-linear-gradient(to bottom, #f5f6f4, #f4f5f3);
    background:     -o-linear-gradient(to bottom, #f5f6f4, #f4f5f3);
}
.newsDetail article.news_article{font-size: calc(18/16 * 1em); color: #333333; line-height: calc(34/18); }
.newsDetail article.news_article p{text-indent: 2em;}
.column_banner .text.no_icon  p span i{display: none!important}
.column_banner .text span{max-width: 660px;}
.column_banner#banPictureSeries .text{color: #b91e2d}
.ban_no_text .text{display: none}
.no_menu .c_menu ul{display: none}
.no_menu:not(.ban_no_text) .c_menu{justify-content: flex-end}

.flex,
.flex_js,
.flex_jc,
.flex_ac,
.flex_js_ac,
.flex_jc_ac {
  display: flex;
  flex-wrap: wrap;
}
.flex_js {  justify-content: space-between;}
.flex_jc {  justify-content: center;}
.flex_ac {  align-items: center;}
.flex_js_ac {  justify-content: space-between;  align-items: center;}
.flex_jc_ac {  justify-content: center;  align-items: center;}

.item{position: relative}
.item figure{ overflow: hidden; position: relative}
.item h4{padding: 0; margin: 0;font-weight: normal}
.item p,.mp{padding: 0; margin: 0;}

.img-mid figure{ padding-bottom: 84%;}
.img-mid figure img{position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 100%; height: 100%; object-fit: cover; -o-object-fit: cover}
.img-mid[rel="full"] figure img{object-fit: contain; -o-object-fit: contain}

.img-zoom figure img{
-webkit-transition: -webkit-transform 1.2s ease;
transition: -webkit-transform 1.2s ease;
transition: transform 1.2s ease;
transition: transform 1.2s ease,-webkit-transform 1.2s ease;
}
.img-zoom .item:hover figure img{ -webkit-transform:scale(1.2);transform:scale(1.2)}

.fs18{font-size: calc(18 / 16* 1em);}
.fs20{font-size: calc(20 / 16* 1em);}
.fs24{font-size: calc(24 / 16* 1em);}
.fs36{font-size: calc(36/16 * 1em);}

.lh34{line-height: calc(34/18)}

@media(max-width:1024px){
.fs18{font-size: calc(16 / 16* 1em);}
.fs20{font-size: calc(18 / 16* 1em);}
.fs24{font-size: calc(20 / 16* 1em);}
.fs36{font-size: calc(22/16 * 1em);}
}
@media(min-width:1024px){
.fw_Light{font-weight:500!important}
}

.c_333333{color: #333333}
.c_555555{color: #555555}
.c_999999{color: #999999}

.pad_b{padding-bottom:calc(110/1920 * 100%)}

@media(max-width:1024px){
    .pad_b{padding-bottom: 0;}
}




.arrow_dots.product_photo .slick-arrow{width: 70px;  color: #fff; font-size: 1em; height: 70px; position:absolute;top:50%;display:block;outline:0;border:none;color:transparent;line-height:0;cursor:pointer;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);-ms-transform:translate(0,-50%); border:none; border-radius: 100%;  background-color: #e69313; z-index: 10; transition: 0.5s; z-index: 12;}
.arrow_dots.product_photo .slick-arrow:focus,
.arrow_dots.product_photo .slick-arrow:hover{outline:0;}
.arrow_dots.product_photo .slick-arrow:focus:before,
.arrow_dots.product_photo .slick-arrow:hover:before{opacity:1;}
.arrow_dots.product_photo .slick-arrow.slick-disabled{ cursor: default;background-color: #ffffff;  box-shadow: 0 0 0 1px #d2d3d1}
.arrow_dots.product_photo .slick-arrow.slick-disabled::before{color: #bdbebd;}
.arrow_dots.product_photo .slick-arrow::before{content: ""; color: #fff; width: calc(18/16 * 1em); height: calc(12/16 * 1em); position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);  mask: url(../images/arrow.svg) no-repeat center; background-color: currentColor; -webkit-mask:url(../images/arrow.svg) no-repeat center; -webkit-mask-size: cover; mask-size: cover;}
.arrow_dots.product_photo .slick-prev{left:1%; transform-origin: top; transform: rotate(180deg) translate(-50%,-50%);}
.arrow_dots.product_photo .slick-next{right:1%;} 

.arrow_dots.product_photo .slick-dots{position:absolute; bottom:18px; z-index: 10; display: flex; align-items: center; justify-content: center; margin:0;padding:0;width:100%;list-style:none;text-align:center;}
.arrow_dots.product_photo .slick-dots li{position:relative;padding:0px 7px; cursor:pointer;}
.arrow_dots.product_photo .slick-dots li button{display:block;padding:0;width:16px; height:16px;outline:0;border:none;background:url(love.svg) no-repeat center center;color:transparent; font-size:0;line-height:0;cursor:pointer; transition: 0.5s}
.arrow_dots.product_photo .slick-dots li:not(.slick-active) button{filter: brightness(0) invert(1);opacity: 0.5}


.popup .slick-arrow{width: 70px; height: 70px; position:absolute;top:50%;display:block;outline:0;border:none;color:transparent;font-size:0;line-height:0;cursor:pointer;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);-ms-transform:translate(0,-50%); border:none; border-radius: 100%;  background-color: #e69313; z-index: 10; transition: 0.5s; z-index: 12;}
.popup .slick-arrow:focus,
.popup .slick-arrow:hover{outline:0;}
.popup .slick-arrow:focus:before,
.popup .slick-arrow:hover:before{opacity:1;}
.popup .slick-arrow.slick-disabled{ cursor: default; box-shadow: 0 0 0 1px #d2d3d1}
.popup .slick-arrow:before{ content: ''; position: absolute; margin:auto; width:100%; height:100%; left: 0; right: 0; top: 0; bottom: 0; background:#b91e2d url(../images/slick-jt.svg) no-repeat center center; transition: 0.5s;}
.popup .slick-prev{left:1%;}
.popup .slick-next:before{ transform: rotate(180deg)}
.popup .slick-next{right:1%;} 

.popup .slick-dots{position:absolute; bottom:18px; z-index: 10; display: flex; align-items: center; justify-content: center; margin:0;padding:0;width:100%;list-style:none;text-align:center;}
.popup .slick-dots li{position:relative;padding:0px 7px; cursor:pointer;}
.popup .slick-dots li button{display:block;padding:0;width:16px; height:16px;outline:0;border:none;background:url(love.svg) no-repeat center center;color:transparent; font-size:0;line-height:0;cursor:pointer; transition: 0.5s}
.popup .slick-dots li:not(.slick-active) button{filter: brightness(0) invert(1);opacity: 0.5}



@media(max-width:1024px){
    .arrow_dots.product_photo .slick-arrow{width: 35px; height: 35px;}
}

.c_center{text-align: center}
.c_title_box .c_title .icon{position: relative; z-index: 2; font-weight: normal}
.c_title_box .c_title .icon:before{content: '';position: absolute; z-index: -1; left: -20px; top: -10px; width: 50px; height: 50px;background: url("../images/icon_sun.png") no-repeat center center; background-size: contain}
.c_title_box .txt{padding: 2% 0}

.right_iconbg {position: relative; overflow: hidden}
.right_iconbg .decoration:nth-last-of-type(1) {  top: 60%;  left: calc(-200/1920 * 100%);}
.right_iconbg .decoration:nth-last-of-type(2) {  top: 20%;  right: calc(-200/1920 * 100%); transform: rotateY(180deg);}

.party_overview{padding: 5% 0}
.party_overview .overview{position: relative; margin-top: 5%}
.party_overview .info{position: absolute; z-index: 10; width: 100%; height: 100%; top: 0; justify-content: flex-end}
.party_overview .box{width: 50%; padding:7%}
.party_overview  .desc{padding:4% 0}
.party_overview .pic{margin-left: -15px; margin-right: -15px;}
.party_overview .pic img{width: 100%;}

@media(min-width:1025px){
.party_overview .overview .c_center{text-align: left}
.party_overview .overview .c_title_box .c_title{font-size: calc(36/16 * 1em);}
.party_overview .overview .c_title_box .c_title .icon:before{display: none}
}
@media(max-width:1024px){
/* .party_overview{padding-bottom:14%} */
.party_overview{padding: 4em 0;}
.party_overview .pic{margin: 0}
.party_overview .info{position: relative}
.party_overview .box{width:100%; padding:4%}
}

.party_hot .list{margin-left:calc(-35/16 * 1em);margin-right:calc(-35/16 * 1em); padding: 2% 0}
.party_hot .item{padding:calc(35/16 * 1em);}
.party_hot .pic figure{border-radius: 20px;padding-bottom: 56.192%}
.party_hot .txt{padding: 4% 0}
.party_hot .txt h4{ height: calc(68/16 * 1em)}
@media(max-width:1024px){
.party_hot .list{margin-left:calc(-10/16 * 1em);margin-right:calc(-10/16 * 1em); padding: 2% 0}
.party_hot .item{padding:calc(10/16 * 1em);}
}

.party_list{padding-bottom: 4%}
.party_list ul{border-top: dashed 1px #cdcdcd}
.party_list ul li{border-bottom: dashed 1px #cdcdcd;padding: 2.25% 0 2.25% 17px; position: relative;transition: 0.5s}
.party_list ul li:before{content: '';position: absolute; left: 0; top: 0; bottom: 0; margin: auto; width: 5px; height: 5px; background-color: #b91e2d; border-radius: 100%;transition: 0.5s}
.party_list ul li time{float: right}
.party_list ul li:hover {padding-left: 27px;}
.party_list ul li:hover:before{left: 10px;}

#product_other .decoration:nth-last-of-type(1){opacity: 0}
#product_other .decoration:nth-last-of-type(2){top: 60%;}
.prolist {padding:8% 0}
.prolist:after{content: '';}
.prolist:after,
.prolist .item{width:31.858%;}
.prolist .item{border-radius: 30px; border: solid 1px rgba(153,153,153,.3);padding: 4% 0}
.prolist .item .pic{width: 76.015%; margin: auto}
.prolist .item .pic figure{padding-bottom: 74.075%}
.prolist .item .pic img{-webkit-transform:scale(0.8);transform:scale(0.8)}
.prolist .item .txt{text-align: center; padding-top: 3%}
.prolist .item .details{display: none}
.prolist .item.item:hover figure img{ -webkit-transform:scale(1);transform:scale(1)}
@media(max-width:1024px){
    #product_other{padding-bottom: 0;}
    .prolist{padding: 0; padding-top: 4em;}
}
@media(max-width:768px){
.prolist:after{display: none}
.prolist .item{width:48%; margin:2% 0}
}

.product_details {padding-top: 5%}
.product_details .left_details{width: 40%; max-width: 420px}
.product_details .right_details{width: 58%; max-width: 770px}
.product_details .c_title_box .c_title{font-weight: bold}
.product_details .c_title_box p{margin-top: .5em; padding-bottom:.5em;; border-bottom: solid 1px #c4c5c2; position: relative}
.product_details .c_title_box p:after{content: ''; position: absolute; left: 0; bottom: -1px; width:15%; height: 1px; background: #b91e2d}
.product_details .size{padding: 8% 0}
.product_details .pro_size ul{padding: 1em 0;line-height: 1.3;}
.product_details .pro_size ul li{ padding: 8px 0}
.product_details .pro_size.num ul li {counter-increment:section;} 
.product_details .pro_size.num ul li :before {content: "" counter(section, decimal) ""; width: 22px; height: 22px; display: inline-block; border: solid 1px #555555; border-radius: 100%; text-align: center;}
.product_details .pro_size.red  ul li span{color: #b91e2d}
.product_details .pro_size.purple  ul li span{color: #4a1088}
.product_details .pro_size.yellow  ul li span{color: #e69313}
.product_details .details{padding: 4% 0}
.product_details .details p{padding: 2% 0}
.product_details .photo{text-align: center;}
.product_details .tips{text-align: center}
.product_details .group{position: relative;padding-top: 5%; padding-bottom: 5%}
.product_details .group .path{position: relative}
.product_details .group .left_details{max-width: 520px}
.product_details .group .photo{width: 116%; position: relative; z-index: 2; position: relative}
.product_details .group .photo:after{content: ''; position: absolute; top: -15%; z-index: -1; width:86%; padding-bottom: 86%;;background-repeat: no-repeat; background-size: contain}
.product_details .group:nth-child(odd) .left_details{order: 2}
.product_details .group:nth-child(odd) .photo{margin-left: -16%;}
.product_details .group:nth-child(odd) .photo:after{left: 0; background-image: url("../images/bg_apple_l.png");}
.product_details .group:nth-child(even) {padding-top: 0; padding-bottom: 0}
.product_details .group:nth-child(even) .path{background: #ebefe9}
.product_details .group:nth-child(even):before,
.product_details .group:nth-child(even):after{content:''; display: block; padding-bottom:5.7292%; background: no-repeat; background-size: 100%;}
.product_details .group:nth-child(even):before{background-image: url(../images/bg_pro_group_t.png)}
.product_details .group:nth-child(even):after{background-image: url(../images/bg_pro_group_b.png)}
.product_details .group:nth-child(even) .photo{margin-right: -16%; }
.product_details .group:nth-child(even) .photo:after{right:5%; background-image:url("../images/bg_apple_r.png");}
.product_details .group:nth-child(even) .decoration:nth-last-of-type(1){opacity: 1!important}
.product_details .group:nth-child(even) .decoration:nth-last-of-type(2){opacity: 0}
.product_details .group:last-child{padding-bottom: 0}

.product_photo .pro_pic .pic{width: 80%; max-width: 1000px; margin: auto}
.product_photo .pro_pic .pic figure {padding-bottom: 75%}
.product_photo .pro_colour{max-width: 490px; margin: auto}
.product_photo .pro_colour .item{padding: 1em 0; cursor: pointer}
.product_photo .pro_colour span{ width: 40%; padding-bottom: 40%; margin: auto; display: block; border-radius: 100%; position: relative; z-index: 10; transition: 0.5s}
.product_photo .pro_colour .slick-current span{box-shadow: 0 0 0 8px #dedede}

.product_photo .slick-arrow{opacity: 0; transition: .3s;}
.product_photo:hover .slick-arrow{opacity: 1;}
@media(max-width:1024px){
    .product_photo .pro_colour span{width: 20%; padding-bottom: 20%;}
    .product_details{padding-bottom: 0 !important;}
    .product_details .group:not(:nth-last-of-type(1)){padding-bottom: 4em !important;}
    .product_details .group:not(:nth-last-of-type(1),:nth-of-type(1)) .path{padding: 4em 0;}
    .product_details{padding-top: 4em;}
    /* .product_details .group{padding-top: 0; padding-bottom: 4em;} */
}

@media(max-width:768px){
.product_details .size{padding-bottom: 0}
.product_details .details{padding-top: 0}
.product_details .details p:first-child{padding-top: 0}
.product_details .left_details,
.product_details .right_details{width: 100%; max-width: inherit!important}
.product_details .left_details{order: 1}
.product_details .right_details{order: 2}
}


/*popup*/
.show_large{overflow: hidden}
.show_large .popup{ z-index: 10}
.show_large .popup .decoration{right: 0; bottom: 10%;}
.popup{position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.60);z-index:100;-webkit-overflow-scrolling:touch; z-index: -1}
.popup > .flex{width:100%;min-height:100%;align-items:center;justify-content:center;}
.popup .close{position: absolute; z-index: 2; width: 30px; height: 30px; cursor: pointer;right: 3%; top:3%; background: url("../images/close_icon.svg") no-repeat}
/*spopup*/
.popup .gallery{ position: relative; width:96%;max-width: 1200px; max-height: 80vh;  margin: auto; background: #eff1ec; border-radius: 20px; overflow:hidden; padding:1% 2%}
.popup .large {padding-bottom: 4%}
.popup .item{padding: 20px; visibility:inherit!important; display: flex!important; flex-wrap: wrap; justify-content: space-between}
.popup .item .pic{width:44%}
.popup .item .info{width: 45%}
.popup .item .txt{ border-bottom: solid 1px #c4c5c2; padding-bottom: 2rem; position: relative}
.popup .item .txt h4{font-size: calc(34/16 * 1em);}
.popup .item .txt p{margin-top: .5em;}
.popup .item .txt:after{content: ''; position: absolute; left: 0; bottom: -1px; width:15%; height: 1px; background: #b91e2d}
.popup .item .size{padding: 30px 0}
.popup .arrows{position: relative; max-width: 316px; margin: auto; width: 80%; height: 44px;}
.popup .slick-arrow{font-size: calc(20/16 * 1em); width:auto; height: 44px;background: #b91e2d; color: #b91e2d; border-radius:initial; background: none}
.popup .slick-arrow:before{width: 44px; z-index: 10;border-radius: 50%;}

/* .popup .slick-arrow:after{content: '';position: absolute; width: 44px; height: 44px;top: 0; border-radius: 100%} */
.popup .slick-arrow:after{content: ""; z-index: 10; color: #fff; width: calc(18/16 * 1em); height: calc(12/16 * 1em); position: absolute; top: 50%; transform: translate(0%,-50%);  mask: url(../images/arrow.svg) no-repeat center; background-color: currentColor; -webkit-mask:url(../images/arrow.svg) no-repeat center; -webkit-mask-size: cover; mask-size: cover;}

.popup .gallery .slick-pages{display: flex; align-items: center;}
.popup .gallery .slick-pages .arrow{content: ""; font-size: 1em; text-indent: -9999px; overflow: hidden; width: calc(28/16 * 1em); height: calc(18/16 * 1em); background: url(../images/home_product_nav.svg) no-repeat center; background-size: cover;}
.popup .gallery .slick-pages .arrow.arrow_prev{transform: rotate(-90deg); margin-right: 1em;}
.popup .gallery .slick-pages .arrow.arrow_next{transform: rotate(90deg); margin-left: 1em;}
.popup .gallery .slick-pages .cur{font-size: calc(20/16 * 1em); font-weight: 500; color: #333; line-height: 1;}
.popup .gallery .slick-pages i{width: calc(20/16 * 1em); height: calc(15/16 * 1em); position: relative; margin: calc(10/16 * 1em) 0;}
.popup .gallery .slick-pages i::before{content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) rotate(-60deg); width: 120%; height: 2px; background-color: #bfbfbe;}
.popup .gallery .slick-pages .total{font-size: calc(20/16 * 1em); color: #999999; font-weight: 500;}



.popup .slick-arrow i{font-style: normal}
.popup .slick-prev i{padding-left: 55px;}
.popup .slick-next i{padding-right: 55px;}
.popup .slick-prev:before{right:auto}
.popup .slick-prev:after{ left: 12px; margin-top: -1px; transform: translate(0%, -50%) rotate(180deg);}
.popup .slick-next:before{left:auto}
.popup .slick-next:after{right:12px;}
.popup .slick-arrow.slick-disabled{box-shadow: none; color: #555555}
.popup .slick-arrow.slick-disabled:after{box-shadow: 0 0 0 1px #d2d3d1; color: #999999;}
.popup .slick-arrow.slick-disabled:before{background-color: transparent; border: 1px solid #cdcecb;}
/* .popup .slick-arrow:not(.slick-disabled):after{background: #b91e2d} */
.popup .details{max-height: 30vh; overflow-y: auto}
@media(max-width:768px){
.popup .gallery{overflow-y: auto; max-height: 70vh;}
.popup .item .pic,
.popup .item .info{width:100%}
}

.body_market footer:after{background: #eaeee9}
#market_marketing{padding: calc(60/1920 * 100%) 0 0}
#market_marketing .c_title_box {padding-top: 4%}
#market_marketing .c_title_box .c_title{font-weight: normal}

.market_overview{text-align: center; max-width: 920px; margin: auto; padding: 3% 0}

.wholesale {padding-bottom: 3%}
.wholesale ul{margin-left: -10px; margin-right: -10px;}
.wholesale li{flex:auto; margin: 10px; border: solid 1px #dedede; padding: 10px 20px; border-radius: 20px; background: #fff;}

.wholesale_photo{position: relative; z-index: 2}
.wholesale_photo ul{margin-left: -1.35%; margin-right: -1.35%}
.wholesale_photo li{width:25%; padding: 1.35%}
.wholesale_photo li .pic figure{padding-bottom:67.5%; border-radius: 10px;}
.wholesale_photo li:nth-child(even){margin-top: 5%}
@media(max-width:1024px){
    #market_marketing{padding-top: 4em;}
}
@media(max-width:768px){
.wholesale_photo li{width:50%;}
}

.network{margin-top: -24%}

.market_other{position: relative; margin-top: -2%}
.market_other:before{content:'';display: block; padding-bottom:6.25%; background: url("../images/bg_market_group_t.png") no-repeat center top; background-size: 100%;}
.market_other .path{background-color: #eaeee9; padding-bottom:  calc(134/1920 * 100%)}
.market_other .sub{ padding-bottom: 30px;}
.market_other .sub span{padding: 0px 50px 0 24px; line-height: 40px; border-radius: 30px; color: #fff; display: inline-block; 
    background: linear-gradient(90deg,rgba(185,30,45,1),rgba(185,30,45,0));
    background: -webkit-linear-gradient(90deg,rgba(185,30,45,1),rgba(185,30,45,0)); 
    background:    -moz-linear-gradient(90deg,rgba(185,30,45,1),rgba(185,30,45,0));
    background:     -o-linear-gradient(90deg,rgba(185,30,45,1),rgba(185,30,45,0));
}
.market_other .left_box{width:60%}
.market_other .right_box{width:36%}
.market_other .exhibition li{width:47.62%;}
.market_other .exhibition li figure{padding-bottom: 50%; border-radius: 20px;}
.market_other .exhibition li:nth-child(2) ~ li{margin-top: 4.76%}
.market_other .store li{width: 25%; position: relative}
.market_other .store li .pic{width:75.4%}
.market_other .store li .pic figure{border-radius: 10px;}
.market_other .store li a{position: absolute; display: block; width:75.4%; height: 100%; z-index: 2}
.market_other .store li .ewm{position: absolute; left:-20%; width: 160px; border-radius: 10px; padding:5px;background: #fff; opacity: 0;transform: scale(0); transition: 0.5s; z-index: 10}
.market_other .store li .ewm img{width: 100%}
.market_other .store li:hover .ewm{opacity: 1; transform: scale(1)}
.market_other .supermarket{padding-top: 4%}
.market_other .supermarket ul{margin-left: -6px; margin-right: -6px;}
.market_other .supermarket li{width: 33.333%; padding:6px;}
.market_other .supermarket .pic figure{background: #fff; border-radius: 10px; padding-bottom: 44.5%}
@media(max-width:1024px){
.market_other .supermarket li{width: 50%}
.market_other .path{padding-bottom: 0em;}
}
@media(max-width:768px){
.market_other .left_box,
.market_other .right_box{width:100%}
.market_other .store{padding: 10% 0}
}

.goTop:not(.show){display: none;}
.goTop{position: fixed; transition: 1s; right: calc(50/1920 * 100%); bottom: 10%; border-radius: calc(33/16 * 1em); z-index: 999; padding: 1em calc(11/16 * 1em); cursor: pointer; background-color: #fff; box-shadow: 0px 0px 1em 0px rgba(0,0,0,0.1);}
.goTop span{font-size: calc(14/16 * 1em); margin-top: .8em; display: block; text-align: center; color: #555;}
.goTop img{width: 44px;}