@import "iconfont.css?v=1.2";
@import "MontserratFont.css";
html {
    font-size: 62.5%;
}
:root {
  --font-color: #000000;
  --font-active-color: #5ab546;
  --font-gray-color: #686868;
  --font-white-color: #ffffff;
  --bg-green: #def0da;
  --bg-gray: #f5f5f5;
  --bg-grey: #c9c9d2;
  --bg-black: #000000;
  --bg-grey-light: #e1e1e1;
  --bg-dark: #1a1a1a;
  --font-200: 20rem;
  --font-100: 10rem;
  --font-80: 8rem;
  --font-75: 7.5rem;
  --font-70: 7rem;
  --font-65: 6.5rem;
  --font-60: 6rem;
  --font-55: 5.5rem;
  --font-50: 5rem;
  --font-48: 4.8rem;
  --font-47: 4.7rem;
  --font-44: 4.4rem;
  --font-40: 4rem;
  --font-36: 3.6rem;
  --font-35: 3.5rem;
  --font-34: 3.4rem;
  --font-32: 3.2rem;
  --font-30: 3rem;
  --font-28: 2.8rem;
  --font-26: 2.6rem;
  --font-25: 2.5rem;
  --font-24: 2.4rem;
  --font-22: 2.2rem;
  --font-20: 2rem;
  --font-19: 1.9rem;
  --font-18: 1.8rem;
  --font-17: 1.7rem;
  --font-16: 1.6rem;
  --font-15: 1.5rem;
  --font-14: 1.4rem;
  --font-13: 1.3rem;
  --font-12: 1.2rem;
  --font-11: 1.1rem;
  --font-10: 1rem;
  --web-width: 128rem;
  --web-plr: calc(50% - var(--web-width) / 2);
  --radius: 1.2rem;
  --swiper-navigation-size: 3.4rem;
  --i-window-height: 100vh;
  --header-height: 12.8rem;
}
*,:after,:before{box-sizing:border-box;}
body{background-color:#fff;color:var(--font-color);font:var(--font-16) "Montserrat-Light","\5FAE\8F6F\96C5\9ED1","Microsoft YaHei","微软雅黑","Arial";-webkit-text-size-adjust:100%;line-height:1.6;}
.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 1.2rem;}
img{image-rendering:-webkit-optimize-contrast;}
video{display:inline-block;}
h1{font-size:3.2rem;}
h2{font-size:2.4rem;}
h3{font-size:1.9rem;}
h4{font-size:1.6rem;}
h5{font-size:1.4rem;}
h6{font-size:1.2rem;}
h1,h2,h3,h4,h5,h6{margin:var(--font-16) 0;font-family: 'Montserrat-medium';}
hr{margin:1.2rem 0;box-sizing:content-box;}
picture{display:block;}
blockquote{padding:1.2rem;background-color:#f2f2f2;font-family:"Montserrat-Light","\5FAE\8F6F\96C5\9ED1","Microsoft YaHei","微软雅黑";font-size:var(--font-16);border-left:0.4rem solid var(--font-active-color);display:flex;align-items:center;margin-bottom:1.6rem;}
blockquote p{margin:0 !important;}
p+blockquote{margin-top:1.2rem;}
.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 0.5s ease-in-out 0s;}
.img_animate.contain img{object-fit:contain;}
.img_animate:hover img{transform:scale(1.02);}
.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:16rem;height:16rem;margin:auto;content:'';transition:all 0.6s ease-in-out;transform:scale(6);opacity:1;border:8rem solid rgba(0,0,0,0.1);border-radius:8rem;}
.picture-hover-animate:hover:after{visibility:hidden;opacity:0;border:0 solid rgba(0,0,0,0.1);}
.lazy_preloader{width:4rem;height:4rem;position:absolute;left:50%;top:50%;margin-left:-2rem;margin-top:-2rem;z-index:10;box-sizing:border-box;border:.4rem solid var(--font-color);border-radius:50%;border-top-color:transparent;transform-origin:50%;animation:preloader-spin 1s infinite linear;}
@keyframes preloader-spin{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}
.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;transition:all 1s cubic-bezier(0.4,0,0.2,1);}
.slide_img_right_active::after{width:0;transition:all 1s cubic-bezier(0.4,0,0.2,1);}
.fade_in,.fade_in_left,.fade_in_right,.fade_in_up,.fade_in_down,.slide_in_up,.zoom_in_up{opacity:0;}
.animate__animated{opacity:1;}
input:-webkit-autofill,textarea:-webkit-autofill,select:-webkit-autofill{-webkit-box-shadow:0 0 0 100rem 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;}
.web_w{width:var(--web-width);margin:0 auto;}
.layui-main{width:var(--web-width);max-width:100%;margin:0 auto;}
.layui-main img{max-width:100%;}
.layui-main.flex{display:flex;}
.nicescroll-rails{z-index:3 !important;}
.layui-table{color:var(--font-color);margin:0 0 1.6rem 0;background:none;}
.layui-table tr th,.layui-table tr td{font-size:var(--font-15);line-height:1.6;padding:1rem 1.5rem;}
.layui-table tr th{font-weight:bold;text-align:center;background-color:#f7f7f7;}
.layui-table p{margin:0;}
.layui-table img{max-width:100%;}
.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 0.3rem rgba(22,183,119,0.08);}
.layui-layer-photos-prev,.layui-layer-photos-next{color:rgba(0,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:4rem!important;height:4rem !important;}
.layui-layer-photos-toolbar h3{display:inline-block;margin:0;font-size:var(--font-12);}
.layui-layer-photos-toolbar a{display:none;}
.layer-layer-photos-main img{background-color:#fff;}
.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{border-radius:var(--radius);}
.skin_qrcode .layui-layer-setwin .layui-layer-close2:hover{background-color:var(--font-active-color);}
.layui-layer-btn .layui-layer-btn0{background-color:var(--font-active-color) !important;}
.skin_tips.layui-layer-tips{width:auto !important;}
.skin_tips.layui-layer-tips .layui-layer-content{line-height:inherit;padding:0.6rem 1.6rem;font-size:var(--font-14);}
.skin_tips_img.layui-layer-tips .layui-layer-content{line-height:inherit;padding:1rem;text-align:center;font-size:var(--font-12);}
.skin_tips_img.layui-layer-tips .layui-layer-content img{width:13rem;display:block;margin-bottom:0.1rem;}
.skin_video{width:var(--web-width);height:auto;}
.skin_video .layui-layer-content{background-color:#000;position:relative;}
.skin_video video{display:block;width:100%;height:auto !important;}
.skin_iframe{width: var(--web-width);height: auto;}
.skin_iframe .layui-layer-content{background-color: #000;position: relative;position: relative;}
.skin_iframe .layui-layer-content::after{display: block;content: '';padding-bottom: 56.25%;}
.skin_iframe iframe{display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;}

.skin_qrcode{width:32rem;border-radius:var(--radius) !important;}
.skin_qrcode .layui-layer-content{text-align:center;padding:1rem 1rem 2rem;}
.skin_qrcode img{width:100%;margin:0 auto 1rem;}
.skin_Imgview.layui-layer-tips{width:auto !important;}
.skin_Imgview.layui-layer-tips .layui-layer-content{width:15rem;padding:.8rem !important;text-align: center;}
.skin_Imgview.layui-layer-tips img{display:block;width:100%;}
.skin_Tipsview.layui-layer-tips{width:auto !important;}
.skin_Tipsview.layui-layer-tips .layui-layer-content{line-height:1.6;padding:1.6rem 2.4rem;font-size:var(--font-15);max-width: 50rem;}

.form_search{display:flex;justify-content:space-between;}
.form_search .layui-input-wrap{width:100%;}
.form_search .layui-input-wrap,.form_search .layui-input-affix{line-height:4.4rem;display:flex;align-items:center;}
.form_search .layui-input-affix .layui-icon{font-size:var(--font-15);}
.form_search .layui-input{background:none;border:0;height:4.4rem;line-height:4.4rem;box-shadow:none;padding-left:2.4rem;padding-right:3rem;font-size: var(--font-15);flex-shrink: 0;}
.form_search .layui-btn{width:4rem;height:4rem;background-color:var(--font-active-color);color:#fff;font-size:var(--font-24);border-radius:50%;display:flex;justify-content:center!important;align-items:center;padding:0;flex-shrink:0;}

.bg_gray{background: var(--bg-gray)!important;}
.bg_black{background: var(--bg-black)!important;}
.bg_white{background: var(--font-white-color)!important;}
.margin-top-0{margin-top: 0!important;}
.margin-top-2{margin-top: 4rem!important;}


.header{width:100%;background:var(--bg-black);color: var(--font-white-color);position: sticky;top: 0;left: 0;z-index:1200;}
.header.fixed{position:fixed;left:0;top:0;}
.header .menu_top{display:flex;align-items:center;justify-content:space-between;padding: 3rem 0 1rem;}
.header .logo{display:flex;align-items:center;position:relative;overflow:hidden;z-index:2;flex-shrink:0;}
.header .logo img{display:block;height:3.3rem;}

.menu_top_right{display:flex;justify-content:flex-end;height:100%;align-items:center;font-size: var(--font-16);}
.menu_top_right a{color:var(--font-white-color);}
.menu_top_right a:hover ,.search_btn .fontsearch:hover{color:var(--font-active-color);}
.menu_top_right_item ,.menu_top_right_item > a,.menu_language_btn span{display: flex;align-items:center;}
.menu_top_right_item:last-of-type::before{display: block;content:'';width: 0.1rem;height: 2rem;background: var(--font-active-color);margin: 0 3rem;}
.menu_top_right_item:first-of-type > a:last-of-type{margin-left: 2.8rem;}
.menu_top_right_item > a i{margin-right: 0.6rem;font-size:var(--font-14);}
.menu_top_right_item > a i.fontshopcart{margin-right:2rem;}

.menu_language{background: none;}
.menu_language .layui-nav-item .menu_language_value{color: var(--font-white-color);display: flex;align-items: center;padding: 0;font-size: var(--font-16);}
.menu_language .layui-nav-item .menu_language_value:hover{color: var(--font-active-color);}
.menu_language .layui-nav-item .menu_language_value i{margin:0 .5rem;position: relative;}
.menu_language .layui-nav-item .menu_language_value span{display: flex;align-items: center;}
.menu_language .layui-nav-item .menu_language_value span:before{display: block;content:'';width: 0.1rem;height: 1.4rem;background: var(--font-white-color);margin: 0 1rem;transition: all 0.3s ease-in-out 0s;}
.menu_language .layui-nav-item dd a{display: flex;align-items: center;}
.menu_language .layui-nav-item dd a img{height: 1.2rem;margin-right: .5rem;}

.menu_top_right a:hover span:before{background: var(--font-active-color);}
.menu_top_right .header_nav .layui-nav-item{margin-right: 2rem;}

.menu_bottom{display:flex;align-items:center;justify-content:space-between;}
.menu_bottom.active{position: relative;}
.search_btn_box .search_btn{font-size:var(--font-18);color: var(--font-white-color);width:4rem;display:flex;justify-content:flex-end;align-items:center;}
.menu_bottom.active .search_btn_box .search_btn:before{content: '\e66a';}
.search_btn_box .form_search{position: absolute;right: 4rem;top: 50%;transform: translateY(-50%);background: var(--bg-black);z-index: 10;border: var(--font-active-color) solid 0.1rem;width: 0;opacity: 0;overflow: hidden;}
.menu_bottom.active .search_btn_box .form_search{width: calc(100% - 4rem);opacity: 1;transition: all 0.2s ease-in-out 0s;}
.search_btn_box .form_search .layui-btn{background: none;font-size: var(--font-18);color: rgba(255,255,255,0.8);}
.search_btn_box .form_search .layui-input{width:100%;color: var(--font-white-color);}
.layui-form .layui-input-suffix .layui-icon{font-size:var(--font-16);}

.header_nav{background:none;display:flex;align-items:center;justify-content:center;height:100%;transition:transform 0.8s ease;position:static;padding:0;}
.header_nav *{font-size:var(--font-16);}
.header_nav .layui-nav-item{line-height:initial;margin-right:4rem;display:flex;transition:all 0.5s ease-in-out 0s;align-items:center;position:static;height:100%;}
.menu_bottom .header_nav .layui-nav-item{padding:2rem 0;}
.header_nav .layui-nav-item:last-of-type{margin-right:0;}
.header_nav .layui-nav-item .parent_a{padding:0;font-size:var(--font-16);color:var(--font-white-color);height:100%;display:flex;align-items:center;position:relative;z-index:2;white-space:nowrap;}
.header_nav .layui-nav-item .parent_a:hover,.header_nav .layui-nav-item.layui-this .parent_a,.header_nav .layui-nav-item:hover .parent_a{color:var(--font-active-color);}
.header_nav .layui-nav-bar{background:var(--font-active-color);height:0.1rem;}
.header_nav .layui-nav-child dd.layui-this{background:none;}
.header_nav .layui-this::after ,.header_nav .layui-nav-item.layui-this::after{display:none;}
.header_nav .layui-nav-more{position:relative;right:0;margin-left:0.4rem;font-size:var(--font-14);}
.header_nav .layui-nav-bar{top:calc(100% - 0.1rem) !important;}

.header_nav .layui-nav-item .layui-nav-child{top:var(--header-height);left:0;padding-top:0;background:none;box-shadow:none;border:0;z-index:1;line-height:inherit;width:100%;height:calc(var(--i-window-height) - var(--header-height));background:rgba(0,0,0,0.9);white-space:wrap !important;color: var(--font-white-color);border-radius: 0;overflow: hidden;padding: 0 0 2rem;}

.header_nav .layui-nav-item .layui-nav-child a{color: var(--font-white-color);padding: 0;}
.header_nav .layui-nav-item .layui-nav-child a:hover{background: none;color: var(--font-active-color);}
.header_nav .layui-nav-item .layui-nav-child a span{font-size: var(--font-18);}
.header_nav .layui-nav-item .layui-nav-child .close_btn_box{position: relative;height: 5.2rem;}
.header_nav .layui-nav-item .layui-nav-child .close_btn{position: absolute;right: 0;top: 2rem;font-size: var(--font-14);color: var(--font-active-color);width: 2rem;height: 2rem;border: var(--font-active-color) solid 0.1rem;display: flex;justify-content: center;align-items: center;transition: all 0.3s ease-in-out 0s;cursor: pointer;}
.header_nav .layui-nav-item .layui-nav-child .close_btn:hover{transform:rotate(360deg);border-radius: 50%;font-size: var(--font-12);}


.header_sub_box{overflow: auto;max-height:calc(var(--i-window-height) - var(--header-height) - 7rem);}

.glass-scrollbar::-webkit-scrollbar {width: 0.3rem;}
.glass-scrollbar::-webkit-scrollbar-track {background: rgba(255, 255, 255, 0.4);border-radius: 1rem;backdrop-filter: blur(0.2rem);margin: 4rem 0;}
.glass-scrollbar::-webkit-scrollbar-thumb {background: rgba(255, 255, 255, 0.2); border-radius: 1rem;border: 0.2rem solid rgba(255, 255, 255, 0.1);}
.glass-scrollbar::-webkit-scrollbar-thumb:hover {background: rgba(255, 255, 255, 1);}


.header_sub_item dd{display: grid;grid-template-columns: repeat(4, auto); grid-gap: 6rem;}
.header_sub_item dd .title,.header_sub_item dd .title *{font-size: var(--font-18);font-family:'Montserrat-medium';}
.header_sub_item dd .title a,.header_sub_item dt .title a{display: inline-block;}
.header_sub_item dd .link::before{display: block;content: '';width: 100%;height: 1px;background: var(--font-white-color);margin: 2rem 0 0;}
.header_sub_item dd .link{display: flex;flex-direction: column;}
.header_sub_item dd .link a{margin-top: 2rem;font-size: var(--font-16);display: inline-block;}





.header_sub_tabs{display: flex;}
.header_sub_tabs .layui-tabs-header{width: 36rem;display: flex;flex-direction: column;height: auto;position: relative;white-space: inherit;}
.header_sub_tabs .layui-tabs-header::after{width: 1px;height: 100%;position: absolute;left: auto;right: 0;top: 0;background: rgba(255, 255, 255, 0.5);}
.header_sub_tabs .layui-tabs-header .link{line-height: inherit;padding: 0;text-align: left;}
.header_sub_tabs .layui-tabs-header .link a{display: flex;align-items: center;justify-content: space-between;padding:1.8rem 1.5rem!important;white-space: inherit !important;border-left: 0.2rem solid transparent;font-size: var(--font-16);margin: 0;}
.header_sub_tabs .layui-tabs-header .link a:not([href]){cursor: default;}
.header_sub_tabs .layui-tabs-header .link a::after{display: block;content: '\e606';font-family: 'iconfont';font-size: var(--font-16);color: rgba(255, 255, 255, 0.5);position: relative;}
.header_sub_tabs .layui-tabs-header .layui-this a{background: rgba(90,181,70,.8)!important;color: #fff!important; border-left-color: var(--font-active-color);}
.header_sub_tabs .layui-tabs-header .layui-this a::after{color: #fff;}
.header_sub_tabs .layui-tabs-body{width: calc(100% - 36rem);padding:2rem 0 2rem 8rem;}
.header_sub_tabs .layui-tabs-item{padding: 0;}
.header_sub_tabs .layui-tabs-item .box{display: flex;flex-direction: column;}
.header_sub_tabs .layui-tabs-item .box .title{font-family:'Montserrat-medium';}
.header_sub_tabs .layui-tabs-item .box .title a{border-bottom: rgba(255,255,255,0.7) solid 2px;padding-bottom:2rem!important;font-size: var(--font-18);display: flex;align-items: center;justify-content: space-between;}
.header_sub_tabs .layui-tabs-item .box span a{font-size: var(--font-16);padding:1.8rem 0!important;border-bottom: rgba(255,255,255,0.1) solid 1px;display: flex;align-items: center;justify-content: space-between;}
.header_sub_tabs .layui-tabs-item .box span a::after ,.header_sub_tabs .layui-tabs-item .box .title a::after{display: block;content: '\e606';font-family: 'iconfont';font-size: var(--font-16);color: rgba(255, 255, 255, 0.5);position: relative;opacity: 0;transition: all 0.3s ease-in-out 0s;transform: translateX(-10px);}
.header_sub_tabs .layui-tabs-item .box span a:hover::after ,.header_sub_tabs .layui-tabs-item .box .title a:hover::after{opacity: 1;transform: translateX(0);}

.join_item_box{display: flex; align-items: center;justify-content: space-between;margin-top: 2rem;}
.join_item_box .img{width: 50%;}
.join_item_box .img::before{display: block;content: '';padding-bottom: 65%;}
.join_item_text{width: 45%;}
.join_item_title{font-size: var(--font-24);margin: 2rem 0 1.2rem;} 
.join_item_desc{font-size: var(--font-14);} 
.join_item_link{margin-top: 4rem;text-align: left;}
.join_item_link a{background: var(--font-active-color);color: var(--font-white-color);padding: 1rem 2rem!important;transition: all 0.2s ease-in-out 0s;font-weight: normal;}
.join_item_link a:hover{background: var(--font-active-color)!important;color: var(--font-white-color)!important;opacity: 0.8;}




.mobile_menu_btn{width:4.4rem;display:flex;align-items:center;justify-content:center;height:100%;margin:0 0 0 3rem;display:none;}
.mobile_menu_btn .btn{background:none;width:2rem;height:1.6rem;position:relative;z-index:10;}
.mobile_menu_btn span{display:block;width:100%;height:0.1rem;position:absolute;background-color:var(--font-color);transition:all 0.2s ease-out;}
.fliterYxM .mobile_menu_btn.active span{background-color:var(--font-color);}
.mobile_menu_btn.active span,.fliterYxM.fliterYx .mobile_menu_btn span{background-color:var(--font-color);}
.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:-0.1rem;}
.mobile_menu_btn span:nth-of-type(2){transform:rotate(0);}
.mobile_menu_btn span:nth-of-type(3){transform:rotate(0);}
.mobile_menu_btn.active span:nth-of-type(2){transform:rotate(45deg);}
.mobile_menu_btn.active span:nth-of-type(3){transform:rotate(-45deg);}
.mobile_menu_btn.active span:nth-of-type(1),.mobile_menu_btn.active span:nth-of-type(4){opacity:0;}
.header.sticky .mobile_menu_btn span,.body_inner .mobile_menu_btn span{background:var(--font-color);}
.header.shadow{box-shadow: 0 1rem 0.5rem rgba(0,0,0,0.03);}


.skin_menu{width:40rem;height:100%;border-radius:0 !important;background-color:rgba(255,255,255,1) !important;box-shadow:0 !important;}
.skin_menu .layui-layer-title{height:6rem;display:flex;align-items:center;padding:0 6rem 0 6rem;color:var(--font-color);border-bottom:rgba(0,0,0,0.5) solid 0.1rem;font-weight:bold;}
.skin_menu .layui-layer-title a,.skin_menu .layui-layer-setwin span{color:var(--font-color);}
.skin_menu .layui-layer-title a{width:100%;display:flex;justify-content:space-between;align-items:center;}
.skin_menu .layui-layer-content{overflow-x:hidden !important;}
.skin_menu .header_nav{display:flex;flex-direction:column;align-items:flex-start;height:auto;width:100%;}
.skin_menu .header_nav .layui-nav-item{margin:0 !important;padding:0 !important;position:relative;height:auto;width:100%;display:flex;flex-direction:column;}
.skin_menu .header_nav .layui-nav-item .parent_a{padding:0 3rem;height:8rem;font-size:var(--font-17);display:flex;align-items:center;justify-content:space-between;width:100%;border-bottom:rgba(0,0,0,0.2) solid 0.1rem;color:var(--font-color) !important;}
.skin_menu .layui-layer-title a:after,.skin_menu .header_nav .layui-nav-item:not(.fliter_flag) .parent_a:after{display:block;content:'\e602';font-family:'layui-icon';font-size:var(--font-18);}
.skin_menu .header_nav .layui-nav-item.layui-nav-itemed .parent_a{color:#fff !important;background-color:var(--font-active-color);}
.skin_menu .header_nav .layui-nav-child{top:0;padding:2rem 6rem;border:0;border-bottom:rgba(0,0,0,0.2) solid 0.1rem;border-radius:0;}
.skin_menu .header_nav .layui-nav-item .layui-nav-child dd{margin-right:0;width:100%;padding:0;}
.skin_menu .header_nav .layui-nav-item .layui-nav-child dd a{padding:5rem 0;background:none !important;display:flex;justify-content:space-between;align-items:center;height:auto;line-height:normal;font-weight:normal !important;color:var(--font-color);}
.skin_menu .header_nav .layui-nav-item .layui-nav-child dd a i{margin-right:4rem;min-width:8rem;}
.skin_menu .header_nav .layui-nav-item.layui-this,.skin_menu .header_nav .layui-nav-item.layui-this a,.skin_menu .layui-nav-tree .layui-this{background:none;}
.skin_menu .header_nav .layui-nav-item.layui-this::after{display:none;}
.skin_menu .header_nav .layui-nav-bar{display:none;}
.skin_menu .header_nav .layui-nav-item:last-of-type{padding:0 !important;}


.index_banner{position:relative;background-color:var(--bg-black);}
.index_banner .swiper-slide::before{display:block;content:'';padding-bottom:31.77%;}
.index_banner .swiper-slide picture,.index_banner .swiper-slide .img{display:block;width:100%;height:100%;position:absolute;left:0;top:0;object-fit:cover;z-index:1;overflow:hidden;}
.index_banner .swiper-slide{-webkit-user-select:none !important;user-select:none !important;}
.index_banner .text{width:100%;height:100%;position:absolute;left:0;bottom:0;display:flex;flex-direction:column;justify-content:center;z-index:3;}
.index_banner .text{justify-content: center;color: var(--font-white-color);}
.index_banner .text .title{max-width:64rem;font-size: var(--font-36);line-height:1.4;font-weight: bold;}
.index_banner .text .desc{max-width:60rem;line-height:1.4;display:flex;align-items:center;font-size: var(--font-20);margin-top: 4rem;}
.index_banner .text .btn{display:flex;align-items:center;margin-top: 6rem;position: relative;}
.index_banner .text .btn a{display: flex;align-items: center;justify-content: center;padding: 1rem 2rem;background: var(--font-active-color);color: #fff;margin-right: 2rem;border: var(--font-active-color) solid 0.1rem;}
.index_banner .text .btn a:nth-of-type(2){background: rgba(0,0,0,0.1);border: var(--font-white-color) solid 0.1rem;}
.index_banner .text .btn a:hover{background: var(--font-active-color);opacity: 0.8;filter: alpha(opacity=80);border-color: var(--font-active-color);}

.index_banner_pagination.swiper-pagination-bullets{position:absolute;z-index:9;bottom:2rem;display:flex;justify-content:center;}
.index_banner_pagination.swiper-pagination-bullets .swiper-pagination-bullet{background:rgba(255,255,255,0.6);opacity:1;margin: 0 0.6rem;transition:all 300ms ease-in-out 0s;}
.index_banner_pagination.swiper-pagination-bullets .swiper-pagination-bullet-active{background:var(--font-active-color);width: 4rem;border-radius: var(--radius);}
.index_banner_prev,.index_banner_next{width:var(--web-plr);height:100%;position:absolute;left:0;top:0;z-index:5;cursor:none;overflow:hidden;z-index: 10; }
.index_banner_next{left:auto;right:0;}
.index_banner_prev span,.index_banner_next span{display:block;position:absolute;right:0;bottom:0;width:4rem;height:4rem;background-image:url(../images/cursor.svg);background-size:contain;background-repeat:no-repeat;background-position:center;opacity:0;}
.index_banner_next span{transform:rotate(180deg);}

.wrap_404{display: flex;justify-content: center;align-items: center;}
.info_404{display: flex;flex-direction: column;align-items: center;justify-content: center;font-size: var(--font-24);color: #000;margin-bottom: 4rem;text-align: center;}
.info_404 img{margin-bottom: 2rem;max-width: 100%;}



.index_notice{background: var(--bg-gray);}
.index_notice_title{display: flex;align-items: center;}
.index_notice_title .btn_more{margin-left: 2rem;}
.index_notice_btn{display: flex;align-items: center;justify-content: center;}
.index_notice_btn a{display: flex;align-items: center;justify-content: center;width: 3rem;height: 3rem;background: var(--font-active-color);color:var(--font-white-color);font-size: var(--font-18);margin-left: 1rem;}
.index_notice_btn a:hover{opacity: .8;}
.index_notice_btn a.swiper-button-lock{cursor: not-allowed;display:none;}
.index_notice_swiper{margin-top: 4rem;}
.index_notice_swiper .swiper-slide{height: auto;background: var(--font-white-color);}
.index_notice_swiper .img::before{display:block;content:'';padding-bottom: 56.65%;}
.index_notice_swiper .text{padding: 1rem 1.5rem;}
.index_notice_swiper .text .title{font-family: 'Montserrat-Bold';display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}
.index_notice_swiper .text .desc{margin-top: 0.8rem;color: var(--font-gray-color);font-size: var(--font-12);display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}


/*
PUBLIC
*/
.btn_more{display: flex;align-items: center;font-family: 'Montserrat-Medium';}
.btn_more .link{transition: all .3s linear;font-size: var(--font-14);}
.btn_more .link i{font-size: var(--font-14);margin-left: 0.4rem;transition: all .3s linear;display: inline-block;}
.btn_more .link:hover{opacity: .8;}
.btn_more .link:hover i{transform: translateX(0.2rem);}
.btn_more.bg_active .link{padding: 1rem 2rem;background:  var(--font-active-color);display: flex;align-items: center;color: var(--font-white-color);font-size: var(--font-16);}
.btn_more.border_active .link{padding: 1rem 2rem;border: var(--font-active-color) solid 0.1rem;display: flex;align-items: center;color: var(--font-active-color);font-size: var(--font-16);}
.btn_more.border_black .link{padding: 1rem 2rem;border: var(--bg-black) solid 0.1rem;display: flex;align-items: center;color: var(--font-black-color);font-size: var(--font-16);}
.btn_more.border_white .link{padding: 1rem 2rem;border: var(--font-white-color) solid 0.1rem;display: flex;align-items: center;color: var(--font-white-color);font-size: var(--font-16);}
.btn_more.border_black .link:hover ,.btn_more.border_white .link:hover{color: var(--font-active-color);border-color: var(--font-active-color);opacity: 1;}
.btn_more.border_active .link:hover{background: var(--font-active-color);color: var(--font-white-color);opacity: 1;}
.btn_more.bg_active .link:hover{opacity: .8;}

.index_block{padding:6rem 0;}
.index_block_larger{padding: 10rem 0;}
.index_title .title{font-family: 'Montserrat-Medium';display: flex;flex-direction: column;}
.index_title .title span{font-size: var(--font-14);}
.index_title .title strong{font-size: var(--font-24);}
.index_title .title .fontmiddle{font-size: var(--font-32);}
.index_title .title .fontbig{font-size: var(--font-36);}
.index_title .text{display: flex;justify-content: space-between;margin-top: 1rem;align-items: flex-end;}
.index_title .text .desc{width: 55%;font-size: var(--font-14);}
.index_title .text .desc_short{width: 40%;}
.index_title .text .desc_one{width: 100%;}
.index_title .text .block{width: 40%;font-size: var(--font-14);font-family: 'Montserrat-Bold';display: flex;align-items: center;justify-content: flex-end;color: #3b3b3b;white-space: nowrap;}
.index_title .text .block span:not(:first-of-type){margin-left: 3rem;}
.index_title .btn{margin-top: 1.6rem;}

.index_title.flex_row ,.index_title .flex_row{display: flex;justify-content: space-between;flex-direction: row;}
.index_title.flex_row .text{width: 40%;margin: 0;}
.index_title .btn .block{font-size: var(--font-14);font-family: 'Montserrat-Bold';display: flex;align-items: center;justify-content: flex-end;}
.index_title .btn .block a:not(:first-of-type){margin-left: 3rem;}


.layui_grid{margin: 4rem -2rem 0;display: flex;flex-wrap: wrap;}
.layui_grid > *{padding: 0 2rem;margin-top: 4rem;}
.layui_grid_0{margin: 4rem 0 0;}
.layui_grid_0 > *{padding: 0;}

.layui_grid .item{display: block;background-color: var(--font-white-color);height: 100%;transition:all 300ms ease-in-out 0s;}
.layui_grid .item:hover{transform: translateY(-0.5rem);}
.layui_grid .img::before{display:block;content:'';padding-bottom: 56.25%;}
.layui_grid .text{padding: 3rem;}
.layui_grid .text .title{font-family: 'Montserrat-Bold';font-size: var(--font-24);line-height: 1.4;}
.layui_grid .text .desc{margin-top: 2rem;font-size: var(--font-14);color: var(--font-color);display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow: ellipsis;}
.layui_grid .text .subtitle{font-size: var(--font-14);margin-top: 0.6rem;color: var(--font-color);} 
.layui_grid a[data-url='']{cursor: default;}

@media screen and (min-width: 1400px) {.layui_grid .layui-col-xl4:nth-of-type(1),.layui_grid .layui-col-xl4:nth-of-type(2),.layui_grid .layui-col-xl4:nth-of-type(3),.layui_grid .layui-col-xl3:nth-of-type(1),.layui_grid .layui-col-xl3:nth-of-type(2),.layui_grid .layui-col-xl3:nth-of-type(3),.layui_grid .layui-col-xl3:nth-of-type(4){margin-top: 0;}}
@media screen and (min-width: 970px) {.layui_grid .layui-col-md6:nth-of-type(1),.layui_grid .layui-col-md6:nth-of-type(2){margin-top: 0;}}
@media screen and (min-width: 768px) {.layui_grid .layui-col-xs12:nth-of-type(1){margin-top: 0;}}



/*
Guide
*/
.guide_pos_box{background: var(--bg-dark);color: var(--font-white-color);position: sticky;left: 0;top: var(--header-height,0);z-index: 1100;}
.guide_pos{display: flex;align-items: center;padding: 1rem 0;font-size: var(--font-14);}
.guide_pos .layui-breadcrumb,.guide_pos .layui-breadcrumb a{font-size: var(--font-14);}
.guide_pos a:hover{color: var(--font-active-color)!important;}

/*
InnerBanner
*/
.inner_banner{position: relative;}
.inner_banner .img{width: 100%;height: 100%;object-fit: cover;display: block;}
.inner_banner .text{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;overflow: hidden;z-index: 2;color: var(--font-white-color);}
.inner_banner .text .title{font-size: var(--font-48);max-width: 50%;line-height: 1.2;}
.inner_banner .text .subtitle{font-size: var(--font-18);max-width: 50%;margin-top: 1rem;}
.inner_banner .text .desc{font-size: var(--font-16);margin-top: 1rem;max-width: 50%;}
.inner_banner .text .btn_more{margin: 2rem 3rem 0 0; }
.inner_banner .text .btn_more .link{padding: 1rem 2rem;display: flex;align-items: center;color: var(--font-white-color);font-size: var(--font-16);background: var(--font-active-color);border: var(--font-active-color) solid 0.1rem;}
.inner_banner .text .banner_btn{display: flex;align-items: center;}
.inner_banner .text .banner_btn .btn_more:nth-of-type(even) .link{background: rgba(0,0,0,0.6);border: var(--font-white-color) solid 1px;}

/*
FROM
*/
.contact_from ,.contact_from .layui-select-group{display:flex;justify-content:space-between;flex-wrap:wrap;}
.contact_from .layui-form-item ,.contact_from .layui-select-group .layui-form-select{width:calc(50% - 1rem);}
.contact_from .layui-form-item:last-of-type{margin-bottom:0;}
.contact_from .layui-form-item .codeimg{height:4.8rem;}
.contact_from .layui-form-item.flex .layui-btn i{margin-left:1rem;font-size: var(--font-16);}
.contact_from .layui-form-item label{display:block;font-size:var(--font-16);margin-bottom:0.5rem;font-weight: bold;display: flex;align-items: center;}
.contact_from .layui-input-wrap,.contact_from .layui-input-affix{line-height:4.8rem;}
.contact_from .layui-input-prefix{z-index:1;}
.contact_from .layui-input-prefix i{font-size:var(--font-18);color: var(--font-blue-color);}
.contact_from .layui-form-item{position:relative;}
.contact_from .layui-form-item.required .layui-input-affix{display:flex !important;align-items:center;justify-content:center;width:3.5rem;padding:0;height: auto;}
.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:4.8rem;line-height:4.8rem;font-size:var(--font-15);border-radius:var(--radius);box-shadow:none;padding-left: 2rem;}
.contact_from .layui-textarea{font-size:var(--font-15);background:none;border-radius:var(--radius);padding:1.6rem;box-shadow:none;resize:none;}
.contact_from .layui-form-item .layui-btn{display:flex;height:4.8rem;align-items:center;justify-content:center;font-size:var(--font-16);background-color:var(--font-active-color);border-radius:var(--radius);color:#fff;width:100%;margin-top: 1rem;}
.lay-textarea-word-limit{position:absolute;right:0.5rem;bottom:0.5rem;color:#5f5f5f;font-size:var(--font-12);user-select:none;line-height:1.6;}
.contact_from .layui-form-item .checkbox_box{display:flex;flex-wrap:wrap;}
.contact_from .layui-form-checkbox > div{white-space:inherit;padding-right:0.6rem;margin-top:0;line-height:1.5;font-size:var(--font-16);}
.contact_from .layui-form-item .layui-form-checkbox[lay-skin="primary"]{display:flex;align-items:center;justify-content:center;min-width:auto;min-height:auto;flex-direction:row-reverse;margin:0.6rem 1rem 0 0;padding:0;}
.contact_from .layui-form-item a{text-decoration:underline;color:var(--font-active-color);}
.contact_from .layui-form-checked[lay-skin="primary"] > i{border:0;background-color:var(--font-active-color);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;}
.contact_from .layui-form-checkbox[lay-skin="primary"] > i{border-color:var(--font-active-color) !important;border-radius:50%;width:1.6rem;height:1.6rem;display:flex;align-items:center;justify-content:center;font-size:var(--font-10);position:relative;margin-right:0.5rem;}
.contact_from .layui-form-item.flex::after{display:none;}
.contact_from .layui-form-item.flex .layui-input-wrap{display:flex;align-items:center;width:inherit;}
.contact_from .layui-form-item .form_code{width:47%;justify-content:space-between;flex-wrap:nowrap;align-items: center;}
.contact_from .layui-form-item .form_code .layui-input-wrap{width:100%;}
.contact_from .layui-form-item .form_code .layui-input{border-top-right-radius:0;border-bottom-right-radius:0;}
.contact_from .layui-form-item .codeimg{height:4.8rem;border-top-right-radius:var(--radius);border-bottom-right-radius:var(--radius);}
.contact_from .layui-form-item.flex .layui-btn{width:30rem;margin: 0;}
.contact_from .layui-form-item.justify_end .layui-btn{width:100%;}
.contact_from .layui-form-item label em{color:#ff0000;margin-right:0.6rem;font-style:normal;font-weight: normal;}
.contact_from .layui-form-item.one{width:100%;}
.contact_from .layui-input-suffix{right:0;width:auto;}
.layui-form-select .layui-edge{right:1.6rem;border-top-color:var(--font-grey-color);}
.layui-form-select dl{border-radius:var(--radius);top:100%;margin:0;bottom:inherit;max-height: 45rem;}
.layui-form-select dl dd{padding:0 2rem !important;font-size:var(--font-15);}
.layui-form-select dl dd.layui-this{color:#fff;background:var(--font-active-color);font-weight:normal;}


/*
ABOUT
*/
.index_about_block{display:flex;justify-content:space-between;align-items:center;background: var(--bg-gray);margin-top: 4rem;}
.index_about_block .img{width: 44%;}
.index_about_block .img::before{display:block;content:'';padding-bottom: 56.65%;}
.index_about_block .text{width: 56%;padding: 6rem;}
.index_about_block .text .title{font-family: 'Montserrat-Medium';font-size: var(--font-18);}
.index_about_block .text .desc{margin-top: 3rem;font-size: var(--font-14);display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 10;overflow: hidden;text-overflow: ellipsis;line-height: 1.8;color:var(--font-color);}

.index_service_swiper{margin-top:4rem;}


/*
PRODUCT
*/
.index_product_tabs{margin-top: 4rem;display: flex;justify-content: space-between;align-items: flex-start;}
.index_product_tabs .layui-tabs-header{display: flex;flex-direction: column;width: 23%;white-space: inherit;height: auto;}
.index_product_tabs .layui-tabs-header:after,.index_product_tabs .layui-tabs-header li::after{display: none;}
.index_product_tabs .layui-tabs-header li{border: 0;border-left: 0.4rem solid var(--bg-black);display: block;line-height: inherit;padding: 0;font-size: var(--font-16);font-family: 'Montserrat-Medium';text-align: left;}
.index_product_tabs .layui-tabs-header li a{display: flex;margin: 0;padding: 1.4rem;font-size: var(--font-16);}
.index_product_tabs .layui-tabs-header .layui-this{color: var(--font-color);background: var(--bg-green);}
.index_product_tabs .layui-tabs-header li:hover{color: var(--font-active-color);}
.index_product_tabs .layui-tabs-body{width: 74%;padding:0;}
.index_product_block{display:flex;justify-content:space-between;}
.index_product_block .img{width: 50%;}
.index_product_block .img::before{display:block;content:'';padding-bottom: 60%;}
.index_product_block .text{width: calc(50% - 2rem);padding: 3rem;background: var(--bg-gray);display: flex;flex-direction: column;justify-content: space-between;}
.index_product_block .text .title{font-family: 'Montserrat-Medium';font-size: var(--font-18);}
.index_product_block .text .desc{margin: 2rem 0;font-size: var(--font-14);display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 10;overflow: hidden;text-overflow: ellipsis;line-height: 1.8;}
.index_product_btn{margin-top: 4rem;}
/*
.index_product_solution{margin-top: 2rem;}
.index_product_solution .title{font-family: 'Montserrat-Medium';font-size: var(--font-18);}
.index_product_solution .subtitle{font-family: 'Montserrat-Bold';font-size: var(--font-20);margin-top: 2rem;}
.index_product_solution .desc{margin-top: 1rem;font-size: var(--font-14);}
.index_product_solution_block{display:flex;justify-content:space-between;margin-top: 3rem;}
.index_product_solution_block.bg_black{background: var(--bg-black);color: #fff;}
.index_product_solution_block .img{width: calc(33.33% - 2rem);}
.index_product_solution_block .img::before{display:block;content:'';padding-bottom: 54.75%;}
.index_product_solution_block .text{width: calc(66.66% + 2rem);padding: 3% 5%;display: flex;justify-content: space-between;align-items: center;}
.index_product_solution_block .text.one{flex-direction: column;align-items: flex-start;padding-right: 0;}
.index_product_solution_block .text .title{font-family: 'Montserrat-Medium';font-size: var(--font-18);width: 75%;}
.index_product_tabs .index_product_solution_block .text .title{width: 60%;}
.index_product_solution_block .text .desc{font-size: var(--font-14);font-family: 'Montserrat-Light';}
.index_product_solution_block .text .title .desc{margin-top: 1rem;}
.index_product_solution_block .text .contact_from{margin-top: 3rem;width: 100%;align-items: flex-end;justify-content: space-between;}
.index_product_solution_block .text .contact_from .layui-form-item{width: calc(40% - 2rem);margin: 0;}
.index_product_solution_block .text .contact_from .layui-form-item:last-of-type{width: 20%;}
*/
.product_page_down{display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 4rem;justify-content: space-between;flex-wrap: wrap;margin-top: 3rem;}
.product_page_down .item{background: var(--font-white-color);padding: 5rem 3.6rem 3.6rem;position: relative;}
.product_page_down .item::before{display: block;content: ''; width: 100%;height: 0.6rem; background: var(--font-gray-color);position: absolute;left: 0;top: 0;z-index: 1;}
.product_page_down .item::after{display: block;content: ''; width: 0;height: 0.6rem; background:var(--font-active-color);position: absolute;left: 0;top: 0;z-index: 2;transition:all 0.3s ease-in-out 0s;opacity: 0;}
.product_page_down .item:hover::after{width: 100%;opacity: 1;}
.product_page_down .item .title{display: flex;align-items: center;justify-content: space-between;}
.product_page_down .item .title span{display: flex;align-items: center;font-size: var(--font-16);color: var(--font-active-color);line-height: 1.4;}
.product_page_down .item .title span img{width: 2.4rem;margin-right: 1rem;flex-shrink: 0;}
.product_page_down .item .title i{width: 3rem;height: 3rem;border: var(--font-active-color) solid 0.1rem;border-radius: 50%;display: flex;align-items: center;justify-content: center;transition:all 0.5s ease-in-out 0s;flex-shrink: 0;margin-left: 2rem;color: var(--font-active-color);}
.product_page_down .item .title i:hover{background: var(--font-active-color);color: #fff;}
.product_page_down .item .info{display: flex;align-items: center;margin-top: 4rem;font-size: var(--font-14);justify-content: space-between;}
.product_page_down .item .info .block{display: flex;align-items: center;color: var(--font-blue-color);}
.product_page_down .item .info .block:last-of-type i{margin-right: 0.8rem;}


.product_page_block .index_block:nth-of-type(even) ,.product_page_block .index_block:nth-of-type(odd).product_xtys_block .item{background: var(--bg-gray)!important;}
.product_page_block .index_block:nth-of-type(even).product_case_block .item{background: var(--font-white-color) !important;;}


.product_features .item{background-color: var(--bg-gray);height: 100%;display: flex;justify-content: space-between;align-items: center;}
.product_features .item .img{width: 50%;}
.product_features .item .img::before{display:block;content:'';padding-bottom: 79%;}
.product_features .item .text{width: 50%;}
.product_features .item .text .title{font-size: var(--font-16);line-height: 1.4;}


.product_page_specifications{margin-top: 4rem;}
.product_page_specifications table{width: 100%;}
.product_page_specifications table tr th,.product_page_specifications table tr td{padding: 1.6rem 3rem;transition: all .2s linear;}
.product_page_specifications table tr:nth-of-type(odd) td{background: var(--font-white-color);}
.product_page_specifications table tr:hover td{background: var(--bg-green)!important;}

.product_advantages .item{padding: 6rem 0 0;}
.product_advantages .item .ico{height: 6rem;display: flex;align-items: center;justify-content: center;}
.product_advantages .item .ico img{height: 100%;}
.product_advantages .item .text{display: flex;flex-direction: column;}
.product_advantages .item .text .title{font-size: var(--font-16);margin-top: 2rem;}
.product_advantages .item .text .desc{margin-top: 1.2rem;}

.product_contact_from{padding: 2rem 0;}
.product_contact_from .contact_from{margin-top: 2rem;display: flex;margin-top: 4rem;}
.product_contact_from .contact_from label{font-size: var(--font-16);font-weight: normal;margin-bottom: 1rem;}
.product_contact_from .contact_from .layui-form-item{margin: 0;width:27%}
.product_contact_from .contact_from .layui-form-item:last-of-type{width:14%}
.bg_black .product_contact_from .text ,.bg_black .product_contact_from label{color: var(--font-white-color);}


.faq_list{margin-top: 4rem;}
.faq_list .item{display: flex;justify-content: space-between;margin-top: 2.4rem;}
.faq_list .item:nth-of-type(2n+1){margin-top: 4rem;}
.faq_list .item:first-child{margin-top: 0;}
.faq_list .item .ico{width: 5.2rem;height: 5.2rem;display: flex;align-items: center;justify-content: center;border-radius: 50%;}
.faq_list .item .ico img{width: 100%;height: 100%;object-fit: contain;}
.faq_list .item .con{background: var(--font-white-color);padding: 1.6rem 2rem;width: calc(100% - 8rem);border-radius: var(--radius);position: relative;min-height: 5.2rem;font-size: var(--font-14);}
.faq_list .item .con::before{display: block;content: ''; width: 0;height: 0; border-top: 1rem solid transparent; border-bottom: 1rem solid transparent;border-right: 1rem solid var(--font-white-color);position: absolute;left: -1rem;top: 2rem;z-index: 1;}

.product_page_block .index_block:nth-of-type(odd).product_faq_block .faq_list .item .con{background: var(--bg-gray);}

/*
CUSTOMER  
*/
.customer_item{display: inline-block!important;}
.customer_num{color: transparent;-webkit-text-stroke: 0.1rem var(--font-active-color);text-stroke: 0.1rem var(--font-active-color);font-size: var(--font-80);line-height: 1.2;}
.customer_img img{display: block;margin: 1.5rem 0;height:11rem;}
.customer_title{color: var(--font-color);}
.customer_btn{margin-top: 1.6rem;}


.customer_swiper{margin-top:4rem;}
.customer_swiper .swiper-slide .text{position:absolute;width:100%;left:0;bottom:0;background-color:rgba(0,0,0,.6);color:var(--font-white-color);padding:1rem 2rem;}
.customer_swiper .swiper-slide .block{display:flex;gap:2rem;}
.customer_swiper .swiper-slide .slide-card{flex:1;}
.customer_swiper .swiper-slide .text .title{font-size:var(--font-14);}
.customer_swiper .swiper-slide .text .subtitle{font-weight:bold;margin-top:.2rem;}

.customer_swiper .swiper-slide .block:has(.slide-card:only-child) .slide-card .img::before{display:block;content:'';padding-bottom:32.64%;}
.customer_swiper .swiper-slide .block:has(.slide-card:nth-child(2):last-child) .slide-card .img::before{display:block;content:'';padding-bottom:66.58%;}
.customer_swiper .swiper-slide .block:has(.slide-card:nth-child(3)) .slide-card .img::before{display:block;content:'';padding-bottom:101.01%;}


.customer_swiper_tabs{display:flex;justify-content:space-between;margin-top:3rem;}
.customer_swiper_tabs a{border:var(--font-active-color) solid 1px;border-radius:var(--radius);padding:.5rem 1.5rem;}
.customer_swiper_tabs a:hover{color:var(--font-active-color);}
.customer_swiper_tabs a.active{background-color:var(--font-active-color);color:var(--font-white-color);}

.customer_list_tabs{margin-top: 4rem;}
.customer_list_tabs .layui-tabs-header{display: grid;grid-template-columns: repeat(3, 1fr);background:var(--font-white-color);height: auto;}
.customer_list_tabs .layui-tabs-header li{border: 0;display: block;line-height: inherit;padding: 0;font-size: var(--font-18);font-family: 'Montserrat-Medium';text-align: center;background: var(--font-white-color);}
.customer_list_tabs .layui-tabs-header li::after{display: block;content: '';position: absolute; left: 0;top: 0;z-index: 1;width: 100%;height: 100%;border-bottom: 0.3rem solid var(--bg-grey);box-sizing: border-box;pointer-events: none;}
.customer_list_tabs .layui-tabs-header li.layui-this::after{border-color: var(--font-active-color);}
.customer_list_tabs .layui-tabs-header li a{display: flex;margin: 0;padding: 1.4rem;align-items: center;justify-content: center;font-size: var(--font-18);}
.customer_list_tabs .layui-tabs-header .layui-this{color: var(--font-color);background: var(--bg-green);}
.customer_list_tabs .layui-tabs-header li:hover{color: var(--font-active-color);}
.customer_list_tabs .layui-tabs-body{padding: 4rem 0 0;}
.grid-3{display: grid;grid-template-columns: repeat(3, 1fr);}

.pubilc_page_block{display:flex;justify-content:space-between;margin-top: 3rem;overflow: hidden;}
.pubilc_page_block .img{width: calc(50% - 2rem);}
.pubilc_page_block .img::before{display:block;content:'';padding-bottom: 56.65%;}
.pubilc_page_block .text{width: calc(50% - 2rem);;padding:0 0 0 2rem;display: flex;flex-direction: column;}
.pubilc_page_block .text .title{font-size: var(--font-24);font-family: 'Montserrat-Medium';margin-bottom: 2rem;}
.pubilc_page_block .text .desc{font-size: var(--font-14);display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 10;overflow: hidden;text-overflow: ellipsis;line-height: 1.8;}
.pubilc_page_block .text .btn_more{margin-top: 10rem;} 

.pubilc_page_box .index_block:nth-of-type(even){background: var(--bg-gray);}
.pubilc_page_box .index_block:nth-of-type(even) .index_title{text-align: right;}
.pubilc_page_box .index_block:nth-of-type(even) .pubilc_page_block{flex-direction: row-reverse;}
.pubilc_page_box .index_block:nth-of-type(even) .pubilc_page_block .text{padding:0 2rem 0 0;}

/*
SOLUTIONS
*/
.index_solutions_swiper{margin-top: 4rem;padding: 0.5rem 0;}
.index_solutions_swiper .swiper-slide{background: var(--bg-gray);height: auto;}
.index_solutions_swiper .swiper-slide a,.solutions_list a{display: block;height: 100%;transition: all .3s linear;background: var(--font-white-color);}
.index_solutions_swiper .swiper-slide .img::before ,.solutions_list .img::before{display:block;content:'';padding-bottom: 83.33%;}
.index_solutions_swiper .swiper-slide .text,.solutions_list .text{padding: 2.4rem;display: flex;flex-direction: column;align-items: center;}
.index_solutions_swiper .swiper-slide .text .ico,.solutions_list .text .ico{height: 4rem;display: flex;align-items: center;}
.index_solutions_swiper .swiper-slide .text .ico img,.solutions_list .text .ico img{height: 100%;}
.index_solutions_swiper .swiper-slide .text .title,.solutions_list .text .title{margin-top: 1rem;text-align: center;font-size: var(--font-16);font-family: 'Montserrat-Light';}
.index_solutions_swiper .swiper-slide .text .btn,.solutions_list .text .btn{margin-top: 3rem;font-family: 'Montserrat-Light';}
.index_solutions_swiper .swiper-slide a:hover{transform: translateY(-0.5rem);}
.index_solutions_swiper .swiper-slide a:hover .text .btn i{transform: translateX(0.2rem);}
.index_solutions_arrow{display: flex;justify-content: center;align-items: center;}
.index_solutions_arrow .index_solutions_pagination{width: auto;margin: 4rem 2rem 0;}
.index_solutions_arrow .btn{margin-top: 4rem;}
.index_solutions_arrow .btn i{background: var(--bg-gray);width: 4rem;height: 4rem;display: flex;align-items: center;justify-content: center;font-size: var(--font-16);border-radius: 200rem;transition: all .3s linear;cursor: pointer;}
.index_solutions_arrow .btn i:hover{background: var(--font-active-color)!important;color: #fff;}


/*
FAQ
*/
.faq_sort{margin-top: 4rem;display: flex;align-items: center;}
.faq_sort a{border: 1px solid var(--bg-black);padding: .5rem 2rem;font-size: var(--font-15);}
.faq_sort a:not(:first-of-type){margin-left: 2rem;}
.faq_sort a.on,.faq_sort a.on:hover{border-color: var(--font-active-color);color: var(--font-active-color);}
.faq_accordion{margin-top: 3rem;border: 0;}
.faq_accordion .layui-colla-title{height: auto;line-height: inherit;padding: 1.6rem 2rem;font-size: var(--font-18);color: var(--font-color);background: none;border-bottom: var(--bg-grey) solid 0.1rem;font-family: 'Montserrat-Medium';}
.faq_accordion .layui-show .layui-colla-title{background: var(--bg-green);}
.faq_accordion .layui-colla-icon{left: inherit;right: 1rem;font-size: var(--font-14);margin: 0;transform: translateY(-50%) rotate(0deg);}
.faq_accordion .layui-colla-icon::before{content: '\eb78';font-family: 'iconfont';font-size: var(--font-18);}
.faq_accordion .layui-colla-item.layui-show > .layui-colla-title .layui-colla-icon{transform: translateY(-50%) rotate(360deg);;}
.faq_accordion .layui-show .layui-colla-icon::before{content: '\e637';font-family: 'iconfont';font-size: var(--font-18);}
.faq_accordion .layui-colla-content{background: var(--font-white-color);padding: 3rem;color:var(--font-color);}

/*
EMS
*/
.ems_loop {padding: 4rem 0;}
.ems_loop .item{background: none;}
.ems_loop .item .ico{display: flex;align-items: center;position: relative;}
.ems_loop .item .ico::before{display: block;content:'';width: 100%;height: 0.1rem;background: var(--bg-grey);position:absolute;left: 0;top: 50%;transform: translateY(-50%);z-index: 1;}
.ems_loop .item .ico img{width: 8rem;height: 8rem;border-radius: 50%;background: var(--font-white-color);border: 0.1rem solid var(--font-active-color);position: relative;z-index: 3}
.ems_loop .item .text{padding: 0;}
.ems_loop .item .text .title{margin-top: 3rem;font-size: var(--font-16);}
.ems_loop >*:last-of-type .ico::after{display: block;content: ''; width: 0;height: 0; border-top: 1rem solid transparent; border-bottom: 1rem solid transparent;border-left: 1rem solid var(--bg-grey);position: absolute;right: 0;top: 50%;transform: translateY(-50%);z-index: 2;}

.local_ems_block{display:flex;justify-content:space-between;}
.local_ems_block .img{width: 48%;}
.local_ems_block .img::before{display:block;content:'';padding-bottom: 51.2%;}
.local_ems_block .text{width: calc(52% - 2rem);padding: 4rem;background: var(--bg-gray);display: flex;flex-direction: column;justify-content: space-between;}
.local_ems_block .text .title{font-family: 'Montserrat-Medium';font-size: var(--font-36);line-height: 1.4;}
.local_ems_block .text .desc{margin-top: 2rem;font-size: var(--font-14);line-height: 1.8;}


.EMS_content_block{display: flex;justify-content: space-between;align-items: flex-start;margin-top: 4rem;}
.EMS_content_block .layui-nav{padding:0;width: 23%;background: none!important;border-left: 0.4rem solid var(--bg-black);position:sticky;top: 16rem;left: 0;}
.EMS_content_block .layui-nav *{font-size:var(--font-16);color: var(--font-color);}
.EMS_content_block .layui-nav .layui-nav-item {line-height:initial;width: 100%;}
.EMS_content_block .layui-nav .layui-nav-item .layui-nav-more{font-size: var(--font-14);position: relative;padding: 0;right: 0;}
.EMS_content_block .layui-nav .layui-nav-item > a{opacity: 1;color:var(--font-color)!important;display: flex;align-items: center;justify-content: space-between;line-height: inherit;padding:1.8rem 1.4rem;font-size: var(--font-16);font-family: 'Montserrat-Medium';text-align: left;height: auto;background: var(--bg-gray);font-family: 'Montserrat-Medium';white-space: inherit;}
.EMS_content_block .layui-nav .layui-nav-itemed > a{color: var(--font-color);background: var(--bg-green);}
.EMS_content_block .layui-nav .layui-nav-item .layui-nav-child{padding: 1.4rem 0;}  
.EMS_content_block .layui-nav .layui-nav-item .layui-nav-child a{font-size: var(--font-15);display: flex;align-items: center;justify-content: space-between;font-weight: normal!important;height: auto;line-height:inherit;white-space: inherit;padding: 0.2rem 1.4rem 0.2rem 2rem;}
.EMS_content_block .layui-nav .layui-nav-item .layui-nav-child a::after{display: block;content: '\e606';font-family: 'iconfont';font-size: var(--font-14);}
.EMS_content_block .layui-nav .layui-nav-item .layui-nav-child a:hover,.EMS_content_block .layui-nav .layui-nav-item .layui-nav-child .layui-this a{color: var(--font-active-color)!important;}
.EMS_content_block .layui-nav-tree.layui-bg-gray .layui-nav-bar{width: 0.4rem;background: var(--font-active-color);left: -0.4rem;}

.EMS_content_detail,.download_content_detail{width: 74%;}
.EMS_content_item{display:flex;justify-content:space-between;}
.EMS_content_item .img{width: 37%;}
.EMS_content_item .img::before{display:block;content:'';padding-bottom: 94%;}
.EMS_content_item .text{width: calc(63% - 2rem);padding: 6rem 4rem;background: var(--bg-gray);display: flex;flex-direction: column;justify-content: space-between;}
.EMS_content_item .text .title{font-family: 'Montserrat-Medium';font-size: var(--font-18);}
.EMS_content_item .text .tag{font-size: var(--font-14);color: var(--font-active-color);display: inline-block;padding: 0.2rem 1.2rem;background: var(--font-white-color);border-radius: 2000rem;margin-top: 1rem;}
.EMS_content_item .text .desc{margin: 3rem 0 6rem;font-size: var(--font-14);display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 10;overflow: hidden;text-overflow: ellipsis;line-height: 1.8;}


/*
Download
*/
.download_content_block .layui-nav .layui-nav-item > a{background: none;}
.download_content_block .layui-nav .layui-nav-item.layui-this > a{background:var(--bg-green);}
.download_content_block .layui-nav .layui-this::after, .download_content_block .layui-nav .layui-nav-bar{background: var(--font-active-color);width: 0.4rem!important;height: 100%;left: -0.4rem;}
.download_content_block .layui-nav .layui-nav-bar{height: 5rem;left: -0.4rem!important;}
.download_info{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 4rem;}
.download_info .list{display: flex;justify-content: space-between;align-items: center;color: var(--font-active-color);border-bottom: 0.1rem solid var(--font-color);border-top: 0.1rem solid var(--font-color);width: calc(50% - 4rem);padding: 2rem 0;margin-top: -0.1rem;}
.download_info .list .title{font-size: var(--font-16);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 80%;}
.download_info .list .title a{color: var(--font-active-color);}
.download_info .list .btn{display: flex;justify-content: flex-end;align-items: center;width: 20%;}
.download_info .list .btn a{color: var(--font-active-color);margin-left: 2rem;}
.download_info .list .btn a i{font-size: var(--font-18);}
.download_content_detail .item{margin-bottom: 6rem;}

.download_form{display: flex;align-items: center;border-radius: 100rem;border: 1px solid var(--bg-gray);justify-content: space-between;font-family: 'Montserrat-Light';}
.download_form .layui-input{border: none;box-shadow: none;background: none;padding-left: 1.5rem;padding-right: 0;}
.download_form .layui-btn{background: none;color: var(--font-gray-color);padding: 0 1rem;}
.download_form .layui-input-suffix{display: flex;align-items: center;justify-content: flex-end;padding-right: 0;}
.download_empty{padding:1.2rem 0;color:var(--font-gray-color,#686868);font-size:var(--font-15);}

/*
Global Governance
*/
.global_block_1{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 1.5rem;margin-top: 4rem;}
.global_block_1 .item{display: flex;flex-direction: column;justify-content: space-between;height: 100%;}
.global_block_1 .img{height: 100%;border-radius: var(--radius);}
.global_block_1 .img:before{display:block;content:'';padding-bottom: 50%;}
.global_block_1 .text{width: 100%;position: absolute;left: 0;bottom: 0;padding: 2rem;color: var(--font-white-color);background: rgba(0,0,0,0.3);}
.global_block_1 .text .title{font-size: var(--font-18);font-family: 'Montserrat-Medium';line-height: 1.4;}
.global_block_1 .text .desc{font-size: var(--font-15);margin-top: 0.6rem;}
.global_block_1 .block:nth-of-type(1),.global_block_1 .block:nth-of-type(2),.global_block_1 .block:nth-of-type(3){grid-column: span 2;}


.global_map{padding: 12rem 0 14rem;background-image: url(../images/map.jpg);background-position:center center;background-repeat:no-repeat;background-size: cover;}

.global_map_block .item{background: none;margin-top: 4rem;}
.global_map_block .text{padding: 0;display: flex;flex-direction: column;align-items: flex-start;}
.global_map_block .text .title{font-size: var(--font-36);color: var(--font-active-color);font-family: 'Montserrat-Medium';line-height: 1.4;cursor: pointer;}
.global_map_block .text .desc{font-size: var(--font-20);font-family: 'Montserrat-Medium';margin-top: 0.6rem;}

.global_area_block .item .title{display: flex;justify-content: space-between;}

.global_place_block .item{background: none;}
.global_place_block .item .text{padding: 0;}
.global_place_block .item .title{display: flex;justify-content: space-between;margin: 0.6rem 0 3rem;}
.global_place_block .item .desc{margin: 0;}

.global_quality_block{margin-top: 5rem;}
.global_quality:nth-of-type(even){margin-top: 5rem;}
.global_quality:nth-of-type(even) .index_title{padding-left:calc(50% + 2rem);}
.global_quality:nth-of-type(even) .pubilc_page_block ,.ecology_block .index_block:nth-of-type(even) .pubilc_page_block{flex-direction: row-reverse;}
.global_quality:nth-of-type(even) .pubilc_page_block .text{padding-left: 0;}
.ecology_block .index_block:nth-of-type(even){background: var(--bg-gray);}
.ecology_block .global_quality .pubilc_page_block .text{padding-left: 0;}
.ecology_block .global_quality_block{margin-top: 0;}
.ecology_block .index_title + .global_quality_block{margin-top: 5rem;}
.ecology_block .pubilc_page_block{margin-top: 0;}


.global_EGS{display: flex;justify-content: space-between;align-items: center;}
.global_EGS .img{width: 27.5%;}
.global_EGS .img:before{display:block;content:'';padding-bottom: 62.3%;}
.global_EGS .index_title{width: calc(72.5% - 6rem);color: var(--font-white-color);}
.global_EGS .index_title .btn_more{margin-top: 4rem;}

.global_related .text{padding:6rem 4rem;height: 100%;}
.global_related .text .title{font-size: var(--font-16);}


/*
ARTICLE
*/

.article_list_grid .item{display: flex;flex-direction: column;justify-content: space-between;}
.article_list_grid .title,.article_list_grid .desc{display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow: ellipsis;}
.article_list_grid .date{padding: 0 2.4rem 3rem;font-size: var(--font-14);color: var(--font-gray-color);display: flex;align-items: center;justify-content: space-between;}
.article_list_grid .date time{display: flex;align-items: center;}
.article_list_grid .date time i{font-size: var(--font-14);margin-right: 0.4rem;}

.article_page_bpx{padding: 2rem 0 6rem;}

.article_bd{background: var(--font-white-color);padding: 4rem; border-radius: var(--radius);}
.article_hd{display: flex;justify-content: space-between;}
.article_hd .img{width: 37%;}
.article_hd .img::before{display:block;content:'';padding-bottom: 56.25%;}
.article_hd .text{width: calc(63% - 4rem);display: flex;flex-direction: column;justify-content: space-between;}
.article_hd .text .title{font-family: 'Montserrat-Medium';font-size: var(--font-40);line-height: 1.4;display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;text-overflow: ellipsis;}
.article_hd .text .date{font-size: var(--font-18);display: flex;flex-direction: column;align-items: flex-start;margin-top: 1rem;}
.article_hd .text .date time{display: flex;align-items: center;border-bottom: var(--bg-black) solid 0.2rem;padding-bottom: 0.4rem;}
.article_hd .text .date i{font-size: var(--font-16);margin-right: 0.4rem;}

.article_content{margin-top: 6rem;}
.article_box{font-size:var(--font-16);}
.article_box img{max-width:100%;display:inline;height:auto;}
.article_box p{margin:0 0 var(--font-16);line-height:2;}
.article_box video,.article_box iframe{display:block;width:100%!important;height:auto!important;background-color:#000;object-fit:cover;aspect-ratio: 16 / 9;}
.article_box embed{display:inline-block;max-width:100%;background-color:#000;}
.article_box a:hover{color:var(--font-active-color);}
.article_box table tr th,.article_box table tr td{font-size:var(--font-16);}
.article_box table tr th p,.article_box table tr td p{margin:0;}

.article_box ul{margin:0 0 var(--font-16);padding-left:1em;}
.article_box ul li{list-style:inherit;}


.article_share{margin-top: 10rem;display: flex;justify-content: center;align-items: center;}
.article_share .title{font-size: var(--font-36);font-family: 'Montserrat-Bold';line-height: 1.4;}
.article_share .contact_from{display: flex;align-items: flex-end;width: 60rem;margin-left: 10rem;}
.article_share .contact_from .layui-form-item{margin: 0;}
.article_share .contact_from .layui-form-item:first-of-type{width: calc(70% - 2rem);}
.article_share .contact_from .layui-form-item:last-of-type{width: 30%;}
.article_share .contact_from .layui-form-item label{font-size: var(--font-16);font-weight: normal;}
.article_share_media.footer_media{display: flex;align-items: center;justify-content: center;margin-top: 6rem;}
.article_share_media.footer_media a{margin: 0 2rem;}
.article_share_media.footer_media a i{width: 4.4rem;height: 4.4rem;background: var(--bg-black);color: var(--font-white-color);font-size: var(--font-24);}

.article_order{display: flex;justify-content: space-between;margin-top: 8rem;border-top: 0.1rem solid var(--font-gray-color); padding-top: 6rem;overflow: hidden;}
.article_order .item{width: 45%;}
.article_order .item .link{min-width: 14rem;justify-content: center;}
.article_order .item .title{font-size: var(--font-18);font-family: 'Montserrat-Medium';line-height: 1.4;margin-top: 1rem;}
.article_order .item .desc{font-size: var(--font-14);margin-top: 3rem;display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow: ellipsis;}
.article_order .item:first-of-type .link i{margin: 0 0.4rem 0 0;}
.article_order .item:first-of-type .link:hover i{transform: translateX(-0.5rem);}
.article_order .item:last-of-type{text-align: right;display: flex;flex-direction: column;align-items: flex-end;padding-right: 0.1rem;}

/*
Case
*/
.case_scene{display: grid;grid-template-columns: repeat(6, 1fr);grid-gap: 2rem;margin-top: 4rem;}
.case_scene .item{display: flex;flex-direction: column;justify-content: center;align-items: center;padding: 2rem;background: var(--bg-gray);position: relative;grid-column: span 2;}
.case_scene .item.item:nth-of-type(3) ,.case_scene .item.item:nth-of-type(4),.case_scene .item.item:nth-of-type(6),.case_scene .item.item:nth-of-type(7){grid-column: span 1;align-items: flex-start;}
.case_scene .item.item:nth-of-type(3) .ico img ,.case_scene .item.item:nth-of-type(4) .ico img,.case_scene .item.item:nth-of-type(6) .ico img,.case_scene .item.item:nth-of-type(7) .ico img{height: 3rem;}
.case_scene .item.item:nth-of-type(2),.case_scene .item.item:nth-of-type(10){grid-row: span 2;}
.case_scene .item.item:nth-of-type(1),.case_scene .item.item:nth-of-type(3),.case_scene .item.item:nth-of-type(7),.case_scene .item.item:nth-of-type(8),.case_scene .item.item:nth-of-type(12){background: var(--bg-grey-light);}
.case_scene .ico{display: flex;align-items: center;justify-content: center;}
.case_scene .ico img{height: 6rem;}
.case_scene .title{margin-top: 1.2rem;line-height: 1.4;}
.case_scene .img{position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 1;}
.case_scene .img::before{display:block;content:'';padding-bottom: 74%;}
.case_scene .img + .title{position: absolute;bottom: 0;left: 0;padding: 2rem;color: var(--font-white-color);z-index: 20;text-align: center;width: 100%;margin: 0;}

.case_contact{padding: 12rem 0;text-align: center;}
.case_contact .title{font-size: var(--font-24);font-family: 'Montserrat-Bold';line-height: 1.4;}
.case_contact  .btn_more{margin-top: 4rem;justify-content: center;}

.case_search{display: flex;align-items: center;justify-content: space-between;margin-bottom: 4rem;}
.case_search .form_search{background:var(--bg-gray);border-radius: 200rem;}
.case_search .form_search:first-of-type{width: 65%;}
.case_search .form_search:last-of-type{width: 30%;}



/*
JOIN
*/
.join_advantages{margin: 0 -6rem;}
.join_advantages > *{padding: 0 6rem;}
.join_advantages .item{padding:0;background: none;}
.join_advantages .item .ico{height: 8rem;display: flex;align-items: center;}
.join_advantages .item .ico img{height: 100%;}
.join_advantages .item .text{display: flex;flex-direction: column;padding: 0;}
.join_advantages .item .text .title{font-size: var(--font-24);margin-top: 3rem;font-family: 'Montserrat-Medium';}
.join_advantages .item .text .desc{margin-top: 4rem;}


/*
openModel
*/
.model_skin{width: var(--web-width);overflow: hidden!important;}
.model_skin .layui-layer-content{padding:2rem 3rem 0;overflow: auto!important;}
.model_skin .layui-layer-content iframe{padding-bottom: 2.5rem;}
.model_skin .layui-layer-content.layui-layer-full{max-height:100%!important;}
.model_skin .layui-layer-content img{max-width: 100%;}
.model_skin .layui-layer-title{font-size: var(--font-18);font-family: 'Montserrat-Bold';line-height: 1.4;padding:1.6rem 3rem;height: auto;line-height: inherit;}
.model_skin .layui-layer-title.small{font-size: var(--font-12);font-weight: normal;padding: 1.6rem;}
.model_skin .layui-layer-setwin{right: 2rem;top: 2rem;}
.model_skin .layui-layer-setwin span{font-size: var(--font-16);}

.pop_skin{width: var(--web-width);}
.pop_skin .layui-layer-content{margin: 1vw 1.5vw;max-height: 70vh;overflow: auto;}
.pop_skin .layui-layer-content.layui-layer-full{max-height:100%;}
.pop_skin .layui-layer-content img{max-width: 100%;}
.pop_skin .layui-layer-title{font-size: var(--font-18);font-family: 'Montserrat-Bold';line-height: 1.4;padding:.8vw 1.5vw;height: auto;line-height: inherit;}
.pop_skin .layui-layer-setwin{right: 1vw;top: 1vw;}
.pop_skin .layui-layer-setwin span{font-size: var(--font-16);}

.clickView_skin .layui-layer-content{margin: 2rem;font-size: var(--font-15);}
.clickView_skin .layui-layer-content.layui-layer-full{max-height:100%;}
.clickView_skin .layui-layer-content img{max-width: 100%;}
.clickView_skin .layui-layer-title{font-size: var(--font-16);font-family: 'Montserrat-Bold';line-height: 1.4;padding:1rem 2rem;height: auto;line-height: inherit;}
.clickView_skin .layui-layer-setwin{right: 1rem;top: 1rem;}
.clickView_skin .layui-layer-setwin span{font-size: var(--font-16);}


/*
SPECIAL
*/
.special_block_1{background: var(--bg-dark);color: var(--font-white-color);padding: 1.5rem 0;}
.special_block_1_item{display: flex;justify-content: space-between;align-items: center;}
.special_block_1_item .title{font-weight: bold;font-size: var(--font-18);}
.special_block_1_item .desc{font-size: var(--font-14);}

.special_block_page .index_block:nth-of-type(odd) ,.special_block_page .index_block:nth-of-type(even) .special_solution_swiper a,.special_block_page .index_block:nth-of-type(even) .special_solution_pagination{background: var(--bg-gray);}
.special_block_page .index_block:nth-of-type(odd) .layui_grid .text,.special_block_page .index_block:nth-of-type(odd) .special_block_5_item_text .text,.special_block_page .index_block:nth-of-type(odd) .special_pj_swiper .swiper-slide ,.special_block_page .index_block:nth-of-type(odd) .special_pj_pagination{background: var(--font-white-color);}

.special_block_2_item{display: flex;justify-content: space-between;align-items: center;}
.special_block_2_item .text{width: calc(50% - 3rem);}
.special_block_2_item .text a{text-decoration: underline;color: #5ab546;}
.special_block_2_item .video{position: relative;background: #000;width: calc(50% - 3rem);}
.special_block_2_item .video img,.special_block_2_item .video video {width: 100%;}

.special_block_3_item{display:flex;grid-template-columns: repeat(3,1fr);grid-column-gap: 6rem;grid-row-gap: 4rem;margin-top: 4rem;justify-content:space-between;}
.special_block_3_item .img img{display: block;margin-bottom:1rem;height: 5.5rem;}
.special_block_3_item .title{font-size: var(--font-24);line-height: 1.2;font-weight: bold;color: var(--font-active-color);font-family: 'Montserrat-Medium';}
.special_block_3_item .subtitle{font-size: var(--font-18);margin-top: 1.5rem;font-weight: bold;line-height: 1.4;}
.special_block_3_item .desc{margin-top: 1.5rem;font-size: var(--font-14);}

.special_block_4_item{display: flex;align-items: center;justify-content: space-between;}
.special_block_4_item .index_title{width: calc(50% - 3rem);}
.special_block_4_item .img{width: calc(50% - 3rem);}
.special_block_4_item .img::before{display: block;content: '';padding-bottom: 62.5%;}

.special_block_5_item{display: flex;justify-content: space-between;margin-top: 4rem;}
.special_block_5_item_text{width: 33%;}
.special_block_5_item_text .img::before{display: block;content: '';padding-bottom: 56.25%;}
.special_block_5_item_text .text{padding: 2rem;background: var(--bg-gray);}
.special_block_5_item_text .title{font-size: var(--font-20);font-family: 'Montserrat-Medium';}
.special_block_5_item_text .desc{font-size: var(--font-14);margin-top: 1rem;}

.special_pj_swiper{width: calc(67% - 3rem);overflow: hidden;}
.special_pj_swiper.last{width: 100%;}
.special_pj_swiper .swiper-slide{background: var(--bg-gray);padding:2rem;}
.special_pj_swiper .swiper-slide .img {padding: 3rem 0;}
.special_pj_swiper .swiper-slide .img img{display: block;height: 5.5rem;margin: 0 auto;}
.special_pj_swiper .swiper-slide .title{font-size: var(--font-18);font-family: 'Montserrat-Medium';line-height: 1.2;}
.special_pj_swiper .swiper-slide .desc{margin-top: 1.5rem;font-size: var(--font-14);}
.special_pj_swiper_nav{display: flex;justify-content: center;align-items: center;margin-top: 4rem;}
.special_pj_swiper_nav .fontleft,.special_pj_swiper_nav .fontright{font-size: var(--font-20);cursor: pointer;}
.special_pj_swiper_nav .fontleft:hover,.special_pj_swiper_nav .fontright:hover{color: var(--font-active-color);}
.special_pj_pagination{background: var(--bg-gray);border-radius: 1000px;padding: .2rem 2rem;margin: 0 1rem;width: auto!important;}
.special_pj_pagination .swiper-pagination-bullet-active{background: var(--font-active-color);}

.special_block_5_item_pj{width: 67%;margin: 4rem auto 0;}
.special_block_5_item_pj .line i{font-size: var(--font-32);color: var(--font-active-color);}
.special_block_5_item_pj .desc{font-size: var(--font-28);}
.special_block_5_item_pj .title{margin-top: 1.5rem;}

.special_block_5_case{margin-top: 8rem;}
.special_block_5_case_item{display: flex;align-items: center;margin-top: 4rem;}
.special_block_5_case_item .img{width: 60%;}
.special_block_5_case_item .img::before{display: block;content: '';padding-bottom: 56.25%;}
.special_block_5_case_item .text{width: 40%;padding-left: 4rem;}
.special_block_5_case_item .text .btn_more{margin-top: 2rem;}

.special_block_6_item{display: flex;justify-content: space-between;}
.special_block_6_item_left{width:24%;}
.special_block_6_item_left img{height: 5.5rem;}
.special_block_6_item_left .title{font-size: var(--font-26);font-family: 'Montserrat-Medium';margin-top: 2rem;line-height: 1.4;}
.special_block_6_item_left .desc{font-size: var(--font-14);margin-top: 2rem;}
.special_solution_box{width: calc(74% - 5rem);}
.special_solution_swiper .swiper-slide{height: auto;}
.special_solution_swiper a{display: flex;flex-direction: column;background: var(--font-white-color);transition: all .3s ease-in-out;height: 100%;}
.special_solution_swiper a:hover{transform: scale(1.02);background: var(--font-active-color)!important;color: var(--font-white-color)!important;}
.special_solution_swiper .img::before{display: block;content: '';padding-bottom: 56.25%;}
.special_solution_swiper a .text{padding:3rem 2rem;}
.special_solution_swiper .title{font-family: 'Montserrat-Medium';width: 100%;}
.special_solution_swiper .subtitle{margin-top: .5rem;font-size: var(--font-14);}

.special_solution_swiper_nav{display: flex;justify-content: center;align-items: center;margin-top: 3rem;position: relative;}
.special_solution_swiper_nav .fontleft,.special_solution_swiper_nav .fontright{font-size: var(--font-20);cursor: pointer;}
.special_solution_swiper_nav .fontleft:hover,.special_solution_swiper_nav .fontright:hover{color: var(--font-active-color);}
.special_solution_pagination{background: var(--font-white-color);border-radius: 1000px;padding: .2rem 2rem;margin: 0 1rem;width: auto!important;}
.special_solution_pagination .swiper-pagination-bullet-active{background: var(--font-active-color);}


/*
/*
/*
Footer
*/
.footer{background: var(--bg-black);padding: 6rem 0 4rem;color: var(--font-white-color);}
.footer_box{display:flex;justify-content:space-between;align-items: flex-start;}
.footer_left{display:flex;flex-direction:column;}
.footer_logo img{height: 3.3rem;}
.footer_media{display: flex;align-items: center;margin-top: 4rem;}
.footer_media a{margin-left: 2rem;font-size: var(--font-11);display: flex;flex-direction: column;align-items: center;}
.footer_media a:first-of-type{margin-left: 0;}
.footer_media a i{width: 3.2rem;height: 3.2rem;background:var(--font-white-color);border-radius: var(--radius);font-size: var(--font-16);display: flex;align-items: center;justify-content: center;transition: all .3s ease-in-out;}
.footer_media a:hover i{background: var(--font-active-color);color: #fff;}
.footer_right{display: flex;justify-content: space-between;}
.footer_nav.layui-nav.layui-nav-tree{display:grid;grid-template-columns: repeat(5, auto);background:none;border-radius:0;margin:0;justify-content:space-between;color:rgba(255,255,255,0.6);flex-wrap: wrap;width: auto;}
.footer_nav *{font-size:var(--font-16);display: flex;flex-wrap: wrap;}
.footer_nav .layui-nav-item{line-height: inherit;width: auto;margin-left: 5rem;}
.footer_nav .layui-nav-item a{padding:0;height:inherit;line-height:initial;display:inline-block;overflow:inherit;white-space:wrap;}
.footer_nav .layui-nav-itemed > a{color:var(--font-active-color)!important;}
.footer_nav .layui-nav-item > a{font-size:var(--font-15);font-family: 'Montserrat-Medium';color:var(--font-white-color)!important;pointer-events: none;display: flex;align-items: center;}
.footer_nav .layui-nav-item a .layui-nav-more{position: relative;right: 0;top: 0;font-size: var(--font-12);margin-left: 1rem;}
.footer_nav .layui-nav-child{background:none;padding:0;line-height:1.4;display:flex;flex-wrap:wrap;flex-direction:column;}
.footer_nav .layui-nav-child dd{margin-top:2rem;display:flex;flex-direction:column;}
.footer_nav .layui-nav-child dd a{color:rgba(255,255,255,0.6);font-size:var(--font-14);}
.footer_nav .layui-nav-child dd a:hover,.foot_nav_other .item a:hover,.footer_bottom_link a:hover{color:var(--font-active-color);}
.footer_nav .layui-nav-bar,.footer_nav .layui-this::after{display:none;}
.footer_nav .layui-this,.footer_nav .layui-this a{background:none !important;}

.foot_nav_other{display:grid;grid-template-columns: repeat(2, auto);gap: 2rem;}
.foot_nav_other .item{font-size:var(--font-15);font-family: 'Montserrat-Medium';margin-left: 5rem;} 
.foot_nav_other .item a{color: var(--font-white-color);display: flex;align-items: center;}
.foot_nav_other .item a::after{display: block;content: '\e61a';font-family: 'layui-icon';font-size: var(--font-12);margin-left: 1rem;}

.footer_bottom{border-top: rgba(255,255,255,0.6) solid 0.1rem;margin-top: 4rem;padding-top: 4rem;display: flex;align-items: center;justify-content: space-between;font-size: var(--font-14);}
.footer_bottom_link{display: flex;align-items: center;font-size: var(--font-14);}
.footer_bottom_link a{color: rgba(255,255,255,0.6);}
.footer_bottom_link a:not(:first-of-type){margin-left: 4rem;}


.layui-fixbar{margin:0;padding:0;z-index: 1000;font-size:var(--font-18);}
.layui-fixbar li{width:var(--font-50);height:var(--font-50);line-height:inherit;border-radius:0.5rem;display:flex;justify-content:center;align-items:center;position:relative;background-color:var(--font-active-color);color:#fff;margin-top:0.5rem;font-size:var(--font-10);display:flex;flex-direction:column;align-items:center;line-height:1.4;font-family:Arial,Helvetica,sans-serif !important;}
.layui-fixbar li:last-of-type{display: none;}
.layui-fixbar .layui-icon-top{margin-top:0.5rem;box-shadow:0 0 0.1rem 0.1rem rgba(0,0,0,0.05) inset;border-radius:0.5rem;overflow:hidden;box-shadow:none;display: flex;align-items: center;justify-content: center;}
.layui-fixbar li:before{font-size:var(--font-24);line-height:1;font-family:'iconfont' !important;}
.layui-fixbar .layui-icon-top:before{content: '\e8ab';}
.layui-fixbar .layui-fixbar-top:before{font-size:var(--font-24);}


/*
laypage
*/
.pagination {width: 100%; clear: both;display: flex;justify-content: center; padding: 3rem 0;}
.pagination a, .pagination span {font-weight: normal!important; width:3.6rem;height:3.6rem;border-radius: 50%;margin: 0 .6rem;display:flex;justify-content:center;align-items:center;border: 1px solid #eee;}
.pagination a:hover, .pagination span.current {color: var(--font-white-color);background: var(--font-active-color);border-color: var(--font-active-color);}
.error_x{padding:2rem;display:flex;justify-content:center;align-items:center;font-size:var(--font-16);width:100%;}
.error_x i{margin-right:0.6rem;font-size:var(--font-16);}


/*
Search
*/
.search_result_list{margin-top: 3rem;}
.search_result_item{position: relative;display: flex;flex-direction: row;align-items: center;gap: 3rem;padding: 2.4rem 0;border-bottom: .1rem solid rgba(0,0,0,.08);}
.search_result_item .title .item_link{color: inherit;}
.search_result_item .title .item_link::after{display: block;content: '';position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 1;}
.search_result_item .img{width: 26rem;flex-shrink: 0;background: var(--bg-gray);}
.search_result_item .img::before{display: block;content: '';padding-bottom: 56.25%;}
.search_result_item .text{width: auto;flex: 1;}
.search_result_item .title{font-size: var(--font-18);font-family: 'Montserrat-Medium';transition: all .3s ease-in-out 0s;}
.search_result_item:hover .title{color: var(--font-active-color);}
.search_result_item .cat{position: relative;z-index: 2;margin-top: .6rem;font-size: var(--font-12);color: var(--font-active-color);}
.search_result_item .cat a{color: inherit;}
.search_result_item .cat a:hover{text-decoration: underline;}
.search_result_item .desc{margin-top: 1rem;font-size: var(--font-14);color: var(--font-gray-color);line-height: 1.8;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow: ellipsis;}
.search_result_list .search_result_item:first-child{border-top: .1rem solid rgba(0,0,0,.08);}

.pagination ul.page-numbers{display: flex;flex-wrap: wrap;margin: 0;padding: 0;}
.pagination ul.page-numbers li{list-style: none;}