@import "iconfont.css";
:root {
    --font-color: #333333;
    --font-active-color:#1451f7;
    --font-green-color:#23ba0f;
    --font-yellow-color:#f7ede3;
    --font-grey-color:#efefed;
    --font-gray-color:#f9fafb;
    --font-brown-color:#534a46;
    --font-dark-color:#2a2a3a;
    --font-black-color:#21212c;
    --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:70vw;
    --web-plr:15vw;
    --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-16) "\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:"Arial","\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 .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;max-width: 1600px;}
.web_pr{width:60vw;margin: 0 auto;max-width: 1600px;}
.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: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,.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-15);}
.skin_tips_img.layui-layer-tips .layui-layer-content{line-height: inherit;padding: .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: .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-content{width: 450px;padding: 10px!important;}
.skin_Imgview img{display: block;width: 100%;}

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

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

.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,.fade_in_down,.slide_in_up,.zoom_in_up{opacity: 0;}
.animate__animated{opacity: 1;}


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

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

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

/*
BUTTON
*/
.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;}
.bg_gray{background: var(--font-gray-color);}
.bg_grey{background: var(--font-grey-color);}

/*
header
*/
.header{width: 100%;position: relative;z-index: 1100;transition:all .3s ease-in-out 0s;position: sticky;left: 0;top: 0;}
.header .menu{display: flex;align-items: center;justify-content: space-between;width: 100%;height:6vw;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.4vw;}
.header.inner{background:var(--font-black-color);}
.header.inner .menu{height: 4vw;}
.header.inner .logo img{height: 1.6vw;}
.header.inner .header_nav .layui-nav-item .parent_a,.header.inner .header_search{font-size: var(--font-15);}

.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-16);}
.header_nav .layui-nav-item{line-height: initial;margin-right: 2vw;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.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_btn{display: flex;align-items: center;height: 100%;}

.header_search{font-size: var(--font-20);display: flex;align-items: center;}
.header_search::after{display: block;content: '';width: 1px;height: .8vw;background: var(--font-color);margin-left:1.2vw;}
.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.fixed .layui-nav-item .parent_a ,.header.fixed .header_search {color: #fff;}
.header.fixed .layui-nav-item.layui-this .parent_a{color: var(--font-active-color);} 
.header.fixed .header_search::after{background-color: #fff;}


.header_search:hover{color: var(--font-active-color)!important;}



.mobile_menu_btn{width: 34px;display: flex;align-items: center;justify-content: flex-end;height: 100%;margin: 0 0 0 .6vw;}
.mobile_menu_btn .btn{background: none; width: 20px; height: 16px; position: relative; z-index: 10;}
.mobile_menu_btn span{display:block;width:100%;height:1px;position:absolute;background-color:#fff;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;-webkit-transition:all .2s ease-out;transition:all .2s ease-out;}
.mobile_menu_btn span:nth-of-type(1) { top: 0; left: 0;opacity: 1;width: 100%;}
.mobile_menu_btn span:nth-of-type(4) { bottom: 0;right: 0;opacity: 1; width: 100%;}
.mobile_menu_btn span:nth-of-type(2),.mobile_menu_btn span:nth-of-type(3){top:50%;right:0;margin-top:-1px;}
.mobile_menu_btn span:nth-of-type(2){-moz-transform:rotate(0);-ms-transform:rotate(0);-webkit-transform:rotate(0);transform:rotate(0);}
.mobile_menu_btn span:nth-of-type(3){-moz-transform:rotate(0);-ms-transform:rotate(0);-webkit-transform:rotate(0);transform:rotate(0);}
.mobile_menu_btn.active span:nth-of-type(2){-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.mobile_menu_btn.active span:nth-of-type(3){-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.mobile_menu_btn.active span:nth-of-type(1),.mobile_menu_btn.active span:nth-of-type(4){opacity:0;}



.skin_menu{width: 20vw;height: 100%;border-radius: 0!important;background-color: rgba(255,255,255,1)!important;box-shadow: 0!important;}
.skin_menu .layui-layer-title{height: 3vw;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 1.5vw;height: 4vw;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;}

/**
INDEX_BANNER
**/
.index_banner{position: fixed;width: 100%;height: 100%;left: 0;top: 0;z-index: 1;background-color: #000;}
.index_banner .swiper-slide::before{display:block;content:'';padding-bottom:var(--i-window-height);}
.index_banner .swiper-slide picture,.index_banner .swiper-slide a.link,.index_banner .swiper-slide .img,.index_banner .swiper-slide video{display:block;width:100%;height:100%;position:absolute;left:0;top:0;object-fit:cover;z-index:1;overflow: hidden;}
.index_banner .swiper-slide .link_video::after{width: 100%;height: 25%;content: '';position:absolute;left: 0;top: 0;background: linear-gradient(to bottom, rgba(0,0,0,.7), transparent);z-index:1;} 
.index_banner .swiper-slide .link_video .img{display:none;}
.index_banner .text{width:100%;height: 100%;position:absolute;left:0;bottom:0;display:flex;flex-direction:column;justify-content:center;align-items: flex-start;z-index:3;color: #fff;padding-top: 4vw; }




/*
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-yellow-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-yellow-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;}
.index_block.first{padding-top: 2vw;}
.index_title{text-align: center;}
.index_title .title{font-size: var(--font-36);line-height: 1.4;font-weight: bold;}
.index_title .title::after{display: block;content: '';width: 2em;margin: .5vw auto 0;height: 1px;background: var(--font-active-color);}
.index_title .des{margin-top:.5vw;color: rgba(102,102,102);}


/*
INDEX
*/
.index_box{position: relative;z-index: 2;}
.index_item_box{height:calc(var(--i-window-height) - 6vw);display: flex;flex-direction: column;justify-content: space-between;padding: 6vw 0 0;}
.index_item{display: grid;grid-template-columns: 30% 40% 30% ;}
.index_item .item{position: relative;}
.index_item .item::after{display: block;content: '';padding-bottom: 30%;}
.index_item .item_1{grid-column: 1/2;grid-row: 1/2;background-color: rgba(21,36,65,.8);}  
.index_item .item_3{grid-column: 3/4;grid-row: 1/2;background-color: rgba(13,99,218,.8);}  
.index_item .item_2{grid-column: 1/2;grid-row: 2/3;background-color: rgba(218,82,44,.8);;}  
.index_item .item_4{grid-column: 3/4;grid-row: 2/3;background-color: rgba(0,154,172,.8);}  
.index_item .item_5{grid-column: 1/2;grid-row: 3/4;background-color: rgba(30,159,255,.8);} 
.index_item .item_6{grid-column: 3/4;grid-row: 3/4;background-color: rgba(96,59,188,.8);} 
.index_item .item:last-of-type{grid-column: 2/3;grid-row: 1/4;} 
.index_item .item video{display:block;width:100%;height:100%;position:absolute;left:0;top:0;object-fit:cover;background: #000 url(/static/images/poster.jpg) center center no-repeat;background-size: cover;z-index: 1;}
.index_item .item:last-of-type::before{display: block;content: '';width:100%;height:100%;position: absolute;left: 0;top:0;z-index: 2;}
.index_item .item a{display: flex;justify-content: space-between;align-items: center;width: 100%;height: 100%;padding: 1vw 2vw;width:100%;height:100%;position: absolute;left: 0;top:0;color: #fff;overflow: hidden;}
.index_item .item a i{font-size: var(--font-40);z-index: 2;position: relative;}
.index_item .item .title{display: flex;flex-direction: column;line-height: 1.4;z-index: 2;position: relative;}
.index_item .item .title_cn{font-size: var(--font-24);}
.index_item .item .title_en{font-size: var(--font-20);}
.index_item .item_2 a,.index_item .item_4 a{flex-direction: row-reverse;}
.index_item .item_2 .title,.index_item .item_4 .title{align-items: flex-end;}
.index_item .item a .img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 1;opacity: 0;transition:all 300ms ease-in-out 0s;object-fit: cover;}
.index_item .item a:hover .img{opacity: .6;transform:scale(1.02);}


/*
CONTACT
*/

.contact_from .layui-form-item.flex .layui-btn i {margin-left: .5vw;}
.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-14);box-shadow: none;}
.contact_from .layui-textarea{font-size:var(--font-14);background: none;padding: .8vw;box-shadow: none;resize: none;}
.contact_from .layui-form-item label{font-size: var(--font-15);margin-bottom:.5vw;display: block;}
.contact_from .layui-form-item label span{font-size: var(--font-15);color: #ff0000;}

.contact_from .layui-form-item .layui-btn{display: flex;height: 2.6vw;align-items: center;justify-content: center;font-size: var(--font-15);background-color: var(--font-active-color);border-radius: 100vw;color: #fff;padding:0 2vw;}
.contact_from .layui-form-item .layui-btn i{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-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%;}


.layui-form-select dl dd.layui-this{color: var(--font-active-color);}


/*
Reporter
*/
.reporter_block{background: #fff;padding: 2.5vw 3vw;border-radius: var(--radius);box-shadow: 0 2px 10px rgba(0,0,0,0.05);margin-bottom: 20px;border: 1px solid #f0f0f0;margin-top: 2vw;}
.reporter_form{display: flex;justify-content: space-between;flex-wrap: wrap;}
.reporter_form .layui-form-item{width: calc(50% - 1vw);margin-bottom: 2vw;}
.reporter_form .layui-form-item.one{width: 100%;}
.reporter_form .layui-form-item .form_code{width:calc(50% - 1vw);}

.reporter_result{margin-top: 2vw;background: var(--font-gray-color);position: relative;display: none;}
.reporter_result legend{padding: .5vw 2vw;background-color: var(--font-active-color);color: #fff;font-size: var(--font-18);}
.reporter_result .layui-field-box{display: flex;justify-content: space-between;padding: 2vw;align-items: center;}
.reporter_result .layui-field-box .error{width: 100%;padding: 2vw;display: flex;justify-content: center;align-items: center;color: #ff0000;}
.reporter_result .layui-field-box .error i{font-size: var(--font-32);margin-right: .5vw;}
.reporter_result .layui-field-box .text{width: 74%;display: flex;flex-wrap: wrap;}
.reporter_result .layui-field-box .text .item{width: 50%;border-bottom: dashed 1px rgba(0, 0, 0, .6);margin-top: 1.2vw;padding-bottom: 1.2vw;display: flex;align-items: flex-end;}
.reporter_result .layui-field-box .text .item:last-of-type{width: 100%;}
.reporter_result .layui-field-box .text .item span{font-size: var(--font-16);color: var(--font-brown-color);}
.reporter_result .layui-field-box .text .item span em{font-size: var(--font-14);font-style: normal;margin-left: .3vw;}
.reporter_result .layui-field-box .text .item b{font-size: var(--font-16);font-weight: normal;}
.reporter_result .layui-field-box .img{width: 22%;display: flex;justify-content: flex-end;}
.reporter_result .layui-field-box .img img{max-width: 100%;display: block;}
.reporter_result_close{width: 1.6vw;height: 1.6vw;border-radius: 50%;background: var(--font-color);display: flex;align-items: center;justify-content: center;position: absolute;right: -.8vw;top: -2vw;}
.reporter_result_close:hover{background: var(--font-active-color);}
.reporter_result_close i{font-size: var(--font-18);color: #fff;display: flex;align-items: center;justify-content: center;}


/*
Special
*/
.special_block{display: flex;justify-content: space-between;flex-wrap: wrap;}
.special_block a{display: flex;width: calc(33.33% - 1vw);background-color: #fff;margin-top: 1.5vw;position: relative;box-shadow: 0 2px 8px rgba(0,0,0,0.08);transition: all 0.3s ease;}
.special_block a:nth-of-type(1),.special_block a:nth-of-type(2),.special_block a:nth-of-type(3){margin-top: 0;}
.special_block a:hover{transform: translateY(-5px);box-shadow: 0 4px 12px rgba(0,0,0,0.12);}
.special_block .text{position: absolute;width:100%;height: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;z-index: 2;left: 0;top: 0;color: #fff;line-height: 1.4;pointer-events: none;}
.special_block .text .title_cn{font-size: var(--font-24);}
.special_block .text .title_cn:after{display: block;content: '';width: 2em; height: 1px;background: #fff;margin: .3vw auto .6vw;}
.special_block .text .title_en{font-size: var(--font-16);}
.special_block .img{z-index: 1;position: relative;border-radius: var(--radius);}
.special_block .img::after{display: block;content: '';padding-bottom: 56.25%;}

/*
Location
*/
.location_box{padding: 0 4vw;margin-top: 3vw;}
.location_block{position: relative;}
.location_block .img{position: relative;}
.location_block .img::before{display: block;content: '';padding-bottom: 68.46%;}
.location_block img{display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.location_block .item{display: flex;flex-direction: column;justify-content: center;align-items: center;position: absolute;left: 0;top:0;}
.location_ico{position:relative;width:0.41666vw;height:0.41666vw;margin-top: .1vw;}
.location_ico .dot{position:absolute;left:50%;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);-webkit-border-radius:100%;border-radius:100%;width:100%;height:100%;background:rgba(39, 120, 190, .6)}
.location_ico .dot:nth-child(1){background:rgba(39, 120, 190, 1);z-index:9}
.location_ico .dot:nth-child(2){-webkit-animation:jing_scale 4s linear infinite normal both;animation:jing_scale 4s linear infinite normal both}
.location_ico .dot:nth-child(3){-webkit-animation:jing_scale 4s 1s linear infinite normal both;animation:jing_scale 4s 1s linear infinite normal both}
.location_ico .dot:nth-child(4){-webkit-animation:jing_scale 4s 2s linear infinite normal both;animation:jing_scale 4s 2s linear infinite normal both}
.location_ico .dot:nth-child(5){-webkit-animation:jing_scale 4s 3s linear infinite normal both;animation:jing_scale 4s 3s linear infinite normal both}


@-webkit-keyframes jing_scale{0%{width:100%;height:100%;opacity:0}
20%{width:1000%;height:1000%;opacity:0.15}
40%{width:1900%;height:1900%;opacity:0.1}
60%{width:2800%;height:2800%;opacity:0.05}
80%{width:3700%;height:3700%;opacity:0}
100%{width:100%;height:100%;opacity:0}
}@keyframes jing_scale{0%{width:100%;height:100%;opacity:0}
20%{width:1000%;height:1000%;opacity:0.15}
40%{width:1900%;height:1900%;opacity:0.1}
60%{width:2800%;height:2800%;opacity:0.05}
80%{width:3700%;height:3700%;opacity:0}
100%{width:100%;height:100%;opacity:0}
}


/*
ABOUT
*/
.about_block{display: flex;justify-content: space-between;align-items: center;padding-bottom:1vw;}
.about_block .text{width: calc(52% - 4vw);}
.about_block .text .title .item{display: flex;align-items: flex-end;}
.about_block .text .title::after{display: block;content: '';width: 4vw;height: 1px;background: var(--font-active-color);margin: .5vw 0 1vw;}
.about_block .text .title_cn{font-size: var(--font-26);}
.about_block .text .title_en{font-size: var(--font-18);margin-left: .5vw;color: rgba(0, 0, 0, .6);}
.about_block .text .des{margin-top: 1vw;font-size: var(--font-15);line-height: 1.8;}
.about_block .img{width: 48%;position: relative;margin-left: 1vw;}
.about_block .img::before{display: block;content: '';width: 100%;height: 100%;left: -1vw;top: 1vw;position: absolute;z-index: 1;border-radius: var(--radius);background: linear-gradient(to right, #124ef5, #d71212);}
.about_block .img img{width: 100%;position: relative;z-index: 2;border-radius: var(--radius);}



/*
Article
*/
.article_media_block{background: var(--font-dark-color) url(/static/images/play_bg.png) center no-repeat;color: #fff;padding: 2vw 0;background-size: cover;}
.article_media_block.height{min-height:calc(var(--i-window-height) - 7vw);}
.article_block{background: var(--font-black-color);padding: 1vw;}

.article_hd{margin-top: 1vw;}
.article_hd .other{font-size: var(--font-15);display: flex;justify-content: space-between;align-items: center;}
.article_hd .title{ font-size:var(--font-18);margin: 0;font-weight: 400;line-height: 1.2;display: flex;align-items: center;width: 80%;display: flex;}
.article_hd .title .tag{background-color: var(--font-active-color);padding: .3vw 1vw;color: #fff;font-size: var(--font-16);border-radius: 3px;margin-right: .8vw;flex-shrink: 0;}
.article_hd .info{width: 20%;}
.article_hd .info .item{display: flex;justify-content: flex-end;}
.article_hd .info .item span:not(:first-of-type){margin-left: 1.5vw;}
.article_hd .info ,.article_hd .info a{color: #999;}
.article_hd .info i{margin-right: .2vw;}

.article_hd .other.last{flex-direction: column;}
.article_hd .other.last .title{width: 100%;}
.article_hd .other.last .info{width: 100%;display: flex;justify-content: space-between;margin-top: 1vw;}
.article_hd .other.last .info .item{justify-content: flex-start;font-size: var(--font-14);}
.article_hd .other.last .social_share{margin-top: 0;}

.social_share{display:flex;justify-content:flex-end;align-items:center;}
.social_share a{display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:var(--font-20);margin:0 0 0 1vw;color:#fff;transition:all 300ms ease-in-out 0s}
.social_share a:hover{color:var(--font-active-color);-webkit-transition:all 0.2s ease;transition:all 0.2s ease;}

.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-15);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-15);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_bd{}
.article_box_wrap{font-size:var(--font-16);background-color: #fff;padding:3vw 5vw;}
.article_box img{max-width:100%;display:inline;height:auto}
.article_box p{margin:0 0 1.2vw;}
.article_box table p{margin:0;}
.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_title{margin-bottom: 1vw;font-size: var(--font-20);font-weight: bold;display: flex;align-items: center;}
.article_box_title::before{display: block;content: '';width: 5px;height: 2vw;background: var(--font-active-color);margin-right: .8vw;}
.article_box table tr th ,.article_box table tr td{font-size: var(--font-15);}

.article_box .layui-elem-quote{margin: 3vw 0 1.2vw;padding: 1vw;line-height: 1.8;border-radius: 0 2px 2px 0;background-color: var(--font-grey-color);border-left:0; text-align: center;background: var(--font-green-color);color: #fff;}

.article_media_img{background-color: #fff;padding: 3vw 0;}
.article_media_img img{max-width: 80%;margin: 0 auto;display: block;}

.article_video{overflow: hidden;background-color: #000;display: flex;justify-content: space-between;}
.article_video .video-player-container{aspect-ratio: 16 / 9;;position: relative; width: 76%;}
.article_video .video-js{position: absolute; top: 0;left: 0;width: 100%;height: 100%;}
.article_video .vjs-custom-skin{--vjs-theme-primary: #0000;background-color: #000 !important;}
.article_video .vjs-loading-spinner {top: 50% !important;left: 50% !important;transform: translate(-50%, -50%) !important;}
.article_video .vjs-no-js{color: #fff;}

.article_video_img .video-player-container{width: 100%;}

.article_swiper{background: none;width: 76%}
.article_swiper.one{width: 100%;}
.article_swiper .img::before{display: block;content: '';padding-bottom: 56.25%;}
.article_swiper .swiper-pagination-bullet{background: rgba(0,0,0,.7);}
.article_swiper .swiper-pagination-bullet-active{background: var(--font-active-color);}


.article_video_list{width: 24%;padding: 1vw .6vw 1vw 1vw;}
.article_video_list .name{font-weight: bold;font-size: var(--font-14);text-align: center;}
.article_video_swiper{height: 20.8vw;margin-top: .8vw;}
.article_video_list a{color: rgba(255,255,255,.7);display: flex;justify-content: space-between; align-items: center;}
.article_video_list a .img{width: 45%;}
.article_video_list a .img::before{display: block;content: '';padding-bottom: 64%;}
.article_video_list a .img i{position: absolute;z-index: 2;color: rgba(255,255,255,.8);font-size: var(--font-24);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_video_list a .title{width: 55%;font-size: var(--font-14);padding-left: .5vw;overflow : hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp:2;-webkit-box-orient: vertical;}
.article_video_list a:hover ,.article_video_list a.active{color: rgba(255,255,255,1);}
.article_video_swiper .swiper-scrollbar-drag{background: rgba(255,255,255,.3);}
.article_video_swiper .swiper-scrollbar{background: rgba(255,255,255,.1);}

.article_rel{background: #fff;padding: 3vw 5vw 4vw;border-top: var(--font-grey-color) solid 1px;}
.article_rel .name{font-size: var(--font-20);display: flex;align-items: center;font-weight: bold;}
.article_rel .name::before{display: block;content: '';width: 5px;height: 2vw;background: var(--font-active-color);margin-right: .5vw;}
.article_list li{margin-bottom: 1.8vw;}
.article_list li a{display: flex;justify-content: space-between;background-color: #fff;box-shadow: 0 2px 8px rgba(0,0,0,0.01);transition: all 0.3s ease;}
.article_list li .img{width: 30%;}
.article_list li .img::before{display: block;content: '';padding-bottom: 56.25%;}
.article_list li .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 li .img:hover i{color: rgba(255,255,255,1);}
.article_list li .text{width: 70%;display: flex;flex-direction: column;justify-content: space-between;padding: 1vw 2vw;}
.article_list li .text b{font-size: var(--font-18);display: block;}
.article_list li .text span{font-size: var(--font-15);margin-top: .5vw;color: #999;display: block;overflow : hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.article_list li .text time{font-size: var(--font-15);color: #999; display: flex;align-items: center;align-items: baseline;}
.article_list li .text time i{margin-right: .2vw;font-size: var(--font-15);}

.article_rel_block{display: flex;justify-content: space-between;}
.article_rel_block .item{width: calc(50% - 2vw);}
.article_media_list{display: flex;flex-direction: column;}
.article_media_list span{display: flex;margin-top: 1vw;}
.article_media_list a {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}


.slide_contain{display: flex;justify-content: space-between;align-items: flex-start;padding: 1vw 0 3vw;}
.slide_left{width: calc(70% - 1vw);position: relative;}
.slide_right{width: 30%;position: sticky;top: 5vw;}

.news_hd{ background-color:#ffffff; padding:1vw;}
.news_hd .title{ font-size:var(--font-24);margin: 0;color: var(--font-color);line-height: 1.4;}
.news_hd .other{font-size:var(--font-15);border-bottom: #d8d8d8 solid 1px;padding-bottom: 1vw;color: #787878;}
.news_hd .other span a{color: #787878;}
.news_hd .info{ display: flex;justify-content: space-between;margin-top: 1vw;}
.news_hd .info span{margin-right: 1vw;}


.news_bd{background-color:#ffffff; padding:0 1vw 1vw;text-align:justify;line-height: 1.6;}
.news_des{background: var(--font-gray-color);padding: 1vw 1.2vw;margin-bottom: 2vw;text-align: justify;font-size: var(--font-16);}
.news_des i{font-size: var(--font-12);color: #999;display: inline-block;}
.news_des i:first-of-type{margin-right: .5vw;}
.news_des i:last-of-type{margin-left: .5vw;}

.news_fx_box{width: 8vw;position: absolute;left: -8.5vw;top: 0;}
.news_fx_block{position: sticky;top: 0;}

.news_page_pages{font-size: var(--font-15);}
.news_page_pages dd{background: #fff;padding: 1vw;margin-bottom: .5vw;}

.news_share {font-size: var(--font-15);background: #fff;padding: 1vw;}
.news_share .social_share{display: flex;flex-wrap: wrap;}
.news_share .social_share a{display: flex;margin:.8vw 0 0 0;width: 50%;}
.news_share .social_share a:before{ display: flex;flex-direction: column;justify-content: center;align-items: center; font-size:var(--font-18);width:1.8vw;height:1.8vw;border-radius:50%; text-align:center;background-color:#999;color:#fff;transition: all 300ms ease-in-out 0s;}
.news_share .social_share a span{font-size: var(--font-14);}
.news_share .social_share a.fontweibo:before{border: #ff763b solid 1px;color: #ff763b;background: none;}
.news_share .social_share a.fontwechat:before{border: #7bc549 solid 1px;color: #7bc549;background: none;}
.news_share .social_share a.fontfacebook:before{border: #1877F2 solid 1px;color: #1877F2;background: none;}
.news_share .social_share a.fonttwitter:before{border: #000000 solid 1px;color: #000000;background: none;}

.news_rel{margin-top: 1.5vw;}
.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;}
.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_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:.3vw 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;}

/*
FOOTER
*/
.footer{position: relative;z-index: 3;height: 3vw;display: flex;align-items: center;}
.footer.inner{background: var(--font-dark-color);}
.footer_bottom_info{font-size: var(--font-15);text-align: center;color: rgba(255, 255, 255, 0.8);}
.footer_bottom_info a{color: rgba(255, 255, 255, 0.8);}
.footer_bottom_info span{margin: 0 1.5vw;color: rgba(255, 255, 255, 0.8);}
.footer_bottom_info .item:last-of-type{margin-top: .5vw;}
.footer_bottom_info em{font-style: normal;}


/*
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 .form_search{width: 30vw;margin: 1vw auto;}

.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.white{color:#fff;}
.banner .text .title{font-size: var(--font-36);line-height: 1.3;font-weight: bold;text-transform: uppercase;text-align: center;}
.banner .text .des{font-size: var(--font-20);text-transform: uppercase;}


/**
GUIDE
**/
.guide_menu{background: var(--font-grey-color);border-bottom: rgba(0, 0, 0, .04) solid 1px;}
.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;position: relative;}
.guide_menu_item .layui-nav .layui-nav-item:not(:last-of-type){margin-right: 5vw;}
.guide_menu_item .layui-nav .layui-nav-item:not(:last-of-type).bar::before{display: block;content: '';height: 16px;width: 1px;background: var(--font-color);position: absolute;right: -2.5vw;top: 50%;transform: translateY(-50%);}
.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_item .layui-nav .layui-nav-item .layui-nav-child{top: 100%;padding:1.2vw 0;box-shadow: none;border: none;background-color: var(--font-grey-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);}

.guide_menu_pos ,.guide_menu_pos i{font-size: var(--font-15);}
.guide_menu_pos.right{text-align: right;padding: 1vw 0;}

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

@media screen and (max-width:1600px) { 
:root {
  --web-width:90vw;
}
.web_pr{width:80vw}

.article_video_swiper{height: 29.4vw;margin-top: .8vw;}
}


@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);}
.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,.web_pr{padding:0;max-width: 100%;width: 100%;}
.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-wrap{width: calc(100% - 10vw);}
.form_search .layui-input-wrap ,.form_search .layui-input-affix{line-height: 10vw;}
.form_search .layui-input{height:10vw;line-height: 10vw;padding-left: 5vw;}
.form_search .layui-btn{width: 10vw;height: 10vw;font-size: var(--font-20);}

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


/*
header
*/
.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: sticky;left: 0;top: 0;}
.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:5.6vw!important;}
.mobile_menu_btn{display: flex;margin: 0;width: 24px;}

.header.inner{background:var(--font-black-color);}
.header.inner .menu{height: 14vw;}
.header.inner .logo img{height: 5.6vw;}
.header.inner .header_nav .layui-nav-item .parent_a,.header.inner .header_search{font-size: var(--font-16);}


.header_nav{background:none;display: flex;flex-direction: column;align-items: center;position: static;padding: 0;height: 100%;display: none;transform: none;left: 0;height: auto;}
.header_nav.layui-nav-tree{display: flex;width: 100%;}
.header_nav .layui-nav-item{line-height: initial}
.header_nav .layui-nav-item.fliter_flag{padding-right: 0;}
.header_nav .layui-nav-more{position: relative;right: 0;margin-left: 5px;}
.header_nav .layui-nav-item .layui-nav-child .flex{flex-direction: column;justify-content: flex-start;}
.header_nav .layui-nav-item .layui-nav-child dd{margin: 0;}
.header_nav .layui-nav-item .layui-nav-child dd a{padding:0;display: flex;align-items: center;justify-content: flex-start;}
.header_nav.layui-nav-tree .layui-nav-item a{color: var(--font-color)!important;}

.header_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-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_nav .layui-nav-item.layui-this .parent_a{color: var(--font-active-color)!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);}



.header_search{font-size: var(--font-20);color: var(--font-color);}
.header_search::after{height: 4vw;;margin:0 5vw;}
.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: 3vw;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;}
.quick_link_box .footer_box{padding: 0;}


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

/*
BLOCK
*/
.index_block{padding: 8vw 3vw;}
.index_block.first{padding-top: 6vw;}
.index_title{text-align: center;}
.index_title .title{font-size: var(--font-24);line-height: 1.4;font-weight: bold;}
.index_title .title::after{display: block;content: '';width: 2em;margin: 1vw auto 0;height: 1px;background: var(--font-active-color);}
.index_title .des{margin-top:2vw;color: rgba(102,102,102);font-size: var(--font-15);}

/*
INDEX
*/
.index_box{position: relative;z-index: 2;}
.index_item_box{height:calc(var(--i-window-height) - 14vw);display: flex;flex-direction: column;justify-content: space-between;padding: 8vw 0 0;}
.index_item{display: grid;grid-template-columns: 50% 50%;padding: 0 3vw;}
.index_item .item{position: relative;}
.index_item .item::after{display: block;content: '';padding-bottom: 60%;}
.index_item .item_1{grid-column: 1/2;grid-row: 2/3;background-color: rgba(21,36,65,.8);}  
.index_item .item_3{grid-column: 2/3;grid-row: 3/4;background-color: rgba(13,99,218,.8);}  
.index_item .item_2{grid-column: 2/3;grid-row: 2/3;background-color: rgba(218,82,44,.8);;}  
.index_item .item_4{grid-column: 1/2;grid-row: 4/5;background-color: rgba(0,154,172,.8);}  
.index_item .item_5{grid-column: 1/2;grid-row: 3/4;background-color: rgba(30,159,255,.8);} 
.index_item .item_6{grid-column: 2/3;grid-row: 4/5;background-color: rgba(96,59,188,.8);} 
.index_item .item:last-of-type{grid-column: 1/3;grid-row: 1/2;} 
.index_item .item:last-of-type::after{display: block;content: '';padding-bottom: 50%}
.index_item .item:last-of-type::before{display: block;content: '';width:100%;height:100%;position: absolute;left: 0;top:0;z-index: 2;}
.index_item .item a{display: flex;justify-content: space-between;align-items: center;width: 100%;height: 100%;padding: 2vw 3vw;width:100%;height:100%;position: absolute;left: 0;top:0;color: #fff;overflow: hidden;}
.index_item .item a i{font-size: var(--font-30);z-index: 2;position: relative;}
.index_item .item .title{display: flex;flex-direction: column;line-height: 1.4;z-index: 2;position: relative;}
.index_item .item .title_cn{font-size: var(--font-18);}
.index_item .item .title_en{font-size: var(--font-13);}
.index_item .item_2 a,.index_item .item_4 a{flex-direction: row;}
.index_item .item_2 .title,.index_item .item_4 .title{align-items: flex-start;}
.index_item .item a .img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 1;opacity: 0;transition:all 300ms ease-in-out 0s;object-fit: cover;}
.index_item .item a:hover .img{opacity: .6;transform:scale(1.02);}


/*
Banner
*/
.banner .img{ display:block; width:100%;margin: 0 auto;object-fit: cover;min-height:26vw;}
.banner.mobile .img{min-height:50vw;}
.banner .form_search{width: 90vw;margin: 2vw auto;}
.banner .text .title{font-size: var(--font-22);line-height: 1.3;font-weight: bold;text-transform: uppercase;text-align: center;}
.banner .text .des{font-size: var(--font-14);text-transform: uppercase;}

.guide_menu_item strong{font-size: var(--font-16);}

.guide_menu_item{padding: 0 3vw;}
.guide_menu_pos.right{padding: 3vw 0;}

/*
Special
*/
.special_block{display: flex;justify-content: space-between;flex-wrap: wrap;padding:0 2vw;}
.special_block a{display: flex;width: 100%;background-color: #fff;margin-top: 3vw;position: relative;box-shadow: 0 2px 8px rgba(0,0,0,0.08);transition: all 0.3s ease;}
.special_block a:nth-of-type(1){margin-top: 0;}
.special_block a:nth-of-type(2),.special_block a:nth-of-type(3){margin-top: 3vw;}
.special_block a:hover{transform: translateY(-5px);box-shadow: 0 4px 12px rgba(0,0,0,0.12);}
.special_block .text{position: absolute;width:100%;height: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;z-index: 2;left: 0;top: 0;color: #fff;line-height: 1.4;pointer-events: none;}
.special_block .text .title_cn{font-size: var(--font-24);}
.special_block .text .title_cn:after{display: block;content: '';width: 2em; height: 1px;background: #fff;margin: .3vw auto .6vw;}
.special_block .text .title_en{font-size: var(--font-16);}
.special_block .img{z-index: 1;position: relative;border-radius: var(--radius);}
.special_block .img::after{display: block;content: '';padding-bottom: 56.25%;}

/*
ABOUT
*/
.about_block{display: flex;flex-direction: column;padding:0 2vw;}
.about_block .text{width: 100%;margin-top: 6vw;}
.about_block .text .title .item{display: flex;align-items: flex-end;}
.about_block .text .title::after{display: block;content: '';width: 2em;height: 1px;background: var(--font-active-color);margin: 1vw 0 3vw;}
.about_block .text .title_cn{font-size: var(--font-26);}
.about_block .text .title_en{font-size: var(--font-18);margin-left: 1vw;}
.about_block .text .des{margin-top: 1vw;font-size: var(--font-16);line-height: 1.8;text-align: justify;}
.about_block .img{width: 100%;position: relative;margin-left: 3vw;}
.about_block .img::before{display: block;content: '';width: 100%;height: 100%;left: -1.5vw;top: 1.5vw;position: absolute;z-index: 1;border-radius: var(--radius);background: linear-gradient(to right, #124ef5, #d71212);}
.about_block .img img{width: 100%;position: relative;z-index: 2;border-radius: var(--radius);}

/*
Location
*/
.location_box{padding: 0;margin-top: 8vw;}
.location_block{position: relative;}
.location_block .img{position: relative;}
.location_block .img::before{display: block;content: '';padding-bottom: 68.46%;}
.location_block img{display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.location_block .item{display: flex;flex-direction: column;justify-content: center;align-items: center;position: absolute;left: 0;top:0;font-size: var(--font-10);}
.location_ico{position:relative;width:0.41666vw;height:0.41666vw;margin-top: .1vw;}
.location_ico .dot{position:absolute;left:50%;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);-webkit-border-radius:100%;border-radius:100%;width:100%;height:100%;background:rgba(39, 120, 190, .6)}
.location_ico .dot:nth-child(1){background:rgba(39, 120, 190, 1);z-index:9}
.location_ico .dot:nth-child(2){-webkit-animation:jing_scale 4s linear infinite normal both;animation:jing_scale 4s linear infinite normal both}
.location_ico .dot:nth-child(3){-webkit-animation:jing_scale 4s 1s linear infinite normal both;animation:jing_scale 4s 1s linear infinite normal both}
.location_ico .dot:nth-child(4){-webkit-animation:jing_scale 4s 2s linear infinite normal both;animation:jing_scale 4s 2s linear infinite normal both}
.location_ico .dot:nth-child(5){-webkit-animation:jing_scale 4s 3s linear infinite normal both;animation:jing_scale 4s 3s linear infinite normal both}


/*
Reporter
*/
.reporter_block{background: #fff;padding: 6vw 5vw;margin-bottom: 20px;border: 1px solid #f0f0f0;margin-top: 5vw;}
.reporter_form{display: flex;justify-content: space-between;flex-wrap: wrap;}
.reporter_form .layui-form-item{width: 100%;margin-bottom: 7vw;}
.reporter_form .layui-form-item:last-of-type{margin-bottom: 0;}
.reporter_form .layui-form-item.one{width: 100%;}
.reporter_form .layui-form-item .form_code{width:100%;}

.reporter_form .layui-form-item label{margin-bottom: 2vw;font-family: var(--font-16);}
.reporter_form .layui-form-item .layui-btn{margin-top: 8vw;}
.reporter_form .layui-form-item .layui-btn i{margin-right: 2vw;}


.reporter_result{margin-top: 12vw;background: var(--font-gray-color);position: relative;display: none;}
.reporter_result legend{padding: 2vw 3vw;background-color: var(--font-active-color);color: #fff;font-size: var(--font-15);}
.reporter_result .layui-field-box{display: flex;flex-direction: column-reverse;padding:6vw 5vw;align-items: center;}
.reporter_result .layui-field-box .error{width: 100%;padding: 5vw 0;display: flex;flex-direction: column;justify-content: center;align-items: center;color: #ff0000;}
.reporter_result .layui-field-box .error i{font-size: var(--font-32);margin:0;}
.reporter_result .layui-field-box .text{width: 100%;display: flex;flex-wrap: wrap;margin-top: 3vw;}
.reporter_result .layui-field-box .text .item{width: 100%;border-bottom: dashed 1px rgba(0, 0, 0, .6);margin-top: 2vw;padding-bottom: 2vw;display: flex;align-items: flex-start;flex-direction: column;}
.reporter_result .layui-field-box .text .item:last-of-type{width: 100%;}
.reporter_result .layui-field-box .text .item span{font-size: var(--font-16);color: var(--font-brown-color);}
.reporter_result .layui-field-box .text .item span em{font-size: var(--font-14);font-style: normal;margin-left: .3vw;}
.reporter_result .layui-field-box .text .item b{font-size: var(--font-18);font-weight: normal;}
.reporter_result .layui-field-box .img{width: 100%;display: flex;justify-content: center;}
.reporter_result .layui-field-box .img img{max-width: 50%;display: block;}
.reporter_result_close{width: 6vw;height: 6vw;border-radius: 50%;background: var(--font-color);display: flex;align-items: center;justify-content: center;position: absolute;right: -3vw;top: -8vw;}
.reporter_result_close:hover{background: var(--font-active-color);}
.reporter_result_close i{font-size: var(--font-16);color: #fff;display: flex;align-items: center;justify-content: center;}



/*
Article
*/
.article_media_block{background: var(--font-dark-color) url(/static/images/play_bg_mobile.png) center no-repeat;color: #fff;padding: 0;background-size: cover;}
.article_media_block.height{min-height:calc(var(--i-window-height) - 26vw);}
.article_block{padding: 0;background: var(--font-black-color);display:flex;flex-direction: column;}

.article_hd{margin-top:2vw;padding: 3vw;}
.article_hd .other{font-size: var(--font-15);display: flex;flex-direction: column;}
.article_hd .title{ font-size:var(--font-18);margin: 0;font-weight: 400;line-height: 1.6;display: flex;align-items: center;width: 100%;display: block;}
.article_hd .title .tag{background-color: var(--font-active-color);padding: .3vw 3vw;color: #fff;font-size: var(--font-15);border-radius: 3px;margin:0 1.5vw 0 0;display: inline-block;vertical-align: top;}
.article_hd .info{width: 100%;display: flex;margin-top: 2vw;align-items: center;justify-content: space-between;}
.article_hd .info .item{display: flex;justify-content: space-between;}
.article_hd .info .item span:not(:first-of-type){margin-left: 1.5vw;}
.article_hd .info ,.article_hd .info a{color: #999;}
.article_hd .info i{margin-right: .5vw;font-size: var(--font-14);}

.article_hd .other.last{flex-direction: column;}
.article_hd .other.last .title{width: 100%;}
.article_hd .other.last .info{width: 100%;display: flex;flex-direction: column;margin-top: 2vw;}
.article_hd .other.last .info .item:first-of-type{justify-content: space-between;font-size: var(--font-14);width: 100%;}
.article_hd .other.last .info .item{justify-content: flex-start;font-size: var(--font-14);}
.article_hd .other.last .social_share{margin-top: 1vw;width: 100%;}

.social_share{display:flex;justify-content:flex-end;align-items:center;}
.social_share a{display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:var(--font-20);margin:0 0 0 3vw;color:#fff;transition:all 300ms ease-in-out 0s}
.social_share a:hover{color:var(--font-active-color);-webkit-transition:all 0.2s ease;transition:all 0.2s ease;}

.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-15);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-15);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_box_wrap{font-size:var(--font-16);background-color: #fff;padding:5vw 3vw;}
.article_box img{max-width:100%;display:inline;height: auto !important;}
.article_box p{margin:0 0 var(--font-16);}
.article_box video,.article_box iframe{display:block;max-width:100%;height: 250px!important;}

.article_box_title{margin-bottom: 2vw;font-size: var(--font-18);font-weight: bold;display: flex;align-items: center;}
.article_box_title::before{display: block;content: '';width: 3px;height: 16px;background: var(--font-active-color);margin-right: 5px;}
.article_box table tr th ,.article_box table tr td{font-size: var(--font-15);}


.article_video{flex-direction: column;}
.article_video.last{background: none;}
.article_video.last .article_hd{padding-bottom: 0;}
.article_video .video-player-container{aspect-ratio: 16 / 9;;position: relative; width: 100%;}
.article_video .video-js{position: absolute; top: 0;left: 0;width: 100%;height: 100%;}
.article_video .vjs-custom-skin{--vjs-theme-primary: #0000;background-color: #000 !important;}
.article_video .vjs-loading-spinner {top: 50% !important;left: 50% !important;transform: translate(-50%, -50%) !important;}
.article_video .vjs-no-js{color: #fff;}

.article_video_img .video-player-container{width: 100%;}

.article_swiper{background: none;width: 100%}
.article_swiper.one{width: 100%;}
.article_swiper .img::before{display: block;content: '';padding-bottom: 56.25%;}
.article_swiper .swiper-pagination-bullet{background: rgba(0,0,0,.7);}
.article_swiper .swiper-pagination-bullet-active{background: var(--font-active-color);}


.article_video_list{width: 100%;padding:6vw 3vw;}
.article_video_list.last{background: #000;margin-top: 3vw;}
.article_video_list .name{font-weight: bold;font-size: var(--font-16);text-align: center;}
.article_video_swiper{height: auto;margin-top:3vw;padding-bottom: 5vw;}
.article_video_list a{color: rgba(255,255,255,.7);display: flex;flex-direction: column; align-items: center;}
.article_video_list a .img{width: 100%;}
.article_video_list a .img::before{display: block;content: '';padding-bottom: 56.25%;}
.article_video_list a .img i{position: absolute;z-index: 2;color: rgba(255,255,255,.8);font-size: var(--font-30);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_video_list a .title{width: 100%;font-size: var(--font-14);padding:2vw 0 0;overflow : hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp:2;-webkit-box-orient: vertical;line-height: 1.4;}
.article_video_list a:hover ,.article_video_list a.active{color: rgba(255,255,255,1);}
.article_video_swiper .swiper-scrollbar-drag{background: rgba(255,255,255,.3);height: 3px;}
.article_video_swiper .swiper-scrollbar{background: rgba(255,255,255,.1);height: 3px;}

.article_rel{background: #fff;padding: 6vw 3vw;border-top: var(--font-grey-color) solid 1px;}
.article_rel .name{font-size: var(--font-18);display: flex;align-items: center;font-weight: bold;}
.article_rel .name::before{display: block;content: '';width: 3px;height: 16px;background: var(--font-active-color);margin-right: 5px;}
.article_list li{margin-bottom: var(--font-16);}
.article_list li a{display: flex;justify-content: space-between;background-color: #fff;box-shadow: 0 2px 8px rgba(0,0,0,0.01);transition: all 0.3s ease;}
.article_list li .img{width: 30%;}
.article_list li .img::before{display: block;content: '';padding-bottom:75%;flex-shrink: 0;}
.article_list li .img i{position: absolute;z-index: 2;color: rgba(255,255,255,.8);font-size: var(--font-36);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 li .img:hover i{color: rgba(255,255,255,1);}
.article_list li .text{width: 70%;display: flex;flex-direction: column;justify-content: space-between;padding: 1.5vw 3vw;}
.article_list li .text b{font-size: var(--font-15);display: block;line-height: 1.4;}
.article_list li .text span{display: none;}
.article_list li .text time{font-size: var(--font-14);color: #999; display: flex;align-items: center;align-items: baseline;margin-top: 3vw;}
.article_list li .text time i{margin-right: .2vw;font-size: var(--font-15);}

.article_rel_block{display: flex;flex-direction:column;}
.article_rel_block .item{width: 100%;}
.article_rel_block .item:last-of-type{padding: 6vw 0 0;border-top: var(--font-grey-color) solid 1px;margin-top: 6vw;}
.article_media_list{display: flex;flex-direction: column;}
.article_media_list span{display: flex;margin-top: 2vw;}
.article_media_list a {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}


.slide_contain{display: flex;flex-direction: column;padding:0;}
.slide_left{width: 100%;position: relative;padding: 3vw 3vw 8vw;background-color: #fff;}
.slide_right{display: none;}

.news_hd{ background-color:#ffffff; padding:0;}
.news_hd .title{ font-size:var(--font-20);margin: 0;color: var(--font-color);line-height: 1.4;}
.news_hd .other{font-size:var(--font-14);border-bottom: #d8d8d8 solid 1px;padding-bottom: 2vw;color: #787878;}
.news_hd .other span a{color: #787878;}
.news_hd .info{ display: flex;justify-content: space-between;margin-top: 2vw;}
.news_hd .info span{margin-right: 3vw;}


.news_bd{background-color:#ffffff; padding:0;text-align:justify;line-height: 1.8;margin-top: 3vw;}
.news_des{background: var(--font-gray-color);padding: 2vw 3vw;margin-bottom: 2vw;text-align: justify;font-size: var(--font-15);}
.news_des i{font-size: var(--font-11);color: #999;display: inline-block;}
.news_des i:first-of-type{margin-right: 1vw;}
.news_des i:last-of-type{margin-left: 1vw;}

.news_fx_box{width: 100%;position: relative;left:0;top: 0;margin-top: 8vw;}
.news_fx_block{position: relative;top: 0;}

.news_page_pages{font-size: var(--font-15);}
.news_page_pages dd{background: #fff;padding: 0;margin-bottom: .5vw;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news_page_pages dd{display: block!important;}

.news_share {font-size: var(--font-15);background: #fff;padding:0;display: flex;align-items: center;margin-top: 2vw;justify-content: flex-end;}
.news_share .social_share{display: flex;flex-wrap: wrap;}
.news_share .social_share a{display: flex;margin:0 0 0 3vw;width: inherit;}
.news_share .social_share a:first-of-type{margin-left: 2vw;}
.news_share .social_share a:before{ display: flex;flex-direction: column;justify-content: center;align-items: center; font-size:var(--font-15);width:5.5vw;height:5.5vw;border-radius:50%; text-align:center;background-color:#999;color:#fff;transition: all 300ms ease-in-out 0s;}
.news_share .social_share a span{font-size: var(--font-14);}


.news_rel{margin-top: 6vw;}
.news_rel_name{font-size: var(--font-18);display: flex;align-items: center;font-weight: bold;background-color: #fff;padding:0;}
.news_rel_name::before{display: block;content: '';width: 3px;height: 16px;background: var(--font-active-color);margin-right: 5px;}
.article_list_box{display: flex;flex-wrap: wrap;}
.article_list_box.layui-col-space{margin: 0 -.8vw;}
.article_list_box.layui-col-space>*{padding:0 .8vw;}
.article_list_box .item{margin-top: 3vw;}
.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: 1vw;}






/*
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-15);border-radius:var(--radius);box-shadow: none;}
.contact_from .layui-textarea{font-size:var(--font-15);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-16);width: 100%;}

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


/*
FOOTER
*/
.footer{height: 12vw;width: 100%;}
.footer_bottom_info{font-size: var(--font-14);}
.footer_bottom_info .item:last-of-type{margin-top: 2vw;}
.footer_m{position: fixed;left: 0;bottom: 0;}

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

}