header{background:var(--color-primary);color:#fff;z-index:999; }
.no-banner header{background:var(--color-primary);position:static}
.mobile-search-btn{display:none}
.header{background:transparent;transition:all .4s;width:100%;position:relative;z-index:999}
header .layui-container > .flex{display:flex;align-items:center;justify-content:space-between;position:relative}
header .logo{display:flex;align-items:center;justify-content:center;position:relative}
.header .logo .contribute{position:absolute;top:24.3%;left:3.8%;width:9.84%;bottom:24.3%}
header .logo img{height:70px;transition:all .4s}
header .logo .logo-white{display:none}
header .logo .logo-black{display:block}
header .header-nav{font-size:20px;position:relative}
header .header-nav .layui-nav{background:none;font-size:inherit;padding:0;display:flex;align-items:center;justify-content:space-between;margin:0 -20px}
.header-nav .layui-nav .layui-nav-child:after, .header-nav .layui-nav .layui-nav-child:before{content:unset}
header .layui-nav-bar{display:none !important}
.header-nav .layui-nav .layui-nav-item{margin:0 12px}
.header-nav .layui-nav .layui-nav-item, .header-nav .layui-nav .layui-nav-item > a{line-height:56px;font-size:inherit}
.header-nav .layui-nav .layui-nav-item > a{ padding:0;position:relative;font-size:inherit;color:inherit}
.header-nav .layui-nav .layui-nav-item > a:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background-color:rgba(255,255,255,.85);transform:scaleX(0) scaleY(1);transition:all .3s ease-in-out}
.header-nav .layui-nav .layui-nav-item > a:hover, .header-nav .layui-nav .layui-nav-item.active > a{color:#ffffff}
.header-nav .layui-nav .layui-nav-child{margin-top:0;border:unset;border-radius:unset;background-color:unset;overflow:hidden;top:100%;z-index:999;text-align:left;padding:0;border-top:2px solid var(--color-primary);margin-top:-2px;width:160px;text-align:center;margin-left:-80px;left:50%}
.header-white .header-nav .layui-nav .layui-nav-child{margin-top:-15px}
.header-nav .layui-nav .layui-nav-item > a:hover:after, .header-nav .layui-nav .layui-nav-item.active > a:after{transform:scaleX(1) scaleY(1)}
header .layui-nav .layui-container{display:block}
header .menu-toggle .toggle-iconfont span, header .menu-toggle span:after, header .menu-toggle span:before{background:var(--color-text-regular)}
.layui-nav .layui-nav-child .dropmenu{background-color:rgba(255,255,255,.96)}
.layui-nav .layui-nav-child .dropmenu-container{padding:20px 15px}
.layui-nav .layui-nav-child .dropmenu-container a{padding:0;line-height:1.5}
.layui-nav .layui-nav-child .dropmenu-container a:hover{background:unset}
.layui-nav .layui-nav-child .dropmenu-container .sub-title > a{font-size:16px;border-bottom:1px dashed var(--border-color-lighter);padding-bottom:10px;margin-bottom:10px;color:var(--color-text-primary);position:relative}
.layui-nav .layui-nav-child .dropmenu-container .sub-title:last-child > a{margin-bottom:0;padding-bottom:0;border-bottom:0}
.layui-nav .layui-nav-child .dropmenu-container .sub-title > a:hover{color:var(--color-primary)}
.layui-nav .layui-nav-child .dropmenu-container .desc, .layui-nav .layui-nav-child .dropmenu-container ul a{color:var(--color-text-secondary-grey);font-size:14px;line-height:1.5;padding:6px 20px 6px 0;position:relative;transition:all .3s ease-in-out;font-weight:normal}
.layui-nav .layui-nav-child .dropmenu-container ul a:after{content:"\e60e";font-family:"ala-iconfont";position:absolute;right:10px;top:50%;transform:translateY(-50%);color:var(--color-primary);font-weight:bold;transition:all .3s ease-in-out;opacity:0}
.layui-nav .layui-nav-child .dropmenu-container ul a:hover{color:var(--color-primary);font-weight:bold}
.layui-nav .layui-nav-child .dropmenu-container ul a:hover:after{right:0;opacity:1}
.layui-nav .layui-nav-child .dropmenu-container .desc{white-space:normal;line-height:1.8}
.dropmenu-bottom{background-color:var(--color-primary);color:#fff;padding:18px 0}
.dropmenu-bottom .more-btn{margin-top:0;padding:8px 20px !important;text-align:center}
@media screen and (min-width: 992px){
    .layui-nav .layui-nav-child .dropmenu-container .layui-col-md2{width:20%}
}

/* dropmenu END */
header .menu-toggle{cursor:pointer;display:flex;align-items:center;width:42px;height:42px;border-radius:50px;display:flex;align-items:center;justify-content:center}
header .menu-toggle .toggle-iconfont{transition:0.4s;position:relative;z-index:20;float:right;cursor:pointer;width:24px;height:22px}
header .menu-toggle .toggle-iconfont span{margin-top:9px;display:block;width:100%;height:2px;background:#fff;position:relative; cursor:pointer}
header .menu-toggle span:after, header .menu-toggle span:before{content:"";position:absolute;display:inline-block;width:100%;height:2px;left:0;background-color:#fff}
header .menu-toggle span:before{top:-9px;-webkit-transition-property:top,transform;-moz-transition-property:top,transform;-ms-transition-property:top,transform;-o-transition-property:top,transform;transition-property:top,transform}
header .menu-toggle span:after{bottom:-9px; -webkit-transition-property:bottom,transform;-moz-transition-property:bottom,transform;-ms-transition-property:bottom,transform;-o-transition-property:bottom,transform;transition-property:bottom,transform}
.header-main{text-align:right;border-top:1px solid rgba(255,255,255,.15)}
.headerTemp{ display:none}

/* secondary-nav */
header .secondary-nav{text-align:right;font-size:13px;width:auto;display:inline-block;padding-left:20px;position:relative}
header .secondary-nav .flex{display:flex;align-items:center;justify-content:flex-end;height:36px;margin-top:7px}
header .secondary-nav ul li{display:inline-block;padding:0 15px;position:relative}
header .secondary-nav ul li+li:after{content:"";position:absolute;left:0;top:5px;bottom:4px;width:1px;background-color:#fff;opacity:.35}
header .secondary-nav .language-btn i{font-weight:800;font-size:14px}
header .secondary-nav ul::after{content:"";position:absolute;right:0;top:5px;bottom:4px;width:1px;background-color:#fff;opacity:.35}
.secondary-nav .layui-nav.nav-horizon .layui-nav-more{margin-left:0}
.secondary-nav .layui-nav.nav-horizon .layui-nav-child{color:#333333}
.secondary-nav .layui-nav.nav-horizon .layui-nav-more:after{content:"\e880"}
header .secondary-nav ul li a{color:inherit}
.secondary-nav .layui-nav > .layui-nav-item > a{padding:0;color:inherit;font-size:13px;opacity:.75}
.secondary-nav .layui-nav > .layui-nav-item:hover > a{opacity:1}
.header .search-btn{font-size:18px;font-weight:bold}
.header .search-btn .ala-iconfont{line-height:60px;color:inherit;font-size:inherit;font-weight:normal;padding:0 0 0 15px;cursor:pointer}

/* secondary-nav END */
.no-banner .headerTemp{height:60px;display:none}
@media screen and (max-width: 991px){
    .headerTemp{height:81px;display:none}
    .header-white .headerTemp{position:unset}
    header .secondary-nav{display:none}
}

/* header-white */
.header-white .headerTemp{position:absolute}
.header-white header{position:absolute;left:0;right:0;top:0;background:none}
.header-white .header{box-shadow:none}
.header-white header .logo-white{display:block}
.header-white header .logo-black{display:none}
.header-white .header-nav .layui-nav .layui-nav-item > a:hover, .header-white .header-nav .layui-nav .layui-nav-item.active > a, .header-white header .header-nav, .header-white header .secondary-nav{color:#fff}
.header-white .header-nav .layui-nav .layui-nav-item > a:after, .header-white header .menu-toggle .toggle-iconfont span, .header-white header .menu-toggle span:after, .header-white header .menu-toggle span:before{background:#fff}

/* header-white END */
@media screen and (min-width: 992px){
    header.fixed{position:fixed;top:0;left:0;right:0;background:var(--color-primary);box-shadow:0 0 10px rgb(0 0 0 / 15%);border-bottom:none}
}
header.fixed .header-nav, header.fixed header .header-nav .role-list a{color:#fff !important}
header.fixed .layui-nav .layui-nav-more{border-color:#fff transparent transparent !important}
header.fixed header .header-nav .role-list a:not(:last-child):after{border-color:rgba(255,255,255,.5)}
header.fixed header .logo-white{display:none}
header.fixed header .logo-black{display:block}
header.fixed .menu-toggle span:after, header.fixed .menu-toggle span:before, header.fixed header .menu-toggle .toggle-iconfont span{background:#fff !important}
header.fixed .header-nav .layui-nav .layui-nav-child{margin-top:0}
.header-nav .layui-nav.nav-horizon .layui-nav-more{display:none}
@media screen and (min-width: 1420px){
    header .header-nav{font-size:17px}
}
@media screen and (min-width: 1600px){
    header .header-nav{font-size:19px}
}
@media screen and (max-width: 1420px){
    header .header-nav{font-size:16px}
    .header-nav .layui-nav .layui-nav-item > a{padding:0 .35vw}
    .header-nav .layui-nav .layui-nav-item > a:after{left:.35vw;right:.35vw}
    header .header-nav .layui-nav{margin:0 -15px}
    .header-nav .layui-nav .layui-nav-item{margin:0 15px}
}
@media screen and (max-width: 1200px){
    .header-nav .layui-nav .layui-nav-item, header .header-nav{font-size:16px}
    header .logo img{height:44px}
    header .header-nav .layui-nav{margin:0 -8px}
    .header-nav .layui-nav .layui-nav-item{margin:0 8px}
}
@media screen and (min-width: 992px){
    header .menu-toggle{display:none !important}
}
.header-nav .show-mobile{display:none}
header .logo .logo-white{display:none}
@media screen and (max-width:991.9px){
    header .logo .logo-white{display:block}
    header .logo .logo-primary{display:none}
    header{position:static;background-color:var(--color-primary)}
    .mobile-search-btn{display:block;position:absolute;color:#ffffff;height:80px;line-height:80px;top:0;right:5vw;margin-right:54px;

        /* padding-right: calc(5vw + 40px); */}
    .header-white header{position:static;background-color:var(--color-primary)}
    .header-top{padding:0;background-color:var(--color-primary)}
    header .header{padding-bottom:0;box-shadow:0 0 10px rgb(0 0 0 / 15%)}
    header .layui-container > .flex{padding:0;height:80px}
    .header-top > .layui-container, header .layui-container > .flex{position:static}
    header .header-nav{border-bottom:none}
    .header-main{position:absolute;top:0;right:0;bottom:0;display:flex;align-items:center;left:unset !important;background:unset !important;box-shadow:unset !important;border-bottom:none;display:none!important}
    header.fixed{position:fixed;top:0;width:100%;background:var(--color-primary);box-shadow:0 0 10px rgb(0 0 0 / 15%)}
    header.fixed.show{position:fixed;left:0;right:0;top:0;-webkit-transition:top .6s;-o-transition:top .6s;transition:top .6s;z-index:9999}
    header .secondary-nav{position:absolute;bottom:0;left:0;right:0;height:40px;background-color:#fff;padding:0 5vw}
    header .secondary-nav > .flex{justify-content:space-between;color:var(--color-text-regular);height:100%}
    header .secondary-nav ul li a{opacity:.75}
    header .secondary-nav ul li a:hover{color:var(--color-secondary)}
    .language-btn{height:40px;line-height:40px;color:inherit;background-color:unset !important}
    .language-btn:hover{color:var(--color-secondary)}
    .language-btn i{

        /* transform: scale(.85); */
        display:inline-block}
    header .secondary-nav .menu-toggle{height:80px;display:flex !important}
    header .header-nav .layui-nav{position:fixed;width:320px;right:-320px;top:0;bottom:0;z-index:10002;background:#fff;color:var(--color-text-regular) !important;padding:20px !important;transition:all .4s ease-in-out;padding-top:56px !important;display:block}
    .header-nav .layui-nav .layui-nav-item, .header-nav .layui-nav .layui-nav-item > a{line-height:50px}
    header .header-nav .layui-nav .layui-nav-item{display:block;text-align:left}
    header .header-nav .layui-nav .layui-nav-item > a{display:flex;align-items:center;justify-content:space-between}
    .header-nav .layui-nav .layui-nav-item > a:after{transform-origin:0 0}
    header .header-nav .layui-nav .layui-nav-item > a:hover{color:var(--color-primary) !important}
    .header-nav .layui-nav.nav-horizon .layui-nav-more{line-height:50px;height:50px;width:50px;text-align:right;margin:0}
    .header-nav .layui-nav.nav-horizon .layui-nav-itemed > a .layui-nav-more, .header-nav .layui-nav.nav-horizon .layui-nav-mored{transform:rotate(0)}
    .header-nav .layui-nav.nav-horizon .layui-nav-more:after{display:inline-block;transform:rotate(-90deg)}
    .header-nav .layui-nav .layui-nav-child{position:fixed;width:320px !important;right:-320px;top:0;bottom:0;z-index:10003;left:unset !important;background-color:#fff;margin-top:0;min-width:0;transition:all .4s ease-in-out;display:block !important;padding-top:60px;box-shadow:unset}
    .header-nav .layui-nav .layui-nav-child .layui-container{padding:0;position:static;position:absolute;left:0;right:0;top:60px;bottom:0;padding:10px 20px 20px;z-index:2}
    .header-nav .layui-nav .layui-nav-child .dropmenu{box-shadow:none;border-top:0;padding:20px}
    .header-nav .layui-nav .layui-nav-child .dropmenu-bottom, .header-nav .layui-nav .layui-nav-child .dropmenu-container{padding:0}
    .header-nav .layui-nav .layui-nav-child .dropmenu-container .layui-col-space30{margin:0}
    .header-nav .layui-nav .layui-nav-child .dropmenu-container .layui-col-space30 > *{padding:0}
    .header-nav .layui-nav .layui-nav-child .dropmenu-container .sub-title > a{font-size:16px;border-bottom:1px dashed var(--border-color-lighter);padding:13px 0;margin:0}
    .header-nav .layui-nav .layui-nav-child .dropmenu-bottom{display:none}
    .header-nav .layui-nav .layui-anim-upbit{animation-name:unset}
    .header-nav .back-btn, .header-nav .close-btn{font-size:20px; }
    .header-nav .show-mobile{padding-top:0;padding-bottom:0;text-align:right;display:block;position:absolute;left:0;right:0;top:0;padding:20px 20px 0;background-color:#fff;z-index:9}
    .header-nav .show-mobile.flex{display:flex}
    .mobile-bg{position:fixed;top:0;left:0;right:0;height:0;background-color:rgba(0,0,0,.75);z-index:-1;opacity:0;transition:opacity .4s ease-in-out}
    .mobile-site .header-nav .layui-nav .layui-nav-child.layui-show, .mobile-site header .header-nav .layui-nav{right:-1px}
    .mobile-site .mobile-bg{z-index:10001;opacity:1;height:100vh}
    .header-nav .layui-nav .layui-nav-item > a:hover, .header-nav .layui-nav .layui-nav-item.active > a{color:var(--color-primary)}
    .site-tree-mobile{display:block !important;text-align:center;font-size:18px;cursor:pointer;

        /* padding: 0 5vw; */
        color:#fff;position:absolute;z-index:999;right:5vw;top:0;bottom:0;line-height:1;padding:30px 15px;margin-right:-15px}
    .site-tree-mobile .icon-reorder{display:block;width:24px;height:2px;background:#fff;margin-bottom:6px;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s}
    .site-tree-mobile .icon-reorder:last-child{margin-bottom:0}
    .mobile-nav-show .site-tree-mobile .icon-reorder{margin:0}
    .mobile-nav-show .site-tree-mobile .icon-reorder:nth-of-type(1){margin-top:10px;-webkit-transform:rotate(42deg);-ms-transform:rotate(42deg);-o-transform:rotate(42deg);transform:rotate(42deg)}
    .mobile-nav-show .site-tree-mobile .icon-reorder:nth-of-type(3){margin-top:-4px;-webkit-transform:rotate(-42deg);-ms-transform:rotate(-42deg);-o-transform:rotate(-42deg);transform:rotate(-42deg)}
    .mobile-nav-show .site-tree-mobile .icon-reorder:nth-of-type(2){opacity:0}
}
@media screen and (max-width: 767.9px){
    header .logo img{}
    .header .language-btn{margin-right:0}
    header .layui-nav{padding:0 10px !important}
    header .header-main .secondary-nav{padding-right:0;position:absolute;left:0;right:0;top:0;text-align:right}
    header .secondary-nav .layui-nav{padding:0 0 !important}
    header .secondary-nav:before{transform:skewX(0)}
    header .secondary-nav ul{margin:0 -6px}
    header .secondary-nav ul li{padding:0 6px}
    .header-main{display:flex;align-items:center}
    header .header-main .secondary-nav{display:flex;align-items:center;justify-content:flex-end}
    header .secondary-nav .secondary-bg:before{transform:skewX(0deg)}
}

/*header END*/
/*.layui-layer*/
.layui-layer .layui-layer-setwin{top:40px;right:5%;margin-right:15px}
.layui-layer .layui-layer-setwin .layui-layer-close2{top:0;right:0;background:none;position:relative;text-align:center;line-height:50px;transition:all .3s;color:#fff;width:48px;height:48px;background:rgba(0,0,0,.15);border-radius:24px;overflow:hidden;text-align:center;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;font-size:22px}
.layui-layer .layui-layer-setwin .layui-layer-close2:after{content:"\e60b";font-family:"ala-iconfont";font-weight:bold}
.layui-layer .layui-layer-setwin .layui-layer-close2:hover{background:var(--color-primary);color:#fff}

/* 搜索弹窗 */
.layui-layer.tc-search{border-radius:0;background:unset;box-shadow:none;padding-top:134px;background-color:var(--color-primary)}
.layui-layer.tc-search:before{left:-webkit-calc(50% - 2000px);left:calc(50% - 2000px);top:-3403px;width:4000px;height:4000px;position:absolute;display:block;content:" ";background:#fff;border-radius:100%;z-index:0}
.layui-layer.tc-search:after{content:"";position:absolute;left:0;right:0;bottom:50px;height:80px;background:url("../images/search-bg.png") center bottom no-repeat;background-size:auto 100%;opacity:.75}
.layui-layer.tc-search .layui-layer-content{padding:0}
.layui-layer.tc-search .container{max-width:800px;margin:8% auto 0}
.layui-layer.tc-search .input-box{padding:6px;position:relative;margin-bottom:30px}
.layui-layer.tc-search .layui-input{height:50px;border-radius:30px;border:0;padding:10px 70px 10px 26px;background:rgba(0,0,0,.075);position:relative;z-index:2}
.layui-layer.tc-search .layui-input+.bg{position:absolute;left:0;right:0;top:0;bottom:0;border-radius:50px;background:rgba(255,255,255,.25);opacity:0;z-index:1;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.layui-layer.tc-search .layui-input:focus+.bg{opacity:1}
.layui-layer.tc-search .form-submit{margin-top:10px;position:absolute;right:8px;width:70px;height:50px;line-height:50px;background:none;outline:none;top:8px;margin-top:0;border:0;font-size:22px;cursor:pointer;z-index:3;color:var(--color-primary)}
.layui-layer.tc-search .form-submit:hover{color:var(--color-primary)}
.layui-layer.tc-search .popular-search{text-align:center}
.layui-layer.tc-search .popular-search .title{font-weight:bold;position:relative;padding-left:18px;display:inline-block;margin:0 auto 10px;color:var(--color-primary)}
.layui-layer.tc-search .popular-search .title:after{content:"";position:absolute;left:0;top:50%;margin-top:-4px;height:7px;width:7px;background:var(--color-primary);border-radius:5px}
.layui-layer.tc-search .popular-search ul{text-align:center;margin:0 -15px}
.layui-layer.tc-search .popular-search ul li{list-style:none;padding:8px 15px;display:inline-block}
.layui-layer.tc-search .popular-search ul li a{color:var(--color-text-secondary);font-size:13px}
.layui-layer.tc-search .popular-search ul li a:hover{color:var(--color-primary);text-decoration:underline}
@media screen and (max-width: 1600px){
    .layui-layer.tc-search:after{height:60px}
}
@media screen and (max-width: 991px){
    .layui-layer.tc-search:before{left:-webkit-calc(50% - 1500px);left:calc(50% - 1500px);top:-2403px;width:3000px;height:3000px}
}
@media screen and (max-width: 767px){
    .layui-layer.tc-search:after{bottom:10px}
    .layui-layer.tc-search:before{left:-webkit-calc(50% - 1000px);left:calc(50% - 1000px);top:-1403px;width:2000px;height:2000px}
    .layui-layer.tc-search .layui-layer-setwin{top:20px;right:0}
    .layui-layer.tc-search .layui-form-item{margin-bottom:5px}
    .layui-layer.tc-search .layui-layer-setwin .layui-layer-close2{width:36px;height:36px;font-size:18px;line-height:36px}
    .layui-layer.tc-search .popular-search ul{margin:0 -10px}
    .layui-layer.tc-search .popular-search ul li{padding:6px 10px}
}
@media screen and (min-width: 1600px){
    .layui-layer.tc-search:before{left:-webkit-calc(50% - 2000px);left:calc(50% - 2000px);top:-3260px;width:4000px;height:4000px}
}

/* 搜索弹窗 END */
/*弹窗动画*/
.layer-anim-01{-webkit-animation-name:slideInDown !important;animation-name:slideInDown !important;-webkit-animation-duration:.6s !important;animation-duration:.6s !important}
@-webkit-keyframes slideInDown{
    0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}
    100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes slideInDown{
    0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}
    100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.layui-layer.tc-fullpage.layer-anim-close{-webkit-animation-name:slideOutUp !important;animation-name:slideOutUp !important;-webkit-animation-duration:.6s !important;animation-duration:.6s !important}
@-webkit-keyframes slideOutUp{
    0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
    100%{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
}
@keyframes slideOutUp{
    0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
    100%{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
}

/*弹窗动画 END*/
/*.layui-layer tc-fullpage END*/
/*layui-layer tc-video*/
.layui-layer.tc-video{background:none;max-height:95vh;max-width:95vw}
.layui-layer.tc-video .video-player{height:100%}
.layui-layer.tc-video .video-js{width:100%;height:100%}
.layui-layer.tc-video .layui-layer-setwin .layui-layer-close2{background:rgba(0,0,0,.25);color:#fff}
.layui-layer.tc-video .layui-layer-setwin{top:10px;right:10px;margin:0}
.layui-layer.tc-video .layui-layer-setwin .layui-layer-close2:hover{background:var(--color-primary);color:#fff}
@media screen and (max-width: 767px){
    .layui-layer.tc-video{background:none;height:100vh !important;width:100vw !important;max-height:100vh;max-width:100vw}
}

/*layui-layer tc-video END*/
/*swiper-button*/
.swiper-button-next, .swiper-button-prev{position:absolute;top:50%;margin-top:-24px;width:40px!important;height:40px!important;line-height:unset!important;z-index:998;background:unset;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;background:unset;border:1.5px solid var(--color-primary);color:var(--color-primary);border-radius:50%;background-image:unset!important}
.swiper-button-next.is-white, .swiper-button-prev.is-white{border-color:#fff;color:#fff}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{border-color:var(--border-color-base);color:var(--border-color-base);opacity:1}
.swiper-button-next:not(.swiper-button-disabled):hover, .swiper-button-prev:not(.swiper-button-disabled):hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}
.is-white.swiper-button-next:not(.swiper-button-disabled):hover, .is-white.swiper-button-prev:not(.swiper-button-disabled):hover{background:#fff;color:var(--color-primary);border-color:#fff}
.swiper-button-next:after, .swiper-button-prev:after{font-size:18px;font-weight:lighter;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.swiper-button-next:after, .swiper-button-prev:after{content:"\e6f0";font-family:"ala-iconfont"}
.swiper-button-prev:after{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{left:-20px}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{right:-20px}
.swiper-button-next:after, .swiper-button-prev:after{position:relative;right:0;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}
@media screen and (max-width: 767px){
    .swiper-button-next, .swiper-button-prev, .swiper-container-rtl .swiper-button-next, .swiper-container-rtl .swiper-button-prev{width:40px;height:40px;background-size:40px;margin-top:-20px}
}

/*swiper-button END*/
/*.swiper-pagination*/
.swiper-pagination{left:0;right:0;text-align:center;height:18px;overflow:hidden}
.swiper-pagination-bullet{position:relative;margin:0 2.5px!important !important;background:unset!important;position:relative;width:18px!important;height:18px!important;border-radius:18px!important;opacity:1!important;transition:all .3s ease-in-out;border:1.5px solid transparent}
.swiper-pagination-bullet::after{content:"";top:50%;left:50%;position:absolute;display:block;width:5px;height:5px;transform:translate(-50%,-50%);border-radius:50%;background-color:var(--color-primary)}
.swiper-pagination-bullet-active{border:1.5px solid var(--color-primary)}
.swiper-pagination-bullet-active::after{background-color:var(--color-primary)}
.is-white .swiper-pagination-bullet-active{border-color:rgba(255,255,255,1)}
.is-white .swiper-pagination-bullet-active::after, .is-white .swiper-pagination-bullet::after{background-color:#fff}

/*.swiper-pagination EMD*/
/* swiper-btn */
.swiper-btn .swiper-button-next, .swiper-btn .swiper-button-prev{position:static;margin:0;font-weight:bold;transition:background .3s}
.swiper-btn .swiper-pagination{position:static;width:unset;margin:0 20px}
.swiper-btn .swiper-button-prev+.swiper-button-next{margin-left:10px}
.swiper-btn{display:flex;align-items:center}

/* swiper-btn END */
/* ala-swiper */
.ala-swiper .swiper-pagination{position:static;margin:0 5px}
.ala-swiper .swiper-button-next, .ala-swiper .swiper-button-prev{width:27px;height:27px;line-height:27px;margin-top:0;color:var(--color-primary);transition:unset;position:static}
.ala-swiper .swiper-button-next:after, .ala-swiper .swiper-button-prev:after{content:"\e607"}
.ala-swiper .swiper-button-next:not(.swiper-button-disabled):hover, .ala-swiper .swiper-button-prev:not(.swiper-button-disabled):hover{background:unset!important}
.ala-swiper .swiper-button-next.is-white, .ala-swiper .swiper-button-prev.is-white{color:#fff}
.ala-swiper .swiper-button-next.is-white:not(.swiper-button-disabled):hover, .ala-swiper .swiper-button-prev.is-white:not(.swiper-button-disabled):hover{color:#fff}

/* ala-swiper END */
.swiper-container{overflow:hidden;width:100%;height:100%}

/*banner*/
.banner{position:relative;background-color:var(--bg-grey)}
.banner .swiper-container{width:100%;height:100%;position:relative}
.banner .swiper-slide{background-size:cover;color:#fff;background-position:center center;height:100%;background-repeat:no-repeat;position:relative;overflow:hidden;width:100%;height:30vw;max-height:100vh;min-height:240px}
.banner .swiper-slide .swiper-bg{position:absolute;left:0;top:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:1}
.banner .swiper-slide .swiper-bg{-webkit-transform:scale(1.15);-ms-transform:scale(1.15);-o-transform:scale(1.15);transform:scale(1.15);-webkit-transition:all 8s linear;-o-transition:all 8s linear;transition:all 8s linear}
.banner .swiper-slide-active .swiper-bg{-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
.slide-inner{position:absolute;width:100%;height:100%;left:0;top:0;color:#fff;background-size:cover;background-position:center center;background-repeat:no-repeat;overflow:hidden}
.slide-inner:before{content:"";position:absolute;left:0;right:0;top:0;height:200px;background:linear-gradient(180deg,rgba(0,0,0,.5) 0%,rgba(0,0,0,0) 100%);z-index:9}
.banner img{width:100%}
.banner .layui-container{text-align:center;padding:0}
.banner .swiper-bottom{bottom:30px;position:absolute;z-index:5;left:0;right:0}
.banner .swiper-bottom .swiper-pagination{text-align:left;position:static;display:inline-block;width:auto;margin:0 auto}
@media screen and (min-width: 1600px){
    .banner .swiper-slide{height:32vw}
}
@media screen and (max-width: 767px){
    .banner .swiper-bottom{bottom:20px}
    .banner .swiper-bottom .swiper-pagination{text-align:center}
    .banner .swiper-btn{display:none}
}

/*banner-video*/
.banner-video{width:100%;height:100vh;position:relative;overflow:hidden}
.banner-video .background-media{position:absolute;left:-2%;right:-2%;top:-2%;bottom:-2%;z-index:1;overflow:hidden;background-repeat:no-repeat;background-size:cover;background-attachment:no-scroll;background-position:center center}
.banner-video .background-media.media-image{display:none}
.banner-video .video{width:100%;height:100%;object-fit:cover;object-position:center center}
.banner-video .background-media.media-video:after{content:"";position:absolute;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,.6)}
.banner-video{display:flex;align-items:center;justify-content:center}
.banner-nav{position:relative;z-index:2;margin-bottom:30vh;width:100%}
.banner-nav ul{display:flex;align-items:center;justify-content:center}
.banner-nav ul > li a{color:rgba(255,255,255,.75);-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;position:relative;display:block;padding:20px 1.2vw;color:#fff;font-size:22px;text-align:center;font-weight:normal}
.banner-nav ul > li a:after{content:"";position:absolute;left:50%;width:50px;margin-left:-29px;height:50px;border-radius:50px;border:4px solid transparent;border-bottom:4px solid #fff;bottom:-5px;-webkit-transform:scaleX(1) scaleY(.5);-ms-transform:scaleX(1) scaleY(.5);-o-transform:scaleX(1) scaleY(.5);transform:scaleX(1) scaleY(.5);-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;opacity:0}
.banner-nav ul > li a:hover, .banner-nav ul > li.active a{color:#fff}
.banner-nav ul > li a:hover:after, .banner-nav ul > li.active a:after{bottom:0;opacity:1}
@media screen and (max-width: 1199px){
    .banner-nav ul > li a{padding:20px 10px}
}
@media screen and (max-width: 991px){
    .banner-nav ul > li a{font-size:16px;padding:20px 10px}
}
.banner-video .scroll-down{position:absolute;bottom:4vh;left:50%;transform:translateX(-50%);cursor:pointer;color:#fff;z-index:2;animation:MoveUpDown 1s ease-in-out infinite;font-size:12px; }
.banner-video .scroll-down .ala-iconfont{width:40px;height:40px;background:#fff;border-radius:40px;font-size:22px;color:var(--color-primary);line-height:40px;text-align:center;display:block;margin:6px auto}
@keyframes MoveUpDown{
    0%{bottom:4vh}
    50%{bottom:6vh}
    100%{bottom:4vh}
}

/*banner-video END*/
/* banner-entry */
.banner-entry{position:absolute;left:0;right:0;bottom:20px;z-index:99}

/* .banner-entry .layui-container{
    position: static;
} */
.banner-entry-list{display:flex;position:relative;background-color:#fff}
.banner-entry-list .entry-item{position:relative;cursor:pointer;background-color:transparent;transition:all .3s ease-in-out;height:100%;flex:1}
.banner-entry-list .entry-item .banner-menu{height:100px;padding:0 2.5vw;display:flex;align-items:center;justify-content:center;position:relative;z-index:2;color:inherit;overflow:hidden}
.banner-entry-list .entry-item .banner-menu .title{font-size:17px}
.banner-entry-list .entry-item .banner-menu .desc{color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:14px;margin-top:3px}
.banner-entry-list .entry-item:hover .banner-menu .title{color:var(--color-primary)}
.banner-entry-list .entry-item+.entry-item:after{content:"";position:absolute;left:0;top:50%;height:20px;margin-top:-10px;width:1px;background-color:rgba(0,0,0,.1);z-index:2}
.banner-entry-list .entry-item .icon{width:36px;height:42px;object-fit:contain;margin-right:15px;transition:all .3s ease-in-out}
.banner-entry-list .entry-item:hover .icon{left:20px;margin-left:0;animation:rubberBand 1s ease-in-out 0s;-webkit-backface-visibility:visible !important;-ms-backface-visibility:visible !important;backface-visibility:visible !important}

/* banner-entry END */
/* banner-submenu */
.banner-submenu{width:100%;position:absolute;left:0;z-index:20;box-sizing:border-box;overflow:hidden;padding-right:2px;background-color:#fff;max-height:60vh;z-index:0;padding:0;font-size:15px;height:0;bottom:100%;transition:all .5s ease-in-out;opacity:0;transform:scaleY(0);transform-origin:50% 100%}
.banner-entry-list .entry-item:hover .banner-submenu{height:auto;bottom:100%;opacity:1;padding:20px 0;transform:scaleY(1)}
.banner-submenu-list{padding:0 20px}
.banner-submenu .banner-submenu-item a{display:flex;padding:8px 0;align-items:center;transition:all .3s ease-in-out;position:relative;padding-right:20px}
.banner-submenu .banner-submenu-item a:after{content:"\e607";position:absolute;right:0;top:50%;transform:translateY(-50%);font-family:"ala-iconfont";font-size:12px;color:var(--color-text-secondary)}
.banner-submenu .banner-submenu-item a .icon{width:18px;height:18px;object-fit:contain;margin-right:20px}
.banner-submenu .banner-submenu-item a .ala-iconfont{margin-right:15px;font-size:18px}
.banner-submenu .banner-submenu-item a:hover{color:var(--color-primary)}
.banner-submenu .banner-submenu-item a:hover:after{color:var(--color-primary)}

/* banner-submenu END */
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:var(--color-primary)}
.mCSB_scrollTools .mCSB_draggerRail{background-color:unset}
.mCSB_inside > .mCSB_container{margin-right:0}
.banner-entry-list .entry-list{flex:1;display:flex;align-items:center}
.banner-entry-list .entry-item{flex:1}

/* ��֯�� */
.system-list .entry-item:after{content:unset}
.system-list .entry-item .banner-menu{color:#fff;position:relative;overflow:hidden;padding-left:3.6vw}
.system-list .entry-item .banner-menu > *{position:relative;z-index:1}
.system-list .entry-item .banner-menu:before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;background-color:var(--color-primary);transform:skewX(-15deg);transform-origin:0 100%}
.system-list .entry-item .banner-menu .ala-iconfont{margin-left:5px}
.system-list .entry-item:hover .banner-menu .title{color:#fff}
.system-list .entry-item .banner-submenu{left:unset;right:0;max-width:100vw;width:480px;color:var(--color-text-regular);max-height:calc(100vh - 180px);background-color:rgba(255,255,255,.95); }
@media screen and (max-width: 1199px){
    .banner-entry-list .entry-item .banner-menu .desc{font-size:13px}
    .system-list .entry-item .banner-submenu{max-height:calc(56.25vw - 180px)}
}

/* zzjg-list */
.zzjg-list{padding:10px 30px}
.zzjg-list .zzjg-section{padding-bottom:30px}
.zzjg-list .zzjg-section .section-title{font-size:18px;color:var(--color-primary);padding-bottom:8px;margin-bottom:14px;border-bottom:1px solid var(--border-color-light)}
.zzjg-list .zzjg-section .section-body{font-size:14px}
.zzjg-list .zzjg-section .section-body a{color:var(--color-text-secondary-grey)}
.zzjg-list .zzjg-section .section-body a:hover{color:var(--color-primary);text-decoration:unset}
.zzjg-list .zzjg-section .section-body .ala-iconfont{color:var(--color-primary);margin-left:5px}
.zzjg-list .zzjg-section .section-body ul{columns:2;column-gap:20px}
.zzjg-list .zzjg-section .section-body li{margin-bottom:12px;padding-left:0;line-height:1.5}
.zzjg-list .zzjg-section .section-body li:before{content:unset}

/* zzjg-list END */
/* ��֯�� END */
@media screen and (max-width: 991px){
    .banner-entry{display:none}
    .banner .swiper-pagination{bottom:20px}
}
@media screen and (min-width: 1600px){
    .banner-entry-list .entry-item .banner-menu{ font-size:18px}
}
.main-hidden{overflow:hidden}
.theme-grey{background-color:var(--bg-grey)}

/*block*/
.block{padding:70px 0;width:100%;position:relative;background-position:center;background-repeat:no-repeat;background-size:cover}
.small-block{padding:50px 0}
@media screen and (max-width: 992px){
    .block{padding:50px 0}
}
@media screen and (max-width: 767px){
    .block, .small-block{padding:40px 0}
}
.block.white{background-color:#fff}
.block.grey{background-color:var(--bg-grey)}
.block.blue{background-color:var(--color-primary)}
.block.bg .layui-container, .block.color_white .layui-container{z-index:2;position:relative;color:#fff}
.block p{margin-bottom:10px}
.block-temp{padding:0 !important;height:60px}

/*block END*/
/*index_title*/
.index_title{font-size:36px;color:var(--color-text-primary);position:relative;margin-bottom:30px}
.index_title.small{font-size:30px}
.small-block .index_title{margin-bottom:15px}
.index_title .category, .index_title .more{font-size:14px;z-index:5}
.index_title .single-link{margin-top:0}
.index_title .category{margin:0 -15px}
.index_title .category a{padding:0 15px}
.index_title .title{position:relative;z-index:2;font-weight:normal;display:inline-block;line-height:1}
.index_title .title > *{position:relative;z-index:2}
.color_white .index_title{color:#fff}
.index_title .more-btn{margin-top:0}
@media screen and (max-width: 767px){
    .index_title{font-size:24px}
    .block.small-block .index_title{margin-bottom:15px}
    .block.small-block .index_title .title{font-size:22px}
    .index_title .category{margin:0 -5px}
    .index_title .category a{padding:0 5px}
    .index_title .more-btn{padding:0;border:0 !important;background:unset}
    .index_title .more-btn:hover{background:unset !important;color:var(--color-primary) !important}
}

/*index_title END*/
/*footer*/
footer{background-color:var(--color-primary);background-repeat:no-repeat;background-position:right 20% bottom;background-size:contain}
footer, footer a, footer a:visited{color:rgba(255,255,255,0.65);font-size:15px}
footer a:focus, footer a:hover{color:rgba(255,255,255,0.95)}
.footer-top{padding:40px 0}
.fl1{display:flex;align-items:center}
.footer-top img{max-width:100%}
.footer-top .footer-logo{margin-bottom:15px}
.footer-top .footer-logo img{max-height:60px}
.footer-top .layui-row{overflow:hidden}
footer .title{margin-bottom:10px;font-size:18px;color:rgba(255,255,255,.85);text-transform:uppercase}
.footer-top p{margin-bottom:10px}
.footer-top ul, .footer-top ul li{list-style:none;padding-left:0;margin:0}
.footer-top .footer-link li{line-height:150%;position:relative;margin-bottom:10px;float:left;width:50%}
.footer-top .footer-link.columns{columns:2;column-count:2;column-gap:20px}
.footer-top .footer-link li a{display:block}
.footer-top .media-list{margin:0 -2px}
.footer-top .media-list .media-item{padding:0;display:inline-block;margin:2px}
.footer-top .media-list .media-item a{display:block;width:40px;height:40px;line-height:40px;text-align:center;background:rgba(255,255,255,.15);color:rgba(255,255,255,.85);border-radius:20px;font-size:19px;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.footer-top .media-list .media-item a:hover{background:rgba(255,255,255,.85);color:var(--color-primary)}
.footer-top .qrcode-list .item{text-align:center}
.footer-top .qrcode-list .item img{width:100%;max-width:110px}
.footer-top .qrcode-list .item p{margin-top:10px;font-size:12px}
@media screen and (min-width: 992px){
    footer .layui-col-space30{margin:-2vw}
    footer .layui-col-space30 > *{padding:2vw}
    footer .layui-col-space30 > [class^='layui-col']:not(:last-child):after{content:"";position:absolute;right:0;top:2vw;bottom:2vw;width:1px;background:rgba(255,255,255,.05)}
}
@media screen and (max-width: 767px){
    footer .title{margin-bottom:5px}
    .footer-top .footer-link{margin:0 -5px}
    .footer-top .footer-link li{display:inline-block}
    .footer-top .footer-link li a{padding:0 5px;position:relative;margin:0}
    .footer-top .footer-link li:not(:last-child) a:after{content:"";position:absolute;top:5px;bottom:4px;right:-1px;border-right:1px solid rgba(255,255,255,.25)}
    .footer-top .qrcode-list .item{text-align:left}
}
.footer-copyright{padding:18px 0;border-top:1px solid rgba(255,255,255,.1);text-align:center}
footer .footer-copyright a:focus, footer .footer-copyright a:hover{color:var(--color-secondary)}

/*footer END*/
/* fixed-right */
.fixed-right{position:fixed;right:10px;bottom:calc(20vh + 52px);z-index:999}
.fixed-right .item{display:block;width:42px;background-color:var(--color-primary);color:#fff;padding:15px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:14px;line-height:1.2}
.fixed-right .item img{width:20px;margin-bottom:6px}
#button-to-top{position:fixed;right:10px;bottom:20vh;background:#fff;display:block;width:42px;height:42px;line-height:42px;text-align:center;font-size:20px;color:var(--color-text-secondary-grey);transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;box-shadow:0 0 6px 0 rgba(0,41,97,0.1);z-index:999}
#button-to-top:hover{ color:var(--color-primary)}
@media screen and (max-width: 767px){
    .fixed-right{display:none}
    #button-to-top{bottom:20px}
}

/* fixed-right END */
/*footer END*/
.anchor{position:relative;display:block;padding-top:60px;margin-top:-60px;

    /* z-index: -1; */}

/* index-service */
.service-container{background-color:var(--bg-grey)}
.service-container .service-title{position:relative;padding:40px 160px 40px 40px;overflow:hidden;white-space:nowrap}
.service-container .service-title .index_title{margin-bottom:0}
.service-container .service-title > *{position:relative;z-index:2}
.service-container .service-title:before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;background:url("../images/bg-service.png") center right no-repeat;background-size:cover;transform-origin:100% 0}
.index-service{position:relative;flex:1;padding:40px}
.index-service .item{display:block;color:inherit;transition:all .3s ease-in-out;background-color:transparent;padding:20px;box-shadow:unset;top:0;position:relative;background-color:#fff;display:flex;align-items:center}
.index-service .item:hover{color:#fff;background-color:var(--color-primary)}
.index-service .item .img-box{width:36px;height:36px;overflow:hidden;margin:0 auto;display:flex;align-items:center;justify-content:center;background-size:auto 36px;background-position:-36px 0;background-repeat:no-repeat;transition:all .3s ease-in-out}
.index-service .item:hover .img-box{background-position:0 0}
.index-service .item img{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain}
.index-service .item .info{font-size:16px;position:relative;padding:0 15px;flex:1}
.index-service .item .name{font-size:18px;position:relative;z-index:2}
.index-service .item .ala-iconfont{width:28px;height:28px;border-radius:50%;border:1px solid var(--color-text-secondary-grey);display:flex;align-items:center;justify-content:center;transition:border .3s ease-in-out}
.index-service .item:hover .ala-iconfont{border-color:#fff}
@media screen and (max-width:991px){
    .service-container{display:block}
    .service-container .service-title{padding:30px}
    .service-container .service-title:before{background:#004098}
    .index-service{padding:30px}
}
@media screen and (max-width:767px){
    .service-container .service-title{padding:20px}
    .index-service{padding:20px}
}

/* index-service END */
/* nav-container */
.nav-container{position:fixed;bottom:100%;width:100vw;flex-direction:column;background-image:url("../images/nav-bg.png");background-position:bottom right;background-size:cover;background-repeat:no-repeat;background-color:#fcfdff;height:0;overflow:hidden;z-index:998;transition:all .4s}
@media screen and (min-width: 992px){
    .nav-container{display:none!important}
}
@media screen and (max-width: 991px){
    .mobile-nav-show{height:100vh;overflow:hidden}
    .mobile-nav-show .nav-container{display:flex !important;top:0;height:100%;padding-top:60px}
    .nav-container .tc-head{width:100%;height:60px;background-color:var(--color-primary);color:#ffffff}
    .nav-container .tc-head .layui-container{height:100%}
    .nav-container .tc-head .logo{height:40px}
    .nav-container .tc-head .logo img{height:100%}
    .nav-container .tc-head .close-btn{font-size:22px;cursor:pointer}
    .nav-container .tc-head .close-btn i{font-size:inherit;font-weight:800}
    .nav-container .tc-body{border:none;flex:1; overflow:hidden}
    .nav-container .tc-body .mobile-second-nav{background-color:var(--color-primary);color:#ffffff}
    .nav-container .tc-body .mobile-second-nav .top-nav{height:34px}
    .nav-container .tc-body .mobile-second-nav .top-nav .item a{display:block;color:#ffffff;padding-right:15px;font-size:14px}
    .nav-container .tc-body .mobile-second-nav .top-nav .item a i{font-weight:800}
    .nav-container .tc-body .mobile-second-nav .top-nav .item.search{font-size:18px;position:relative;padding-left:15px}
    .nav-container .tc-body .mobile-second-nav .top-nav .item.search::before{content:'';display:block;width:1px;height:12px;background-color:rgba(255,255,255,.6);position:absolute;left:0;top:9px}
    .nav-container .tc-body .fold-nav .item{width:100%;position:relative}
    .nav-container .tc-body .fold-nav ul{border-top:1px solid #CFCFCF;padding:14px 0}
    .nav-container .tc-body .fold-nav .item .title{display:flex;justify-content:space-between;align-items:center;padding-bottom:14px;position:relative;color:var(--color-text-regular);transition:all .3s;font-size:15px}
    .nav-container .tc-body .fold-nav .item .title span i{font-weight:800}
    .nav-container .tc-body .fold-nav .item.active .title{color:var(--color-primary)}
    .nav-container .tc-body .fold-nav .item .icon-box{transition:all .3s;transform:rotate(0deg)}
    .nav-container .tc-body .fold-nav .item .icon-box i{font-size:12px}
    .nav-container .tc-body .fold-nav .item.active .icon-box{transform:rotate(90deg)}
    .nav-container .tc-body .fold-nav .item .nav-child{display:block;padding:10px 0}
    .nav-container .tc-body .fold-nav .item .nav-child .nav-child-item{display:block;color:var(--color-text-secondary);font-size:14px;padding-bottom:8px}
    .nav-container .tc-body .fold-nav .item .nav-child .nav-child-item:last-child{padding-bottom:0}
    .nav-container .mobile-main-nav{padding-top:30px}
    .nav-container .mobile-main-nav .item > .title{color:var(--color-text-regular);display:flex;justify-content:space-between;align-items:center;padding:14px 0;font-size:16px;position:relative;transition:all .3s;border-bottom:1px dashed var(--border-color-light)}
    .nav-container .mobile-main-nav ul .item:last-child .title{border-bottom:none}
    .nav-container .mobile-main-nav .item > .title a, .nav-container .mobile-main-nav .item > .title span{display:block;cursor:pointer;color:inherit;flex:2}
    .nav-container .mobile-main-nav ul .item:last-child .nav-child{border-top:1px dashed var(--border-color-light)}
    .nav-container .mobile-main-nav .item.active > .title{color:var(--color-primary)}
    .nav-container .mobile-main-nav .item .icon-box{transition:all .3s;flex:1;text-align:right}
    .nav-container .mobile-main-nav .item .icon-box i{font-size:12px;display:inline-block;transform:rotate(0deg);transition:all .3s ease-in-out}
    .nav-container .mobile-main-nav .item.active .icon-box i{transform:rotate(90deg)}
    .nav-container .mobile-main-nav .item .nav-child{display:none;padding:10px 0}
    .nav-container .mobile-main-nav .item .nav-child .nav-child-item{color:var(--color-text-regular);display:block;padding-bottom:8px}
    .nav-container .mobile-main-nav .item .nav-child .nav-child-item .child-title{display:block;color:inherit;padding:4px 0;font-size:14px}
    .nav-container .mobile-main-nav .item .nav-child .nav-child-item .child-title:hover{color:var(--color-primary)}
    .nav-container .mobile-main-nav .item .nav-child .nav-child-item:last-child{padding-bottom:0}
    .nav-container .mobile-main-nav .item .nav-child .nav-child-item .third-nav a{font-size:15px;display:block;color:var(--color-text-secondary-grey);padding-top:8px;padding-left:14px;position:relative}
    .nav-container .mobile-main-nav .item .nav-child .nav-child-item .third-nav a:hover{color:var(--color-primary)}
    .nav-container .mobile-main-nav .item .nav-child .nav-child-item .third-nav a::after{position:absolute;content:'';display:block;width:6px;height:6px;border-radius:50%;background-color:var(--color-text-secondary);left:1px;top:15px}
    .nav-container .tc-body-bottom{width:100%;height:60px;background-color:var(--color-primary)}
    .nav-container .tc-body-bottom ul{width:100%;height:100%;display:flex;align-items:center;

        /* justify-content: space-around; */}
    .nav-container .tc-body-bottom .item{position:relative;flex:1}
    .nav-container .tc-body-bottom .item::after{position:absolute;top:50%;margin-top:-8px;right:0;content:'';display:block;width:1px;height:16px;background-color:rgba(255,255,255,.55)}
    .nav-container .tc-body-bottom .item:last-child:after{display:none}
    .nav-container .tc-body-bottom a{display:block;color:#fff;font-size:15px;width:100%;text-align:center}
    .nav-container .tc-body-bottom a i{font-weight:800;font-size:16px}
    .mCSB_inside > .mCSB_container{margin-right:0}
    .mCSB_scrollTools a+.mCSB_draggerContainer{margin:0 !important}
    .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:rgba(0,0,0,.15) !important}
    .mCSB_scrollTools .mCSB_draggerRail{background-color:unset}
}
@media screen and (max-width: 767.9px){
    .nav-container .tc-head .logo{height:32px}
}

/* nav-container END */
.tab-container{position:relative}
.tab-container .tab-more .single-link{display:none}
.tab-container .tab-more .single-link.active{display:flex}
.tab-container .layui-tab-title{height:unset;border-bottom-color:var(--border-color-base)}
.tab-container .layui-tab-title li{height:auto;line-height:inherit;padding:0 0 16px;font-size:18px;position:relative;color:var(--color-text-secondary-grey)}
.tab-container .layui-tab-title li+li:before{content:"";position:absolute;left:-20px;top:7px;bottom:23px;width:1px;background:#ccc}
.tab-container .layui-tab-title li:hover{color:var(--color-primary)}
.tab-container .layui-tab-title li+li{margin-left:40px}
.tab-container .layui-tab-title li.layui-this{color:var(--color-primary)}
.tab-container .layui-tab-title .layui-this:after{top:unset;bottom:0;height:2px;left:0;right:0;background-color:var(--color-primary);border:0;border-radius:0}
.tab-container .layui-tab-content{background-color:#fff;padding:30px 0 0}
.tab-container .layui-tab-bar{display:none}
@media screen and (max-width: 767px){
    .tab-container .layui-tab-content{padding-top:20px}
    .tab-container .layui-tab-title{display:flex;justify-content:space-between}
    .tab-container .layui-tab-title li{font-size:16px}
    .tab-container .layui-tab-title li+li{margin-left:10px}
    .tab-container .layui-tab-title li+li:after{content:unset}
}

/* announcement-item */
.announcement-item{display:flex;align-items:center;background-color:var(--bg-grey);padding:20px;color:inherit;height:100%;transition:all .3s ease-in-out}
.announcement-item:hover{background-color:#fff;color:var(--color-primary);box-shadow:0 10px 20px 0 rgba(0,0,0,0.1)}
.announcement-item .calendar{position:relative;padding-right:15px;text-align:center;line-height:1}
.announcement-item .calendar .day{color:var(--color-primary);font-size:28px}
.announcement-item .calendar .month{color:var(--color-text-secondary);margin-top:6px;font-size:14px}
.announcement-item .calendar:after{content:"";position:absolute;right:0;top:0;bottom:0;background-color:var(--border-color-base);width:1px}
.announcement-item .text-box{padding-left:15px}
.announcement-item .text-box .title{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:16px;line-height:1.5}

/* announcement-item END */
/* home-news */
.news-swiper-container{position:relative;height:100%}
.news-swiper{position:absolute;left:0;right:0;top:0;bottom:0}
.news-swiper .news-item{display:block;height:100%;position:relative}
.news-swiper .news-item .img-box:before{content:"";position:absolute;left:0;right:0;bottom:0;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,0) 100%);height:40%;z-index:2}
.news-swiper .news-item .img-box{position:relative;width:100%;height:100%;z-index:1}
.news-swiper .news-item .img-box .img{position:absolute;left:0;right:0;top:0;bottom:0}
.news-swiper .news-item .img-box img{width:100%;height:100%;object-fit:cover}
.news-swiper .news-item .text-box{position:absolute;left:0;bottom:0;z-index:3;padding:24px 20px;color:#fff;right:150px}
.news-swiper .news-item .text-box .title{margin-top:6px;font-size:18px}
.news-swiper .news-item:hover .text-box .title{text-decoration:underline}
.news-swiper .ala-swiper{position:absolute;width:130px;right:20px;bottom:24px;z-index:9;display:flex;align-items:center}
.news-swiper .ala-swiper .swiper-pagination{position:static;color:#fff;bottom:0;display:flex;align-items:center;justify-content:center}
.news-swiper .swiper-button-next, .news-swiper .swiper-button-prev{border:0 !important}
.news-swiper .swiper-button-prev{left:0}
.news-swiper .swiper-button-next{right:0}
.news-list-wrap{border-top:4px solid var(--color-primary)}
.news-list-wrap .news-hightlight{ position:relative;color:inherit}
.news-list-wrap .news-hightlight:after, .news-list-wrap .news-hightlight:before{content:"";position:absolute;left:0;bottom:0;height:1px;background-color:var(--border-color-base);width:100%;z-index:1}
.news-list-wrap .news-hightlight:after{width:0;background-color:var(--color-primary);transition:all .3s ease-in-out}
.news-list-wrap .news-hightlight:hover:after{width:100%}
.news-list-wrap .news-hightlight .calendar { margin: 1em 0; }
.news-list-wrap .news-hightlight .title {padding:25px 40px 25px 0; transition:all .3s ease-in-out;font-size:20px;flex:1}
.news-list-wrap .news-hightlight .title .text{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.news-list-wrap .news-hightlight:hover .title{color:var(--color-primary); }
.news-list-wrap .news-hightlight .time{display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;padding:15px 0 15px 40px;color:var(--color-text-regular);font-size:16px}
.news-list .news-item{padding:25px 0;display:block;

    /* border-bottom: 1px solid var(--border-color); */
    position:relative;color:inherit}
.news-list .news-item:after, .news-list .news-item:before{content:"";position:absolute;left:0;bottom:0;height:1px;background-color:var(--border-color-base);width:100%;z-index:1}
.news-list .news-item:after{width:0;background-color:var(--color-primary);transition:all .3s ease-in-out}
.news-list .news-item:hover:after{width:100%}
.news-list .news-item .time{color:var(--color-primary);margin-bottom:6px}
.news-list .news-item .text{overflow:hidden}
.news-list .news-item .title{width:35%;margin-right:8%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;transition:all .3s ease-in-out;font-size:16px}
.news-list .news-item .desc{flex:1;color:var(--color-text-secondary-grey);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;height:100%;font-size:14px}
@media screen and (max-width: 1199px){
    .news-list-wrap .news-hightlight .title{font-size:20px}
}
@media screen and (max-width: 991px){
    .news-swiper{position:static}
    .news-swiper .news-item .img-box{width:100%;height:0;padding-bottom:66.66666%}
    .news-swiper .news-item .img-box img{width:100%}
    .news-swiper .ala-swiper{bottom:20px}
    .news-swiper .news-item .text-box{width:100%;padding:20px}
    .news-list-wrap{margin-top:15px;border-top-width:3px}
    .news-list-wrap .news-hightlight .title{padding:25px 30px 25px 0}
    .news-list-wrap .news-hightlight .time{padding:25px 0 25px 30px}
    .news-list .news-item{padding:25px 0}
    .news-list .news-item .time{margin-bottom:8px}
}
@media screen and (max-width: 767px){
    .news-swiper .news-item .text-box{position:static;padding:20px 0 0;color:var(--color-text-regular)}
    .news-swiper .news-item .text-box .time{color:var(--color-primary)}
    .news-swiper .news-item .text-box .title{font-size:16px}
    .news-swiper{padding-bottom:40px}
    .news-swiper .ala-swiper{left:50%;margin-left:-65px;bottom:0;right:0;width:150px}
    .news-swiper .ala-swiper .swiper-pagination-bullet::after{background-color:var(--color-text-secondary-grey)!important}
    .news-swiper .ala-swiper .swiper-pagination-bullet-active{border-color:var(--color-primary)}
    .news-swiper .ala-swiper .swiper-pagination-bullet-active::after{background-color:var(--color-primary)!important}
    .news-swiper .ala-swiper .swiper-pagination-bullet-active{border-color:var(--color-primary)!important}
    .news-swiper .ala-swiper .swiper-button-next, .news-swiper .ala-swiper .swiper-button-prev{color:var(--color-text-regular)}
    .news-list-wrap .news-hightlight .title{font-size:18px}
    .news-list .news-item .desc{display:none}
    .news-list .news-item .title{width:100%;margin-right:0;font-size:16px}
}

/* home-news END */
/* video-list */
.video-list .video-item{width:100%;cursor:pointer;position:relative}
.video-list .video-item .title{font-size:18px;color:#ffffff;position:absolute;left:0;right:0;bottom:0;padding:20px;z-index:9; text-align: center; }
.video-list .video-item .img-box{width:100%;height:0;padding-bottom: 140%;position:relative}
.video-list .video-item .img-box .img{position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}
.video-list .video-item .img-box:before{content:"";position:absolute;left:0;right:0;bottom:0;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,0) 100%);height:40%;z-index:2}
.video-list .video-item .img-box .img img{width:100%;height:100%;object-fit:cover}
.video-list .video-item .icon-paly{position:absolute;right:20px;bottom:20px;width:48px;height:48px;background-color:rgba(255,255,255,.25);border-radius:50%;z-index:9;cursor:pointer}
.video-list .video-item .icon-paly span{border:8px solid transparent;border-left:12px solid #fff;display:block;position:absolute;left:50%;top:50%;margin-top:-8px;margin-left:-4px}
.html_home_ .video-list .video-item .img-box { padding-bottom: 56.25%; }
.html_home_ .video-list .video-item .img-box::before { display: none; }
@media screen and (max-width: 767px){
    .video-list .video-item .title{padding:15px}
    .video-list .video-item .icon-paly{right:15px;bottom:15px}
}

/* video-list END */
/* video-swiper */
.video-block{overflow:hidden}
.video-swiper{padding-top:30px;overflow:hidden}
.video-swiper .swiper-container{overflow:unset}
.announcement-swiper .swiper-btn, .video-swiper .swiper-btn{margin:30px auto 0;justify-content:center}
@media screen and (max-width: 767px){
    .video-swiper{padding-top:0}
}

/* video-swiper END */
.ala-section+.ala-section{margin-top:70px}

/************ ����ҳ�� ************/
/*inner-banner*/
.inner-banner{color:#fff;display:flex;align-items:center;min-height:380px;background-size:cover;background-repeat:no-repeat;background-position:center;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;position:relative}
.inner-banner .inner-banner-text{width:100%;line-height:1.4;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;text-align:center;position:absolute;left:0;right:0;top:100px;bottom:0;display:flex;align-items:center}
.inner-banner .inner-banner-text .flex{align-items:stretch}
.inner-banner .inner-banner-text .title{font-size:52px;position:relative;line-height:1.1;display:inline-block;letter-spacing:4px;margin-left:2px}
.inner-banner .inner-banner-text .title > *{position:relative;z-index:2}
.inner-banner .inner-banner-text .flex-left .icon{padding-top:4px}
.inner-banner .inner-banner-text .flex-left .icon img{width:56px;height:56px;object-fit:contain}
.inner-banner .inner-banner-text .flex-right{margin-left:2vw;padding-left:2vw;border-left:1px solid rgba(255,255,255,.35)}
.inner-banner .breadcrumb{margin-top:15px}
.inner-banner .more-btn{margin-top:0}
.inner-banner .more-btn.btn-white .ala-iconfont{color:var(--color-primary)}
@media screen and (max-width: 1599px){
    .inner-banner .inner-banner-text .title{font-size:42px}
}
@media screen and (max-width: 1199px){
    .inner-banner .inner-banner-text .title{font-size:36px}
}
@media screen and (max-width: 991px){
    .inner-banner{align-items:center;border-bottom:0;min-height:240px}
    .inner-banner .more-btn{margin-top:20px}
    .inner-banner .inner-banner-text{top:0}
}
@media screen and (max-width: 767px){
    .inner-banner{min-height:200px}
    .inner-banner .inner-banner-text{margin-bottom:0;padding:30px 0}
    .inner-banner .inner-banner-text .flex{display:block;text-align:center}
    .inner-banner .inner-banner-text .title{font-size:28px}
    .inner-banner .inner-banner-text .flex-right{padding-left:0;margin-left:0;border-left:0}
    .inner-banner .breadcrumb{display:none}
    .inner-banner .inner-banner-text .flex-left{display:none}
    .inner-banner .breadcrumb{margin-top:15px}
}

/*inner-banner END*/
/* breadcrumb */
.breadcrumb{padding:15px 0;text-align:right}
.breadcrumb .layui-container{display:flex;align-items:center;justify-content:flex-end}
.breadcrumb > *{position:relative;z-index:1}
.layui-breadcrumb a, .layui-breadcrumb a cite{color:var(--color-text-secondary-grey) !important}
.layui-breadcrumb a:hover{color:var(--color-primary) !important}
.layui-breadcrumb a.last:hover, .layui-breadcrumb a:hover cite{color:var(--color-text-secondary-grey) !important}
.layui-breadcrumb span[lay-separator]{color:inherit;opacity:.85}
.layui-breadcrumb a.last, .layui-breadcrumb a.last cite{opacity:1}
.inner-banner .breadcrumb{position:absolute;right:0;bottom:0}
.inner-banner .layui-breadcrumb a, .inner-banner .layui-breadcrumb a cite, .inner-banner .layui-breadcrumb a.last:hover, .inner-banner .layui-breadcrumb a:hover cite{color:#fff!important}

/* breadcrumb END */
.breadcrumb+.block{padding-top:0}

/* secondary-menu */
.secondary-menu{background-color:var(--bg-grey);margin-top:-130px;position:-webkit-sticky;position:sticky;

    /* box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.1); */
    position:-webkit-sticky;position:sticky;top:110px}
.secondary-menu .menu-head{background:var(--color-primary);color:#fff;padding:28px 30px}
.secondary-menu .menu-head .title{font-size:36px}
.secondary-menu .menu-head .title-en{font-size:14px;opacity:.85;text-transform:uppercase}
.secondary-menu .menu-body{padding:20px 0;font-size:18px;padding-bottom:80px;min-height:300px}
.secondary-menu .menu-body .item{position:relative}
.secondary-menu .menu-body .item .title{display:flex;justify-content:space-between;align-items:center;padding:18px 30px;position:relative;color:var(--color-text-regular);transition:all .3s}
.secondary-menu .menu-body .item .icon-box{transition:all .3s}
.secondary-menu .menu-body .item .title i{font-size:13px;color:var(--color-primary);transition:all .3s;opacity:0}
.secondary-menu .menu-body .item:hover .title{background-color:rgba(117,117,117,.1);color:var(--color-primary)}
.secondary-menu .menu-body .item.active .title i{opacity:1}
.secondary-menu .menu-body .item:after{content:"";position:absolute;left:30px;right:30px;bottom:0;height:1px;background-color:var(--border-color-lighter)}
.secondary-menu .menu-body .item.active .title{background-color:rgba(117,117,117,.1);color:var(--color-primary)}

/* secondary-menu END */
/*.category-nav*/
.category-nav{position:relative;margin-bottom:30px}
.category-nav:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1.5px;border-bottom:1px solid var(--border-color-light)}
.category-nav .swiper-slide{width:auto;position:relative;cursor:pointer;font-size:18px;color:var(--color-text-secondary-grey)}
.category-nav .swiper-slide a{color:inherit;display:block;padding-bottom:16px}
.category-nav .swiper-slide:hover{color:var(--color-text-primary)}
.category-nav .swiper-slide:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background-color:var(--color-primary);-webkit-transform:scaleX(0);-ms-transform:scaleX(0);-o-transform:scaleX(0);transform:scaleX(0);-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.category-nav .swiper-slide:not(:last-child):before{content:"";position:absolute;right:-20px;top:7px;bottom:23px;width:1px;background:#ccc}
.category-nav .swiper-slide.active:after{-webkit-transform:scaleX(1);-ms-transform:scaleX(1);-o-transform:scaleX(1);transform:scaleX(1)}
.category-nav .swiper-slide.active{color:var(--color-primary)}
@media screen and (max-width: 767px){
    .category-nav .swiper-slide:after, .category-nav .swiper-slide:not(:last-child):before, .category-nav:after{content:unset}
    .category-nav-block{position:absolute;left:0;right:0;top:-90px;padding:0 15px;display:flex;justify-content:center}
    .category-nav-block .category-nav{max-width:100%;overflow:hidden;margin-bottom:0}
    .category-nav .category-item{padding:0;background:unset;font-size:14px;color:#fff;min-width:0}
    .category-nav .swiper-slide{padding:0 10px}
    .category-nav .swiper-slide.active .category-item{background-color:unset;color:var(--color-primary)}
    .category-nav .category-item span{display:inline-block;padding:10px 0;position:relative;color:#fff}
    .category-nav .swiper-slide.active .category-item{color:#fff}
    .category-nav .swiper-slide.active .category-item span:after{content:"";position:absolute;left:0;bottom:5px;right:0;height:2px;background-color:#fff}
}
@media screen and (max-width: 767px){
    .category-nav-block{top:-68px}
}

/* category-nav END */
/* announcement-list */
.announcement-list .item, .video-list .item{display:flex;background-color:var(--bg-grey);padding:15px;align-items:center;transition:all .3s ease-in-out;color:inherit;position:relative}
.announcement-list .item+.item, .video-list .item+.item{margin-top:15px}
.announcement-list .item > *, .video-list .item > *{position:relative;z-index:2}
.announcement-list .item:hover, .video-list .item:hover {box-shadow:0 3px 12px 0 rgba(0,0,0,0.1);background-color:#fff;color:var(--color-primary)}
.video-list .item:hover .text-box .title { color:var(--color-primary); }
.announcement-list .item .text-box, .video-list .item .text-box{flex:1}
.announcement-list .item .calendar, .video-list .item .calendar,
.home-news .news-list-wrap .calendar {position:relative;padding-right:15px;text-align:center;line-height:1;background-color:#fff;width:75px;text-align:center;padding:10px 0;transition:all .3s ease-in-out}
.announcement-list .item:hover .calendar, .video-list .item:hover .calendar,
.home-news .news-list-wrap a:hover .calendar {background-color:var(--bg-grey)}
.announcement-list .item .calendar .day, 
.video-list .item .calendar .day,
.home-news .news-list-wrap .calendar .day {color:var(--color-primary);font-size:28px}
.announcement-list .item .calendar .month, 
.video-list .item .calendar .month,
.home-news .news-list-wrap .calendar .month {color:var(--color-text-secondary);margin-top:6px;font-size:14px}
.announcement-list .item .calendar+.text-box, 
.video-list .item .calendar+.text-box,
.home-news .news-list-wrap .calendar + .title {margin-left:15px}
.announcement-list .item .text-box .title, .video-list .item .text-box .title{font-size:18px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}

/* announcement-list END */
/* home-announcement-list */
.home-announcement-list .item {background-color:#fff}
.home-announcement-list .item .calendar,
.home-news .news-list-wrap .calendar {background-color:var(--bg-grey)}
.home-announcement-list .item::before{display:none}
.home-announcement-list .item::after {content:'';display:block;width:100%;height:2px;background-color:var(--color-primary);position:absolute;top:0;left:0;opacity:0;transition:all .3s ease-in-out}
.home-announcement-list .item:hover::after {opacity:1}

/* home-announcement-list END */
/* announcement-swiper */
.announcement-swiper, .video-list .text-box{color:var(--color-text-regular)}
.announcement-swiper .item::before{display:none}
.announcement-swiper .item, .video-list .item{background-color:#fff}
.announcement-swiper .item .calendar, .video-list .item .calendar, .video-list .video-item .calendar{background-color:var(--bg-grey)}
@media screen and (max-width: 767px){
    .announcement-swiper .layui-col-space30 > *{padding:7.5px}
    .announcement-swiper .layui-col-space30{margin:-7.5px}
}

/* announcement-swiper END */
/* list */
.list .item{padding:24px 0;position:relative;color:inherit;display:block;overflow:hidden}
.list .item:after, .list .item:before{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background-color:var(--border-color-base)}
.list .item:after{right:unset;width:0;background-color:var(--color-primary);transition:all .3s ease-in-out}
.list .item:hover:after{width:100%}
.list .item:hover{color:var(--color-primary)}
.list .item .text-box{display:flex;align-items:center;overflow:hidden}
.list .item .text-box .title{flex:1;padding-right:15px;padding-left:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;font-size:16px}
.list .item .text-box .time{font-size:14px;color:var(--color-text-secondary)}
.list .item .text-box .title:after{content:"";position:absolute;left:0;top:11px;width:0;height:0;border:5px solid transparent;border-left:5px solid var(--color-primary);margin-top:-5px}
@media screen and (max-width: 767px){
    .list .item .text-box{display:block}
    .list .item .text-box .time{margin-top:8px;padding-left:20px}
    .list .item .text-box .title{white-space:normal}
}

/* list END */
/* card-list  */
.card-intro{margin-bottom:25px}
.card-list .item{padding:25px;background-color:var(--bg-grey);color:var(--color-text-regular);display:block;height:100%;transition:all .3s ease-in-out;position:relative}
.card-list .item:after{content:"";position:absolute;left:0;width:0;height:1px;bottom:0;background-color:var(--color-primary);transition:all .3s ease-in-out}
.card-list .item:hover{color:var(--color-primary);background-color:#fff;box-shadow:0 3px 12px 0 rgba(0,0,0,0.1)}
.card-list .item:hover:after{width:100%}
.card-list .item .img-box{width:42px;height:42px;margin-bottom:20px}
.card-list .item .img-box img{width:100%;height:100%;object-fit:contain}
.card-list .item .title{font-size:18px}
.card-list .item .icon{position:relative;left:0;color:var(--color-text-secondary);font-size:14px;transition:all .3s}
.card-list .item:hover .icon{color:var(--color-primary);left:6px}
@media screen and (max-width: 767.9px){
    .card-list .layui-col-space20{margin:-7.5px}
    .card-list .layui-col-space20 > *{padding:7.5px}
    .card-list .item .img-box{width:60px}
}

/* card-list END */
/* download-list */
.download-list .item{display:flex;background-color:var(--bg-grey);padding:20px 15px;align-items:center;transition:all .3s ease-in-out;color:inherit;position:relative}
.download-list .item+.item{margin-top:15px}
.download-list .item:hover{box-shadow:0 3px 12px 0 rgba(0,0,0,0.1);background-color:#fff;color:var(--color-primary)}
.download-list .item .text-box{padding:0 15px;flex:1;overflow:hidden}
.download-list .item .text-box .title{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative}
.download-list .item .icon img{width:28px;height:28px;object-fit:contain}
.download-list .item i{color:var(--color-text-secondary);transition:all .3s ease-in-out}
.download-list .item:hover i{color:var(--color-primary)}
/* download-list END */

/* page-container */
.page-container{background-color:#fff;padding:4vw;margin-top:-160px;backdrop-filter: blur(2px)}
.page-container .people-item .people-body{padding-right:0;padding-bottom:0}
@media screen and (max-width: 767px){
    .page-container{padding:20px;margin-top:-120px}
    .page-container .people-item .people-body{padding-left:0}
}

/* page-container END */
/* detail-block */
.detail-block .breadcrumb{padding:18px 0;text-align:left}
.detail-block .breadcrumb .layui-container{justify-content:flex-start}

/* detail-block END */
/* article-title */
.article-title{padding-bottom:10px;border-bottom:1px dashed var(--border-color-light);margin-bottom:30px}
.article-title h3{font-size:30px;line-height:1.4;color:var(--color-text-title)}
.article-title .article-other{margin-top:20px;color:var(--color-text-secondary);font-size:14px;display:flex;align-items:center;justify-content:space-between}
.article-title .article-otherBase .ala-iconfont{margin-right:3px}
.article-title .article-otherBase span+span{margin-left:25px}
.article-title .share-btn .icon{width:40px;height:40px;border-radius:40px;text-align:center;line-height:40px;background-color:#000;color:#fff;display:inline-block;font-size:18px;cursor:pointer;opacity:1;transition:all .4s}
.article-title .share-btn .icon:hover{opacity:.75}
.article-title .share-btn span .ala-iconfont{margin-right:0}
.article-title .share-btn span+span{margin-left:5px}
@media screen and (max-width: 991px){
    .article-title h3{font-size:28px}
}
@media screen and (max-width: 767px){
    .article-title h3{font-size:22px}
    .article-title .share-btn{display:none}
    .article-title .article-otherBase span+span{margin-left:15px}
}

/* article-title END */
/*share*/
#qrcode-img{padding:20px;border-radius:8px;overflow:hidden;text-align:center;font-size:14px; width:280px;height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center}
#qrcode canvas{display:block;line-height:1;margin-bottom:12px}

/*share END*/
/* contact-item */
.contact-item+.contact-item{margin-top:40px;padding-top:40px;border-top:1px solid var(--border-color-base)}
.contact-item .row-flex{align-items:center}
.contact-item .text-box > *:first-child{margin-top:0}
.contact-item .text-box p{margin-bottom:6px}
.contact-item .ala-iconfont{display:inline-block;width:18px;text-align:center;margin-right:8px;color:var(--color-primary)}
.contact-item .qrcode-box{display:flex;align-items:center;margin-top:20px}
.contact-item .qrcode-box .img{width:90px}
.contact-item .qrcode-box .text{flex:1;padding-left:15px}
.contact-item .qrcode-box .text p{margin-bottom:0}

/* contact-item END */
/* search page */
.search-banner .layui-form{max-width:1000px;margin:0 auto}
.search-banner .input-box{position:relative;display:flex}
.search-banner .layui-input{height:60px;border:0;padding:10px 20px;background:#fff;border-radius:0}
.search-banner .layui-form-select .layui-input{padding-right:36px}
.search-banner .layui-form-select{width:50%}
.search-banner .layui-form-select dl{top:60px;border-radius:0}
.search-banner .form-submit{outline:none;border:0;font-size:22px;cursor:pointer;z-index:3;color:#fff;background:var(--color-primary);padding:0 30px}
.search-result .item{display:block;border-bottom:1px solid var(--border-color-lighter);padding-bottom:24px;margin-bottom:24px;color:inherit}
.search-result .item .title{ color:var(--color-text-primary)}
.search-result .item .desc{color:var(--color-text-secondary);margin-top:10px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.search-result .item:hover .title{text-decoration:underline}
.search-result .item .bottom{margin-top:16px;font-size:13px;color:var(--color-text-secondary);display:flex;align-items:center;justify-content:space-between}
.search-result .item .tag{background-color:#f5f5f5;padding:6px 10px;border-radius:4px;line-height:1;background-color:rgba(200,22,30,.06)}
.search-result .item .tag+.tag{margin-left:6px}
@media screen and (max-width: 767px){
    .search-page .input-box{margin:0;display:block}
    .search-page .layui-form-select{width:100%;margin-bottom:10px}
    .search-page .form-submit{height:60px;line-height:60px;margin:10px auto 0;width:100%;text-align:center;font-size:18px}
    .search-result .item .title{font-size:18px}
}

/* search page END */
/*.search-nav*/
.search-nav{position:relative;margin-bottom:50px}
.search-nav:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1.5px;border-bottom:1.5px solid var(--border-color-light)}
.search-nav .swiper-slide{width:auto;padding-bottom:16px;position:relative;cursor:pointer;font-size:20px;color:var(--color-text-secondary)}
.search-nav .swiper-slide-active, .search-nav .swiper-slide:hover{color:var(--color-text-primary)}
.search-nav .swiper-slide:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background-color:var(--color-primary);-webkit-transform:scaleX(0);-ms-transform:scaleX(0);-o-transform:scaleX(0);transform:scaleX(0);-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.search-nav .swiper-slide:not(:last-child):before{content:"";position:absolute;right:-30px;top:7px;bottom:23px;width:1px;background:var(--border-color-base); }
.search-nav .swiper-slide-active:after{-webkit-transform:scaleX(1);-ms-transform:scaleX(1);-o-transform:scaleX(1);transform:scaleX(1)}
@media screen and (max-width: 991px){
    .search-nav .swiper-slide{font-size:18px}
}
@media screen and (max-width: 767px){
    .search-nav{margin-bottom:25px}
    .search-nav .swiper-slide{font-size:16px}
}

/*.search-nav END*/
.xzgj{top:50%!important;transform:translateY(-50%)}
@media screen and (max-width: 991px){
    .xzgj{top:unset!important;bottom:80px!important;transform:translateY(0)}
}
body .pb_sys_common {  font-size: 18px;  font-family: initial;  line-height: 1em; }
body .pb_sys_style5 .p_no a:hover, 
body .pb_sys_style5 .p_no_d{border:1px solid var(--color-primary);background-color:var(--color-primary)}