@import "iconfont.css?v=20241212";
:root {
    --font-color: #262626;
    --font-white-color: #ffffff;
    --font-active-color:#2164a3;
    --font-blue-color:#021630;
    --font-blue1-color:#6297bd;
    --font-blue2-color:#172c4b;
    --font-grey-color:#666666;
    --font-gray-color:#f0f1fa;
    --font-hui-color:#eaebf4;
    --font-100:5.208vw;.menu_nav .layui-nav-item.fliter_flag
    --font-90:4.688vw;
    --font-80:4.167vw;
    --font-70:3.646vw;
    --font-60:3.125vw;
    --font-55:2.865vw;
    --font-50:2.604vw;
    --font-48:2.5vw;
    --font-44:2.292vw;
    --font-40:2.083vw;
    --font-36:1.875vw;
    --font-34:1.771vw;
    --font-32:1.667vw;
    --font-30:1.563vw;
    --font-28:1.46vw;
    --font-26:1.354vw;
    --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:52.05%;
    --radius:0.521vw;
    --swiper-navigation-size: 1.8vw;
    --i-window-height:100vh;  
    --web_paddinglr:5vw;
  }
@font-face {
  /* 给字体起一个名字，后续在样式中引用 */
  font-family: 'Poppins';
  
  /* 定义字体文件路径和格式，注意路径相对于 CSS 文件的位置 */ 
  src: url(./Poppins/poppins-latin-400-normal.woff2) format('woff2');
  
  /* 可选：定义字体的粗细和样式，便于区分不同字重 */
  font-style: normal;
  font-weight: normal;
  
  /* 优化字体加载体验（见第四步） */
  font-display: swap;
  unicode-range: U +0000 -00FF, U +0131, U +0152 -0153, U +02BB -02BC, U +02C6, U +02DA, U +02DC, U +0304, U +0308, U +0329, U +2000 -206F, U +20AC, U +2122, U +2191, U +2193, U +2212, U +2215, U + FEFF, U + FFFD;
}
*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box;}
body{background-color:#fff;color: var(--font-color);font: var(--font-16) "Poppins", "Arial", "ArialMT", "\5FAE\8F6F\96C5\9ED1","Microsoft YaHei","微软雅黑" !important;-webkit-text-size-adjust: 100%;word-break: keep-all;line-height: 1.6;overflow-x: hidden;}
.hidden{overflow: hidden;}
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: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:1.2vw 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:"Poppins","Arial","\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: transform 0.5s ease;}
.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-active-color);border-radius: 50%; border-top-color: transparent;}


input:-webkit-autofill,textarea:-webkit-autofill,select:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px white inset}
.flex{display:flex;flex-wr.menu_nav .layui-nav-item.fliter_flagap:wrap}
.align_center{align-items:center}
.justify_between{justify-content:space-between}
.justify_end{justify-content:flex-end}
.justify_center{justify-content:center;}
.wapper{transition:all 0.35s}
body.fliterYx{transition:all 1.2s;/*padding-right: 17px;overflow: hidden;*/}
body::before{display: block;content: '';width: 100%;height: var(--i-window-height);position: fixed;left: 0;top:0;z-index: -1;background-color: rgba(2,22,48,.73);opacity: 0;transition:all 1.2s}
body.fliterYx::before{position: fixed;left: 0;top:0;z-index: 1000;opacity: 1;z-index: 1000;transition:all 1.2s} 
body.fliterYx .wapper{-webkit-filter:blur(15px);filter:blur(15px);opacity:0.9;transition:all 1.2s;/*transform: scale(1.03) translateY(1.3%);*/}



.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}
.layui-table{color:var(--font-color);margin:1.5vw 0 1.042vw 0}
.layui-table tr th,.layui-table tr td{font-size:var(--font-14);line-height: 1.6;padding: 10px 15px;}
.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;}

.skin_msg.layui-layer-dialog .layui-layer-content ,.skin_tips.layui-layer-tips .layui-layer-content{font-size: var(--font-15);}
.skin_tips.layui-layer-tips{width:auto!important;}
.skin_tips.layui-layer-tips .layui-layer-content{border-radius: var(--radius);line-height: inherit;font-size: var(--font-15);padding: .3vw .8vw;}

.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;}



/*模板*/
.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 .ue_flex_item img{display: inline-block;}
.ue_flex.align_center{align-items: center;}
.ue_flex_5 .ue_flex_item:first-of-type{flex: auto;width: 60%;}
.ue_flex_5 .ue_flex_item:last-of-type{flex: auto;width: 40%;}
.ue_flex_3 .ue_flex_item:first-of-type{flex: auto;width: 66%;}
.ue_flex_3 .ue_flex_item:last-of-type{flex: auto;width: 34%;}


/*
BUTTON
*/
.layui-bg-blue{background-color: var(--font-active-color)!important;}
.layui-border-blue{border-color: var(--font-active-color)!important;color: var(--font-active-color)!important;}
.more_btn .layui-btn{height: auto;line-height: initial;font-size: var(--font-16);padding: .4vw 1.3vw;}
.more_btn .layui-btn.white{color: #fff;border-color: #fff;}
.more_btn .layui-btn:hover,.more_btn .layui-btn.active{background-color: var(--font-active-color);color: #fff!important;border-color: var(--font-active-color);opacity: 1;}


/*
header
*/
.header{width: 100%;transition: all 300ms ease-in-out 0s;position: relative;z-index: 1100;left: 0;top: 0;}
.header_scrlltop{top: -3.125vw;}
.header::after ,.menu_nav .layui-nav-item .layui-nav-child dd a::after{display: block;content: '';background-color: rgba(255, 255, 255, .3);position:absolute; left:25%; width:50%;opacity: 0; height:1px;bottom:0;transition:.3s;}
.fliterYx .header:after ,.menu_nav .layui-nav-item .layui-nav-child dd a:hover:after ,.header.line::after{opacity: 1;left: 0;width: 100%;}
.header.fixed{position: fixed;box-shadow: none;}
.header .menu{display: flex;align-items: center;justify-content: space-between;width: 100%;height:3.125vw;} 
/*
.fliterYx .header .menu{padding-right: 17px;}
.fliterYx .header .web_w{width:calc(var(--web-width) + 9px);}
*/
.header .logo{display: flex; align-items: center;position: relative;overflow: hidden;height: 100%;}
.header .logo img{display: block;height:0.65vw;}
.header_nav{background:none;display: flex;align-items: center;position: static;padding: 0;height: 100%;}
.header_nav .layui-nav-item{line-height: initial;}

.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-more{position: relative;right: 0;margin-left: 3px;font-size: var(--font-12);}
.header_nav .layui-nav-child{top: 100%;padding: 0;border: 0;z-index: 1;}

.header_nav .layui-nav-item .layui-nav-child dd{margin: 0;}
.header_nav .layui-nav-item .layui-nav-child dd a{padding:0;display: flex;align-items: center;justify-content: flex-start;font-size: var(--font-14);}
.header_nav .layui-nav-item .layui-nav-child dd a:hover{background:none;}
.header_nav .inquire_btn{align-items: center;}
.header_nav .inquire_btn .layui-btn{height: auto;line-height: initial;font-size: var(--font-12);color: #fff;opacity: 1;padding: .23vw 0.79vw;border-color: #fff;}
.header_nav .inquire_btn .layui-btn span{font-size: var(--font-14);}
.header_nav .inquire_btn .layui-btn:hover{border-color: var(--font-active-color);background-color: var(--font-active-color);color: #fff;}
.header_nav .language_btn{margin-left: 0.729vw;text-transform: uppercase;}
.header_nav .language_btn .parent_a{font-size: var(--font-14);padding: 1vw 0;}
.header_nav .language_btn .layui-nav-child{border-radius: 5px;overflow: hidden;background: none;}
.header_nav .language_btn .layui-nav-child dd:not(:last-of-type){border-bottom: #fff solid 1px;}
.header_nav .language_btn .layui-nav-child dd a{justify-content: center;font-size: var(--font-14);padding: .3vw 1vw;background-color: #fff;}
.header_nav .language_btn .layui-nav-child dd a img{height: var(--font-14);margin-right: .3vw;}
.header_nav .language_btn .layui-nav-child dd a.layui-this,.header_nav .language_btn .layui-nav-child dd a:hover{background-color: var(--font-active-color);color: #fff;}
.header_nav .language_btn .layui-nav-child dd a.layui-this::after{display: none;}
.header_nav .layui-nav-bar{background-color:#fff;height: 1px;}
.header_nav .layui-nav-child dd.layui-this{background: none;}
.header_nav .layui-this::after{display: none;}

.menu_nav .layui-nav-item .layui-nav-child{top:0;padding-top: 1.8vw;}
.menu_nav .layui-nav-item{margin-left: 2.292vw;position: relative;display: flex;height: initial;}
.menu_nav .layui-nav-item.fliter_flag{margin-left: 0;padding-right: 2.292vw;}
.menu_nav .layui-nav-item:last-of-type{margin-left: 0;padding-right:0}
.menu_nav .layui-nav-item .flex{justify-content: center;padding: .3vw 0 0;flex-wrap: nowrap;}
.menu_nav .layui-nav-item .layui-nav-child{background: none;box-shadow: 0;box-shadow: none;}
.menu_nav .layui-nav-item .layui-nav-child dd:not(:last-of-type){margin-right: 2.08vw;}
.menu_nav .layui-nav-item .layui-nav-child dd{padding-bottom: 15vw;}
.menu_nav .layui-nav-item .layui-nav-child dd a{color: #fff;padding: .52vw 0 .2vw;position: relative;}
.menu_nav .layui-nav-item.layui-this::after{display:block;content: '';background-color: #fff;height: 1px;opacity: 0;transition: all 300ms ease-in-out 0s;bottom: -1.18vw;display: none;}
.menu_nav .layui-nav-item.fliter_flag.layui-this::after{width: calc(100% - 2.292vw);left: 0;left: inherit;}
.menu_nav .layui-nav-item:hover ~ .layui-nav-item::after{opacity: 0!important;}
.menu_nav .layui-nav-bar{top: 80%!important;}

.menu_nav .layui-nav-item:nth-of-type(1)::before{display: block;content: '';height: 100%;width: 4vw;position: absolute;top: 0;left: -4vw;}
.menu_nav .layui-nav-item .layui-nav-child dd:first-of-type::before{display: block;content: '';height: 100%;width: 12vw;position: absolute;top: 0;left: -12vw;}
.menu_nav .layui-nav-item .layui-nav-child dd:last-of-type::before{display: block;content: '';height: 100%;width: 12vw;position: absolute;top: 0;right: -12vw;}

.header.sticky .menu_nav .layui-nav-bar,.body_inner .menu_nav .layui-nav-bar ,.header.line .menu_nav .layui-nav-bar{top: calc(100% - 1px)!important;}




.mobile_menu_btn{width: 40px;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;}


.header.sticky ,.body_inner .header{background-color: rgba(2,22,48,.73);}
.header.sticky .menu_nav .layui-nav-item.layui-this::after{opacity: 1;}

/**
INDEX_BANNER
**/
.index_banner_swiper .index_banner_slide{color:#fff;}
.index_banner_swiper .index_banner_slide::before{display:block;content:'';padding-bottom:var(--i-window-height)}
.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 .img{-webkit-transition:all 5s cubic-bezier(0.2,0.3,0.5,1);transition:all 7s cubic-bezier(0.2,0.3,0.5,1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);transform:scale(1.1)}
.index_banner_swiper .swiper-slide-active .img{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}
.index_banner_swiper .text{width:100%;height:100%;position:absolute;left:0;top:0;display:flex;flex-direction:column;justify-content:flex-start;align-items: center;z-index:3;padding-top: 60vh;padding-bottom: 15vh;}
.index_banner_swiper .text .ico{width: 19vw;height: auto;margin: 0 auto 1.2vw;display: block;}
.index_banner_swiper .text .title{font-size:var(--font-16);display:flex;align-items:center;justify-content: center;font-weight: bold;text-align: center;line-height: 1.2;font-family: "Poppins","ArialMT", "Arial"}
.index_banner_button{margin:4.7vw auto 0;display: flex;justify-content: center;}
.index_banner_button .layui-btn{padding: .5vw 2.2vw;}

.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}

.index_banner_pagination{bottom:1.7708333vw !important;padding:0 var(--web-paddinglr);opacity:0;position:absolute;left:0;bottom: 0;z-index:9;}
.index_banner_pagination .swiper_pagination_item{border: #fff solid 1px;}
.index_banner_pagination .swiper_pagination_icon{border-color: #fff;}
.index_banner_pagination .swiper_pagination_icon::after{background-color: #fff;}

.index_banner_navigation{position:absolute;right:14vw;z-index:9;bottom:1.7708333vw;transition:all .6s ease;opacity:0}


.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);}



/*
Banner
*/
.banner{position:relative;background-position: center;background-repeat: no-repeat;background-size: cover;width: 100%;height: var(--i-window-height);overflow: hidden;background-color: var(--font-blue-color);}
.banner .img{ display:block; width:100%;height: 100%;margin: 0 auto;object-fit: cover;}
.scale_img{-webkit-transition: all 2s cubic-bezier(0.2, 0.3, 0.5, 1);transition: all 2s cubic-bezier(0.2, 0.3, 0.5, 1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);}
.scale_img_active{-webkit-transform: scale(1);-moz-transform: scale(1);transform: scale(1);}
.banner .text{width: 100%;height: 100%;display: flex;flex-direction: column;padding-top:16vh;position: absolute;left: 0;top: 0;font-size: var(--font-20);background: linear-gradient(to bottom, rgba(23, 43, 75, 0.2) 0%,rgba(23, 43, 75, 0.1) 20%, rgba(23, 43, 75, 0) 100%);}
.banner .text .title{font-size: var(--font-48);font-weight: bold;line-height: 1.3;}
.banner .text .des{margin-top: 1vw;width: 30vw;font-size: var(--font-20);color:var(--font-grey-color);}
.banner .text .more_btn{margin-top: 4.5vw;}
.banner .text .more_btn .layui-btn{font-size: var(--font-18);border-color: #fff!important;color: #fff!important;}
.banner .text .more_btn .layui-btn:hover{border-color: var(--font-active-color)!important;}
.banner .text.white ,.banner .text.white .title ,.banner .text.white .des{color: #fff;}

.banner_text{background-color: var(--font-blue2-color);color: #fff;padding: 7vw 0 2.5vw;}
.banner_text .title{font-size: var(--font-34);font-weight: bold;}
.banner_text .des{margin-top: 1vw;width: 26vw;font-size: var(--font-16);}

.about_company .text{padding: 8vw 0 4vw;justify-content:space-between;align-items: center;text-align: center;color: #fff;}
.about_company .text .about_subtitle{font-size: var(--font-14);}


/*
ABOUT
*/
.index_about_scrollnum{padding: 4.5vw 0;}
.index_about_num{padding: 0 3.84%;display: flex;justify-content: space-between;}
.scrollnum_item{text-align: center;}
.scrollnum_title{color: var(--font-active-color);display: flex;align-items: center;font-weight: bold;justify-content: center;min-height: 3vw;min-width: 5.5vw;}
.scrollnum_title sup{font-size: var(--font-32);line-height: 1.2;}
.scrollnum_number{font-size: var(--font-48);line-height: 1.2;}
.scrollnum_label{font-size: var(--font-32);}
.scrollnum_text{color:var(--font-grey-color);font-size: var(--font-16);}


.about_num{color: #fff;display: flex;justify-content: center;}
.about_num .item{margin: 0 4vw;}
.about_num .item:first-of-type{margin-left: 0;}
.about_num .item:last-of-type{margin-right: 0;}
.about_num_title{font-size: var(--font-24);}
.about_num_des{margin-top: .2vw;}

.about_team{padding: 6vw 0;background: var(--font-blue2-color);color: #fff;position: relative;overflow: hidden;}
.about_team .web_w{width: 86.86%;}
.about_team::before{display: block;content: '';width: 48vw;height: 48vw;background: #1c3a5e;border-radius: 50%;position: absolute;z-index: 0;left: 10vw;bottom: -30vw;}
.about_team_name{padding-left:16vw;}
.about_title{font-size: var(--font-34);font-weight: bold;}
.about_subtitle{font-size: var(--font-16);margin-top: .2vw;}
.about_team .about_subtitle{margin-top: 0;}
.about_team_item{position: relative;}
.about_team_swiper{display: flex;align-items: flex-start;margin-top: 2vw;z-index: 2;}
.about_team_swiper .swiper-slide{display: flex;width: calc(100% - 16vw);}
.about_team_swiper .img_box{display: flex;align-items: center;}
.about_team_swiper .img{width: 16vw;border: #fff solid .3vw;position: relative;border-radius: 50%;overflow: hidden;z-index: 2;}
.about_team_swiper .img::before{display: block;content:'';padding-bottom: 100%;}
.about_team_swiper .img img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: contain;}
.about_team_swiper .text{display: flex;flex-direction: column;padding: 1vw 0 0 3vw;position: relative;z-index: 1;width: calc(100% - 16vw);}
.about_team_swiper .swiper-slide .title{font-size: var(--font-24);font-weight: bold;margin-bottom: .5vw;}
.about_team_swiper .swiper-slide .subtitle{font-weight: bold;}
.about_team_swiper .swiper-slide .des{margin-top: 2vw;max-width: 70%;}
.about_team_swiper_btn{position: absolute;right: 16vw;bottom: 0;z-index: 3;}


.about_other{position: relative;width: 100%;color: #fff;background-color: var(--font-blue2-color);position: relative;z-index: 1;}
.about_other .img{width: 100%;height: auto;display: block;object-fit: cover;position: relative;z-index: 1;}
.about_other .text{width: 100%;height: 100%;position: absolute;z-index: 2;display: flex;flex-direction: column;align-items: center;text-align: center;padding-top: 6.8vw;}

.about_business{color: #fff;background-color: var(--font-blue2-color);padding: 4vw 0 6vw;text-align: center;position: relative;z-index: 2;}
.about_business_swiper{margin-top: 3vw;}
.about_business_swiper .swiper-slide{overflow: hidden;border-radius: var(--radius);}
.about_business_swiper .img::before{display: block;content: '';padding-bottom: 124%;}
.about_business_swiper .img::after{display: block;content: '';width: 100%;height: 3.5vw;position: absolute;left: 0;bottom: 0;background-color: rgba(23,47,75,.5);z-index:6;transition:all 500ms ease-in-out 0s;}
.about_business_swiper .text{position: absolute;width: 100%;left: 0;bottom:-1vw;color: #fff;z-index: 3;padding:0 1.5vw;text-align: left;z-index:9;transition:all 500ms ease-in-out 0s;}
.about_business_swiper .text .title{height: 3.2vw;display: flex;justify-content: center;align-items: center;font-weight:bold;line-height: 1.2;text-align: center;transition:all 300ms ease-in-out 0s;}
.about_business_swiper .text .des{display: grid;grid-template-rows: 0fr;transition: 500ms grid-template-rows ease-in-out 0s;padding-bottom: 1vw;}
.about_business_swiper .text .ms{overflow: hidden;}
.about_business_swiper .img:hover::after{height: 100%;}
.about_business_swiper .img:hover .text{bottom: 0;}
.about_business_swiper .img:hover .text .des{grid-template-rows: 1fr;}


.about_advantage{background-color: var(--font-blue2-color);color: #fff;padding: 5% 0;text-align: center;}
.about_advantage_pics .item{margin-top: 3vw;}
.about_advantage_pics .img{border-radius: var(--radius);overflow: hidden;position: relative;}
.about_advantage_pics .img img{display: block;width: 100%;}
.about_advantage_pics .text{display: flex;justify-content: space-between;align-items: center;text-align: left;padding: 2vw 0;}
.about_advantage_pics .item:last-of-type .text{padding-bottom: 0;}
.about_advantage_pics .text .title{width: 36%;font-size: var(--font-34);line-height: 1.2;text-align: right;padding-right: 2.5vw;}
.about_advantage_pics .text .des{width: 64%; border-left: rgba(255, 255, 255, .7) solid 1px;padding-left: 2.5vw;}

.about_case_scroll{padding: 5vw 0;background-color: var(--font-gray-color);text-align: center;}
.about_case_swiper{margin-top: 2.8vw;padding-bottom: 4vw;}
.about_case_swiper .swiper-wrapper{position: relative;z-index: 1;}
.about_case_swiper .img{border-radius: var(--radius);}
.about_case_swiper .img::before{display: block;content: '';padding-bottom: 140.625%;}
.about_case_swiper .img::after{display: block;content: '';width: 100%;height: 6vw;position: absolute;left: 0;bottom: 0;z-index:6;transition: height 0.5s ease;background-color: rgba(23,47,75,.5);}
.about_case_swiper .text{position: absolute;width: 100%;left: 0;bottom:0;color: #fff;z-index: 3;padding:1vw 1.8vw;display: flex;flex-direction: column;justify-content:flex-end;text-align: left;;z-index:9;transition: height 0.5s ease;}
.about_case_swiper .text .title{font-size: var(--font-16);font-weight: bold;margin-bottom: .5vw;overflow : hidden;white-space: nowrap;text-overflow: ellipsis;transition: height 0.5s ease;}
.about_case_swiper .text .des{overflow : hidden;line-height: 1.3;font-size: var(--font-14);height: 2vw;transition: height 0.5s ease;}
.about_case_swiper .img:hover .title{overflow:initial;white-space:wrap;}
.about_case_swiper .img:hover .text .des{height:4vw;}
.about_case_swiper .img:hover::after{height: 100%;}
.about_case_swiper_btn{width: 100%;position: absolute;left: 0;bottom: 0;justify-content: flex-end;z-index: 2;padding: 0 11.9vw 0 0;}
.about_case_swiper_btn .swiper_scroll_btn{background-color:var(--font-blue1-color);color:#fff;}
.about_case_swiper_btn .swiper_scroll_btn:hover{background-color: var(--font-active-color);}
.about_case_swiper_btn .swiper_scroll_btn i{font-size: var(--font-20);}


.index_parnter{padding: 5vw 0;}
.index_parnter_item{display: flex;justify-content: space-between;align-items: flex-start;}
.index_parnter_item .text{width: 51.55%;}
.index_parnter_item .text .title{font-size: var(--font-34);font-weight: bold;line-height: 1;}
.index_parnter_item .text .des{margin-top: 2.1vw;font-size: var(--font-16);color: var(--font-grey-color);line-height: 1.8;}
.index_parnter_item .text .more_btn{margin-top: 5vw;}
.index_parnter_item .pics{display: flex;flex-direction: column;position: relative;width: 38.27%;margin-right: 2%;}
.index_parnter_item .pics .item{border-radius: var(--radius);padding: 1vw;width: 46.8%;display: flex;flex-direction: column;color: #fff;flex-shrink: 0;background-color: var(--font-active-color);margin-top: 1.6vw;transition: all 300ms ease-in-out 0s;position: relative;overflow: hidden;}
.index_parnter_item .pics .item::before{display: block;content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 1;background-image: linear-gradient(-145deg,var(--font-active-color) 0%, var(--font-blue1-color) 100%);}
.index_parnter_item .pics .item::after{display: block;content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 1;background-image: linear-gradient(-145deg, var(--font-blue1-color)  0%, var(--font-active-color)  100%);transition: all 500ms ease-in-out 0s;opacity: 0;overflow: hidden;}
.index_parnter_item .pics .item:hover::after{opacity: 1;}
.index_parnter_item .pics .item:hover{transform: scale(1.05);}
.index_parnter_item .pics .item img{height: 2.8vw;width: 2.8vw;transition: all 300ms ease-in-out 0s;position: relative;z-index: 2;}
.index_parnter_item .pics .item:hover img{transform:rotate(360deg);}
.index_parnter_item .pics .item .des{margin-top: .6vw;font-size: var(--font-14);position: relative;z-index: 2;}
.index_parnter_item .pics .item:first-of-type{margin-top: 0;}
.index_parnter_item .pics .item:last-of-type{position: absolute;right: 0;top: 50%;transform: translateY(-50%);margin: 0;}
.index_parnter_item .pics .item:last-of-type:hover{transform: scale(1.05) translateY(-50%);}

.index_customers{padding: 1vw 0 3vw;}
.index_customers .name{text-align: center;font-size: var(--font-34);font-weight: bold;}
.index_customers_swiper{margin-top: 2vw;}
.index_customers_swiper .swiper-wrapper{transition-timing-function:linear;}
.index_customers_swiper .swiper-slide .img::after{display: block;content: '';padding-bottom: 46.875%;}
.index_customers_swiper .swiper-slide .img img{filter: grayscale(100%);transition: all .34s;object-fit:contain;}
.index_customers_swiper .swiper-slide .img:hover img{filter: grayscale(0);transform: scale(1.08);}

.index_said{padding: 3.5vw 0;}
.index_said .name{text-align: center;font-size: var(--font-34);font-weight: bold;}
.index_said_new_swiper_box{position: relative;margin-top: 2.5vw;}
.index_said_new_swiper .swiper-slide{display: flex;justify-content:space-between; align-items: center;background-color: #fff;}
.index_said_new_swiper .item_text{width: 47%;}
.index_said_new_swiper .item_text i{font-size: var(--font-40);color: var(--font-active-color);}
.index_said_new_swiper .swiper-slide{padding-top: 1.4vw;}
.index_said_new_swiper .swiper-slide .item_text{padding-bottom: 1.5vw;}
.index_said_new_swiper .swiper-slide .item_text .des{margin-top: .5vw;font-size: var(--font-20);}
.index_said_new_swiper .swiper-slide .item_text .title{margin-top: 2.5vw;font-size: var(--font-16);font-weight: bold;display: flex;color: var(--font-blue2-color);}
.index_said_new_swiper .swiper-slide .item_text .title::before{display:block;content: '';width: 4vw;background: var(--font-color);height: 1px;margin-top: .7vw;margin-right: 1vw;}
.index_said_new_swiper .item_img{width: 42%;position: relative;}
.index_said_new_swiper .item_img::before{width: 100%;height: 100%;background-color:var(--font-blue2-color);display: block;content: '';position: absolute;border-radius: var(--radius);}
.index_said_new_swiper .item_img .img{left: -1.4vw;top: -1.4vw;border-radius: var(--radius);}
.index_said_new_swiper .item_img .img::after{display: block;content: '';padding-bottom: 117%;}

.index_said_new_swiper_box .swiper_scroll_btn{position: absolute;top: 50%;transform: translateY(-50%);opacity: .5;}
.index_said_new_swiper_box .swiper_scroll_btn:hover{opacity: 1;}
.index_said_new_swiper_box .index_said_new_prev{left: -5vw;}
.index_said_new_swiper_box .index_said_new_next{right: -5vw;}


.said_list_banner{margin: 0;}
.said_list_banner .swiper-slide .img::before{padding-bottom: var(--i-window-height);}


.about_honer{padding: 3vw 0;}
.about_honer_list{display: flex;flex-wrap: wrap;margin: -.6vw;}
.about_honer_list .item{padding: .6vw;}
.about_honer_list .box{display: flex;background:#f5f5f5;height: 100%;;padding: 2vw 1.5vw;align-items: center;justify-content: space-between;border-radius: var(--radius);}
.about_honer_list .item .img{width: 20%;}
.about_honer_list .item .img img{display: block;width: 100%;}
.about_honer_list .item .text{width: calc(80% - 2vw);display: flex;flex-direction: column;height: 100%;justify-content: space-between;}
.about_honer_list .item .text.last{width: 100%;}
.about_honer_list .item .text .title{font-size: var(--font-20);font-weight: bold;}
.about_honer_list .item .text .des{font-size: var(--font-14);margin-top: .8vw;}
.about_honer_list .item .text .btn{display: flex;align-items: center;margin-top: 1vw;}
.about_honer_list .item .text .btn a{color: var(--font-blue1-color);font-size: var(--font-14);font-weight: bold;}
.about_honer_list .item .text .btn a:hover{text-decoration: underline;}
.about_honer_list .item .text .btn a:not(:first-of-type){margin-left: 1.5vw;}
.about_honer_list .item .text .pro{display: flex;flex-direction: column;margin-top: 1vw;font-size: var(--font-14);}
.about_honer_list .item .text .pro strong{font-size: var(--font-16);margin-top: .3vw;}


/*
CASE
*/
.index_case{padding: 4.3vw 0 6.5vw;background: var(--font-gray-color);position: relative;}
.index_case .name{text-align: center;font-size: var(--font-34);font-weight: bold;}
.index_case_swiper_mark{position:relative;margin-top: 2.6vw;padding: 0 .8vw;}
.index_case_swiper{padding:1vw;margin: 0 -1vw;}
.index_case_swiper::before{display: block;content: '';background-color: var(--font-gray-color);width: .7vw;height: 100%;position: absolute;left: 0;top: 0;z-index: 10;}
.index_case_swiper::after{display: block;content: '';background-color: var(--font-gray-color);width: .7vw;height: 100%;position: absolute;right: 0;top: 0;z-index: 10;}
.index_case_swiper .img{border-radius: var(--radius);background-color: #fff;position: relative;overflow: hidden;}
.index_case_swiper .img::before{display: block;content: '';padding-bottom:177.95%;}
.index_case_swiper .img img{display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;}
.index_case_swiper a{transition: transform 0.3s ease}
.index_case_swiper a:hover{transform: scale(1.02);transition: transform 0.3s ease}
.index_case_swiper_btn{-webkit-transition:1s;transition:1s;z-index: 2;width: 100%;display: flex;justify-content: flex-end;align-items: center;position: relative;bottom: -2.3vw;padding-right: 8.5vw;padding-bottom: 1px;}
.index_case_swiper_btn .swiper_scroll_btn{background: var(--font-blue1-color);color: #fff;border: 0;}
.index_case_swiper_btn .swiper_scroll_btn:hover{background: var(--font-active-color)}
.index_case_swiper_btn .swiper_scroll_btn i{color: #fff;}
.index_case_swiper_btn .swiper_scroll_btn.swiper-button-disabled{background-color: #dedede;cursor:not-allowed;}
.index_case_swiper .text{overflow: hidden;position: absolute;left: 0;bottom: 0;width: 100%;height:100%;padding:3vw 2vw;display:flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;color:#fff;background: linear-gradient(to bottom, rgba(23, 23, 23, 0.2) 0%,rgba(23, 23, 23, 0.1) 20%, rgba(23, 23, 23, 0) 100%);line-height: 1.4;}

.index_case_swiper .text .title{font-weight: bold;position: relative;z-index: 2;font-size:var(--font-18);}
.index_case_swiper .text .des{margin-top: 1vw;position: relative;z-index: 2;}

.index_case_swiper .text::before{display: block;content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;opacity: 0;background:rgba(23,23,23,0.5);z-index: 1;transition:all 300ms ease-in-out 0s} 
.index_case_swiper .img:hover .text:before{opacity: .5;} 



/*
PRODUCT
*/
.product_all_box{padding: 5vw 0 2vw;}
.product_all_item:not(:first-of-type){margin-top: 4vw;}
.product_all_item .name ,.prodict_list_swiper .title{display: flex;justify-content: space-between;align-items: center;}
.product_all_item strong{font-size: var(--font-24);}
.product_all_item .layui-btn{font-weight: bold;font-size: var(--font-14);}

.product_list_swiper_box{position: relative;margin: 1.5vw 0 0;}
.prodict_list_swiper{padding: 0 3vw;margin: 0 -3vw;}
.prodict_list_swiper .swiper-wrapper{margin: 0;}
.prodict_list_swiper .img{border: var(--font-gray-color) solid 1px;border-radius: var(--radius);}
.prodict_list_swiper .img .standard{position: absolute;left: 6%;top: 4%;color: var(--font-active-color);z-index: 4;font-size: var(--font-12);font-weight: bold;}
.prodict_list_swiper .title{margin-top: .5vw;align-items: baseline;}
.prodict_list_swiper .title strong{font-size: var(--font-15);line-height: 1.4;}
.prodict_list_swiper .title .more_btn{width: 3.75vw;}
.prodict_list_swiper .title .layui-btn{font-weight: bold;font-size: var(--font-11);padding: 0;width: 100%;display: flex;align-items: center;justify-content: center;}
.prodict_list_swiper .list_group_link{display: flex;font-size: var(--font-12);margin-top: .4vw;flex-wrap: wrap;text-decoration: underline;color: var(--font-active-color);word-break: break-all;}
.prodict_list_swiper .list_group_link span:not(:last-of-type){margin-right: .5vw;color: var(--font-active-color);}
.prodict_list_swiper .list_group_link span a{text-decoration: underline;color: var(--font-active-color);}
.product_list_swiper_box .prodict_list_btn{bottom: 0;height: 100%;top: inherit;background-color: #fff!important;border:0!important;width: 3vw;position: absolute;display: flex;align-items: center;justify-content: center;z-index: 10;cursor: pointer;}
.product_list_swiper_box .prodict_list_prev{left: -2px;}
.product_list_swiper_box .prodict_list_next{right: -2px;} 
.product_list_swiper_box .prodict_list_btn i{font-size: var(--font-36);color: var(--font-active-color);}
.product_list_swiper_box .prodict_list_btn.swiper-button-disabled i{color: #f2f2f2;cursor: not-allowed !important;}


.product_list_box{padding: 2vw 0;}
.product_list .item:not(:first-of-type){margin-top: 1.5vw;}
.product_list .item{display: flex;justify-content: space-between;position: relative;overflow: hidden;border-radius: var(--radius);}
.product_list .item .new{position: absolute;right: 0;top: 0;width: 5.5vw;height: 5.5vw;color: #fff;background: url(/static/images/clip_bg.png) right top no-repeat;background-size: 100%;}
.product_list .item .new span{font-size: var(--font-16);font-weight: bold;position: absolute;right: .4vw;top: .7vw;transform: rotate(45deg);}
.product_list .img_box{width: 31%;border: var(--font-gray-color) solid 1px;border-radius: var(--radius);display:flex;}
.product_list .img .standard{position: absolute;left: 5%;top: 3%;color: var(--font-active-color);z-index: 4;font-size: var(--font-17);display: none;}
.product_list .img::before ,.prodict_list_swiper .img::before{display: block;content: '';padding-bottom: 120%;}
.product_list .text{display: flex;flex-direction: column;justify-content: space-between;width: 67%;background-color: var(--font-gray-color);padding: 2.4vw 3.4vw;border-radius: var(--radius);position: relative;}
.product_list .text .title{display: flex;align-items: center;}
.product_list .text .title span{background-color: var(--font-blue1-color);color: #fff;font-weight: bold;font-size: var(--font-14);margin-right: 1.3vw;padding: 0 .8vw;border-radius: 5px;}
.product_list .text .title .ico{display: block;width: 1.5625vw;margin-right: 0.625vw;}
.product_list .text .title strong{font-size: var(--font-20);}
.product_list .text .title a:hover ,.product_list .text .list a:hover{color: var(--font-active-color);}
.product_list .text .des{margin-top: 1vw;font-size: var(--font-14);line-height: 1.8;}
.product_list .text .list_group_link{margin-top: 2.3vw;display: flex;flex-direction: column;font-size: var(--font-14);font-weight: bold;}
.product_list .text .list_group_link span:not(:first-of-type){margin-top: .2vw;}
.product_list .text .list_group_link span{display: flex;align-items: center;}
.product_list .text .list_group_link span::before{display: block;content: '';width: .5vw;height: .5vw;background-color: #959dc7;border-radius: 50%;margin-right: 10px;}
.product_list .text .more_btn{text-align: right;font-weight: bold;margin-top: 2vw;}


.soultion_product .product_list .item{background-color: var(--font-gray-color);align-items: center;}
.soultion_product .product_list .text{width: 69%;padding: 2.2vw 3.5vw 2.5vw 2vw;}
.soultion_product .product_list .text .des{margin-top: 2vw;}
.soultion_product .product_list .text .list_group_link{margin-top: 4vw;}
.soultion_product .product_list .text .more_btn{margin-top: 3.5vw;}

.product_advantage{background-color: var(--font-gray-color);padding: 3vw 0 5vw;}
.product_advantage_list{display: flex;justify-content: space-between;}
.product_advantage_list .item{width: 27%;text-align: center;}
.product_advantage_list .item .img{border-radius: 50%;border: #fff solid .5vw;}
.product_advantage_list .item .img::before{display: block;content: '';padding-bottom: 100%;}
.product_advantage_list .item .img .num{width: 50%;height: 50%;display: flex;justify-content: center;align-items: center;border-radius: 50%;background-color: rgba(240, 241, 250, .8);color: var(--font-active-color);font-size: var(--font-70);font-weight: bold;position: absolute;z-index: 2;left: 50%;top: 50%;transform: translate(-50%,-50%);font-family: "Poppins","Impact","Arial";transition:all 300ms ease-in-out 0s}
.product_advantage_list .item .img:hover .num{transform: translate(-50%,-50%) scale(1.2);}
.product_advantage_list .item .title{text-align: center;margin-top: 1.8vw;font-size: var(--font-20);font-weight: bold;}
.product_advantage_list .item .des{color: #595959;margin-top: 1vw;font-size: var(--font-14);}

.solution_bottom{background-color: var(--font-gray-color);padding: 2.5vw 0 3.1vw;}
.solution_bottom .about_title{text-align: center;}
.solution_bottom .des{font-size: var(--font-16);max-width: 40vw;margin: 1vw auto 0;text-align: center;}
.solution_bottom .more_btn{text-align: center;margin-top: 2.2vw;}
.solution_bottom .more_btn .layui-btn{padding:.5vw 4vw;font-weight: bold;}
.product_page_features + .solution_bottom{background-color: #fff;padding:5vw 0 0;}



.product_page_banner{min-height: var(--i-window-height);position: relative;height: auto;}
.product_page_banner .text{text-align: left;padding-top: 5vw;display: flex;flex-direction: column;justify-content: center;width: 100%;height: 100%;position: relative;left: 0;top: 0;padding-bottom:4vw;}
.product_page_banner .text .title{font-size: var(--font-34);white-space: nowrap;font-weight: bold;line-height: 1.4;}
.product_page_banner .text .des{margin: 1vw 0 0;font-size: var(--font-16); }
.product_page_banner .text .des span{background-color: var(--font-blue1-color);padding: .5vw 1.5vw;color: #fff;display: inline-block;border-radius: 1000vw;margin-bottom: 1vw;}
.product_page_banner_item{display: flex;align-items: center;justify-content: space-between;}
.product_page_banner_item .list{width: 21.9vw;flex-shrink: 0;display: flex;flex-direction: column;justify-content: space-between;}
.product_page_banner_item .pro_banner_pic{display: block;width:35vw;margin-left: 2vw;}
.product_page_banner .img{width: 100%;height: 100%;object-fit: cover;position: absolute;left: 0;top: 0;}
.product_td{margin-top: 1vw;display: flex;flex-wrap: wrap;justify-content: space-between;}
.product_td::after{display: block;content: '';width: 30%;}
.product_td .item {display: flex;flex-direction: column;align-items: flex-start;margin: 1.5vw 0 0 0;align-items: center;width: 30%;text-align:center;}
.product_td .item img{display: block;height: 1.8vw;}
.product_td .item span{font-size: var(--font-12);margin-top: .5vw;}
.product_page_banner .more_btn{margin-top: 20%;}
.product_page_banner .more_btn .layui-btn{padding:.4vw 1vw;width: 9vw;font-weight:bold;}
.product_page_banner .more_btn .layui-btn i{margin-left: .3vw;font-size: var(--font-18);display: inline-block;}
.product_page_banner .more_btn .layui-btn:nth-of-type(1){background-color: var(--font-active-color);color: #fff!important;}
.product_page_banner .more_btn .layui-btn:nth-of-type(2){background-color: #fff;color: var(--font-active-color)!important;}
.product_page_banner .more_btn .layui-btn:hover{background-color: var(--font-blue2-color);color: #fff!important;}

.product_page_box{padding: 5vw 0;}
.product_page_pics{box-shadow: 0 20px 20px 3px rgba(0, 0, 0, 0.02) inset;}
.product_page_pics .item{display: flex;justify-content: space-between;}
.product_page_pics .item:nth-of-type(even){flex-direction: row-reverse;}
.product_page_pics .item:not(:first-of-type){margin-top: 3vw;}
.product_page_pics .img{width: 50%;border-radius: var(--radius);}
.product_page_pics .img::after{display: block;content: '';padding-bottom: 65.7%;}
.product_page_pics .text{width: 50%;padding-left: 2vw;}
.product_page_pics .item:nth-of-type(even) .text{padding: 0 2vw 0 0;}
.product_page_pics .text .title{font-size: var(--font-30);font-weight: bold;line-height: 1.2;}
.product_page_pics .text .des{font-size: var(--font-18);margin-top: 1.1vw;}

.product_page_features{background: var(--font-hui-color);padding-bottom: 6vw;}
.product_page_features .web_w{width: 70%;}
.product_page_name{text-align: center;font-size: var(--font-36);font-weight: bold;line-height: 1;}

.product_page_features_box{position: relative;margin-top: 3vw;}
.product_page_features_item{display: flex;justify-content: space-between;flex-wrap: wrap;position: relative;}
.product_page_features_item .item{display: flex; width: 36%;margin: 1.5vw 0;align-items: flex-start;justify-content: space-between;}
.product_page_features_item .item .ico{width:4vw;height: 4vw;background: var(--font-blue1-color);border-radius: 50%;border: #fff solid 2px;}
.product_page_features_item .item .ico img{display: block;width: 100%;height: 100%;object-fit: contain;transform: scale(.7);}
.product_page_features_item .item .list{width: calc(100% - 5vw);display: flex; flex-direction: column;}
.product_page_features_item .item:nth-of-type(odd){flex-direction: row-reverse;text-align: right;}
.product_page_features_item .item .list .title{font-size: var(--font-22);line-height: 1.4;font-weight: bold;}
.product_page_features_item .item .list .ms{margin-top: .5vw;font-size: var(--font-16);;}

.product_page_features_box .img{width: 20vw;position: absolute;left: 50%;top:50%;transform: translate(-50%,-55%);}
.product_page_features_box .img img{width: 100%;}

.product_page_features_item .item:nth-of-type(1),.product_page_features_item .item:nth-of-type(5){transform: translateX(10%);}
.product_page_features_item .item:nth-of-type(2),.product_page_features_item .item:nth-of-type(6){transform: translateX(-10%);}

.product_page_specification{padding-bottom: 0;}
.product_page_specification .web_w{width:66%;}
.product_page_specification_con{overflow-x:auto;}
.product_page_specification table{border:0;margin-top: 3vw;width: 100%!important;height: auto!important;table-layout: fixed;}
.product_page_specification table tr td{border: 0;padding: 1vw;border-bottom: #f5f5f5 solid 1px;font-size: var(--font-16);text-align: center;transition: all 0.3s ease;width: auto;}
.product_page_specification table tr:first-of-type td{border: 0;font-size: var(--font-20);font-weight: bold;word-break: break-all;padding:0;}
.product_page_specification table tr td[align="center"]{text-align:center!important;}
.product_page_specification table tr td:first-of-type{text-align: left;width: 15%;padding-right: 1vw;}
.product_page_specification table tr:first-of-type td:first-of-type{padding: 1vw;}
.product_page_specification table tr.headTr td{padding: 2vw 0 0;border-bottom: none;}
.product_page_specification table tr td .title{background-color: #f5f5f5;font-weight: bold;font-size: var(--font-20);padding:1vw 3vw;display: flex;align-items: center;cursor: pointer;}
.product_page_specification table tr td .title::before{display: block;content: '\e67e';font-family: 'layui-icon';position: absolute;left: 1vw;color: var(--font-active-color);font-size: var(--font-28);transition: all 0.3s ease}
.product_page_specification table tr.hidden{visibility: hidden;height: 0!important;padding: 0;border: none;opacity: 0;overflow: hidden;}
.product_page_specification table tr.hidden td{padding: 0;border: none;opacity: 0;height: 0!important;overflow: hidden;min-height: 0;font-size: 0;}
.product_page_specification table tr.active td .title::before{content: '\e624';transform: rotate(180deg);}

.product_page_specification table tr td p{margin: 0;}

.product_select_box{padding: 0 4.2vw;position: relative;display: flex;justify-content: space-between;align-items: flex-start;margin-top: 5vw;}
.product_select_box img{user-select: none;}
.product_select_img{width: 70vw;height:var(--i-window-height);}
.product_select_img_item{display: flex;justify-content: space-between;height:var(--i-window-height);}


.product_accessory{width: 12vw;height:100%;position: relative;padding: 3vw 1.6vw;background-color: #f5f5f5;border-radius: var(--radius);}
.product_accessory_swiper{padding: 0;width: 100%;height: 100%;}
.product_accessory_swiper .img{background-color: #fff;border-radius: var(--radius);border: #fff solid 1px;}
.product_accessory_swiper .img::before{display: block;content: '';padding-bottom: 100%;}
.product_accessory_swiper .img img{transform: scale(.7);}
/* .product_accessory_swiper.swiper-vertical > .swiper-wrapper{justify-content:center;} */
.product_accessory_swiper.swiper-vertical > .swiper-wrapper.center{justify-content:center;}
.product_accessory_swiper .swiper-slide .layui-badge{position: absolute;left: 0;bottom: 0;font-size: var(--font-16);height:2vw;line-height:2vw;background:none;width: 100%;display: flex;align-items: center;justify-content: center;color: var(--font-color);}
.product_accessory_swiper .swiper-slide .img a{position: absolute;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;position: absolute;left: 0;top: 0;background: rgba(0, 0, 0, 0.3);color: #fff;font-size: var(--font-44);opacity: 0;}
.product_accessory_swiper .swiper-slide .img:hover a{opacity: 1;}
.product_accessory_swiper .swiper-slide .img:hover .layui-badge{opacity: 0;}
.product_accessory .swiper-button-prev{left: 50%;top: -1vw;margin: 0;transform: translateX(-50%) rotate(90deg) ;}
.product_accessory .swiper-button-next{right: 50%;top: initial;bottom:  -1vw;margin: 0;transform: translateX(50%) rotate(90deg) ;}
.product_accessory .swiper-button-prev::after,.product_accessory .swiper-button-next::after{font-size: var(--font-20);}


.product_img{width: calc(100% - 13.2vw);background-color: #f5f5f5;border-radius: var(--radius);}
.product_big_swiper{height: 100%;}
.product_big_swiper .img img{object-fit: contain;}
.product_big_swiper .img:hover img{transform: none;}
.product_big_swiper .swiper_scroll_btn{position: absolute;top: 50%;transform: translateY(-50%);z-index: 10;border-color: var(--font-blue1-color);opacity: 1;}
.product_big_swiper .swiper_scroll_btn i{color: var(--font-blue1-color);}
.product_big_swiper .swiper_scroll_btn:hover{background-color: var(--font-blue1-color);}
.product_big_swiper .swiper_scroll_btn:hover i{color: #fff;}
.product_big_swiper .product_big_prev{left: 2vw;}
.product_big_swiper .product_big_next{right: 2vw;}
.product_big_swiper:hover .swiper_scroll_btn{opacity: 1;}
.product_big_swiper .swiper-button-lock{display: none;}
.product_big_swiper .swiper-pagination{opacity: .8;}

.product_select_form{width: 17.5vw;}
.product_select_box .product_select_form{margin: 0;}
.product_select_swiper{width: 100%;height: 100%;padding-right: 1px;}
.product_select_swiper .swiper-slide.last{background-color: var(--font-gray-color);padding: 2.5vw 2vw;border-radius: var(--radius);height:var(--i-window-height);margin-left: 2px;}


.product_select_title{display: flex;flex-direction: column;align-items: center;justify-content: center;margin-bottom: 1.1vw;}
.product_select_title strong{font-size: var(--font-34);color: #262626;}
.product_select_title span{font-size: var(--font-16);color: #898989;}

.product_select_subtitle{text-align: center;display: flex;flex-direction: column;align-items: center;margin-top: 2vw;}
.product_select_subtitle strong{font-size: var(--font-22);}
.product_select_subtitle span{font-size: var(--font-16);color: #898989;}

.product_gun_type {margin-top: 2vw;padding:0 0 1px;}

.product_gun_type_title ,.product_gun_v_title{display: flex;flex-wrap: wrap;font-size: var(--font-16);flex-direction: column;}

.product_gun_type_content{font-size: var(--font-16);color: #898989;line-height: 1.4;text-align: center;}
.product_gun_type_content p{margin: 0;}
.product_gun_type_content_word:not(:empty){margin-top: 1vw;}

.product_select_nav.layui-nav{width: 100%;;color: var(--font-color)!important;background: none!important;}
.product_select_nav.layui-nav *{font-size: var(--font-16);}
.product_select_nav.layui-nav-tree .layui-nav-item{border: transparent solid 1px;border-radius:var(--radius);padding:0;}
.product_select_nav.layui-nav-tree .layui-nav-item.layui-nav-itemed{border: rgba(49,49,49,1) solid 1px;padding:0 0 1vw;}
.product_select_nav.layui-nav-tree .layui-nav-item > a{display: flex;align-items: center;justify-content: space-between;padding:1vw 1.6vw;font-size: var(--font-20);height: auto;line-height: normal;background:none!important;opacity: .8;border: rgba(49,49,49,.3) solid 1px;border-radius:1000vw;color:#737373;font-weight: bold;}
.product_select_nav.layui-nav-tree .layui-nav-item.layui-nav-itemed > a{border: #fff solid 1px;color: var(--font-color);}
.product_select_nav.layui-nav-tree .layui-nav-item > a .layui-nav-more{position: relative;padding: 0;right: auto;}
.product_select_nav.layui-nav-tree .layui-nav-child{padding:0 1.6vw;color: var(--font-color);white-space: normal;}
.product_select_nav.layui-nav-tree .layui-nav-child a{border: var(--font-blue1-color) solid 1px;padding: 0 ;border-radius: 1000vw;margin-bottom: .6vw;text-align: center;position: relative;border: #979797 solid 1px; height:2.2vw;display: flex;align-items: center;justify-content: center;line-height: inherit;color: var(--font-color)!important;font-weight: normal!important;}
.product_select_nav.layui-nav-tree .layui-nav-child a.layui-btn-disabled{color: #d2d2d2 !important;}
.product_select_nav.layui-nav-tree .layui-nav-child a:not(.layui-btn-disabled):hover ,.product_select_nav.layui-nav-tree .layui-nav-child a.active{background-color: var(--font-blue1-color)!important;color: #fff!important;border-color:var(--font-blue1-color)!important;}
.product_select_nav.layui-nav-tree .layui-nav-child a .layui-badge{position: absolute;right: .5vw;top: .5vw;font-style: normal;width: .8vw;height: .8vw;display: flex;align-items: center;justify-content: center;font-size: var(--font-11);border-radius: 50%;background-color: var(--font-active-color);margin: 0;}


.product_gun_v ,.product_gun_screen{padding: 0 0 1px;margin-top: 1vw;}

.product_gun_cs_title{padding-bottom: 3vw;}

.product_gun_cs .flex{display: flex;justify-content: space-between;flex-wrap: wrap;width: 100%;}
.product_gun_cs .item{width: 50%;display: flex;flex-direction: column;margin-top: 1vw;padding-bottom: 1vw;line-height: 1.5;word-break: break-word;border-bottom: rgba(255, 255, 255, .3) solid 1px;}
.product_gun_cs .item:nth-of-type(odd){padding-right: 1%;}
.product_gun_cs .item:nth-of-type(even){padding-left: 1%;}
.product_power_cs .item.item:nth-of-type(1),.product_power_cs .item.item:nth-of-type(2){margin-top: 0;}
.product_gun_cs .item span:first-of-type{font-size: var(--font-14);}
.product_gun_cs .item span:last-of-type{font-weight: bold;margin-top: .5vw;font-size: var(--font-15);}

.product_power_cs{display: flex;justify-content: space-between;flex-wrap: wrap;}


.product_select_back{display: flex;align-items: center;justify-content: space-between;}
.product_select_back .back_btn{font-size: var(--font-16);color:var(--font-blue1-color);display: flex;align-items: center;}
.product_select_back .back_btn i{font-size: var(--font-18);margin-right: .3vw;}
.product_select_back .view{font-size: var(--font-16);color:var(--font-blue1-color);text-decoration: underline;}

.product_select_word{font-weight: bold;font-size: var(--font-20);}

.product_power_swiper{margin-top: 1.1vw;background-color: var(--font-active-color);color: #fff;border-radius:var(--radius);}
.product_power_title{font-weight: bold;font-size: var(--font-20);height: 3.2vw;display:flex;align-items: center;justify-content: center;padding: 0 3.5vw;line-height: 1.2;}
.product_power_title span{overflow : hidden;text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.product_power_swiper .product_power_prev{color:#fff;left:0;width: 3vw;height: 3.2vw;display: flex;align-items: center;justify-content: flex-end;position: absolute;left: 0;top: 0;background: var(--font-active-color);z-index: 10;cursor: pointer;} 
.product_power_swiper .product_power_next{color:#fff;right:0;width: 3vw;height: 3.2vw;display: flex;align-items: center;justify-content: flex-start;position: absolute;right: 0;top: 0;background: var(--font-active-color);z-index: 10;cursor: pointer;}
.product_power_swiper .product_power_prev i,.product_power_swiper .product_power_next i{font-size: var(--font-20);}
.product_power_swiper .product_power_prev:hover,.product_power_swiper .product_power_next:hover{color:#fff;}


.product_select_form .layui-form-item{margin: 1vw 0 0;}
.product_select_form .layui-form-item label{display: block;color:  var(--font-blue1-color);margin-bottom: .5vw;}
.product_select_form .layui-form-item .layui-input{border: var(--font-blue1-color) solid 1px;;border-radius: 100vw;padding-left: 1vw;padding-right: 1vw;box-shadow: none!important;}
.product_select_form .layui-form-item .layui-textarea{border:var(--font-blue1-color) solid 1px!important;border-radius: var(--radius)!important;height:8vw;padding: .5vw 1vw;box-shadow: none!important;resize: none;line-height:initial;}
.product_select_form .layui-form-item .layui-form-select .layui-edge{right:.8vw;border-top-color: var(--font-active-color);}
.product_select_form .layui-btn{width: 100%;margin-top:3vw;font-weight: bold;font-size: var(--font-16)!important;height: 2.5vw!important;display: flex;align-items: center;justify-content: center;}
.product_select_form .continue_btn{width: 65%;margin: 2vw auto 0;}


.product_order{display: flex;align-items: center;justify-content: space-between;padding:2vw 4vw;position: relative;background: var(--font-gray-color);margin-top: 5vw;}
.product_order a{display: flex;font-size: var(--font-18);display: flex;flex-direction: column;align-items: center;max-width: 30%;font-weight: bold;}
.product_order a:nth-of-type(2){position: absolute;left: 50%;transform: translateX(-50%);}
.product_order a i{width: 2vw;height: 2vw;background-position: center;background-repeat: no-repeat;background-size: contain;margin-bottom: .5vw;}
.product_order a.layui-btn-disabled{background: none!important;}
.product_order a:nth-of-type(1) i{background-image: url(/static/images/pre_ico.png);}
.product_order a:nth-of-type(2) i{background-image: url(/static/images/pro_all.png);}
.product_order a:nth-of-type(3) i{background-image: url(/static/images/next_ico.png);}


/*
FAQ
*/
.faq_rel_wrap{padding: 4.4vw 0;}
.faq_rel_wrap .about_title{text-align: center;}

.faq_nav{margin-top: 3vw;width: 100%;border-top: #eee solid 1px;font-size: var(--font-18)}
.faq_nav_title{padding:1vw 2vw 1vw 0;display: flex;justify-content: space-between;align-items: center;font-weight: bold;cursor: pointer;border-top: #eee solid 1px;margin-top: -1px;position: relative;transition:all 500ms ease-in-out 0s}
.faq_nav_title::before{display: block;content: '';width: 100%;height: 1px;background-color: #eee;position: absolute;left: 0;bottom: 0;transition:all 500ms ease-in-out 0s}
.faq_nav_title .item{display: flex;align-items: center;font-size: var(--font-20);width: 100%;}
.faq_nav_title .item::after{font-family:'layui-icon'!important;display: block;content: "\e61a";position: absolute;right: 0;height: 100%;display: flex;align-items: center;font-weight: normal;transition:all 500ms ease-in-out 0s} 
.faq_nav_title.on::before{opacity: 0;transition:all 100ms ease-in-out 0s}
.faq_nav_title.on{border-top-color: var(--font-active-color);}
.faq_nav_title.on .item::after{transform: rotate(180deg);}
.faq_nav_title .item em{width: 1vw;flex-shrink: 0;}
.faq_nav_title:hover{color: var(--font-active-color);}
.faq_nav_content{padding: 0 1vw 1vw;line-height: 1.8;font-size: var(--font-16);color: var(--font-active-color);display: none;border-bottom: #eee solid 1px;}



.sort_nav_menu{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 2vw;}
.sort_nav_menu .more_btn{width:calc(25% - 1vw);}
.sort_nav_menu .more_btn a{display: flex;white-space: wrap;justify-content: center;margin-top: 1vw;}


/*
SOLUTION
*/
.index_solution{padding: 4vw 0;background: var(--font-gray-color);overflow: hidden;}
.index_solution_list{background: none;padding: 2vw 0 0;}
.index_solution_item{display: flex;justify-content: flex-end;position: relative;}
.index_solution_item:not(:first-of-type){margin-top: 3vw;}
.index_solution_item .img{width: 72.59%;border-radius: var(--radius);backface-visibility: hidden;}
.index_solution_item .img::before{display: block;content: '';padding-bottom: 73.55%;}
.index_solution_item .text{width: 52.46%;height:100%;position: absolute;left: 0;top: 0;z-index: 10;display: flex;align-items: center;}
.index_solution_item .text .flex{display: flex;flex-direction: column;min-height: 57%;justify-content: space-between;background-color: #fff;border-radius: var(--radius);padding: 1.98vw;transition:all 300ms ease-in-out 0s}
.index_solution_item .text .flex:hover ,.index_solution_list .text .flex{box-shadow: 5px 5px 13px 4px rgba(0, 0, 0, 0.17);}
.index_solution_item .text .title{font-size: var(--font-24);font-weight: bold;}
.index_solution_item .text .title a:hover{color: var(--font-active-color);}
.index_solution_item .text .des{color: var(--font-grey-color);margin-top: 1.1vw;line-height: 1.6;font-size: var(--font-16);}
.index_solution_item .text .des p{margin-bottom: 0.425vw;}
.index_solution_item .text .more_btn{text-align: right;margin-top: 2vw;font-weight: bold;width: 100%;text-transform: lowercase;}
.index_solution_item:nth-of-type(even){justify-content: flex-start;}
.index_solution_item:nth-of-type(even) .text{left: auto;right: 0;}

.solution_benefits{padding: 3vw 0 5vw;}
.solution_benefits .about_title{text-align: center;}

.solution_benefits_item{margin: 2.3vw -.5vw 0;overflow: hidden;position: relative;overflow: hidden;display: flex;}
.solution_benefits_item .item{overflow: hidden;transition: all .4s ease;flex: 1;position: relative; height:30vw;margin: 0 .5vw;border-radius: var(--radius);transition:all 800ms ease-in-out 0s;}
.solution_benefits_item .item img{display: block;width: auto;height: 100%;}
.solution_benefits_item .text{position: absolute;width: 100%;left: 0;bottom:-1vw;color: #fff;z-index: 3;padding:0 2vw;text-align: left;z-index:9;background-color: rgba(23,47,75,.5);transition:all 800ms ease-in-out 0s;opacity: 1;}
.solution_benefits_item .text.active{bottom: -100%;opacity: 0;}
.solution_benefits_item .text .title{height: 3vw;display: flex;align-items: center;font-size: var(--font-16);transition:all 800ms ease-in-out 500s;font-weight: bold;width: 100%;}
.solution_benefits_item .text .des{display: grid;grid-template-rows: 0fr;transition: 500ms grid-template-rows ease-in-out 0s;padding-bottom: 1vw;}
.solution_benefits_item .text .ms{overflow: hidden;}

.solution_benefits_item .item:hover{flex-basis: 64%;}
.solution_benefits_item .item:hover::after{height: 100%;opacity: 1;}
.solution_benefits_item .item:hover .text{bottom: 0;}
.solution_benefits_item .item:hover .text .des{grid-template-rows: 1fr;}



.solution_case{padding: 2vw 0 3vw;}
.solution_case .about_title{text-align: center;}
.soultion_case_swiper_box{margin-top: 2.4vw;position: relative;}
.soultion_case_swiper .img{border-radius: var(--radius);}
.soultion_case_swiper .img::before{display: block;content: '';padding-bottom: 54%;}
.soultion_case_swiper .title{position: absolute;display: flex;justify-content: center;align-items: center;background-color: rgba(23,43,75,.6);padding: 1.5vw 2vw;z-index: 2;width: 100%;left: 0;bottom: -100%;color: #fff;font-size: var(--font-18);transition:all .8s cubic-bezier(.8,0,.2,1);opacity: 0;}
.soultion_case_swiper .swiper-slide-active .title{bottom: 0;opacity: 1;}
.soultion_case_swiper_box .swiper-pagination{bottom: -2vw;}
.soultion_case_swiper_box .swiper-pagination-bullet{background-color: #8aa7cb;opacity: 1;width: 0.52vw;height: 0.52vw;}
.soultion_case_swiper_box .swiper-pagination-bullet-active{background-color: var(--font-active-color);}

/*
ARTICLE
*/
.article_warp{background: var(--font-hui-color);padding: 3vw 0 5vw;}
.article_guide{display: flex;justify-content: space-between;align-items: flex-start;position: relative;z-index: 10;}
.article_guide.align_center{align-items: center;}

.article_guide_nav{display: flex;flex-wrap: wrap;}
.article_guide_nav .layui-nav{padding: 0;border-radius: 0;background: none!important;}
.article_guide_nav .layui-nav .layui-nav-item{line-height: inherit;}
.article_guide_nav .layui-nav .layui-nav-item:not(:first-of-type){margin-left: 1vw;}
.article_guide_nav .layui-nav .layui-nav-item a{padding: 0;font-size: var(--font-34);font-weight: bold;line-height: 1.4;display: flex;align-items: center;}
.article_guide_nav .layui-nav .layui-nav-item a .layui-nav-more{position: relative;right: 0;top: 0;margin-left: 3px;}
.article_guide_nav .layui-nav .layui-nav-item .layui-nav-child{top: 100%;padding:.4vw 0 0;background: none;box-shadow: none;}
.article_guide_nav .layui-nav .layui-nav-item .layui-nav-child:before{display: block;content: '';width: 0; height: 0; border-width: .4vw; border-style: dashed;border-color: transparent; overflow: hidden;border-bottom-color: #fff;border-bottom-style: solid;position: absolute;left: .8vw;top: -.2vw;}
.article_guide_nav .layui-nav .layui-nav-item .layui-nav-child dd{margin: 0;background-color: #fff;}
.article_guide_nav .layui-nav .layui-nav-item .layui-nav-child dd:first-of-type{padding-top: .8vw;}
.article_guide_nav .layui-nav .layui-nav-item .layui-nav-child dd:last-of-type{padding-bottom: .8vw;}
.article_guide_nav .layui-nav .layui-nav-item .layui-nav-child dd a{font-size: var(--font-16);padding: .5vw 2vw;font-weight: normal;color: var(--font-color);}
.article_guide_nav .des{width: 100%;font-size: var(--font-20);font-weight: bold;margin-top: .5vw;}
.article_guide_nav .layui-nav-bar,.article_guide_nav .layui-nav .layui-this::after{background-color: var(--font-active-color);border-radius: 5px;}
.article_guide_nav .layui-nav .layui-nav-item.barhide::after{opacity: 0;}
.article_guide_nav .layui-nav .layui-this a ,.article_guide_nav .layui-nav .layui-nav-item .layui-nav-child dd a:hover ,.article_guide_nav .layui-nav .layui-nav-item .layui-nav-child dd.layui-this a{color: var(--font-active-color);}




.form_search{display: flex;justify-content: space-between;background-color: #f0f1fa;border-radius: 100vw;}
.form_search .layui-input-wrap ,.form_search .layui-input-affix{line-height: 2.2vw;}
.form_search .layui-input{background: none;border: 0;height: 2.2vw;line-height: 2.2vw;box-shadow: none;padding-left: 1.2vw;font-size: var(--font-16);}
.form_search .layui-btn{width: 2.2vw;height: 2.2vw;background-color: var(--font-active-color);color: #fff;font-size: var(--font-24);border-radius: 50%;display: flex;justify-content: center;align-items: center;padding: 0;}

.article_list{padding:.3vw 0 0;}
.article_list.last{padding-top: 2vw;}
.article_list .layui-row{display: flex;flex-wrap: wrap;}
.article_list_item{margin-top: 1vw;}
.article_list .img{background-color: #fff;border-radius: var(--radius);}
.article_list .img::before{display: block;content: '';padding-bottom: 57.72%;}
.article_list .text{padding-top: 1vw;}
.article_list .text .title{font-family: "Poppins","ArialMT","Arial";font-size: var(--font-16);}
.article_list .text .time{color: #b5b5b5;margin-top: .5vw;font-size: var(--font-15);}
.article_list .layui-col-space{margin: -.5vw;}
.article_list .layui-col-space>*{padding: .5vw;}

#article_flow_box .layui-flow-more{padding: 0;margin: 1vw 0 0;width: 100%;float: left;}
#article_flow_box .layui-flow-more a{height:inherit;line-height: inherit;}
#article_flow_box .layui-flow-more a cite{background: none;padding: .5vw 2.2vw;font-size: var(--font-16);border-radius: 100vw;border: var(--font-active-color) solid 1px;color: var(--font-active-color);transition:all 300ms ease-in-out 0s;line-height: initial;}
#article_flow_box .layui-flow-more a:hover cite{background-color: var(--font-active-color);color: #fff;}

.article_page{padding: 5vw 0;position: relative;}
.article_pos{text-align: right;position: relative;}
.article_title{text-align: center;font-size: var(--font-60);margin: 3vw auto 0;line-height: 1.2;}
.article_case_title{font-size: var(--font-60);line-height: 1.2;text-align:center;}
.article_des{text-align: center;margin: 2vw auto 0;font-size: var(--font-20);line-height: 1.4;}
.article_des span{text-align: left;display: block;}
.article_bd{margin-top: 7vw;font-size: var(--font-14);}
.article_bd_case{margin-top: 4.6vw;}

.article_box{font-size:var(--font-18);line-height:1.8;font-family:"Poppins", "Arial"!important;}
.article_box *{font-family: "Poppins","Arial"!important;}
.article_box img{max-width:100%;display:inline;height:auto}
.article_box p{margin:0 0 var(--font-18);line-height:1.8;}
.article_box a{color:#0099ff}
.article_box video,.article_box iframe{display:block;max-width:100%;background-color:#000;object-fit:cover}
.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-18);word-break: keep-all!important;}

.article_pics_swiper_box{position:relative;}
.article_pics_swiper{margin-bottom:1.5vw;border-radius: var(--radius);}
.article_pics_swiper .swiper-slide{border-radius: var(--radius);overflow:hidden;}
.article_pics_swiper .swiper-slide::before{display: block;content: '';padding-bottom: 57.57%;}
.article_pics_swiper_box .swiper-pagination{bottom:2vw;display:flex;justify-content:center;display:none;}
.article_pics_swiper_box .swiper-pagination .swiper-pagination-bullet{width:.6vw;height:.6vw;display:inline-block;margin:0 .3vw;}
.article_pics_swiper_btn{width: 100%;display: flex;justify-content: flex-end;margin-top:1vw;}
.article_pics_swiper_btn .swiper_scroll_btn{background-color: var(--font-blue1-color);color: #fff;border:0;}
.article_pics_swiper_btn .swiper_scroll_btn i{color:#fff;}
.article_pics_swiper_btn .swiper_scroll_btn.swiper-button-disabled{cursor: not-allowed;}
.article_pics_swiper_btn .swiper_scroll_btn:hover{background-color: var(--font-active-color);color: #fff;}
.article_date{color: #999;}
.article_date i{font-size:var(--font-17);margin-right: .3vw;}

.article_tags{margin-top: 2vw;}
.article_tags a{margin-left: .5vw;height:inherit;line-height: inherit;padding: .2vw .5vw;font-size: var(--font-15);border-radius: var(--radius);}
.article_tags a:hover{background-color: var(--font-active-color)!important;color: #fff!important;}

.article_sarch{padding: 8vw 0 5vw;background: var(--font-hui-color);}
.tag_list_btn .layui-btn{width: 100%;}
.tag_list_btn .layui-btn:hover{background-color: var(--font-active-color);color: #fff;border-color: var(--font-active-color);}

.article_share{background-color:#f0f1fa;height:4vw;display:flex;justify-content:space-between;align-items:center;padding:0 1.5vw;margin-top:3vw;position:relative;z-index:100;color: var(--font-color);border-radius: var(--radius);}
.article_share dt{font-weight: bold;;text-transform:uppercase;font-size: var(--font-16);}
.article_share dd{display:flex;justify-content:flex-end;align-items:center}
.article_share .social_share a{display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:var(--font-20);width:1.7vw;height:1.7vw;margin:0 0 0 1vw;border-radius:50%;text-align:center;background-color:var(--font-blue1-color);color:#fff;transition:all 300ms ease-in-out 0s}
.article_share .social_share .digg_a{font-size:var(--font-15);line-height:0.521vw}
.article_share .social_share .digg_a span{font-size:var(--font-12);}
.article_share .social_share .digg_a em{font-size:var(--font-11);font-style:normal;margin-top:3px;}
.article_share .social_share a:hover{background-color:var(--font-active-color);-webkit-transition:all 0.2s ease;transition:all 0.2s ease}

.article_order{margin-top:2vw;padding:1.042vw 0;border-top:#e1e1e1 solid 1px;border-bottom:#e1e1e1 solid 1px;position:relative;background-color:rgba(0,0,0,0);color: var(--font-color);}
.article_order.flex{display:flex;justify-content:space-between}
.article_order dt{position:absolute;right:0;top:50%;margin-top:-0.521vw}
.article_order dd:first-of-type::before{display:inline-block;content:'\e603';margin-right:.6rem;font-family:'layui-icon';font-size: var(--font-12);}
.article_order dd:last-of-type::after{display:inline-block;content:'\e602';margin-left:.6rem;font-family:'layui-icon';font-size: var(--font-12);}
.article_order.flex dd:first-of-type::before{content:'\e603'}
.article_order.flex dd:last-of-type::before{display:none}
.article_order.flex dd:last-of-type::after{display:inline-block;content:'\e602';margin-left:.6rem;font-family:'layui-icon'}
.article_order dd{line-height:2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.article_order dd:last-of-type{text-align: right;}
.article_order a{color: var(--font-color);}

.tag_listall{margin-top:2vw;font-size: var(--font-16);}

/*
CONTACT
*/
.contact_from{margin-top: 3vw;}
.contact_from .layui-form-item:last-of-type{margin: 1.5vw 0 0;}
.contact_from .layui-input-wrap ,.contact_from .layui-input-affix{line-height: 2.083vw;}
.contact_from .layui-input-wrap.last {display: flex;align-items: flex-start;line-height: initial;}
.contact_from .layui-input-wrap.last .layui-input-prefix{line-height: 2.083vw;}
.contact_from .layui-input-prefix i{font-size: var(--font-16);}
.contact_from .layui-form-item.required .layui-input-affix{display: flex!important;align-items: center;}
.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-form-item .layui-textarea{font-size:var(--font-15);background: none;border-radius:3px;line-height:initial;}
.contact_from .layui-form-select dl{max-width: 100%;margin: 0;top: inherit;max-height: 25vw;}
.contact_from .layui-form-select dl dd{font-size:var(--font-16);}
.contact_from .layui-form-select dl dd.layui-this{color: var(--font-active-color);}
.contact_from .layui-form-select dl .layui-select-none{font-size:var(--font-16);}
.contact_from .layui-input:focus, .contact_from .layui-textarea:focus{box-shadow: 0 0 0 3px rgba(65,191,151,0.08);}
.contact_from .layui-form-item .layui-bg-blue{background-color:var(--font-active-color)!important;}
.contact_from .layui-form-item .layui-btn-primary{border: none;color: var(--font-active-color);}
.contact_from .layui-form-item .layui-btn{display: flex;height: 2vw;align-items: center;justify-content: center;font-size: var(--font-18);}
.contact_from .layui-form-checkbox > div{white-space: inherit;font-size: var(--font-16);padding-right:6px;margin-top: 0;line-height: 1.5;}
.contact_from .layui-form-item .layui-form-checkbox[lay-skin="primary"]{margin-top: 0;padding-left: 1.4vw;display: flex;align-items: center;justify-content: center;min-width:auto;min-height: auto;}
.contact_from .layui-form-item a{text-decoration: underline;font-size: var(--font-16);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: 1vw;height: 1vw;display: flex;align-items: center;justify-content: center;font-size: var(--font-12);top: 2px;}

.contact_from .checkbox_box{display: flex;align-items: center;}
.contact_from .checkbox_box .layui-form-checkbox > div{margin-right: .6vw;}

.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.flex .layui-input-wrap .layui-input{border-top-right-radius: 0;border-bottom-right-radius: 0;}
.contact_from .layui-form-item .codeimg{height: 2.083vw;}
.contact_from .layui-form-item.flex .layui-btn{width: 15vw;}
.contact_from .layui-form-item .form_tip_text{font-size: var(--font-15);display: flex;align-items: center;margin-top: 3px;}
.contact_from .layui-form-item .form_tip_text i{margin-right: 3px;}

.contact_from .layui-form-item.required .layui-textarea + .layui-input-affix{align-items: flex-start;}

.contact_from .layui-form-item.justify_end .layui-btn{width: 100%;height: 2vw;}
.lay-textarea-word-limit {position: absolute;right: 5px;bottom: 5px;color: #5f5f5f;font-size: var(--font-12); user-select: none;line-height: 1.6;}
.contact_from .iti{width: 100%;}
.contact_from .iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country-primary{border-top-left-radius: 100vw;border-bottom-left-radius: 100vw;padding-left: 1vw;}
.contact_from .iti--inline-dropdown .iti__country-list{max-height: 30vh;}

.contact_from .layui-input, .contact_from .layui-textarea, .contact_from .layui-select{color:var(--font-color);}
.contact_from input::placeholder,.contact_from  textarea::placeholder { color: #ccc; }  


.index_form{height:var(--i-window-height);background-color: var(--font-active-color);position: relative;overflow: hidden;color: #fff}
.index_form_bg{width: 100%;height: 100%;object-fit: cover;transition:all .5s ease-in-out 0s;z-index: 1;position: relative;}
.index_form_bg.fliter{-webkit-filter: blur(10px);-moz-filter: blur(10px);filter: blur(10px);filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=false);-moz-transform: scale(1.01);-webkit-transform: scale(1.01);-o-transform: scale(1.01);transform: scale(1.01);transition:all .5s ease-in-out 0s} 
.index_form_text{width: 100%;height: 100%;position: absolute;left: 0;top: 0;padding: 5vw 0;z-index: 2;}
.index_form .name{text-align: center;font-size: var(--font-34);font-weight: bold;}
.index_form .des{text-align: center;font-size: var(--font-16);margin-top: .8vw;}
.index_form .contact_from{width: 32.29vw;margin: 4vw auto 0;box-shadow: 0 0 5px 5px rgba(0,0,0,.2);padding:4.79vw 4.06vw 1.56vw;border-radius: var(--radius);}
.index_form .contact_from .layui-input-wrap{position: relative;z-index: 2;}
.index_form .contact_from .layui-form-item:not(:last-of-type):before{display: block;width: 100%;height: 100%;content: '';position: absolute;left: 0;top: 0;border-radius: 8px;background: rgba(17, 47, 117, 0.4);}
.index_form .contact_from .layui-input{border: none;box-shadow: none;padding-left: 2vw;color: #fff}
.index_form .contact_from .layui-textarea{border: none;resize: none;box-shadow: none;border-radius: 5px;color: #fff;line-height:initial;}
.index_form .contact_from .layui-input-prefix {width: 2vw;padding: 0;}
.index_form .contact_from .layui-input-prefix i{font-size: var(--font-16);color: #fff}
.index_form .contact_from .layui-input-wrap .layui-input-prefix + .layui-textarea{padding:.5vw 1.5vw .5vw 2vw;min-height: 8vw;line-height: 1.6;resize: none;}
.index_form .lay-textarea-word-limit ,.index_form .contact_from input::placeholder ,.index_form .contact_from textarea::placeholder{color: rgba(255, 255, 255, .7);} 




.contact_box{padding: 0 0 4vw;}
.contact_box .contact_from{display: flex;justify-content: space-between;flex-wrap: wrap;}
.contact_box .contact_from .layui-form-item ,.contact_box .contact_from .layui-form-group{width:47%;}
.contact_box .contact_from .layui-form-item{margin:2vw 0 0;}
.contact_box .contact_from .layui-form-item label{display: block;font-weight: bold;font-size: var(--font-16);margin-bottom: 8px;}
.contact_from .layui-form-item label em{color: #ff0000;margin-left: 3px;font-style: normal;display: inline-block;vertical-align:middle;}
.contact_box .contact_from .layui-form-item.one ,.contact_box .contact_from .layui-form-group .layui-form-item{width: 100%;}
.contact_box .contact_from .layui-input{background-color: var(--font-gray-color);border-radius: 100vw;padding-left: 1vw;padding-right: 2vw;}
.contact_box .contact_from .layui-textarea{background-color: var(--font-gray-color);border-radius: 1vw;padding:.5vw 1vw;resize: none;font-size: var(--font-16);white-space: pre-wrap;line-height:initial;}
.contact_box .contact_from .layui-form-group .layui-form-item .layui-textarea{height:10vw;padding:1vw;}
.contact_box .contact_from .layui-form-item.justify_end .layui-btn{height: 2.8vw;border-radius: 100vw;margin-top: 2vw;}
.contact_box .contact_from .layui-input-suffix{right: .6vw;width: inherit;}
.contact_box .contact_from .layui-form-select .layui-edge{right:.8vw;border-top-color: var(--font-active-color);}
.contact_box .contact_from .layui-form-select .layui-input{border-color: var(--font-active-color);}
.contact_box .contact_from .layui-form-select dl{border-radius: var(--radius);}
.contact_box .contact_from .layui-form-select dl dd{padding: 0 1vw!important;}



.contact_info{background-color: var(--font-gray-color);padding: 2vw 2.5vw;margin-top: 2vw;border-radius: 3px;height: calc(100% - 2vw);display: flex;flex-direction: column;justify-content: center;}
.contact_info .title{text-align: center;font-size: var(--font-28);font-weight: bold;}
.contact_info .item{display: flex;margin-top: 1.5vw;align-items:flex-start;}
.contact_info .item:nth-of-type(3){margin-top: .8vw;}
.contact_info .item > i{font-size: var(--font-26);color: var(--font-active-color);margin-right: 10px;line-height: 1;}
.contact_info .item em{display:block;font-style: normal;margin-top: .5vw;font-size: var(--font-16);color: #595959;}
.contact_info .link{display: flex;align-items: center;}
.contact_info .link a{width: 2vw;height: 2vw;background-color: var(--font-blue1-color);color: #fff;border-radius: 5px;margin-right: .8vw;display: flex;align-items: center;justify-content: center;}
.contact_info .link a i{font-size: var(--font-22);}
.contact_info .link a:hover{background-color: var(--font-active-color);}

.skin_inquire.layui-layer ,.skin_inquire.layui-layer .layui-layer-content{border-radius: var(--radius);}
.inquire_box{width: 55vw;max-width: 1200px;display: flex;justify-content: space-between;}
.inquire_box .contact_info{margin:0;width: 50%;padding: 2vw;justify-content: flex-start;height:inherit;}
.inquire_box .contact_info .item{font-size: var(--font-18);}
.inquire_box .contact_from{width: 50%;padding: 2vw 3vw;margin: 0;}
.inquire_box .contact_info .title,.inquire_box .contact_from .title{text-align: center;font-size: var(--font-26);font-weight: bold;text-transform: uppercase;}
.inquire_box .contact_from .layui-form-item{margin: 1.5vw 0 0 0;}
.inquire_box .contact_from  .layui-btn{width: 100%;height: 2vw;}
.inquire_box .contact_from .layui-input{padding-left: 1.8vw;padding-right: 1vw;border-radius: 5px;background-color: var(--font-gray-color);}
.inquire_box .contact_from .layui-textarea{padding:.25vw 1.5vw .5vw 1.8vw;resize: none;font-size: var(--font-16);height: 3vw;line-height: 1.6;border-radius: 5px;background-color: var(--font-gray-color);line-height:initial;}
.inquire_box .contact_from .layui-input-prefix {width: 2vw;padding: 0;}
.inquire_box .contact_from .layui-input-prefix i{font-size: var(--font-17);}
.inquire_box .contact_from .layui-input-suffix{right: 0;width: inherit;}
.inquire_box .contact_info .item > i{line-height: 1.2;}



.skin_box_slide.layui-layer{top: inherit!important; bottom: 8vw!important;border-top-left-radius: 100vw;border-bottom-left-radius: 100vw;overflow: hidden;}
.skin_box_slide .layui-layer-content{padding: 1.2vw 2vw 1.2vw 3vw;font-size: var(--font-17);}


/*
FOOTER
*/
.footer{background: var(--font-blue-color) url(/static/images/footer_bg_new.jpg) repeat center;background-size: 100%;padding: 3.6vw 0;color: #fff;position: relative;z-index: 2;font-family:"Poppins",'ArialMT','Arial'}
.footer a{color: #fff;}
.bottom_logo img{height: 1.3vw;}
.footer_info{display: flex;justify-content: space-between;margin-top: 3vw;}
.footer_con{width: 26%;}
.footer_info .item:not(:first-of-type){margin-top: 1.1vw;}
.footer_info .item .ico{display: block;color: var(--font-blue1-color);display: flex;align-items: center;margin-bottom: .3vw;}
.footer_info .item .ico i{margin-right: .3vw;}
.footer_info .item strong{font-size: var(--font-24);line-height: 1;}
.footer_info .item.email{margin-top: 2.5vw;white-space: nowrap;}


.footer_info .footer_nav{display: flex;flex-wrap: wrap;background: none;border-radius: 0;width:64%;margin:0;justify-content: space-between;padding: 0;}
.footer_info .footer_nav .layui-nav-item{width: auto;}

.footer_nav .layui-nav-item:last-of-type{width: 100%;margin-top: .8vw;}

.footer_link{display: flex;align-items: center;margin-top: 2vw;border-bottom: rgba(255, 255, 255, .4) solid 1px;}
.footer_link a:not(:last-of-type){margin-right: .8vw;}
.footer_link i{font-size: var(--font-32);transition:all 300ms ease-in-out 0s;position: relative;}
.footer_link a:hover i{color:var(--font-blue1-color);}



.footer_nav .layui-nav-item a{padding: 0;height: inherit;line-height: initial;font-size: var(--font-16);color: #fff;display: inline-block;}
.footer_nav .layui-nav-itemed > a{pointer-events: none;}
.footer_nav .layui-nav-item:last-of-type > a{pointer-events:auto;}
.footer_nav .layui-nav-item > a{font-size: var(--font-20);font-weight: bold;}
.footer_nav .layui-nav-item a .layui-nav-more{display: none;}
.footer_nav .layui-nav-child{background:none;padding: 0;line-height: 1.4;}
.footer_nav .layui-nav-child dd{margin-top: .6vw;display: flex;flex-direction: column;}
.footer_nav .layui-nav-child dd a:hover{color: var(--font-blue1-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;}


.layui-fixbar{margin:0;padding:0;}
.layui-fixbar li{width: var(--font-50);height:var(--font-50);line-height:inherit;border-radius: 50%;font-size: var(--font-30);display: flex;justify-content: center;align-items: center;position: relative;}
.layui-fixbar .iconfont{font-size: var(--font-30);}
.layui-fixbar .fonttop{background-color: #fff!important;color: var(--font-active-color);margin-top: 10px;font-size: var(--font-30);box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.05) inset;border-radius: 50%;overflow: hidden;}
.layui-fixbar .fonttop:hover{background: var(--font-active-color)!important;color: #fff;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,255,255,.5);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);}


.sitemap{margin: 2vw 0 0;border:#dedede solid 1px;}
.sitemap dt{font-weight: bold;background: var(--font-gray-color);padding: .8vw 1vw;font-size: var(--font-18);}
.sitemap dt a ,.sitemap dd a:hover{color: var(--font-active-color);}
.sitemap dd{display: flex;padding:1.5vw 1vw;flex-wrap: wrap;}
.sitemap dd a{margin-right:2vw;}
.sitemap dd .inquire_box{width: 100%;max-width: 100%;}


.skin_footer{border-radius: 0!important;background: rgba(255, 255, 255, .8)!important;}
.skin_footer .block{display: flex;align-items: center;justify-content: space-between;padding: 2vw 0;}
.skin_footer .block .text{width: calc(100% - 20vw);}
.skin_footer .block .text .on{text-decoration: underline;}
.skin_footer .block .btns{display: flex;justify-content: flex-end;align-items: center;}
.skin_footer .block .btns a{width:6vw; border-radius:100vw;margin: 0;height: auto;line-height: auto;padding: .3vw 1vw;background:#2064a3;color: #fff;display: flex;align-items: center;justify-content: center;position: relative;}
.skin_footer .block .btns a:hover{background: var(--font-blue2-color);}
.skin_footer .block .btns a:not(:first-of-type){margin-left: 1vw;}
.skin_footer .layui-layer-setwin .layui-layer-close2{right: -10px;top: -5px;border: 0;color: var(--font-color);background: none!important;border-radius: 0;}

.skin_label{width: 70vw;max-height: 87vh;}
.skin_label .layui-layer-title{background-color: var(--font-active-color);color: #fff;font-size: var(--font-20);padding: 0 2vw;height: 3vw;line-height: 3vw;}
.skin_label .layui-layer-content{padding: 2vw;overflow: auto;height: 76vh;}
.skin_label.full{max-height: 100%;}
.skin_label.full .layui-layer-content{height: calc(100vh - 3vw)!important;}
.skin_label .layui-layer-setwin{top: 1vw;}
.skin_label .layui-layer-setwin span{color: #fff!important;}
.skin_label .layui-layer-setwin span::before,.skin_label .layui-layer-setwin span::after{border-color: #fff!important;}
.skin_label .layui-layer-setwin .layui-layer-min::before,.skin_blue .layui-layer-setwin .layui-layer-max::before, .skin_blue .layui-layer-setwin .layui-layer-max::after{border-color: #fff!important;}

/*
laypage
*/
#laypage{width:100%;padding:0;}
.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;}
.layui-laypage-default span{height: 2vw;line-height: 2vw;margin: 0;font-size: var(--font-16);margin: 0 .1vw;padding: 0 1.2vw;border: none;color: var(--font-color);}
.layui-laypage-default .layui-laypage-curr .layui-laypage-em{background-color: var(--font-active-color);left: 0;top: 0;padding: 0;}


.error_x{padding: 3vw;display: flex;justify-content: center;align-items: center;margin-top: 2vw;font-size: var(--font-16);width: 100%;}
.error_x i{margin-right: .5vw;font-size: var(--font-18);}

@media screen and (max-width:1600px) {
   :root{
    --font-100:100px;
    --font-90:90px;
    --font-80:80px;
    --font-70:70px;
    --font-60:60px;
    --font-55:55px;
    --font-50:50px;
    --font-48:48px;
    --font-44:44px;
    --font-40:40px;
    --font-36:36px;
    --font-34:34px;
    --font-32:32px;
    --font-30:30px;
    --font-26:26px;
    --font-24:24px;
    --font-22:22px;
    --font-20:20px;
    --font-19:19px;
    --font-18:18px;
    --font-17:17px;
    --font-16:16px;
    --font-15:15px;
    --font-14:14px;
    --font-13:13px;
    --font-12:12px;    
    --font-11:11px;
    --font-10:10px;
    --web-width:1200px;
    --web_paddinglr:20px;
    --web-width1:1000px;  
    --radius:10px;
    --swiper-navigation-size: 10px;
    --i-window-height:100vh;
  } 

  .header .menu{height: 70px;}
  .header_scrlltop{top: -70px}
  .header .logo img{height: 12px;}
  .menu_nav .layui-nav-item .layui-nav-child{padding-top: 50px;}

  .header_nav .layui-nav-item .parent_a ,.header_nav .layui-nav-item .layui-nav-child dd a ,.header_nav .inquire_btn .layui-btn span{font-size: var(--font-16);}
  .menu_nav .layui-nav-item.fliter_flag{padding-right: 4vw;}
  .index_about_scrollnum{padding: 3vw 0;}
  .index_solution .web_w ,.index_parnter .web_w ,.index_said .web_w{width: var(--web-width1);}
  .about_team .web_w{width: var(--web-width);}
  .footer_info .footer_nav{width: 60%;}

  .product_list .text .title strong{font-size: var(--font-24);}
  .product_list .text .des ,.about_advantage_pics .text .des{font-size: var(--font-17);}

  .product_page_banner .text{padding: 120px 0 80px;}
  .product_page_banner_item .list{width: 50%;}
  .product_td .item img{height: 36px;}
  .product_td .item span{font-size: var(--font-14);margin-top: 10px;}
  .product_page_banner .more_btn .layui-btn{width: 180px;}

  .product_select_title{font-size: var(--font-18);}
  .product_select_title strong{font-size: var(--font-24);text-align: center;line-height: 1.2;}
  .product_select_title span{text-align: center;margin-top: 5px;}
  
  .product_power_title{height: 40px;}
  .product_power_swiper .product_power_prev, .product_power_swiper .product_power_next{height: 100%;}

  .product_select_form .layui-btn{height: 40px!important;}

  .product_page_features .web_w{width: 90%;}
  .product_page_features_item .item .ico{width: 50px;height: 50px;}  
  .product_page_features_item .item .list{width: calc(100% - 70px);}
  .product_page_features_box .img{width: 30vw;}


  .layui-fixbar li{width: 50px;height: 50px;font-size: 20px;}
  
  .product_page_specification .web_w{width:var(--web-width);}

.layui-laypage-default{margin: 4% 0 0;}
.layui-laypage-default a{font-size: var(--font-15);height: 30px;line-height: 30px;padding: 0 15px;margin: 0 5px;}
.layui-laypage-default a.page-num{font-size: var(--font-15);padding: 0 15px;}
.layui-laypage-default span{height: 30px;line-height: 30px;margin: 0;font-size: var(--font-15);margin: 0 5px;padding: 0 15px;}

}

@media screen and (max-width:1366px) {
  :root{   
   --web-width:1200px;
   --web-width1:1000px;
 } 
 .footer_info .footer_nav{width: 59%;}
}

@media screen and (max-width:1280px) {
  :root{   
   --web-width:96%;
   --web-width1:80%;
 } 
}

@media screen and (max-width:768px) { 
:root{
    --swiper-navigation-size: 20px;
    --font-100:26.667vw;
    --font-90:24vw;
    --font-80:21.333vw;
    --font-70:18.667vw;
    --font-60:16vw;
    --font-55:14.667vw;
    --font-50:13.021vw;
    --font-48:12.8vw;
    --font-44:11.733vw;
    --font-40:9.346vw;
    --font-36:8.411vw;
    --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.406vw;
    --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%;
    --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-active-color);border-top-color: transparent;}
body.fliterYx{padding-right: 0;}
body::before{height: 100vh;}

.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;}
.ue_flex.last{flex-direction: column-reverse;}
.ue_flex .ue_flex_item:not(:first-of-type){margin: 4vw 0 0 0;}
.ue_flex.last .ue_flex_item:not(:last-of-type){margin: 4vw 0 0 0;}
.ue_flex_5 .ue_flex_item:first-of-type{width: 100%;}
.ue_flex_5 .ue_flex_item:last-of-type{width: 100%;}
.ue_flex_3 .ue_flex_item:first-of-type{width: 100%;}
.ue_flex_3 .ue_flex_item:last-of-type{width: 100%;}
.ue_flex .ue_flex_item img{display: block;width: 100%!important;height: auto!important;}


/*
header
*/
.header_scrlltop{top:0;}
.menu_nav .layui-nav-item .layui-nav-child dd{padding-bottom: 0;}
.menu_nav .layui-nav-item .layui-nav-child dd a::after{display: none;}
.fliterYx .header:after ,.menu_nav .layui-nav-item .layui-nav-child dd a:hover:after{display: none;}
.header.fixed{position: fixed;box-shadow: none;}
.header .menu{display: flex;align-items: center;justify-content: space-between;width: 100%;height:14vw;} 
.fliterYx .header .menu{padding-right:0;}
.header .logo{display: flex; align-items: center;position: relative;overflow: hidden;height: 100%;margin-left: 3vw;}
.header .logo img{display: block;height:2.4vw;}
.mobile_menu_btn{display: flex;}
.header_nav{background:none;display: flex;align-items: center;position: static;padding: 0;height: 100%;}
.header_nav .layui-nav-item{line-height: initial;}

.header_nav .layui-nav-item .parent_a{padding: 0;font-size: var(--font-18);display: flex;align-items: center;color: #fff;}
.header_nav .layui-nav-more{position: relative;right: 0;margin-left: 5px;}


.header_nav .layui-nav-item .layui-nav-child dd{margin: 0;}
.header_nav .layui-nav-item .layui-nav-child dd a{padding:0;display: flex;align-items: center;justify-content: flex-start;font-size: var(--font-16);}
.header_nav .layui-nav-item .layui-nav-child dd a:hover{background:none;}
.header_nav .inquire_btn{position: absolute;right: 50px;}
.header_nav .inquire_btn .parent_a{background-color: var(--font-active-color);border-radius: 1000vw;border: 0;padding: 1.5vw 2.5vw;}
.header_nav .inquire_btn .parent_a span{font-size: var(--font-13);}

.header_nav .language_btn{margin-left:0;position: absolute;right: 50px;display: none;}
.header_nav .language_btn .parent_a{font-size: var(--font-16);padding: 10px 0;}
.header_nav .language_btn .layui-nav-child dd a{justify-content: center;font-size: var(--font-14);padding: 3px 10px;}
.header_nav .language_btn .layui-nav-child dd a:hover{background-color: var(--font-active-color);}
.header_nav .language_btn .layui-nav-child dd a img{height: 14px;margin-right: 6px;}


.menu_nav{display: none;}
.skin_menu{width: 65%;height: 100%;border-radius: 0!important;background-color: rgba(2,22,48,.73)!important;box-shadow: 0!important;}
.skin_menu .layui-layer-title{font-size: var(--font-15);height: 14vw;display: flex;align-items: center;padding: 0 3vw 0 3vw;color: #fff;border-bottom: rgba(255, 255, 255, .5) solid 1px;font-weight: normal;}
.skin_menu .layui-layer-title a ,.skin_menu .layui-layer-setwin span{color: #fff;}
.skin_menu .layui-layer-title a{width: calc(100% - 50px);}
.skin_menu .layui-layer-setwin{right: 10px;}
.skin_menu .layui-layer-content{overflow-x: hidden!important;}
.skin_menu .menu_nav{display: flex;flex-direction: column;align-items: flex-start;height: auto;width: 100%;}
.skin_menu .menu_nav .layui-nav-item{margin: 0!important;padding:0!important;position: relative;height: auto;width: 100%;display: flex;flex-direction: column;}
.skin_menu .menu_nav .layui-nav-item .parent_a{padding: 0 3vw;height: 14vw;font-size: var(--font-15);display: flex;align-items: center;justify-content: space-between;width: 100%;border-bottom: rgba(255, 255, 255, .5) solid 1px;}
.skin_menu .menu_nav .layui-nav-item .parent_a.layui-btn{border-radius: 0;border: none;height: auto;}
.skin_menu .menu_nav .layui-nav-item .parent_a.layui-btn span{border-radius: 100vw;border: solid 1px rgba(255, 255, 255, .5);display: flex;align-items: center;justify-content: center;width: 80%!important;margin-top: 10vw;font-size: var(--font-15);width: 100%;display: flex;align-items: center;justify-content: center;line-height: auto;height: 9vw;}
.skin_menu .menu_nav .layui-nav-item.layui-nav-itemed .parent_a{color: #fff!important;}
.skin_menu .menu_nav .layui-nav-item .flex{flex-direction: column;justify-content: flex-start;padding: 2vw 0!important;}
.skin_menu .menu_nav .layui-nav-child{top:0;padding: 1vw 3vw;border: 0;border-bottom:#F0F0F0 solid 1px;border-radius: 0;}
.skin_menu .menu_nav .layui-nav-item .layui-nav-child dd{margin-right:0;}
.skin_menu .menu_nav .layui-nav-item .layui-nav-child dd a{padding: .8vw 0;background: none!important;font-size: var(--font-15);}
.skin_menu .menu_nav .layui-nav-item.layui-this ,.skin_menu .menu_nav .layui-nav-item.layui-this a{background: none;}
.skin_menu .menu_nav .layui-nav-item.layui-this::after{display: none;}
.skin_menu .menu_nav .layui-nav-bar{display: none;}

.skin_menu .footer_info{margin-top: 10vw;color: #fff;padding: 0 3vw;}
.skin_menu .footer_info a{color: #fff;}

/**
INDEX_BANNER
**/
.index_banner_swiper .text{padding-bottom: 15vh;padding: 0 3vw;}
.index_banner_swiper .text .ico{width: 45vw;height: auto;margin: 0 auto;}
.index_banner_swiper .text .title{font-size:var(--font-16);max-width: 80%;margin: 5vw auto 0;}


.swiper_pagination_item{margin-right:10px;}
.swiper_pagination_icon{width:30px;height:5px;}
.index_banner_pagination{bottom:15px !important;padding:0 3vw;width: 100%;display: flex;justify-content: center;}

.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;}

/*
Banner
*/
.banner{height: var(--i-window-height);}
.banner .text{padding: 25vw 3vw 0;font-size: var(--font-18);}
.banner .text .title{font-size: var(--font-20);}
.banner .text .des{margin-top: 4vw;width: 100%;font-size: var(--font-15);}
.banner .text .des br{display: none;}
.banner .text .more_btn{margin-top: 10vw;}
.banner .text .more_btn .layui-btn{font-size: var(--font-15);padding-left: 10vw;padding-right: 10vw;}

.banner_text{padding: 25vw 3vw 10vw;}
.banner_text .title{font-size: var(--font-18);}
.banner_text .des{margin-top: 2vw;width: 100%;font-size: var(--font-14);}

.about_company .text{padding: 25vw 3vw 6vw;}
.about_company .text .about_subtitle{font-size: var(--font-14);}

/*
BUTTON
*/
.more_btn .layui-btn{height: auto;line-height: initial;padding: 1.2vw 6vw;font-size: var(--font-13);}

.index_solution .web_w, .index_parnter .web_w, .index_said .web_w{width: 100%;}


/*
ABOUT
*/
.index_about_scrollnum{padding: 8vw 0;}
.index_about_num{padding:0 3vw;}
.scrollnum_title sup{font-size: var(--font-14);}
.scrollnum_number{font-size: var(--font-20);}
.scrollnum_label{font-size: var(--font-14);}
.scrollnum_text{line-height: 1.2;font-size: var(--font-13);margin-top: 1vw;}
.index_about_scrollnum .scrollnum_item{width: 25%;}

.about_num{justify-content: space-between;}
.about_num .item{margin: 0;width: 33.33%;}
.about_num_title{font-size: var(--font-18);}
.about_num_des{font-size: var(--font-13);margin-top: 0;line-height: 1.4;}

.about_team{padding: 12vw 3vw;}
.about_team .web_w{padding: 0;width: 100%;}
.about_team::before{display: block;content: '';width: 80vw;height: 68vw;bottom: -40vw;}
.about_team_name{padding-left:0;}
.about_title{font-size: var(--font-20);line-height: 1.4;}
.about_subtitle{font-size: var(--font-15);margin-top: 1vw;line-height: 1.4;}
.about_team .about_subtitle{margin-top: 0;}
.about_team_swiper{display: flex;align-items: flex-start;margin-top: 8vw;z-index: 2;padding-bottom: 3vw;}
.about_team_swiper .swiper-slide{display: flex;flex-direction: column;width: 100%;justify-content: flex-start;}
.about_team_swiper .swiper-slide .img_box{display: flex;align-items: center;}
.about_team_swiper .img{width: 30%;border: #fff solid 2px;}
.about_team_swiper .img_box .item{width: 70%;padding-left: 4vw;}
.about_team_swiper .text{display: flex;flex-direction: column;padding: 0;position: relative;z-index: 1;width: 100%;margin-top: 2vw;}
.about_team_swiper .swiper-slide .title{font-size: var(--font-17);font-weight: bold;margin-bottom: .5vw;}
.about_team_swiper .swiper-slide .subtitle{font-size: var(--font-15);font-weight: bold;}
.about_team_swiper .text .des{margin-top: 3vw;font-size: var(--font-15);max-width: 100%;}
.about_team_swiper_btn{position: absolute;right: 0;bottom:-6vw;z-index: 3;}

.about_other{height: 50vh;color: #fff;background-color: var(--font-blue-color);}
.about_other .img{height: 100%;object-fit: cover;}
.about_other .text{padding-top: 8vw;}
.about_other .about_subtitle{max-width: 90%;margin: 3vw auto 0;}


.about_business{padding: 8vw 3vw 10vw;}
.about_business_swiper{margin-top: 8vw;padding-bottom: 8vw;}
.about_business_swiper .text{position: absolute;width: 100%;left: 0;bottom:-3vw;color: #fff;z-index: 10;padding:0 3vw 3vw;}
.about_business_swiper .text .title{height: 12vw;display: flex;font-size: var(--font-14);}
.about_business_swiper .text .des{font-size: var(--font-14);line-height: 1.4;}
.about_business_swiper .img::before{padding-bottom: 160%;}
.about_business_swiper .img::after{height: 12vw;}

.about_business_swiper .swiper-pagination{bottom: 0;}
.about_business_swiper .swiper-pagination-bullet{background-color: #fff;}

.about_other .about_subtitle br ,.about_business .about_subtitle br ,.about_team .about_subtitle br ,.about_advantage .about_subtitle br{display: none;}

.about_advantage{padding: 12vw 3vw;}
.about_advantage_pics .item{margin-top: 8vw;}
.about_advantage_pics .text{padding: 4vw 0;flex-direction: column;}
.about_advantage_pics .text .title{width: 100%;font-size: var(--font-16);font-weight: bold;border-bottom: #fff solid 1px;padding-bottom: 3vw;margin-bottom: 3vw;text-align: left;}
.about_advantage_pics .text .des{width: 100%; border: none;;padding-left: 0;font-size: var(--font-15);}

.about_case_scroll{padding: 12vw 0 14vw;}
.about_case_swiper{margin-top: 8vw;padding-bottom: 13vw;}
.about_case_swiper .text{padding:3vw 5vw;}
.about_case_swiper .text .title{font-size: var(--font-15);margin-bottom: .7vw;}
.about_case_swiper .img::after{height: 19vw;}
.about_case_swiper .img .text .des{font-size: var(--font-14);height: 8vw;}
.about_case_swiper .img:hover .text .des{height:17vw;}
.about_case_swiper_btn .swiper_scroll_btn i{font-size:16px;}

.about_honer{padding: 6vw 3vw;}
.about_honer_list{display: flex;flex-direction: column;margin:0;}
.about_honer_list .item{padding:0;margin-bottom: 3vw;}
.about_honer_list .box{flex-direction: column;;padding:8vw 4vw;}
.about_honer_list .item .img{width: 20%;}
.about_honer_list .item .text {width: 100%;margin-top: 3vw;}
.about_honer_list .item .text .title{font-size: var(--font-20);text-align: center;}
.about_honer_list .item .text .des{font-size: var(--font-15);margin-top: 3vw;}
.about_honer_list .item .text .btn{display: flex;align-items: center;margin-top: 5vw;}
.about_honer_list .item .text .btn a{color: var(--font-blue1-color);font-size: var(--font-16);font-weight: bold;}
.about_honer_list .item .text .pro{display: flex;flex-direction: column;margin-top: 3vw;font-size: var(--font-15);}
.about_honer_list .item .text .pro strong{font-size: var(--font-16);margin-top: 1vw;}

/*
parnter
*/
.index_parnter{padding: 8vw 3VW;}
.index_parnter_item{flex-direction: column;}
.index_parnter_item .text{width: 100%;}
.index_parnter_item .text .title{font-size: var(--font-20);}
.index_parnter_item .text .des{margin-top: 2vw;font-size: var(--font-15);}
.index_parnter_item .text .more_btn{margin-top: 5vw;}
.index_parnter_item .pics{width: 100%;margin:8vw 0 0;}
.index_parnter_item .pics .item{padding: 4vw;width: calc(50% - 1.5vw);margin-top: 3vw;}
.index_parnter_item .pics .item img{height: 8vw;width: 8vw;}
.index_parnter_item .pics .item .des{margin-top: 2vw;font-size: var(--font-13);}

.index_customers{padding: 4vw 0 10vw;}
.index_customers .name{font-size: var(--font-20);}
.index_customers_swiper{margin-top: 4vw;}


/*
CASE
*/
.index_case{padding: 10vw 0 12vw;}
.index_case .name{font-size: var(--font-20);position: relative;;max-width: 70%;margin: 0 auto;}
.index_case_swiper{margin: 4vw 0 0;padding: 0;}
.index_case_swiper::before,.index_case_swiper::after{display: none;}
.index_case_swiper_btn{bottom: -4vw;}
.index_case_swiper .text{padding: 5vw;}
.index_case_swiper .text .title{font-size: var(--font-16);}
.index_case_swiper .text .des{font-size: var(--font-15);margin-top: 5vw;}


/*
SAID
*/
.index_said{padding: 10vw 3vw;}
.index_said .name{font-size: var(--font-20);}
.index_said_new_swiper_box{margin-top: 5vw;display: flex;flex-wrap: wrap;justify-content: flex-end;}
.index_said_new_swiper {width: 100%;}
.index_said_new_swiper .swiper-slide{display: flex;flex-direction: column-reverse;}
.index_said_new_swiper .item_text{width: 100%;margin-top: 5vw;}
.index_said_new_swiper .item_text i{font-size: var(--font-26);}
.index_said_new_swiper .swiper-slide{padding-top:0;}
.index_said_new_swiper .swiper-slide .item_text{padding-bottom: 0;}
.index_said_new_swiper .swiper-slide .item_text .des{margin-top: 2vw;font-size: var(--font-16);}
.index_said_new_swiper .swiper-slide .item_text .title{margin-top: 6vw;font-size: var(--font-15);flex-direction: column;}
.index_said_new_swiper .swiper-slide .item_text .title::before{display:block;content: '';width:12vw;margin: 0 0 3vw 0;}
.index_said_new_swiper .item_img{width: 100%;;}
.index_said_new_swiper .item_img::before{display: none;}
.index_said_new_swiper .item_img .img{left:0;top:0;}
.index_said_new_swiper .item_img .img::after{display: block;content: '';padding-bottom: 80%;}

.index_said_new_swiper_box .swiper_scroll_btn{position: relative;top: 0;transform: translateY(0);opacity: .5;margin-top: 3vw;}
.index_said_new_swiper_box .index_said_new_prev{left: 0;margin-right: 10px;}
.index_said_new_swiper_box .index_said_new_next{right: 0;margin-right: 8.5vw;}



.said_list_banner{margin: 0;}
.said_list_banner .swiper-slide .img::before{padding-bottom: var(--i-window-height);}



/*
PRODUCT
*/
.product_all_box{padding: 10vw 3vw 6vw;}
.product_all_item:not(:first-of-type){margin-top: 12vw;}
.product_all_item strong{font-size: var(--font-17);}
.product_all_item .layui-btn{font-weight: bold;font-size: var(--font-12);padding-left: 3vw;padding-right: 3vw;font-weight: normal;}

.product_list_swiper_box{position: relative;margin: 2vw 0 0;}
.prodict_list_swiper{padding:0;margin: 0;}
.prodict_list_swiper .swiper-slide{margin-top: 3vw!important;}
.prodict_list_swiper .img .standard{left: 5%;top: 3%;font-size: var(--font-11);}
.prodict_list_swiper .title{margin-top: 1.5vw;}
.prodict_list_swiper .title strong{font-size: var(--font-14);width: 100%;}
.prodict_list_swiper .title .more_btn{width: 22vw;font-size: var(--font-10);display: none;}
.prodict_list_swiper .list_group_link{display: flex;font-size: var(--font-12);margin-top: .5vw;flex-wrap: wrap;}
.prodict_list_swiper .list_group_link span:not(:last-of-type){margin-right: 1vw;}
.product_list_swiper_box .prodict_list_btn{background: none!important;}
.product_list_swiper_box .prodict_list_btn i {font-size: var(--font-20);}


.product_list_box{padding: 8vw 3vw;}
.product_list .item:not(:first-of-type){margin-top: 8vw;}
.product_list .item{flex-direction: column;}
.product_list .item .new{width: 20vw;height: 20vw;}
.product_list .item .new span{font-size: var(--font-14);font-weight: bold;position: absolute;right: 1.5vw;top: 2.5vw;}
.product_list .img_box{width: 100%;display: flex;justify-content: center;align-items: center;border-bottom-left-radius: 0;border-bottom-right-radius: 0;}
.product_list .img{width: 60%;}
.product_list .img::before ,.prodict_list_swiper .img::before{display: block;content: '';padding-bottom: 120%;}
.product_list .text{width:100%;padding: 7vw 6vw;border-radius: 8px; border-top-left-radius: 0;border-top-right-radius: 0;}
.product_list .text .title span{font-size: var(--font-16);margin-right: 3vw;padding: 0 3vw;}
.product_list .text .title .ico{display: block;height:5vw;margin-right: 3vw;width: auto;}
.product_list .text .title strong{font-size: var(--font-17);}
.product_list .text .des{margin-top: 3vw;font-size: var(--font-15);line-height: 1.6;}
.product_list .text .list_group_link{margin-top: 6vw;font-size: var(--font-14);}
.product_list .text .list_group_link span:not(:first-of-type){margin-top: 1vw;}
.product_list .text .list_group_link span::before{width: 8px;height: 8px;margin-right: 5px;}
.product_list .text .more_btn{text-align: right;font-weight: bold;}
.product_list .text .more_btn .layui-btn{font-size: var(--font-12);margin-top: 4vw;}

.soultion_product .product_list .text{width: 100%;padding: 5vw 6vw 6vw 6vw;}


.product_advantage{padding: 12vw 3vw;}
.product_advantage_list{flex-direction: column;}
.product_advantage_list .item{width: 100%;text-align: left;display: flex;justify-content: space-between;align-items: center;}
.product_advantage_list .item:not(:first-of-type){margin-top: 7vw;}
.product_advantage_list .item .img{border-radius: 50%;border: #fff solid 2px;width: 30%;}
.product_advantage_list .item .img .num{width: 70%;height: 70%;font-size: var(--font-40);}
.product_advantage_list .item .text{width: 70%;padding-left: 20px;}
.product_advantage_list .item .title{text-align: left;margin:0;font-size: var(--font-16);}
.product_advantage_list .item .des{margin-top: 1vw;font-size: var(--font-15);line-height: 1.4;}





.product_page_banner{height: auto;}
.product_page_banner .img::before{display: block;content: '';padding-bottom: var(--i-window-height);}
.product_page_banner .img img{width: 100%;height: 100%;object-fit: cover;position: absolute;left: 0;top: 0;}
.product_page_banner .text{padding: 15vw 3vw 12vw;position: relative;}
.product_page_banner .text .title{font-size: var(--font-20);}
.product_page_banner .text .des{margin: 3vw 0 0;font-size: var(--font-15);}
.product_page_banner .text .des span{margin-bottom: 3vw;padding: 1.2vw 4vw;}
.product_page_banner_item{flex-direction: column-reverse;}
.product_page_banner_item .list{width: 100%;}
.product_page_banner_item .pro_banner_pic{display: block;height:80vw;margin-left:0;width: auto;}
.product_td{margin-top: 4vw;display: flex;flex-wrap: wrap;width:100%;justify-content: space-between;}
.product_td .item {display: flex;flex-direction: column;justify-content: center;align-items:center;margin: 2vw 0 0 0;width: 30%;max-width: 30%;}
.product_td:after{width: 30%;display: block;content: '';}
.product_td .item img{display: block;height: 8vw;}
.product_td .item span{font-size: var(--font-14);margin-top: 1vw;}
.product_page_banner .more_btn{margin-top: 8vw;display: flex;justify-content: space-between;padding:0 3vw;}
.product_page_banner .more_btn .layui-btn{padding:1.2vw 9vw;font-size: var(--font-16);width: calc(50% - 1vw);}
.product_page_banner .more_btn .layui-btn i{margin-left: 2vw;font-size: var(--font-16);}

.product_page_box{padding: 10vw 0;}
.product_page_pics{box-shadow: 0 20px 20px 3px rgba(0, 0, 0, 0.02) inset;}
.product_page_pics .item{padding: 0 3vw;}
.product_page_pics .item ,.product_page_pics .item:nth-of-type(even){flex-direction: column-reverse;}
.product_page_pics .item:not(:first-of-type){margin-top: 10vw;}
.product_page_pics .img{width: 100%;border-radius: var(--radius);margin-top: 3vw;}
.product_page_pics .img::after{display: block;content: '';padding-bottom: 65.7%;}
.product_page_pics .text{width: 100%;padding-left: 0;text-align: center;}
.product_page_pics .item:nth-of-type(even) .text{padding: 0;}
.product_page_pics .text .title{font-size: var(--font-24);font-weight: bold;}
.product_page_pics .text .des{font-size: var(--font-15);margin-top: 2vw;}
/* .product_page_pics .text .des br + br{display: none;} */

.product_page_features{padding-bottom: 8vw;background: #fff;}
.product_page_features .web_w{width: 100%;}
.product_page_name{text-align: center;font-size: var(--font-24);}

.product_page_features_box{margin-top: 6vw;}
.product_page_features_item{flex-direction: column;}
.product_page_features_item .item{display: flex; width: 100%;margin:5vw 0 0;padding: 0 4vw;justify-content: space-between;align-items: center;}
.product_page_features_item .item .ico{width:15vw;height: 15vw;background: var(--font-blue1-color);border-radius: 50%;border:0;flex-shrink: 0;}
.product_page_features_item .item .ico img{display: block;width: 100%;height: 100%;object-fit: contain;transform: scale(.7);}
.product_page_features_item .item .list{width: auto;display: flex; flex-direction: column; align-items: flex-start;width: calc(100% - 19vw);}
.product_page_features_item .item:nth-of-type(odd){flex-direction: row;}
.product_page_features_item .item:nth-of-type(even) .list{align-items: flex-start;}

.product_page_features_item .item .list .title{font-size: var(--font-18);line-height: 1.4;font-weight: bold;width: 100%;}

.product_page_features_item .item .list .ms{margin-top: 1vw;font-size: var(--font-15);width:100%;line-height: 1.4;}
.product_page_features_item .item:nth-of-type(odd){flex-direction: row;text-align: left;}

.product_page_features_item .item:nth-of-type(1),.product_page_features_item .item:nth-of-type(5){transform: translateX(0);}
.product_page_features_item .item:nth-of-type(2),.product_page_features_item .item:nth-of-type(6){transform: translateX(0);}


.product_page_features_box .img{width: 60%;position: relative;left: 0;top:0;transform: translate(0,0);margin: 0 auto;}



.product_page_specification{padding: 20vw 3vw 6vw;}
.product_page_specification .web_w{width:100%;}
.product_page_specification table{border:0;margin-top: 6vw;width: 100%!important;table-layout:initial;}
.product_page_specification table tr td{border: 0;padding: 3vw;border-bottom: #f5f5f5 solid 1px;font-size: var(--font-15);text-align: center;}
.product_page_specification table tr:first-of-type td{border: 0;font-size: var(--font-15);font-weight: bold;word-break: break-all;padding:0 1vw;}
.product_page_specification table tr td:first-of-type{text-align: left;width:auto;padding-right: 3vw;}
.product_page_specification table tr:first-of-type td:first-of-type{padding: 3vw 1vw;}
.product_page_specification table tr.headTr td{padding: 6vw 0 0;border-bottom: none;}
.product_page_specification table tr td .title{background-color: #f5f5f5;font-weight: bold;font-size: var(--font-16);padding:3vw;display: flex;align-items: center;}
.product_page_specification table tr td .title::before{display: block;content: '\e67e';font-family: 'layui-icon';color: var(--font-active-color);font-size: var(--font-20);margin-right:3vw;position:relative;}
.product_page_specification table tr td p{margin: 0;}





.product_page_bottom{display: flex;flex-direction: column;}
.product_page_bottom .product_select_box{order: 1;}
.product_page_bottom  .product_page_specification{order: 2;}
.product_page_bottom  .product_order{order: 3;margin-top: 0;}

.product_select_box{padding: 0 3vw;position: relative;flex-direction: column;margin-top: 8vw;}
.product_select_img{width: 100%;height:auto;margin-top: 5vw;}
.product_select_img_item{display: flex;justify-content: space-between;height:auto;}


.product_select_fixed .product_select_img_item{position:static;top:0;width:100%;}
.product_select_end{align-items:flex-start!important}
.product_select_end .product_select_img_item{position:static;}


.product_accessory{width: 100%;height:auto;padding: 3vw;background-color: #f5f5f5;border-radius: var(--radius);margin-top: 3vw;}
.product_accessory.none{display: none;}
.product_accessory_swiper .img img{transform: scale(.7);}

.product_accessory_swiper .swiper-slide .layui-badge{font-size: var(--font-12);height:5vw;line-height:5vw;}
.product_accessory_swiper .swiper-slide .img a{position: absolute;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;position: absolute;left: 0;top: 0;font-size: var(--font-32);opacity: 1;}
.product_accessory_swiper .swiper-slide .img:hover a{opacity: 1;}
.product_accessory_swiper .swiper-slide .img:hover .layui-badge{opacity: 1;}
.product_accessory .swiper-button-prev{left: 0;top: 50%;margin: 0;transform: translate(0,-50%) rotate(0);}
.product_accessory .swiper-button-next{right: 0;top: 50%;bottom: initial;margin: 0;transform: translate(0,-50%) rotate(0);}
.product_accessory .swiper-button-prev::after,.product_accessory .swiper-button-next::after{font-size: var(--font-24);}


.product_select_img_item{display: flex;flex-direction: column-reverse;}
.product_img{width:100%;background-color: #f5f5f5;border-radius: var(--radius);}
.product_big_swiper{height:auto;}
.product_big_swiper .swiper_scroll_btn{position: absolute;top: 50%;transform: translateY(-50%);z-index: 10;border-color: var(--font-blue1-color);opacity: 1;transform: scale(.9);}
.product_big_swiper .swiper_scroll_btn i{color: var(--font-blue1-color);}
.product_big_swiper .swiper_scroll_btn:hover{background-color: var(--font-blue1-color);}
.product_big_swiper .swiper_scroll_btn:hover i{color: #fff;}
.product_big_swiper .product_big_prev{left: 2vw;}
.product_big_swiper .product_big_next{right: 2vw;}
.product_big_swiper:hover .swiper_scroll_btn{opacity: 1;}
.product_big_swiper .swiper-button-lock{display: none;}
.product_big_swiper .swiper-pagination{opacity: .8;}
.product_big_swiper .img::after{display: block;content: '';padding-bottom: 110%;}

.product_select_nav.layui-nav{margin-top: 3vw;}
.product_select_nav.layui-nav *{font-size: var(--font-16);}
.product_select_nav.layui-nav-tree .layui-nav-item.layui-nav-itemed{padding:0 0 5vw;}
.product_select_nav.layui-nav-tree .layui-nav-item > a{padding:2vw 4vw;font-size: var(--font-18);width: 100%;justify-content: center;border-radius: var(--radius);}
.product_select_nav.layui-nav-tree .layui-nav-item > a .layui-nav-more{position: absolute;right: 4vw;top: 50%;transform: translateY(-50%);}
.product_select_nav.layui-nav-tree .layui-nav-child{padding:0 8vw;}
.product_select_nav.layui-nav-tree .layui-nav-child a{margin: 3vw 0 0;height:9vw;border-radius: var(--radius);}
.product_select_nav.layui-nav-tree .layui-nav-child a .layui-badge{position: absolute;right: 3vw;top: 2.5vw;width: 4vw;height: 4vw;font-size: var(--font-12);}

.product_select_swiper{height:auto;}
.product_select_swiper .swiper-slide.first,.product_select_swiper .swiper-slide.last{padding: 0 6vw;}
.product_select_swiper .swiper-slide.last{padding: 10vw 5vw;height: auto;}

.product_select_scroll{overflow: inherit;height: auto;padding: 0;}
.product_select_back{margin-bottom: 7vw;}
.product_select_back .back_btn{font-size: var(--font-16);}
.product_select_back .back_btn i{font-size: var(--font-20);margin-right: 1vw;}

.product_select_title{margin-bottom: 0;width: 100%;}
.product_select_title strong{font-size: var(--font-24);}


.product_select_subtitle{margin-top: 12vw;}
.product_select_subtitle.last{margin-top:6vw;}
.product_select_subtitle strong{font-size:var(--font-18);}
.product_select_subtitle .f_24{font-size:var(--font-20);}

.product_gun_type_content_word:not(:empty){margin-top: 4vw;}

.product_gun_type_swiper ,.product_gun_v_swiper,.product_gun_screen_swiper{padding-right: 1px;}

.product_gun_cs{min-height: 30vw;margin-top: 5vw;padding: 5vw 5.5vw;}
.product_gun_cs .item{margin-top: 4vw;padding-bottom: 4vw;}

.product_power_swiper{width: 100%;margin: 3vw auto 0;height: 11vw;padding-bottom: 0;}
.product_power_swiper .swiper-wrapper{align-items: center;height:100%!important;}
.product_power_swiper .swiper-slide{text-align: center;}
.product_power_title{font-size: var(--font-18);height: 100%;;}
.product_power_swiper .product_power_prev{width: 10vw;height: 100%;} 
.product_power_swiper .product_power_next{width: 10vw;height: 100%;}
.product_power_swiper .product_power_prev i ,.product_power_swiper .product_power_next i{font-size: var(--font-16);}

.product_select_box .product_select_form{margin-top: 8vw; padding:0;}
.product_select_form{width:100%;position: relative;right:0;top:0;height: auto;}
.product_select_form .layui-form-item{margin: 4vw 0 0;}
.product_select_form .layui-form-item label{display: block;padding: 0 3vw;margin-bottom: 1vw;}
.product_select_form .layui-form-item .layui-input{padding-left: 3vw;padding-right: 3vw;}
.product_select_form .layui-form-item .layui-textarea{padding: 2vw 3vw;height: 30vw;}
.product_select_form .layui-btn{width: 100%;margin-top: 8vw;font-weight: bold;font-size: var(--font-15)!important;height: 10vw!important;display: flex;align-items: center;justify-content: center;}
.product_select_form .layui-form-item .layui-form-select .layui-edge{right: 3vw;}


.product_order{padding:10vw 6vw;}
.product_order a:nth-of-type(2){position: relative;left: 0;transform: translateX(0);}
.product_order a i{width: 6vw;height: 6vw;margin-bottom: 0;}
.product_order a span{display: none;}




/*
SOLUTION
*/
.index_solution{padding: 6vw 3vw;}
.index_solution_list{background: none;padding: 2vw 0 0;}
.index_solution_item{flex-direction:column-reverse;}
.index_solution_item:not(:first-of-type){margin-top: 6vw;}
.index_solution_item .img{width: 100%;border-bottom-left-radius: 0;border-bottom-right-radius: 0;}
.index_solution_item .img::before{display: block;content: '';padding-bottom: 73.55%;}
.index_solution_item .text{width:100%;height:auto;position: relative;display: flex;align-items: center;}
.index_solution_item .text .flex{min-height:inherit;padding: 6vw 6vw 8vw 6vw;border-top-left-radius: 0;border-top-right-radius: 0;}
.index_solution_item .text .title{font-size: var(--font-18);}
.index_solution_item .text .des{margin-top: 1.2vw;line-height: 1.6;font-size: var(--font-15);}
.index_solution_item .text .des p{margin-bottom: 3vw;}
.index_solution_item .text .more_btn{text-align: left;margin-top: 4vw;font-weight: bold;width: 100%;}
.index_solution_item .text .layui-bg-blue{font-size: var(--font-15);}
.index_solution_item:nth-of-type(even){justify-content: flex-start;}
.index_solution_item:nth-of-type(even) .text{left: auto;right: 0;}

.solution_bottom{padding: 12vw 3vw 14vw;}
.solution_bottom .des{font-size: var(--font-15);max-width: 100%;margin: 3vw auto 0;;}
.solution_bottom .more_btn{text-align: center;margin-top: 8vw;}
.solution_bottom .more_btn .layui-btn{font-size: var(--font-15);padding: 1.5vw 10vw;}

.product_page_features + .solution_bottom{background-color: var(--font-gray-color);padding:12vw 0;}

.solution_benefits{padding: 8vw 3vw;}
.solution_benefits_item{margin: 5vw -3px 0;overflow: hidden;position: relative;overflow: hidden;display: flex;}
.solution_benefits_item .item{height:70vw;margin: 0 3px;}
.solution_benefits_item .text{position: absolute;width: 100%;left: 0;bottom:-3vw;z-index: 3;padding:0 2vw;}
.solution_benefits_item .text .title{height: 12vw;font-size: var(--font-14);line-height: 1.4;}
.solution_benefits_item .text .des{line-height: 1.4;font-size: var(--font-14); padding-bottom: 3vw;}
.solution_benefits_item .item:hover .text .des{grid-template-rows: 1fr;position: relative;}




.solution_case{padding: 8vw 0;}
.soultion_case_swiper_box{margin-top: 5vw;}
.soultion_case_swiper .img::before{display: block;content: '';padding-bottom: 70%;}
.soultion_case_swiper .title{padding: 1.5vw 3vw;font-size: var(--font-15);line-height: 1.4;}
.soultion_case_swiper_box .swiper-pagination{bottom: -8vw;}
.soultion_case_swiper_box .swiper-pagination-bullet{width: 6px;height: 6px;}


.solution_case .about_title ,.faq_rel_wrap .about_title ,.solution_bottom .about_title{max-width: 90%;margin: 0 auto;}

/*
FAQ
*/
.faq_rel_wrap{padding: 12vw 3vw;}

.faq_nav{margin-top: 8vw;font-size: var(--font-16)}
.faq_nav_title{padding: 3vw 5vw 3vw 3vw;}
.faq_nav_title .item{font-size: var(--font-16);}
.faq_nav_title .item em{width: 5vw;}
.faq_nav_content{padding: 0 3vw 3vw;line-height: 1.6;font-size: var(--font-15);}

.sort_nav_menu{margin-top: 3vw;}
.sort_nav_menu .more_btn{width:calc(33.33% - 2vw);}
.sort_nav_menu .more_btn a{margin-top: 3vw;}

/*
ARTICLE
*/
.article_warp{padding: 5vw 3vw 12vw;}
.article_guide{flex-direction: column-reverse;}
.article_guide.last{flex-direction: column;}
.article_guide.align_center{align-items: flex-start;font-size: var(--font-15);}
.article_guide.align_center i{font-size: var(--font-15);}
.article_guide.align_center .form_search{margin-top: 4vw;}

.article_guide_nav{display: flex;flex-wrap: wrap;margin-top: 6vw;width: 100%;}
.article_guide_nav .layui-nav{width: 100%;display: flex;}
.article_guide_nav .layui-nav .layui-nav-item{line-height: inherit;flex: 1;text-align: center;}
.article_guide_nav .layui-nav .layui-nav-item:not(:first-of-type){margin-left: 0;}
.article_guide_nav .layui-nav .layui-nav-item a{font-size: var(--font-20);padding-bottom: 2vw;justify-content: center;}
.article_guide_nav .layui-nav .layui-nav-item .layui-nav-child:before{display: block;content: '';width: 0; height: 0; border-width: 2vw; border-style: dashed;border-color: transparent; overflow: hidden;border-bottom-color: #fff;border-bottom-style: solid;position: absolute;left: 50%;top: -1vw;transform: translateX(-50%);}
.article_guide_nav .layui-nav .layui-nav-item .layui-nav-child{padding-top: 3vw;width: 100%;}
.article_guide_nav .layui-nav .layui-nav-item .layui-nav-child dd:first-of-type{padding-top: 3vw;}
.article_guide_nav .layui-nav .layui-nav-item .layui-nav-child dd:last-of-type{padding-bottom: 3vw;}
.article_guide_nav .layui-nav .layui-nav-item .layui-nav-child dd a{padding: 2vw;font-size: var(--font-15);white-space: wrap;}

.article_guide_nav .layui-nav-bar, .article_guide_nav .layui-nav .layui-this::after{height: 2px;}
.article_guide_nav .des{font-size: var(--font-15);margin-top:2vw;}

.form_search{width: 100%;}
.form_search .layui-input-wrap{width: calc(100% - 10vw);}
.form_search .layui-input-wrap ,.form_search .layui-input-affix{line-height: 10vw;}
.form_search .layui-input{height:10vw;line-height: 10vw;padding-left: 5vw;font-size: var(--font-15);}
.form_search .layui-btn{width: 10vw;height: 10vw;font-size: var(--font-20);}

.article_list{padding: 5vw 0 0;}
.article_list .layui-row{display: flex;flex-wrap: wrap;}
.article_list .layui-col-space{margin: -1vw;}
.article_list .layui-col-space > *{padding: 1vw;}
.article_list_item{margin-top: 4.5vw;}
.article_list .text{padding-top: 2vw;}
.article_list .text .title{font-size: var(--font-15);line-height: 1.2;display: flex;}
.article_list .text .time{margin-top: .5vw;font-size: var(--font-14);}


#article_flow_box .layui-flow-more{margin: 4vw 0 0;}
#article_flow_box .layui-flow-more a cite{padding: .8vw 8vw;}

.article_page{padding: 20vw 3vw 12vw;}
.article_pos{font-size: var(--font-15);text-align: left;}
.article_pos .layui-icon{font-size: var(--font-15);}
.article_title{text-align: center;font-size: var(--font-20);max-width: 100%;margin: 8vw auto 0;line-height: 1.4;}
.article_case_title{font-size: var(--font-20);max-width: 100%;margin: 8vw auto 0;line-height: 1.4;}
.article_des{text-align: center;max-width: 100%;margin: 3vw auto 0;font-size: var(--font-16);line-height: 1.6;}
.article_bd{margin-top: 12vw;font-size: var(--font-16);}
.article_bd_case{margin-top: 10vw;}
.article_box{font-size:var(--font-16);line-height:1.8;}
.article_box p{margin:0 0 var(--font-16);line-height:1.8;}
.article_box video,.article_box iframe{display:block;max-width:100%;height: 250px!important;}
.article_box table tr th ,.article_box table tr td{font-size: var(--font-16);}


.article_pics_swiper{margin-bottom:3vw;}
.article_pics_swiper .swiper-pagination{bottom: 5vw;}
.article_pics_swiper_btn .swiper_scroll_btn{margin-top:3vw;}
.article_date i{font-size:var(--font-16);margin-right: 1vw;}

.article_tags{margin-top: 4vw;}
.article_tags a{margin-left: 1vw;height:inherit;line-height: inherit;padding: .5vw 2vw;font-size: var(--font-15);}


.article_sarch{padding: 20vw 3vw 12vw;}
.tag_list_btn .layui-btn{width: 100%;}
.tag_list_btn .layui-btn:hover{background-color: var(--font-active-color);color: #fff;border-color: var(--font-active-color);}

.article_share{height:15vw;padding:0 3vw;margin-top:8vw;}
.article_share dt{font-size: var(--font-15);}
.article_share .social_share a{font-size:var(--font-16);width:7vw;height:7vw;margin:0 0 0 3vw;}
.article_share .social_share .digg_a{font-size:var(--font-14);line-height:.8}
.article_share .social_share .digg_a span{font-size:var(--font-12);}
.article_share .social_share .digg_a em{font-size:var(--font-11);font-style:normal;margin-top:3px;}


.article_order{margin-top:8vw;padding:3vw 0;}
.article_order.flex{flex-direction: column;}
.article_order.flex dd:first-of-type::before{content:'\e603'}
.article_order.flex dd:last-of-type::before,.article_order.flex dd:last-of-type::after{display:none}
.article_order.flex dd:last-of-type::before{display:inline-block;content:'\e603';margin-right:5px;font-family:'layui-icon'}
.article_order dd{line-height:2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size: var(--font-15);}
.article_order dd:first-of-type::before{display:inline-block;content:'\e619';}
.article_order dd:last-of-type::before{display:inline-block;content:'\e61a';font-family:'layui-icon';margin-right:.6rem;font-size: var(--font-12);}
.article_order dd:last-of-type::after{display: none;}
.article_order dd:last-of-type{text-align: left;}

.tag_listall .layui-btn{font-size: var(--font-14);}

/*
CONTACT
*/
.contact_from{margin-top: 5vw;}
.contact_from .layui-form-item:last-of-type{margin: 4vw 0 0;}
.contact_from .layui-input-wrap ,.contact_from .layui-input-affix{line-height: 9.5vw;}
.contact_from .layui-input-wrap.last .layui-input-prefix{line-height: 9.5vw;}
.contact_from .layui-input-prefix i{font-size: var(--font-15);}
.contact_from .layui-input{height:9.5vw;line-height:9.5vw;font-size:var(--font-15);}
.contact_from .layui-form-item .layui-textarea{font-size:var(--font-15);}
.contact_from .layui-form-select dl{max-width: 100%;margin: 0;top: inherit;max-height: 200px;}
.contact_from .layui-form-select dl dd{font-size:var(--font-15);}
.contact_from .layui-form-select dl .layui-select-none{font-size:var(--font-15);}
.contact_from .layui-form-item .layui-btn{height: 9vw;font-size: var(--font-15);}
.contact_from .layui-form-checkbox > div{white-space: inherit;font-size: var(--font-14);padding-right:6px;margin-top: 0;}
.contact_from .layui-form-item a{text-decoration: underline;color: #5F5F5F;font-size: var(--font-14);}
.contact_from .layui-form-item a:hover{color: var(--font-active-color);}
.contact_from .layui-form-item .codeimg{height: 9.5vw;}
.contact_from .layui-form-checkbox[lay-skin="primary"] > i{width: 18px;height: 18px;font-size: var(--font-12);}
.contact_from .layui-form-item .layui-form-checkbox[lay-skin="primary"]{padding-left: 25px;}
.contact_from .layui-form-item.flex .layui-btn{width: 100%;}


.contact_from .layui-form-item.justify_end .layui-btn{width: 100%;height: 10vw;}
.lay-textarea-word-limit {position: absolute;right: 5px;bottom: 5px;color: #5f5f5f;font-size: var(--font-12); user-select: none;line-height: 1.6;}
.contact_from .iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country-primary{padding-left: 3vw;}
.contact_from .iti--allow-dropdown input.iti__tel-input[type="text"]{padding-left: calc(var(--iti-selected-country-arrow-padding) - 10px);}
.iti--fullscreen-popup.iti--container{justify-content: center!important;}
.iti--fullscreen-popup .iti__dropdown-content{max-height: 60%!important;}


.index_form{height:auto;}
.index_form .index_form_bg{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.index_form_text{padding: 12vw 3vw;position: relative;}
.index_form .name{font-size: var(--font-20);line-height: 1.4;}
.index_form .des{font-size: var(--font-14);margin: 2vw auto 0;line-height: 1.4;max-width: 80%;}
.index_form .contact_from{width: 100%;margin: 5vw auto 0;padding:6vw;}
.index_form .contact_from .layui-input{padding-left: 8vw;}
.index_form .contact_from .layui-input-prefix {width: 10vw;padding: 0;}
.index_form .contact_from .layui-input-prefix i{font-size: var(--font-16);}
.index_form .contact_from .layui-input-wrap .layui-input-prefix + .layui-textarea{padding:2.5vw 3vw 1vw 8vw;min-height:150px;}





.contact_box{padding: 0 3vw 12vw;}
.contact_box .contact_from{display: flex;justify-content: space-between;flex-wrap: wrap;}
.contact_box .contact_from .layui-form-item ,.contact_box .contact_from .layui-form-group{width:100%;}
.contact_box .contact_from .layui-form-item{margin:4vw 0 0;}
.contact_box .contact_from .layui-form-item label{font-size: var(--font-15);margin-bottom: 1vw;}
.contact_box .contact_from .layui-form-item.one ,.contact_box .contact_from .layui-form-group .layui-form-item{width: 100%;}
.contact_box .contact_from .layui-input{border-radius: 100vw;padding-left: 3vw;padding-right: 3vw;}
.contact_box .contact_from .layui-textarea{border-radius: 5px;padding:1vw 3vw;resize: none;font-size: var(--font-16);}
.contact_box .contact_from .layui-form-item.justify_end .layui-btn{height: 10vw;margin-top: 4vw;}
.contact_box .contact_from .layui-input-suffix{right: 3vw;width: inherit;}
.contact_box .contact_from .layui-form-select .layui-edge{right:3vw;}
.contact_box .contact_from .layui-form-select dl dd{padding: 0 3vw!important;}
.contact_box .contact_from .layui-form-item .layui-form-checkbox{margin: 0;}
.contact_box .contact_from .layui-form-group .layui-form-item .layui-textarea{height:40vw;padding:3vw;}
.contact_box  #policy{margin-top: 6vw;}
.contact_info{padding: 5vw 4vw;margin-top: 12vw;height: auto;}
.contact_info .title{font-size: var(--font-20);}
.contact_info .item{display: flex;font-size: var(--font-16);margin-top: 4vw;}
.contact_info .item > i{font-size: var(--font-20);color: var(--font-active-color);margin-right: 10px;line-height: 1.4;}
.contact_info .item em{display:block;font-style: normal;margin-top: 1vw;font-size: var(--font-16);color: #595959;}
.contact_info .link{display: flex;align-items: center;}
.contact_info .link a{width: 8vw;height: 8vw;border-radius: 5px;margin-right: 3vw;}
.contact_info .link a i{font-size: var(--font-16);}



.inquire_box{width: 100%;max-width: 100%;flex-direction: column;}
.inquire_box .contact_info{margin:0;width: 100%;padding:6vw 5vw;justify-content: flex-start;height:inherit;}
.inquire_box .contact_info .item{font-size: var(--font-16);}
.inquire_box .contact_from{width: 100%;padding: 3vw 3vw 5vw;margin: 6vw 0 0;}
.inquire_box .contact_info .title,.inquire_box .contact_from .title{text-align: center;font-size: var(--font-20);font-weight: bold;text-transform: uppercase;}
.inquire_box .contact_from .layui-form-item{margin: 4vw 0 0 0;}
.inquire_box .contact_from  .layui-btn{width: 100%;height: 10vw;}
.inquire_box .contact_from .layui-input{padding-left: 8vw;padding-right: 3vw;}
.inquire_box .contact_from .layui-textarea{padding:2vw 3vw 2vw 3vw;resize: none;font-size: var(--font-16);height: 120px;line-height: 1.6;}
.inquire_box .contact_from .layui-input-prefix {width: 8vw;padding: 0;}
.inquire_box .contact_from .layui-input-prefix i{font-size: var(--font-16);}




.skin_box_slide.layui-layer{bottom: 8vw!important;}
.skin_box_slide .layui-layer-content{padding: 3vw 5vw 3vw 8vw;font-size: var(--font-15);}


/*
FOOTER
*/
.footer{padding: 10vw 3vw;}
.bottom_logo img{height: 3.88vw;}
.footer_info{margin-top: 5vw;font-size: var(--font-15);flex-direction: column;}
.footer_con{width: 100%}
.footer_info .item:not(:first-of-type){margin-top: 4vw;}
.footer_info .item strong{font-size: var(--font-20);}
.footer_info .item.email{margin-top: 3vw;}

.footer_link{display: flex;align-items: center;margin-top:0;border-bottom: rgba(255, 255, 255, .4) solid 1px;height: 13vw;}
.footer_link a:not(:last-of-type){margin-right: 4vw;}
.footer_link i{font-size: var(--font-20);}

.footer_info .footer_nav{display: flex;flex-wrap: wrap;background: none;border-radius: 0;width: 100%!important;margin: 4vw 0 0 0;}
.footer_nav .layui-nav-item{width: 100%!important;margin-top: 0!important;margin-left: 0!important;}
.footer_nav .layui-nav-item a{padding: 0;font-size: var(--font-15);color: #fff;display: inline-block;}
.footer_nav .layui-nav-item > a{display: flex;justify-content:space-between;border-bottom: rgba(255, 255, 255, .4) solid 1px;height: 13vw;display: flex;justify-content: space-between;align-items: center;}
.footer_nav .layui-nav-itemed > a{pointer-events: inherit;}
.footer_nav .layui-nav-item > a{font-size: var(--font-16);font-weight: bold;}
.footer_nav .layui-nav-item a .layui-nav-more{display: flex;right: 0;position: relative;font-size: 11px;}
.footer_nav .layui-nav-child{background:none;padding: 0 0 3vw;line-height: 1.4;}
.footer_nav .layui-nav-child dd{margin-top: 3vw;display: flex;flex-direction: column;}
.footer_nav .layui-nav-bar,.footer_nav .layui-this::after{display: none;}
.footer_nav .layui-this ,.footer_nav .layui-this a{background: none!important;}


.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;}
.layui-fixbar .iconfont{font-size: var(--font-24);}
.layui-fixbar .fonttop{background-color: #fff!important;color: var(--font-active-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;display: none!important;}
.layui-fixbar .fonttop:hover{background: var(--font-active-color)!important;color: #fff;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,255,255,.5);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);}


.sitemap{margin: 10vw 0 0;border:#dedede solid 1px;}
.sitemap dt{font-weight: bold;background: var(--font-gray-color);padding: 3vw;font-size: var(--font-18);}
.sitemap dd{display: flex;padding:3vw 3vw 5vw;flex-wrap: wrap;}
.sitemap dd a{margin-right:3vw;margin-top: 2vw;}


.skin_footer .block{padding: 6vw;flex-direction: column;}
.skin_footer .block .text{width: 100%;}
.skin_footer .block .btns{display: flex;justify-content: space-between;align-items: center;margin-top: 4vw;width: 100%;}
.skin_footer .block .btns a{width:calc(50% - 5vw);padding: 1vw 3vw;}
.skin_footer .block .btns a:not(:first-of-type){margin-left: 0;}
.skin_footer .layui-layer-setwin .layui-layer-close2{right: -10px;top: -5px;border: 0;color: var(--font-color);background: none!important;border-radius: 0;}

.skin_label{width: 100%;max-height: 100%;}
.skin_label .layui-layer-title{font-size: var(--font-18);padding: 0 5vw;height: 12vw;line-height: 12vw;}
.skin_label .layui-layer-content{padding: 5vw;overflow: auto;height: 80vh;}
.skin_label.full{max-height: 100%;}
.skin_label.full .layui-layer-content{height: calc(100vh - 12vw)!important;}
.skin_label .layui-layer-setwin{top: 4vw;}



/*
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;}
.layui-laypage-default span{height: 8vw;line-height: 8vw;margin: 0;font-size: var(--font-15);margin: 0 1vw;padding: 0 3vw;}

.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){
  :root {
  --web-width:51.57%;
  }
  .fliterYx .header .web_w{width:calc(var(--web-width));}
  .contact_from .iti--allow-dropdown input.iti__tel-input, .contact_from .iti--allow-dropdown input.iti__tel-input[type="text"]{padding-left: 2.2vw;}
  .index_case_swiper_btn{padding-right: 7vw;}
}

@media screen and  (min-width: 4000px){
  :root {
  --web-width:51.6%;
  }

}