@import "iconfont.css";
  @font-face {
    font-family: 'MarkPro-Light';
    src: url('../fonts/MarkPro-Light.eot');
    src: url('../fonts/MarkPro-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MarkPro-Light.woff2') format('woff2'),
        url('../fonts/MarkPro-Light.woff') format('woff'),
        url('../fonts/MarkPro-Light.ttf') format('truetype'),
        url('../fonts/MarkPro-Light.svg#MarkPro-Light') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat-Bold';
    src: url('../fonts/Montserrat-Bold.eot');
    src: url('../fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Bold.woff2') format('woff2'),
        url('../fonts/Montserrat-Bold.woff') format('woff'),
        url('../fonts/Montserrat-Bold.ttf') format('truetype'),
        url('../fonts/Montserrat-Bold.svg#Montserrat-Bold') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
:root {
  --font-color: #333333;
  --font-active-color: #926e4c;
  --font-grey-color: #dcdcdc;
  --font-red-color: #e60011;
  --font-gray-color: #666;
  --font-white-color: #ffffff;
  --font-grayLight-color: #999;
  --bg-light: #f2f2f2;
  --bg-gray: #eef1f6;
  --bg-grey: #f5f5f5;
  --bg-yellow: #fdfbf7;
  --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: 80vw;
  --web-plr: 10vw;
  --radius: 0.625vw;
  --swiper-navigation-size: 1.8vw;
  --i-window-height: 100vh;
  --header-height: 4.17vw;
}
*,:after,:before{box-sizing:border-box;}
body{background-color:#fff;color:var(--font-color);font:var(--font-16) "\5FAE\8F6F\96C5\9ED1","Microsoft YaHei","微软雅黑","Arial";-webkit-text-size-adjust:100%;line-height:1.6;}
.hidden{overflow:hidden;height:var(--i-window-height);}
a{color:var(--font-color);}
a:hover,.on{color:var(--font-active-color);text-decoration:none;transition:all 300ms ease-in-out 0s;}
.my_ul,.my_dl{margin:0;padding:0;}
.my_ul li{list-style:none;}
.my_dl dt,.my_dl dd{margin:0;padding:0;font-weight:normal;}
dt+dd{margin-top:0;}
p{margin:0 0 0.625vw;}
p.none{margin-bottom:0;line-height:0.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;box-sizing:content-box;}
picture{display:block;}
blockquote{padding:0.8vw;background-color:var(--bg-light);font-family:"\5FAE\8F6F\96C5\9ED1","Microsoft YaHei","微软雅黑";font-size:var(--font-16);border-left:4px solid var(--font-active-color);display:flex;align-items:center;margin-bottom:1.042vw;}
blockquote p{margin:0 !important;}
p+blockquote{margin-top:1.2vw;}
.img_animate{position:relative;overflow:hidden;display:block;width:100%;}
.img_animate img{display:block;width:100%;height:100%;object-fit:cover;position:absolute;left:0;top:0;transition:all 0.5s ease-in-out 0s;}
.img_animate.contain img{object-fit:contain;}
.img_animate:hover img{transform:scale(1.02);}
.picture-hover-animate{display:block;position:relative;overflow:hidden;}
.picture-hover-animate:after{position:absolute;top:0;right:0;bottom:0;left:0;display:block;visibility:visible;width: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;transform-origin:50%;animation:preloader-spin 1s infinite linear;}
@keyframes preloader-spin{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}
.slide_img_down::after,.slide_img_right::after{display:block;content:" ";position:absolute;left:0;bottom:0;width:100%;height:100%;background:#fff;z-index:99;}
.slide_img_down_active::after{height:0;transition:all 1s cubic-bezier(0.4,0,0.2,1);}
.slide_img_right_active::after{width:0;transition:all 1s cubic-bezier(0.4,0,0.2,1);}
.fade_in,.fade_in_left,.fade_in_right,.fade_in_up,.fade_in_down,.slide_in_up,.zoom_in_up{opacity:0;}
.animate__animated{opacity:1;}
input:-webkit-autofill,textarea:-webkit-autofill,select:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px white inset;}
.flex{display:flex;flex-wrap:wrap;}
.align_center{align-items:center;}
.justify_between{justify-content:space-between;}
.justify_end{justify-content:flex-end;}
.justify_center{justify-content:center;}
.web_w{width:var(--web-width);margin:0 auto;}
.web_pr{padding:0 3vw;}
.layui-main{width:var(--web-width);max-width:100%;margin:0 auto;}
.layui-main img{max-width:100%;}
.layui-main.flex{display:flex;}
.margin-top-0{margin-top:0 !important;}
.layui-table{color:var(--font-color);margin:0 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;}
.layui-table tr th{font-weight:bold;text-align:center;background-color:#f7f7f7;}
.layui-table p{margin:0;}
.layui-table img{max-width:100%;}
.layui-layer-btn a{font-size:var(--font-14);}
.layui-input:focus,.layui-textarea:focus{border-color:var(--font-active-color) !important;box-shadow:0 0 0 3px rgba(22,183,119,0.08);}
.layui-layer-photos-prev,.layui-layer-photos-next{color:rgba(0,0,0,0.6) !important;transform:scale(1);background:#787878;color:#fff !important;border-radius:50%;font-size:var(--font-20) !important;display:flex;justify-content:center;align-items:center;width: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:0.3vw 0.8vw;font-size:var(--font-14);}
.skin_tips_img.layui-layer-tips .layui-layer-content{line-height:inherit;padding:0.5vw;text-align:center;font-size:var(--font-12);}
.skin_tips_img.layui-layer-tips .layui-layer-content img{width:130px;display:block;margin-bottom:0.1vw;}
.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;}
.skin_Imgview.layui-layer-tips{width:auto !important;}
.skin_Imgview.layui-layer-tips .layui-layer-content{width:150px;padding:8px !important;text-align: center;}
.skin_Imgview.layui-layer-tips img{display:block;width:100%;}
.skin_Tipsview.layui-layer-tips{width:auto !important;}
.skin_Tipsview.layui-layer-tips .layui-layer-content{line-height:1.6;padding:.8vw 1.2vw;font-size:var(--font-15);max-width: 25vw;}
.model_skin .layui-layer-content{margin: 1vw;font-size: var(--font-15);}
.model_skin .layui-layer-content.layui-layer-full{max-height:100%;}
.model_skin .layui-layer-content img{max-width: 100%;}
.model_skin .layui-layer-title{font-size: var(--font-16);font-family: 'Montserrat-Bold';line-height: 1.4;padding:.8vw 1vw;height: auto;line-height: inherit;}
.model_skin .layui-layer-setwin{right: 1vw;top: 1vw;}
.model_skin .layui-layer-setwin span{font-size: var(--font-16);}


.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;transition:all 1s cubic-bezier(0.4,0,0.2,1);transition-delay:0.12s;}
.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% - 0.5vw);margin-top:1vw;}
.ue_flex_img .ue_flex_item img{display:block;width:100%;}
.ue_flex_img .ue_flex_item:nth-of-type(1){width:100%;}
.ue-table-interlace-color-single{background-color:#f9f9f9;}

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



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




.header{width:100%;position:relative;z-index:1100;transition:all 0.3s ease-in-out 0s;background: #fff;box-shadow:0 0 10px rgba(0,0,0,0.1);}
.header.fixed{position:fixed;left:0;top:0;}
.header .header_top{display: flex;align-items: center;padding: 1vw 0;justify-content: space-between;}
.header .header_top .item{display: flex;align-items: center;}
.header-phone{display:flex;align-items:center;font-size:var(--font-26);font-weight:bold;color: var(--font-active-color);margin-left: 4vw;}
.header-phone i{font-size:var(--font-24);margin-right:.5vw;}

.header .logo{display:flex;align-items:center;position:relative;overflow:hidden;z-index:2;flex-shrink:0;}
.header .logo img{display:block;height:3.4vw;}
.header .logo .text{line-height: 1.4;margin-left: 1vw;border-left: 1px solid var(--font-grey-color);padding-left: 1.5vw;font-size: var(--font-19);color: var(--font-color);color: var(--font-active-color);font-weight: bold;}
.header .logo .text strong{color: var(--font-red-color);}
.header .logo .text span{letter-spacing: .1vw;}
.header_language{display: flex;align-items: center;}
.header_language::before{display:block;content:'';width: 1px;height:1vw;background-color: var(--font-grey-color);margin: 0 1vw 0 2vw;}
.header_language a{color: var(--font-color);opacity: 1;display: flex;align-items: center;text-transform: uppercase;font-size: var(--font-15);padding:0;margin-left: 1vw;}
.header_language a img{height: 1.05vw;margin-right: .2vw;}

.header .menu{background: var(--font-active-color);}
.header_nav{background:none;display:flex;align-items:center;justify-content:space-between;transition:transform 0.8s ease;position:static;padding:0;width: 100%;}
.header_nav *{font-size:var(--font-16);}
.header_nav .layui-nav-item{line-height:initial;display:flex;transition:all 0.5s ease-in-out 0s;align-items:center;position:static;}
.header_nav .layui-nav-item .parent_a{padding:0 1vw;font-size:var(--font-16);color:var(--font-white-color);height:3vw;display:flex;align-items:center;position:relative;z-index:2;white-space:nowrap;}
.header_nav .layui-nav-item.layui-this .parent_a {background: rgba(200,0,8,1);}
.header_nav .layui-nav-item .parent_a:hover,.header_nav .layui-nav-item:hover .parent_a{background: rgba(200,0,8,1);}
.header_nav .layui-nav-bar{background:var(--font-active-color);height:1px;display: none!important;}
.header_nav .layui-nav-child dd.layui-this{background:none;}
.header_nav .layui-this::after ,.header_nav .layui-nav-item.layui-this::after{display:none;}
.header_nav .layui-nav-more{position:relative;right:0;margin-left:4px;font-size:var(--font-14);display:none;}
.header_nav .layui-nav-item .layui-nav-child.layui-anim{animation-duration:0.5s;}
.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%;opacity:0;height:1px;bottom:0;transition:0.3s;}
.header_nav .layui-nav-item.fliter_flag:hover .parent_a::after{opacity:1;left:0;width:100%;}
.header_nav .layui-nav-bar{top:calc(100% - 1px) !important;}


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

.header_sub_box{padding:2vw 0;}
.header_sub_tabs{display: flex;}
.header_sub_tabs .layui-tabs-header{width: 18vw;display: flex;flex-direction: column;height: auto;position: relative;white-space: inherit;}
.header_sub_tabs .layui-tabs-header::after{width: 1px;height: 100%;position: absolute;left: auto;right: 0;top: 0;background: var(--bg-gray);}
.header_sub_tabs .layui-tabs-header .link{line-height: inherit;padding: 0;text-align: left;}
.header_sub_tabs .layui-tabs-header .link a{display: flex;align-items: center;justify-content: space-between;padding:1vw .5vw 1vw 1vw!important;white-space: inherit !important;font-size: var(--font-16);margin: 0;border-bottom: var(--bg-light) solid 1px;}
.header_sub_tabs .layui-tabs-header .link a:not([href]){cursor: default;}
.header_sub_tabs .layui-tabs-header .link a::after{display: block;content: '\e606';font-family: 'iconfont';font-size: var(--font-16);color: rgba(255, 255, 255, 0.5);position: relative;}
.header_sub_tabs .layui-tabs-header .layui-this a{background: var(--font-active-color)!important;color: #fff!important;}
.header_sub_tabs .layui-tabs-header .layui-this a::after{color: #fff;}
.header_sub_tabs .layui-tabs-body{width: calc(100% - 18vw);padding:0 0 0 4vw!important;}
.header_sub_tabs .layui-tabs-item{padding: 0;}
.header_sub_tabs .layui-tabs-item .box{display: flex;justify-content: space-between;align-items: flex-start;}
.header_sub_tabs .layui-tabs-item .box .item{display: flex;width: calc(70% - 4vw);display: flex;justify-content: space-between;flex-wrap: wrap;}
.header_sub_tabs .layui-tabs-item .box .item:last-of-type{width: 30%;}
.header_sub_tabs .layui-tabs-item .box span{width: calc(50% - 1.8vw);}
.header_sub_tabs .layui-tabs-item .box span a{font-size: var(--font-16);padding:1.2vw 0!important;border-bottom: var(--bg-light) solid 1px;display: flex;align-items: center;justify-content: space-between;position: relative;}
.header_sub_tabs .layui-tabs-item .box span a::before{display: block;content: '';width: 0;height: 1px;background: var(--font-active-color);position: absolute;left: 0;bottom: -1px;transition: all 0.3s ease;opacity: 0;}
.header_sub_tabs .layui-tabs-item .box span a:hover::before{width: 100%;opacity: 1;}
.header_sub_tabs .layui-tabs-item .box span a::after ,.header_sub_tabs .layui-tabs-item .box .title a::after{display: block;content: '\e606';font-family: 'iconfont';font-size: var(--font-16);color: var(--bg-grey);transition: all 0.3s ease;}
.header_sub_tabs .layui-tabs-item .box span a:hover{background: none;color: var(--font-active-color);}
.header_sub_tabs .layui-tabs-item .box span a:hover::after{color: var(--font-active-color);transform: translateX(-3px);}
.header_sub_tabs .layui-tabs-item .box .img::before{display: block;content: '';padding-bottom: 75%;}

.header.sticky{position:fixed;top:0;box-shadow:0 0 5px rgba(0,0,0,0.1);}
.header.sticky,body.fliterYx .header{background-color:#fff;}
.header.sticky .header_nav .layui-nav-bar{top:calc(100% - 1px) !important;}
.header.sticky .header_nav .layui-nav-item.layui-this::after{opacity:1;}
.header_btn{display:flex;align-items:center;height:100%;}
.header_search{font-size:var(--font-20);display:flex;align-items:center;}
.header_search:hover{color:var(--font-active-color);}
.header_search_skin{background:none !important;width:100% !important;box-shadow:none !important;}
.header_search_box{padding-top:0.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:0.8vw !important;}
.skin_search_dropdown .layui-menu{padding:0;max-height:60vh;overflow:auto;}
.skin_search_dropdown .layui-menu li{padding:0.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:#474747;padding:3vw;border-radius:var(--radius);margin-top:0.8vw;color: #b5b5b5;}
.quick_link_box .footer_right{width: 45vw;}
body.fliterYx{transition:all 0.5s;}
body::before{display:block;content:'';width:100%;height:var(--i-window-height);position:fixed;left:0;top:0;z-index:-1;background-color:rgba(0,0,0,0.1);opacity:0;transition:all 0.5s;}
body.fliterYx::before{position:fixed;left:0;top:0;z-index:1000;opacity:1;z-index:1000;transition:all 0.5s;}
body.fliterYx .wapper{filter:blur(15px);opacity:0.9;transition:all 0.5s;}
.header::after{display:block;content:'';background-color:rgba(0,0,0,0.1);position:absolute;left:25%;width:50%;opacity:0;height:1px;bottom:0;transition:0.3s;z-index:10;}
body.fliterYx .header:after{opacity:1;left:0;width:100%;}

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



.mobile_menu_btn{width:44px;display:flex;align-items:center;justify-content:center;height:100%;margin:0 0 0 1.5vw;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);transition:all 0.2s ease-out;}
.fliterYxM .mobile_menu_btn.active span{background-color:var(--font-color);}
.mobile_menu_btn.active span,.fliterYxM.fliterYx .mobile_menu_btn span{background-color:var(--font-color);}
.mobile_menu_btn span:nth-of-type(1){top:0;left:0;opacity:1;width:100%;}
.mobile_menu_btn span:nth-of-type(4){bottom:0;right:0;opacity:1;width:100%;}
.mobile_menu_btn span:nth-of-type(2),.mobile_menu_btn span:nth-of-type(3){top:50%;right:0;margin-top:-1px;}
.mobile_menu_btn span:nth-of-type(2){transform:rotate(0);}
.mobile_menu_btn span:nth-of-type(3){transform:rotate(0);}
.mobile_menu_btn.active span:nth-of-type(2){transform:rotate(45deg);}
.mobile_menu_btn.active span:nth-of-type(3){transform:rotate(-45deg);}
.mobile_menu_btn.active span:nth-of-type(1),.mobile_menu_btn.active span:nth-of-type(4){opacity:0;}
.header.sticky .mobile_menu_btn span,.body_inner .mobile_menu_btn span{background:var(--font-color);}
.header.shadow{box-shadow: 0 10px 5px rgba(0,0,0,0.03);}



.index_banner{position:relative;}
.index_banner .swiper-slide::before{display:block;content:'';padding-bottom:38%;}
.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{-webkit-user-select:none !important;user-select:none !important;}
.index_banner .swiper-slide .link_video .img{display:none;}
.index_banner .text{width:100%;height:100%;position:absolute;left:0;bottom:0;z-index:3;display: flex;align-items: center;}
.index_banner .text.center{text-align: center;}
.index_banner .text.right{text-align: right;}
.index_banner .text .subtitle{font-size:var(--font-47);line-height:1.2;}
.index_banner .text .desc{font-size:var(--font-24);line-height:1.4;margin-top: 1vw;}
.index_banner_button{margin-top:3vw;}
.index_banner .text.center .index_banner_button{justify-content: center;}
.index_banner .text.right .index_banner_button{justify-content: flex-end;}

.index_banner_pagination.swiper-pagination-bullets{position:absolute;z-index:9;bottom:20px;display:flex;justify-content:center;}
.index_banner_pagination.swiper-pagination-bullets .swiper-pagination-bullet{background:rgba(0,0,0,0.3);opacity:1;}
.index_banner_pagination.swiper-pagination-bullets .swiper-pagination-bullet-active{background: var(--font-active-color);}
.index_banner_prev,.index_banner_next{width:var(--web-plr);height:var(--i-window-height);position:absolute;left:0;top:0;z-index:5;cursor:none;overflow:hidden;}
.index_banner_next{left:auto;right:0;}
.index_banner_prev span,.index_banner_next span{display:block;position:absolute;right:0;bottom:0;width:2vw;height:2vw;background-image:url(../img/cursor.svg);background-size:contain;background-repeat:no-repeat;background-position:center;opacity:0;}
.index_banner_next span{transform:rotate(180deg);}


.index_block{padding:5vw 0;background-position:center;background-repeat:no-repeat;background-size:cover;background-color:#fff;position:relative;z-index:2;overflow:hidden;}
.index_block.first{padding:3.5vw 0;}
.index_title{display: flex;flex-direction: column;align-items: center;}
.index_title .title{font-size:var(--font-32);line-height:1.2;font-weight: bold;color: var(--font-active-color);}
.index_title .title:after{display: block;content: ''; width: 2em;height: 2px; background: var(--font-active-color);margin: 1vw auto 0;}
.index_title .des{font-size:var(--font-16);line-height:1.4;margin: .6vw auto 0;max-width: 80%;text-align: center;}
.index_title .con{margin-top: 2vw;font-size: var(--font-18);max-width: 70%;text-align: center;}
.index_title.white{color: #fff;}
.index_title.white .title::after{display: block;content: '';background: #fff;}
.bg_grey{background-color:var(--bg-grey)!important;}
.bg_gray{background-color:var(--bg-gray)!important;}
.bg_grayYellow{background-color:var(--bg-yellow)!important;}
.bg_white{background: #fff!important;}
.bg_light{background: var(--bg-light)!important;}

.wrap_404{display: flex;justify-content: center;align-items: center;padding: 6vw 0;}
.info_404{display: flex;flex-direction: column;align-items: center;justify-content: center;font-size: var(--font-24);color: #000;margin-bottom: 2vw;text-align: center;}
.info_404 img{margin-bottom: 2vw;}


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

.index_about_jzt{margin: 2vw 0 0;text-align: center;font-size:var(--font-18);}
.index_about_jzttd{display: grid;grid-template-columns: repeat(8, 1fr);gap: 1.5vw;}
.index_about_jzttd .item{background: var(--font-active-color);color:var(--font-white-color);padding: 1vw;aspect-ratio: 1 / 1;border-radius: 50%;display: flex;justify-content: center;align-items: center;text-align: center;margin-top: 2vw;font-size: var(--font-16);}


.index_about_block{display: grid;grid-template-columns: repeat(2, 1fr);gap: 1.5vw;margin-top: 2vw;}
.index_about_block .item{display: flex;transition: all 0.5s ease;}
.index_about_block .item:hover{transform:translateY(-5px);}
.index_about_block .item .img{width: 40%;flex-shrink: 0;}
.index_about_block .item .img::before{display: block;content: '';padding-bottom: 80%;}
.index_about_block .item .text{width: 60%;display: flex;flex-direction: column;justify-content: center;background-color:rgba(146, 110, 76, .8);color: var(--font-white-color);padding: 1vw 2.5vw;}
.index_about_block .item .text .title{font-size: var(--font-18);font-weight: bold;}
.index_about_block .item .text .title::after{display: block;content: '';width: 2em;height: 1px; background: var(--font-white-color);margin: .5vw 0 0;}
.index_about_block .item .text .subtitle{font-size: var(--font-15);line-height: 1.4;margin-top: 1vw;}

.about_js_block{display: flex;justify-content: space-between; align-items: center;}
.about_js_block .img{width: 60%;}
.about_js_block .img::before{display: block;content: '';padding-bottom: 56.20%;}
.about_js_block .text{width: 40%;padding: 3vw;}

.index_yb .con{margin-top: 2vw;}

.about_page_box .about_page_item{padding: 3vw 0;}
.about_page_box .about_page_item{padding: 3vw 0;}
.about_page_box .about_page_item:nth-of-type(even){background: var(--bg-yellow);}
.about_page_block{display: flex;justify-content: space-between; align-items: center;}
.about_page_box .about_page_item:nth-of-type(even) .about_page_block{flex-direction: row-reverse;}
.about_page_block .text{width: calc(70% - 4vw);}
.about_page_block .text .title{font-size: var(--font-24);font-weight: bold;color: var(--font-active-color);}
.about_page_block .text .subtitle{font-size: var(--font-15);line-height: 1.4;margin-top: 1vw;}
.about_page_block .text .name{font-weight: bold;color: var(--font-active-color);}
.about_page_block .text .author{margin-top: 2.5vw;}
.about_page_block .text .author .item{display: grid;grid-template-columns: repeat(2, 1fr);margin-top: 1vw;column-gap: 3vw;row-gap: 1vw;}
.about_page_block .text .author .item span{background: var(--bg-grey);padding: .5vw 1vw;display: flex;align-items: center;}
.about_page_block .text .author .item span::before{display: block;content: '';width: .3vw;height: .3vw;background: var(--font-active-color);margin-right: .5vw;border-radius: 50%;}
.about_page_block .text .author .item span a{display: flex;align-items: center;justify-content: space-between;width: 100%;}
.about_page_block .text .author .item span a::after{display: block;content: '\e606';font-family: 'iconfont';}
.about_page_block .text .source{margin-top: 2.5vw;}
.about_page_block .text .source .item{margin-top: .5vw;}
.about_page_block .img{width: 30%;}
.about_page_block .img::before{display: block;content: '';padding-bottom: 100%;}

.about_service{display: flex;justify-content: space-between;margin-top: 3vw;}
.about_service .item{display: flex;flex-direction: column;align-items: center;width: 20%;}
.about_service .item .ico{width: 4vw;height: 4vw;display: flex;justify-content: center;align-items: center;background: var(--font-active-color);border-radius: 50%;}
.about_service .item .ico img{height: 100%;width: 100%;object-fit: contain;transform: scale(.9);}
.about_service .item .title{font-size: var(--font-18);font-weight: bold;color: var(--font-active-color);text-align: center;margin-top: 1vw;}
.about_service .item .subtitle{font-size: var(--font-15);line-height: 1.4;margin-top: .5vw;text-align: center;}

/*
Service
*/
.index_service_block{display: grid;grid-template-columns: repeat(4, 1fr);gap: 1.5vw;margin-top: 2.5vw;}
.index_service_block .item{display: flex;flex-direction: column;align-items: center;background: var(--font-active-color);color: #fff;padding: 4vw 1vw;transition: all 0.5s ease;}
.index_service_block .item:hover{transform:translateY(-5px);}
.index_service_block .item .ico img{height: 4vw;}
.index_service_block .item .title{font-size: var(--font-18);font-weight: bold;margin-top: 1vw;}
.index_service_block .item .subtitle{font-size: var(--font-15);line-height: 1.4;margin-top: .5vw;}

.service_page_block .index_block:nth-of-type(even){background: var(--bg-yellow);}
.service_ts_block{margin-top: 3vw;}
.service_ts_block .item{display: flex;justify-content: space-between;align-items: center;background: var(--bg-yellow);}
.service_ts_block .item:nth-of-type(even){flex-direction: row-reverse;}
.service_ts_block .item .text{width: 50%;padding:2vw 4vw;}
.service_ts_block .item .title{font-size: var(--font-24);font-weight: bold;color: var(--font-active-color);display: flex;align-items: center;}
.service_ts_block .item .title img{height: 2vw;margin-right: .5vw;}
.service_ts_block .item .desc{font-size: var(--font-18);margin-top: 1vw;}
.service_ts_block .item .img{width: 50%;flex-shrink: 0;}
.service_ts_block .item .img::before{display: block;content: '';padding-bottom: 40%;}

.service_js{display: flex;justify-content: space-between;}
.service_js .item{width: calc(50% - 2vw);padding: 0 4vw;}
.service_js .item .title{font-size: var(--font-24);font-weight: bold;color: var(--font-active-color);line-height: 1.2;}
.service_js .item .title:after{display: block; content: ''; width: 2em;height: 2px; background: var(--font-active-color); margin: .5vw 0 0;}
.service_js .item .text{font-size: var(--font-17);margin-top: 1.5vw;}

/*
Product
*/
.product_list{display: grid;grid-template-columns: repeat(4, 1fr);gap: 1.5vw;margin-top: 2.5vw;}
.product_list .item{}
.product_list .item .img{width: 100%;flex-shrink: 0;}
.product_list .item .img::before{display: block;content: '';padding-bottom: 100%;}
.product_list .item .title{font-size: var(--font-18);font-weight: bold;margin-top: .5vw;text-align: center;}




/*
Team
*/
.index_team_swiper_box{margin-top: 3vw;position: relative;}
.index_team_swiper_box .index_team_swiper_pagination{position: relative;width: 100%;bottom: 0;margin-top: 1vw;display: flex;justify-content: center;align-items: center;}
.index_team_swiper_box .index_team_swiper_pagination .swiper-pagination-bullet-active{background: var(--font-active-color);}
.index_team_next,.index_team_prev{position: absolute;top: 50%;transform: translateY(-50%);font-size: var(--font-22);color: var(--font-active-color);cursor: pointer;transition: all 0.5s ease-in-out 0s;width: 2vw;height: 2vw;display: flex;align-items: center;justify-content: center;background: var(--bg-light);border-radius: 50%;z-index: 100;margin: -1vw;}
.index_team_next:hover,.index_team_prev:hover{background: var(--font-active-color);color: #fff;}
.index_team_prev{left:-2.5vw;}
.index_team_next{right: -2.5vw;}
.index_team_next.swiper-button-lock,.index_team_prev.swiper-button-lock{display: none;}

.index_team_block{display: grid;grid-template-columns: repeat(2, 1fr);gap: 1.5vw;margin-top: 3vw;}
.teamList_item{display: flex;justify-content: space-between;padding: 1vw;background: var(--bg-yellow);transition: all 0.5s ease;}
.teamList_item:hover{transform:translateY(-5px);background: var(--font-active-color);color: var(--font-white-color);}
.teamList_img{width: 36%;background: url(../img/team_bg.jpg) no-repeat center center / cover;position: relative;}
.teamList_img::before{display: block;content: '';padding-bottom:128.6%;}
.teamList_item img{position: absolute;left: .8vw;top: .8vw;width: calc(100% - 1.6vw);height: calc(100% - 1.6vw);object-fit: contain;}
.teamList_item .text{width: calc(64% - 1vw);display: flex;flex-direction: column;}
.teamList_item .text .title{font-size: var(--font-18);font-weight: bold;color: var(--font-active-color);}
.teamList_item .text .subtitle{font-size: var(--font-15);line-height: 1.4;margin-top: .5vw;}
.teamList_item .text .desc{font-size: var(--font-14);line-height: 1.4;margin-top: 1vw;  overflow : hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4;  -webkit-box-orient: vertical;}
.teamList_item .text .desc strong{color: var(--font-active-color);}
.teamList_item:hover .text .title,.teamList_item:hover .text .subtitle,.teamList_item:hover .text .desc,.teamList_item:hover .text .desc strong{color: var(--font-white-color);}

.index_team_block .teamList_item{align-items: center;}
.index_team_block .teamList_img{width: 25%;}
.index_team_block .teamList_item .text{width: calc(75% - 2vw);}

.team_page_block{padding: 3vw 0;}
.team_page_des{display: flex;justify-content: space-between;align-items: flex-start;}
.team_page_des_left{width: 36%;padding-right: 2vw;}
.team_page_des_right{width: 64%;padding-left: 3vw;border-left: 1px solid #dedede;}
.team_page_des_left .teamList_item{background: none!important;align-items: center;padding: 0;}
.team_page_des_left .teamList_item:hover{transform:none!important;background: none!important;}
.team_page_des_left .teamList_img{width: 10vw;}
.team_page_des_left .teamList_item .text{width: calc(100% - 10vw);padding-left: 2vw;}
.team_page_des_left .teamList_item .text .title{color: var(--font-active-color)!important;}
.team_page_des_left .teamList_item .text .subtitle,.team_page_des_left .teamList_item .text .desc{color: var(--font-color)!important;line-height: 2;margin-top: 1vw;}
.team_page_des_left .teamList_item .text .desc strong{color: var(--font-active-color-color)!important;}

.pj_title{font-size: var(--font-18);font-weight: bold;margin-top: 3vw;display:flex;align:center;justify-content: space-between;}
.index_said_swiper .swiper-slide{margin-top: 1vw;}
.index_said_swiper .swiper-slide .text{font-size: var(--font-16);position: relative;text-align: justify;}
.index_said_swiper .swiper-slide .text i{font-size: var(--font-16);color: rgba(0, 0, 0, .5);line-height: 1;}
.index_said_swiper .swiper-slide .title{font-size: var(--font-15);margin-top: 1vw;display: flex;align-items: center;}
.index_said_swiper .swiper-slide .title i{background: var(--bg-gray);width: 2vw;height: 2vw;border-radius: 50%;display: flex;align-items: center;justify-content: center;margin-right: .5vw;font-size: var(--font-20);}
.index_said_navigation{display: flex;justify-content: center;align-items: center;margin-top: 4vw;}
.index_said_pagination{width: auto!important;position: relative;bottom: 0!important;margin: 0 1vw;}


/*
CASE
*/
.case_list{display: grid;grid-template-columns: repeat(2, 1fr);gap: 1vw;}
.case_list .item{display: flex;flex-direction: column;padding: 2vw;transition: all 0.5s ease;background: var(--bg-yellow);}
.case_list .item:hover{transform:translateY(-5px);}
.case_name{font-size: var(--font-18);display: flex;align-items: center;justify-content: flex-start;}
.case_name .ico{width:3vw;height: 3vw;background: var(--bg-gray);border:var(--font-active-color) solid 1px;border-radius: 50%;display: flex;align-items: center;justify-content: center;margin-right: .5vw;}
.case_name .ico img{width:100%;height:100%;object-fit: contain;border-radius: 50%;}
.case_name .title{display: flex;flex-direction: column;font-size: var(--font-16);}
.case_name .title span:first-of-type{color: var(--font-color);}
.case_name .title span b{font-weight: normal;}
.case_name .title span:last-of-type{font-weight: bold;margin-top: .2vw;}
.case_list .item .desc{font-size: var(--font-15);line-height: 1.4;margin-top: 1vw;color: var(--font-color);}


.case_page_block{display: flex;justify-content: space-between;}
.case_page_swiper{width: 30%;margin: 0;}
.case_page_swiper .swiper-slide img{width: 100%}
.case_page_swiper .case_page_prev i ,.case_page_swiper .case_page_next i{background: rgba(0,0,0,.8);color: var(--font-white-color);display: flex;align-items: center;justify-content: center;width: 1.5vw;height: 1.5vw;border-radius: 50%;font-size: var(--font-15);}
.case_page_swiper .case_page_prev ,.case_page_swiper .case_page_next{top: 50%;transform: translateY(-50%);cursor: pointer;position: absolute;z-index: 10;opacity: 0;transform: all 300ms ease-in-out 0s;}
.case_page_swiper .case_page_prev{left: 0;}
.case_page_swiper .case_page_next{right: 0;}
.case_page_swiper:hover .case_page_prev {opacity: 1;left: 1vw;}
.case_page_swiper:hover .case_page_next {opacity: 1;right: 1vw;}
.case_page_des{width: calc(70% - 4vw);}
.case_page_des.last{width: 100%;}
.case_page_des .article_box{margin-top: 2vw;}
.case_page_des.last .article_box{margin-top: 1vw;}

.case_rel_title{font-size: var(--font-18);font-weight: bold;margin: 3vw 0 1.5vw;display: flex;align-items: center;}
.case_rel_title::before{display: block;content: '';width: 2px;height: 1vw;background: var(--font-active-color);margin-right: .5vw;background: var(--font-active-color);}

.product_page .case_page_swiper{width: 36%;}
.product_page .case_page_des{width: calc(64% - 4vw);}
.product_name{font-size: var(--font-24);font-weight: bold;}


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

.index_news_swiper{margin-top: 2vw;}
.index_news_swiper .swiper-slide{overflow: hidden;background-color: #f9f9f9;height: auto;display: flex;flex-direction: column;justify-content: space-between;}
.index_news_swiper .swiper-slide .img::after{display: block;content: '';padding-bottom: 56.25%;}
.index_news_swiper .swiper-slide .item{padding:1.5vw;}
.index_news_swiper .swiper-slide .title{font-size: var(--font-18);font-weight: bold;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.index_news_swiper .swiper-slide .des{color: var(--font-gray-color);margin-top: 1vw;font-size: var(--font-15);}
.index_news_swiper .swiper-slide .date{display: flex;align-items: center;color: var(--font-gray-color);padding: 0 1.5vw 1.5vw;justify-content: space-between;font-size: var(--font-15);}
.index_news_swiper .swiper-slide .date i{font-size: var(--font-15);}
.index_news_swiper .swiper-slide .date span:first-of-type i{margin-right: .3vw;}
.index_news_swiper_pagination{margin-top: 1.5vw;display: flex;justify-content: center;}
.index_news_swiper_pagination .swiper-pagination-bullet-active{background: var(--font-active-color);}

.article_warp{padding:2vw 0 5vw;}
.article_list.last{padding-top:2vw;}
.article_list .layui-row{display:flex;flex-wrap:wrap;}
.article_list_item{margin-top:1vw;}
.article_list_item .item{background: #fff;padding: .8vw;border-radius: var(--radius);height: 100%;display: flex;flex-direction: column;justify-content: space-between;transition: all 0.5s ease;box-shadow: 0 0 10px 5px rgba(0,0,0,0.03);}
.article_list .img{background-color:#fff;border-radius:var(--radius);}
.article_list .img::before{display:block;content:'';padding-bottom:56.25%;}
.article_list .text{position: relative;}
.article_list .text .title{font-size:var(--font-16);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight: bold;color: var(--font-active-color);margin-top: .8vw;}
.article_list .text .des{font-size:var(--font-14);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top: .8vw;text-align: justify;line-height: 1.8;}
.article_list .time{color:#b5b5b5;margin-top:1vw;font-size: var(--font-14);display: flex;justify-content: space-between;}
.article_list .time span{color:#b5b5b5;display:inline-flex;align-items:center;background: #f6f6f6;padding: .2vw .8vw;border-radius: .3vw;}
.article_list .time a{margin-right: .5vw;}
.article_list .time a:hover{color:var(--font-active-color);}

.article_list .layui-col-space{margin:-.8vw;}
.article_list .layui-col-space > *{padding:.8vw;}

.article_list.first .article_list_item:first-of-type{width: 100%;display: flex;justify-content: space-between;}
.article_list.first .article_list_item:first-of-type .item{padding:0;flex-direction: row;}
.article_list.first .article_list_item:first-of-type .img{width: 48%;border-top-right-radius: 0;border-bottom-right-radius: 0;}
.article_list.first .article_list_item:first-of-type .text{width: 52%;display: flex;justify-content: space-between;padding: 3vw;}
.article_list.first .article_list_item:first-of-type .text .date{display: flex;flex-direction: column;color: var(--font-active-color);line-height: 1.4;font-size: var(--font-32);}
.article_list.first .article_list_item:first-of-type .block{display: flex;flex-direction: column;justify-content: space-between;width: calc(100% - 6vw);}
.article_list.first .article_list_item:first-of-type .block .title{font-size: var(--font-20);margin-top: 0;}
.article_list.first .article_list_item:first-of-type .block .des{margin-top: 2vw;-webkit-line-clamp:4;}
.article_list.first .article_list_item:first-of-type .btn{margin-top: 2vw;}
.article_list.first .article_list_item:first-of-type .btn a{border: var(--font-active-color) solid 1px;padding: .3vw 1vw;color: var(--font-active-color);font-size: var(--font-15);display: inline-flex;align-items: center;font-size: var(--font-15);}
.article_list.first .article_list_item:first-of-type .btn em{font-style: normal;}
.article_list.first .article_list_item:first-of-type .btn a i{margin-left: .3vw;}
.article_list.first .article_list_item:first-of-type .btn a:hover{background: #fff;color: var(--font-active-color)!important;}
.article_list .text .tag{width: 2.3vw;height:2.3vw;font-size: var(--font-15);background: var(--font-red-color);color: #fff;display: flex;justify-content: center;align-items: center;position: absolute;top: 0;left: 0;border-bottom-left-radius: 20vw;border-bottom-right-radius: 20vw;padding-bottom: .3vw;}
.article_list.first .article_list_item:first-of-type .text .tag{right: 1vw;left: auto;}

.article_list_item .item:hover{background: var(--font-active-color);color: #fff;}
.article_list_item .item:hover .title,.article_list_item .item:hover .link,.article_list_item .item:hover .date *{color: #fff;}
.article_list_item .item:hover .des{color: rgba(255,255,255,0.8);}
.article_list_item .item:hover .btn a{border-color: #fff!important;color: #fff!important;}


.layui-flow-more{width:100%;margin:1vw 0 0;}
.layui-flow-more a cite{border-radius:100vw;padding:0.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;}
.case_page{padding:0 0 5vw;position:relative;}

.article_slide{display: flex;justify-content: space-between;}
.article_slide_left{width: calc(75% - 3vw);}
.article_slide_right{width: 25%;}
.article_slide_right_box{position: sticky;top: 0;}

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

.article_slide_left .article_bd{padding: 2vw;background-color: #fff;box-shadow: 0 0 1rem 1rem rgba(0, 0, 0, .02);}

.article_box{font-size:var(--font-16);line-height:2;text-align: justify;}
.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:0.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-16);}
.article_box table tr th p,.article_box table tr td p{margin:0;}
.article_tags{margin-top:2vw;}
.article_tags a{margin-left:0.5vw;font-size: var(--font-14);background: var(--bg-light);border-radius: 3px;padding: .3vw .8vw;margin: .5vw .5vw .5vw 0;}
.article_tags a:hover{background: var(--font-active-color);color: #fff;}

.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(--bg-light);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-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);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:0.6rem;font-family:'layui-icon';}
.article_order dd:last-of-type::after{display:inline-block;content:'\e602';margin-left:0.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:0.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;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;}
.social-share-icon:hover .wechat-qrcode{display:block;}
.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;}
.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;}


.news_rel_name{font-size: var(--font-16);display: flex;align-items: center;font-weight: bold;background-color: #fff;padding: .5vw 1vw;}
.news_rel_name::before{display: block;content: '';width: 2px;height: 1vw;background: var(--font-active-color);margin-right: .5vw;}

.news_right_block{padding: 1vw;background-color: #fff;overflow: hidden;box-shadow: 0 0 1rem 1rem rgba(0, 0, 0, .02);margin-top: 1vw;}
.slide_right .news_right_block:first-of-type{margin-top: 0;}
.news_right_block .news_rel_name{padding:0;}

.news_hot{margin-top:.5vw;}
.news_hot li{padding:.5vw 0; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;font-size: var(--font-15);}
.news_hot li i{width:1vw;height:1vw;line-height:1vw;padding:0;font-style:normal;font-size:var(--font-10);margin-right:.4vw;vertical-align: middle;font-weight: 500;background-color: #999;color: #fff;}
.news_hot li:nth-of-type(1) i{background: #E61413;color: #fff;}
.news_hot li:nth-of-type(2) i{background: #00BCF2;color: #fff;}
.news_hot li:nth-of-type(3) i{background: #FFD21C;color: #fff;}
.news_hot li:last-of-type{padding-bottom:0;}
.article_list_box{display: flex;flex-wrap: wrap;}
.article_list_box.layui-col-space{margin: 0 -.4vw;}
.article_list_box.layui-col-space>*{padding:0 .4vw;}
.article_list_box .item{margin-top: 1vw;}
.article_list_box .img{background-color: #fff;}
.article_list_box .img::before{display: block;content: '';padding-bottom: 56.25%;}
.article_list_box .img i{position: absolute;z-index: 2;color: rgba(255,255,255,.8);font-size: var(--font-50);width: 100%;height: 100%;left: 0;top: 0;display: flex;align-items: center;justify-content: center;background: rgba(0, 0, 0, .1);transition: all 0.3s ease;}
.article_list_box .img:hover i{color: rgba(255,255,255,1);}
.article_list_box .title{font-size: var(--font-15);overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-top: .6vw;}

.news_rel_tag{margin-top: 2vw;}
.news_rel_tag .item{display: flex;flex-wrap: wrap;text-align: center;margin-top: .5vw;}
.news_rel_tag .item a{font-size: var(--font-14);background: var(--bg-light);border-radius: 3px;padding: .3vw .8vw;margin: .5vw .5vw .5vw 0;}
.news_rel_tag .item a:hover{background: var(--font-active-color);color: #fff;}



/* 联系我们 */

.contact_box{padding:4.5vw 0;}
.contact_box_block{display:flex;justify-content:space-between;margin-top: 3vw;}
.contact_box_item{width:calc(25% - 1.5vw);}
.contact_box_item .item{display:flex;justify-content:center;align-items: center;background-color:var(--bg-light);padding:2vw;border-bottom-left-radius: var(--radius);border-bottom-right-radius: var(--radius);transition: all 0.5s ease;min-height:10vw;}
.contact_box_item i{font-size: var(--font-50);color: var(--font-active-color);transition: all 0.5s ease;}
.contact_box_item .fontwechat{color: #7ac443;}
.contact_box_item .text{margin-left: .5vw;line-height: 1.4;}
.contact_box_item .title{font-size:var(--font-16);font-weight:bold;line-height:1.2;}
.contact_box_item .con{font-size:var(--font-16);margin-top: .3vw;}
.contact_box_item .con span{font-size: var(--font-24);}
.contact_box_item:hover .item{transform: scale(1.04);background-color: var(--font-active-color);color: #fff;}
.contact_box_item:hover .item i{font-size: var(--font-50);color: #fff;}

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

.contact_from {margin-top: 3vw;}
.contact_from ,.contact_from .layui-select-group{display:flex;justify-content:space-between;flex-wrap:wrap;}
.contact_from .layui-form-item ,.contact_from .layui-select-group .layui-form-select{width:calc(50% - 0.5vw);}
.contact_from .layui-input{height:2.2vw;line-height:2.2vw;font-size:var(--font-14);border-color:#bbbbbb;}
.contact_from .layui-textarea{font-size:var(--font-14);border-color:#bbbbbb;}
.contact_from .layui-form-item:last-of-type{margin-bottom:0;}
.contact_from .layui-form-item .codeimg{height:2.2vw;}
.contact_from .layui-form-item .text{width:60%;color:rgba(23,23,28,0.6);}
.contact_from .layui-form-item .text.one{width:100%;margin-top:1vw;text-align:center;}
.contact_from .layui-form-item.flex .layui-btn i{margin-left:0.5vw;}
.contact_from .layui-form-item label{display:block;font-size:var(--font-16);margin-bottom:5px;font-weight: bold;display: flex;align-items: center;}
.contact_from .layui-input-wrap,.contact_from .layui-input-affix{line-height:2.2vw;}
.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.2vw;line-height:2.2vw;font-size:var(--font-15);box-shadow:none;padding-left: 1vw;}
.contact_from .layui-textarea{font-size:var(--font-15);background:none;padding:0.8vw;box-shadow:none;resize:none;}
.contact_from .layui-form-item .layui-btn{display:flex;height:2.2vw;align-items:center;justify-content:center;font-size:var(--font-16);background-color:var(--font-active-color);border-radius:100vw;color:#fff;width:100%;margin-top: .5vw;}
.contact_from .layui-form-item .layui-btn span{margin-right: .5vw;}
.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-item .checkbox_box{display:flex;flex-wrap:wrap;}
.contact_from .layui-form-checkbox > div{white-space:inherit;padding-right:6px;margin-top:0;line-height:1.5;font-size:var(--font-15);}
.contact_from .layui-form-item .layui-form-checkbox[lay-skin="primary"]{display:flex;align-items:center;justify-content:center;min-width:auto;min-height:auto;flex-direction:row-reverse;margin:0.3vw 0.5vw 0 0;padding:0;}
.contact_from .layui-form-item a{text-decoration:underline;color:var(--font-active-color);}
.contact_from .layui-form-checked[lay-skin="primary"] > i{border:0;background-color:var(--font-active-color);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;}
.contact_from .layui-form-checkbox[lay-skin="primary"] > i{border-color:var(--font-active-color) !important;border-radius:50%;width:0.8vw;height:0.8vw;display:flex;align-items:center;justify-content:center;font-size:var(--font-10);position:relative;margin-right:5px;}
.contact_from .layui-form-item.flex::after{display:none;}
.contact_from .layui-form-item.flex .layui-input-wrap{display:flex;align-items:center;width:inherit;}
.contact_from .layui-form-item .form_code{width:47%;justify-content:space-between;flex-wrap:nowrap;align-items: center;}
.contact_from .layui-form-item .form_code .layui-input-wrap{width:100%;}
.contact_from .layui-form-item .codeimg{height:2.2vw;}
.contact_from .layui-form-item.flex .layui-btn{width:15vw;}
.contact_from .layui-form-item.justify_end .layui-btn{width:100%;}
.contact_from .layui-form-item label em{color:#ff0000;margin-right:.3vw;font-style:normal;font-weight: normal;}
.contact_from .layui-form-item.one{width:100%;}
.contact_from .layui-input-suffix{right:0;width:auto;}
.layui-form-select .layui-edge{right:0.8vw;border-top-color:var(--font-grey-color);}
.layui-form-select dl{border-radius:var(--radius);margin:0;max-height: 450px;}
.layui-form-select dl dd{padding:0 1vw !important;font-size:var(--font-15);line-height: 2vw;}
.layui-form-select dl dd.layui-this{color:#fff;background:var(--font-active-color);font-weight:normal;}

.layui-form xm-select{height:2.2vw;line-height:2vw;font-size:var(--font-15);border-radius:var(--radius);box-shadow:none;min-height: auto;}
.layui-form xm-select *{font-size:var(--font-15);}
.layui-form xm-select .xm-tips{padding: 0 1vw;}
.layui-form xm-select > .xm-icon{font-size:var(--font-16);border-top-color: var(--font-grey-color);}
.layui-form xm-select > .xm-body{border-radius:var(--radius);}
.layui-form xm-select > .xm-body .xm-option-content{padding-left: 6px;}
.layui-form xm-select .xm-body .xm-option .xm-option-icon{width: var(--font-16);height: var(--font-16);font-size: var(--font-16);}
.layui-form xm-select > .xm-label .xm-label-block > span{font-size: var(--font-12);}


.footer{background:#272e3a;color:#b5b5b5;padding:3vw 0 0;position:relative;z-index:2;}
.footer_box{display:flex;justify-content:space-between;align-items: flex-start;}
.footer_left{display:flex;flex-direction:column;border-left:#b5b5b5 solid .2vw;padding-left: 4vw;}
.footer_left .tel{font-size: var(--font-32);font-weight: bold;line-height: 1.4;}
.footer_left .tel a{color:#b5b5b5;}
.footer_left .name{font-size:var(--font-16);}
.footer_left .add{font-size:var(--font-14);margin-top: .5vw;}
.footer_left .add i{font-size: var(--font-14);}
.footer_right{display: flex;justify-content: space-between;width:48vw;}
.footer_nav{display:flex;background:none;border-radius:0;margin:0;justify-content:space-between;color:#b5b5b5;width: calc(100% - 10vw)!important;}
.footer_nav *{font-size:var(--font-16);}
.footer_nav .layui-nav-item{width:auto;line-height: inherit;}
.footer_nav .layui-nav-item a{padding:0;height:inherit;line-height:initial;;display:inline-block;overflow:inherit;white-space:wrap;}
.footer_nav .layui-nav-itemed > a{pointer-events:none;color:#b5b5b5!important;}
.footer_nav .layui-nav-item > a{font-size:var(--font-16);font-weight: bold;}
.footer_nav .layui-nav-item a .layui-nav-more{display:none;}
.footer_nav .layui-nav-child{background:none;padding:0;line-height:1.4;display:flex;flex-wrap:wrap;flex-direction:column;}
.footer_nav .layui-nav-child dd{margin-top:.5vw;display:flex;flex-direction:column;}
.footer_nav .layui-nav-child.last dd{width:100%;margin-top:2vw;}
.footer_nav .layui-nav-child.last dd:first-of-type{margin-top:0;}
.footer_nav .layui-nav-child.last dd a{font-size:var(--font-16);font-weight: bold;}
.footer_nav .layui-nav-child dd a{color:#b5b5b5;font-size:var(--font-14);}
.footer_nav .layui-nav-child dd a:hover{color:var(--font-active-color);}
.footer_nav .layui-nav-bar,.footer_nav .layui-this::after{display:none;}
.footer_nav .layui-this,.footer_nav .layui-this a{background:none !important;}
.footer_media{display: flex;flex-direction: column;}
.footer_media a{margin-bottom: .8vw;font-size: var(--font-11);display: flex;flex-direction: column;align-items: center;}
.footer_media a i{width: 2vw;height: 2vw;background: #fff;border-radius: var(--radius);font-size: var(--font-24);color: var(--font-dark-color);display: flex;align-items: center;justify-content: center;}
.footer_media a span{color: #b5b5b5;margin-top: .2vw;}
.footer_media a:hover i{background: var(--font-active-color);color: #fff;}
.footer_copyright{border-top:#b5b5b5 solid 1px;margin-top: 3vw;padding: 1vw 0;font-size: var(--font-14);text-align: center;}
.footer_copyright span{margin: 0 1vw;}
.footer_copyright span.icp::before{display: block;content: '';width: 20px;height: 22px;background: url(../img/icp.png) no-repeat;background-size: contain;margin-right: .4vw;}
.footer_copyright a{color:#b5b5b5;}
.footer_copyright a:hover{color: var(--font-active-color);}



.layui-fixbar{margin:0;padding:0;}
.layui-fixbar li{width:var(--font-55);height:var(--font-55);line-height:inherit;border-radius:5px;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-10);display:flex;flex-direction:column;align-items:center;line-height:1.4;font-family:Arial,Helvetica,sans-serif !important;}
.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:5px;overflow:hidden;box-shadow:none;}
.layui-fixbar li:before{font-size:var(--font-20);line-height:1;font-family:'iconfont' !important;}
.layui-fixbar .layui-fixbar-top:before{font-size:var(--font-24);}


.banner{position:relative;background-position:center;background-repeat:no-repeat;background-size:cover;width:100%;overflow:hidden;background-color:#e5e5f1;}
.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:center;position:absolute;left:0;top:0;}
.banner .text .title{font-size: var(--font-40);line-height: 1.3;font-weight: bold;color: var(--font-active-color);}
.banner .form_search{width:30vw;margin:1.5vw auto;}
.banner .form_search .layui-input-wrap,.banner .form_search .layui-input-affix{line-height:2.6vw;;}
.banner .form_search .layui-input-affix .layui-icon{font-size:var(--font-16);}
.banner .form_search .layui-input{height:2.6vw;line-height:2.6vw;font-size: var(--font-16);}
.banner .form_search .layui-btn{width:2.6vw;height:2.6vw;}

.article_banner{padding:4vw 0 5vw;background:var(--bg-gray);}
.article_banner .text{background:none;color:var(--font-color);position:relative;}
.article_date{color:var(--font-dark-color);display:flex;margin-top:2.5vw;font-weight:normal;font-size:var(--font-15);}
.article_date .item:not(:first-of-type){margin-left:2vw;}
.article_date a{color:var(--font-dark-color);}
.article_date a:hover{color:var(--font-active-color);}
.article_date i{font-size:var(--font-16);margin-right:0.3vw;}
.article_back{margin-bottom:1.5vw;}
.article_back span{font-size:var(--font-16) !important;}
.article_back a{color:var(--font-color);}
.article_back a i{font-size:var(--font-18);margin-right:0.3vw;}
.article_back a:hover{color:var(--font-active-color);}
.article_title{font-size:var(--font-36);font-weight:bold;color: var(--font-dark-color);}
.article_ms{color:var(--font-dark-color);margin-top:2vw;font-weight:normal;font-size:var(--font-15);}
.article_ms .item{margin-top:0.8vw;}
.article_pos{position:absolute;right:var(--web-plr);bottom:0;font-size:var(--font-15);}


/**
GUIDE
**/
.guide_menu_item{display: flex;justify-content: space-between;align-items: center;}
.guide_menu_item strong{font-size: var(--font-20);}
.guide_menu_item .layui-nav{background: none!important;padding: 0;white-space: nowrap;}
.guide_menu_item .layui-nav .layui-nav-item{line-height: inherit;position: relative;margin-right: 9vw;}
.guide_menu_item .layui-nav .layui-nav-item a ,.guide_menu_item .sort_name{font-size: var(--font-18);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-bar, .guide_menu_item .layui-nav .layui-this::after{height: 1px;}

.guide_menu_item .layui-nav .layui-nav-item a .layui-nav-more{position: relative;right: 0;top: 0;margin-left: .3vw;}
.guide_menu_pos{padding: 1.2vw 0;}

.banner_guide_menu{width: 100%;background: rgba(238,241,246,1);}


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

#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 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 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-16);width:100%;}
.error_x i{margin-right:0.5vw;font-size:var(--font-18);}