@import "iconfont.css";
:root {
    --font-color: #000000;
    --font-active-color:#00a0e9;
    --font-blue-color:#b4e0f8;
    --font-grey-color:#eeefef;
    --font-gray-color:#f7f8fa;
    --font-hui-color:#f9f9f9;
    --font-dark-color:rgba(0,0,0,0.7);
    --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% !important;height: 100% !important;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.02)}
.picture-hover-animate{display:block;position:relative;overflow:hidden}
.picture-hover-animate:after{position:absolute;top:0;right:0;bottom:0;left:0;display:block;visibility:visible;width: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 1vw;}
.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%;}

.lazy_preloader{z-index: 10;transform-origin: 50%;box-sizing: border-box; border-radius: 50%; border-top-color: transparent;animation: preloader-spin 1s infinite linear;}
@keyframes preloader-spin {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }

/*模板*/
.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; } 


.form_search{display: flex;justify-content: space-between;background-color: #fff;border-radius: 100vw;align-items: center;}
.form_search .layui-input-prefix{width: 2.5vw;padding: 0;}
.form_search .layui-input-wrap .layui-input-prefix + .layui-input{padding-left: 2.5vw;}
.form_search .layui-input-wrap ,.form_search .layui-input-affix{line-height: 2.6vw;display: flex;align-items: center;width: 100%;}
.form_search .layui-input-affix .layui-icon,.form_search .layui-input-wrap .iconfont{font-size: var(--font-16);color: var(--font-color);}
.form_search .layui-input{background: none;border: 0;height: 2.6vw;line-height: 2.6vw;box-shadow: none;padding-left: 1.2vw;padding-right: 1.5vw;}
.form_search .layui-btn{width: 2.6vw;height: 2.6vw;background-color: var(--font-active-color);color: #fff!important;font-size: var(--font-24)!important;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;background-color: #fff;}
.header.fixed{position: fixed;left: 0;top: 0;}
.header .menu{display: flex;align-items: center;justify-content: space-between;width: 100%;height: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:2.2vw;}


.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-16);color:var(--font-color);height: 100%;display: flex;align-items: center;position: relative;z-index: 2;white-space: nowrap;text-transform: uppercase;}
.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-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.fliter_flag{padding:0 2.5vw;margin: 0;}
.header_nav .layui-nav-item.fliter_none{padding: 0;margin: 0 2.5vw;}
.header_nav .layui-nav-item:last-of-type{padding-left: 0;margin: 0 2.5vw;}

.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.sticky{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_btn_lauguage{display: flex;align-items: center;text-transform: uppercase;}
.header_btn_lauguage:before{content: '';display: block;width: 1px;height: 15px;background-color:var(--font-color);margin: 0 1.5vw;}  
.header_btn_lauguage a{display: flex;align-items: center;font-size: var(--font-15);}
.header_btn_lauguage a:hover{color: var(--font-active-color);}
.header_btn_lauguage a:first-of-type{margin-right: .6vw;}
.header_btn_lauguage a img{display: block;height:var(--font-16);margin-right: .3vw;}


.header_search{font-size: var(--font-16);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;}

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

.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;left: 0;top:0;}
.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: #fff;}
.index_banner .swiper-slide::before{display:block;content:'';padding-bottom:30%;}
.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: center;z-index:3;}
.index_banner .text .form_search{width: 36%;margin: 0 auto;}
.index_banner .text .title{text-align: center;color: #fff;font-size: var(--font-36);line-height: 1.3;font-weight: bold;margin-bottom: 1vw;}

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


.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:1.5vw;transition:all .6s ease;justify-content:center;}
.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: 1.5vw;z-index: 9;display: none;}
.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-blue-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-blue-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: 4vw 0;background-position: center; background-repeat: no-repeat;background-size: cover;position: relative;z-index: 2;overflow: hidden;}
.index_title{text-align: center;}
.index_title.white{color: #fff;}
.index_title .title{font-size: var(--font-36);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-blue-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:var(--font-grey-color);}
.bg_gray{background-color:var(--font-gray-color);}
.bg_blue{background-color:var(--font-blue-color);}



/**
PRODUCT
**/
.index_pro_nav{position: relative;margin-top: 1.5vw;}
.index_pro_nav_scroll{text-align:center;}
.index_pro_nav_scroll .swiper-slide{width: auto;padding:.2vw 1.2vw;}

.index_pro_nav .swiper-button-prev{left: -2vw;}
.index_pro_nav .swiper-button-next{right: -2vw;}
.index_pro_nav .swiper-button-prev,.index_pro_nav .swiper-button-next{transform: scale(.7);color: var(--font-color);font-size: var(--font-16);top: 59%;}
.index_pro_nav .swiper-button-prev:hover,.index_pro_nav .swiper-button-next:hover{color: var(--font-active-color);}

.index_pro_nav_scroll .block_line{display:block;width:5vw;height:3vw;background-color:var(--font-active-color);border-radius: var(--radius); position: absolute; left: 0; top:50%;transform: translateY(-50%);z-index:-1;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
.index_pro_nav_scroll .swiper-slide span{display: block;position: relative; z-index: 2;}
.index_pro_nav_scroll a:hover ,.index_pro_nav_scroll a.selectedNav{color: #ffffff;}

.index_product_list{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 1vw;}
.index_product_list .item{display: block;position: relative;width: calc(20% - .5vw);margin-top: 1.6vw;overflow: hidden;border-radius: var(--radius);}
.index_product_list .item:empty{margin-top: 0;}
.index_product_list .item_5{width: calc(20% - 1vw)}
.index_product_list .item_3{width: calc(33.33% - .8vw)}
.index_product_list .item_2{width: calc(50% - .8vw)}
.index_product_list .img{background-color: #fff;padding-bottom: 75%;}
.index_product_list .text{display: flex;align-items: center;justify-content: space-between;width: 100%;background-color:rgba(0,160,233,0.9);padding:.6vw 1vw;position: absolute;left: 0;bottom:-3vw;z-index: 3;color: #fff;opacity: 0;transition:all .5s ease-in-out 0s;font-size: var(--font-15);}
.index_product_list .text span:last-of-type{font-size: var(--font-14);}
.index_product_list .item.top .text{bottom: inherit!important;top: -3vw;}
.index_product_list .text .info{display: flex;flex-direction: column;}
.index_product_list .down_btn{font-size: var(--font-20);color: #fff;opacity: .9;transition:all .5s ease-in-out 0s;flex-shrink:0;}
.index_product_list .item:hover .text{opacity: 1;bottom: 0;}
.index_product_list .item.top:hover .text{opacity: 1;top: 0;}
.index_product_list .item .text .down_btn:hover{opacity: 1;}

.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%;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-16);}
.product_list .text .title a:hover ,.product_list .text .list a:hover{color: var(--font-active-color);}
.product_list .text .des{margin-top: .5vw;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 .des a{font-size: var(--font-14);margin-top: 1vw;display: block;color: var(--font-active-color);}
.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;}


.pro_page_box {padding: 2.5vw 0;}
.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);background: #fff;}
.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: 2vw; line-height: 1.8; border-top:rgba(0, 0, 0, .08) solid 1px;padding-top: 2vw;color: var(--font-dark-color);text-align: justify;font-size: var(--font-15);}
.pro_top_page_text .des p{border-bottom: rgba(0, 0, 0, .1) dashed 1px;padding-bottom: 1vw;}
.pro_top_page_text .more_btn{margin-top: 2vw;}
.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_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;}



/**
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
*/
.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{font-size: var(--font-15);margin-top: 2vw;}

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

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


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



/*
FOOTER
*/
.footer{position: relative;z-index: 2;}
.footer_box{display: flex;justify-content: space-between;}

.footer_bottom_box{padding: 1vw 0;background: var(--font-blue-color);color: #fff;font-size: var(--font-14);}
.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 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-active-color);color:  #fff;margin-top:5px;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: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-36);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;}


/*
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-15);width: 100%;}
.error_x i{margin-right: .5vw;font-size: var(--font-18);}

/*
USER
*/
.header_user{background: #fff;position: relative;}
.user_top{display: flex;align-items: center;margin-right: 3vw;position: relative;}
.user_top .layui-btn{background:none;display: flex;align-items: center;font-size: var(--font-16);height:auto;line-height: inherit;padding: 0;}
.user_top .layui-btn span{margin: 0 .5vw;color: var(--font-color);}

.user_top .layui-nav{padding: 0;color: var(--font-color);background:none;}
.user_top .layui-nav .layui-nav-item a{padding: 0;color: var(--font-color);display: flex;align-items: center;}
.user_top .layui-nav .layui-nav-child{padding: .5vw 0;text-align: center;min-width: 5vw;}
.user_top .layui-nav .layui-nav-item {line-height: inherit;display: flex;align-items: center;}
.user_top .layui-nav .layui-nav-item dd{display: flex;flex-direction: column;justify-content: center;}
.user_top .layui-nav .layui-nav-item dd a{margin: 0;padding: 0;text-align: center;justify-content: center;}
.user_top .layui-nav .layui-nav-item dd a i{margin-right: .5vw;}
.user_top .layui-nav .layui-nav-item dd a:hover{color: var(--font-active-color);}

.user_top  .layui-nav .layui-nav-more{position: relative;top: 0;right: 0;}
.user_top .layui-nav-img{width: 1.2vw;height: 1.2vw;background-color: #fff;}
.header_user .user_top .layui-nav-img ,.header.sticky .user_top .layui-nav-img {background: #f2f2f2;}
.user_top .layui-nav-child{top: 1.2vw;width: 6vw;left: -2.2vw;padding: 2vw;}
.user_top .layui-nav-child a{font-size:var(--font-16)}

.user_banner{min-height: calc(var(--i-window-height) - 8.18vw);position: relative;background: url(/static/images/login_bg.png) center no-repeat;background-size: cover;display: flex;align-items: center;justify-content: center;}
.user_banner_text{padding: 5vw 3vw;}
.login-container{width: 30vw;background-color: #fff;padding: 3vw;font-size: var(--font-16);box-shadow: 1px 1px 5vw rgba(0,0,0,.1);margin:0 auto;position: relative;border-radius: var(--radius);}
.login-container .login_btn{cursor: pointer;height: 4vw;width: 4vw;background-image: linear-gradient(to right bottom, rgb(0, 160, 223), rgb(0, 160, 223));
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%);position: absolute;top: 0;right: 0;text-align: right;border-top-right-radius: var(--radius);}
.login-container .login_btn span{font-size: var(--font-14); color: rgb(255, 255, 255);font-weight: 500; position: relative; top: .3vw; right: -.3vw;transform: rotate(45deg);display: block;}
.login-container .layui-form-item{margin-bottom: 1vw;}
.login-container .layui-form-item .layui-input-wrap .layui-input-prefix + .layui-input, .login-container .layui-form-item .layui-input-wrap .layui-input-prefix ~ * .layui-input{padding-left: 2.4vw;}
.login-container .layui-form-item .layui-input-prefix {padding:0 .5vw;width:2.4vw;}
.login-container .layui-form-item .layui-input-prefix .layui-icon, .login-container .layui-form-item .layui-input-suffix .layui-icon, .login-container .layui-form-item .layui-input-split .layui-icon{font-size: var(--font-18);}
.login-container .layui-form-item .layui-input-wrap ,.login-container .layui-form-item .layui-input-affix{line-height: 2.6vw;}
.login-container .layui-form-item .layui-input{font-size: var(--font-16);height: 2.6vw;line-height: 2.6vw;}
.login-container .layui-form-item.flex{display: flex;justify-content: space-between;align-items:center;font-size:var(--font-16);flex-wrap: nowrap;}
.login-container .layui-form-item.flex::after{display: none;}
.login-container .layui-btn-danger{background-color: var(--font-active-color);height: 2.4vw;line-height: 2.4vw;padding:0;font-size:var(--font-18);}
.login-container .login-other{display: flex; align-items: center;justify-content: center;margin: 0;}
.login-container .login-other a{margin: 0 1vw;}
.login-container .layui-form-checked[lay-skin="primary"] > i{border-color: var(--font-active-color) !important;background-color: var(--font-active-color);}
.login-container .layui-form-item .codeimg{display: block;height: 2.6vw;}
.login-container .layui-form-item .layui-form-checkbox[lay-skin="primary"]{display: flex;align-items: flex-start;margin: .5vw 0;}
.login-container .layui-form-item .layui-form-checkbox[lay-skin="primary"] > i{width: 1vw;height:1vw;font-size: var(--font-12);align-items: center;justify-content: center;display: flex;}
.login-container .layui-form-item .layui-form-checkbox[lay-skin="primary"] > div{font-size: var(--font-14);padding-right: 1vw;margin: 0;line-height: inherit;}
.login-container .layui-form-checkbox[lay-skin="primary"]:hover > i{border-color: var(--font-active-color);}
.login-container .layui-form-checkbox[lay-skin="primary"]{padding-left: 1.5vw;}
.login-container .layui-form-item .sendEmail{height: 2.6vw;line-height: 2.6vw;padding: 0 1.5vw;font-size: var(--font-16);}
.login-container .layui-form-item .sendEmail:hover{border-color: var(--font-active-color);color: var(--font-active-color);}
.login-container .login_title{text-align: center;margin-bottom: 1.5vw;font-size: var(--font-28);font-weight: bold;}

.user_read{font-size: var(--font-14);}
.skin_agreement{width: 70vw;}
.skin_agreement .layui-layer-title{font-size: var(--font-18);font-weight: bold;padding-left: 1.5vw;color: var(--font-active-color);}
.skin_agreement .agreement_content{padding: 1.5vw;max-height: 80vh;}

.user_warp{background-color: #f2f2f2;padding: 2vw 0 5vw;}

.slide_contain_user{font-size: var(--font-16);display: flex;justify-content: space-between;margin-top: 1vw;}
.slide_contain_user .slide_right{width: 20vw;background-color: #fff;padding: 3vw;}
.slide_contain_user .slide_left{width: calc(100% - 24vw);padding: 0;}
.slide_contain_user hr{margin: 2vw auto;}
.user_item{margin-bottom: 3vw;}
.user_item dt{font-size: var(--font-18);font-weight: bold; border-bottom: #f2f2f2 solid 1px;padding-bottom: 1vw;}
.user_item dd{display: flex;flex-direction: column;margin-top: 1vw;}
.user_item dd a{margin-top: 2vw;font-size: var(--font-16)}

.user_info_form {padding: 3vw;background-color: #fff;position: relative;height: 100%;}
.user_info_form .flex{display: flex;align-items: center;flex-wrap: nowrap;}
.user_info_form .flex .layui-btn{height: 2.6vw;line-height: 2.6vw;padding:0 1.5vw;font-size:var(--font-15)}
.user_info_form .flex::before,.user_info_form .flex::after{display: none;}
.user_info_form .flex img{height: 2.6vw;}
.user_headpic{width: 5vw;height:5vw;display: block; margin: 0 auto;border-radius: 50%;border: #eee solid 1px;position: relative;overflow: hidden;padding: .5vw;}
.user_headpic img{width: 100%;height: 100%;object-fit: cover;border-radius: 50%;box-shadow: 0 0 0 4px rgba(0,0,0,0.2);padding: .3vw;}
.user_headpic span{position: absolute; left: 0; bottom: 0; text-align: center; width: 100%; font-size: var(--font-12);color: #fff;background: rgba(0, 0, 0, 0.4);}

.user_info_form .layui-form-item{margin-bottom: 1vw;}
.user_info_form .layui-form-item .layui-input-wrap .layui-input-prefix + .layui-input, .user_info_form .layui-form-item .layui-input-wrap .layui-input-prefix ~ * .layui-input{padding-left: 2.4vw;}
.user_info_form .layui-form-item .layui-input-prefix {padding:0 .5vw;width:2.4vw;}
.user_info_form .layui-form-item .layui-input-prefix .layui-icon, .user_info_form .layui-form-item .layui-input-suffix .layui-icon, .user_info_form .layui-form-item .layui-input-split .layui-icon{font-size: var(--font-18);}
.user_info_form .layui-form-item .layui-input-wrap ,.user_info_form .layui-form-item .layui-input-affix{line-height: 2.6vw;}
.user_info_form .layui-form-item .layui-input ,.user_info_form .layui-form-label{font-size: var(--font-16);height: 2.6vw;line-height: 2.6vw;}
.user_info_form .layui-form-label{padding: 0;}
.user_info_form .layui-form-item.flex{display: flex;justify-content: space-between;align-items:center;font-size:var(--font-16);flex-wrap: nowrap;}
.user_info_form .layui-form-item.flex::after{display: none;}
.user_info_form .layui-btn-danger{background-color: var(--font-active-color);height: 2.6vw;line-height: 2.6vw;padding:0;font-size:var(--font-18);}

.user_info_form.layui-form-pane .layui-form-label{width: 10vw;}
.user_info_form.layui-form-pane .layui-input-block{margin-left: 10vw;}


.head_username{text-align: center;margin: .5vw 0 2vw;}
.head_username .layui-badge{background: var(--font-active-color)!important;height: auto;line-height: auto;padding: .2vw 1vw;font-size: var(--font-13);}
.head_user_set{position: absolute;right: 1.5vw; top: 1.5vw}
.user_info_center{display: flex;justify-content: space-between;text-align: center;font-size: var(--font-16);flex-wrap: wrap;}
.user_info_center .item{width:33.33%;margin-bottom: 2vw;display: flex;align-items: center;text-align: left;color: var(--font-color);}
.user_info_center .item .info span{color: #666;font-size: var(--font-14);display: block;}
.user_info_center .item i{margin-right: 1vw;border:var(--font-active-color) solid 1px;border-radius: 50%;width:3vw;height: 3vw;color: var(--font-active-color);font-size: var(--font-30);display: flex;align-items: center;justify-content: center;flex-shrink: 0;}


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

.form_search{width: 100%;}
.form_search .layui-input-prefix{width: 35px;}
.form_search .layui-input-wrap ,.form_search .layui-input-affix{line-height: 10vw;}
.form_search .layui-input{height:10vw;line-height: 10vw;;}
.form_search .layui-input-wrap .layui-input-prefix + .layui-input{padding-left: 35px;}
.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;}


/*
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:6vw!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_btn_lauguage{display: flex;align-items: center;text-transform: uppercase;margin-top: 4vw;}
.header_btn_lauguage:before{display: none;}  
.header_btn_lauguage a{display: flex;align-items: center;font-size: var(--font-15);margin-left: 3vw;}
.header_btn_lauguage a:hover{color: var(--font-active-color);}
.header_btn_lauguage a:first-of-type{margin-right: .6vw;}
.header_btn_lauguage a img{display: block;height:var(--font-16);margin-right: 3px;}



.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{width:100%;height: 100%;position:absolute;left:0;bottom:0;display:flex;flex-direction:column;justify-content:center;align-items: center;z-index:3;}
.index_banner .text .form_search{width: 80%;margin: 0 auto;}
.index_banner .text .title{text-align: center;color: #fff;font-size: var(--font-36);line-height: 1.3;font-weight: bold;margin-bottom: 1vw;}

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

.index_block .web_pr{padding: 0;}

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


/**
PRODUCT
**/


.index_pro_nav{position: relative;margin-top: 5vw;}
.index_pro_nav_scroll{text-align:center;}
.index_pro_nav_scroll .swiper-slide{width: auto;padding:5px 15px;}

.index_pro_nav .swiper-button-prev{left: -3vw;}
.index_pro_nav .swiper-button-next{right: -3vw;}
.index_pro_nav .swiper-button-prev,.index_pro_nav .swiper-button-next{transform: scale(.5);color: var(--font-color);font-size: var(--font-16);top: 50%;}

.index_pro_nav_scroll .block_line{display:block;width:10vw;height:6vw;}



.index_product_list{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 1vw;}
.index_product_list .item{display: block;position: relative;width: calc(50% - 1vw);margin-top: 2vw;overflow: hidden;border-radius: var(--radius);}
.index_product_list .item:empty{margin-top: 0;}
.index_product_list .item_5{width: calc(50% - 1vw)}
.index_product_list .item_3{width: calc(50% - 1vw)}
.index_product_list .item_2{width: 100%;}
.index_product_list .img{background-color: #fff;padding-bottom: 75%;}
.index_product_list .text{display: flex;align-items: center;justify-content: space-between;width: 100%;background-color:rgba(0,160,233,0.9);padding:.5vw 1vw;position: absolute;left: 0;bottom:-3vw;z-index: 3;color: #fff;opacity: 0;transition:all .5s ease-in-out 0s;font-size: var(--font-15);}
.index_product_list .text .info{display: flex;flex-direction: column;}
.index_product_list .down_btn{font-size: var(--font-20);color: #fff;opacity: .9;transition:all .5s ease-in-out 0s;}
.index_product_list .item:hover .text{opacity: 1;bottom: 0;}
.index_product_list .item .text .down_btn:hover{opacity: 1;}


.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_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 .des p{border-bottom: rgba(0, 0, 0, .1) dashed 1px;padding-bottom: 3vw;}
.pro_top_page_text .more_btn{margin-top: 6vw;}
.pro_top_page_text .more_btn .layui-btn{width: 100%;}


/*
NEWS
*/

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



/*
CONTACT
*/

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


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

/*
FOOTER
*/
.footer_box{flex-direction: column;padding: 0 3vw;}
.footer_left{max-width: 100%;}
.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_bottom_box{padding: 4vw 0;color: #fff;}
.footer_bottom_info{text-align: center;}
.footer_bottom_info .item{flex-wrap: wrap;font-size: var(--font-14);}
.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;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;}


/*
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;}

/*
USER
*/
.header_user{background: #fff;position: fixed;}
.user_top{display: flex;align-items: center;margin-left: 1.5vw;position: relative;}
.user_top .layui-btn{background:none;display: flex;align-items: center;font-size: var(--font-16);height:auto;line-height: inherit;padding: 0;}
.user_top .layui-btn span{margin: 0 .5vw;color: var(--font-color);}

.user_top .layui-nav{padding: 0;color: var(--font-color);background:none;}
.user_top .layui-nav .layui-nav-item a{padding: 0;color: var(--font-color);display: flex;align-items: center;}
.user_top .layui-nav .layui-nav-child{padding: .5vw 0;text-align: center;min-width: 5vw;}
.user_top .layui-nav .layui-nav-item {line-height: inherit;display: flex;align-items: center;}
.user_top .layui-nav .layui-nav-item dd{display: flex;flex-direction: column;justify-content: center;}
.user_top .layui-nav .layui-nav-item dd a{margin: 0;padding: 0;text-align: center;justify-content: center;}
.user_top .layui-nav .layui-nav-item dd a i{margin-right: .5vw;}
.user_top .layui-nav .layui-nav-item dd a:hover{color: var(--font-active-color);}

.user_top  .layui-nav .layui-nav-more{position: relative;top: 0;right: 0;}
.user_top .layui-nav-img{width: 8vw;height: 8vw;background-color: #fff;padding: .2vw;}
.header_user .user_top .layui-nav-img ,.header.sticky .user_top .layui-nav-img {background: #f2f2f2;}
.user_top .layui-nav-child{top: 10vw;width: 32vw;left:0;padding: 2vw;}
.user_top .layui-nav-child a{font-size:var(--font-16)}

.user_banner{min-height:auto;position: relative;background: url(../img/login_bg.png) center no-repeat;background-size: cover;display: flex;align-items: center;justify-content: center;}
.user_banner_text{padding: 12vw 3vw;width:100%;}
.login-container{width: 100%;background-color: #fff;padding: 8vw 3vw;font-size: var(--font-16);box-shadow: 1px 1px 5vw rgba(0,0,0,.1);margin:0 auto;position: relative;}
.login-container .login_btn{cursor: pointer;height: 16vw;width: 16vw;background-image: linear-gradient(to right bottom, rgb(0, 91, 127), rgb(0, 91, 127));
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%);position: absolute;top: 0;right: 0;text-align: right;}
.login-container .login_btn span{font-size: var(--font-14); color: rgb(255, 255, 255);font-weight: 500; position: relative; top: 1.8vw; right: 1.2vw;}
.login-container .layui-form-item{margin-bottom: 3vw;}
.login-container .layui-form-item .layui-input-wrap .layui-input-prefix + .layui-input, .login-container .layui-form-item .layui-input-wrap .layui-input-prefix ~ * .layui-input{padding-left: 8vw;}
.login-container .layui-form-item .layui-input-prefix {padding:0 1vw;width:8vw;}
.login-container .layui-form-item .layui-input-prefix .layui-icon, .login-container .layui-form-item .layui-input-suffix .layui-icon, .login-container .layui-form-item .layui-input-split .layui-icon{font-size: var(--font-18);}
.login-container .layui-form-item .layui-input-wrap ,.login-container .layui-form-item .layui-input-affix{line-height: 11vw;}
.login-container .layui-form-item .layui-input{font-size: var(--font-16);height: 11vw;line-height: 11vw;}
.login-container .layui-form-item.flex{display: flex;justify-content: space-between;align-items:center;font-size:var(--font-16);flex-wrap: nowrap;}
.login-container .layui-form-item.flex::after{display: none;}
.login-container .layui-btn-danger{background-color: var(--font-active-color);height: 11vw;line-height: 11vw;padding:0;font-size:var(--font-18);}
.login-container .login-other{display: flex; align-items: center;justify-content: center;margin: 0;}
.login-container .login-other a{margin: 0 1vw;}
.login-container .layui-form-checked[lay-skin="primary"] > i{border-color: var(--font-active-color) !important;background-color: var(--font-active-color);}
.login-container .layui-form-item .codeimg{display: block;height: 11vw;}
.login-container .layui-form-item .layui-form-checkbox[lay-skin="primary"]{display: flex;align-items: flex-start;margin: .5vw 0;}
.login-container .layui-form-item .layui-form-checkbox[lay-skin="primary"] > i{width: 4vw;height:4vw;font-size: var(--font-12);align-items: center;justify-content: center;display: flex;}
.login-container .layui-form-item .layui-form-checkbox[lay-skin="primary"] > div{font-size: var(--font-14);padding-right: 1vw;margin: 0;line-height: inherit;}
.login-container .layui-form-checkbox[lay-skin="primary"]:hover > i{border-color: var(--font-active-color);}
.login-container .layui-form-checkbox[lay-skin="primary"]{padding-left: 7vw;}
.login-container .layui-form-item .sendEmail{height: 11vw;line-height: 11vw;padding: 0 1.5vw;font-size: var(--font-16);}
.login-container .layui-form-item .sendEmail:hover{border-color: var(--font-active-color);color: var(--font-active-color);}
.login-container .login_title{text-align: center;margin-bottom: 6vw;font-size: var(--font-22);font-weight: bold;}

.user_read{font-size: var(--font-14);}
.skin_agreement{width: 70vw;}
.skin_agreement .layui-layer-title{font-size: var(--font-18);font-weight: bold;padding-left: 1.5vw;color: var(--font-active-color);}
.skin_agreement .agreement_content{padding: 1.5vw;max-height: 80vh;}

.user_warp{background-color: #f2f2f2;padding: 6vw 3vw;}
.user_warp .guide_menu_item{background: none;padding: 0;}

.slide_contain_user{font-size: var(--font-16);flex-direction: column;margin-top: 5vw;}
.slide_contain_user .slide_right{width: 100%;background-color: #fff;padding: 6vw 3vw;}
.slide_contain_user .slide_left{width: 100%;padding: 6vw 0;}
.slide_contain_user hr{margin: 5vw auto;}
.user_item{margin-bottom:0;}
.user_item dt{font-size: var(--font-18);font-weight: bold; border-bottom: #f2f2f2 solid 1px;padding-bottom: 3vw;}
.user_item dd{display: flex;flex-direction: row;margin-top: 3vw;flex-wrap: wrap;}
.user_item dd a{margin-top: 2vw;font-size: var(--font-16);width: 50%;display: flex;flex-direction: column;justify-content: center;align-items: center;}

.user_info_form {padding:6vw 5vw;background-color: #fff;position: relative;height: 100%;}
.user_info_form .flex{display: flex;align-items: center;flex-wrap: nowrap;}
.user_info_form .flex .layui-btn{height: 11vw;line-height: 11vw;padding:0 1.5vw;font-size:var(--font-16)}
.user_info_form .flex::before,.user_info_form .flex::after{display: none;}
.user_headpic{width: 18vw;height:18vw;display: block; margin: 0 auto;border-radius: 50%;border: #eee solid 1px;position: relative;overflow: hidden;padding: 1vw;}
.user_headpic img{width: 100%;height: 100%;object-fit: cover;border-radius: 50%;box-shadow: 0 0 0 4px rgba(0,0,0,0.2);padding: .3vw;}
.user_headpic span{position: absolute; left: 0; bottom: 0; text-align: center; width: 100%; font-size: var(--font-12);color: #fff;background: rgba(0, 0, 0, 0.4);}

.user_info_form .layui-form-item{margin-bottom: 2vw;}
.user_info_form .layui-form-item .layui-input-wrap .layui-input-prefix + .layui-input, .user_info_form .layui-form-item .layui-input-wrap .layui-input-prefix ~ * .layui-input{padding-left:6vw;}
.user_info_form .layui-form-item .layui-input-prefix {padding:0 1vw;width:8vw;}
.user_info_form .layui-form-item .layui-input-prefix .layui-icon, .user_info_form .layui-form-item .layui-input-suffix .layui-icon, .user_info_form .layui-form-item .layui-input-split .layui-icon{font-size: var(--font-16);}
.user_info_form .layui-form-item .layui-input-wrap ,.user_info_form .layui-form-item .layui-input-affix{line-height: 11vw;}
.user_info_form .layui-form-item .layui-input ,.user_info_form .layui-form-label{font-size: var(--font-16);height: 11vw;line-height: 11vw;}
.user_info_form .layui-form-label{padding: 0;width: 20vw;}
.user_info_form .layui-input-block{margin-left: 20vw;display: flex;align-items: center;}
.user_info_form .layui-form-radio{display: flex;align-items: center;white-space: nowrap;}
.user_info_form .layui-form-item.flex{display: flex;justify-content: space-between;align-items:center;font-size:var(--font-16);flex-wrap: nowrap;}
.user_info_form .layui-form-item.flex::after{display: none;}
.user_info_form .layui-form-item img{display: block;height: 11vw;}
.user_info_form .layui-btn-danger{background-color: var(--font-active-color);height: 11vw;line-height: 11vw;padding:0;font-size:var(--font-18);}
.user_info_form .layui_btn_group {margin-top: 5vw;}
.user_info_form .layui_btn_group label{display: none;}
.user_info_form .layui-input-inline{display: flex;justify-content: space-between;width: 100%;margin: 0;}
.user_info_form .layui-input-inline .layui-btn{width: calc(50% - 2vw);}
.user_info_form .layui_code_group .layui-col-xs3{width: 60%;}
.user_info_form .layui_code_group .layui-col-xs2{width: 40%;}

.user_info_form.layui-form-pane .layui-form-label{display: none;}
.user_info_form.layui-form-pane .layui-input-block{margin-left:0;}

.head_username{text-align: center;margin: 2vw 0 5vw;}
.head_username .layui-badge{background: var(--font-active-color)!important;height: auto;line-height: auto;padding: .2vw 1vw;font-size: var(--font-13);}
.head_user_set{position: absolute;right: 3vw; top:6vw}
.user_info_center{display: flex;justify-content: space-between;text-align: center;font-size: var(--font-16);flex-wrap: wrap;margin-top:6vw;}
.user_info_center .item{width:calc(50% - 1vw);margin: 3vw 0;display: flex;flex-direction: column;align-items: center;text-align: center;color: var(--font-color);}
.user_info_center .item .info span{color: #666;font-size: var(--font-14);display: block;margin-top:2vw;}
.user_info_center .item i{margin-right: 1vw;border:var(--font-active-color) solid 1px;border-radius: 50%;width:7vw;height: 7vw;color: var(--font-active-color);font-size: var(--font-16);display: flex;align-items: center;justify-content: center;flex-shrink: 0;}

}