body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,figure{margin: 0;padding: 0;-moz-transition: all .3s;}
body{background: #fff;color: #323232;font-size: 14px; font-family: PingFangSC, PingFangSC-Regular, 'Microsoft YaHei', 微软雅黑, STXihei, 华文细黑, Georgia, 'Times New Roman', serif;transition: 0.5s ease all; }
html,body{ font-size:100px; color: rgba(255,255,255,.5); font-size: .14rem; box-sizing: border-box; width: 100%; overflow-x: hidden;}
* {  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;}
td,th,caption{font-size: 14px;}
h1,h2,h3,h4,h5,h6{font-weight: normal;font-size: 100%;}
address,caption,cite,code,dfn,em,th,var{font-style: normal;font-weight: normal;}
a{color: #323232;text-decoration: none;}
a:link{color: #323232;}
a:visited{color: #323232;}
a:hover,a:active,a:focus{text-decoration: none;}
img{border: none;vertical-align: top}
ol,ul,li{list-style: none;}
input,textarea,select,button{font: 14px PingFangSC, PingFangSC-Regular, 'Microsoft YaHei', 微软雅黑, STXihei, 华文细黑, Georgia, 'Times New Roman', serif;}
input{border: 0;outline: none;}
table{border-collapse: collapse;border-spacing: 0;}
dt,dd{font-weight: normal;}
p{word-wrap: break-word}
a{blr: expression(this.onFocus=this.blur());}
a:focus{outline: none;}
a.hidefocus{outline: none}
.clearfix{*zoom: 1;clear: both; zoom: 1;}
.clearfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;font-size: 0px;}
*:focus{outline: none;}
button:focus {outline:none!important;;}

.fl{float: left;}
.fr{float: right;}
img{max-width: 100%; vertical-align: top;}
.picfocus{overflow: hidden;}
.picfocus img{width: 100%;-webkit-transition: 0.36s ease;-moz-transition: 0.36s ease;-o-transition: 0.36s ease;-ms-transition: 0.36s ease;}
.item:hover .picfocus img,
.picfocus:hover img,
a:hover .picfocus img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);}
div{border: none}
.table{display: table;table-layout: fixed;width: 100%;height: 100%;}
.table-cell{display: table-cell;vertical-align: middle;width: 100%;height: 100%;z-index: 9999;}
ul{list-style: none}
img{max-width: 100%;}

input[type=search] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
input[type=checkbox],input[type=radio] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}
input[type=search] {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-appearance: textfield
}
:after,:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

@font-face {
    ;
    src: url("fonts/FZYouHJW_506L.TTF")
}

@font-face {
    -501;
    src: url("fonts/FZYouHJW_501L.TTF")
}

@font-face {
    -502;
    src: url("fonts/FZYouHJW_502L.TTF")
}

@font-face {
    -503;
    src: url("fonts/FZYouHJW_503L.TTF")
}

@font-face {
    -504;
    src: url("fonts/FZYouHJW_504L.TTF")
}

@font-face {
    -509R;
    src: url("fonts/FZYouHJW_509R.TTF")
}

@font-face {
    font-family: Proxima Nova;
    src: url("fonts/proximanova-ProximaNova-Regular.otf?81327")
}

@font-face {
    font-family: ProximaNova-Regular;
    src: url("fonts/proximanova-ProximaNova-Regular.otf")
}



header{position: relative; width: 100%;height: 60px}
header .nav{max-width: 1000px;margin: auto;height: 60px;display: flex;align-items: center}
header .nav .logo{height: 100%; width: 1.69rem; display: flex;align-items: center;cursor: pointer;font-size: .14rem;margin-left: 1em;margin-right: 4em;color: #999;white-space: nowrap}
header .nav .logo img{ width: auto;height: 46px;}
header .nav>ul{flex: 1; list-style: none;display: flex;margin: 0;height: 100%;padding: 0;align-items: center;}
header .nav>ul>li{font-size: .14rem;height: 100%;/* flex: 1; */}
header .nav>ul>li a{color: #999;}
header .nav>ul>li .drop-first{height: 100%;display: inline-flex;align-items: center;cursor: pointer;font-size: .14rem;margin-left: 2em;color: #999;white-space: nowrap;}
header .nav>ul>li a:hover{color: #333}
header .nav>ul .active-nav>a{color: #000;font-weight: 600;border-bottom: 2px solid #000}
@media (min-width:768px){
	header .nav>ul{display: flex!important;}
}
@media (max-width:767px){
	header .nav .logo{position: absolute; left: 50%; transform: translateX(-50%); margin: 0;}
	header .nav .logo img{margin: 0 auto; height: 40px;}
	header .nav>ul{display: none;position: absolute;top: 60px;left: 0;right: 0;bottom: 0; height: calc(100vh - 60px); text-align: left; padding: 0 30px;background-color: #fff;z-index: 999;}
	header .nav>ul>li{display: block; width: 100%; height: auto; border-bottom: 1px solid #d9d9d9;}	
	header .nav>ul>li::after{content: none; width: 15px; height: 15px; background: url(../images/nav-arrow.png) no-repeat center right; background-size: contain; display: block; transition: all 0.36s ease;}
	header .nav>ul>li>.drop-first{position: relative;padding: 0;flex: 1;font-size: .15rem;margin: 0;width: 100%;line-height: 50px;color: #333;display: flex;align-items: center;justify-content: space-between;}
	header .nav>ul>li>.drop-first:hover{color: #333}
	header .nav>ul>li>.activeNav{font-weight: 600}
	header .nav>ul .active-nav>.drop-first{border: none;}
	header .nav>ul>li .caret{content: '';height: 50px;background: url(../images/nav-arrow.png) no-repeat center right; background-size: 15px; transition: all 0.36s ease; padding-left: 10%;}
	header .nav>ul>li>.drop-first>a{flex: 1;overflow: hidden;margin-right: 10%;}
	header .nav>ul>li .active .caret{transform: rotate(90deg);}
}

/*移动端导航三条线*/
.inner-header-icon{display: none; height: 60px;font-size:25px;text-align: center;float:right;width: 50px;position: relative;-webkit-transition: background 0.5s;-moz-transition: background 0.5s;-o-transition: background 0.5s;transition: background 0.5s;}
.inner-header-icon:hover{cursor: pointer;}
.inner-header-icon span{position: absolute;left: calc((100% - 25px) / 2);top: calc((100% - 1px) / 2);width: 25px;height: 2px;background: #333;}
.inner-header-icon span:nth-child(1){transform: translateY(8px) rotate(0deg);}
.inner-header-icon span:nth-child(2){opacity: 0;}
.inner-header-icon span:nth-child(3){transform: translateY(-8px) rotate(0deg);}
.inner-header-icon-click span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clickfirst;}
.inner-header-icon-click span:nth-child(2){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clicksecond;}
.inner-header-icon-click span:nth-child(3){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clickthird;}

/*第一条线旋转动画*/
@keyframes clickfirst{
	0%{transform: translateY(8px) rotate(0deg);}
	100%{transform: translateY(0) rotate(45deg);}
}
/*第二条线淡入淡出动画动画*/
@keyframes clicksecond{
	0%{opacity: 1;}
	100%{opacity: 0;}
}
/*第三条线旋转动画*/
@keyframes clickthird{
	0%{transform: translateY(-8px) rotate(0deg);}
	100%{transform: translateY(0) rotate(-45deg);}
}
.inner-header-icon-out span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outfirst;}
.inner-header-icon-out span:nth-child(2){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outsecond;}
.inner-header-icon-out span:nth-child(3){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outthird;}
@keyframes outfirst{
	0%{transform: translateY(0) rotate(-45deg);}
	100%{transform: translateY(-8px) rotate(0deg);}
}
@keyframes outsecond{
	0%{opacity: 0;}
	100%{opacity: 1;}
}
@keyframes outthird{
	0%{transform: translateY(0) rotate(45deg);}
	100%{transform: translateY(8px) rotate(0deg);}
}
@media screen and (max-width: 720px){
	
	.inner-header-icon{display: block;}
}

.dropdown-menu{display: none;padding: 34px 0;position: absolute;top: 100%;width: 100%;border-top: 1px solid #eee;background: #fff;left: 0;max-height: 0;z-index: -1;overflow: hidden;box-shadow: 0 5px 5px rgba(0,0,0,0.07);max-height: 1000px;z-index: 999;}
.dropdown-menu .container{text-align: center;}
.dropdown-menu .grid{padding: 0 40px;height: 100%;display: flex;margin: 0 auto;justify-content: space-between;flex-wrap: wrap;max-width: 1000px;align-items: flex-start;box-shadow: 0 50px 50px rgba(0,0,0,0.1);box-sizing: border-box;}
.dropdown-menu .tabs {width: 36%;color: #4d4d4d;font-size: 16px;}
.dropdown-menu .tabs ul { margin-bottom: 50px;}
.dropdown-menu .tabs ul li {cursor: pointer;text-align: left;height: 50px;line-height: 50px;font-size: 14px;padding: 0 20px;box-sizing: border-box;color: #4d4d4d;position: relative;border-bottom: 1px solid #eee;}
.dropdown-menu .tabs ul li img { opacity: 0; width: 15px; height: 15px; position: absolute; top: 50%; right: 15px;  transform: translateY(-50%);}
.dropdown-menu .tabs ul li:hover img { opacity: 1; transition: all .5s linear;}
.dropdown-menu .tabs ul li.active, 
.dropdown-menu .tabs ul li:hover { background-color: #ebebeb;}
.dropdown-menu .tabs_cont {width: 64%;}
.dropdown-menu .tabs_cont .tit { text-align: left; padding-left: 40px; height: 50px; line-height: 50px; color: #eb0028; font-size: 20px; }
.dropdown-menu .tabs_cont ul { width: 100%; padding: 0 0 0 40px; margin: 0 -5px; display: flex; justify-content: flex-start; flex-wrap: wrap; }
.dropdown-menu .tabs_cont ul li { color: #7e7f84; box-sizing: border-box; font-size: 14px; cursor: pointer; width: 25%; padding: 0 5px; text-align: center;}
.dropdown-menu .tabs_cont ul li a{display: block;}
.dropdown-menu .tabs_cont ul li p {color: #7e7f84;font-size: 12px;line-height: 18px;}
.dropdown-menu .about_nav{display: inline-flex; margin-left: -50px;}
.dropdown-menu .about_nav a{margin: 0 0.1rem;}
.dropdown-menu .guide_nav{display: inline-flex; margin-left: 180px;}
.dropdown-menu .guide_nav a{margin: 0 0.1rem;}
.dropdown-menu-lan{padding: 0; left: 2em;}
.dropdown-menu-lan .lan_nav a{padding: 0 20px;line-height: 20px;margin: 15px 0;display: block;}
.dropdown-menu-lan .lan_nav a.on{border-left:2px solid #2c6ab4;}
@media screen and (max-width: 720px){
	.dropdown-menu{left: 0;position: static;padding: 0;}
	.dropdown-menu .grid{display: block;padding: 0;margin: 0;}
	.dropdown-menu .tabs ul{margin-bottom: 0;}
	.dropdown-menu .tabs{width: 100%;}
	.dropdown-menu .tabs_cont{display: none;}
	.dropdown-menu .about_nav a,
	.dropdown-menu .guide_nav a{ display: block; cursor: pointer;text-align: left;height: 50px;line-height: 50px;font-size: 14px;padding: 0 20px;box-sizing: border-box;color: #4d4d4d;position: relative;border-bottom: 1px solid #eee;margin: 0;}
}



.footer-nav .collapse-content-box{display: flex;flex-direction: column}
.footer-nav .collapse-header{position: relative; font-size: .12rem;color: #000;text-align: left;font-weight: 600;line-height: 2!important;padding: .075rem 0 .05rem 0!important}
.footer-nav .collapse-header::after{ content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 15px; height: 15px; background: url(../images/nav-arrow.png) no-repeat center right; background-size: contain; display: block; transition: all 0.36s ease;}
.footer-nav .collapse>.collapse-item.active .collapse-header::after {transform: rotate(90deg);}
.footer-nav .collapse-header .collapse-arrow{right: 2px!important}
.footer-nav .collapse-content{display: none; overflow: hidden; color: rgba(0,0,0,.85); background-color: #fff;border-top: none!important}
.footer-nav .collapse-content .collapse-content-box{padding: 6px 8px 16px 8px!important}
.footer-nav .collapse{border: none!important}
.footer-nav .collapse>.collapse-item{margin: 0 .1rem; border-bottom: 1px solid #d9d9d9}
.footer-nav{background: #f8f8f8;padding-top: .8rem}
.footer-nav .footer-title{max-width: 1000px;margin: 0 auto;text-align: left;color: #333;padding: .05rem .1rem;border-bottom: 1px solid #d6d6d6}
.footer-nav .footer-title a{color: #999;font-size: .12rem;line-height: 2}
.footer-nav .footer-title a:hover{color: #333}
.footer-nav .pc-show{max-width: 1000px;margin: 0 auto;display: flex;padding: 0.1rem 0.1rem 0.5rem;}
.footer-nav .pc-show ul{margin: 0;padding: 0;flex: auto}
.footer-nav .pc-show .nav-ul li{position: relative; text-align: left;font-size: .12rem}
.footer-nav .pc-show .nav-ul li .code_img{position: absolute; left: 100%;width: 80px;top: 0%; opacity: 0; transition: all 0.5s;}
.footer-nav .pc-show .nav-ul li:hover .code_img{opacity: 1; left: 70px;}
.footer-nav .pc-show .nav-ul li a{font-size: .12rem;line-height: 2}
.footer-nav .pc-show .nav-ul .li-title{padding: .075rem 0 .05rem 0}
.footer-nav .pc-show .nav-ul .li-title a{color: #333;font-weight: 600}
.footer-nav .pc-show .nav-ul .li-item a{color: #999}
.footer-nav .pc-show .nav-ul .li-item a:hover{color: #333}
.footer-nav .mobile-show{margin-bottom: .18rem;padding-top: .1rem}
.footer-nav .mobile-show a{font-size: .12rem;color: #999;line-height: 2;text-align: left}
.footer-nav .footer-bottom{border-top: 1px solid #d6d6d6;padding: .15rem .1rem .1rem .1rem;color: #999;font-size: .12rem;max-width: 1000px;margin: 0 auto;text-align: left;line-height: 2;display: flex;align-items: center}
.footer-nav .footer-bottom a{color: #999}
.footer-nav .footer-bottom a:hover{color: #333}
.footer-nav .footer-bottom .country-btn{display: flex;align-items: center;margin-left: auto;color: #333;cursor: pointer}
.footer-nav .footer-bottom .country-btn img{width: .18rem;margin-right: .1rem}
@media screen and (max-width: 636px){
	.footer-nav .footer-bottom{padding-top:30px;position: relative}
	.footer-nav .footer-bottom .country-btn{position: absolute;top: 6px;left: 0}
}
@media screen and (max-width: 600px){
	.footer-nav .footer-bottom{border-top:none;padding: 30px 10px 10px 10px;display: flex;flex-direction: column;align-items: flex-start}
	.footer-nav .footer-bottom .mobile-hide{display: none}
	.footer-nav .footer-bottom .country-btn{left: 10px}
}
@media screen and (max-width: 360px){
	.footer-nav .footer-bottom .span-link{	display:flex;flex-direction: column}
	.footer-nav .footer-bottom .span-link .small-screen-hide{display: none}
	.footer-nav .footer-bottom .country-btn{left: 10px}
}

::-webkit-scrollbar{width: 8px;height: 8px}
::-webkit-scrollbar-thumb{-webkit-box-shadow: inset 0 0 8px rgba(0,0,0,.6);background: rgba(255,255,255,.4)}
::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 8px rgba(0,0,0,.3);border-radius: 10px;background: rgba(255,255,255,.3)}
.pc-show{display: block}
.mobile-show{display: none}
@media screen and (max-width: 600px){
	.pc-show{display:none!important}
	.mobile-show{display: block}
}
.play-btn{background: rgba(255,255,255,0); border-radius: 0.5rem; display: inline-flex;justify-content: center;align-items: center;cursor: pointer;overflow: hidden;}
.play-btn:hover:before{width: 100%}
.play-btn:before{transition: .5s;background: rgba(255,255,255,.5);z-index: -1;content: "";position: absolute;left: 0;top: 0;width: 0;height: 100%}


.country-modal-wrap .modal-name{font-size: 38px;font-weight: 700;line-height: 46px;color: #000;text-align: center;margin-top: 40px;margin-bottom: 18px}
.country-modal-wrap .modal-name ul{margin: 0;padding: 0}
.country-modal-wrap ul{display: flex;flex-wrap: wrap;padding: 20px 36px;border-top: 1px solid rgba(0,0,0,.1);margin: 0}
.country-modal-wrap ul li{width: 33.3%}
.country-modal-wrap ul li a{font-size: 20px;font-weight: 700;line-height: 48px;display: flex;align-items: center;margin: 30px 0;color: #000}
.country-modal-wrap ul li a img{width: 48px;height: 48px;margin-right: 16px}
.country-modal-wrap .ant-modal-close-x{font-size: .32rem!important;color: #000}
.country-modal-wrap .ant-modal-close-x .ant-modal-close-icon{padding-top: 20px;padding-right: 20px}
@media screen and (max-width: 870px){
	.country-modal-wrap .ant-modal{width:92%!important}
}
@media screen and (max-width: 840px){
	.country-modal-wrap .ant-modal .ant-modal-body .modal-name{font-size:32px;line-height: 40px;padding: 0 16px;margin-top: 20px;margin-bottom: 10px}
	.country-modal-wrap .ant-modal .ant-modal-body ul li{width: 50%}
	.country-modal-wrap .ant-modal .ant-modal-body ul li a{font-size: 17px;line-height: 34px}
	.ant-modal-close-x{font-size: .28rem!important}
	.ant-modal-close-x .ant-modal-close-icon{padding-top: 16px;padding-right: 8px}
}
@media screen and (max-width: 600px){
	.country-modal-wrap .ant-modal .ant-modal-body .modal-name{font-size:22px;line-height: 26px;padding: 0 20px;margin-top: 20px;margin-bottom: 13px}
	.country-modal-wrap .ant-modal .ant-modal-body ul{padding: 15px 0}
	.country-modal-wrap .ant-modal .ant-modal-body ul li a{font-size: 14px;line-height: 32px;margin: 20px 0}
	.country-modal-wrap .ant-modal .ant-modal-body ul li a img{width: 30px;height: 30px;margin-right: 10px}
	.ant-modal-close-x{font-size: .2rem!important}
	.ant-modal-close-x .ant-modal-close-icon{padding-top: 10px;padding-right: 0}
}

#app{-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-align: center;color: #2c3e50}
#app main{min-height: 50vh}
#nprogress{pointer-events: none}
#nprogress .bar{background: #29d;position: fixed;z-index: 1031;top: 0;left: 0;width: 100%;height: 2px}
#nprogress .peg{display: block;position: absolute;right: 0;width: 100px;height: 100%;box-shadow: 0 0 10px #29d,0 0 5px #29d;opacity: 1;-webkit-transform: rotate(3deg) translate(0,-4px);-ms-transform: rotate(3deg) translate(0,-4px);transform: rotate(3deg) translate(0,-4px)}
#nprogress .spinner{display: block;position: fixed;z-index: 1031;top: 15px;right: 15px}
#nprogress .spinner-icon{width: 18px;height: 18px;box-sizing: border-box;border: solid 2px transparent;border-top-color: #29d;border-left-color: #29d;border-radius: 50%;-webkit-animation: nprogress-spinner .4s linear infinite;animation: nprogress-spinner .4s linear infinite}
.nprogress-custom-parent{overflow: hidden;position: relative}
.nprogress-custom-parent #nprogress .bar,
.nprogress-custom-parent #nprogress .spinner{position: absolute}
@-webkit-keyframes nprogress-spinner{
	0%{-webkit-transform: rotate(0)}
	100%{-webkit-transform: rotate(360deg)}
}
@keyframes nprogress-spinner{
	0%{transform: rotate(0)}
	100%{transform: rotate(360deg)}
}


html{font-size: 100px;color: rgba(255,255,255,.5);box-sizing: border-box;}
.show-ellipsis{white-space: nowrap;text-overflow: ellipsis;overflow: hidden}
.card-shadow{box-shadow: 0 2px 12px 0 rgba(0,0,0,.1)}
.theme-dark{filter: invert(1) hue-rotate(180deg);transition: color .3s,background-color .3s}
.theme-dark img{filter: invert(1) hue-rotate(180deg)}
.theme-dark .img-figure .text-area{filter: invert(1) hue-rotate(180deg)}
.theme-dark .theme-picture .title-area{filter: invert(1) hue-rotate(180deg)}
.theme-dark .theme-picture .mobile-title h1{filter: invert(1) hue-rotate(180deg)}
.theme-dark .contact-us img{filter: unset}


.layui-layer{background: none!important; box-shadow: none!important; padding: 42px 0 0!important; margin-top: -42px!important;}
.layui-layer-content{height: auto!important; }
.layui-layer-title{padding: 0!important; background: none; position: absolute; top: 0; left: 0; right: 0; color: #ccc!important;  border: none!important; background: none!important;}