@import "iconfont.css";
@import "HarmonyOSfont.css";
:root {
    --font-color: #000000;
    --font-white-color: #ffffff;
    --font-active-color:#fff850;
    --font-yellow-color:#ffdd33;
    --font-gray-color:#86868b;
    --font-golden-color:#c79f62;     
    --font-200:10.417vw;
    --font-100:5.208vw;
    --font-80:4.167vw;
    --font-75:3.906vw;
    --font-70:3.646vw;
    --font-65:3.385vw;
    --font-60:3.125vw;
    --font-55:2.865vw;
    --font-50:2.604vw;
    --font-48:2.5vw;
    --font-47:2.448vw;
    --font-44:2.292vw;
    --font-40:2.083vw;
    --font-36:1.875vw;
    --font-35:1.823vw;
    --font-34:1.771vw;
    --font-32:1.667vw;
    --font-30:1.563vw;
    --font-28:1.46vw;
    --font-26:1.354vw;
    --font-25:1.302vw;
    --font-24:1.25vw;
    --font-22:1.146vw;
    --font-20:1.042vw;
    --font-19:0.99vw;
    --font-18:0.938vw;
    --font-17:0.885vw;
    --font-16:0.834vw;
    --font-15:0.781vw;
    --font-14:0.729vw;
    --font-13:0.667vw;
    --font-12:0.625vw;
    --font-11:0.573vw;
    --font-10:0.521vw;
    --web-width:80vw;
    --web-more-width:96vw;
    --web-plr:10vw;
    --web-more-plr:2vw;
    --radius:0.521vw;
    --swiper-navigation-size: 1.8vw;
    --i-window-height:100vh;  
  }
*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box;}
body{color: var(--font-color);font: var(--font-16) "HarmonyOS Sans SC","HarmonyOS_Regular","\5FAE\8F6F\96C5\9ED1","Microsoft YaHei","微软雅黑";-webkit-text-size-adjust: 100%;line-height: 1.6;overflow-x: hidden;}
.body_bg{background-color: var(--font-color);color: #fff;}
.body_bg a{color: #fff;}
.body_bg_yellow{background-color: var(--font-active-color);color: var(--font-color);}
.body_bg_yellow a{color: var(--font-color);}

.hidden{overflow: hidden;height: var(--i-window-height);}
a{color:var(--font-color);}
a:hover,.on{color:var(--font-active-color);text-decoration:none;transition:all 300ms ease-in-out 0s}
.my_ul,.my_dl{margin:0;padding:0}
.my_ul li{list-style:none}
.my_dl dt,.my_dl dd{margin:0;padding:0;font-weight:normal}
dt+dd{margin-top:0}
p{margin:0 0 0.625vw}
img{image-rendering:-webkit-optimize-contrast}
video{display:inline-block}
.list-paddingleft-2{margin-top:0;padding-left:1em}
.list-paddingleft-2 li{list-style:inherit}
h1{font-size: 1.944vw;}
h2{font-size: 1.458vw;}
h3{font-size: 1.137vw;}
h4{font-size: 0.972vw;}
h5{font-size: 0.807vw;}
h6{font-size: 0.651vw;}
h1,h2,h3,h4,h5,h6{margin:0 0 1.2vw;}
hr{margin:1.823vw 0;-webkit-box-sizing:content-box;box-sizing:content-box;}
picture{display:block}
blockquote{padding:.8vw;background-color:#f2f2f2;font-family:"HarmonyOS_Regular","\5FAE\8F6F\96C5\9ED1","Microsoft YaHei","微软雅黑";font-size:var(--font-17);border-left:4px solid var(--font-active-color);display:flex;align-items:center;margin-bottom:1.042vw;}
blockquote p{margin: 0!important;}
p+blockquote{margin-top:1.2vw;}
.img_animate{position:relative;overflow:hidden;display:block;width:100%}
.img_animate img{display:block;width:100%;height:100%;object-fit:cover;position:absolute;left:0;top:0;transition:all .5s ease-in-out 0s}
.img_animate.contain img{object-fit: contain;}
.img_animate:hover img{transform:scale(1.05)}
.picture-hover-animate{display:block;position:relative;overflow:hidden}
.picture-hover-animate:after{position:absolute;top:0;right:0;bottom:0;left:0;display:block;visibility:visible;width:160px;height:160px;margin:auto;content:'';transition:all 0.6s ease-in-out;transform:scale(6);opacity:1;border:80px solid rgba(0,0,0,0.1);border-radius:80px}
.picture-hover-animate:hover:after{visibility:hidden;opacity:0;border:0 solid rgba(0,0,0,0.1)}
.lazy_preloader{width: 2vw;height: 2vw;position: absolute;left: 50%;top: 50%;margin-left: -1vw;margin-top: -1vw;z-index: 10;box-sizing: border-box;border: 4px solid var(--font-color);border-radius: 50%; border-top-color: transparent;}
.nicescroll-rails{z-index: 3!important;}
.fakeLoader{background: var(--font-color);}

input:-webkit-autofill,textarea:-webkit-autofill,select:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px white inset}
.flex{display:flex;flex-wrap:wrap}
.align_center{align-items:center}
.justify_between{justify-content:space-between}
.justify_end{justify-content:flex-end}
.justify_center{justify-content:center;}

.wrap_w{width: var(--web-more-width);margin: 0 auto;}
.web_w{width:var(--web-width);margin: 0 auto;}
.web_w.max{max-width:1820px;}
.layui-main{width:var(--web-width);max-width:100%;margin:0 auto;}
.layui-main img{max-width:100%}
.layui-main.flex{display:flex}
.layui-table{color:var(--font-color);margin:1.5vw 0 1.042vw 0;background: none;}
.layui-table tr th,.layui-table tr td{font-size:var(--font-16);line-height: 1.6;padding: 10px 15px;}
.layui-table p{margin: 0;}
.layui-layer-btn a{font-size: var(--font-14);}
.layui-input:focus, .layui-textarea:focus{border-color: var(--font-active-color) !important; box-shadow: 0 0 0 3px rgba(22,183,119,0.08);}
.layui-layer-photos-prev,.layui-layer-photos-next{color:rgba(0,0,0,.6)!important;transform:scale(1);background:#787878;color:#fff!important;border-radius:50%;font-size:var(--font-20)!important;display:flex;justify-content:center;align-items:center;width:2vw!important;height:2vw!important}
.layui-layer-photos-toolbar h3{display: inline-block;margin: 0;font-size: 12px;}
.layui-layer-photos-toolbar a{display: none;}

.layui-layer-msg.layui-layer-tips .layui-layer-content ,.layui-layer-msg.layui-layer-dialog .layui-layer-content ,.skin_tips.layui-layer-tips .layui-layer-content ,.skin_qrcode .layui-layer-content{font-size: var(--font-16);color: var(--font-color);border-radius: var(--radius);}
.skin_qrcode .layui-layer-setwin .layui-layer-close2:hover{background-color: var(--font-golden-color);}

.skin_msg .layui-layer-content{color:var(--font-color)!important;}

.skin_tips.layui-layer-tips{width:auto!important;}
.skin_tips.layui-layer-tips .layui-layer-content{line-height: inherit;padding: .3vw .8vw;}

.layui-bg-yellow{background-color: var(--font-active-color);}

.skin_qrcode{width: 320px;border-radius: var(--radius)!important;}
.skin_qrcode .layui-layer-content{text-align: center;padding:10px 10px 20px;}
.skin_qrcode img{width: 100%;margin: 0 auto 10px;}

.load_progress{position: fixed;width: 100%;left: 0;top: 0;z-index: 99999;background: none;}
.load_progress,.load_progress .layui-progress-bar{height: 2px;border-radius: 0;}
.loading_animate{top:-100%!important;-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);transition: all 1s cubic-bezier(.4, 0, .2, 1);-webkit-transition-delay: .12s;transition-delay: .12s;}


.slide_img_down::after,.slide_img_right::after{display:block;content:"";position:absolute;left:0;bottom:0;width:100%;height:100%;background:#fff;z-index:99}
.slide_img_down_active::after{height:0;-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);transition: all 1s cubic-bezier(.4, 0, .2, 1);}
.slide_img_right_active::after{width:0;-webkit-transition:all 1s cubic-bezier(.4,0,.2,1);transition:all 1s cubic-bezier(.4,0,.2,1)}
.fade_in_up,.fade_in,.fade_in_left,.fade_in_right,.slide_in_up,.zoom_in_up{opacity: 0;}
.animate__animated{opacity: 1;}

.layui-nav-bar, .layui-nav .layui-this::after{background-color:var(--font-active-color);}

/*模板*/
.ue_flex{display: flex;justify-content: space-between;margin: 1.75vw 0;}
.ue_flex .ue_flex_item{flex: 1;}
.ue_flex .ue_flex_item:not(:first-of-type){margin-left: 2vw;}
.ue_flex .ue_flex_item p:last-of-type{margin-bottom: 0;}
.ue_flex.align_center{align-items: center;}

.ue_flex_img{display: flex;flex-wrap: wrap;justify-content: space-between;}
.ue_flex_img p{margin: 0;}
.ue_flex_img .ue_flex_item{width:calc(50% - .5vw);margin-top: 1vw;}
.ue_flex_img .ue_flex_item img{display: block;width: 100%;}
.ue_flex_img .ue_flex_item:nth-of-type(1){width: 100%;}


/*
BUTTON
*/
.layui_btn_more{background: none;overflow: hidden;}
.layui_btn_more.layui-btn{height: auto;line-height: initial;font-size: var(--font-20);padding: .8vw 3vw;}
.layui-bg-orange{background: none!important;border-radius: 1000vw;color: var(--font-color)!important;position: relative;}
.layui-border-orange ,.layui-flow-more a{border-radius: 1000vw;border:2px solid var(--font-active-color)!important;color: var(--font-active-color)!important;transition: 0.2s transform ease-in-out!important;will-change: transform;position: relative;overflow: hidden;}
.layui-border-orange:after ,.layui-flow-more a cite::after{display: block;content: '';height: 100%; width: 100%; position: absolute; left: 0; top: 0; transform: translate(-100%, 0) rotate(10deg); transform-origin: top left; transition: 0.2s transform ease-out; will-change: transform; z-index:0; background-color:var(--font-active-color);border-radius: 1000vw;}
.layui-bg-orange * ,.layui-border-orange *{position: relative;z-index: 2;}
.layui-bg-orange::after{display: block;content: '';background-color: var(--font-active-color);width: 100%;height: 100%;position: absolute;left: 0;top: 0;border-radius: 1000vw;z-index: 1;-webkit-animation-duration: .8s; animation-duration: .8s; -webkit-animation-fill-mode: both;animation-fill-mode: both}
.layui-bg-orange:hover::after{animation-name: rubberBand;}
.layui-border-orange:hover:after,.layui-flow-more a:hover cite::after{transform: translate(0, 0)!important;}
.layui-border-orange:hover,.layui-flow-more a:hover{color: var(--font-color)!important;transform: scale(1.05)!important;transition: 0.2s transform ease-in-out!important;will-change: transform;}



/*
header
*/
.header{width: 100%;position: relative;z-index: 1100;left: 0;top: 0;transition:all .3s ease-in-out 0s}
.header.fixed{position: fixed;box-shadow: none;}
.header .menu{display: flex;align-items: center;justify-content: space-between;width: 100%;height:4.6vw;position: relative;transition: transform 0.5s ease; transform-origin: center;} 
.header .logo{display: flex; align-items: center;position: relative;overflow: hidden;z-index: 2;flex-shrink: 0;}
.header .logo img{display: block;height:1.2vw;}
.header .logo img:not(:first-of-type){display: none;}
.header_nav{background:none;display: flex;align-items: center;justify-content:center;position: absolute;left: 50%;transform: translateX(-50%);top: 0;padding: 0;height: 100%;transition: transform .8s ease; }
.header_nav .layui-nav-item{line-height: initial;margin-left: 1.562vw;transition:all .5s ease-in-out 0s}
.header_nav .layui-nav-item:first-of-type{margin-left:0;}
.header_nav .layui-nav-item .parent_a{padding: 0;font-size: var(--font-16);display: flex;align-items: center;color: #fff;position: relative;z-index: 2;}
.header_nav .layui-nav-item.layui-this::after{bottom: -.85vw;background-color: var(--font-active-color);height: 1px;display: none;}
.header_nav .layui-nav-item .parent_a:hover ,.header_nav .layui-nav-item.layui-this .parent_a{color: var(--font-active-color);}
.header_nav .layui-nav-bar{background-color:var(--font-active-color);height: 1px;}
.header_nav .layui-nav-item:hover ~ .layui-nav-item::after{opacity: 0!important;}
.header_nav .layui-nav-bar{top: 80%!important;display: none;}


.menu .inquire_btn{position: relative;z-index: 2;flex-shrink: 0;}
.menu .inquire_btn .layui-btn{height: auto;line-height: initial;font-size: var(--font-14);background:none;padding: .1vw 0.6vw;display: flex;align-items: center;justify-content: center;}


.header.sticky .menu{width: 50vw;height: 3.2vw;margin: .5vw auto;transition: transform 0.5s ease;transform: scale(.7);background: rgba(134,134,139,0.6);padding: 0 2vw;border-radius: 1000vw;}
.header.sticky .header_nav .layui-nav-bar{display: none;}

.header.sticky .header_nav .layui-nav-bar{top: calc(100% - 1px)!important;}
.header.sticky .header_nav .layui-nav-item.layui-this::after{opacity: 1;}

.header.header_scrlltop{top: -4.6vw;transition:all .3s ease-in-out 0s}

.header.sticky .logo{transform: scale(1.15) translateX(.1vw);}
.header.sticky .header_nav .layui-nav-item .parent_a ,.header.sticky .menu .inquire_btn .layui-btn{transform: scale(1.2);}


.body_bg_yellow .header .header_nav .layui-nav-item .parent_a{color: var(--font-color);}
.body_bg_yellow .header.sticky .header_nav .layui-nav-item .parent_a{color: #fff;}
.body_bg_yellow .header .menu .inquire_btn .layui-btn{border: var(--font-color) solid 1px!important;color: var(--font-color)!important;}
.body_bg_yellow .header .menu .inquire_btn .layui-btn::after{background-color: #fff;}
.body_bg_yellow .header.sticky .menu .inquire_btn .layui-btn::after{background-color: var(--font-active-color);}
.body_bg_yellow .header.sticky .menu .inquire_btn .layui-btn{border: #fff solid 1px!important;color: #fff!important;}
.body_bg_yellow .header .menu .inquire_btn .layui-btn:hover{border-color: #fff!important;color: var(--font-color)!important;}
.body_bg_yellow .header.sticky .menu .inquire_btn .layui-btn::after{background-color: #fff!important;}
.body_bg_yellow .header .header_nav .layui-nav-bar{background-color: var(--font-color);}
.body_bg_yellow .header .header_nav .layui-this::after{background-color: var(--font-color);}
.body_bg_yellow .header .logo img:not(:nth-of-type(2)), .body_bg_yellow .header.sticky .logo img:not(:nth-of-type(1)){display: none;}
.body_bg_yellow .header .logo img:nth-of-type(2), .body_bg_yellow .header.sticky .logo img:nth-of-type(1){display: block;}
.body_bg_black .header .logo img:not(:nth-of-type(3)){display: none;}
.body_bg_black .header .logo img:nth-of-type(3){display: block;}
.header.sticky .logo img:not(:nth-of-type(3)){display: none!important;}
.header.sticky .logo img:nth-of-type(3){display: block!important;}



.body_bg_yellow .index_banner_swiper,.body_bg_yellow .index_banner_swiper a{color: var(--font-color);}


.mobile_menu_btn{width: 44px;display: flex;align-items: center;justify-content: center;height: 100%;margin: 0;display: none;}
.mobile_menu_btn .btn{background: none; width: 20px; height: 16px; position: relative; z-index: 10;}
.mobile_menu_btn span{display:block;width:100%;height:1px;position:absolute;background-color:#fff;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;-webkit-transition:all .2s ease-out;transition:all .2s ease-out}
.mobile_menu_btn span:nth-of-type(1) { top: 0; left: 0;opacity: 1;width: 100%;}
.mobile_menu_btn span:nth-of-type(4) { bottom: 0;right: 0;opacity: 1; width: 100%;}
.mobile_menu_btn span:nth-of-type(2),.mobile_menu_btn span:nth-of-type(3){top:50%;right:0;margin-top:-1px;}
.mobile_menu_btn span:nth-of-type(2){-moz-transform:rotate(0);-ms-transform:rotate(0);-webkit-transform:rotate(0);transform:rotate(0);}
.mobile_menu_btn span:nth-of-type(3){-moz-transform:rotate(0);-ms-transform:rotate(0);-webkit-transform:rotate(0);transform:rotate(0);}
.mobile_menu_btn.active span:nth-of-type(2){-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.mobile_menu_btn.active span:nth-of-type(3){-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.mobile_menu_btn.active span:nth-of-type(1),.mobile_menu_btn.active span:nth-of-type(4){opacity:0;}


.wapper{position: relative;z-index: 2;background-color: var(--font-color);padding-bottom: 10vw;}


/**
INDEX_BANNER
**/
.index_banner_swiper ,.index_banner_swiper a{color:#fff;}
.index_banner_swiper .index_banner_slide::before{display:block;content:'';padding-bottom:var(--i-window-height)}
.index_banner_swiper .index_banner_slide .picture,.index_banner_swiper .index_banner_slide a.link,.index_banner_swiper .index_banner_slide .img,.index_banner_swiper .index_banner_slide video{display:block;width:100%;height:100%;position:absolute;left:0;top:0;object-fit:cover;z-index:1}
.index_banner_swiper .index_banner_slide a.link_video::after{width: 100%;height: 100%;content: '';position:absolute;left: 0;top: 0;padding-bottom: var(--i-window-height);background: rgba(0, 0, 0, 0.01);z-index:1;}
.index_banner_swiper .text{width:100%;height: 100%;;position:absolute;left:0;bottom:0;display:flex;flex-direction:column;justify-content:flex-end;z-index:3;padding-bottom: 3vw;pointer-events:none;}
.index_banner_swiper .text .title{font-size:var(--font-24);line-height: 1.4;display: inline-block;}
.index_banner_swiper .text .title span{display: block;font-size:var(--font-18);}

.index_banner_pagination{position: absolute;right: var(--web-more-plr);bottom: 3vw;z-index: 10;font-size: var(--font-18);}
.index_banner_prev,.index_banner_next{width: 30vw;height: calc(100% - 7vw);position: absolute;left: 0;top: 0;z-index: 5;cursor: none;overflow: hidden;}
.index_banner_next{left: auto;right: 0;}
.index_banner_prev span, .index_banner_next span{display: block;position: absolute;right: 0;bottom:0;width: 2vw; height: 2vw;background-image: url(../img/cursor.svg);background-size: contain;background-repeat: no-repeat;background-position: center;opacity: 0;}
.index_banner_next span{transform: rotate(180deg);}


.swiper_pagination{width:100%;pointer-events:none;-webkit-transition:all .8s cubic-bezier(.69,.27,.45,.99);transition:all .8s cubic-bezier(.69,.27,.45,.99);-webkit-transition-delay:.8s;transition-delay:.8s;flex-wrap: nowrap;display: flex;}
.swiper_pagination_item{-webkit-align-items:center;align-items:center;cursor:pointer;outline:none;pointer-events:auto;margin-right:1.302vw;overflow: hidden;border-radius: 100vw;}
.swiper_pagination_item:last-child{margin-right:0}
.swiper_pagination_icon{position:relative;width:2.604vw;height:0.417vw;border-radius:100vw;overflow: hidden;}
.swiper_pagination_icon::after{display:block;content:"";position:absolute;left:0;top:0;width:0;height:100%;background-color: var(--font-active-color);}
.swiper_pagination_current .swiper_pagination_icon:after{width:100%;-webkit-transition:all 7s linear;transition:all 7s linear}


.flex .swiper_scroll_btn:last-of-type{margin-left:1vw}
.swiper_scroll_btn{width:2vw;height:2vw;position:relative;display: flex;justify-content:center;align-items:center;cursor:pointer;border-radius:50%;transition:all 0.35s;border: var(--font-active-color) solid 1px;}
.swiper_scroll_btn i{-webkit-transition:all .6s ease;transition:all .6s ease;font-size:var(--font-20);display: flex;align-items: center;justify-content: center;line-height: 1.2;color: var(--font-active-color);}
.swiper_scroll_btn:hover{background:var(--font-active-color);border:0;}
.swiper_scroll_btn:hover i{color: #fff;;}
.swiper_scroll_btn.white{border: none;color: #fff;}
.swiper_scroll_btn.white i{color: #fff;}
.swiper_scroll_btn.white:hover{background:var(--font-active-color);}
.index_banner_navigation .swiper_scroll_btn{border: #fff solid 1px;}
.index_banner_navigation .swiper_scroll_btn:hover{border: var(--font-active-color);}


/*
CASE
*/
.index_case{padding: 6vw 0 4vw;}
.index_title{text-align: center;}
.index_title .title{font-size: var(--font-65);font-family: 'HarmonyOS Sans SC Medium', 'HarmonyOS_Medium';line-height: 1.4;}
.index_title .des{font-size: var(--font-32);color: var(--font-gray-color);}

.index_case .case_list{margin-top: 3vw;}
.case_list .layui-row{display: flex;flex-wrap: wrap;}
.case_list .layui-col-space{margin: -.6vw;}
.case_list .layui-col-space>*{padding: .6vw;}
.case_list_item .img::before{display: block;content: '';padding-bottom: 67%;}
.case_list_item .img video{display: block; width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0; top: 0;transition: all .5s ease-in-out 0s;fi}
.case_list_item .title{font-size: var(--font-16);margin-top: .6vw;}
.case_list .layui_btn_more ,.case_warp .layui_btn_more{width:50%;margin: 4vw auto 0;display: flex;justify-content: center;align-items: center;}

.case_guide_box{border-top: #fff solid 1px;}
.case_guide_nav{display: flex;align-items: center;padding: 1vw 0 0;background: none;}
.case_guide_nav .layui-nav-item{color: var(--font-gray-color);line-height: inherit;}
.case_guide_nav .layui-nav-item:not(:first-of-type){margin-left:2.3vw;}
.case_guide_nav .layui-nav-item a{display: flex;align-items: center;font-size: var(--font-24);padding: 0;color: var(--font-gray-color);}
.case_guide_nav .layui-nav-item:not(:first-of-type) a::before{display: block;content: '';width: .6vw;height: .6vw;background-color: var(--font-gray-color);border-radius: 50%;margin-right: .3vw;transition:all 300ms ease-in-out 0s}
.case_guide_nav .layui-this::after{display: none;}
.case_guide_nav .layui-this a ,.case_guide_nav .layui-nav-item a:hover{color: var(--font-active-color);}
.case_guide_nav .layui-nav-item a:hover::before,.case_guide_nav .layui-this a::before{background: var(--font-active-color)!important;}

.case_list_box{display: grid;grid-template-columns: repeat(3, 1fr);grid-row-gap: 2.2vw;grid-column-gap:1.2vw;margin-top: 4vw;}
.case_list_box .case_list_item:nth-of-type(12n+10){grid-column:1/3;}
.case_list_box .case_list_item:nth-of-type(12n+10) .img::before{display: block;}
.case_list_box .case_list_item:nth-of-type(10){grid-row:4/6;}
.case_list_box .case_list_item:nth-of-type(22){grid-row:9/11;}
.case_list_box .case_list_item:nth-of-type(34){grid-row:14/16;}
.case_list_box .case_list_item .img{display: flex;height: calc(100% - 1.96vw);}

.layui-flow-more{grid-column:1/4;margin: 4vw auto 0;display: flex;justify-content: center;align-items: center;width: 100%;}
.layui-flow-more a{display: flex;justify-content: center;align-items: center;width:55%;height: auto;line-height: inherit;position: relative;}
.layui-flow-more a cite{padding: 0;background: none;display: flex;width: 100%;align-items: center;justify-content: center;}
.layui-flow-more a cite i{color:var(--font-active-color);font-size: var(--font-36);line-height: 1.4;position: relative;z-index: 2;}
.layui-flow-more a:hover cite i{color: var(--font-color);}
.layui-flow-more a .layui-anim-rotate{color:var(--font-active-color);}

.case_warp{padding-top: 7.3vw;}
.case_swiper .img::before{display: block;content: '';padding-bottom: 47.65%;}
.case_swiper_prev,.case_swiper_next{width:40%;height:100%;position: absolute;left: 0;top: 0;z-index: 5;cursor: none;overflow: hidden;}
.case_swiper_next{left: auto;right: 0;}
.case_swiper_prev span, .case_swiper_next span{display: block;position: absolute;right: 0;bottom:0;width: 2vw; height: 2vw;background-image: url(../img/cursor.svg);background-size: contain;background-repeat: no-repeat;background-position: center;opacity: 0;}
.case_swiper_next span{transform: rotate(180deg);}


.case_article{margin: 4vw auto 0;}
.case_title{font-size: var(--font-36);border-bottom: #707070 solid 1px;line-height: 1.2;padding-bottom: 1.5vw;font-family: 'HarmonyOS Sans SC Medium', 'HarmonyOS_Medium';}
.case_des{display: flex;justify-content: space-between;font-size: var(--font-20);margin-top: 2.5vw;}
.case_des .item:first-of-type{width: 37%;line-height: 1.2;}
.case_des .item:first-of-type .list{display: flex;flex-direction: column;margin-bottom: 1.7vw;}
.case_des .item:first-of-type .list span{color: var(--font-gray-color);font-size: var(--font-16);}
.case_des .item:last-of-type{width: 57%;line-height: 1.6;}

.case_text{margin-top: 2vw;font-size:var(--font-20);line-height: 1.4;}

.case_text p ,.case_des p{margin-bottom: 1.2vw;}

.case_rel{margin-top: 5vw;}
.case_rel_title{display: flex;align-items: center;justify-content: space-between;font-size: var(--font-24);border-bottom: #707070 solid 1px;padding-bottom: .3vw;}
.case_rel_swpier{margin-top: 3.2vw;}
.case_rel_swpier .swiper-paginations{display: flex;justify-content: center;margin-top: 1.5vw;}



/*
SERVICE
*/
.index_service{padding: 4vw 0;overflow: hidden;}
.index_service_swiper_box{position: relative;}
.index_service_swiper{padding:1vw var(--web-plr) 2vw 0;margin-top: 1vw;margin-right:-10vw;}
.index_service_swiper .swiper-slide{padding: 2vw;background-color: #fff;display: flex;flex-direction: column;justify-self: unset;justify-content: space-between;color: var(--font-color);height:auto;transition: transform 0.5s ease;}
.index_service_swiper .swiper-slide:hover{transform: scale(1.01);transition: transform 0.5s ease;}
.index_service_swiper .text{position: relative;z-index: 2;}
.index_service_swiper .text .title{display: flex;flex-direction: column;}
.index_service_swiper .text .title span{font-size: var(--font-16);font-family: 'HarmonyOS Sans SC Light';}
.index_service_swiper .text .title strong{font-family: 'HarmonyOS Sans SC';font-size: var(--font-32);line-height: 1.4;transition:all 500ms ease-in-out 0s;}
.index_service_swiper .text .title::after{display: block;content: '';background-color: var(--font-active-color);height: .2vw;width: 4vw;margin: 1.2vw 0 1.6vw;transition:all 500ms ease-in-out 0s;}
.index_service_swiper .text .des{font-size: var(--font-18);}
.index_service_swiper .img{position: absolute;right: 1.5vw;bottom: 2.5vw;z-index: 1;width: 45%;}
.index_service_swiper .img img{display: block;max-width: 100%;transition:all 500ms ease-in-out 0s;}
.index_service_swiper .swiper-slide:nth-of-type(1):hover .img img{transform: rotate(360deg);}
.index_service_swiper .swiper-slide:nth-of-type(2):hover .img img{transform: translateY(-2vw);}
.index_service_swiper .swiper-slide:nth-of-type(3):hover .img img{transform: rotateY(360deg);}
.index_service_swiper .swiper-slide:nth-of-type(4):hover .img img{transform: scale(1.1);}
.index_service_swiper .logo_img{margin-top: 3vw;display: flex;}
.index_service_swiper .logo_img img{display: block;height: .7vw;}
.index_service_swiper_box .index_service_btn{display: flex;justify-content: flex-end;display: none;}
.index_service_btn_prev ,.index_service_btn_next{width: 2vw;height: 2vw;display: flex;align-items: center;justify-content: center;font-size: var(--font-16);background-color: #333333;border-radius: 50%;flex-shrink: 0;cursor: pointer;color: rgba(255, 255, 255, .6);transition:all 300ms ease-in-out 0s;}
.index_service_btn_prev:not(.swiper-button-disabled):hover,.index_service_btn_next:not(.swiper-button-disabled):hover{cursor: pointer;background-color: var(--font-active-color);color: var(--font-color);}
.index_service_btn_prev {margin-right: .6vw;}
.index_service_swiper_box .swiper-paginations{bottom: 0;display: flex;justify-content: center;display: none;}
.index_service_swiper_box .swiper-pagination-bullet{background: rgba(255, 255, 255, .5);opacity: 1;width: .8vw;height: .8vw;}
.index_service_swiper_box .swiper-pagination-bullet-active{background: var(--font-active-color);}


.service_page{padding-top: 7.5vw;}
.service_page .web_w{width: 70%;}
.service_list{padding-bottom: 4vw;margin-top: 4vw;border-bottom: var(--font-gray-color) solid 1px;}
.service_list_top{display: flex;justify-content: space-between;align-items: center;font-size: var(--font-32);;line-height: 1.2;}
.service_list_name{display: flex;align-items: center;width: 42%;}
.service_list_name img{display: block;width: 5vw;flex-shrink: 0;transition:all 500ms ease-in-out 0s;}
.service_list_name img:hover{transform: rotate(360deg);}
.service_list_name .title{margin-left: 1vw;}
.service_list_name .title .subtitle{display: none;}
.service_list_subname{width: 50%;display: flex;flex-direction: column;}
.service_list_swpier{display: flex;justify-content: space-between;margin-top: 5vw;}

.service_list_swpier .bd_box{width: 42%;margin: 0;border-radius: var(--radius);}
.service_list_swpier .bd_box .img::before{display: block;content:'';padding-bottom: 100%;}

.service_list_swpier .hd_box{width: 50%;margin: 0;overflow: hidden;position: relative;}
.service_list_swpier .hd_box{color: var(--font-gray-color);}
.service_list_swpier .hd_box .title{font-size: var(--font-24);display: flex;align-items: center;justify-content: space-between;border-top: var(--font-gray-color) solid 1px;padding:.8vw 0;cursor: pointer;}
.service_list_swpier .hd_box .title:last-of-type{border-bottom: var(--font-gray-color) solid 1px;} 
.service_list_swpier .hd_box .title .item{display: flex;align-items: center;}
.service_list_swpier .hd_box .title::after{font-family: 'layui-icon' !important;content: "\e61a";height: 100%;display: flex;align-items: center;font-weight: normal; transition: all 500ms ease-in-out 0s;font-size: var(--font-16);}
.service_list_swpier .hd_box .title.active::after{transform: rotate(180deg)}
.service_list_swpier .hd_box .title em{margin-right: .5vw;font-style: normal;}
.service_list_swpier .hd_box .title span{position: relative;}
.service_list_swpier .hd_box .title span:not(:first-of-type){width: 1.5vw;height: 1.5vw;font-size: var(--font-14);border: var(--font-gray-color) solid 1px;border-radius: 50%;display: flex;justify-content: center;align-items: center;margin-left: 1vw;margin-right: 1vw;}
.service_list_swpier .hd_box .title span:not(:first-of-type)::before{display: block;content: '\e603';font-family: 'iconfont';position: absolute;right: -1.6vw;top: 50%;transform: translateY(-50%);font-size: var(--font-14);}
.service_list_swpier .hd_box .title span:last-of-type::before{display: none;}
.service_list_swpier .hd_box .des{font-size: var(--font-16);padding-bottom: .3vw;position: relative;top: -.3vw;}
.service_list_swpier .hd_box .des table{margin-top: 0;}
.service_list_swpier .hd_box .des table tr th,.service_list_swpier .hd_box .des table tr td{border: 0;color: var(--font-gray-color);padding:0;}
.service_list_swpier .hd_box .des p.none{display: none;}
.service_list_swpier .hd_box .title.active{color: #fff;}







.service_about{padding: 7vw 0 3vw;}
.service_about_title{text-align: center;font-size: var(--font-60);line-height: 1.1;color: var(--font-gray-color);}
.service_about_title p:not(:first-of-type){font-size: var(--font-36);}
.service_about_scrollnum{display: flex;justify-content: center;margin-top: 4vw;}
.scrollnum_item{margin: 0 4vw;}
.scrollnum_text{font-size: var(--font-24);color: var(--font-gray-color);text-align: center;}
.scrollnum_title{display: flex;align-items: center;justify-content: center;line-height: 1;margin-top: .5vw;}
.scrollnum_number{font-size: var(--font-80);}
.scrollnum_title sup{font-size: var(--font-80);}





/*
ABOUT
*/
.about_box{display: flex;justify-content: space-between;flex-wrap: wrap;font-family: "HarmonyOS Sans SC","HarmonyOS_Regular";position: relative;border-top: var(--font-gray-color) solid 1px;padding-bottom: 6.5vw;position: relative;overflow: hidden;}
.about_box .about_box_title{width: 30vw;padding-top: 2vw;font-family: 'HarmonyOS Sans SC Medium', 'HarmonyOS_Medium'}
.about_box .about_box_title .title{font-size: var(--font-32);}
.about_box .about_box_title .title::after{display: block;content: '';background-color: var(--font-active-color);width: 2em;height: 4px;margin-top: .5vw;}
.about_box .about_box_text{width: calc(100% - 35vw);font-size: var(--font-24);line-height: 1.4;display: flex;flex-direction: column;justify-content: center;}
.about_box .about_box_text p{margin-bottom: 1vw;}
.about_box .about_box_text p.none{margin-bottom: 0;line-height: 1;}
.about_box .about_box_text p.none br{line-height: 1}

.about_box_company{padding: 4.6vw var(--web-plr) 0 var(--web-plr);min-height: var(--i-window-height);border-top:none;background-position: right top; background-repeat: no-repeat;background-size: auto 100%;font-family: 'HarmonyOS Sans SC Medium', 'HarmonyOS_Medium';align-items: center;}
.about_company_item{display: flex;justify-content: space-between;align-items: flex-start;position: relative;z-index: 2;}
.about_box_company::before{display: block;content: '';width: var(--web-more-width);height: 1px;;left: 50%;transform: translateX(-50%);position: absolute;top: 4.6vw;background: var(--font-gray-color);z-index: 2;}
.about_box_company .about_box_title{padding-top: 0;}

.about_box_culture_list{display: flex;justify-content: space-between;flex-wrap: wrap;padding-top: 3.6vw;}
.about_box_culture_list .item{width: 48%;display: flex;flex-direction: column;font-size: var(--font-24);margin-top: 3.5vw;border-top: var(--font-gray-color) solid 1px;padding-top: 3.6vw;}
.about_box_culture_list .item:nth-of-type(1),.about_box_culture_list .item:nth-of-type(2){margin-top: 0;border-top: none;}
.about_box_culture_list .item img{width: .8vw;height: .8vw;object-fit: cover;border-radius: 50%;background: var(--font-active-color);}
.about_box_culture_list .item .title{color: var(--font-gray-color);margin-top: 2vw;white-space: pre;}

.about_box_get{font-family: 'HarmonyOS Sans SC Medium', 'HarmonyOS_Medium';}

.about_box_do .about_box_text{width: 100%;display: block;}
.about_box_do_swiper{margin-top: 4vw;}
.about_box_do_swiper .swiper-slide .img::before{display: block;content: '';padding-bottom: 120%;}
.about_box_do_swiper .swiper-slide .text{display: flex;flex-direction: column;align-items: center;text-align: center;width: 100%;height: 100%;position: absolute;left: 0;top: 0;padding: 4vw 3vw 0;}
.about_box_do_swiper .swiper-slide .text .title{font-size: var(--font-50);line-height: 1.4;}
.about_box_do_swiper .swiper-slide .text .des{font-size: var(--font-20);color: var(--font-gray-color);margin-top: .5vw;}
.about_box_do_swiper .swiper-paginations{justify-content: center;display: flex;margin-top: 2vw;}

.about_box_get .about_box_text{padding-top: 5vw;}
.about_box_get .layui-table{color: #fff;margin-top: 0;}
.about_box_get .layui-table tr td,.about_box_get .layui-table tr th{border:none;font-size: var(--font-18);width: auto;padding-left: 0;padding-right: 0;}

.about_box_kh .layui-table tr td,.about_box_kh .layui-table tr th{width: calc(33.33%)!important;padding: 0;}
.about_box_kh .about_box_text .line{display: flex;justify-content: space-between;margin-bottom: 2vw;}
.about_box_kh .about_box_text .line span{width: 33.33%;display: flex;flex-direction: column;}
.about_box_kh .about_box_text .line span::before{display: block;content: '';width: 1vw;height:1vw;border-radius: 50%;background-color: var(--font-active-color);}
.about_box_kh .about_box_text .line span::after{display: block;content: '';width: 80%;height: 1px;background-color: var(--font-active-color);margin-top: 1.5vw;}
.about_box_kh .about_box_text .line:last-of-type {margin-bottom: 0;}
.about_box_kh .about_box_text .line:last-of-type span::before{display: none;}
.about_box_kh .about_box_text .line:last-of-type span::after{background-color: var(--font-active-color);}

.about_box_team .about_box_text{width: 100%;display: block;}
.about_box_team_swiper{margin-top: 4vw;margin-right: -10vw;text-align: center;padding-right: var(--web-plr);}
.about_box_team_swiper .swiper-slide .img{position: relative;overflow: hidden;}
.about_box_team_swiper .swiper-slide .img::before{display: block;content: '';padding-bottom: 131.48%;}
.about_box_team_swiper .swiper-slide .img img{display: block;width: 100%;height: 100%;position: absolute;left: 0;top:0;object-fit: contain;}
.about_box_team_swiper .swiper-slide .title{font-size: var(--font-18);margin-top: 1vw;}
.about_box_team_swiper .swiper-slide .des{font-size: var(--font-16);color: var(--font-gray-color);}

.about_box_team_swiper .swiper_btn{margin-top: 2.5vw;}
.about_box_team_swiper .swiper_btn ,.about_box_team_swiper .swiper_btn a{display: flex;justify-content: center;align-items: center;}
.about_box_team_swiper .swiper_btn a{width: 2vw;height: 2vw;background-color: #333333;color: #fff;border-radius: 50%;font-size: var(--font-20);margin: 0 .5vw;}
.about_box_team_swiper .swiper_btn a:hover{background-color: var(--font-active-color);color: var(--font-color);}

.about_box_join{border-color: var(--font-active-color);padding-bottom: 0;}
.about_box_join .about_box_text{width: 100%;display: block;}
.join{margin-top: 3vw;width: 100%;}
.join_title{padding:1.2vw 0;display: flex;justify-content: space-between;align-items: center;cursor: pointer;border-top: var(--font-gray-color) solid 1px;position: relative;transition:all 500ms ease-in-out 0s;}
.join_title:nth-child(1){border-top:none;}
.join_title:nth-last-child(2){border-bottom: var(--font-gray-color) solid 1px;}
.join_title .title{font-size: var(--font-24);transition:all 500ms ease-in-out 0s;}
.join_title .item{display: flex;align-items: center;justify-content: space-between;font-size: var(--font-24);width: 100%;}
.join_title .item::after{font-family:'layui-icon'!important;content: "\e61a";height: 100%;display: flex;align-items: center;font-weight: normal;transition:all 500ms ease-in-out 0s} 
.join_title.active{border-bottom: none!important;}
.join_title.active{border-top-color:var(--font-active-color);} 
.join_title.active .title{opacity: 0;font-size: 0;}
.join_title.active .item::after{transform: rotate(180deg);}
.join_title:hover{color: var(--font-active-color);}
.join_content{padding: 0 0 3vw;display: none;}
.join_content .text{display: flex;justify-content: space-between;}
.join_content .text .subtitle{width: 35vw;font-size: var(--font-200);font-family: 'HarmonyOS Sans SC Thin';line-height: 1;color: var(--font-gray-color);font-weight: 100;}
.join_content .text .des{width: 56.5vw;font-size: var(--font-18);}
.join_content .text .des .title{font-size: var(--font-24);color: var(--font-active-color);margin-bottom: 1vw;font-family: 'HarmonyOS Sans SC Medium', 'HarmonyOS_Medium'}

.join_warp{padding-top: 7.3vw;}
.join_warp .about_box_join{border-top-color:var(--font-gray-color);}



/*
NEWS
*/
.index_news{padding: 4vw 0;overflow: hidden;}
.index_news_swiper_box{margin-top: 2.6vw;}
.index_news_swiper_box .swiper-slide{height: auto;}
.index_news_swiper_box .link{width:100%;height: 100%;position: absolute;left: 0;top: 0;display: flex;flex-direction: column;justify-content: space-between;padding: 1.5vw 2vw 1vw;background-color: var(--font-active-color);color: var(--font-color);background-position: center;background-repeat: no-repeat;background-size: cover;border-radius: var(--radius);font-family: 'HarmonyOS Sans SC Medium', 'HarmonyOS_Medium';line-height: 1.4;transition:all 300ms ease-in-out 0s}
.index_news_swiper_box .link .title{font-size: var(--font-32);line-height: 1.4; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}
.index_news_swiper_box .link .subtitle{font-size: var(--font-24);margin-top:.8vw;opacity:0.5;}
.index_news_swiper_box .link .info{display: flex;width: 100%;justify-content: space-between;align-items: center;opacity:.5}
.index_news_swiper_box .link .info span{font-size: var(--font-24);line-height: 1.4;}
.index_news_swiper_box .link:hover{opacity: .9;}

.index_news_swiper_t{margin:0 -20vw;}

.index_news_swiper_t .swiper-slide:nth-of-type(even) .link ,.index_news_swiper_b .swiper-slide:nth-of-type(even) .link{background-color: #fff;}
.index_news_swiper_b .swiper-slide::after{display: block;content: '';padding-bottom: 76%;}
.index_news_swiper_t .swiper-slide::after{display: block;content: '';padding-bottom:62.5%;}

.index_news_web_w{width: 92vw;margin: 0 auto;}

.index_news_btn{margin: 3vw auto 0;display: flex;justify-content: center;position: relative;}
.index_news_btn .layui_btn_more{font-size: var(--font-20);padding: .8vw 3vw;}
.index_news_btn .layui_btn_more:hover{opacity: .8;}
.index_news_btn .index_news_click_box{display: flex;align-items: center;position: absolute;right:0;top: 50%;transform: translateY(-50%);}
.index_news_pagination{height: 2vw;padding: 0 1vw;display: flex;align-items: center;justify-content: center;flex-shrink: 0;width: auto!important;background-color: #333333;border-radius: 100vw;}
.index_news_pagination.swiper-pagination-lock{display: none;}
.index_news_pagination .swiper-pagination-bullet{transition:all 300ms ease-in-out 0s;background-color: rgba(255, 255, 255, .6);}
.index_news_pagination .swiper-pagination-bullet-active{width: 2vw;border-radius: var(--radius);background-color: #fff;}
.index_news_btn_prev ,.index_news_btn_next{width: 2vw;height: 2vw;display: flex;align-items: center;justify-content: center;font-size: var(--font-16);background-color: #333333;border-radius: 50%;flex-shrink: 0;cursor: pointer;color: rgba(255, 255, 255, .6);transition:all 300ms ease-in-out 0s;}
.index_news_btn_prev.swiper-button-disabled ,.index_news_btn_next.swiper-button-disabled{opacity: .5;cursor: not-allowed;}
.index_news_btn_prev:not(.swiper-button-disabled):hover,.index_news_btn_next:not(.swiper-button-disabled):hover{cursor: pointer;background-color: var(--font-active-color);color: var(--font-color);}
.index_news_btn_prev{margin-right:.6vw;}
.index_news_btn_next{margin-left:.6vw;}

.article_warp{padding-top: 7.3vw;padding-bottom: 5vw;}
.article_list{display: flex;flex-wrap: wrap;}
.article_list .item{position: relative;display: flex;width:25%;}
.article_list .item::after{display: block;content: '';padding-bottom: 100%;}
.article_list .item:nth-of-type(6n+2){width: 50%;}
.article_list .item:nth-of-type(12n){width: 75%;}
.article_list .item:nth-of-type(6n+2):after ,.article_list .item:nth-of-type(12n)::after{display: none;}
.article_list .item:nth-of-type(6n+2) .link ,.article_list .item:nth-of-type(12n) .link{background-color: #fff;}


.article_list .link{width:100%;height: 100%;position: absolute;left: 0;top: 0;display: flex;flex-direction: column;justify-content: space-between;padding: 2vw 2vw 1vw;background-color: var(--font-active-color);background-position: center;background-repeat: no-repeat;background-size: cover;color: var(--font-color);border-radius: var(--radius);font-family: 'HarmonyOS Sans SC Medium', 'HarmonyOS_Medium';line-height: 1.4;transition:all 300ms ease-in-out 0s}
.article_list .link .title{font-size: var(--font-32);line-height: 1.2; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 7;-webkit-box-orient: vertical;}
.article_list .link .subtitle{font-size: var(--font-24);margin-top:1.5vw;opacity:.5;}
.article_list .link .info{display: flex;width: 100%;justify-content: space-between;align-items: center;opacity:.5;}
.article_list .link .info span{font-size: var(--font-24);line-height: 1.2;}
.article_list .link:hover{opacity: .9;}



.article_page{width:80%;padding:3vw 4vw 4vw;margin:0 auto;background-color: #fff;position: relative;border-radius: var(--radius);color: var(--font-color);position: relative;}
.article_page a{color:var(--font-color)}
.article_page a:hover{color: var(--font-golden-color)!important;}
.article_close_btn{font-size: var(--font-36);position: absolute;right: 1.5vw; top: .6vw;display: flex;align-items: center;justify-content: center;}
.article_num{font-size: var(--font-36);font-weight: bold;}
.article_title{font-size: var(--font-36);line-height: 1.2;}


.article_bd{margin-top: 5Vw;font-size: var(--font-18);}

.article_box img{max-width:100%;display:inline;height:auto!important;}
.article_box video,.article_box iframe{display:inline-block;max-width:100%;background-color:#000;object-fit:cover}
.article_box video{display:block;}
.article_box embed{display:inline-block;max-width:100%;background-color:#000}
.article_box a:hover{color:var(--font-active-color)}

.article_box img[lay-src]{display:block;width:100%;min-height:30vw;background:#f2f2f2 url("../img/loading.svg") center center no-repeat;background-size:3vw 3vw;font-size:0;}
.article_box img:not([src]){border:none;}



.article_order{font-size: var(--font-24);display: flex;justify-content: space-between;margin: 4vw auto 0;width: 75%;}
.article_order dd a{display: flex;align-items: center;justify-content: space-between;}
.article_order dd a[href="javascript:;"]{cursor: not-allowed;color: var(--font-gray-color);}
.article_order dd a .num{width: 0;height: 0;font-size: 0;opacity: 0;overflow: hidden;}
.article_order dd i{font-size: var(--font-24);margin-left: 1vw;}
.article_order dd:last-of-type i{margin:0 1vw 0 0;}

.article_rel{display: flex;align-items: center;justify-content: space-between;margin: 0 auto;width: 75%;;font-size: var(--font-32);margin-top: 4vw;border-bottom: var(--font-gray-color) solid 1px;padding-bottom: 2vw;font-family: 'HarmonyOS Sans SC Medium', 'HarmonyOS_Medium';}
.article_rel span{color: var(--font-gray-color);}
.article_rel em{font-style: normal;}

/*
CONTACT
*/
.index_bottom{text-align: center;margin-top:5vw;}
.index_bottom .title{font-size:var(--font-36);line-height: 1.4;color: var(--font-gray-color);}
.index_bottom .layui_btn_more{font-size: var(--font-24);margin: 1.6vw auto 0;padding: 1vw 5vw;}

.contact_from .layui-input-wrap ,.contact_from .layui-input-affix{line-height: 2.083vw;}
.contact_from .layui-input-prefix i{font-size: var(--font-18);}
.contact_from .layui-form-item{position: relative;}
.contact_from .layui-form-item.required .layui-input-affix{display: flex!important;align-items: center;justify-content:flex-end;width: 16px;padding:0;}
.contact_from .layui-form-item.required .layui-input-affix.layui-hide .layui-icon-clear::before{display: block;content: '*';color: #ff0000;font-size: var(--font-12);}
.contact_from .layui-input{height:2.083vw;line-height:2.083vw;font-size:var(--font-16);border-radius:3px;background: none;}
.contact_from .layui-textarea{font-size:var(--font-18);background: none;border-radius:3px;}
.contact_from .layui-form-item .layui-btn{display: flex;height: 2vw;align-items: center;justify-content: center;font-size: var(--font-20);}

.inquire_skin{width: 74vw;height: auto;background: none!important;color: var(--font-color);}
.inquire_skin .layui-layer-setwin .layui-layer-close2:hover{background-color: var(--font-yellow-color);}
.inquire_skin .layui-layer-content{width: 100%;height: auto!important;}

.inquire_box{display: flex;justify-content: space-between;position: relative;}
.inquire_box .layui_close_btn{font-size: var(--font-24);position: absolute;right: 1vw;top: 1vw;line-height: 1;color: var(--font-color);z-index:1000;}

.inquire_box .inquire_left{width: 50%;background: var(--font-active-color) url(../img/inquire_bg.png) bottom right no-repeat;background-size: 100% auto;display: flex;flex-direction: column;justify-content:space-between;padding: 2vw 3vw;position: relative;font-family: 'HarmonyOS Sans SC Medium', 'HarmonyOS_Medium';}
.inquire_box .inquire_left .name{font-size: var(--font-24);line-height: 1.2;}
.inquire_box .inquire_left .con{margin-top: 2vw;}
.inquire_box .inquire_left .con p{display: flex;flex-direction: column;margin: 0 0 1.3vw;}
.inquire_box .inquire_left .con p strong{font-size: var(--font-16);font-weight: normal;display: flex;align-items: center;}
.inquire_box .inquire_left .con p i{width: .8vw; height: .8vw;background: var(--font-golden-color);color: #fff;font-size: var(--font-12);border-radius: 50%;display: flex;align-items: center;justify-content: center;margin-right: .3vw;flex-shrink: 0;}
.inquire_box .inquire_left .con p span{font-size: var(--font-15);color: #434343;display: flex;align-items: center;}
.inquire_box .inquire_left .con p span i{visibility: hidden;}
.inquire_box .inquire_left .item:last-of-type{padding-left: 1vw;}
.inquire_box .inquire_left .title{font-size: var(--font-36);display: flex;flex-direction: column;line-height: 1.2;}
.inquire_box .inquire_left .title span:first-of-type{font-size: var(--font-50);}
.inquire_box .inquire_left .img{display: block;width: 9vw;position: absolute;right: 3.3vw;bottom: 2.7vw;}
.inquire_box .inquire_left .text{display: flex;flex-direction: column;font-size: var(--font-16);margin-top: 1vw;}
.inquire_box .inquire_left .text span:last-of-type{font-size: var(--font-20);}
.inquire_box .inquire_left .text a{color: var(--font-color);}

.inquire_box .inquire_right{width: 50%;background-color: #fff;padding:2vw 3vw;}
.inquire_right_title{display: flex;flex-direction: column;line-height: 1.2;font-family: 'HarmonyOS Sans SC Medium', 'HarmonyOS_Medium';}
.inquire_right_title span:first-of-type{font-size: var(--font-24);}
.inquire_right_title span:last-of-type{font-size: var(--font-16);color: var(--font-gray-color);}

.inquire_contact_from {-webkit-box-sizing:border-box;box-sizing:border-box;}
.inquire_contact_from .layui-form-item{position: relative;margin:1.5vw 0 0;}
.inquire_contact_from .layui-form-item::before{display: block;content: '';width: 100%;height: 1px;background-color: #282828;position: absolute;left: 0;bottom: 0;z-index: 1;}
.inquire_contact_from .layui-form-item::after{display: block;content: '';width: 0;height: 1px;background-color: #ff0000;position: absolute;left: 0;bottom: 0;z-index: 2;opacity: 0;transition:all 300ms ease-in-out 0s}
.inquire_contact_from .layui-form-item.active::after{width: 100%;opacity: 1;}
.inquire_contact_from .layui-form-item.active span{top: 0;color: var(--font-font-color);transform: translateY(-70%);font-size: var(--font-14);}
.inquire_contact_from .layui-form-item span{color: var(--font-gray-color);font-size: var(--font-16);transition:all 300ms ease-in-out 0s;pointer-events: none;position: absolute;left: 0;top: 50%;transform: translateY(-50%);font-weight: 100;font-family: 'HarmonyOS Sans SC Light';white-space: nowrap;}
.inquire_contact_from .layui-form-item:last-of-type span{top: .3vw;transform: translateY(0);}
.inquire_contact_from .layui-form-select{background-color: #eeeeee;margin:1vw 0 2vw;border-radius: 100vw;box-shadow: none;}
.inquire_contact_from .layui-form-select .layui-input{box-shadow: none;border: none;}
.inquire_contact_from .layui-form-select .layui-select-title{padding-left:1.5vw;}
.inquire_contact_from .layui-form-select .layui-edge{right: 1vw;}
.layui-form-select dl{margin: 0;}
.layui-form-select dl dd.layui-this{color: var(--font-golden-color);}
.inquire_contact_from .form_box_item{display: flex;flex-direction: column;width: 100%;}
.inquire_contact_from .form_box_item span{position: relative;top: 0;transform: translateY(0);}
.inquire_contact_from .form_box_item .checkbox_item{display: flex;flex-wrap: wrap;padding-bottom: 2vw;}
.inquire_contact_from .form_box_item .checkbox_item .layui-form-checkbox{width: 20%;display: flex;align-items: center;flex-direction: row-reverse;justify-content: flex-end;margin-top: 1vw;padding-left: 0;}
.inquire_contact_from .form_box_item .checkbox_item .layui-form-checkbox > div{font-size: var(--font-16);text-overflow: initial;margin: 0;padding: 0;line-height: inherit;}
.inquire_contact_from .form_box_item .checkbox_item .layui-form-checkbox i{width: 1vw;height: 1vw;position: relative;margin-right: .3vw;font-size: var(--font-14);display: flex;justify-content: center;align-items: center;border-radius:50%}
.inquire_contact_from .form_box_item .checkbox_item .layui-form-checkbox:hover i{border-color: var(--font-golden-color)!important;}
.inquire_contact_from .form_box_item .checkbox_item .layui-form-checked i{border-color: var(--font-golden-color)!important;background-color: var(--font-golden-color);}

.inquire_contact_from .layui-input{border: none;box-shadow: none;height:2vw;line-height:2vw;padding: 0!important;}
.inquire_contact_from .layui-btn{background:none;border-radius: 100vw;color: var(--font-color);font-size: var(--font-20);padding: .3vw 2vw;width: auto;height: auto;border-color: var(--font-color)!important;color: var(--font-color)!important;line-height: inherit;}
.inquire_contact_from .layui-btn:hover{border-color: var(--font-active-color)!important;}
.inquire_contact_from .layui-btn i{font-size: var(--font-20);position: relative;left: 3px;}

.inquire_box .inquire_right .inquire_contact_from .layui-btn{margin-top: 2vw;}

.contact_box{min-height: var(--i-window-height);padding-top: 8vw;display: flex;flex-direction: column;justify-content: space-between;color: var(--font-color);}
.contact_box a{color: var(--font-color);}
.contact_box_item{display: flex;justify-content: space-between;}

.contact_item_left .title{font-size: var(--font-36);font-family: 'HarmonyOS Sans SC Light';}
.contact_item_left .list{font-size: var(--font-16);font-family: 'HarmonyOS Sans SC Medium', 'HarmonyOS_Medium';line-height: 1.4;margin-top: 1.5vw;}
.contact_item_left .list.flex{display: flex;justify-content: space-between;align-items: flex-end;}
.contact_item_left .wx_img{display: flex;align-items: center;line-height: 1.2;font-size: var(--font-16);font-family: "HarmonyOS Sans SC","HarmonyOS_Regular";font-size: var(--font-15);}
.contact_item_left .wx_img img{width: 6vw;margin-left: .6vw;}
.contact_item_left .link{margin-top: 0;}
.contact_item_left .copyright{font-size: var(--font-15);}

.contact_item_right{width: 49.8vw;}
.contact_item_right .inquire_contact_from{padding: 3.5vw 0 0 0;}
.contact_item_right .inquire_contact_from .layui-form-item{position: relative;margin: 0 0 2.5vw;}
.contact_item_right .inquire_contact_from .layui-form-item span{color: var(--font-color);}
.contact_item_right .inquire_contact_from .layui-border-orange{border: var(--font-color) solid 1px!important;color: var(--font-color)!important;}
.contact_item_right .inquire_contact_from .layui-border-orange:hover{border: #fff solid 1px!important;}
.contact_item_right .inquire_contact_from .layui-border-orange::after{background-color: #fff!important;}

.contact_item_right .inquire_contact_from .layui-form-item .checkbox_box,.contact_item_right .inquire_contact_from .layui-form-item .radio_box{display: flex;justify-content: space-between;padding-left: 5vw;flex-wrap: nowrap;width: 100%;}
.contact_item_right .inquire_contact_from .layui-form-item .checkbox_box .layui-form-checkbox{width: auto;margin: .3vw 0 0 0;background: none;}
.inquire_contact_from .layui-form-item .checkbox_box .layui-form-checkbox > div ,.inquire_contact_from .layui-form-item .radio_box .layui-form-radio > div{font-size: var(--font-16);padding: 0;}
.contact_item_right .inquire_contact_from .layui-form-item .checkbox_box .layui-form-checkbox .layui-badge{height: auto;line-height: 1.2;padding: .3vw .5vw;transition:all 300ms ease-in-out 0s;font-family: 'HarmonyOS Sans SC Light';border: #b2b2b2 solid 1px;border-radius: 1000vw;}
.contact_item_right .inquire_contact_from .layui-form-item .checkbox_box .layui-form-checked .layui-badge{background-color: #fff;border: #fff solid 1px;}

.contact_item_right .inquire_contact_from .layui-form-item .radio_box{justify-content: start;}
.contact_item_right .inquire_contact_from .layui-form-item .layui-form-radio {display: flex;align-items: center;}
.contact_item_right .inquire_contact_from .layui-form-item .layui-form-radio > i{font-size: var(--font-25);margin-right: .5vw;}
.contact_item_right .inquire_contact_from .layui-form-item .layui-form-radioed *,.contact_item_right .inquire_contact_from .layui-form-item .layui-form-radio:hover *{color:var(--font-golden-color);}

.contact_item_right .inquire_contact_from .layui-form-item.last{display: flex;align-items: center;padding-bottom: 1vw;}
.contact_item_right .inquire_contact_from .layui-form-item.last span{position: relative;top: 0;transform: translateY(0);}

.contact_box .footer_text{margin-top: 3vw;}




/*
FOOTER
*/
.footer{background: var(--font-active-color);color: var(--font-color);position: relative;z-index: 1;height:var(--i-window-height);}
.footer a{color: var(--font-color);}
.footer_warp{padding: 4vw 0;position: fixed;width: 100%;height:var(--i-window-height);bottom: 0;left: 0;display: flex;flex-direction: column;justify-content: center;}
.footer_box{display: flex;justify-content: space-between;margin-bottom: 12vw;}
.footer_left{display: flex;flex-direction: column;justify-content: space-between;}
.footer_left .bottom_logo{width: 8vw;display: block;}
.footer_left .copyright{font-size: var(--font-15);}

.footer_center .title{font-size: var(--font-36);font-family: 'HarmonyOS Sans SC Light';width: 100%;}
.footer_center_list{display: flex;flex-wrap: wrap;}
.footer_center .list{font-size: var(--font-16);font-family: 'HarmonyOS Sans SC Medium', 'HarmonyOS_Medium';display: flex;flex-direction: column;justify-content:flex-end;line-height: 1.4;}
.footer_center .list:last-of-type{margin-left: 4vw;}
.footer_center .item{margin-top: 2.5vw;}
.footer_center .item p{margin: 0 0 .5vw 0;}
.footer_center .item p:last-of-type{margin-bottom: 0;}
.footer_center .wx_img{display: flex;align-items: center;line-height: 1.2;font-size: var(--font-15);font-family: "HarmonyOS Sans SC","HarmonyOS_Regular";}
.footer_center .wx_img img{width: 6vw;margin-right: .6vw;}
.footer_link{margin-top: 1vw;font-weight: bold;display: flex;flex-direction: column;font-size: var(--font-16);line-height: 1.6;}
.footer_link a{display: flex;align-items: center;}
.footer_link i{transition:all .2s ease-out;margin-left: .4vw;font-size: var(--font-20);}
.footer_link a:hover i{transform: translateX(.3vw);}
.footer_right{display: flex;flex-direction: column;align-items: flex-end;justify-content: flex-end;font-size: var(--font-20);font-weight: bold;}
.footer_text{line-height: 1;display: flex;align-items: center;justify-content: center;font-weight: bold;white-space: nowrap;margin: 6vw 0 .5vw;}
.footer_text img{display: block;width: 100%;}

.footer .footer_text{position: absolute;left: 50%;transform: translateX(-50%);bottom:0;width: var(--web-width);}

.layui-fixbar{margin:0;padding:0;}
.layui-fixbar li{width: var(--font-44);height:var(--font-44);line-height:inherit;border-radius: 50%;font-size: var(--font-24);display: flex;justify-content: center;align-items: center;position: relative;color: var(--font-color);}
.layui-fixbar .iconfont{font-size: var(--font-24);}
.layui-fixbar .fonttop{background-color: var(--font-active-color)!important;color: var(--font-color);margin-top: 10px;font-size: var(--font-24);box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.05) inset;border-radius: 50%;overflow: hidden;box-shadow: none;}

.layui-fixbar li.inquiry:before ,.layui-fixbar li.inquiry:after{display: block;position: absolute;border-radius: 50%;content: '';background-color:rgba(255,248,80,.8);width: 100%;height: 100%;}
.layui-fixbar li.inquiry::before{animation: scale 2s infinite;}
.layui-fixbar li.inquiry::after{animation: scale2 2s infinite;}
@keyframes scale{0%{ transform: scale(1); opacity:.5}100%{ transform: scale(1.4); opacity: 0;}}
@keyframes scale2{0%{ transform: scale(1);opacity:.5;}100%{ transform: scale(1.8);opacity:0;}}

.body_scroll .layui-fixbar li.inquiry::before ,.body_scroll .layui-fixbar li.inquiry::after ,.body_inner .layui-fixbar li.inquiry::before ,.body_inner .layui-fixbar li.inquiry::after{background-color:rgba(2,22,48,.5);}

/*
Banner
*/
.banner{position: relative;min-height: 37.5vw;overflow: hidden;}
.banner .img{display: block;width: 100%;min-height: 37.5vw;object-fit: cover;}
.banner .text{position: absolute;left: var(--web-plr);top: 50%;transform: translateY(-50%);font-size: var(--font-36);font-family: 'HarmonyOS Sans SC Medium', 'HarmonyOS_Medium';padding-top: 5.8vw;line-height: 1.4;z-index: 2;}

#canvas3d{position: absolute;right: 0;top: 0;width: auto!important;height: 100%!important;z-index: 1;overflow: hidden;object-fit: cover;}


/*
laypage
*/
.layui-laypage-default{display: flex;justify-content: center;align-items: center;margin: 3vw 0 0;}
.layui-laypage-default a{font-size: var(--font-15);height: 2vw;line-height: 2vw;padding: 0 1.2vw;margin: 0 .1vw;}
.layui-laypage-default a:hover{color: var(--font-active-color);}
.layui-laypage-default a.page-num{font-size: var(--font-16);padding: 0 1vw;}
.layui-laypage-default a.page-num-current{background-color: var(--font-active-color);color: #fff;}
.error_x{padding: 3vw;display: flex;justify-content: center;align-items: center;margin-top: 2vw;font-size: var(--font-18);}
.error_x i{margin-right: .5vw;font-size: var(--font-18);}




@media screen and (max-width:768px) { 
:root{
    --swiper-navigation-size: 20px;
    --font-200:26.667vw;
    --font-100:26.667vw;
    --font-80:21.333vw;
    --font-75:19.667vw;
    --font-70:18.667vw;
    --font-60:16vw;
    --font-55:14.667vw;
    --font-50:13.021vw;
    --font-48:12.8vw;
    --font-47:12vw;
    --font-44:11.733vw;
    --font-40:9.346vw;
    --font-36:8.411vw;
    --font-35:8.313vw;
    --font-34:8.213vw;
    --font-32:7.477vw;
    --font-30:7.009vw;
    --font-26:6.075vw;
    --font-24:5.607vw;
    --font-22:5.14vw;
    --font-20:4.673vw;
    --font-19:4.612vw;
    --font-18:4.206vw;
    --font-17:3.972vw;
    --font-16:3.738vw;
    --font-15:3.505vw;
    --font-14:3.271vw;
    --font-13:3.037vw;
    --font-12:2.804vw;    
    --font-11:2.304vw;
    --font-10:1.704vw;
    --web-width:100%;
    --web-more-width:100%;
    --web-plr:0;
    --web-more-plr:0;
    --radius:10px;
    --swiper-navigation-size: 8.974vw;
    --i-window-height:60vh;
}
p{margin:0 0 3.4vw}
h1{font-size: 6vw;}
h2{font-size: 5vw;}
h3{font-size: 4vw;}
h4{font-size: 3vw;}
h5{font-size: 2vw;}
h6{font-size: 1vw;}
h1,h2,h3,h4,h5,h6{margin: 3vw 0;line-height: 1.5;}
p{margin:0 0 3vw}
body{font-size:var(--font-15);}
.lazy_preloader{width: 8vw;height: 8vw;margin-left: -4vw;margin-top: -4vw;border: 3px solid var(--font-color);border-top-color: transparent;}

.layui-main,.web_w{padding:0}
.layui-table{color:var(--font-color);margin:7.436vw 0 5.128vw 0}
.layui-table tr th,.layui-table tr td{font-size:var(--font-16);padding: 10px 15px;}
.layui-layer-btn a{font-size: var(--font-15);}
.layui-layer-photos-prev,.layui-layer-photos-next{width:9.744vw!important;height:9.744vw!important}
.layui-layer-photos{width: 100%!important;height: auto!important;}
.layui-layer-photos .layui-layer-photos-prev{left: 0;transform: scale(.7);}
.layui-layer-photos .layui-layer-photos-next{right: 0;transform: scale(.7);}
.layui-layer-photos-footer{display: flex;align-items: center;justify-content: center;}
.layui-layer-photos-footer h3{margin: 0;}


/*模板*/
.ue_flex{flex-direction: column;margin:  3vw 0;}
.ue_flex.last{flex-direction: column-reverse;}
.ue_flex .ue_flex_item:not(:first-of-type){margin: 3vw 0 0 0;}

.ue_flex_two{flex-direction: row;flex-wrap: wrap;}
.ue_flex_two .ue_flex_item{width: 48%;flex: auto;margin-top: 4vw;}
.ue_flex_two .ue_flex_item:nth-of-type(1),.ue_flex_two .ue_flex_item:nth-of-type(2){margin-top: 0;}


.wapper{padding-bottom: 20vw;}
body.fliter{overflow: hidden;}
body.fliter .wapper ,body.fliter .contact_box ,body.fliter .footer{-webkit-filter:blur(15px);filter:blur(15px);opacity:1;transition:all 1.2s;}
body.fliter .footer .wx_img{display: none;}
/*
header
*/

.header.header_scrlltop{top:-14vw;}
.header.fixed{position: fixed;box-shadow: none;}
.header .menu{display: flex;align-items: center;justify-content: space-between;width: 100%;height:14vw;transition:all 500ms ease-in-out 0} 
.header .logo{display: flex; align-items: center;position: relative;overflow: hidden;height: 100%;margin-left: 3vw;}
.header .logo img{display: block;height:4.8vw;}
.mobile_menu_btn{display: flex;}
.header_nav{display: flex;flex-direction: column;align-items: center;position: static;padding: 0;height:auto;transform: none;left: 0;padding: 0;}         
.header_nav .layui-nav-item{line-height: initial;margin-bottom: 8vw;transform: translateY(30px); opacity: 0;}
.header_nav .layui-nav-item .parent_a{font-size: var(--font-24);}
.header_nav .layui-nav-item .layui-btn{margin: 5vw 54% 0 3vw;height: auto;line-height: inherit;padding: 1.5vw;font-size: var(--font-16);}
.menu .inquire_btn{width: 40%;margin: 0 auto;transform: translateY(30px); opacity: 0;}
.menu .inquire_btn .layui-btn{font-size: var(--font-20);padding: 1vw 3vw;}

.header_menu{position: absolute;left: 0; top: 14vw;width: 100%;height: 0;opacity: 0;overflow: hidden;transition:all 500ms ease-in-out 0s}
.header.active .header_menu{height: var(--i-window-height);opacity: 1;transition:all 500ms ease-in-out 0s;}
.header.active .menu{background-color: rgba(32,32,32,1);}
.header .header_item{padding: 10vw 3vw 16vw;transition:all 500ms ease-in-out 0s;}
.header.sticky .header_item{border-bottom-left-radius: 7vw;border-bottom-right-radius: 7vw;}
.header.active .header_item{background-color: rgba(32,32,32,1);}
.header.sticky.active .menu{border-bottom-left-radius: 0;border-bottom-right-radius: 0;border-top-left-radius: 7vw;border-top-right-radius: 7vw;}

.header.sticky .menu{width: 100%;height: 14vw;margin: 0 auto;padding:  0 3vw;transform: scale(.8);background-color: rgba(32,32,32,1)}
.header.sticky .logo{transform: scale(1) translateX(0);}
.header.sticky .header_nav .layui-nav-item .parent_a, .header.sticky .menu .inquire_btn .layui-btn {transform: scale(1);}

.body_bg_yellow .header:not(.sticky) .mobile_menu_btn span{background-color: var(--font-color);}
.body_bg_yellow .header.active .logo img:first-of-type{display: block;}
.body_bg_yellow .header.active .logo img:last-of-type{display: none;}
.body_bg_yellow .header.active .mobile_menu_btn span{background-color: #fff;}
.body_bg_yellow .header.active .header_nav .layui-nav-item .parent_a{color: #fff;}
.body_bg_yellow .header.active .header_nav .layui-nav-item.layui-this .parent_a{color: var(--font-active-color);}
.body_bg_yellow .header.active .menu .inquire_btn .layui-btn::after{background-color: var(--font-active-color);}

.header.active .header_nav .layui-nav-item{opacity: 1;transform: translateY(0px);}
.header.active .header_nav .layui-nav-item:nth-of-type(1){transition: all .6s ease .1s;}
.header.active .header_nav .layui-nav-item:nth-of-type(2){transition: all .6s ease .2s;}
.header.active .header_nav .layui-nav-item:nth-of-type(3){transition: all .6s ease .3s;}
.header.active .header_nav .layui-nav-item:nth-of-type(4){transition: all .6s ease .4s;}
.header.active .header_nav .layui-nav-item:nth-of-type(5){transition: all .6s ease .5s;}
.header.active .menu .inquire_btn{opacity: 1;transform: translateY(0px);transition: all .6s ease .6s;}


.header.sticky .logo img:not(:nth-of-type(1)){display: none!important;}
.header.sticky .logo img:nth-of-type(1){display: block!important;}


/**
INDEX_BANNER
**/
.index_banner_swiper .index_banner_slide::before{display:block;content:'';padding-bottom:var(--i-window-height);}
.index_banner_swiper .text{padding:3vw 3vw 15vw;}
.index_banner_swiper .text .title{font-size:var(--font-26);line-height: 1.4;}
.index_banner_swiper .text .title span{font-size: var(--font-20);margin-bottom: .6vw;}
.index_banner_prev,.index_banner_next{display: none;}

.swiper_pagination_item{margin-right:10px;}
.swiper_pagination_icon{width:30px;height:5px;}
.index_banner_pagination{bottom: 3vw;right: auto;left: 3vw;font-size: var(--font-18);}

.flex .swiper_scroll_btn:last-of-type{margin-left:10px}
.swiper_scroll_btn{width:30px;height:30px;}
.swiper_scroll_btn i{font-size: 16px;}
.index_banner_button{margin:6vw auto 0;}
.index_banner_navigation,.index_float_box{display: none;}


/*
BUTTON
*/
.layui_btn_more.layui-btn{height: auto;line-height: initial;font-size: var(--font-16);padding: 2vw 3vw;}
.layui-border-orange ,.layui-flow-more a{border:1px solid var(--font-active-color)!important;}


/*
CASE
*/
.index_case{padding: 12vw 1vw;}
.index_title .title{font-size: var(--font-24);}
.index_title .des{font-size: var(--font-18);}

.index_case .case_list{margin-top: 4vw;}
.case_list .layui-col-space{margin: -1vw;}
.case_list .layui-col-space>*{padding: 1vw;}
.case_list .case_list_item{margin-top: 4vw;}
.case_list_item .title{font-size: var(--font-16);margin-top: .6vw;}
.case_list .layui_btn_more ,.case_warp .layui_btn_more{width:40%;margin: 6vw auto 0;}

.case_guide_box{overflow-x:hidden;width: 100%;}
.case_guide_nav{padding: 4vw 3vw;white-space: nowrap;overflow-x: auto;-webkit-overflow-scrolling: touch;}
.case_guide_nav .layui-nav-item:not(:first-of-type){margin-left:5vw;}
.case_guide_nav .layui-nav-item:last-of-type{padding-right: 3vw;}
.case_guide_nav .layui-nav-item a{font-size: var(--font-18);}
.case_guide_nav .layui-nav-item:not(:first-of-type) a::before{display: block;content: '';width: 1.4vw;height: 1.4vw;margin-right: .8vw;}


.case_list_box{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 0;padding: 0 1vw;}
.case_list_box .case_list_item{width: 100%;margin-top: 4vw;}
.case_list_box .case_list_item .img{height: auto;}
.case_list_box .case_list_item .img::before{display: block!important;}

.layui-flow-more {margin-top: 5vw;}
.layui-flow-more a{width: 40%;}
.layui-flow-more a cite i{font-size: var(--font-24);}


.case_warp{padding: 16vw 3vw 0;}
.case_swiper .img::before{padding-bottom: 56.25%;}
.case_swiper_prev,.case_swiper_next{display: none;}
.case_article{margin: 6vw auto 0;}
.case_title{font-size: var(--font-20);padding-bottom: 3vw;}
.case_des{flex-direction:column;font-size: var(--font-16);margin-top: 5vw;}
.case_des .item:first-of-type{width: 100%;line-height: 1.2;}
.case_des .item:first-of-type .list{display: flex;flex-direction: column;margin-bottom: 4vw;}
.case_des .item:first-of-type .list span{color: var(--font-gray-color);font-size: var(--font-14);}
.case_des .item:last-of-type{width: 100%;line-height: 1.8;}

.case_text{margin-top: 3vw;font-size: var(--font-16);/*font-size: calc(max(var(--font-16), var(--font-22)))!important;*/}
.case_text *{font-size: var(--font-16);/*font-size: calc(max(var(--font-16), var(--font-22)))!important;*/}

.case_text p ,.case_des p{margin-bottom: 1.2vw;}

.case_rel{margin-top: 10vw;}
.case_rel_title{font-size: var(--font-17);padding-bottom: 1.5vw;}
.case_rel_swpier{margin-top: 5vw;}
.case_rel_swpier .swiper-paginations{margin-top: 3vw;}
.case_rel_swpier .swiper-paginations .swiper-pagination-bullet{width: 6px;height: 6px;}


/*
SERVICE
*/
.index_service{padding: 12vw 3vw;}
.index_service_swiper{padding:0 0 10px;margin-top: 5vw;margin-right:0;}
.index_service_swiper .swiper-slide{padding: 6vw;}
.index_service_swiper .swiper-slide:hover{transform: none;}
.index_service_swiper .text .title span{font-size: var(--font-16);}
.index_service_swiper .text .title strong{font-size: var(--font-24);}
.index_service_swiper .text .title::after{display: block;content: '';background-color: var(--font-active-color);height: 2px;width: 10vw;margin: 2vw 0 3vw;}
.index_service_swiper .text .des{font-size: var(--font-16);}
.index_service_swiper .img{position: absolute;right: 2vw;bottom: 3vw;z-index: 1;width: 45%;}

.index_service_swiper .logo_img{margin-top: 6vw;display: flex;}
.index_service_swiper .logo_img img{display: block;height: 2.4vw;}
.index_service_swiper_box .index_service_btn{display: flex;justify-content: flex-end;position: absolute;right: 3vw;bottom: -15px;}
.index_service_btn_prev ,.index_service_btn_next{width: 30px;height: 30px;font-size: var(--font-16);display: none;}
.index_service_btn_prev {margin-right: 10px;}
.index_service_swiper_box .swiper-paginations{bottom: 0;display: flex;justify-content: center;}
.index_service_swiper_box .swiper-pagination-bullet{background: rgba(255, 255, 255, .5);opacity: 1;width: 7px;height: 7px;}
.index_service_swiper_box .swiper-pagination-bullet-active{background: var(--font-active-color);}


.service_page{padding: 18vw 3vw 0;}
.service_page .web_w{width: 100%;}
.service_list{padding-bottom: 5vw;margin-top: 5vw;border-bottom: 0;}
.service_list_top{flex-direction: column;font-size: var(--font-24);;line-height: 1.2;}
.service_list_name{display: flex;align-items: center;width: 100%;}
.service_list_name img{display: block;width:15vw;flex-shrink: 0;transition:all 500ms ease-in-out 0s;}
.service_list_name img:hover{transform: rotate(360deg);}
.service_list_name .title{margin-left:3vw;}
.service_list_name .title .subtitle{display: block;font-size: var(--font-16);margin-top: 1vw;}
.service_list_subname{display: none;}
.service_list_swpier{flex-direction: column;margin-top: 5vw;}

.service_list_swpier .bd_box{width: 100%;margin: 0;}
.service_list_swpier .bd_box .img::before{display: block;content:'';padding-bottom: 56.25%;}

.service_list_swpier .hd_box{width: 100%;margin: 0;overflow: hidden;position: relative;margin-top: 5vw;}
.service_list_swpier .hd_box{color: var(--font-gray-color);}
.service_list_swpier .hd_box .title{font-size: var(--font-18);padding:3vw 0;}
.service_list_swpier .hd_box .title::after{font-family: 'layui-icon' !important;content: "\e61a";height: 100%;display: flex;align-items: center;font-weight: normal; transition: all 500ms ease-in-out 0s;font-size: var(--font-16);}
.service_list_swpier .hd_box .title.active::after{transform: rotate(180deg)}
.service_list_swpier .hd_box .title em{margin-right: .5vw;font-style: normal;}
.service_list_swpier .hd_box .title span:not(:first-of-type){width: 6vw;height: 6vw;margin-left: 5vw;margin-right: 5vw;font-size: var(--font-12);}
.service_list_swpier .hd_box .title span:not(:first-of-type)::before{display: block;content: '\e603';font-family: 'iconfont';position: absolute;right: -7.6vw;top: 50%;transform: translateY(-50%);font-size: var(--font-14);}
.service_list_swpier .hd_box .title span:last-of-type::before{display: none;}
.service_list_swpier .hd_box .des{font-size: var(--font-16);padding-bottom: .3vw;position: relative;top: -1vw;}



.service_about{padding: 12vw 3vw 5vw;}
.service_about_title{text-align: center;font-size: var(--font-24);line-height: 1.1;color: var(--font-gray-color);}
.service_about_title p:not(:first-of-type){font-size: var(--font-16);}
.service_about_scrollnum{display: flex;justify-content: space-between;margin-top: 6vw;}
.scrollnum_item{margin: 0;}
.scrollnum_text{font-size: var(--font-16);color: var(--font-gray-color);text-align: center;white-space: nowrap;}
.scrollnum_title{display: flex;align-items: center;justify-content: center;line-height: 1;margin-top: 1vw;}
.scrollnum_number{font-size: var(--font-36);}
.scrollnum_title sup{font-size: var(--font-36);}

/*
NEWS
*/
.index_news{padding: 12vw 0;}
.index_news_swiper_box{margin-top: 5vw;}
.index_news_swiper_box .link{padding: 3vw 3.6vw;}
.index_news_swiper_box .link .title{font-size: var(--font-19);-webkit-line-clamp: 6;line-height: 1.3;}
.index_news_swiper_box .link .subtitle{font-size:var(--font-16);margin-top:2.5vw;}
.index_news_swiper_box .link .info{display: flex;width: 100%;justify-content: space-between;align-items: center;}
.index_news_swiper_box .link .info span{font-size: var(--font-18);line-height: 1.2;}
.index_news_swiper_t{margin:0 -40vw;}
.index_news_swiper_t .swiper-slide::after{padding-bottom:90%;}
.index_news_swiper_b .swiper-slide::after{padding-bottom:100%;}
.index_news_web_w{width: 92vw;margin: 0 auto;}
.index_news_btn{margin: 12px auto 0;display: flex;flex-direction: column;align-items: center;}
.index_news_btn .index_news_click_box{position: relative;top: 0;transform: none;display: flex;justify-content: center;}
.index_news_btn .layui_btn_more{font-size: var(--font-16);padding: 1.8vw 6vw;width: 40%;margin-top: 6vw;}


.index_news_pagination{height:auto;padding: 0 6px;background: none;}
.index_news_pagination .swiper-pagination-bullet ,.index_news_pagination .swiper-pagination-bullet-active{width: 7px;height: 7px;}
.index_news_btn_prev ,.index_news_btn_next{width: 30px;height: 30px;font-size: var(--font-16);display: none;}
.index_news_btn_prev{margin-right:3px;}
.index_news_btn_next{margin-left:3px;}

.article_warp{padding-top: 14vw;padding-bottom: 10vw;}

.article_list{display: flex;flex-wrap: wrap;padding: 0 3vw;justify-content:space-between;}
.article_list .item{position: relative;display: flex;width: calc(50% - .3vw)!important;margin-bottom:.6vw;}
.article_list .item:nth-of-type(12n+2),.article_list .item:nth-of-type(12n+6),.article_list .item:nth-of-type(12n+11){width: calc(50% - .3vw)!important;}
.article_list .item:nth-of-type(3n){width:100%!important;}
.article_list .item::after{display:none!important;}



.article_list .link{width:100%;height: 100%;position: relative;left: 0;top: 0;display: flex;flex-direction: column;justify-content: space-between;padding: 5vw 4vw;}
.article_list .link .title{font-size: var(--font-20);line-height: 1.4; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 10;-webkit-box-orient: vertical;}
.article_list .link .subtitle{font-size: var(--font-17);margin-top:3vw;}
.article_list .link .info{display: flex;width: 100%;justify-content: space-between;align-items: center;margin-top:6vw;}
.article_list .link .info span{font-size: var(--font-17);line-height:1;}
.article_list .link:hover{opacity: .9;}



.article_page{width:calc(100% - 6vw);padding:4vw;margin:0 auto;}
.article_close_btn{font-size: var(--font-24);position: absolute;right: 2vw; top: .6vw;display: flex;align-items: center;justify-content: center;}
.article_num{font-size: var(--font-24);font-weight: bold;}
.article_title{font-size: var(--font-24);line-height: 1.2;}


.article_bd{margin-top: 10Vw;font-size: var(--font-16);}

.article_order{font-size: var(--font-16);display: flex;justify-content: space-between;margin: 5vw auto 0;width:calc(100% - 6vw);}
.article_order dd a{display: flex;align-items: center;justify-content: space-between;}
.article_order dd a[href="javascript:;"]{cursor: not-allowed;color: var(--font-gray-color);}
.article_order dd a .num{width: 0;height: 0;font-size: 0;opacity: 0;overflow: hidden;}
.article_order dd i{font-size: var(--font-16);margin-left: 1vw;}
.article_order dd:last-of-type i{margin:0 1vw 0 0;}

.article_rel{display: flex;align-items: center;justify-content: space-between;margin: 0 auto;width:calc(100% - 6vw);font-size: var(--font-16);margin-top: 4vw;border-bottom: var(--font-gray-color) solid 1px;padding-bottom: 2vw;font-family: 'HarmonyOS Sans SC Medium', 'HarmonyOS_Medium';}
.article_rel span{color: var(--font-gray-color);}
.article_rel em{font-style: normal;}

.article_box img[lay-src]{display:block;width:100%;min-height:45vw;background:#f2f2f2 url("../img/loading.svg") center center no-repeat;background-size:8vw 8vw;font-size:0;}



/*
CONTACT
*/
.index_bottom{text-align: center;margin-top:12vw;}
.index_bottom .title{font-size:var(--font-24);}
.index_bottom .layui_btn_more{font-size: var(--font-16);margin:5vw auto 0;padding: 1.8vw 6vw;display: block; width: 50%;}

.contact_from .layui-input-wrap ,.contact_from .layui-input-affix{line-height: 15vw;}
.contact_from .layui-input-prefix i{font-size: var(--font-16);}
.contact_from .layui-form-item{position: relative;}
.contact_from .layui-form-item.required .layui-input-affix{display: flex!important;align-items: center;justify-content:flex-end;width: 16px;padding:0;}
.contact_from .layui-form-item.required .layui-input-affix.layui-hide .layui-icon-clear::before{display: block;content: '*';color: #ff0000;font-size: var(--font-12);}
.contact_from .layui-input{height:15vw;line-height:15vw;font-size:var(--font-16);border-radius:3px;background: none;}
.contact_from .layui-textarea{font-size:var(--font-16);background: none;border-radius:3px;}
.contact_from .layui-form-item .layui-btn{display: flex;height: 12vw;align-items: center;justify-content: center;font-size: var(--font-18);}

.inquire_skin{width:96%!important;}
.inquire_skin .layui-layer-setwin .layui-layer-close2:hover{background-color: var(--font-yellow-color);}

.inquire_box{flex-direction: column;position: relative;}
.inquire_box .layui_close_btn{font-size: var(--font-24);position: absolute;right: 5px;top: 5px;color: var(--font-color);}

.inquire_box .inquire_left{width: 100%;background: var(--font-active-color) url(../img/inquire_bg.png) bottom right no-repeat;background-size: 100% auto;display: flex;flex-direction: column;justify-content:space-between;padding:4vw;}
.inquire_box .inquire_left .name{font-size: var(--font-20);line-height: 1.2;}
.inquire_box .inquire_left .name br{display: none;}
.inquire_box .inquire_left .con{margin-top: 2vw;}
.inquire_box .inquire_left .con p{display: flex;flex-direction: column;margin: 0 0 1.3vw;}
.inquire_box .inquire_left .con p strong{font-size: var(--font-15);font-weight: normal;display: flex;align-items: center;}
.inquire_box .inquire_left .con p i{width: 3vw; height: 3vw;background: var(--font-golden-color);color: #fff;font-size: var(--font-12);border-radius: 50%;display: flex;align-items: center;justify-content: center;margin-right: 1vw;flex-shrink: 0;}
.inquire_box .inquire_left .con p span{font-size: var(--font-15);color: #434343;display: flex;align-items: center;display: none;}
.inquire_box .inquire_left .con p span i{visibility: hidden;}
.inquire_box .inquire_left .item:last-of-type{padding:0;margin-top: 2vw;}
.inquire_box .inquire_left .title{font-size: var(--font-20);display: flex;flex-direction: row;line-height: 1.2;}
.inquire_box .inquire_left .title span:first-of-type{font-size: var(--font-20);}
.inquire_box .inquire_left .img{display: block;width: 24%;position: absolute;right:8.9vw;bottom: 7.2vw;}
.inquire_box .inquire_left .text{display: flex;flex-direction: column;font-size: var(--font-16);margin-top: 1vw;}
.inquire_box .inquire_left .text span:last-of-type{font-size: var(--font-20);}

.inquire_box .inquire_right{width: 100%;background-color: #fff;padding:4vw;}
.inquire_right_title{display: flex;flex-direction: column;line-height: 1.2;}
.inquire_right_title span:first-of-type{font-size: var(--font-20);}
.inquire_right_title span:last-of-type{font-size: var(--font-15);color: var(--font-gray-color);margin-top: .5vw;}

.inquire_contact_from {-webkit-box-sizing:border-box;box-sizing:border-box;}
.inquire_contact_from .layui-form-item{position: relative;margin:1.5vw 0 0;}
.inquire_contact_from .layui-form-item::before{display: block;content: '';width: 100%;height: 1px;background-color: #282828;position: absolute;left: 0;bottom: 0;z-index: 1;}
.inquire_contact_from .layui-form-item::after{display: block;content: '';width: 0;height: 1px;background-color: #ff0000;position: absolute;left: 0;bottom: 0;z-index: 2;opacity: 0;transition:all 300ms ease-in-out 0s}
.inquire_contact_from .layui-form-item.last:before{display:none;}
.inquire_contact_from .layui-form-item.active::after{width: 100%;opacity: 1;}
.inquire_contact_from .layui-form-item.active span{top: 0;color: var(--font-font-color);transform: translateY(-30%);font-size: var(--font-14);}
.inquire_contact_from .layui-form-item span{color: var(--font-gray-color);font-size: var(--font-16);transition:all 300ms ease-in-out 0s;pointer-events: none;position: absolute;left: 0;top: 50%;transform: translateY(-50%);font-weight: 100;font-family: 'HarmonyOS Sans SC Light';white-space: nowrap;}
.inquire_contact_from .layui-form-item:last-of-type span{top: .3vw;transform: translateY(0);}
.inquire_contact_from .layui-form-select{background-color: #eeeeee;margin:1vw 0 2vw;border-radius: 100vw;box-shadow: none;}
.inquire_contact_from .layui-form-select .layui-input{box-shadow: none;border: none;}
.inquire_contact_from .layui-form-select .layui-select-title{padding-left:4vw;}
.inquire_contact_from .layui-form-select .layui-select-title .layui-input{height: 10vw;line-height: 10vw;}
.inquire_contact_from .layui-form-select .layui-edge{right: 3vw;}
.layui-form-select dl{margin: 0;}
.layui-form-select dl dd.layui-this{color: var(--font-golden-color);}
.inquire_contact_from .form_box_item{display: flex;flex-direction: column;width: 100%;}
.inquire_contact_from .form_box_item span{position: relative;top: 0;transform: translateY(0);}
.inquire_contact_from .form_box_item .checkbox_item{display: flex;flex-wrap: wrap;padding-bottom: 2vw;}
.inquire_contact_from .form_box_item .checkbox_item .layui-form-checkbox{width: 25%;display: flex;align-items: center;flex-direction: row-reverse;justify-content: flex-end;margin: 1vw 0 0 0;padding-left: 0;}
.inquire_contact_from .form_box_item .checkbox_item .layui-form-checkbox > div{font-size: var(--font-16);text-overflow: initial;margin: 0;padding: 0;line-height: inherit;}
.inquire_contact_from .form_box_item .checkbox_item .layui-form-checkbox i{width:3vw;height: 3vw;position: relative;margin-right: 1vw;}

.inquire_contact_from .layui-input{border: none;box-shadow: none;height:12vw;line-height:12vw;padding: 0!important;}
.inquire_contact_from .layui-btn{width: 100%;font-size: var(--font-18);padding: 1vw 8vw;display: flex;justify-content: center;}
.inquire_contact_from .layui-btn i{font-size: var(--font-18);position: relative;left: 3px;}

.inquire_box .inquire_right .inquire_contact_from .layui-btn{margin-top: 2vw;}

.contact_box{min-height: auto;padding: 16vw 3vw 2vw;flex-direction: column;}
.contact_box_item{flex-direction: column;}

.contact_item_left .title{font-size: var(--font-24);}
.contact_item_left .list{font-size: var(--font-16);margin-top:5vw;}
.contact_item_left .list.flex{margin-top: 1vw;align-items: center;}
.contact_item_left .list p{margin-bottom: 2vw;}
.contact_item_left .wx_img{width:25vw;font-size: var(--font-14);}
.contact_item_left .wx_img img{width:80%;margin-left: 1vw;}
.contact_item_left .link{margin-top: 0;}
.contact_item_left .copyright{font-size: var(--font-15);}

.contact_item_left .footer_link{flex-direction: row;justify-content: space-between;flex-wrap: wrap;}
.contact_item_left .footer_link a{width: 48%;}

.contact_item_right{width:100%;}
.contact_item_right .inquire_contact_from{padding: 5vw 0 0 0;}
.contact_item_right .inquire_contact_from .layui-form-item{position: relative;margin: 0 0 5vw;}
.contact_item_right .inquire_contact_from .layui-form-item .checkbox_box,.contact_item_right .inquire_contact_from .layui-form-item .radio_box{display: flex;justify-content: space-between;padding-left: 0;flex-wrap: wrap;width: 100%;margin-top: 2vw;}
.contact_item_right .inquire_contact_from .layui-form-item .checkbox_box .layui-form-checkbox{width: 32%;margin: 2vw 0 0 0;background: none;}
.inquire_contact_from .layui-form-item .checkbox_box .layui-form-checkbox > div ,.inquire_contact_from .layui-form-item .radio_box .layui-form-radio > div{font-size: var(--font-16);padding: 0;}
.contact_item_right .inquire_contact_from .layui-form-item .checkbox_box .layui-form-checkbox .layui-badge{height: auto;line-height: 1.2;padding: 1vw 3vw;display: flex;width: 100%;justify-content: center;align-items: center;}
.contact_item_right .inquire_contact_from .layui-form-item .radio_box{justify-content:space-between;}
.contact_item_right .inquire_contact_from .layui-form-item .layui-form-radio {display: flex;align-items: center;margin:0;padding: 0;}
.contact_item_right .inquire_contact_from .layui-form-item .layui-form-radio > i{font-size: var(--font-16);margin-right: 1vw;}
.contact_item_right .inquire_contact_from .layui-form-item.last{flex-direction: column;padding-bottom: 5vw;align-items: flex-start;}

.contact_box .footer_text{margin-top:12vw;}



/*
ABOUT
*/
.about_box{flex-direction: column;border-top: var(--font-gray-color) solid 1px;padding:12vw 0;margin: 0 3vw;}
.about_box .about_box_title{width: 100%;padding-top:0}
.about_box .about_box_title .title{font-size: var(--font-22);}
.about_box .about_box_title .title::after{display: block;content: '';background-color: var(--font-active-color);width: 2em;height: 2px;margin-top: 1vw;}
.about_box .about_box_text{width:100%;font-size: var(--font-16);line-height: 1.4;display: flex;flex-direction: column;justify-content: center;margin-top: 8vw;}
.about_box .about_box_text p{margin-bottom: 2vw;}


.about_box_company{padding: 20vw 0 12vw;min-height: 50vh;}
.about_company_item{flex-direction: column;position: relative;z-index: 2;}
.about_box_company::before{display: none;}
.about_box_company .about_box_title{padding-top: 0;}

.about_box_culture_list{display: flex;justify-content: space-between;flex-wrap: wrap;padding-top: 10px;}
.about_box_culture_list .item{width: 45%;display: flex;flex-direction: column;font-size: var(--font-18);margin-top: 10vw;border-top: var(--font-gray-color) solid 1px;padding-top: 5vw;}
.about_box_culture_list .item:nth-of-type(1),.about_box_culture_list .item:nth-of-type(2){padding-top: 0;}
.about_box_culture_list .item img{width: 2vw;height: 2vw;object-fit: cover;border-radius: 50%;background: var(--font-active-color);}
.about_box_culture_list .item .title{color: var(--font-gray-color);margin-top: 2vw;white-space: pre;}

.about_box_do .about_box_text{width: 100%;display: block;}
.about_box_do_swiper{margin-top:10;}
.about_box_do_swiper .swiper-slide .img::before{display: block;content: '';padding-bottom: 160%;}
.about_box_do_swiper .swiper-slide .text{display: flex;flex-direction: column;align-items: center;width: 100%;height: 100%;position: absolute;left: 0;top: 0;padding: 6vw 3vw 0;}
.about_box_do_swiper .swiper-slide .text .title{font-size: var(--font-24);}
.about_box_do_swiper .swiper-slide .text .des{font-size: var(--font-15);color: var(--font-gray-color);margin-top: 1vw;}
.about_box_do_swiper .swiper-paginations{justify-content: center;display: flex;margin-top: 3vw;}
.about_box_do_swiper .swiper-paginations .swiper-pagination-bullet{width: 6px;height: 6px;}

.about_box_get .about_box_text{padding-top:0;}
.about_box_get .layui-table{color: #fff;margin-top: 0;}
.about_box_get .layui-table tr td,.about_box_get .layui-table tr th{border:none;font-size: var(--font-16);width: auto;padding: 5px 0;vertical-align: top!important;}
.about_box_get .layui-table tr td:nth-of-type(odd){width: 60%;}
.about_box_get .layui-table tr td:nth-of-type(even){width: 40%;}

.about_box_kh .layui-table{margin-bottom: 2.2vw;}
.about_box_kh .layui-table tr td,.about_box_kh .layui-table tr th{width: calc(33.33%)!important;padding: 5px 10px 0 0;}
.about_box_kh .about_box_text .line{display: flex;justify-content: space-between;margin: 10px 0 4vw;}
.about_box_kh .about_box_text .line span{width: 33.33%;display: flex;flex-direction: column;}
.about_box_kh .about_box_text .line span::before{display: block;content: '';width: 3vw;height:3vw;border-radius: 50%;background-color: var(--font-active-color);}
.about_box_kh .about_box_text .line span::after{display: block;content: '';width: 80%;height: 1px;background-color: var(--font-active-color);margin-top: 1.5vw;}
.about_box_kh .about_box_text .line:last-of-type {margin-bottom: 0;}
.about_box_kh .about_box_text .line:last-of-type span::before{display: none;}
.about_box_kh .about_box_text .line:last-of-type span::after{background-color: var(--font-active-color);}

.about_box_team .about_box_text{width: 100%;display: block;}
.about_box_team_swiper{margin-top: 10px;margin-right: 0;text-align: center;padding-right:0;}
.about_box_team_swiper .swiper-slide .img{position: relative;overflow: hidden;}
.about_box_team_swiper .swiper-slide .img::before{display: block;content: '';padding-bottom: 131.48%;}
.about_box_team_swiper .swiper-slide .img img{display: block;width: 100%;height: 100%;position: absolute;left: 0;top:0;object-fit: contain;}
.about_box_team_swiper .swiper-slide .title{font-size: var(--font-16);margin-top: 1vw;}
.about_box_team_swiper .swiper-slide .des{font-size: var(--font-14);color: var(--font-gray-color);}

.about_box_team_swiper .swiper_btn{margin-top: 4vw;}
.about_box_team_swiper .swiper_btn ,.about_box_team_swiper .swiper_btn a{display: flex;justify-content: center;align-items: center;}
.about_box_team_swiper .swiper_btn a{width: 30px;height: 30px;background-color: #333333;color: #fff;border-radius: 50%;font-size: var(--font-16);margin: 0 1vw;}


.about_box_join{border-color: var(--font-active-color);padding-bottom: 0;}
.about_box_join .about_box_text{width: 100%;display: block;}
.join{margin-top:0;width: 100%;}
.join_title{padding:3vw 0;display: flex;justify-content: space-between;align-items: center;cursor: pointer;border-top: var(--font-gray-color) solid 1px;position: relative;transition:all 500ms ease-in-out 0s;}
.join_title:nth-child(1){border-top:none;}
.join_title:nth-last-child(2){border-bottom: var(--font-gray-color) solid 1px;}
.join_title .title{font-size: var(--font-18);transition:all 500ms ease-in-out 0s;}
.join_title .item{display: flex;align-items: center;justify-content: space-between;font-size: var(--font-18);width: 100%;}
.join_title .item::after{font-family:'layui-icon'!important;content: "\e61a";height: 100%;display: flex;align-items: center;font-weight: normal;transition:all 500ms ease-in-out 0s} 
.join_content{padding: 0 0 3vw;display: none;}
.join_content .text{flex-direction: column;}
.join_content .text .subtitle{width: 100%;font-size: var(--font-36);display: none;}
.join_content .text .des{width: 100%;font-size: var(--font-16);}
.join_content .text .des .title{font-size: var(--font-22);color: var(--font-active-color);margin-bottom: 2vw;}

.join_warp{padding-top: 16vw;}
.join_warp .about_box_join{border-top-color:var(--font-gray-color);}


/*
FOOTER
*/
.footer_warp{padding: 20vw 3vw 0; justify-content: flex-start;}
.footer_box{display: flex;flex-direction: column;margin-bottom: 0;}
.footer_left{display: flex;flex-direction: column;justify-content: space-between;margin-top:0;width: 100%;position: absolute;left: 0;bottom: 22vw;padding: 0 3vw;}
.footer_left .bottom_logo{width: 20vw;display: none;}
.footer_left .copyright{font-size: var(--font-14);margin-top:0;}

.footer_center{order: 1;}
.footer_center .title{font-size: var(--font-24);}
.footer_center_list{display: flex;flex-wrap: wrap;flex-direction: column;}
.footer_center .list{font-size: var(--font-16);}
.footer_center .list:first-of-type{border-bottom: var(--font-color) solid 1px;padding-bottom: 6vw;}
.footer_center .list:last-of-type{margin:5vw 0 0 0;display: flex;flex-direction: column-reverse;}
.footer_center .item{margin-top: 5vw;}
.footer_center .item:first-of-type{margin-top: 1vw;}
.footer_center .item p{margin: 0 0 2vw 0;}
.footer_center .item p:last-of-type{margin-bottom: 0;}
.footer_center .wx_img{display: flex;align-items: center;line-height: 1.2;font-size: var(--font-15);margin-top: 1vw;}
.footer_center .wx_img img{width: 18vw;margin-right: 1vw;}
.footer_link{margin:0 0 1vw;font-weight: bold;display: flex;flex-direction: column;font-size: var(--font-15);line-height: 1.4; }
.footer_link a{display: flex;align-items: center;}
.footer_link i{transition:all .2s ease-out;margin-left: .4vw;font-size: var(--font-20);}
.footer_link a:hover i{transform: translateX(.3vw);}
.footer_right{display: flex;flex-direction: row;align-items: flex-start;justify-content:flex-start;font-size: var(--font-18);margin-top:0;width: 100%;position: absolute;left: 0;bottom: 34vw;padding: 0 3vw;}
.footer_right a:not(:last-of-type){margin-right: 4vw;}
.footer_text{line-height: 1;display: flex;align-items: center;justify-content: center;font-weight: bold;white-space: nowrap;margin: 6vw 0 0vw;}
.footer_text img{display: block;width: 100%;}

.footer .footer_text{position: absolute;left: 50%;transform: translateX(-50%);bottom: 1vw;width:calc(100% - 6vw);}

.layui-fixbar{display: none;}

/*
Banner
*/
.banner{min-height: 40vh;}
.banner .img{min-height: 40vh;}
.banner .text{font-size: var(--font-20);padding: 14vw 3vw 0;text-align: center;left: 0;width: 100%;}


/*
laypage
*/
.layui-laypage-default{margin: 6vw 0 0;}
.layui-laypage-default a{font-size: var(--font-15);height: 8vw;line-height: 8vw;padding: 0 3vw;margin: 0 1vw;}
.layui-laypage-default a.page-num{font-size: var(--font-15);padding: 0 4vw;}

.error_x{padding: 6vw;display: flex;justify-content: center;align-items: center;margin-top: 5vw;font-size: var(--font-16);}
.error_x i{margin-right: 1vw;font-size: var(--font-16);}

}


@media screen and  (min-width: 3800px){

/*
NEWS
*/
.index_news_swiper_box .link .title ,.article_list .link .title{font-size: var(--font-24);-webkit-line-clamp: 4;}
.index_news_swiper_box .link .info span ,.article_list .link .info span{font-size: var(--font-24);}
.index_news_swiper_b .swiper-slide::after{display: block;content: '';padding-bottom: 48%;}
.index_news_swiper_t .swiper-slide::after{display: block;content: '';padding-bottom:39%;}
.article_list .item::after{display: block;content: '';padding-bottom: 40%;}
.article_list .item:nth-of-type(8n)::after{padding-bottom: 13.3%;}
}