@charset "utf-8";
/* CSS Document */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0; outline:0 none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
body{font:12px/1.5 "Arial","Hiragino Sans GB","source",'\5FAE\8F6F\96C5\9ED1',tahoma,sans-serif;background:#fff;color:#000;}
a{outline:0 none;cursor:pointer;text-decoration:none;color:#000;}
a:hover{text-decoration:none;}
ul,ol{list-style:none;}
img{border:0 none; vertical-align: middle;}
em,i{font-style:normal;font-weight:normal;}
h1,h2,h3,h4{font-weight:normal;}
table{border-collapse:collapse;border-spacing:0;width:100%;}
.fl, .fr { display: inline; float: left; }

.fr { float: right; }

.pr{ position:relative; }

.pa{ position:absolute; }

.pf{ position: fixed;}
[class*="btn"]{ display: block; font-size:var(--font-size-text); background-repeat: no-repeat; background-size: 100% 100%}
/* [class*="title"]{ font-weight: bold; } */

.bg{ background-repeat: no-repeat; background-size: 100% 100%;}

.df{ display: flex; display: -webkit-flex; -webkit-align-items: center; -webkit-justify-content: center; align-items: center; justify-content: center;}
.dg{ display: grid; display: -ms-grid; grid-auto-columns: 1fr; -ms-grid-row: auto; grid-template-rows: auto; }

.pup{ top: 50%; left: 50%; background-repeat: no-repeat; background-size: 100% 100%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: 102;}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{ color: #bdc0c4;}
input:-moz-placeholder,
textarea:-moz-placeholder{ color: #bdc0c4;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder { color: #bdc0c4; }

.thickdiv {  position: fixed; top: 0; left: 0; width: 100%;  height: 100%; background:#000000; border: 0 none; opacity: 0.5; filter:alpha(opacity=50); z-index:101;}

@font-face {
    font-family: 'source';
    src: url("/images/fonts/SourceHanSansSC-Regular.otf") format('truetype');
    font-weight: normal;
    font-style: normal;
}

:root{
	--mild-theme-color:#0099c2;
	--light-theme-color:#F8F9FB;
	--light-common-color:#fff;
	--mild-font-color:#002846;
	--light-font-color:#bdc0c4;;
	--blue-color:#20dfff;
	--purple-color:#9D72E0;
	--green-color:#30D4BC;
	--yellow-color:#FBE66C;
	--black-color:#222;
	--red-color:#EA816B;
	--dark-grey-color:#a6a8ab;
	--light-grey-color:#e5e8ed;
	--btn-change:#0099c2;
	--content-padding-left:6%;
	--content-padding-right:6%;
	--size-overspread:100%;
	--font-size-title:.44rem;
	--font-size-subtitle:.24rem;
	--font-size-text:.22rem;
	--font-size-other:.2rem;
}
.center{ left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.page-padding{ padding-left: var(--content-padding-left); padding-right: var(--content-padding-right); box-sizing: border-box; }
.content{ margin: 0 auto; width: var(--size-overspread); }

.wrapper{
	font-family: "source", sans-serif; font-size: var(--font-size-text); color:var(--mild-font-color);
}
.item-top{ top: 0; left:0; width: var(--size-overspread); height: .7rem; line-height: .7rem;z-index: 9; }
.item-top .content{ margin: 0 auto; height:.7rem; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; }
.item-top .burger{ display: none; }
.item-top .logo{ width: 1.41rem; }
.item-top .nav li{ position: relative; margin-left: .27rem;width: 1.13rem;height: .44rem;line-height: .44rem;}
.item-top .nav li::after { content: ""; position: absolute; top: 100%; margin-top: -.04rem; left: 0px; width: 100%; height: 1px; background: var(--light-common-color); opacity: 0.4; transform: scaleX(0); transform-origin: right center; transition: transform 0.5s ease 0s, transform-origin 0s ease 0s;}
.item-top .nav li:hover::after,
.item-top .nav li.active::after{ transform-origin: left center; transform: scaleX(1); transition: transform 0.5s ease 0s, transform-origin 0s ease 0s; }
.item-top .nav a{ display: block; font-size: var(--font-size-other); color: var(--light-common-color); ; text-align: center; }
.item-top .nav li:hover a,
.item-top .nav li.active a{ font-weight: bold; color: var(--light-common-color); }
.item-top.active{ position: fixed; background: var(--black-color); -webkit-animation:move-down .5s linear; animation:move-down .5s linear;}
.item-top.up{ position: fixed; background: var(--black-color); -webkit-animation:move-up .3s linear forwards; animation:move-up .3s linear forwards;}


@-webkit-keyframes move-down {
	0%{ -webkit-transform: translateY(-100%); }
	100%{ -webkit-transform: translateY(0); }
}
@keyframes move-down {
	0%{ transform: translateY(-100%); }
	100%{ transform: translateY(0); }
}
@-webkit-keyframes move-up {
	0%{ opacity: 1; }
	100%{ opacity: 0; }
}
@keyframes move-up {
	0%{ opacity: 1; }
	100%{ opacity: 0; }
}

.btn-block{ -webkit-transition: 0.2s; transition: 0.2s; display: block; width: 2.47rem; height: .67rem; text-align: center; font-size: var(--font-size-subtitle); line-height: .67rem; letter-spacing: .01rem; -webkit-border-radius: .02rem; border-radius: .02rem; }
.btn-block svg,
.btn-text .line-after{position: relative;top: .02rem;right: -.15rem;width: .12rem;height: .2rem;transition:all .5s}
.btn-block svg line { -webkit-transition: 0.2s; transition: 0.2s;}
.btn-block i{ display: inline-block; margin-top: .02rem; margin-left: .3rem; width: .12rem; height: .2rem; background: url("/images/button_arrow_white.png") no-repeat; background-size: 100% 100%; }
.btn-white{ border: .02rem solid var(--light-common-color); color: var(--light-common-color);  }
.btn-black{ background: var(--black-color); color: var(--light-common-color); }
.btn-white:hover{ border-color: var(--btn-change); color: var(--btn-change);  }
.btn-black:hover{ background: var(--btn-change); }
.btn-white:hover svg line { stroke: var(--btn-change);}
.btn-text{ display: block; color: var(--blue-color); }
.btn-text .line-after{ position:relative; left:-.1rem }
/* .btn-text .line-after{ top: 0; width: .11rem; height: .16rem;  transition: width .5s;}
.btn-text:hover .line-after{ width: 0; }
.btn-text .line-before{ position: relative; top: .01rem; width: 0; height: .12rem; transition: width .5s; }
.btn-text:hover .line-before{ width: .44rem; margin-right: 0.1rem;} */

.btn-block .arrow-before,
.btn-text .arrow-before{ opacity:0;}
.btn-block:hover .arrow-before,
.btn-text:hover .arrow-before{ opacity:1; transform:translateX(.2rem) }
.btn-block:hover .arrow-after,
.btn-text:hover .arrow-after{ opacity:0; transform:translateX(.2rem) }

.move_top {
 -webkit-animation: move_top 1s forwards;
	animation: move_top 1s forwards;
}
@-webkit-keyframes move_top {
	0% {
	 -webkit-transform: translateY(1rem);
		transform: translateY(1rem);
	}
	100% {
	 -webkit-transform: translateY(0px);
	 transform: translateY(0px);
	}
}
@keyframes move_top {
	0% {
	 -webkit-transform: translateY(1rem);
		transform: translateY(1rem);
	}
	100% {
	 -webkit-transform: translateY(0px);
	 transform: translateY(0px);
	}
}


.item-title{ font-size: var(--font-size-title); text-align: center; }

.news-img .date{ top: 0; left: .2rem; padding: .15rem; background: rgba(254, 195, 4, .8); font-weight: bold; font-size: .26rem; line-height: 1; color: var(--light-common-color); text-align: center; border-radius:0 0 .2rem .2rem; }
.news-img .date span{ display: block; font-size: .42rem; }

.footer{ background:var(--black-color); font-size: var(--font-size-other); color: var(--light-common-color); }
.footer .content{ -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: flex-start; align-items: flex-start; }
.footer .con-left{ top: -.15rem; padding: .8rem 2rem; width: 40%; background: var(--mild-theme-color); box-sizing: border-box; }
.footer .con-left img{ width: 2.92rem; }
.footer .con-left .text{ margin: .7rem 0 .25rem; font-size: var(--font-size-subtitle); line-height: 1.5; }
.footer .con-left .list li{ display: flex; display: -webkit-flex; margin-bottom: .15rem; -webkit-align-items: center; align-items: center; }
.footer .con-left .list i{ display: inline-block; margin-right: .15rem; width: .26rem; height: .26rem; }
.footer .con-left .list i.ico-address{ background-image: url("/images/svg/icon_footer_address.svg"); }
.footer .con-left .list i.ico-phone{ background-image: url("/images/svg/icon_footer_phone.svg");}
.footer .con-left .list i.ico-mail{ background-image: url("/images/svg/icon_footer_email.svg");}
.footer .con-right{ padding-right:2rem; }
.footer .con-right .ico-list { margin: .7rem auto 1rem; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; }
.footer .con-right .ico-list a{ display: inline-block; margin-left: .3rem; }
.footer .con-right .ico-list .ico-xhs{ width: .69rem; height: .25rem; background-image: url("/images/svg/icon_footer_xiaohongshu.svg");  }
.footer .con-right .ico-list .ico-wb{ width: .37rem; height: .31rem; background-image: url("/images/svg/icon_footer_weibo.svg"); }
.footer .con-right .ico-list .ico-wx{ width: .37rem; height: .3rem; background-image: url("/images/svg/icon_footer_wechat.svg"); }
.footer .con-right .ico-list .ico-wx-code{display: none;top: .5rem;left: -.5rem;text-align: center; background: #fff;padding-bottom: .1rem;}
.footer .con-right .ico-list .ico-wx-code img{display: block; width: 1.5rem;}
.footer .con-right .ico-list .ico-wx:hover .ico-wx-code{ display: block;}
.footer .con-right .list{ clear: both; }
.footer .con-right .list li{ margin-left: 1.7rem;}
.footer .con-right .list span,
.footer .con-right .list a{ display: block; margin-bottom: .25rem; text-align: center; color: var(--light-common-color); }
.footer .con-right .list a:hover{ text-decoration: underline; }
.footer .con-right .list span{ font-size: var(--font-size-subtitle); font-weight: bold; }
.footer .bot-text{ padding: .5rem 0 .4rem; text-align: center; font-size: .16rem; line-height: 2; }
.footer .bot-text img{ width: .25rem; }

.pup{ width: 9.8rem; height: 7rem; user-select: none; background: var(--light-common-color); place-items: center; text-align: center; -webkit-animation: opacityIn .3s linear forwards; animation: opacityIn .3s linear forwards;  -webkit-border-radius: .05rem;  border-radius: .05rem; box-shadow: 0 0 .3rem rgba(0, 32, 80, .15); }
.pup .btn-close{ top: .5rem; right: .5rem; width: .52rem; height: .52rem; background-image: url("/images/svg/icon_close.svg");-webkit-transition: transform 1s;  transition: transform 1s; }
.pup .btn-close:hover {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
.opacityIn{ }
.opacityOut{ -webkit-animation: opacityOut .3s linear forwards; animation: opacityOut .3s linear forwards; }
@-webkit-keyframes opacityIn {
	0%{ opacity: 0; }
	100%{ opacity: 1; }
}
@keyframes opacityIn {
	0%{ opacity: 0; }
	100%{ opacity: 1; }
}
@-webkit-keyframes opacityOut {
	0%{ opacity: 1; }
	100%{ opacity: 0; }
}
@keyframes opacityOut {
	0%{ opacity: 1; }
	100%{ opacity: 0; }
}

.overlay { top: 0; left: 0; z-index: 1; width: 100%; height:100%;  transition(all 0.3s ease-in-out); background-color: rgba(0, 0, 0, .3); opacity: 0;  visibility: hidden;}
.overlay.show { opacity: 0.8; visibility: visible; }

.wrapper-error{ height: 100%; background: #EAEEF1; }
.wrapper-error .wrapper{ width: 100%; height: 100%; -webkit-flex-flow: column; flex-flow: column; }
.wrapper-error .wrapper .img-error{ width: 6.82rem; }
.wrapper-error .wrapper .text{ margin: .5rem auto; font-weight: bold; font-size: .34rem; color: #8f999e; }
.wrapper-error .btn-renovate{}

.page-locked {
	overflow: hidden;
	position: relative;
}


@media only screen and (max-width: 780px) {
:root{
	--content-padding-left:.4rem;
	--content-padding-right:.4rem;
}
.item-title{ font-size: .34rem; }

.item-top{ -webkit-transition: background 1s; transition: background 1s; }
.item-top,
.item-top .content{ height: 1rem; }
.item-top .logo{ width: 1.87rem; }
.item-top.clicked{ background: var(--black-color); }
.item-top .burger{display: block;width: .7rem;height: .5rem;position: absolute;top: .2rem;right: .35rem;border-radius: .04rem;z-index: 10;}
.item-top .burger span { margin-top: .09rem; margin-bottom: .09rem; -webkit-user-select: none; -moz-user-select: none;  -ms-user-select: none; user-select: none; top: 50%; left: 50%; margin-left: -.25rem; margin-top: -.02rem; }
.item-top.clicked .burger span { background-color: transparent;  }
.item-top .burger span,
.item-top .burger span::before,
.item-top .burger span::after {display: block;position: absolute;content: "";width: .5rem;height: .05rem;background-color:var(--light-common-color);outline: .01rem solid transparent;-webkit-transition-property: background-color, -webkit-transform;-moz-transition-property: background-color, -moz-transform;-o-transition-property: background-color, -o-transform;transition-property: background-color, transform;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;transition-duration: 0.3s;}
.item-top .burger span::before {top: -.15rem;}
.item-top .burger span::after {top: .15rem;}
.item-top.clicked .burger span::before {-webkit-transform: translateY(.15rem) rotate(45deg);-moz-transform: translateY(.15rem) rotate(45deg);-ms-transform: translateY(.15rem) rotate(45deg);-o-transform: translateY(.15rem) rotate(45deg);transform: translateY(.15rem) rotate(45deg);}
.item-top.clicked .burger span::after {-webkit-transform: translateY(-.15rem) rotate(-45deg);-moz-transform: translateY(-.15rem) rotate(-45deg);-ms-transform: translateY(-.15rem) rotate(-45deg);-o-transform: translateY(-.15rem) rotate(-45deg);transform: translateY(-.15rem) rotate(-45deg);}
.item-top .nav{background-color: #F7F9FA;position: absolute;z-index: 9;top: 0;right: 0; width: 100%; padding: .9rem 0 2rem 1.2rem; box-sizing: border-box; overflow-y: auto;-webkit-transform: translateY(100%);-moz-transform: translateY(-100%);-ms-transform: translateX(-100%);-o-transform: translateY(-100%);transform: translateY(-100%);-webkit-transition: transform 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86);-moz-transition: transform 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86);-o-transition: transform 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86);transition: transform 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86);}
.item-top .nav.show { -webkit-transform: translateY(1rem); -moz-transform: translateY(1rem); -ms-transform: translateY(1rem); -o-transform: translateY(1rem); transform: translateY(1rem);}
.item-top .nav ul{-webkit-flex-flow: column;flex-flow: column;width: 100%;}
.item-top .nav ul li {margin-left: 0;margin-bottom: .2rem;-webkit-transform: translateX(.4rem);-moz-transform: translateX(.4rem);-ms-transform: translateX(.4rem);-o-transform: translateX(.4rem);transform: translateX(.4rem);opacity: 0;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;width: 100%;height: 1rem;line-height: 1rem;}
.item-top .nav.show ul li { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); opacity: 1;}
.item-top .nav.show li:hover,
.item-top .nav.show li.active{ border-bottom: none; }
.item-top .nav ul li a { text-align: left;  text-transform: uppercase; color: var(--black-color); font-size: .35rem; letter-spacing: .05rem; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.item-top .nav li:hover a, .item-top .nav li.active a{ font-size: .35rem; font-weight: 600; color: var(--black-color); }
.item-top .nav li::after { width: 0; }

.footer{ width: 100%; }
.footer .content{ -webkit-flex-flow: column; flex-flow: column; }
.footer .con-left{ top: -.5rem; padding:.8rem 0; width: 88%; margin-left: var(--content-padding-left); margin-right: var(--content-padding-left); text-align: center; }
.footer .con-left .text {position: absolute; margin: 0 auto; top: 10.5rem; left: 0; width: 100%; text-align: center;}
.footer .con-left .list{ padding: .55rem 0 0; }
.footer .con-left .list li{ -webkit-justify-content: center; justify-content: center; }
.footer .con-right{ position: relative; padding-right: 0; width: 100%; }
.footer .con-right .ico-list{display: block;position: absolute;top: 1.2rem;left: 2.7rem;margin-top: 0;text-align: center;}
.footer .con-right .ico-list a{ margin: 0 .2rem; }
.footer .con-right .ico-list .ico-wx{ width: auto; height: auto; background: none; }
.footer .con-right .ico-list .ico-wx-code{position: relative;display: block;top: 2.1rem;left: -2.02rem;background: none; color: #fff;}
.footer .con-right .ico-list .ico-wx-code img{ margin: .1rem auto; }
.footer .con-right .list{ position: relative; margin-bottom: 4.5rem; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; justify-content: flex-start; z-index: 2; }
.footer .con-right .list li{ margin-left: 0; width: 50%; }
.footer .con-right .list li:nth-of-type(2){ display: none; }
.footer .con-right .list a{ font-size: .26rem; }
.footer .bot-text{ padding: .2rem 0; color: #f0f5ff; }
.pup{ width: 6.7rem; height: 6.7rem;}
}