@import "iconfont.css";
:root {
    --font-color: #000000;
    --font-active-color:#076644;
    --font-green-color:#2aa638;
    --font-grey-color:#7f8080;
    --font-gray-color:#f7f8fa;
    --font-hui-color:#f9f9f9;
    --font-dark-color:rgba(0,0,0,0.9);
    --font-200:10.417vw;
    --font-100:5.208vw;
    --font-80:4.167vw;
    --font-75:3.906vw;
    --font-70:3.646vw;
    --font-65:3.385vw;
    --font-60:3.125vw;
    --font-55:2.865vw;
    --font-50:2.604vw;
    --font-48:2.5vw;
    --font-47:2.448vw;
    --font-44:2.292vw;
    --font-40:2.083vw;
    --font-36:1.875vw;
    --font-35:1.823vw;
    --font-34:1.771vw;
    --font-32:1.667vw;
    --font-30:1.563vw;
    --font-28:1.46vw;
    --font-26:1.354vw;
    --font-25:1.302vw;
    --font-24:1.252vw;
    --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:83vw;
    --web-plr:8.5vw;
    --radius:0.521vw;
    --swiper-navigation-size: 1.8vw;
    --i-window-height:100vh;  
  }
*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box;}
body{background-color:#fff;color: var(--font-color);font: var(--font-15) "\5FAE\8F6F\96C5\9ED1","Microsoft YaHei","微软雅黑";-webkit-text-size-adjust: 100%;line-height: 1.6;}
.hidden{overflow: hidden;height: var(--i-window-height);}
a{color:var(--font-color);}
a:hover,.on{color:var(--font-active-color);text-decoration:none;transition:all 300ms ease-in-out 0s;}
.my_ul,.my_dl{margin:0;padding:0}
.my_ul li{list-style:none}
.my_dl dt,.my_dl dd{margin:0;padding:0;font-weight:normal}
dt+dd{margin-top:0}
p{margin:0 0 0.625vw}
p.none{margin-bottom: 0;line-height: .8;}
img{image-rendering:-webkit-optimize-contrast}
video{display:inline-block}
.list-paddingleft-2{margin-top:0;padding-left:1em}
.list-paddingleft-2 li{list-style:inherit}
h1{font-size: 1.944vw;}
h2{font-size: 1.458vw;}
h3{font-size: 1.137vw;}
h4{font-size: 0.972vw;}
h5{font-size: 0.807vw;}
h6{font-size: 0.651vw;}
h1,h2,h3,h4,h5,h6{margin:1.2vw 0;}
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:"\5FAE\8F6F\96C5\9ED1","Microsoft YaHei","微软雅黑";font-size:var(--font-17);border-left:4px solid var(--font-active-color);display:flex;align-items:center;margin-bottom:1.042vw;}
blockquote p{margin: 0!important;}
p+blockquote{margin-top:1.2vw;}
.img_animate{position:relative;overflow:hidden;display:block;width:100%}
.img_animate img{display:block;width:100%;height:100%;object-fit:cover;position:absolute;left:0;top:0;transition:all .5s ease-in-out 0s}
.img_animate.contain img{object-fit: contain;}
.img_animate:hover img{transform:scale(1.05)}
.picture-hover-animate{display:block;position:relative;overflow:hidden}
.picture-hover-animate:after{position:absolute;top:0;right:0;bottom:0;left:0;display:block;visibility:visible;width:160px;height:160px;margin:auto;content:'';transition:all 0.6s ease-in-out;transform:scale(6);opacity:1;border:80px solid rgba(0,0,0,0.1);border-radius:80px}
.picture-hover-animate:hover:after{visibility:hidden;opacity:0;border:0 solid rgba(0,0,0,0.1)}
.lazy_preloader{width: 2vw;height: 2vw;position: absolute;left: 50%;top: 50%;margin-left: -1vw;margin-top: -1vw;z-index: 10;box-sizing: border-box;border: 4px solid var(--font-color);border-radius: 50%; border-top-color: transparent;}
.nicescroll-rails{z-index: 3!important;}

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

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

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

.layui-layer-btn .layui-layer-btn0{background-color: var(--font-active-color)!important;}

.skin_tips.layui-layer-tips{width:auto!important;}
.skin_tips.layui-layer-tips .layui-layer-content{line-height: inherit;padding: .3vw .8vw;font-size: var(--font-16);}
.skin_tips_img.layui-layer-tips .layui-layer-content{line-height: inherit;padding: .5vw;}
.skin_tips_img.layui-layer-tips .layui-layer-content img{width: 130px;}


.skin_video{width: 60vw;height: auto;}
.skin_video .layui-layer-content{background-color: #000;position: relative;}
.skin_video video{display: block;width: 100%;height: auto!important;}


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

.public_banner_pack { position: relative; width: 100%; height: 100%;}

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

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

.ue-table-interlace-color-single{ background-color: #f9f9f9; } 

/*
BUTTON
*/
.public_button_box{position:relative;z-index:1;border-radius:1.30208333vw;overflow:hidden;transition:all .6s ease}
.public_button_back{position:absolute;left:0;top:0;width:100%;height:100%}
.public_button_box a{position:relative;z-index:9;}
.public_button_circle{transition:all .8s ease;cx:calc(7.8125vw - 0.1041666vw)}
.public_button_active .public_button_circle{cx:calc(1.30208333vw + 0.1041666vw)}
.public_button_text{position:relative;width:9.11458333vw;padding:0 2.6041666vw 0 0;transition:all .6s ease}
.public_button_label{color:#ffffff;font-size:var(--font-15);line-height:2.6041666vw;position:relative;z-index:9;transition:all .6s ease;text-align:center}
.public_button_icon{width:2.6041666vw;height:2.6041666vw;background:var(--font-active-color);justify-content:center;align-items:center;border-radius:100%;position:absolute;left:100%;top:0;z-index:9;transform:translateX(-100%);transition:all .8s ease}
.public_button_icon svg{fill:#fff;width:0.8333vw;transition:all .6s ease;}
.public_button_color{fill:var(--font-active-color);transition:all .6s ease;}
.public_button_svg{fill: var(--font-active-color);width: 100%;height: 100%;}
.public_button_box:hover .public_button_text{padding:0 0 0 2vw}
.public_button_box:hover .public_button_icon{left:0;transform:none}
.public_button_box:hover .public_button_label{color:var(--font-active-color)}
.public_button_box:hover .public_button_icon{background:#fff}
.public_button_box:hover .public_button_icon svg{fill:var(--font-active-color)}
.public_button_box:hover .public_button_color{fill:#fff}


.form_search{display: flex;justify-content: space-between;background-color: #fff;border-radius: 100vw;}
.form_search .layui-input-wrap{width: 100%;}
.form_search .layui-input-wrap ,.form_search .layui-input-affix{line-height: 2.2vw;display: flex;align-items: center;}
.form_search .layui-input-affix .layui-icon{font-size: var(--font-15);}
.form_search .layui-input{background: none;border: 0;height: 2.2vw;line-height: 2.2vw;box-shadow: none;padding-left: 1.2vw;padding-right: 1.5vw;}
.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;flex-shrink: 0;}

.banner .form_search{width: 30vw;margin: 2vw auto;}

/*
header
*/
.header{width: 100%;position: relative;z-index: 1100;transition:all .3s ease-in-out 0s;}
.header.fixed{position: fixed;left: 0;top: 0;}
.header .menu{display: flex;align-items: center;justify-content: space-between;width: 100%;height:5.5vw;transition: transform 0.5s ease; transform-origin: center;} 
.header .logo{display: flex; align-items: center;position: relative;overflow: hidden;z-index: 2;flex-shrink: 0;}
.header .logo img{display: block;height:3.8vw;}
.header.sticky .logo img,.header.shadow .logo img{display: block;height:3.5vw;}


.menu_right{display: flex;justify-content: flex-end;height: 100%;}

.header_nav{background:none;display: flex;align-items: center;justify-content:center;height: 100%;transition: transform .8s ease;position: static;padding: 0;}
.header_nav *{font-size: var(--font-15);}
.header_nav .layui-nav-item{line-height: initial;margin-right: 3vw;display: flex;transition:all .5s ease-in-out 0s;display: flex;align-items: center;position: static;height: 100%;}


.header_nav .layui-nav-item .parent_a{padding: 0;font-size: var(--font-18);color:var(--font-color);height: 100%;display: flex;align-items: center;position: relative;z-index: 2;white-space: nowrap;}
.header_nav .layui-nav-item .parent_a:hover ,.header_nav .layui-nav-item.layui-this .parent_a ,.header_nav .layui-nav-item:hover .parent_a{color: var(--font-active-color);}
.header_nav .layui-nav-bar{background:var(--font-active-color);height: 1px;}


.header_nav .layui-nav-child dd.layui-this{background: none;}
.header_nav .layui-this::after{display: none;}

.header_nav .layui-nav-more{position: relative;right: 0;margin-left: 4px;font-size: var(--font-14);display: none;}

.header_nav .layui-nav-item .layui-nav-child{top:5.5vw;left: 0;padding-top: 0;background: none;box-shadow: 0;box-shadow: none;border: 0;z-index: 1;line-height: inherit;width: 100%;background-color: #fff;white-space:wrap!important;}

.header_nav .layui-nav-item .layui-nav-child .flex_box{display: flex;justify-content: space-between;padding: 1.5vw 15vw;align-items: center;}
.header_nav .layui-nav-item .layui-nav-child .flex_box .text{width: 45%;display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;align-content:center;position: relative;padding: 3vw 0;}
.header_nav .layui-nav-item .layui-nav-child .flex_box .text::before{display: block;content: '';width: 1px;height: 100%;position: absolute;left: -6vw;top: 50%;transform: translateY(-50%);background-color: var(--font-active-color);}
.header_nav .layui-nav-item .layui-nav-child .flex_box .img{width: 50%;border-radius: var(--radius);}
.header_nav .layui-nav-item .layui-nav-child .flex_box .img::before{display: block;content: '';padding-bottom: 31.25%;}
.header_nav .layui-nav-item .layui-nav-child .flex_box .img .title{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .2);color: #fff;font-size: var(--font-20);display: flex;justify-content: center;align-items: center;transition:all 300ms ease-in-out 0s;font-weight: bold;padding: 2vw;}
.header_nav .layui-nav-item .layui-nav-child .flex_box .img .title.small{font-size: var(--font-16);text-align: center;}
.header_nav .layui-nav-item .layui-nav-child .flex_box .img:hover .title{color:#fff;background: rgba(0, 0, 0, .03);}

.header_nav .layui-nav-item .layui-nav-child dd{margin: .7vw 0;width: 50%;}
.header_nav .layui-nav-item .layui-nav-child dd.one{width: 100%;}
.header_nav .layui-nav-item .layui-nav-child dd a{font-size: var(--font-16);padding:0;background: none;display: flex;align-items: center;}
.header_nav .layui-nav-item .layui-nav-child .pic_title{display: flex;align-items: center;font-size:var(--font-16);white-space: initial;}
.header_nav .layui-nav-item .layui-nav-child .ico{width: 1.5vw;height: 1.5vw;margin-right: .3vw;flex-shrink: 0;overflow: hidden;}
.header_nav .layui-nav-item .layui-nav-child .ico img{width: 1.5vw;background-size: contain;transform: translate(-1.5vw, 0); -webkit-transform: translate(-1.5vw, 0); -ms-transform: translate(-1.5vw, 0); -o-transform: translate(-1.5vw, 0);filter: drop-shadow(1.5vw 0 var(--font-active-color)); -webkit-filter: drop-shadow(1.5vw 0 var(--font-active-color));image-rendering:auto;object-fit: contain;}
.header_nav .layui-nav-item .layui-nav-child dd a:hover{color: var(--font-active-color);}
.header_nav .layui-nav-item.fliter_flag{padding:0 2vw;margin: 0;}
.header_nav .layui-nav-item.fliter_none{padding: 0;margin: 0 2vw;}
.header_nav .layui-nav-item:last-of-type{padding-left: 0;margin: 0 2vw;}

.header_nav .layui-nav-item .layui-nav-child.layui-anim{-webkit-animation-duration: .5s;animation-duration: .5s;}

.header_nav .layui-nav-item.layui-this::after{display: none;}
.header_nav .layui-nav-item.fliter_flag .parent_a::after{display:block;content: '';background-color: var(--font-active-color);height: 1px;width: 100%;position: absolute;left:25%; width:50%;opacity: 0; height:1px;bottom:0;transition:.3s;}
.header_nav .layui-nav-item.fliter_flag:hover .parent_a::after{opacity: 1;left: 0;width: 100%;}
.header_nav .layui-nav-bar{top: calc(100% - 1px)!important;}


.header_nav .layui-nav-item .layui-nav-child dd a::after{display: block;content: '';background-color: rgba(255, 255, 255, .5);position:absolute; left:25%; width:50%;opacity: 0; height:1px;bottom:0;transition:.3s;}
.header_nav .layui-nav-item .layui-nav-child dd a:hover:after ,.header.line::after{opacity: 1;left: 0;width: 100%;}

.header_tab{display: flex;justify-content: space-between;padding: 1.5vw 0 1.5vw 4vw;}
.header_tab .hd_box{width: 38%;display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;position: relative;padding: 3vw 0;align-content: flex-start;}
.header_tab .hd::before{display: block;content: '';width: 1px;height: 100%;position: absolute;left: -3vw;top: 50%;transform: translateY(-50%);background-color: var(--font-green-color);}
.header_tab .hd_box a{margin: .7vw 0;width: 50%;font-size: var(--font-16);}
.header_tab .hd a:hover ,.header_tab .hd a.on{background: none;color: var(--font-active-color);}
.header_tab .hd .one{width:100%}
.header_tab .bd_box{width: 62%;}
.header_tab .bd_box .product_item_list{padding-left: 2vw;}
.header_tab .bd_img{width: 50%;}
.header_nav .layui-nav-item .layui-nav-child .flex_box .bd_img .img{width: 100%;}


.product_item_list{margin: 0 -.5vw;display: flex;flex-wrap: wrap;}
.product_item_list .item{padding:0 .5vw;text-align:center;margin-top:1.5vw;}
.product_item_list .item a{display:block;font-size:var(--font-15)!important;padding: 0;}
.product_item_list .item a:hover{color: var(--font-active-color);background: none;}
.product_item_list .item .img{margin-bottom:.5vw;border-radius: var(--radius);overflow: hidden;border: #f2f2f2 solid 1px;background-color: #fff;}
.product_item_list .item a:hover .img{border-color: var(--font-active-color);}
.product_item_list .img::after{display:block;content:'';padding-bottom:75%}
.product_item_list span{ overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}



.header.sticky,body.fliterYx .header{background-color: #fff;}
.header.sticky .header_nav .layui-nav-bar{top: calc(100% - 1px)!important;}
.header.sticky .header_nav .layui-nav-item.layui-this::after{opacity: 1;}

.header_btn{display: flex;align-items: center;height: 100%;margin-left: 1vw;}


.header_search{font-size: var(--font-20);display: flex;align-items: center;}
.header_search:hover{color: var(--font-active-color);}
.header_search_skin{background:none!important;width: 100%!important;box-shadow: none!important;}
.header_search_box{padding-top: .8vw;}
.header_search_form{display: flex;justify-content: space-between;background-color: #fff;border-radius: 100vw;}
.header_search_form .layui_close{width: 3vw;height: 2.4vw;display: flex;align-items: center;justify-content: center;font-size: var(--font-18);position: relative;}
.header_search_form .layui-input-wrap{width: calc(100% - 6vw)}
.header_search_form .layui-input-affix{display: flex;align-items: center;}
.header_search_form .layui-input{height: 2.4vw;line-height: 2.4vw;padding-left: 1vw;width:100%;background: none;border: none;;box-shadow: none;padding: 0;}
.header_search_form .layui-btn{width: 3vw;height: 2.4vw;font-size: var(--font-20);background: none;border: none;box-shadow: none;display: flex;align-items: center;color: var(--font-active-color);}
.layui-form .layui-input-suffix .layui-icon{font-size: var(--font-18);}

.skin_search_dropdown{width:var(--web-width);z-index: 10;left:50%!important;transform:translateX(-50%)!important;z-index:100000000;padding: 1vw;border-radius: var(--radius);margin-top: .8vw!important;}
.skin_search_dropdown .layui-menu{padding:0;max-height:60vh;overflow:auto;}
.skin_search_dropdown .layui-menu li{padding: .5vw 1vw;margin: 0;}
.skin_search_dropdown .layui-menu li .layui-menu-body-title{margin: 0;padding: 0;position: relative;}
.skin_search_dropdown .layui-menu li .layui-menu-body-title em{position: absolute;right: 0;top: 50%;transform: translateY(-50%);font-style: normal;color:#999;font-size:var(--font-16);}

.quick_link_box{background-color:#f8f8f8;padding: 3vw;border-radius: var(--radius);margin-top: .8vw;}

body.fliterYx{transition:all .5s;}
body::before{display: block;content: '';width: 100%;height: var(--i-window-height);position: fixed;left: 0;top:0;z-index: -1;background-color: rgba(0,0,0,0.1);opacity: 0;transition:all .5s}
body.fliterYx::before{position: fixed;left: 0;top:0;z-index: 1000;opacity: 1;z-index: 1000;transition:all .5s} 
body.fliterYx .wapper{-webkit-filter:blur(15px);filter:blur(15px);opacity:0.9;transition:all .5s;}
.header::after{display: block;content: '';background-color: rgba(0, 0, 0, .1);position:absolute; left:25%; width:50%;opacity: 0; height:1px;bottom:0;transition:.3s;z-index: 10;}
body.fliterYx .header:after{opacity: 1;left: 0;width: 100%;}
body.fliterYx .header{background:#fff;}


.header.fixed .layui-nav-item .parent_a ,.header.fixed .header_search{color: #fff;}
.header.fixed .header_search::after{background-color: #fff;}




.header.sticky{position: fixed;}
.header.sticky ,.header.shadow{background:#fff;box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);}
.header.sticky .header_nav .layui-nav-bar{display: none;}

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

.header.sticky .layui-nav-item .parent_a ,.header.sticky .header_search ,body.fliterYx .header .layui-nav-item .parent_a ,body.fliterYx .header .header_search{color: var(--font-color);}
.header.sticky .header_search::after ,body.fliterYx .header .header_search::after{background-color: var(--font-color);}
.header.sticky .layui-nav-item.layui-this .parent_a{color: var(--font-active-color);}
body.fliterYx .header .layui-nav-item .parent_a:hover,body.fliterYx .header .header_nav .layui-nav-item:hover .parent_a,.header.sticky .header_nav .layui-nav-item .parent_a:hover,.header_search:hover{color: var(--font-active-color)!important;}

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

.mobile_menu_btn{width: 44px;display: flex;align-items: center;justify-content: center;height: 100%;margin: 0;display: none;}
.mobile_menu_btn .btn{background: none; width: 20px; height: 16px; position: relative; z-index: 10;}
.mobile_menu_btn span{display:block;width:100%;height:1px;position:absolute;background-color:var(--font-color);-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;-webkit-transition:all .2s ease-out;transition:all .2s ease-out;}
.fliterYxM .mobile_menu_btn.active span{background-color: var(--font-color);}
.mobile_menu_btn.active span ,.fliterYxM.fliterYx .mobile_menu_btn span{background-color: var(--font-color);}
.mobile_menu_btn span:nth-of-type(1) { top: 0; left: 0;opacity: 1;width: 100%;}
.mobile_menu_btn span:nth-of-type(4) { bottom: 0;right: 0;opacity: 1; width: 100%;}
.mobile_menu_btn span:nth-of-type(2),.mobile_menu_btn span:nth-of-type(3){top:50%;right:0;margin-top:-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 .mobile_menu_btn span ,.body_inner .mobile_menu_btn span{background: var(--font-color);}


/**
INDEX_BANNER
**/
.index_banner{position: relative;background-color: #f2f2f2;}
.index_banner .swiper-slide::before{display:block;content:'';padding-bottom:var(--i-window-height);}
.index_banner .swiper-slide picture,.index_banner .swiper-slide a.link,.index_banner .swiper-slide .img,.index_banner .swiper-slide video{display:block;width:100%;height:100%;position:absolute;left:0;top:0;object-fit:cover;z-index:1;overflow: hidden;}
.index_banner .swiper-slide .link_video::after{width: 100%;height: 100%;content: '';position:absolute;left: 0;top: 0;padding-bottom: 100%;background: rgba(0, 0, 0, 0.2);z-index:1;} 
.index_banner .swiper-slide .link_video .img{display:none;}
.index_banner .text{width:100%;height: 100%;position:absolute;left:0;bottom:0;display:flex;flex-direction:column;justify-content:center;align-items: flex-start;z-index:3;color: #fff;padding-top: 4vw; }
.index_banner .text .title{font-size:var(--font-36);font-weight: bold;line-height: 1;white-space: pre-wrap;}
.index_banner .text .subtitle{font-weight: bold;font-size:var(--font-40);line-height: 1;margin-top: 2vw;white-space: pre-wrap;}
.index_banner .text .des{display: block;font-size:var(--font-18);margin-top: 2vw; white-space: pre-wrap;max-width: 30vw;text-align: justify;}

.index_banner picture img{transition:1s linear 2s;transform:scale(1,1);}
.index_banner .swiper-slide-active img{transition:2s linear;transform:scale(1,1);}

.index_banner_button{margin-top:3vw;}

.swiper_pagination{width:100%;pointer-events:none;transition:all .8s cubic-bezier(.69,.27,.45,.99);flex-wrap: nowrap;display: flex;}
.swiper_pagination_item{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.6vw;height:0.36vw;border-radius:100vw;overflow: hidden;}
.swiper_pagination_icon i{display:block;position:absolute;left:0;top:0;width: 0;height:100%;background-color: var(--font-color);visibility: hidden;}
.swiper_pagination_current .swiper_pagination_icon i{width:100%;visibility: visible;}

.index_banner_pagination{position: absolute;padding:0 var(--web-plr);z-index:9;bottom:2vw;transition:all .6s ease;justify-content:flex-start;}
.index_banner_pagination .swiper_pagination_item{border: #fff solid 1px;}
.index_banner_pagination .swiper_pagination_icon{border-color: var(--font-color);}
.index_banner_pagination .swiper_pagination_icon{border-color: var(--font-color);}
.index_banner_pagination .swiper_pagination_icon i{background-color: #fff;width: 0;}


.flex .swiper_scroll_btn:last-of-type{margin-left:.6vw}
.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-dark-color) solid 1px;}
.swiper_scroll_btn i{-webkit-transition:all .6s ease;transition:all .6s ease;font-size:var(--font-18);display: flex;align-items: center;justify-content: center;line-height: 1.2;color:var(--font-dark-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{position: absolute;right:var(--web-plr);bottom: 2vw;z-index: 9;}
.index_banner_navigation .swiper_scroll_btn{border: #fff solid 1px;}
.index_banner_navigation .swiper_scroll_btn i{color: #fff;}
.index_banner_navigation .swiper_scroll_btn:hover{border-color: var(--font-active-color);}

/*
BUTTON
*/
.layui_btn_more{background: none;overflow: hidden;}
.layui_btn_more.layui-btn{height: auto;line-height: initial;padding: .5vw 2vw;}
.layui-bg-blue{background: none!important;border-radius: 1000vw;color:#fff!important;position: relative;}
.layui-border-blue{border-radius: 1000vw;border:1px solid var(--font-active-color)!important;color: var(--font-active-color)!important;transition: 0.2s transform ease-in-out!important;will-change: transform;position: relative;overflow: hidden;font-weight: normal;}
.layui-border-blue.white{background-color: rgba(255, 255, 255, 1)!important;}
.layui-border-blue:after{display: block;content: '';height: 100%; width: 100%; position: absolute; left: 0; top: 0; transform: translate(-100%, 0) rotate(10deg); transform-origin: top left; transition: 0.2s transform ease-out; will-change: transform; z-index:0; background-color:var(--font-active-color);background: linear-gradient(to bottom, var(--font-active-color),var(--font-green-color));border-radius: 1000vw;}
.layui-bg-blue * ,.layui-border-blue *{position: relative;z-index: 2;}
.layui-bg-blue::after{display: block;content: '';background-color: var(--font-active-color);background: linear-gradient(to bottom, var(--font-active-color),var(--font-green-color));width: 100%;height: 100%;position: absolute;left: 0;top: 0;border-radius: 1000vw;z-index: 1;-webkit-animation-duration: .8s; animation-duration: .8s; -webkit-animation-fill-mode: both;animation-fill-mode: both}
.layui-bg-blue:hover::after{animation-name: rubberBand;}
.layui-border-blue:hover:after{transform: translate(0, 0)!important;}
.layui-border-blue:hover{color: #fff!important;transform: scale(1.05)!important;transition: 0.2s transform ease-in-out!important;will-change: transform;}


/*
BLOCK
*/
.index_block{padding: 5vw 0;background-position: center; background-repeat: no-repeat;background-size: cover;background-color: #fff;position: relative;z-index: 2;overflow: hidden;}
.index_title{text-align: center;}
.index_title.white{color: #fff;}
.index_title .title{font-size: var(--font-40);line-height: 1.4;font-weight: bold;}
.index_title .title::after{display: block;content: '';height:2px;margin: .5vw auto 0;width: 5vw;background: var(--font-active-color);background: linear-gradient(to right, var(--font-green-color),var(--font-active-color));}
.index_title .des{color: var(--font-dark-color);margin-top:1vw;}
.index_title.white .des{color: var(--font-gray-color);}
.bg_grey{background-color:#f6f6f8;}
.bg_gray{background-color:var(--font-hui-color);}
.bg_blue{background-color:#f8fbff;}
.bg_gray_gradient{background: linear-gradient(to bottom, var(--font-hui-color), #ffffff);}



/*
ABOUT
*/
.index_about{padding: 5vw 0;}
.index_about_swiper{width: 47%;margin: 0;border-radius: var(--radius);overflow: hidden;}
.index_about_swiper .img{height:100%;}
.index_about_swiper .img::after{display: block;content: '';padding-bottom: 70%;}
.index_about_swiper .img img{	transition:1s linear 2s;transform:scale(1.1,1.1);}
.index_about_swiper .swiper-slide-active img{	transition:6s linear;transform:scale(1,1);}
.index_about_swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background: var(--font-active-color);}
.index_about_video_btn{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 10;font-size: var(--font-40);color: #fff;}
.index_about_con{width: 47%;display: flex;flex-direction: column;}
.index_about_con .title{font-size: var(--font-36);font-weight: bold;line-height: 1;width: 100%;}
.index_about_con .title::after{display: block;content: '';width: 2em;height: 2px;background: var(--font-color);margin: 1vw 0 2vw;}
.index_about_con .text{font-size: var(--font-18);line-height: 1.8;text-align: justify;}

.index_about_scrollnum{width: 100%;display: flex;justify-content: space-evenly;}
.index_about_scrollnum .scrollnum_item{width: 20%;display:flex;flex-direction: column;align-items: center;}
.scrollnum_item img{display: block;height: 2.5vw;margin: 0 auto .3vw;}
.scrollnum_text{text-align: center;}
.scrollnum_title{display: flex;align-items: flex-start;justify-content: center;line-height: 1;margin-top: .5vw;white-space: nowrap;color: var(--font-active-color);}
.scrollnum_number{font-size: var(--font-36);font-weight: bold;}
.scrollnum_title sup{font-size: var(--font-22);}

.index_about_block{display: flex;justify-content: space-between;align-items: center;}
.index_about_block .img{width:calc(50% - 2vw);border-radius: var(--radius);}
.index_about_block .img::after{display: block;content: '';padding-bottom: 80%;}
.index_about_text{width:calc(50% - 2vw);}
.index_about_text .title{font-size: var(--font-36);line-height: 1.4;font-weight: bold;}
.index_about_text .title::after{display: block;content: '';width: 2em;height: 2px;background: var(--font-active-color);margin: 1vw 0 2vw;}
.index_about_text .text{margin-top: 2vw;text-align: justify;line-height: 2;font-size: var(--font-18);}
.index_about_text .layui-btn {padding: .4vw 1.7vw;margin-top: 2vw;}

.about_page_box{padding:4vw 0 4.5vw;position:relative;background-repeat:no-repeat;background-position:center;background-size:cover;overflow: hidden;}
.about_page_box.first{padding:3vw 0 4.5vw;}
.about_page_box.last{padding:4vw 0 0;}
.about_company_text{width:56%;padding-right:7vw;min-height: 31vw;}
.about_company_text .text{margin-top:2vw;font-size:var(--font-18);line-height:2.4;text-align: justify;}
.about_company_img{width:46%;position:absolute;right:0;top:0}
.about_company_img .index_about_swiper{width: 100%;border-radius:0 0 0 9vw}
.about_company_img .index_about_swiper .img::after{padding-bottom: 76.5%;}
.about_data_tab{margin-top:3vw;display: flex;justify-content:space-between}


.about_company_title{font-size:var(--font-36);line-height:1.4;font-weight: bold;}
.about_company_title::after{display: block;content: '';width: 4vw;;height: 2px;margin: .5vw 0 0;background: var(--font-active-color);background: linear-gradient(to right, var(--font-green-color),var(--font-active-color));}
.about_page_title .text{font-size:var(--font-15);margin-top: 1vw;color: var(--font-dark-color);}
.about_page_title.white ,.about_page_title.white .text{color: #fff;}
.about_page_title.white .about_company_title::after{background: #fff;}
.about_page_title.center{text-align: center;}
.about_page_title.center .about_company_title::after{margin: .5vw auto 0;}

.about_page_culture{padding: 6vw 0;}
.about_page_culture .flex{display: flex;justify-content: space-between;align-items: flex-start;}
.about_culture_item{display: grid;grid-template-columns: repeat(2, 1fr);grid-gap: 1vw;width: 75%;}
.about_culture_item .item{background: rgba(255, 255, 255, .9);padding: 2vw;display: flex;flex-direction: column;align-items: center;justify-content: center;border-radius: var(--radius);transition:all 300ms ease-in-out 0s;}
.about_culture_item .item:hover{transform: translateY(-.3vw);}
.about_culture_item .item:nth-of-type(1){grid-column: 1/2;grid-row: 1/2;}
.about_culture_item .item:nth-of-type(2){grid-column: 1/2;grid-row: 2/3;}
.about_culture_item .item:nth-of-type(3){grid-column: 2/3;grid-row: 1/3;}
.about_culture_item .item .img img{height: 4vw;}
.about_culture_item .item .title{font-size: var(--font-22);font-weight: bold;margin-top: 1vw;text-align: center;}
.about_culture_item .item .ms{margin-top: 1vw;line-height: 1.8;text-align: justify;}
.about_culture_item .item .ms center{font-weight: bold;}

.about_advantage_item{display: flex;justify-content: space-between;margin-top: 3vw;}
.about_advantage_item .item{width: calc(33.33% - 2vw);text-align: center;background: #fff;border-radius: var(--radius);box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.01);}
.about_advantage_item .item .list{width: 100%;height: 100%;padding: 6vw 3vw;transition:all 300ms ease-in-out 0s;}
.about_advantage_item .item:hover .list{transform: scale(1.05);}
.about_advantage_item .item .img img{height:4.5vw;}
.about_advantage_item .item .title{margin-top: 1vw;font-weight: bold;font-size: var(--font-22);color: var(--font-active-color);}
.about_advantage_item .item .ms{margin-top: 1vw;font-size: var(--font-18);}

.about_advantage{border-radius: var(--radius);overflow: hidden;}
.about_advantage .item{display: flex;justify-content: space-between;align-items: center;background-color: #fff;}
.about_advantage .item:nth-of-type(even){flex-direction: row-reverse;}
.about_advantage .item .img{width: 50%;}
.about_advantage .item .img::after{display: block;content: '';padding-bottom: 60%;}
.about_advantage .item .text{width: 50%;padding: 5vw;}
.about_advantage .item .text .title{font-size: var(--font-30);font-weight: bold;}
.about_advantage .item .text .des{font-size: var(--font-18);color: var(--font-dark-color);margin-top: 1vw;line-height: 2;}


.about_honer{margin-top: 3vw;padding: 0 4vw;position: relative;}
.about_honer_swiper{padding: 3vw 0;}
.about_honer_swiper .img::before{display: block;content: '';padding-bottom: 133%;}
.about_honer_swiper .swiper-slide.swiper-slide-active{transform: scale(1.2)!important;}
.honer_btn_prev,.honer_btn_next{position: absolute;top: 50%;transform: translateY(-50%);font-size: var(--font-50);cursor: pointer;color: var(--font-active-color);z-index:10;}
.honer_btn_prev{left: 0;}
.honer_btn_next{right: 0;}
.honer_pagination{width: 100%!important;text-align: center;transform: none!important;margin-top: 1vw;}

.about_parnter{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 3vw;}
.about_parnter .img{width: calc(20% - 1vw);border:#f2f2f2 solid 1px;margin-bottom: 2vw;}
.about_parnter .img::after{display: block;content: '';padding-bottom: 50%;}
.about_parnter .img img{object-fit: contain;}
.about_parnter span{width: calc(20% - 1vw);}


/**
PRODUCT
**/
.index_product_box{display: grid;grid-template-columns: repeat(5, 1fr);grid-gap: 1vw;margin-top: 3vw;}
.index_product_box .item{background-color:#fff;box-shadow: 0 0 10px 0 rgba(0, 0, 0, .01);position: relative;border-radius: var(--radius);overflow: hidden;}
.index_product_box .item::after{display: block;content: '';padding-bottom: 80%;}
.index_product_box .item:nth-of-type(1){grid-column: 1/2;grid-row: 1/3;}  
.index_product_box .item:nth-of-type(2){grid-column: 2/3;grid-row: 1/2;}  
.index_product_box .item:nth-of-type(3){grid-column: 3/4;grid-row: 1/2;}  
.index_product_box .item:nth-of-type(4){grid-column: 4/5;grid-row: 1/2;}  
.index_product_box .item:nth-of-type(5){grid-column: 5/6;grid-row: 1/2;}  
.index_product_box .item:nth-of-type(6){grid-column: 2/3;grid-row: 2/3;}  
.index_product_box .item:nth-of-type(7){grid-column: 3/4;grid-row: 2/3;}  
.index_product_box .item:nth-of-type(8){grid-column: 4/5;grid-row: 2/3;}  
.index_product_box .item:nth-of-type(9){grid-column: 5/6;grid-row: 2/3;}  
.index_product_box .item .img{width: 100%;height: 100%;position: absolute;left: 0;top:0;z-index: 1;overflow: hidden;}
.index_product_box .item .img img{display: block;width: 100%;height:100%;object-fit: contain;transition:all 300ms ease-in-out 0s;}
.index_product_box .item:hover .img img{transform: scale(1.05);} 
.index_product_box .item .title{display: block;width: 100%;position: absolute;left: 0;bottom: 0;padding:1vw 1.2vw .8vw;z-index: 2;display: flex;flex-direction: column;align-items: flex-end;text-align: right;}
.index_product_box .item .title strong{font-size: var(--font-16);}
.index_product_box .item .title span{color: var(--font-grey-color);margin-top:.2vw;}
.index_product_box .item:nth-of-type(1) .title{text-align: center;align-items: center;}

.product_list_box{padding: 4vw 0;background: var(--font-hui-color);}
.product_list_box.first{padding-top: 3vw;}
.product_list {display: flex;justify-content: space-between;flex-wrap: wrap;}
.product_list.one .item{width: 100%;}
.product_list .item{display: flex;justify-content: space-between;position: relative;overflow: hidden;border-radius: var(--radius);width: calc(50% - 1vw);margin-top: 2vw;}
.product_list .item:nth-of-type(1),.product_list .item:nth-of-type(2){margin-top:0;}
.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-weight: bold;position: absolute;right: .4vw;top: .7vw;transform: rotate(45deg);}
.product_list .img_box{width: 40%;border-right: var(--font-gray-color) solid 1px;display:flex;border-top-left-radius: var(--radius);border-bottom-left-radius: var(--radius);}  
.product_list .img{background-color: rgba(255, 255, 255, 1);}
.product_list .img::before ,.prodict_list_swiper .img::before{display: block;content: '';padding-bottom: 75%;}
.product_list .text{display: flex;flex-direction: column;justify-content: space-between;width: 60%;background-color: #fff;padding:2vw;border-top-right-radius: var(--radius);border-bottom-right-radius: var(--radius);position: relative;}
.product_list .text .title{display: flex;align-items: center;}
.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;line-height: 1.6;color: #666; overflow : hidden;text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;word-break: break-all;text-align: justify;}
.product_list .text .more{display: flex;align-items: center;justify-content: flex-end;margin-top: 1.5vw;}
.product_list .text .more span{display: flex;align-items: center;position: relative;border: var(--font-active-color) solid 1px;padding: .1vw .8vw;border-radius: 1000vw;font-size: var(--font-14);color: var(--font-active-color);}
.product_list .text .more i{margin-left: .2vw;font-size: var(--font-14);}
.product_list .text .more:hover span{background: var(--font-active-color);color: #fff;}


.product_sort .index_news_title .title{font-size: var(--font-24);}
.product_sort .product_sort_list:not(:first-of-type){margin-top: 3vw;}

.pro_page_box .about_page_box:nth-of-type(even){background-color: var(--font-hui-color);}
.pro_page_box .about_page_box:first-of-type:not(.mobile){padding: 0 0 4vw;}
.pro_top_page_bolck{display: flex;justify-content: space-between;align-items: flex-start;}
.pro_top_page_pics{display: flex;justify-content: space-between;width: 50%;}
.pro_top_page_pics .img{border-radius: var(--radius);}
.pro_top_page_pics .img img{object-fit: contain;}
.pro_top_page_pics .img span{display: block;position: absolute;width: 100%;left: 0w;bottom: 0;color: #fff;text-align: left;z-index: 2;background: rgba(0, 0, 0, .5);padding:.3vw;font-size: var(--font-12);text-align: center;line-height:1.2;}
.pro_top_page_pics .img::after{display: block;content: '';padding-bottom: 75%;}
.pro_top_page_pics .img:hover img{transform: none;}
.pro_page_small_swiper{width: 15%;height: 25vw;padding: 1px;}
.pro_page_small_swiper .img{border: var(--font-gray-color) solid 1px;}
.pro_page_small_swiper .swiper-slide-thumb-active .img{border-color: var(--font-active-color);}
.pro_page_big_swiper{width: calc(85% - 2vw);border: var(--font-gray-color) solid 1px;border-radius: var(--radius);}
.pro_page_big_swiper .swiper-slide{display: flex;justify-content: center;}
.pro_btn_box{position: absolute;left: 1vw;top: 50%;transform: translateY(-50%);transition:all 300ms ease-in-out 0s;display: flex;flex-direction: column;z-index: 5;opacity: 0;}
.pro_btn_box .iconfont{width: 2vw;height: 2vw;display: flex;align-items: center;justify-content: center;background: rgba(0,0,0,.36);color: #fff;cursor: pointer;}
.pro_btn_box .iconfont:hover{background: var(--font-active-color);}
.pro_btn_box .pro_btn_prev{transform: rotate(90deg);border-top-left-radius: var(--radius);border-bottom-left-radius: var(--radius);}
.pro_btn_box .pro_btn_next{transform: rotate(-90deg);border-bottom-left-radius: var(--radius);border-top-left-radius: var(--radius);}
.pro_top_page_pics:hover .pro_btn_box{left: -2vw;opacity: 1;}
.zoomContainer{pointer-events: none;}
.pro_top_page_text{width: calc(50% - 4vw);}
.pro_top_page_text .title{font-size: var(--font-36);font-weight: bold;line-height: 1.2;}
.pro_top_page_text .title::after{display: block;content: '';width: 5vw;height: 2px;background-color: var(--font-active-color);margin: .5vw 0 1vw;}
.pro_top_page_text .subtitle{font-size: var(--font-18);color: var(--font-dark-color);margin-top:.6vw;}
.pro_top_page_text .des{margin-top: 3vw; line-height: 1.8; border-top: var(--font-gray-color) solid 1px;padding-top: 2vw;color: var(--font-dark-color);text-align: justify;font-size: var(--font-16);}
.pro_top_page_text .more_btn{margin-top: 3vw;}
.pro_top_page_text .more_btn *{font-size: var(--font-16);}
.pro_top_page_text .more_btn .layui-btn:first-of-type{background-color: var(--font-active-color)!important;color: #fff!important;}
.pro_top_page_text .more_btn .layui-btn + .layui-btn{margin-left: 1vw;}

.product_page_ld{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 4.5vw;padding: 0 4vw;position: relative;}
.product_page_ld .text{display: flex;width: 34%;justify-content: space-between;margin-top: 5vw;position: relative;z-index: 2;align-items: center;}
.product_page_ld .text:nth-of-type(1),.product_page_ld .text:nth-of-type(2){margin-top: 0;}
.product_page_ld .text:nth-of-type(odd){flex-direction: row-reverse;text-align: right;}
.product_page_ld .text .ico{width: 4vw;height: 4vw;background-color: var(--font-active-color);background: linear-gradient(to bottom, var(--font-active-color),var(--font-green-color));border-radius: 50%;display: flex;justify-content: center;align-items: center;overflow: hidden;transition:all .5s ease-in-out 0s}
.product_page_ld .text .ico img{width: 3.5vw;height: 3.5vw;object-fit: contain;transform: translate(-3.5vw, 0); -webkit-transform: translate(-3.5vw, 0); -ms-transform: translate(-3.5vw, 0); -o-transform: translate(-3.5vw, 0);filter: drop-shadow(3.5vw 0 #fff); -webkit-filter: drop-shadow(3.5vw 0 #fff);image-rendering:auto;}
.product_page_ld .text .title{font-weight: bold;margin-bottom: .3vw;font-size: var(--font-19);}
.product_page_ld .text .des{width: calc(100% - 6vw);line-height: 1.4;}
.product_page_ld .img{width: 23vw;height: 23vw;display: flex;justify-content: center;align-items: center;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.product_page_ld .img img{width: 100%;height: 100%;object-fit: contain;position: relative;z-index: 2;}
.product_page_ld .img::before{display: block;content: '';border-radius: 50%;border: var(--font-active-color) solid 1px;width: 25vw;height: 25vw;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 1;}

.product_page_ld .text:nth-of-type(1),.product_page_ld .text:nth-of-type(5){transform: translateX(5vw);}
.product_page_ld .text:nth-of-type(3){transform: translateX(1.5vw);}
.product_page_ld .text:nth-of-type(4){transform: translateX(-1.5vw);}
.product_page_ld .text:nth-of-type(2),.product_page_ld .text:nth-of-type(6){transform: translateX(-5vw);}

.product_page_td{display: flex;justify-content:center;margin-top: 3vw;}
.product_page_td .text{display: flex;flex-direction: column;align-items: center;text-align: center;margin: 2vw 1vw 0; width: calc(20% - 1vw);}
.product_page_td .text .ico{width: 4vw;height: 4vw;background-color: var(--font-active-color);background: linear-gradient(to bottom, var(--font-active-color),var(--font-green-color));border-radius: 50%;display: flex;justify-content: center;align-items: center;overflow: hidden;transition:all .5s ease-in-out 0s}
.product_page_td .text .ico img{width: 3.5vw;height: 3.5vw;object-fit: contain;transform: translate(-3.5vw, 0); -webkit-transform: translate(-3.5vw, 0); -ms-transform: translate(-3.5vw, 0); -o-transform: translate(-3.5vw, 0);filter: drop-shadow(3.5vw 0 #fff); -webkit-filter: drop-shadow(3.5vw 0 #fff);image-rendering:auto;}
.product_page_td .text .title{font-weight: bold;margin-bottom: .3vw;font-size: var(--font-19);margin: .8vw 0;}
.product_page_td .text .des{line-height: 1.4;}

.product_page_td_list{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;}
.product_page_td_list .block{display: flex;flex-direction: column;align-items: center;text-align: center;justify-content: flex-start;width: 16.66%;margin-top: 1.5vw;}
.product_page_td_list .block .ico{width: 3.2vw;height: 3.2vw;background-color: var(--font-active-color);background: linear-gradient(to bottom, var(--font-active-color),var(--font-green-color));border-radius: 50%;display: flex;justify-content: center;align-items: center;overflow: hidden;transition:all .5s ease-in-out 0s}
.product_page_td_list .block .ico img{width: 2.6vw;height: 2.6vw;object-fit: contain;transform: translate(-2.6vw, 0); -webkit-transform: translate(-2.6vw, 0); -ms-transform: translate(-2.6vw, 0); -o-transform: translate(-2.6vw, 0);filter: drop-shadow(2.6vw 0 #fff); -webkit-filter: drop-shadow(2.6vw 0 #fff);image-rendering:auto;}
.product_page_td_list .block .title{margin: .5vw 0 0;font-size: var(--font-14);}


.product_page_ld .text:hover .ico,.product_page_td .text:hover .ico,.product_page_td_list .block:hover .ico{transform: scale(1.05);}


.product_page_specification_con{overflow-x:auto;margin-top: 2vw;}
.product_page_specification table{border:0;width: calc(100% - 15vw)!important;height: auto!important;;margin: 0 auto;table-layout:fixed;}
.product_page_specification table tr:hover{background-color: var(--font-hui-color);}
.product_page_specification table tr td{padding: .5vw 2vw;transition: all 0.3s ease;width: auto;}
.product_page_specification table tr td p{margin: 0;}

.product_page_apply{display: flex;justify-content: space-between;align-items: center;}  
.product_page_apply .text{display: flex;flex-direction: column;align-items: center;flex: 1;margin: 2vw .5vw 0;}  
.product_page_apply .text .img{ border-radius: var(--radius);}
.product_page_apply .text .img::after{display: block;content: '';padding-bottom: 75%;}
.product_page_apply .text .des{margin-top: .8vw;font-size: var(--font-18);}
.product_page_apply.first{justify-content: center;}
.product_page_apply.first .text .img::after{display: block;content: '';padding-bottom: 56.25%;}


.product_rel .layui-col-space{margin: -1vw;}
.product_rel .layui-col-space>*{padding: 1vw;}
.product_rel .item{margin-top: 2vw;}
.product_rel .img{border-radius: var(--radius);border: #f2f2f2 solid 1px;}
.product_rel .img::before{display: block;content:'';padding-bottom: 75%;}
.product_rel .title{text-align: center;margin-top: .5vw;}

.product_order{display: flex;align-items: center;justify-content: space-between;padding:3vw 0;position: relative;}
.product_order a{display: flex;display: flex;flex-direction: column;align-items: center;max-width: 30%;background: none!important;}
.product_order a:nth-of-type(2){position: absolute;left: 50%;transform: translateX(-50%);}
.product_order a i{font-size: var(--font-36);margin-bottom: .5vw;}


/**
SOLUTION
**/
.index_solution_block{position: relative;z-index: 2;background: #ffffff;}
.index_solution_block .index_title{position: absolute;left: 50%;top: 6vw;z-index: 2;transform: translate(-50%,0);color: #fff;}
.index_solution_swiper .img::before{display: block;content: '';padding-bottom: 41.67%;}
.index_solution_swiper .img:hover img{transform: none;}
.index_solution_swiper .img::after{display: block;content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.index_solution_swiper .img img{transition:1s linear 0s;transform:scale(1,1);}
.index_solution_swiper .swiper-slide-active .img img{transition:1s linear;transform:scale(1.05,1.05);}
.index_solution_swiper .text{position: absolute;left: 50%;top: 10vw;z-index: 2;transform: translate(-50%,0);color: #fff;display: flex;flex-direction: column;align-items: center;}
.index_solution_swiper .layui_btn_more.layui-btn{margin: 2vw auto 0;font-size: var(--font-20);}
.index_solution_swiper .layui_btn_more.layui-btn i{font-size: var(--font-24);}
.index_solution_swiper .text .des{margin-top: 1vw;}
.index_solution_item{width: 100%;position: absolute;left: 0;bottom: 0;z-index: 2;}
.index_solution_item .web_w{position: relative;}
.index_solutionList_swiper .swiper-wrapper{align-items: flex-end;}
.index_solutionList_swiper a{display: flex;flex-direction: column;align-items: center;justify-content: center;padding:1vw;background: rgba(255, 255, 255, .8);transition:all 400ms ease-in-out 0s;border-top-left-radius: var(--radius);border-top-right-radius: var(--radius);}
.index_solutionList_swiper .ico{width: 2.5vw; height: 2.5vw;overflow: hidden;}
.index_solutionList_swiper .ico img{width: 2.5vw; height: 2.5vw;display: block;margin: 0 auto;object-fit: contain;}
.index_solutionList_swiper .title{margin-top: .5vw;font-weight: bold;font-size: var(--font-18);}
.index_solutionList_swiper .img{height: 0;overflow: hidden;opacity: 0;;}
.index_solutionList_swiper .img::after{display: block;content:'';padding-bottom:41.67% ;}
.index_solutionList_swiper .swiper-slide-thumb-active{background-color:rgba(0, 102, 68, .8);padding: 1.5vw 2vw;align-items: flex-start;color: #fff;}
.index_solutionList_swiper .swiper-slide-thumb-active .img{height: 5vw;margin-top: 1vw;opacity: 1;}
.index_solutionList_swiper .swiper-slide-thumb-active .ico img{width: 2.5vw;height: 2.5vw;object-fit: contain;transform: translate(-2.5vw, 0); -webkit-transform: translate(-2.5vw, 0); -ms-transform: translate(-2.5vw, 0); -o-transform: translate(-2.5vw, 0);filter: drop-shadow(2.5vw 0 #fff); -webkit-filter: drop-shadow(2.5vw 0 #fff);image-rendering:auto;}


.index_solution_btn{position: absolute;bottom: 2.2vw;cursor: pointer;}
.index_solution_btn i{display: flex;justify-content: center;align-items: center;width: 2vw;height: 2vw;background: rgba(255, 255, 255, .2);font-size: var(--font-18);color: rgba(255, 255, 255, .6);border-radius: 50%;transition:all 300ms ease-in-out 0s;}
.index_solution_btn i:hover{background: var(--font-active-color);color: #fff;}
.index_solution_btn_prev{left: -3vw;}
.index_solution_btn_next{right: -3vw;}


.solution_list{border-radius: var(--radius);overflow: hidden;}
.solution_list .item{display: flex;justify-content: space-between;align-items: center;background-color: #fff;}
.solution_list .item:nth-of-type(even){flex-direction: row-reverse;}
.solution_list .item .img{width: 50%;}
.solution_list .item .img::after{display: block;content: '';padding-bottom: 62.5%;}
.solution_list .item .text{width: 50%;padding: 3vw;}
.solution_list .item .text .title{font-size: var(--font-30);font-weight: bold;}
.solution_list .item .text .des{font-size: var(--font-18);color: var(--font-dark-color);margin-top: 1vw;line-height: 1.8;text-align: justify;}
.solution_list .item .text .more_btn{text-align: right;margin-top: 3vw;}


.solution_page_ms{display: flex;justify-content: space-between;align-items: center;}
.solution_page_ms .text{width: 50%;padding: 0 3vw 0 0;}
.solution_page_ms .text .des{margin-top: 2vw;}
.solution_page_ms .img{width: 50%;border-radius: var(--radius);}
.solution_page_ms .img::before{display: block;content: '';padding-bottom: 62.5%;}


.solution_td{display: flex;margin: 1vw -1.5vw 0;}
.solution_td .item{padding: 3vw 2vw;display: flex;flex-direction: column;align-items: center;border: #e1e4eb solid 1px;flex: 1;margin: 2vw 1.5vw 0;border-bottom-left-radius: 5vw;border-top-right-radius: 5vw;transition:all 300ms ease-in-out 0s;background: #fff;}
.solution_td .item .ico{overflow: hidden;width: 4vw; height: 4vw;}
.solution_td .item .ico img{width: 4vw; height: 4vw;background-size: contain;transform: translate(-4vw, 0); -webkit-transform: translate(-4vw, 0); -ms-transform: translate(-4vw, 0); -o-transform: translate(-4vw, 0);filter: drop-shadow(4vw 0 var(--font-active-color)); -webkit-filter: drop-shadow(4vw 0 var(--font-active-color));image-rendering:auto;}
.solution_td .item .text{text-align: center;margin-top: 1.5vw;}
.solution_td .item .text .title{font-size:var(--font-20);font-weight: bold;}
.solution_td .item .text .title::after{display: block;content: '';width: 2em; height: 2px;background-color: var(--font-active-color);margin: .5vw auto 1vw;transition:all 300ms ease-in-out 0s;}
.solution_td .item .text .des{font-size: var(--font-16);text-align: center;}
.solution_td .item:hover{background: var(--font-active-color);color: #fff;border-color: var(--font-active-color);}
.solution_td .item:hover .ico img{filter: drop-shadow(5vw 0 #fff); -webkit-filter: drop-shadow(5vw 0 #fff);}
.solution_td .item:hover .title::after{background: #fff;}

.solution_gj_swiper{width: 100%;margin-top: 3vw;}
.solution_gj_swiper .swiper-slide{display: flex;justify-content: space-between;align-items: center;}
.solution_gj_swiper .swiper-slide .img{width: 50%;border-radius: var(--radius);background: #fff;}
.pro_page_box .about_page_box:nth-of-type(even) .solution_gj_swiper .swiper-slide .img{background: var(--font-gray-color);}
.solution_gj_swiper .swiper-slide .img::before{display: block;content: '';padding-bottom: 62.5%;}
.solution_gj_swiper .swiper-slide .text{width: 50%;display: flex;flex-direction: column;padding-left:3vw}
.solution_gj_swiper .swiper-slide .text .title{font-size: var(--font-24);font-weight: bold;}
.solution_gj_swiper .swiper-slide .text .des{font-size: var(--font-18);margin-top: 2vw;line-height: 2;text-align:justify;}
.solution_gj_swiper_pagination{position: relative;bottom: 0!important;display: flex;align-items: center;pointer-events: auto;justify-content: center;margin-top: 2vw;}
.solution_gj_swiper_pagination .swiper-pagination-bullet{border-radius: 1000vw;width: auto;height: auto;opacity: 1;background: none;color: var(--font-dark-color);font-size: var(--font-25);margin: 0 .6vw!important;transition:all 300ms ease-in-out 0s;padding: .2vw 2vw;}
.solution_gj_swiper_pagination .swiper-pagination-bullet-active,.solution_gj_swiper_pagination .swiper-pagination-bullet:hover{color: #fff;background-color: var(--font-active-color);}

.solution_jz{display: flex;justify-content: center;margin: 0 -1vw;}
.solution_jz .item{flex: 1;margin: 2vw 1vw 0;background-color: #fff;border-radius: var(--radius);overflow: hidden;}
.pro_page_box .about_page_box:nth-of-type(odd) .solution_jz .item{background-color: var(--font-gray-color);}
.solution_jz .item .img::before{display: block;content: '';padding-bottom: 62.5%;}
.solution_jz .item .text{display: flex;flex-direction: column;align-items: center;padding:2vw;}
.solution_jz .item .text .title{font-size: var(--font-20);font-weight: bold;}
.solution_jz .item .text .des{margin-top: 1vw;}


.solution_pro_swiper{width: 100%;margin-top: 3vw;}
.solution_pro_swiper .swiper-slide{display: flex;justify-content: space-between;align-items: flex-start;}
.solution_pro_swiper .swiper-slide .img{width: 50%;border-radius: var(--radius);background: #fff;}
.pro_page_box .about_page_box:nth-of-type(odd) .solution_pro_swiper .swiper-slide .img{background: var(--font-gray-color);}
.solution_pro_swiper .swiper-slide .img::before{display: block;content: '';padding-bottom: 76%;}
.solution_pro_swiper .swiper-slide .img img{object-fit: contain;}
.solution_pro_swiper .swiper-slide .text{width: 50%;display: flex;flex-direction: column;padding:2vw 0 6vw 3vw;}
.solution_pro_swiper .swiper-slide .text .subtitle{font-size: var(--font-24);font-weight: bold;}
.solution_pro_swiper .swiper-slide .text .subtitle a{color:var(--font-active-color)}
.solution_pro_swiper .swiper-slide .text .des{font-size: var(--font-18);margin-top: 2vw;line-height: 1.8;text-align:justify; overflow : hidden;text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical;}
.solution_pro_swiper_pagination{position: absolute;left:calc(50% + 3vw)!important;bottom: 0!important;display: flex;align-items: center;pointer-events: auto;z-index:10;}
.solution_pro_swiper_pagination .swiper-pagination-bullet{border-radius: var(--radius);width: 5vw;height: 5vw;opacity: 1;background: none;margin: 0 1vw 0 0!important;transition:all 300ms ease-in-out 0s;border: #fff solid 1px;overflow: hidden;}
.pro_page_box .about_page_box:nth-of-type(odd) .solution_pro_swiper_pagination .swiper-pagination-bullet{border: var(--font-gray-color) solid 1px;}
.solution_pro_swiper_pagination .swiper-pagination-bullet img{width:100%;height:100%;background-color: #fff;}
.solution_pro_swiper_pagination .swiper-pagination-bullet-active,.solution_pro_swiper_pagination .swiper-pagination-bullet:hover{border-color: var(--font-active-color)!important;}

.solution_case_swiper{width: 100%;margin-top: 3vw;}
.solution_case_swiper .swiper-slide{display: flex;justify-content: space-between;align-items: flex-start;}
.solution_case_swiper .swiper-slide .img{width: 50%;border-radius: var(--radius);background: #fff;}
.pro_page_box .about_page_box:nth-of-type(odd) .solution_case_swiper .swiper-slide .img{background: var(--font-gray-color);}
.solution_case_swiper .swiper-slide .img::before{display: block;content: '';padding-bottom: 56.25%;}
.solution_case_swiper .swiper-slide .text{width: 50%;display: flex;flex-direction: column;padding:2vw 3vw;}
.solution_case_swiper .swiper-slide .text .subtitle{font-size: var(--font-24);font-weight: bold;display: flex;flex-direction: column;}
.solution_case_swiper .swiper-slide .text .subtitle i{color:var(--font-active-color);font-size: var(--font-60);line-height: 1.4;}
.solution_case_swiper .swiper-slide .text .des{font-size: var(--font-18);margin-top: 2vw;line-height: 1.8;text-align:justify; overflow : hidden;text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical;}
.solution_case_swiper_pagination{position: absolute;width:50%!important;left:0!important;bottom: 0!important;display: flex;align-items: center;justify-content: flex-end;pointer-events: auto;z-index:10;padding-right: 3vw;}
.solution_case_swiper_pagination .swiper-pagination-bullet{opacity: 1;margin: 0 0 0 1vw!important;transition:all 300ms ease-in-out 0s;width: 3vw!important;border-radius: var(--radius)!important;}
.solution_case_swiper_pagination .swiper-pagination-bullet-active,.solution_case_swiper_pagination .swiper-pagination-bullet:hover{background-color: var(--font-active-color);}

.solution_contact{padding: 6vw 0;background:var(--font-active-color) url(../img/bg.jpg) no-repeat center center;background-size: cover;color: #fff;}
.solution_contact .layui-btn{margin: 3vw auto 0;padding: .3vw 3vw;height: auto;line-height: auto;background: #fff;font-size: var(--font-17);border-radius: 1000vw;color: var(--font-active-color);}
.solution_contact .layui-btn i{font-size: var(--font-20);}


/**
GUIDE
**/
.guide_menu_item{display: flex;justify-content: space-between;align-items: center;position: relative;z-index: 10;}
.guide_menu_item strong{font-size: var(--font-20);}
.guide_menu_item .layui-nav{background: none!important;padding: 0;}
.guide_menu_item .layui-nav .layui-nav-item{line-height: inherit;}
.guide_menu_item .layui-nav .layui-nav-item:not(:last-of-type){margin-right: 5vw;}
.guide_menu_item .layui-nav .layui-nav-item a ,.guide_menu_item .sort_name{font-size: var(--font-20);padding: 1.2vw 0;}
.guide_menu_item .layui-nav-bar, .guide_menu_item .layui-nav .layui-this::after{background-color: var(--font-active-color);border-radius: 100vw;}
.guide_menu_item .layui-nav .layui-nav-item.barhide:after{opacity: 0;}
.guide_menu_item .layui-nav.layui-bg-gray .layui-this a{color: var(--font-active-color);}

.guide_menu_item .layui-nav .layui-nav-item a .layui-nav-more{position: relative;right: 0;top: 0;margin-left: .3vw;}
.guide_menu_item .layui-nav .layui-nav-item .layui-nav-child{top: 100%;padding:1.2vw 0;box-shadow: none;border: none;background-color: var(--font-gray-color);}
.guide_menu_item .layui-nav .layui-nav-item .layui-nav-child dd{margin: 0;}
.guide_menu_item .layui-nav .layui-nav-item .layui-nav-child dd a{font-size: var(--font-17);padding: .3vw 1.5vw;font-weight: normal;color: var(--font-color);margin: 1px 0;}
.guide_menu_item .layui-nav .layui-nav-item .layui-nav-child dd a:hover,.guide_menu_item .layui-nav .layui-nav-item .layui-nav-child dd.layui-this a{color: var(--font-active-color);}

.filter_solution_menu{position: sticky;left: 0;top: 0;z-index: 10;}
.filter_solution .guide_menu_item .layui-nav .layui-nav-item a{font-size: var(--font-18);}

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


/*
NEWS
*/
.index_news_title{display: flex;justify-content: space-between;align-items: center;}
.index_news_title .name{display: flex;}
.index_news_title .title{font-size: var(--font-36);font-weight: bold;}
.index_news_title .title::after{display: block;content: '';width: 2em;height: 2px;background: var(--font-active-color);margin: .5vw 0 0;}
.index_news_title .subtitle{display: flex;align-items: center;font-size: var(--font-18);margin-left: 1vw;margin-top: .5vw;}
.index_news_title .subtitle a{margin-left: 1vw;color: rgba(0, 0, 0, .5);}
.index_news_title .subtitle a:hover{color: var(--font-active-color);}
.index_news_title .more{display: flex;align-items: center;}
.index_news_title .more span{display: block;position: relative;}
.index_news_title .more span::after{display: block;content: '';width:0;height: 1px;background: var(--font-active-color);position: absolute;left: 0;bottom: -.5vw;transition:all 300ms ease-in-out 0s;opacity: 0;}
.index_news_title .more:hover span::after{width: 100%;opacity: 1;}
.index_news_title .more i{display: flex;align-items: center;justify-content: center;width: 1.25vw;height: 1.25vw;border-radius: 50%;font-size: var(--font-10);background: var(--font-gray-color);margin-left: .6vw;transition:all 300ms ease-in-out 0s;}
.index_news_title .more:hover i{background: var(--font-active-color);color: #fff;}

.index_news_swiper{margin-top: 2vw;}
.index_news_swiper .swiper-slide{border-radius:var(--radius);overflow: hidden;background-color: #fff;height: auto;}
.index_news_swiper .swiper-slide .img::after{display: block;content: '';padding-bottom: 60%;}
.index_news_swiper .swiper-slide .item{padding:2vw;}
.index_news_swiper .swiper-slide .title{font-size: var(--font-20);font-weight: bold;}
.index_news_swiper .swiper-slide .des{color: var(--font-grey-color);margin-top: 1vw;}
.index_news_swiper .swiper-slide .date{display: flex;align-items: center;color: var(--font-grey-color);margin-top: 1vw;justify-content: space-between;}
.index_news_swiper .swiper-slide .date i{font-size: var(--font-15);}
.index_news_swiper .swiper-slide .date span:first-of-type i{margin-right: .3vw;}
.index_news_swiper_pagination{margin-top: 1.5vw;display: flex;justify-content: center;}

.article_warp{padding: 2vw 0 5vw;}

.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: 60%;}
.article_list .text{padding-top: 1vw;}
.article_list .text.center{text-align: center;}
.article_list .text .title{font-size: var(--font-18);overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.article_list .text .title br{display: none;}
.article_list .text .time{color: #b5b5b5;margin-top: .5vw;display: flex;align-items: baseline;}
.article_list .text .time i{margin-right: 3px;}
.article_list .layui-col-space{margin: -1vw;}
.article_list .layui-col-space>*{padding: 1vw;}

.layui-flow-more{width: 100%;margin: 1vw 0 0;}
.layui-flow-more a cite{border-radius:100vw;padding: .3vw 3vw;background-color: var(--font-hui-color);}
.layui-flow-more a cite i{font-size: var(--font-20);}

.article_page{padding: 3vw 0 5vw;position: relative;}
.article_page .web_w,.article_banner .web_w{width: 64vw;}

.article_bd ,.article_pos i{font-size: var(--font-15);}

.article_pos{position: absolute;right:18vw;bottom:2vw;}

.article_box{font-size:var(--font-18);line-height:2;}
.article_box img{max-width:100%;display:inline;height:auto}
.article_box p{margin:0 0 var(--font-18);line-height:2;}
.article_box p.none{line-height: .5;}
.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-15);}


.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:1vw;display:flex;justify-content:center;}
.article_pics_swiper_box .swiper-pagination .swiper-pagination-bullet{width:.6vw;height:.6vw;display:inline-block;margin:0 .3vw;}
.article_pics_swiper_box .swiper_scroll_btn{background-color: var(--font-dark-color);color: #fff;border:0;position: absolute;top: 50%;transform: translateY(-50%);z-index: 2;}
.article_pics_swiper_box .article_case_prev{left: -3vw;opacity: 0;}
.article_pics_swiper_box .article_case_next{right: -3vw;opacity: 0;}
.article_pics_swiper_box:hover .article_case_prev{left: 1vw;opacity: 1;}
.article_pics_swiper_box:hover .article_case_next{right: 1vw;opacity: 1;}
.article_pics_swiper_box .swiper_scroll_btn i{color:#fff;}
.article_pics_swiper_box .swiper_scroll_btn.swiper-button-disabled{cursor: not-allowed;}
.article_pics_swiper_box .swiper_scroll_btn:hover{background-color: var(--font-active-color);color: #fff;}
.article_pics_swiper_box .swiper-pagination-bullet{border: #fff solid 1px;}
.article_pics_swiper_box .swiper-pagination-bullet-active{background: var(--font-active-color);border: 0;}


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

.article_sarch{padding: 1vw 0 5vw;}
.article_sarch .article_list{margin-top: 1vw;}
.article_sarch .down_paper_list{margin-top: 2vw;}
.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:var(--font-gray-color);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;}
.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-dark-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;color: #fff;}

.article_order{margin-top:2vw;padding:1.2vw 0;border-top:#e1e1e1 solid 1px;border-bottom:#e1e1e1 solid 1px;position:relative;}
.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';}
.article_order dd:last-of-type::after{display:inline-block;content:'\e602';margin-left:.6rem;font-family:'layui-icon';}
.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);}

.social-share-icon{position: relative;}
.wechat-qrcode{display:none;border:1px solid #eee;position:absolute;z-index:9;top:-12vw;left:50%;transform: translateX(-50%);width:10vw;font-size:var(--font-16);text-align:center;background-color:#fff;box-shadow:0 2px 10px #aaa;transition:all 200ms;-webkit-tansition:all 350ms;-moz-transition:all 350ms;color: #999;}
.wechat-qrcode h4{font-weight:normal;height:2vw;font-size:var(--font-16);background-color:#f3f3f3;margin:0;padding:0;display: flex;justify-content: center;align-items: center;}
.wechat-qrcode .qrcode{width:100%;padding: 1rem;}
.wechat-qrcode .qrcode canvas{width: 100%;display: block};
.wechat-qrcode .help{color: #999;}
.wechat-qrcode:after{content:'';position:absolute;left:50%;margin-left:-6px;bottom:-13px;width:0;height:0;border-width:8px 6px 6px 6px;border-style:solid;border-color:#fff transparent transparent transparent}
.social-share-icon:hover .wechat-qrcode{display:block}

.article_sarch .tag_listall{margin-top:2vw;}
.article_sarch .tag_listall a.layui-btn{border-radius: var(--radius);}
.article_sarch .tag_listall a.layui-btn:hover{color: #fff!important;}


/*
SERVICE
*/
.service_block{padding: 4vw 0;}
.service_block_item{display: flex;justify-content: space-between;}
.service_block_item dt ,.service_block_item dd{width: 48%;}
.service_block_item dt{display: flex;border-radius: 0 0 0 8.333vw;overflow: hidden;}
.service_block_item dt::before{display: block;content: '';padding-bottom: 70%}
.service_block_item dt img{display: block;width: 100%;height: 100%;object-fit: cover;position: absolute;left: 0;top: 0;}

.service_block_item dd{background-color: #F2F2F2;padding: 3vw;display: flex;flex-direction: column;justify-content: space-between;transition: all 300ms ease-in-out 0s;border-radius: 0 8.333vw 0 0;overflow: hidden;}
.service_block_item.last dd{border-radius: 0 0 8.333vw 0;}
.service_block_item dd:hover{box-shadow: 0 0 1rem 1rem rgba(0, 0, 0, .02);}
.service_block_item dd .title{font-size: var(--font-36);font-weight: bold;line-height: 1.4;}
.service_block_item dd .title::after {display: block;content: '';width: 5rem;height: 1px;background-color: #CCCCCC;margin-top: 2vw;}
.service_block_item dd .text{text-align: justify;line-height: 2;font-size: var(--font-18);margin-top: 3vw;}
.service_block_item dd .more,.service_block_item dd .more i{font-size: var(--font-20);font-weight: bold;margin-top: 2vw;}


.service_contact{display: flex;justify-content: space-between;margin-top: 3%;}
.service_contact .map_cn{width: 65%;}
.service_contact .contact_from{width: 32%;flex-direction: column;}
.service_contact .contact_from .layui-form-item{width: 100%;}
.service_contact .contact_from .layui-form-item .form_code ,.service_contact .contact_from .layui-form-item.flex .layui-btn{width: 100%;}
.service_contact .contact_from .layui-form-item.flex .layui-btn{margin-top: 2vw;}

.service_faq_list.layui-nav{width: 100%;color: var(--font-color);background: none!important;}
.service_faq_list.layui-nav *{font-size: var(--font-16);}
.service_faq_list.layui-nav .layui-nav-item.layui-nav-itemed{background: #fff!important;}
.service_faq_list.layui-nav-tree.layui-bg-gray .layui-nav-child{padding:1vw 1.5vw;color: var(--font-color);white-space: normal;}
.service_faq_list.layui-nav-tree .layui-nav-item:not(:last-of-type){margin-bottom: 1vw;}
.service_faq_list.layui-nav-tree .layui-nav-item a{height: auto;line-height: inherit;white-space: wrap;background-color: var(--font-gray-color);border: 0;}
.service_faq_list.layui-nav-tree .layui-nav-item > a{display: flex;align-items: center;justify-content: space-between;padding:1vw 1.5vw;font-size: var(--font-16);height: auto;line-height: normal;border-bottom: #f2f2f2 solid 1px;border-top: #f2f2f2 solid 1px;color: var(--font-color);margin-top: -1px;}
.service_faq_list.layui-nav-tree .layui-nav-item.layui-nav-itemed > a{background: var(--font-active-color);color: #fff!important;}
.service_faq_list.layui-nav-tree .layui-nav-item > a .layui-nav-more{position: relative;padding: 0;right: 0;}


.service_down_list li:not(:last-of-type){margin-bottom: 3vw;}
.service_down_list li .item{display: flex;background-color: #f9f9f9;padding: 2vw;border-top: #E6E6E6 solid 3px;justify-content: space-between;flex-direction: column;position: relative;}
.service_down_list li .item:before{ display:block; content:''; position:absolute; left:25%;top: -3px; width:50%;opacity: 0; height:3px; background-color:var(--font-active-color); bottom:0;transition: .4s;}
.service_down_list li .item:hover:before{opacity: 1;left: 0;width: 100%;}
.service_down_list li .title{font-weight: bold;display: flex;justify-content: space-between;align-items: center;transition: all 300ms ease-in-out 0s;font-size: var(--font-16);}
.service_down_list li .item:hover .title{color: var(--font-active-color);}
.service_down_list li table{margin: 1vw 0 0;}
.service_down_list li table tr th{font-weight: bold;}
.service_down_list li table tr th,.service_down_list li table tr td{font-size: var(--font-15);border-color: #dedede;}
.service_down_list li table .text-center{text-align: center;}

/*
CONTACT
*/
.contact_info{display: flex;justify-content: space-between;}
.contact_info .item{width: calc(50% - 1vw);padding: 3vw;background-color: #fff;display: flex;flex-direction: column;align-items: center;border-radius: var(--radius);transition:all 300ms ease-in-out 0s}
.contact_info .item:hover{box-shadow: 0 0 10px 10px rgba(0, 0, 0, .03);}
.contact_info .item .ico{font-size: var(--font-48);color: var(--font-active-color);}
.contact_info .item .text{margin-top: 1.5vw;text-align: center;font-size: var(--font-18);}
.contact_info .item .text .title{font-size: var(--font-24);font-weight: bold;margin-bottom: 1vw;color: var(--font-dark-color);}
.contact_info .item .text .des{display: inline-block;text-align: left;}
.contact_info .item .wx_img{margin: 0 auto;text-align: center;color: var(--font-dark-color);display:flex;}
.contact_info .item .wx_img .list{display:flex;flex-direction:column;margin:0 .2vw;align-items: center;}
.contact_info .item .wx_img img{width: 7.5vw;margin-bottom: .2vw;border-radius:var(--radius);}

.contact_info .item .footer_bottom_media{margin-top:1.5vw;}
.contact_info .item .footer_bottom_media a{background-color: var(--font-gray-color);}

.contact_map{width: 100%;margin-top: 2vw;height: 26vw;border-radius: var(--radius);}
.map_cn .content{padding: 1vw;width: 30vw;position:relative;}
.map_cn .content .img{width:4.5vw;display:block;position:absolute;right:1vw;top:1vw;}
.map_cn .title{font-weight: bold;font-size: var(--font-18);color: var(--font-active-color);}
.map_cn .text{margin-top: .8vw;}
.map_cn .text p:last-of-type{margin-bottom: 0;}


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

.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 .layui-form-checkbox > div{white-space: inherit;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;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 .layui-form-item.flex::after{display: none;}
.contact_from .layui-form-item.flex .layui-input-wrap{display: flex;align-items: center;width:inherit;}
.contact_from .layui-form-item .form_code{width: 47%;justify-content: space-between;flex-wrap: nowrap;}
.contact_from .layui-form-item .form_code .layui-input-wrap{width: 100%;}
.contact_from .layui-form-item .form_code .layui-input{border-top-right-radius: 0;border-bottom-right-radius: 0;}
.contact_from .layui-form-item .codeimg{height: 2.6vw;border-top-right-radius: var(--radius);border-bottom-right-radius: var(--radius);}
.contact_from .layui-form-item.flex .layui-btn{width: 15vw;}
.contact_from .layui-form-item.justify_end .layui-btn{width: 100%;}

.contact_box{padding: 4vw 0;}
.contact_box .contact_from{display: flex;justify-content: space-between;flex-wrap: wrap;position: relative;z-index: 10;margin-top: 2vw;padding: 0 var(--web-plr);}
.contact_box .contact_from .layui-form-item{width:48%;}
.contact_box .contact_from .layui-form-item{margin:0 0 1.5vw 0;}
.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{width: 100%;}

.contact_box .contact_from .layui-input-suffix{right:0;width: auto;}
.contact_box .contact_from .layui-form-select .layui-edge{right:.8vw;border-top-color: var(--font-grey-color);}
.contact_box .contact_from .layui-form-select dl{border-radius: var(--radius);top:100%;margin: 0;bottom: inherit;}
.contact_box .contact_from .layui-form-select dl dd{padding: 0 1vw!important;}
.contact_box .layui-form-select dl dd.layui-this{color: #fff;background: var(--font-active-color);font-weight: normal;}


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

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

.inquire_box .inquire_left{width: 50%;background: var(--font-active-color) url(/static/images/inquire_bg.jpg) bottom right no-repeat;background-size: 100% auto;display: flex;flex-direction: column;justify-content:space-between;padding: 2vw 3vw;position: relative;color: #FFF;}
.inquire_box .inquire_left .name{font-size: var(--font-32);line-height: 1.2;font-weight: bold;text-align: center;}
.inquire_box .inquire_left .con{margin-top: 2vw;}
.inquire_box .inquire_left .con p{display: flex;flex-direction: column;margin: 0 0 1.3vw;}
.inquire_box .inquire_left .con p strong{font-weight: normal;display: flex;align-items: center;}
.inquire_box .inquire_left .con p i{width: .8vw; height: .8vw;background: #fff;color: var(--font-active-color);font-size: var(--font-12);border-radius: 50%;display: flex;align-items: center;justify-content: center;margin-right: .3vw;flex-shrink: 0;}
.inquire_box .inquire_left .con p span{color:rgba(255,255,255,.5);display: flex;align-items: center;}
.inquire_box .inquire_left .con p span i{visibility: hidden;}

.inquire_box .inquire_left .title{font-size: var(--font-36);display: flex;flex-direction: column;line-height: 1.2;}
.inquire_box .inquire_left .title span:first-of-type{font-size: var(--font-50);}
.inquire_box .inquire_left .img{display: block;width: 9vw;position: absolute;right: 3vw;bottom: 2.6vw;}
.inquire_box .inquire_left .text{display: flex;flex-direction: column;margin-top: 1vw;}
.inquire_box .inquire_left .text span:last-of-type{font-size: var(--font-20);font-weight: bold;}
.inquire_box .inquire_left .text a{color: #fff;}

.inquire_box .inquire_right{width: 50%;background-color: #fff;padding:2vw 3vw;}
.inquire_right_title{display: flex;flex-direction: column;line-height: 1.2;text-align: center;}
.inquire_right_title span:first-of-type{font-size: var(--font-36);font-weight: bold;}
.inquire_right_title span:last-of-type{color: var(--font-dark-color);margin-top: .5vw;}
.inquire_box .inquire_right .inquire_contact_from{margin-top: 2vw;}
.inquire_box .contact_from .layui-form-item:not(.last) .layui-input-affix{width: auto;}


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

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

.inquire_contact_from .layui-input-suffix{right: 0;}


/*
FOOTER
*/
.footer{background: #f3f3f3;padding:5vw 0 0;position: relative;z-index: 2;}
.footer_box{display: flex;justify-content: space-between;}
.footer_left{display:flex;flex-direction: column;max-width: 19vw;}
.footer_logo{width: 11vw;}
.footer_left .text{margin-top: 1vw;color: var(--font-dark-color);text-align: justify;line-height: 1.8;}


.footer_nav{display: flex;flex-wrap: wrap;background: none;border-radius: 0;width: calc(100% - 28vw)!important;margin: 0;justify-content: space-between;color: var(--font-color);}
.footer_nav *{font-size: var(--font-15);}
.footer_nav .layui-nav-item{width: auto;}
.footer_nav .layui-nav-item a{padding: 0;height: inherit;line-height: initial;color: var(--font-color);display: inline-block;overflow:inherit;white-space: wrap;}
.footer_nav .layui-nav-itemed > a{pointer-events: none;color: var(--font-color)!important;}
.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;display: block;}
.footer_nav .layui-nav-child dd{margin-top: .6vw;display: flex;flex-direction: column;}
.footer_nav .layui-nav-child dd a{color: var(--font-dark-color);}
.footer_nav .layui-nav-child dd a:hover{color: var(--font-active-color);}
.footer_nav .layui-nav-bar,.footer_nav .layui-this::after{display: none;}
.footer_nav .layui-this ,.footer_nav .layui-this a{background: none!important;}

.footer_tel{display: flex;flex-wrap: wrap;align-items: center;position: absolute;right: 0;top: -2.8vw}
.footer_tel .item{display: flex;align-items: flex-end;flex-direction: column;line-height: 1;}
.footer_tel .item:nth-of-type(1){display: flex;align-items: center;justify-content: flex-start;transform: translateX(-.3vw);}
.footer_tel .item:nth-of-type(1) i{font-size: var(--font-44);}
.footer_tel .item span{color: var(--font-dark-color);font-size: var(--font-14);}
.footer_tel .item i{color: var(--font-dark-color);}
.footer_tel .item b{font-size: var(--font-24);color: var(--font-color);line-height: 1;}
.footer_tel .item b a{font-size: var(--font-24);color:var(--font-active-color);}
.footer_tel .item b a:hover{color:var(--font-active-color)!important;}

.footer_address{display: flex;margin-top: .6vw;}  
.footer_address .title{font-weight:bold;}
.footer_address .block:not(:first-of-type){margin-left: 1vw;}

.footer_word{margin-top: .5vw;display: flex;align-items: first baseline;white-space: wrap;max-width: 12vw;}
.footer_word i{font-size: var(--font-20);margin-right: .3vw;transform: translateY(.1vw);}

.footer_bottom_box{padding: 1.1vw 0;background: var(--font-active-color);color: #fff;margin-top: 4vw;}
.footer_bottom_info a{color: #fff;}
.footer_bottom_info .item{display: flex;align-items: center;justify-content: center;white-space: pre;}
.footer_bottom_info span{margin: 0 1vw;}
.footer_bottom_info .item:last-of-type{margin-top: .5vw;}
.footer_bottom_info em{font-style: normal;}

.footer_bottom_media{display: flex;align-items: center;margin-top: 1vw;justify-content: flex-end;}
.footer_bottom_media a{font-size: var(--font-20)!important;position: relative;width: 1.8vw!important;height: 1.8vw!important;background:#fff;color: var(--font-dark-color);display: flex!important;;justify-content: center!important;align-items: center!important;border-radius: 50%;flex-shrink: 0;}
.footer_bottom_media a:not(:first-of-type){margin-left: .7vw;}
.footer_bottom_media a img{width: 120px;height: 120px;position: absolute;left: 50%;top:-4vw;transform: translate(-50%,-50%);border-radius: var(--radius);visibility: hidden;opacity: 0;transition: all .5s;box-shadow: 0 0 .26042vw rgba(0,0,0,.4);padding: .3vw;background: #fff;}
.footer_bottom_media a:hover{background-color: var(--font-active-color)!important;color: #fff!important;}
.footer_bottom_media a:hover img{opacity: 1;visibility: inherit;top: -3.3vw;}

.layui-fixbar{margin:0;padding:0;}
.layui-fixbar li{width: var(--font-50);height:var(--font-50);line-height:inherit;border-radius: var(--radius);display: flex;justify-content: center;align-items: center;position: relative;background-color: var(--font-green-color);color:  #fff;margin-top:5px;background: linear-gradient(to right, var(--font-active-color),var(--font-green-color));font-size:var(--font-12);display:flex;flex-direction:column;align-items:center;line-height:1.4;}
.layui-fixbar{font-size: var(--font-18);}
.layui-fixbar .fonttop{margin-top: 5px;box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.05) inset;border-radius: var(--radius);overflow: hidden;box-shadow: none;}
.layui-fixbar li.fontwechat{background:#2aae67;}
.layui-fixbar li:before{font-size: var(--font-20);line-height:1;}
.layui-fixbar .layui-fixbar-top:before{font-size: var(--font-32);}


.index_link{width:100%;margin-top:1vw;font-size:var(--font-15);color: #595959;}
.index_link span{display:inline-block;}
.index_link a{display:inline-block;margin-right:1vw;color: #595959;}
.index_link a:first-of-type{margin-left:1vw;}
.index_link a img{display:inline-block;width:var(--font-16);height:var(--font-16);border-radius:50%;margin-right:3px;}
.index_link a:hover{color:var(--font-active-color);}

@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{background-color:rgba(0,0,0,.5);}


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

/*
Banner
*/
.banner{position:relative;background-position: center;background-repeat: no-repeat;background-size: cover;width: 100%;overflow: hidden;background-color: var(--font-grey-color);}
.banner .img{ display:block; width:100%;margin: 0 auto;object-fit: cover;max-height: var(--i-window-height);}
.banner .text{width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: center;align-items: flex-start;position: absolute;left: 0;top: 0;}
.banner .text.center{text-align: center;}
.banner .text.right{text-align: right;}
.banner .text .title{font-size: var(--font-40);line-height: 1.3;font-weight: bold;}
.banner .text .des{margin-top: 1vw;font-size: var(--font-18);}
.banner .text .more_btn{display: flex;justify-content: center;margin-top: 2vw;}
.banner_pos{position: absolute;bottom: 0;left: 0;width: 100%;padding: 1vw 0;text-align: right;}
.banner_pos.white ,.banner_pos.white a,.banner .text.white{color: #fff;}
.guide_menu_pos ,.guide_menu_pos i{font-size: var(--font-15);}
.guide_menu_pos{padding: 1.5vw 0; text-align: right;}

.article_banner{padding: 12vw 0;background:#f7f7f7;}
.article_banner .text{background: none;color: var(--font-color);}
.article_date{color: var(--font-dark-color);display: flex;margin-top: 2.5vw;font-weight: normal;font-size:var(--font-15);}
.article_date .item:not(:first-of-type){margin-left: 2vw;}
.article_date a{color: var(--font-dark-color);}
.article_date a:hover{color: var(--font-active-color);}
.article_date i{font-size:var(--font-16);margin-right: .3vw;}
.article_back{margin-bottom: 1.5vw;}
.article_back span{font-size: var(--font-16)!important;}
.article_back a{color:var(--font-color);}
.article_back a i{font-size:var(--font-18);margin-right: .3vw;}
.article_back a:hover{color:var(--font-active-color);}
.article_title{font-size: var(--font-40);font-weight: bold;}

/*
laypage
*/
#laypage{width:100%;padding:0;}
#laypage .layui-laypage-default{margin-top: 2vw;width:100%;}
.layui-laypage-default{display: flex;justify-content: center;align-items: center;margin: 3vw 0 0;}
.layui-laypage-default a{width: 1.8vw;height: 1.8vw;padding: 0;margin: 0 .3vw;border-radius: 50%!important;display: flex;align-items: center;justify-content: center;}
.layui-laypage-default a:hover{color: var(--font-active-color);}
.layui-laypage-default a.page-num{padding:0;}
.layui-laypage-default a.page-num-current{background-color: var(--font-active-color);color: #fff;border: none;}
.layui-laypage-default span{width: 1.8vw;height: 1.8vw;margin: 0;margin: 0 .3vw;padding:0;border: none;color: var(--font-color);border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.layui-laypage-default .layui-laypage-curr .layui-laypage-em{background-color: var(--font-active-color);left: 0;top: 0;padding: 0;border-radius: 50%!important;}

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




@media screen and (max-width:768px) { 
:root{
    --swiper-navigation-size: 20px;
    --font-200:26.667vw;
    --font-100:26.667vw;
    --font-80:21.333vw;
    --font-75:19.667vw;
    --font-70:18.667vw;
    --font-60:16vw;
    --font-55:14.667vw;
    --font-50:13.021vw;
    --font-48:12.8vw;
    --font-47:12vw;
    --font-44:11.733vw;
    --font-40:9.346vw;
    --font-36:8.411vw;
    --font-35:8.313vw;
    --font-34:8.213vw;
    --font-32:7.477vw;
    --font-30:7.009vw;
    --font-26:6.075vw;
    --font-24:5.607vw;
    --font-22:5.14vw;
    --font-20:4.673vw;
    --font-19:4.44vw;
    --font-18:4.206vw;
    --font-17:3.972vw;
    --font-16:3.738vw;
    --font-15:3.505vw;
    --font-14:3.271vw;
    --font-13:3.037vw;
    --font-12:2.804vw;    
    --font-11:2.304vw;
    --font-10:1.704vw;
    --web-width:100%;
    --web-plr:0;
    --radius:10px;
    --swiper-navigation-size: 8.974vw;
}
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-16);padding-bottom: var(--font-44);}
body::before{display:none;}
.lazy_preloader{width: 8vw;height: 8vw;margin-left: -4vw;margin-top: -4vw;border: 3px solid var(--font-color);border-top-color: transparent;}

.layui-main,.web_w{padding:0}
.layui-table{color:var(--font-color);margin:6vw 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-16);}
.layui-layer-photos-prev,.layui-layer-photos-next{width:9.744vw!important;height:9.744vw!important}
.layui-layer-photos{width: 100%!important;height: auto!important;}
.layui-layer-photos .layui-layer-photos-prev{left: 0;transform: scale(.7);}
.layui-layer-photos .layui-layer-photos-next{right: 0;transform: scale(.7);}
.layui-layer-photos-footer{display: flex;align-items: center;justify-content: center;}
.layui-layer-photos-footer h3{margin: 0;}


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

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

blockquote{padding: 3vw;}
p + blockquote{margin: 5vw 0 3vw;}


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


.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;}
.form_search .layui-btn{width: 10vw;height: 10vw;font-size: var(--font-20);}

/*
BUTTON
*/
.layui_btn_more.layui-btn{height: auto;line-height: initial;padding: 2vw 3vw;}

.public_button_text {width: 28vw;padding: 0 8vw 0 0;}
.public_button_icon {width: 8vw;height: 8vw;}
.public_button_label {font-size: var(--font-14);line-height: 8vw;}
.public_button_icon svg {width: 3vw;}
.public_button_circle {cx: calc(100% - 5vw);cy: 4vw;rx: 4vw;ry: 4vw }
.public_button_box {-webkit-border-radius: 4vw;border-radius: 4vw;}
.public_button_active .public_button_circle {cx: 4.34782vw;}
.public_button_box:hover .public_button_text {padding: 0 8vw 0 0;}
.public_button_box:hover .public_button_icon {left: 100%;-webkit-transform: translateX(-100%);transform: translateX(-100%);}
.public_button_box:hover .public_button_label {color: #fff;}
.public_button_box:hover .public_button_icon {background: var(--font-active-color);}
.public_button_box:hover .public_button_icon svg {fill: #fff;}
.public_button_box:hover .public_button_color {fill:var(--font-active-color);}


/*
header
*/
.header.fixed{background: #fff;}
.header.header_scrlltop{top:0;}
.header_nav.layui-nav *{font-size: var(--font-15);}
.header_nav .layui-nav-item .layui-nav-child dd{padding: 3vw 0;}
.header_nav .layui-nav-item .layui-nav-child dd a::after,.fliterYx .header:after {display: none;}
.header.fixed{position: relative;box-shadow: none;}
.header.sticky{position: fixed;}
.header .menu{display: flex;align-items: center;justify-content: space-between;width: 100%;height:14vw;padding: 0 3vw;} 
.header .logo{display: flex; align-items: center;position: relative;overflow: hidden;height: 100%;overflow:hidden;}
.header .logo img{display: block;height:10vw!important;}
.mobile_menu_btn{display: flex;}
.header_nav{background:none;display: flex;flex-direction: column;align-items: center;position: static;padding: 0;height: 100%;display: none;transform: none;left: 0;height: auto;}
.header_nav.layui-nav-tree{display: flex;width: 100%;}
.header_nav .layui-nav-item{line-height: initial}
.header_nav .layui-nav-item.fliter_flag{padding-right: 0;}
.header_nav .layui-nav-more{position: relative;right: 0;margin-left: 5px;}
.header_nav .layui-nav-item .layui-nav-child .flex{flex-direction: column;justify-content: flex-start;}
.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;}
.header_nav.layui-nav-tree .layui-nav-item a{color: var(--font-color)!important;}
.header_nav .layui-nav-item .layui-nav-child dd a:hover{background:none;}

.header_nav .layui-nav-item .layui-nav-child dd a .ico{height: 7vw;width: 7vw;margin:0 6px 0 0;}
.header_nav .layui-nav-item .layui-nav-child dd:not(:last-of-type){margin-right:0;}
.header_nav .layui-nav-item .layui-nav-child dd a .ico img{width: 7vw;transform: translate(-7vw, 0); -webkit-transform: translate(-7vw, 0); -ms-transform: translate(-7vw, 0); -o-transform: translate(-7vw, 0);filter: drop-shadow(7vw 0 var(--font-active-color)); -webkit-filter: drop-shadow(7vw 0 var(--font-active-color));image-rendering:auto;}

.header_nav .layui-nav-more{display: flex;}
.header_nav .layui-nav-item .layui-nav-child .flex_box{padding: 0;}
.header_nav .layui-nav-item .layui-nav-child .flex_box .text{width: 100%;}
.header_nav .layui-nav-item .layui-nav-child .flex_box .img,.header_nav .layui-nav-item .layui-nav-child .flex_box .text::before,.header_nav .layui-nav-item.fliter_flag .parent_a::after{display: none;}



.header_btn{position: absolute;display: flex;justify-content: space-between;align-items: center;}

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

.skin_menu .header_search{display: flex;margin: 5vw 3vw 0;width: auto;}
.skin_menu .header_search .layui-input{height: 10vw;line-height: 10vw;padding-left: 3vw;font-size: var(--font-14);width:100%;}
.skin_menu .header_search .layui-input.active{width:100%;}
.skin_menu .header_search .layui-btn{width: 10vw;height: 10vw;font-size: var(--font-20);}

.skin_menu .header_tab .hd{width: 100%;flex-direction: column;}
.skin_menu .header_tab .hd a{width: 100%;padding: 2.5vw 0; margin: 0;height: auto;line-height: inherit;display: flex;justify-content: space-between;}
.skin_menu .header_tab .hd a::after ,.skin_menu .header_nav .layui-nav-item .layui-nav-child dd a::after{display: block;content: '\e602';font-family: 'layui-icon';color: #8b8b8b;}
.skin_menu .header_nav .layui-nav-item .layui-nav-child dd a::after{position: relative;left: 0;bottom: 0;opacity: 1; width: auto;height: auto;}
.skin_menu .header_tab .hd a{background: none!important;}
.skin_menu .header_tab .bd{display: none;}

.skin_menu .footer_address{padding:0 3vw;margin-top: 10vw;}

.header.fixed .layui-nav-item .parent_a, .header.fixed .header_search{color: var(--font-color)!important;}

.skin_menu .footer_con{padding: 0 3vw;margin-top: 6vw;}
.skin_menu .footer_word{max-width: 100%;}
.skin_menu .footer_word i{margin-right: 1vw;transform:translateY(.3vw);}


.header_search{font-size: var(--font-20);color: var(--font-color);}
.header_search::after{height: 4vw;background: var(--font-color)!important;margin:0 3vw;}
.header_search_box{padding: 2vw 3vw;}
.header_search_form .layui_close{width: 10vw;height: 10vw;}
.header_search_form .layui-input-wrap{width: calc(100% - 10vw)}
.header_search_form .layui-input{height: 10vw;line-height: 10vw;padding-left: 1vw;}
.header_search_form .layui-btn{width: 6vw;height: 10vw;font-size: var(--font-18);background: none;border: none;box-shadow: none;display: flex;align-items: center;justify-content: flex-end;}

.skin_search_dropdown{width:calc(100% - 6vw);padding: 5vw;margin-top: 3vw!important;}
.skin_search_dropdown .layui-menu{padding:0;max-height:70vh;overflow:auto;overflow-x: hidden;}
.skin_search_dropdown .layui-menu li{padding: 1.5vw 0;}
.skin_search_dropdown .layui-menu li a{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.skin_search_dropdown .layui-menu li em{display: none;}
.skin_search_dropdown .layui-menu-body-title{white-space: wrap;overflow: inherit;}

.quick_link_box{background-color:#f8f8f8;padding: 5vw;border-radius: var(--radius);margin-top: 3vw;}

/**
INDEX_BANNER
**/
.index_banner .swiper-slide::before{display:block;content:'';padding-bottom:102.5%;}
.index_banner .text{padding:0 3vw ;justify-content: flex-start;padding-top: 15vw;}

.index_banner .text .title{font-size:var(--font-19);line-height: 1.4;display: flex;flex-direction: column;align-items: center!important;text-align: center;}
.index_banner .text .subtitle{font-size: var(--font-24);margin-bottom: 3vw;margin-top: 3vw;font-weight: bold;display: flex;flex-direction: column;align-items: center!important;text-align: center;}
.index_banner .text .des{display: flex;flex-direction: column;text-align: center;display: none;}
.index_banner .index_banner_button{margin: 8vw auto 0;justify-content: center;display: none;}

.swiper_pagination_item{margin-right:10px;}
.swiper_pagination_icon{width:30px;height:5px;}
.index_banner_pagination{bottom: 5vw;right: auto;left: 0;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_navigation,.index_float_box{display: none;}

.index_banner .swiper-slide .link_video .img{display:block;}
.link_video_btn{display: flex;width: 10vw;height: 10vw;background-color: rgba(255, 255, 255, 0.5);display: flex;align-items: center;justify-content: center;font-size: var(--font-20);color: var(--font-color);border-radius: 50%;margin: 5vw auto 0;}

/*
BUTTON
*/
.layui_btn_more.layui-btn{padding: 1.3vw 5vw;}

/*
BLOCK
*/
.index_block{padding: 10vw 3vw;}
.index_block.first{padding: 6vw 3vw;}
.index_title .title ,.about_company_title{font-size: var(--font-24);line-height: 1.4;font-weight: bold;}
.index_title .title::after,.about_company_title:after{width: 2em;margin-top: 2vw;}
.index_title .des{margin-top:2vw;}

/*
ABOUT
*/
.index_about{padding-top: 0;}
.index_about_block{flex-direction: column;}
.index_about_block .img{width:100%;border-radius: var(--radius);margin-top: 5vw;}
.index_about_block .img::after{display: block;content: '';padding-bottom: 80%;}
.index_about_text{width:100%;margin-top: 2vw;}
.index_about_text .title{display: none;}
.index_about_text .text{margin-top: 3vw;text-align: justify;line-height: 1.6;font-size: var(--font-16);}
.index_about_text .layui-btn {padding: 1vw 5vw;margin-top: 4vw;}


.index_about_swiper{width: 100%;margin: 0;border-radius: var(--radius);overflow: hidden;}
.index_about_swiper .img{height:100%;}
.index_about_swiper .img::after{display: block;content: '';padding-bottom: 70%;}
.index_about_swiper .img img{	transition:1s linear 2s;transform:scale(1.1,1.1);}
.index_about_swiper .swiper-slide-active img{	transition:6s linear;transform:scale(1,1);}
.index_about_swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background: var(--font-active-color);}

.scrollnum_item img{display: block;height: 8vw;margin: 0 auto 2vw;}
.scrollnum_text ,.scrollnum_title sup{font-size: var(--font-16);}
.scrollnum_title{margin-top: 1vw;}
.scrollnum_number{font-size: var(--font-18);font-weight: bold;}


.index_about{flex-direction: column;}
.index_about_swiper{width: 100%;}
.index_about_video_btn{font-size: var(--font-36);}
.index_about_con{width: 100%;display: flex;flex-direction: column;}
.index_about_con .title{font-size: var(--font-20);}
.index_about_con .title::after{display: block;content: '';width: 2em;height: 2px;background: var(--font-color);margin: 2vw 0;}
.index_about_con .text{margin-top: 1vw;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 7;-webkit-box-orient: vertical;}
.index_about_con .more_btn{text-align:center;display: none;}
.index_about_con .layui-btn {padding: 1.5vw 5vw;margin-top: 5vw;font-size:var(--font-15);}

.index_about_scrollnum{width: 100%;display: flex;justify-content:flex-start;flex-wrap: wrap;padding:0;}
.index_about_scrollnum .scrollnum_item ,.scrollnum_item{width: 33.33%;margin: 3vw 0;}
.scrollnum_item img{display: block;height: 7vw;margin: 0 auto;}
.scrollnum_text{font-size: var(--font-14);color: var(--font-dark-color);text-align: center;line-height: 1.4;margin-top: 2vw;}
.scrollnum_title{display: flex;align-items: flex-start;justify-content: center;line-height: 1;margin-top: 2vw;white-space: nowrap;}
.scrollnum_number{font-size: var(--font-24);font-weight: bold;}
.scrollnum_title sup{font-size: var(--font-14);}

.about_page_company{padding-top: 3vw;}
.about_page_company .about_page_box{flex-direction:column;display: flex;padding-top: 3vw;}

.about_page_box{padding:12vw 3vw;}
.about_page_box.mobile{padding-top: 5vw;}
.about_company_text{width:100%;padding-right:0;margin-top: 5vw;}
.about_company_text .text{margin-top:3vw;font-size:var(--font-16);line-height:1.8;}
.about_company_img{width:100%;position:relative;margin-top: 3vw;}
.about_company_img .index_about_swiper{width: 100%;border-radius:var(--radius)}
.about_company_img .index_about_swiper .img::after{padding-bottom: 75%;}
.about_data_tab{margin-top:3vw;display: flex;justify-content: space-between;flex-wrap: wrap;}
.about_data_tab::after{display: block;content: '';width: 33%;}

.about_page_title .text{font-size:var(--font-16);margin-top: 3vw;}
.about_page_title.white{color: #fff;}
.about_page_title.center{text-align: center;}
.about_page_title.center .about_company_title::after{margin: .5vw auto 0;}
.about_page_title.white .about_company_title::after{background-color: #fff;}

.about_page_culture{padding:12cw 3vw;}
.about_page_culture .flex{flex-direction: column;}
.about_page_culture .about_page_title{text-align: center;align-items: center;width: 100%;}
.about_page_culture .about_company_title:after{margin: 3vw auto 0;}
.about_culture_item{display: grid;grid-template-columns: repeat(2, 1fr);grid-gap: 1vw;width:100%;margin-top: 5vw;}
.about_culture_item .item{background: rgba(255, 255, 255, .9);padding: 5vw 3vw;display: flex;flex-direction: column;align-items: center;justify-content: center;border-radius: var(--radius);transition:all 300ms ease-in-out 0s;}
.about_culture_item .item:hover{transform: translateY(-.3vw);}
.about_culture_item .item:nth-of-type(1){grid-column: 1/2;grid-row: 1/2;}
.about_culture_item .item:nth-of-type(2){grid-column: 1/2;grid-row: 2/3;}
.about_culture_item .item:nth-of-type(3){grid-column: 2/3;grid-row: 1/3;}
.about_culture_item .item .img img{height: 9vw;}
.about_culture_item .item .title{font-size: var(--font-20);font-weight: bold;margin-top: 2vw;text-align: center;}
.about_culture_item .item .ms{margin-top: 3vw;line-height: 1.6;text-align: justify;}
.about_culture_item .item .ms p{margin-bottom: 2vw;}
.about_culture_item .item .ms center{font-weight: bold;}

.about_advantage_item{flex-direction: column;margin-top:3vw;}
.about_advantage_item .item{width:100%;text-align: center;margin-top: 2vw;}
.about_advantage_item .item .list{width: 100%;height: 100%;padding: 8vw 3vw;transition:all 300ms ease-in-out 0s;display: flex;justify-content: space-between;align-items: center;}
.about_advantage_item .item .img{width: 22vw;}
.about_advantage_item .item .img img{height:10vw;}
.about_advantage_item .item .text {width: calc(100% - 22vw);text-align: left;}
.about_advantage_item .item .title{margin-top: 3vw;font-weight: bold;font-size: var(--font-18);}
.about_advantage_item .item .ms{margin-top: 2vw;font-size: var(--font-16);}

.about_advantage .item{flex-direction: column;}
.about_advantage .item:not(:last-of-type){margin-bottom: 5vw;}
.about_advantage .item:nth-of-type(even){flex-direction: column;}
.about_advantage .item .img{width: 100%;}
.about_advantage .item .img::after{display: block;content: '';padding-bottom: 60%;}
.about_advantage .item .text{width: 100%;padding: 5vw;}
.about_advantage .item .text .title{font-size: var(--font-20);font-weight: bold;}
.about_advantage .item .text .des{color: var(--font-dark-color);margin-top: 2vw;}

.about_parnter{margin-top: 6vw;}
.about_parnter .img{width: calc(33.33% - 2vw);margin-bottom: 2vw;}


/**
SOLUTION
**/
.index_solution_block{padding: 12vw 0;}
.index_solution_block .index_title{padding: 0 5vw;width: 100%;top: 0;position: relative;left: 0;transform: translate(0,0);color: var(--font-color);}

.index_solution_swiper{margin-top: 5vw;position: relative;z-index: 4;}
.index_solution_swiper .img::before{display: block;content: '';padding-bottom: 75%;}
.index_solution_swiper .img::after{display: none;}
.index_solution_item{position: relative;margin-top: 5px;}
.index_solution_swiper .text .layui_btn_more.layui-btn{margin-top: 5vw;font-size: var(--font-18);}
.index_solution_swiper .text .layui_btn_more.layui-btn i{font-size: var(--font-18);}
.index_solution_swiper .text .des{text-align: center;margin-top: 3vw;}

.index_solutionList_swiper .swiper-wrapper{align-items: flex-start;}
.index_solutionList_swiper a{display: block;padding:3vw 2vw;background:var(--font-hui-color);border-radius: var(--radius);text-align: center;}
.index_solutionList_swiper .ico{width: 15vw; height: 15vw;overflow: hidden;margin: 0 auto;}
.index_solutionList_swiper .ico img{height: 15vw;display: block;margin: 0 auto;}
.index_solutionList_swiper .title{margin-top: 2vw;font-weight: normal;padding: 0 3vw;line-height: 1.2;font-size: var(--font-15);}
.index_solutionList_swiper .img,.index_solutionList_swiper .img::after{display: none;}
.index_solutionList_swiper .img,.index_solutionList_swiper .img::after{display: none;}
.index_solutionList_swiper .ico img{width: 15vw;height: 15vw;transform: translate(-15vw, 0); -webkit-transform: translate(-15vw, 0); -ms-transform: translate(-15vw, 0); -o-transform: translate(-15vw, 0);filter: drop-shadow(15vw 0 var(--font-color)); -webkit-filter: drop-shadow(15vw 0 var(--font-color));image-rendering:auto;}
.index_solution_btn{position: absolute;bottom:auto;top: 50%;transform: translateY(-50%);cursor: pointer;z-index: 12;}
.index_solutionList_swiper .swiper-slide-thumb-active{background: var(--font-hui-color);padding: 3vw 2vw;align-items: center;color: var(--font-active-color);}
.index_solutionList_swiper .swiper-slide-thumb-active .ico img{width: 15vw;height: 15vw;transform: translate(-15vw, 0); -webkit-transform: translate(-15vw, 0); -ms-transform: translate(-15vw, 0); -o-transform: translate(-15vw, 0);filter: drop-shadow(15vw 0 var(--font-active-color)); -webkit-filter: drop-shadow(15vw 0 var(--font-active-color));image-rendering:auto;}
.index_solution_btn{position: absolute;bottom:auto;top: 50%;transform: translateY(-50%);cursor: pointer;z-index: 12;}
.index_solution_btn i{display: flex;justify-content: center;align-items: center;width: 8vw;height: 8vw;background: rgba(0, 0, 0, .3);font-size: var(--font-18);color: rgba(255, 255, 255, .6);border-radius: 50%;transition:all 300ms ease-in-out 0s;}
.index_solution_btn i:hover{background: var(--font-active-color);color: #fff;}
.index_solution_btn_prev{left: 3vw;}
.index_solution_btn_next{right: 3vw;}


.solution_list{border-radius: var(--radius);overflow: hidden;padding: 1vw 3vw 3vw;}
.solution_list .item{display: flex;flex-direction: column;align-items: center;background-color: #fff;margin-bottom: 5vw;}
.solution_list .item:nth-of-type(even){flex-direction:column;}
.solution_list .item .img{width: 100%;}
.solution_list .item .img::after{display: block;content: '';padding-bottom: 62.5%;}
.solution_list .item .text{width: 100%;padding:6vw 3vw;}
.solution_list .item .text .title{font-size: var(--font-20);font-weight: bold;}
.solution_list .item .text .des{color: var(--font-dark-color);margin-top: 1vw;line-height: 1.8;text-align: justify;}
.solution_list .item .text .more_btn{text-align: left;margin-top: 5vw;}

.solution_td{display: flex;margin: 3vw 0 0;flex-wrap: wrap;justify-content: space-between;}
.solution_td .item{padding:5vw 1vw;display: flex;flex-direction: column;align-items: center;border: #e1e4eb solid 1px;flex: inherit;margin: 3vw 0 0;border-radius:var(--radius);width: calc(50% - 1vw);}
.solution_td .item .ico{overflow: hidden;width: 12vw; height: 12vw;}
.solution_td .item .ico img{width: 12vw; height: 12vw;background-size: contain;transform: translate(-12vw, 0); -webkit-transform: translate(-12vw, 0); -ms-transform: translate(-12vw, 0); -o-transform: translate(-12vw, 0);filter: drop-shadow(12vw 0 var(--font-active-color)); -webkit-filter: drop-shadow(12vw 0 var(--font-active-color));image-rendering:auto;}
.solution_td .item .text{text-align: center;margin-top: 3vw;}
.solution_td .item .text .title{font-size:var(--font-17);font-weight: bold;}
.solution_td .item .text .title::after{display: block;content: '';width: 2em; height: 1px;background-color: var(--font-active-color);margin: 1vw auto 2vw;}
.solution_td .item .text .des{text-align: center;}
.solution_td .item:hover .ico img{filter: drop-shadow(12vw 0 #fff); -webkit-filter: drop-shadow(12vw 0 #fff);}

.solution_page_ms{display: flex;flex-direction: column;}
.solution_page_ms .text{width: 100%;padding: 0;}
.solution_page_ms .text .des{margin-top: 3vw;}
.solution_page_ms .img{width: 100%;border-radius: var(--radius);}
.solution_page_ms .img::before{display: block;content: '';padding-bottom: 62.5%;}


.solution_gj_swiper{width: 100%;margin-top: 2vw;padding: 0;}
.solution_gj_swiper .swiper-slide{flex-direction: column;}
.solution_gj_swiper .swiper-slide .img{width: 100%;border-radius: var(--radius);background: #fff;margin-top: 5vw;}
.pro_page_box .about_page_box:nth-of-type(even) .solution_gj_swiper .swiper-slide .img{background: var(--font-gray-color);}
.solution_gj_swiper .swiper-slide .img::before{display: block;content: '';padding-bottom: 62.5%;}
.solution_gj_swiper .swiper-slide .text{width: 100%;display: flex;flex-direction: column;margin-top: 5vw;padding:0;}
.solution_gj_swiper .swiper-slide .text .title{font-size: var(--font-20);font-weight: bold;}
.solution_gj_swiper .swiper-slide .text .des{margin-top: 3vw;line-height: 2;text-align:justify;}
.solution_gj_swiper_pagination{position: relative;bottom: 0!important;display: flex;align-items: center;pointer-events: auto;justify-content: center;margin-top: 5vw;}
.solution_gj_swiper_pagination .swiper-pagination-bullet{border-radius: 1000vw;width: auto;height: auto;opacity: 1;background: none;color: var(--font-dark-color);margin: 0 .6vw!important;transition:all 300ms ease-in-out 0s;padding: .5vw 3vw;}
.solution_gj_swiper_pagination .swiper-pagination-bullet-active,.solution_gj_swiper_pagination .swiper-pagination-bullet:hover{color: #fff;background-color: var(--font-active-color);}


.solution_jz{display: flex;justify-content: space-between;margin: 0;flex-wrap: wrap;align-items: inherit;}
.solution_jz .item{flex: inherit;margin: 2vw 1vw 0;background-color: #fff;border-radius: var(--radius);overflow: hidden;width: calc(50% - 1vw);margin: 5vw 0 0;}
.pro_page_box .about_page_box:nth-of-type(odd) .solution_jz .item{background-color: var(--font-gray-color);}
.solution_jz .item .img::before{display: block;content: '';padding-bottom: 62.5%;}
.solution_jz .item .text{display: flex;flex-direction: column;align-items: center;padding:5vw 3vw 6vw;}
.solution_jz .item .text .title{font-size: var(--font-17);font-weight: bold;}
.solution_jz .item .text .des{margin-top: 2vw;}


.solution_pro_swiper{width: 100%;margin-top: 3vw;}
.solution_pro_swiper .swiper-slide{display: flex;flex-direction: column;align-items: flex-start;}
.solution_pro_swiper .swiper-slide .img{width: 100%;border-radius: var(--radius);background: #fff;margin-top: 3vw;}
.pro_page_box .about_page_box:nth-of-type(odd) .solution_pro_swiper .swiper-slide .img{background: var(--font-gray-color);}
.solution_pro_swiper .swiper-slide .img::before{display: block;content: '';padding-bottom: 76%;}
.solution_pro_swiper .swiper-slide .img img{object-fit: contain;}
.solution_pro_swiper .swiper-slide .text{width: 100%;display: flex;flex-direction: column;padding:5vw 0 0;}
.solution_pro_swiper .swiper-slide .text .subtitle{font-size: var(--font-18);font-weight: bold;}
.solution_pro_swiper .swiper-slide .text .subtitle a{color:var(--font-active-color)}
.solution_pro_swiper .swiper-slide .text .des{margin-top: 2vw;line-height: 1.8;text-align:justify; overflow : hidden;text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical;}
.solution_pro_swiper_pagination{position: absolute;left:0!important;bottom: auto!important;top: 68vw;display: flex;align-items: center;justify-content: center;pointer-events: auto;z-index:10;margin-top: 0;}
.solution_pro_swiper_pagination .swiper-pagination-bullet{border-radius: var(--radius);width: 2vw;height: 2vw;opacity: 1;background: rgba(0, 0, 0, .5);margin: 0 1vw 0!important;transition:all 300ms ease-in-out 0s;border: #fff solid 1px;}
.pro_page_box .about_page_box:nth-of-type(odd) .solution_pro_swiper_pagination .swiper-pagination-bullet{border: none;}
.solution_pro_swiper_pagination .swiper-pagination-bullet img{display: none;}
.solution_pro_swiper_pagination .swiper-pagination-bullet-active,.solution_pro_swiper_pagination .swiper-pagination-bullet:hover{border-color: none!important;background: var(--font-active-color);}

.product_page_td_list{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;}
.product_page_td_list .block{display: flex;flex-direction: column;align-items: center;text-align: center;justify-content: flex-start;width: calc(20% - 1vw);margin-top: 3vw;}
.product_page_td_list .block .ico{width: 12vw;height: 12vw;background-color: var(--font-active-color);background: linear-gradient(to bottom, var(--font-active-color),var(--font-green-color));border-radius: 50%;display: flex;justify-content: center;align-items: center;overflow: hidden;transition:all .5s ease-in-out 0s;margin-top: 2vw;}
.product_page_td_list .block .ico img{width: 9.2vw;height: 9.2vw;object-fit: contain;transform: translate(-9.2vw, 0); -webkit-transform: translate(-9.2vw, 0); -ms-transform: translate(-9.2vw, 0); -o-transform: translate(-9.2vw, 0);filter: drop-shadow(9.2vw 0 #fff); -webkit-filter: drop-shadow(9.2vw 0 #fff);image-rendering:auto;}
.product_page_td_list .block .title{margin: 2vw 0 0;}


.solution_case_swiper{width: 100%;margin-top: 5vw;}
.solution_case_swiper .swiper-slide{flex-direction:column-reverse;}
.solution_case_swiper .swiper-slide .img{width: 100%;border-radius: var(--radius);background: #fff;}
.pro_page_box .about_page_box:nth-of-type(odd) .solution_case_swiper .swiper-slide .img{background: var(--font-gray-color);}
.solution_case_swiper .swiper-slide .img::before{display: block;content: '';padding-bottom: 56.25%;}
.solution_case_swiper .swiper-slide .text{width: 100%;display: flex;flex-direction: column;padding:5vw 0;}
.solution_case_swiper .swiper-slide .text .subtitle{font-size: var(--font-20);font-weight: bold;display: flex;flex-direction: column;}
.solution_case_swiper .swiper-slide .text .subtitle i{color:var(--font-active-color);font-size: var(--font-40);line-height: 1.4;}
.solution_case_swiper .swiper-slide .text .des{margin-top: 5vw;line-height: 1.8;text-align:justify; overflow : hidden;text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical;}
.solution_case_swiper_pagination{position: relative;width:auto!important;left:0!important;bottom: 0!important;display: flex;align-items: center;justify-content: flex-start;pointer-events: auto;z-index:10;padding-right: 0;margin-top: 3vw;}
.solution_case_swiper_pagination .swiper-pagination-bullet{opacity: 1;margin: 0 0 0 1vw!important;transition:all 300ms ease-in-out 0s;width: 6vw!important;border-radius: var(--radius)!important;}
.solution_case_swiper_pagination .swiper-pagination-bullet-active,.solution_case_swiper_pagination .swiper-pagination-bullet:hover{background-color: var(--font-active-color);}

.solution_contact{padding: 16vw 3vw;background:var(--font-active-color) url(../img/bg.jpg) no-repeat center center;background-size: cover;color: #fff;}
.solution_contact .layui-btn{margin: 10vw auto 0;padding: .2vw 8vw;height: auto;line-height: auto;background: #fff;border-radius: 1000vw;color: var(--font-active-color);}
.solution_contact .info{margin-top: 5vw;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.solution_contact .info .item{display: flex;align-items: center;justify-content: center;}
.solution_contact .info span{margin: 0 1vw;}
.solution_contact .info strong{font-size: var(--font-22);}


.product_order{padding: 5vw;}
.product_order a i{font-size: var(--font-24);}
.product_order a span{display: none;}


/**
PRODUCT
**/
.index_product_box{display: grid;grid-template-columns: repeat(2, 1fr);grid-gap: 1.5vw;margin-top: 5vw;}
.index_product_box .item::after{display: none;}
.index_product_box .item{padding-top: 5vw;}
.index_product_box .item:nth-of-type(1){grid-column: 1/2;grid-row: 1/3;}  
.index_product_box .item:nth-of-type(2){grid-column: 2/3;grid-row: 1/2;}  
.index_product_box .item:nth-of-type(3){grid-column: 2/3;grid-row: 2/3;}  
.index_product_box .item:nth-of-type(4){grid-column: 1/2;grid-row: 3/4;}  
.index_product_box .item:nth-of-type(5){grid-column: 2/3;grid-row: 3/4;}  
.index_product_box .item:nth-of-type(6){grid-column: 1/2;grid-row: 4/5;}  
.index_product_box .item:nth-of-type(7){grid-column: 2/3;grid-row: 4/5;}  
.index_product_box .item:nth-of-type(8){grid-column: 1/2;grid-row: 5/6;}  
.index_product_box .item:nth-of-type(9){grid-column: 2/3;grid-row: 5/6;}  
.index_product_box .item .img{width: 100%;height:auto;position: relative;left: 0;top:0;z-index: 1;overflow: hidden;}
.index_product_box .item .img::before{display: block;content: '';padding-bottom: 75%;}
.index_product_box .item .img img{display: block;width: 100%;height:100%;object-fit: contain;transition:all 300ms ease-in-out 0s;position: absolute;left: 0;top: 0;}
.index_product_box .item:hover .img img{transform: scale(1.05);} 
.index_product_box .item .title{display: block;width: 100%;position: relative;left: 0;bottom: 2vw;padding:3vw;z-index: 2;display: flex;flex-direction: column;align-items: center;text-align: center;}
.index_product_box .item .title strong{font-size: var(--font-16);}
.index_product_box .item .title span{font-size: var(--font-14);margin-top: 1vw;}
.index_product_box .item:nth-of-type(1) .title{text-align: center;align-items: center;}
.index_product_box .item:nth-of-type(1) .img::before{padding-bottom: 203%;}
.index_product_box .item:nth-of-type(1) .img img{transform: scale(1.2);}

.product_sort .index_news_title .title{font-size: var(--font-18);}
.product_item_list .item{margin-top: 5vw;}
.product_sort .product_sort_list:not(:first-of-type){margin-top: 10vw;}
.product_item_list span{margin-top: 2vw;}
.product_item_list .item a {font-size: var(--font-16) !important;}

.product_list_box{padding: 8vw 3vw 12vw;}
.product_list_box.first{padding-top: 6vw;}
.product_list{flex-direction: column;}
.product_list .item:not(:first-of-type){margin-top: 6vw;}
.product_list .item{flex-direction: column;width: 100%;}
.product_list .item .new{position: absolute;right: 0;top: 0;width: 14vw;height: 14vw;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-11);font-weight: normal;position: absolute;right: .6vw;top: 1.2vw;transform: rotate(45deg);}
.product_list .img_box{width: 100%;border-radius: var(--radius);display:flex;border-bottom-right-radius: 0;border-bottom-left-radius: 0;}
.product_list .img::before ,.prodict_list_swiper .img::before{display: block;content: '';padding-bottom: 75%;}
.product_list .text{display: flex;flex-direction: column;justify-content: space-between;width: 100%;padding: 5vw;border-radius:0;position: relative;}
.product_list .text .title .ico{display: block;width: 3vw;margin-right: 2vw;}
.product_list .text .title strong{font-size: var(--font-20);}
.product_list .text .des{margin-top: 3vw; -webkit-line-clamp: 5;line-height: 1.6;}

.product_list .text .more{margin-top: 5vw;}
.product_list .text .more span{padding: .8vw 3.6vw;font-size: var(--font-14);}
.product_list .text .more span i{font-size: var(--font-14);}


.pro_page_box .about_page_box:first-of-type{padding: 3vw 0 6vw;}
.pro_page_box .about_page_box.mobile{padding: 10vw 3vw;}
.pro_top_page_bolck{flex-direction: column;padding: 3vw;}
.pro_top_page_pics{flex-direction:column-reverse;width: 100%;}
.pro_page_small_swiper{width: 100%;height: auto;margin-top: 10px;}
.pro_page_small_swiper .img img{transform: scale(.9);}
.pro_page_small_swiper .img:hover img{transform: scale(.9);}
.pro_page_big_swiper{width:100%;}
.pro_btn_box{display: none;}
.pro_page_big_swiper .video_btn{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);color: #fff;font-size: var(--font-36);z-index: 6;}
.pro_top_page_text{width: 100%;margin-top: 8vw;}
.pro_top_page_text .title{font-size: var(--font-20);}
.pro_top_page_text .title::after{margin: 2vw 0;width: 2em;}
.pro_top_page_text .des{margin-top: 5vw; line-height: 2; border-top: #f6f6f6 solid 1px;padding-top: vw;color: var(--font-dark-color);line-height: 1.6;}
.pro_top_page_text .more_btn{margin-top: 6vw;}

.product_page_ld{flex-direction: column;margin-top: 1vw;padding:0;position: relative;}
.product_page_ld .text{display: flex;width: 100%;justify-content: space-between;margin-top: 5vw;position: relative;z-index: 2;align-items:flex-start;}
.product_page_ld .text:nth-of-type(1),.product_page_ld .text:nth-of-type(2){margin-top: 5vw;}
.product_page_ld .text:nth-of-type(odd){flex-direction: row;text-align: left;}
.product_page_ld .text .ico{width: 12vw;height: 12vw;border: var(--font-active-color) solid 1px;border-radius: 50%;display: flex;justify-content: center;align-items: center;overflow: hidden;}
.product_page_ld .text .ico{background-color: var(--font-green-color);}
.product_page_ld .text .ico img{width: 9.2vw;height: 9.2vw;object-fit: contain;transform: translate(-9.2vw, 0); -webkit-transform: translate(-9.2vw, 0); -ms-transform: translate(-9.2vw, 0); -o-transform: translate(-9.2vw, 0);filter: drop-shadow(9.2vw 0 #fff); -webkit-filter: drop-shadow(9.2vw 0 #fff);image-rendering:auto;}
.product_page_ld .text .title{font-weight: bold;margin-bottom: 1vw;}
.product_page_ld .text .des{width: calc(100% - 15vw);}
.product_page_ld .img{display: none;}

.product_page_ld .text:nth-of-type(1),.product_page_ld .text:nth-of-type(5){transform: translateX(0);}
.product_page_ld .text:nth-of-type(3){transform: translateX(0);}
.product_page_ld .text:nth-of-type(4){transform: translateX(0);}
.product_page_ld .text:nth-of-type(2),.product_page_ld .text:nth-of-type(6){transform: translateX(0);}

.product_page_td{display: flex;flex-direction: column;justify-content:flex-start;margin-top: 3vw;}
.product_page_td .text{display: flex;flex-direction: row;justify-content: space-between;align-items: center;text-align: center;margin: 2vw 1vw 0; width: 100%;}
.product_page_td .text .ico{width: 12vw;height: 12vw;background-color: var(--font-active-color);background: linear-gradient(to bottom, var(--font-active-color),var(--font-green-color));border-radius: 50%;display: flex;justify-content: center;align-items: center;overflow: hidden;transition:all .5s ease-in-out 0s}
.product_page_td .text .ico img{width: 9.2vw;height: 9.2vw;object-fit: contain;transform: translate(-9.2vw, 0); -webkit-transform: translate(-9.2vw, 0); -ms-transform: translate(-9.2vw, 0); -o-transform: translate(-9.2vw, 0);filter: drop-shadow(9.2vw 0 #fff); -webkit-filter: drop-shadow(9.2vw 0 #fff);image-rendering:auto;}
.product_page_td .text .title{font-weight: bold;margin:0 0 1vw 0;}
.product_page_td .text .des{width: calc(100% - 15vw);text-align: left;}

.product_page_specification_con{overflow-x:auto;margin-top: 5vw;}
.product_page_specification table{border:0;width: 100%!important;height: auto!important;table-layout:auto;margin: 0 auto;}
.product_page_specification table tr td{padding: 2vw 3vw;transition: all 0.3s ease;width: auto;}

.product_page_specification_con iframe{height: 500px!important;}


.product_page_apply{display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;margin-top: 1vw;}  
.product_page_apply .text{display: flex;flex-direction: column;align-items: center;flex: inherit;margin:0;width: calc(50% - 2vw);margin-top:5vw}  
.product_page_apply .text .img{ border-radius: var(--radius);}
.product_page_apply .text .img::after{display: block;content: '';padding-bottom: 75%;}
.product_page_apply .text .des{margin-top: .8vw;}
.product_page_apply.first{justify-content: space-between;}
.product_page_apply.first .text .img::after{display: block;content: '';padding-bottom: 75%;}


.product_rel{margin-top: 5vw;}

/*
NEWS
*/
.index_news_title{display: flex;justify-content: space-between;align-items: center;}
.index_news_title .title{font-size: var(--font-22);font-weight: bold;}
.index_news_title .title::after{display: block;content: '';width: 2em;height: 2px;background: var(--font-active-color);margin: 1vw 0 0;}
.index_news_title .subtitle{display: none;}
.index_news_title .more{display: flex;align-items: center;}
.index_news_title .more span{display: block;position: relative;}
.index_news_title .more span::after{display: block;content: '';width:0;height: 1px;background: var(--font-color);position: absolute;left: 0;bottom: -.5vw;transition:all 300ms ease-in-out 0s;opacity: 0;}
.index_news_title .more:hover span::after{width: 100%;opacity: 1;}
.index_news_title .more i{display: flex;align-items: center;justify-content: center;width: 1.25vw;height: 1.25vw;border-radius: 50%;font-size: var(--font-10);background: var(--font-gray-color);margin-left: .6vw;transition:all 300ms ease-in-out 0s;}
.index_news_title .more:hover i{background: var(--font-active-color);color: #fff;}

.index_news_swiper{margin-top: 5vw;}
.index_news_swiper .swiper-slide .text{display: flex;justify-content: space-between;padding: 3vw;}
.index_news_swiper .swiper-slide .img{border-radius:var(--radius);width: 40%;}
.index_news_swiper .swiper-slide .img::after{display: block;content: '';padding-bottom: 70%;}
.index_news_swiper .swiper-slide .text .item{width: 55%;display: flex;flex-direction: column;justify-content: space-between;padding:0;}
.index_news_swiper .swiper-slide .title{font-weight: normal;margin-top:0;line-height: 1.4;font-size: var(--font-16);}
.index_news_swiper .swiper-slide .des{display: none;}
.index_news_swiper .swiper-slide .date{display: flex;align-items: center;color: var(--font-dark-color);margin-top: 1vw;}
.index_news_swiper .swiper-slide .date i{margin-right: .3vw;}


.article_warp{padding: 5vw 3vw 12vw;}

.article_list.last{padding-top: 5vw;}
.article_list_item{margin-top: 5vw;}
.article_list_item:first-of-type{margin-top: 2vw;}
.article_list .text{padding-top: 2vw;}
.article_list .text .title{font-size: var(--font-17);overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.article_list .text .time{color: #b5b5b5;margin-top: .5vw;}

.article_page{padding: 5vw 3vw 12vw;position: relative;}
.article_page .web_w{width: 100%;}

.article_title{text-align: left;font-size: var(--font-22);max-width: 100%;margin: 6vw auto 0;line-height: 1.4;}
.article_case_title{font-size: var(--font-22);max-width: 100%;margin: 6vw auto 0;line-height: 1.4;}
.article_des{text-align: center;max-width: 100%;margin: 3vw auto 0;line-height: 1.6;text-indent: 0;display: none;}

.article_bd_case{margin-top: 10vw;}
.article_box{font-size:var(--font-18);line-height:1.8;text-align: justify;}
.article_box p{margin:0 0 var(--font-18);line-height:1.8;text-indent: 0!important;}
.article_bd *{text-indent: 0!important;}
.article_box video,.article_box iframe{display:block;max-width:100%;height: 250px!important;}


.article_order{margin-top:8vw;padding:5vw 0;}

.article_tags{margin-top: 6vw;}
.article_tags a{margin-left: 1vw;height:inherit;line-height: inherit;padding: .5vw 2vw;}

.article_sarch{padding: 14vw 0 6vw;}
.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 .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_list .layui-col-xs6 .text .title,.article_pos,.article_pos .layui-icon,.article_bd,.article_box table tr th ,.article_box table tr td ,.article_share dt{font-size: var(--font-16);}


/*
SERVICE
*/
.service_block{padding: 8vw 3vw;}
.service_block_item{flex-direction: column;}
.service_block_item dt ,.service_block_item dd{width: 100%;}
.service_block_item dt{border-radius:0;}

.service_block_item dd{background-color: #F2F2F2;padding:10vw 6vw;flex-direction: column;border-radius:0;}
.service_block_item.last dd{border-radius: 0;}
.service_block_item dd .title{font-size: var(--font-24);}
.service_block_item dd .title::after {display: block;content: '';width: 5rem;height: 1px;background-color: #CCCCCC;margin-top: 2vw;}
.service_block_item dd .text{text-align: justify;line-height: 2;font-size: var(--font-16);margin-top: 3vw;}
.service_block_item dd .more,.service_block_item dd .more i{font-size: var(--font-18);font-weight: bold;margin-top: 2vw;}


.service_contact{flex-direction: column;margin-top: 6vw;}
.service_contact .map_cn{width: 100%;height: 300px;}
.service_contact .map_cn .content{width: 80%;}
.service_contact .contact_from{width: 100%;flex-direction: column;margin-top: 5vw;}
.service_contact .contact_from .layui-form-item.flex .layui-btn{margin-top: 15px;}



.service_faq_list.layui-nav-tree.layui-bg-gray .layui-nav-child{padding:3vw;}
.service_faq_list.layui-nav-tree .layui-nav-item:not(:last-of-type){margin-bottom: 2vw;}
.service_faq_list.layui-nav-tree .layui-nav-item > a{padding:3vw;font-size: var(--font-16);}



.service_down_list li:not(:last-of-type){margin-bottom: 3vw;}
.service_down_list li .item{padding: 3vw;}
.service_down_list li .title{font-size: var(--font-16);}
.service_down_list li table{margin: 2vw 0 0;}
.service_down_list li table tr th,.service_down_list li table tr td{font-size: var(--font-15);}
.service_down_list li table tr th:nth-of-type(1),.service_down_list li table tr td:nth-of-type(1){width: 70%;text-align: left;}
.service_down_list li table tr th:nth-of-type(2),.service_down_list li table tr th:nth-of-type(3),.service_down_list li table tr td:nth-of-type(2),.service_down_list li table tr td:nth-of-type(3){display: none;}
.service_down_list li table tr th:nth-of-type(3),.service_down_list li table tr td:nth-of-type(3){width: 30%;}

/*
CONTACT
*/
.contact_info{flex-direction: column;}
.contact_info .item{width: 100%;padding: 5vw;}
.contact_info .item:not(first-of-type){margin-top:3vw;}
.contact_info .item .ico{font-size: var(--font-36);color: var(--font-active-color);}
.contact_info .item .text{margin-top: 2vw;text-align: center;}
.contact_info .item .text .title{font-size: var(--font-18);font-weight: bold;margin-bottom: 5vw;color: var(--font-dark-color);}
.contact_info .item .text .des{display: block;text-align: center;}
.contact_info .item .text .des p{margin-bottom: 2vw;}

.contact_info .item .wx_img{margin: 0 auto;text-align: center;color: var(--font-dark-color);display:flex;}
.contact_info .item .wx_img .list{display:flex;flex-direction:column;margin:0 .2vw;margin:0 2vw;}
.contact_info .item .wx_img img{width: 30vw;margin-bottom: .2vw;}
.contact_info .item .footer_bottom_media{margin-top:3vw;}


.contact_map{width: 100%;margin-top: 3vw;height: 32vh;}
.contact_map .content{padding: 1vw;width: 100%;}
.contact_map .title{font-weight: bold;color: var(--font-active-color);}
.contact_map .text{margin-top: 2vw;font-size: var(--font-14);}
.contact_map .text p{margin-bottom: 1vw;}
.contact_map .content .img{width:12vw;display:block;position:absolute;right:3vw;top:3vw;}


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

.contact_from .layui-form-checkbox > div{white-space: inherit;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;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 .layui-form-item.flex::after{display: none;}
.contact_from .layui-form-item.flex .layui-input-wrap{display: flex;align-items: center;width:inherit;}
.contact_from .layui-form-item .form_code{width: 100%;justify-content: space-between;flex-wrap: nowrap;}
.contact_from .layui-form-item .codeimg{height: 11vw;}
.contact_from .layui-form-item.flex .layui-btn{width: 100%;margin-top: 6vw;}
.contact_from .layui-form-item.justify_end .layui-btn{width: 100%;}

.contact_box{padding: 12vw 3vw}
.contact_box.first{padding-top: 6vw;}
.contact_box .contact_from{flex-direction: column;margin-top: 5vw;}
.contact_box .contact_from .layui-form-item{width:100%;}
.contact_box .contact_from .layui-form-item{margin:0 0 3vw 0;}
.contact_box .contact_from .layui-form-item.one.flex{flex-wrap: wrap;}
.contact_box .contact_from .layui-input-suffix{right: 3vw;width: auto;}
.contact_box .contact_from .layui-form-select .layui-edge{right:3vw;border-top-color: var(--font-gray-color);}
.contact_box .contact_from .layui-form-select dl{border-radius: var(--radius);top:12vw;margin: 0;}
.contact_box .contact_from .layui-form-select dl dd{padding: 0 3vw!important;}

.index_form_block{padding-top: 6vw;}
.index_form{margin-top: 3vw;}
.index_form_text{padding: 5vw 3vw;z-index: 2;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.index_form .contact_from{width: 100%;margin: 6vw auto 0;box-shadow: 0 0 5px 5px rgba(0,0,0,.2);padding:5vw 5vw 4vw;border-radius: var(--radius);}
.index_form .contact_from .layui-input{border: none;box-shadow: none;padding-left: 8vw;color: #fff;background: none;}
.index_form .contact_from .layui-input-prefix {width: 8vw;padding: 0;}
.index_form .contact_from .layui-input-prefix i{color: #fff}
.index_form .contact_from .layui-input-wrap .layui-input-prefix + .layui-textarea{padding:3vw 3vw 3vw 8vw;min-height: 40vw;line-height: 1.6;resize: none;}

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

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

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

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


.inquire_contact_from .layui-form-item{position: relative;margin:0 0 3vw;}
.inquire_contact_from .layui-form-item span{font-size: var(--font-16);}
.inquire_contact_from .layui-form-item.active span{transform: translateY(-30%);font-size: var(--font-14)!important;font-size: var(--font-color);}
.inquire_contact_from .layui-form-select{background-color: #eeeeee;margin:3vw 0;}
.inquire_contact_from .layui-form-select .layui-select-title{padding-left:3vw;}
.inquire_contact_from .form_box_item .checkbox_item{display: flex;flex-wrap: wrap;padding-bottom: 2vw;}
.inquire_contact_from .form_box_item .checkbox_item .layui-form-checkbox{width: 20%;display: flex;align-items: center;flex-direction: row-reverse;justify-content: flex-end;margin-top: 3vw;padding-left: 0;}
.inquire_contact_from .form_box_item .checkbox_item .layui-form-checkbox > div{text-overflow: initial;margin: 0;padding: 0;line-height: inherit;}
.inquire_contact_from .layui-input{border: none;box-shadow: none;height:12vw;line-height:12vw;padding: 0!important;}
.inquire_contact_from .layui-btn{background:none;border-radius: 100vw;color: var(--font-active-color);font-size: var(--font-17);padding: 1.5vw 3vw;}
.inquire_contact_from .layui-btn i{font-size: var(--font-20);position: relative;left: 3px;}

.about_page_box.mobile{padding: 8vw 3vw;}
.sitemap {margin: 4vw 0;}
.sitemap dt{padding: 2vw 3vw;}
.sitemap dd{padding: 3vw;}
.sitemap dd a{margin: 1vw 2vw 1vw 0;}

/*
FOOTER
*/
.footer{background: #f2f2f2;padding:10vw 0 0;}
.footer_box{flex-direction: column;padding: 0 3vw;}
.footer_left{max-width: 100%;}
.footer_logo{width: 40vw;}
.footer_left .text{margin-top: 3vw;color: var(--font-dark-color);text-align: justify;}
.footer_bottom_media{justify-content: flex-start;margin-top: 2vw;}
.footer_bottom_media a{font-size: var(--font-18);position: relative;width:7vw; height: 7vw;}
.footer_box .footer_bottom_media a{background: #fff;color: rgba(0, 0, 0, .6);}
.footer_bottom_media a.fontxhs,.footer_bottom_media a.fontbz{font-size: var(--font-12);}
.footer_bottom_media a:not(:first-of-type){margin-left:3vw;}
.footer_bottom_media a:hover{background: var(--font-active-color);color: var(--font-color);}
.footer_bottom_media a:hover img{display: none;}

.footer_word{max-width: 100%;}

.footer_nav{display: flex;flex-wrap: wrap;background: none;border-radius: 0;width: 100%!important;margin:0;}
.footer_nav .layui-nav-item{width: 100%!important;margin-top: 0!important;margin-left: 0!important;}
.footer_nav .layui-nav-item a .layui-nav-more{display: flex;position: relative;top: 0;margin: 0;right:0}
.footer_nav .layui-nav-item a .layui-nav-more:before{content: '\e624';}
.footer_nav .layui-nav-itemed a .layui-nav-more:before{content: '\e67e';}
.footer_nav .layui-nav-item a{padding: .5vw 0;display: inline-block;font-size: var(--font-16);}
.footer_nav .layui-nav-item.layui-nav-itemed > a{pointer-events: inherit;color: var(--font-active-color)!important;}
.footer_nav .layui-nav-item > a{display: flex;justify-content:space-between;align-items: center;border-bottom: rgba(0, 0, 0, .1) solid 1px;height: 13vw;display: flex;justify-content: space-between;align-items: center;font-weight: normal;color: var(--font-color)!important;}
.footer_nav .layui-nav-child{background:none;padding: 5vw 0;line-height: 1.6;border-bottom: rgba(0, 0, 0, .1) solid 1px;display: none;}
.footer_nav .layui-nav-itemed .layui-nav-child{display: block;}
.footer_nav .layui-nav-child dd{margin-top: 3vw;display: flex;flex-direction: column;}
.footer_nav .layui-nav-child dd:nth-of-type(1){margin-top: 0;}

.footer_bottom{align-items: flex-start;}
.footer_bottom_box{padding:3vw;margin-top: 5vw;background: none;}
.footer_bottom_box ,.footer_bottom_box a{color:rgba(0, 0, 0, .6);}
.footer_bottom_box a:hover{color: var(--font-color);}
.footer_bottom_info{font-size: var(--font-13);width: 100%;}
.footer_bottom_info span{margin: 0 3vw;}


.footer_tel{display: flex;flex-wrap: wrap;align-items: last baseline;;position: relative;right: 0;top:0;margin-top:5%;}
.footer_tel .item{display: flex;align-items: flex-start;flex-direction: column;line-height: 1;}
.footer_tel .item:nth-of-type(1){display: flex;align-items: center;justify-content: flex-start;transform: translateX(-.3vw);margin-right: 1vw;}
.footer_tel .item:nth-of-type(1) i{font-size: var(--font-44);}
.footer_tel .item span{color: var(--font-dark-color);font-size: var(--font-14);}
.footer_tel .item i{color: var(--font-dark-color);}
.footer_tel .item b{font-size: var(--font-24);color: var(--font-color);line-height: 1;}
.footer_tel .item b a{font-size: var(--font-24);color:var(--font-active-color);}
.footer_tel .item b a:hover{color:var(--font-active-color)!important;}

.footer_address{display: flex;margin-top: .6vw;flex-direction: column;color: var(--font-color);}  
.footer_address .title{font-weight:bold;}
.footer_address .block:not(:first-of-type){margin: 5vw 0 0;}
.footer_address .block .list{margin-top: 2vw;}

.footer_word{margin-top: .5vw;display: flex;align-items: first baseline;white-space: wrap;max-width: 100%;}
.footer_word i{font-size: var(--font-20);margin-right: .3vw;transform: translateY(.1vw);}

.footer_bottom_box{padding: 5vw 0;background: var(--font-active-color);color: #fff;margin-top: 5vw;}
.footer_bottom_info{text-align: center;}
.footer_bottom_info .item{flex-wrap: wrap;font-size: var(--font-15);}
.footer_bottom_info a{color: #fff;}
.footer_bottom_info span{margin: 0 2vw;}
.footer_bottom_info em{font-style: normal;}

.footer_bottom_media{display: flex;align-items: center;margin-top: 5vw;justify-content: flex-start;}
.footer_bottom_media a{font-size: var(--font-18)!important;position: relative;width: 7vw!important;height: 7vw!important;background:#fff;color: var(--font-dark-color);display: flex!important;;justify-content: center!important;align-items: center!important;border-radius: 50%;flex-shrink: 0;background-color: #fff;}
.footer_bottom_media a:not(:first-of-type){margin-left: 3vw;}
.footer_bottom_media a img{width: 120px;height: 120px;position: absolute;left: 50%;top:-4vw;transform: translate(-50%,-50%);border-radius: var(--radius);visibility: hidden;opacity: 0;transition: all .5s;box-shadow: 0 0 .26042vw rgba(0,0,0,.4);padding: .3vw;background: #fff;}
.footer_bottom_media a:hover{background-color: var(--font-active-color)!important;color: #fff!important;}
.footer_bottom_media a:hover img{opacity: 1;visibility: inherit;top: -3.3vw;}

.skin_video{width: 100%;height: auto;}

.layui-fixbar{right:0!important;top:inherit!important;bottom: 0!important;display: flex;justify-content: space-between;width: 100%;background-color: var(--font-blue-color);}
.layui-fixbar li:before{font-size: var(--font-22);}
.layui-fixbar li{width:33.33%;margin: 0;border-radius: 0;font-size:var(--font-15);}
.layui-fixbar li:not(:first-of-type){border-left: 1px solid #fff;}  
.layui-fixbar li.layui-fixbar-top{display: none!important;}




/*
Banner
*/
.banner .img{min-height: 22vh;}
.banner .text{padding: 3vw 20vw;align-items: center;text-align: center;}
.banner .text.center{align-items: center;text-align: center;}
.banner .text .title{font-size: var(--font-22);line-height: 1.3;}
.banner .text .title::after{width: 5vw;margin-top: 1.5vw;margin-bottom: 2vw;}
.banner .text .des{margin-top: 2vw;line-height: 1.4;}
.banner .text.right .title::after{margin: 1.5vw 0 2vw;}
.banner .text .layui_btn_more.layui-btn{padding: .8vw 3.6vw;}
.banner .text .des{display: none;}

.guide_menu_item{padding: 2vw 3vw;}
.guide_menu_item strong{font-size: var(--font-18);}
.guide_menu_item .layui-nav{width: 100%;display: flex;justify-content:space-between;justify-content:space-around;flex: 1;}
.guide_menu_item .layui-nav .layui-nav-item:not(:last-of-type){margin-right:0;}
.guide_menu_item .layui-nav .layui-nav-item a ,.guide_menu_item .sort_name{font-size: var(--font-17);font-weight: bold;padding: 4vw 0;}
.guide_menu_pos ,.guide_menu_pos i{font-size: var(--font-14);}
.guide_menu_pos{padding: 3vw 0;}


.banner .form_search{width: 80vw;margin: 5vw auto;}

.guide_menu_item .form_search ,.banner_pos{display: none;}

.guide_menu_item .layui-nav .layui-nav-item a .layui-nav-more{margin-left: 1vw;}
.guide_menu_item .layui-nav .layui-this::after{height: 2px;}
.guide_menu_item .layui-nav .layui-nav-item .layui-nav-child{padding: 3vw;}

.article_sarch{padding: 3vw 3vw 12vw;}
.article_sarch .article_list{margin-top: 1vw;}
.article_sarch .tag_listall{margin-top:3vw;}
.article_sarch .tag_listall a.layui-btn{height: 10vw;display: flex;align-items: center;justify-content: center;}

.article_banner{padding: 25vw 0;background:#f7f7f7;}
.article_banner .web_w{width: 100%;}
.article_banner .text{padding: 0 3vw 10vw;}
.article_date{color: var(--font-dark-color);display: flex;justify-content: space-between;margin-top: 2.5vw;font-weight: normal;}
.article_date .item:not(:first-of-type){margin-left: 0;}
.article_date i{font-size:var(--font-15);margin-right: 1vw;}
.article_back{margin-bottom: 0;}
.article_back a i{font-size:var(--font-15);margin-right: 1vw;}
.article_title{font-size: var(--font-22);font-weight: bold;}
.article_pos{right: 3vw; bottom: 5vw;}


/*
laypage
*/
#laypage .layui-laypage-default{margin-top: 6vw;}
.layui-laypage-default{margin: 8vw 0 0;width: 100%;}
.layui-laypage-default *{font-size: var(--font-14)!important;}
.layui-laypage-default a{font-size: var(--font-14);width: 7vw;height: 7vw;line-height: 7vw;margin: 0 1.5vw;}
.layui-laypage-default .page-num{font-size: var(--font-14);width: 7vw;height: 7vw;line-height: 7vw;font-size: var(--font-14);}
.layui-laypage-default span{width: 7vw;height: 7vw;margin: 0 1.5vw;font-size: var(--font-14);}
.error_x{padding: 6vw;display: flex;justify-content: center;align-items: center;margin-top: 5vw;}
.error_x i{margin-right: 1vw;}

}