body{
	--themeColor:#ef6a9e; 
	--HZthemeColor:#16B898; 
	--successColor:#2ECC71;
	--warningColor:#F39C12; 
	--dangerColor:#F56C6C; 
	--BalckColor:#F56C6C; 
	--InfoColor:#909399;
}

.HZTextColor{
	color: var(--HZthemeColor);
}
.HZBgColor{
	background-color: var(--HZthemeColor);
	color: #fff;
}
.PrimaryTextColor{
	color: var(--themeColor);
}
.PrimaryBgColor{
	background-color: var(--themeColor);
	color: #fff;
}

.SuccessTextColor{
	color: var(--successColor);
}
.SuccessBgColor{
	background-color: var(--successColor);
	color: #fff;
}

.WarningTextColor{
	color: var(--warningColor);
}
.WarningBgColor{
	background-color: var(--warningColor);
	color: #fff;
}

.DangerTextColor{
	color: var(--dangerColor)!important;
}
.DangerBgColor{
	background-color: var(--dangerColor);
	color: #fff;
}

.BalckTextColor{
	color: var(--BalckColor)!important;
}
.BalckBgColor{
	background-color: var(--BalckColor);
	color: #fff;
}
.DescTextColor{
	color: var(--InfoColor);
}
.DescBgColor{
	background-color: var(--InfoColor);
}
@font-face {
  font-family: "AliBlack";font-weight: 700;src: url("//at.alicdn.com/wf/webfont/4fslWtB1Ywrp/gmUHV2vSmDrt.woff2") format("woff2"),
  url("//at.alicdn.com/wf/webfont/4fslWtB1Ywrp/3n3JB0IorxBn.woff") format("woff");
  font-display: swap;
}
a {
    text-decoration: none;
}
b, body, button, dd, div, dl, dt, h1, h2, h3, h4, h5, h6, html, i, img, li, ol, p, span, ul {
    margin: 0;
    padding: 0;
    list-style: none;
    border: 0;
    outline: 0;
}
img {
	border-style: none;
	vertical-align: middle;
	pointer-events: none;
}
/* div, span {
	//禁止选择复制
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
} */

.header {
	position:absolute;
	z-index:10;
	width:100%;
}
.header .iconfont {
	font-size:80px;
}
.header .header-nav {
	max-width:1440px;
	min-width:1280px;
	margin:0 auto;
}
.header .header-nav .iconfont {
	color:#fff;
}
.header .header-nav .header-nav-wrap {
	height:80px;
	width:100%;
	display:-moz-box;
	display:flex;
	-moz-box-pack:justify;
	justify-content:space-between;
	-moz-box-align:center;
	align-items:center;
}
.header .header-nav .header-nav-wrap .header-nav-wrap .nav-logo {
	margin-left:80px;
	width:80px;
}
.header .header-nav .header-nav-wrap .nav-menu {
	display:-moz-box;
	display:flex;
	margin-right:130px;
	-moz-box-align:center;
	align-items:center;
	font-size:18px;
	font-weight:700;
}
.header .header-nav .header-nav-wrap .nav-menu .nav-menu-item {
	cursor:pointer;
	color:rgba(255,255,255,0.4);
	margin-right:50px;
}
.header .header-nav .header-nav-wrap .nav-menu .nav-menu-item.active,.header .header-nav .header-nav-wrap .nav-menu .nav-menu-item:hover {
	color:#fff;
}
.header .white-nav {
	color:var(--themeColor);
	position:fixed;
	width:100%;
	height:80px;
	background:#fff;
	z-index:99;
	border-bottom:1px solid rgba(3,3,3,0.1);
	-webkit-transition:all .35s ease-in;
	-moz-transition:all .35s ease-in;
	transition:all .35s ease-in;
	opacity:0;
	visibility:hidden;
	top:0px;
}
.header .white-nav.active {
	opacity:1;
	visibility:visible;
}
.header .white-nav .white-nav-wrap {
	position:relative;
	max-width:1440px;
	min-width:1280px;
	padding-right:25px;
	height:100%;
	margin:0 auto;
	display:-moz-box;
	display:flex;
	-moz-box-pack:justify;
	justify-content:space-between;
	-moz-box-align:center;
	align-items:center;
}
.header .white-nav .white-nav-wrap .white-nav-logo {
	width:80px;
	height:32px;
	cursor:pointer;
	pointer-events:all;
}
.header .white-nav .white-nav-wrap .white-nav-menu {
	display:-moz-box;
	display:flex;
	-moz-box-align:center;
	align-items:center;
}
.header .white-nav .white-nav-wrap .white-nav-menu .white-nav-menu-item {
	font-size:16px;
	color:#4a4a4b;
	letter-spacing:0;
	font-weight:700;
	margin-right:50px;
	cursor:pointer;
	opacity:.4;
}
.header .white-nav .white-nav-wrap .white-nav-menu .white-nav-menu-item.active,.header .white-nav .white-nav-wrap .white-nav-menu .white-nav-menu-item:hover {
	color:var(--themeColor);
	opacity:1;
}
.header .white-nav .white-nav-wrap .white-nav-menu .white-nav-pan {
	width:140px;
	height:51px;
	margin-right:50px;
	cursor:pointer;
	position:relative;
	font-size:16px;
	color:#4a4a4b;
	font-weight:700;
	display:-moz-box;
	display:flex;
	-moz-box-align:center;
	align-items:center;
	-moz-box-pack:center;
	justify-content:center;
}
.header .white-nav .white-nav-wrap .white-nav-menu .white-nav-pan .white-nav-pan-icon {
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:-1;
}
.header .white-nav .white-nav-wrap .white-nav-menu .white-nav-pan .white-nav-pan-arrow {
	display:block;
	position:absolute;
	left:113px;
	top:22px;
}
.header .white-nav .white-nav-wrap .white-nav-menu .white-nav-pan .white-nav-pan-arrow-hover {
	display:none;
	position:absolute;
	left:111px;
	top:24px;
}
.header .white-nav .white-nav-wrap .white-nav-menu .white-nav-pan .hovered-nav {
	display:none;
	position:absolute;
	left:0;
	bottom:-101px;
	width:140px;
	height:100px;
	background-image:-webkit-gradient(linear,left bottom,left top,from(#fff),to(rgba(255,255,255,0.5)));
	background-image:-webkit-linear-gradient(bottom,#fff,rgba(255,255,255,0.5));
	background-image:-moz-linear-gradient(bottom,#fff 0,rgba(255,255,255,0.5) 100%);
	background-image:linear-gradient(0deg,#fff,rgba(255,255,255,0.5));
	-webkit-box-shadow:0 10px 30px 0 rgba(223,223,223,0.5);
	box-shadow:0 10px 30px 0 rgba(223,223,223,0.5);
	border-radius:12px;
}
.header .white-nav .white-nav-wrap .white-nav-menu .white-nav-pan .hovered-nav .hovered-item {
	position:relative;
	cursor:pointer;
	margin:5px 10px;
	width:120px;
	height:40px;
	text-align:center;
	line-height:40px;
	font-size:14px;
	color:#373738;
	font-weight:700;
	padding-right:18px;
}
.header .white-nav .white-nav-wrap .white-nav-menu .white-nav-pan .hovered-nav .hovered-item .arrow-icon,.header .white-nav .white-nav-wrap .white-nav-menu .white-nav-pan .hovered-nav .hovered-item .arrow-icon {
	position:absolute;
	right:16px;
	top:13px;
}
.header .white-nav .white-nav-wrap .white-nav-menu .white-nav-pan .hovered-nav .hovered-line {
	width:80px;
	height:1px;
	background:rgba(210,210,210,0.5);
	margin:5px auto;
}
.HuaZhanSite,.HuaZhanSite .home-page{
	background-color: #f5f5f5;
}
.HuaZhanSite .header .white-nav {
	color:var(--HZthemeColor);
}
.HuaZhanSite .header .white-nav .white-nav-wrap .white-nav-menu .white-nav-menu-item.active,.HuaZhanSite .header .white-nav .white-nav-wrap .white-nav-menu .white-nav-menu-item:hover {
	color:var(--HZthemeColor);
	opacity:1;
}

@charset "UTF-8";
	.home-page {
	width:100%;
}
.home-page .home-page-bg {
	position:absolute;
	left:0;
	top:0;
	z-index:-1;
	/* background-image:-webkit-gradient(linear,left top,left bottom,from(#0269ff),color-stop(33%,#42a4ff),color-stop(67%,#c8e6ff),color-stop(93%,#fff));
	background-image:-webkit-linear-gradient(top,#0269ff,#42a4ff 33%,#c8e6ff 67%,#fff 93%);
	background-image:-moz-linear-gradient(top,#0269ff 0,#42a4ff 33%,#c8e6ff 67%,#fff 93%);
	background-image:linear-gradient(180deg,#0269ff,#42a4ff 33%,#c8e6ff 67%,#fff 93%);
	*/
    background-image:-webkit-gradient(linear,left top,left bottom,from(#ef6a9e),color-stop(93%,#fff));
	background-image:-webkit-linear-gradient(top,#ef6a9e,#fff 93%);
	background-image:-moz-linear-gradient(top,#ef6a9e 0,#fff 93%);
	/*background-image:linear-gradient(180deg,#fff 93%);*/
	height:1440px;
	width:100%;
}
.home-page .page-container {
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	transition:all .3s;
}
.home-page .page-container .first-screen {
	position:relative;
	max-width:1440px;
	min-width:1280px;
	margin:0 auto;
	height:100%;
	padding-top:140px;
	margin-bottom:260px;
}
.home-page .page-container .first-screen .first-screen-title {
	text-align:center;
	font-size:70px;
	color:#fff;
	font-family:"AliBlack";
	margin-bottom:30px;
}
.home-page .page-container .first-screen .first-screen-Child {
	width:100%;
	text-align:center;
	color:#fff;
	font-size:22px;
	line-height:40px;
}
.home-page .page-container .first-screen .first-screen-Child .RollNumber {
	font-size:30px;
	text-shadow:1px 1px 5px rgba(0,0,0,0.5);
	fill:#fff;
}
.home-page .page-container .first-screen .first-screen-Download {
	font-size:20px;
	font-family:"AliBlack";
	line-height:40px;
	text-align:center;
	font-weight:bold;
	color:#fff;
}
.home-page .page-container .first-screen .first-screen-Download .DownloadBtn {
	display:block;
	position:relative;
	background-image:linear-gradient(45deg,#874da2 0%,#c43a30 100%);
	color:#fff;
	width:500px;
	line-height:80px;
	border-radius:10px;
	text-align:center;
	font-size:30px;
	margin:30px auto;
	font-weight:bold;
	text-decoration:none;
	margin:30px auto;
	overflow:hidden;
	-webkit-transition:all 0.15s ease-in;
	transition:all 0.15s ease-in;
	opacity:1;
}
.home-page .page-container .first-screen .first-screen-Download .DownloadSystem {
	display:none;
}
.home-page .page-container .first-screen .first-screen-Download .DownloadBtn:hover {
	background-image:linear-gradient(45deg,#874da2 0%,#c43a30 100%);
	opacity:0.8;
	cursor:pointer;
}
.home-page .page-container .first-screen .first-screen-Download .DownloadBtn:before {
	content:' ';
	position:absolute;
	background:#fff;
	width:100px;
	height:80px;
	top:0;
	left:-545px;
	opacity:0.3;
	-webkit-transition:all 0.45s ease-out;
	transition:all 0.45s ease-out;
	-webkit-transform:skewX(-25deg);
	transform:skewX(-25deg);
}
.home-page .page-container .first-screen .first-screen-Download .DownloadBtn:hover:before {
	width:45px;
	left:545px;
}
.home-page .page-container .first-screen .first-screen-Download .iconfont:hover {
	background-image:linear-gradient(45deg,#874da2 0%,#c43a30 100%);
	background-clip:text;
	-webkit-background-clip:text;
	color:transparent;
	/*需要文字透明*/
          cursor:pointer;
}
.home-page .page-container .first-screen .first-screen-Download .iconfont:before {
	font-weight:normal;
	padding-right:5px;
	padding-left:10px;
}
.home-page .page-container .first-screen .first-screen-phone {
	width:800px;
	height:432.45px;
	margin:50px auto 0;
	position:relative;
	-webkit-box-shadow:0 40px 50px 0 rgba(112,112,112,0.1);
	box-shadow:0 40px 50px 0 rgba(112,112,112,0.1);
	border-radius:42px;
}
.home-page .page-container .first-screen .first-screen-phone .first-screen-phone-img {
	position:absolute;
	height:100%;
	width:100%;
}
.home-page .page-container .first-screen .first-screen-phone .ani-wrap {
	display:inline-table;
	position:absolute;
	-webkit-transform:scale(0.3);
	-moz-transform:scale(0.3);
	transform:scale(0.3);
	opacity:0;
	cursor:pointer;
}
.home-page .page-container .first-screen .first-screen-phone .ani-wrap-1 {
	top:124px;
	left:60px;
	-webkit-animation:ani-popup-1 .8s ease-out forwards;
	-moz-animation:ani-popup-1 .8s ease-out forwards;
	animation:ani-popup-1 0.8s ease-out forwards;
}
.home-page .page-container .first-screen .first-screen-phone .ani-wrap-1 .img-1 {
	-webkit-animation:ani-float-1 4s linear 1.2s infinite;
	-moz-animation:ani-float-1 4s linear 1.2s infinite;
	animation:ani-float-1 4s linear 1.2s infinite;
}
.home-page .page-container .first-screen .first-screen-phone .ani-wrap-2 {
	top:77px;
	right:30px;
	-webkit-animation:ani-popup-2 .8s ease-out .2s forwards;
	-moz-animation:ani-popup-2 .8s ease-out .2s forwards;
	animation:ani-popup-2 0.8s ease-out 0.2s forwards;
}
.home-page .page-container .first-screen .first-screen-phone .ani-wrap-2 .img-2 {
	-webkit-animation:ani-float-2 4s linear 1.2s infinite;
	-moz-animation:ani-float-2 4s linear 1.2s infinite;
	animation:ani-float-2 4s linear 1.2s infinite;
}
.home-page .page-container .first-screen .first-screen-phone .ani-wrap-3 {
	top:254px;
	left:65px;
	-webkit-animation:ani-popup-3 .8s ease-out .2s forwards;
	-moz-animation:ani-popup-3 .8s ease-out .2s forwards;
	animation:ani-popup-3 0.8s ease-out 0.2s forwards;
}
.home-page .page-container .first-screen .first-screen-phone .ani-wrap-3 .img-3 {
	-webkit-animation:ani-float-3 4s linear 1.2s infinite;
	-moz-animation:ani-float-3 4s linear 1.2s infinite;
	animation:ani-float-3 4s linear 1.2s infinite;
}
.home-page .page-container .first-screen .first-screen-phone .ani-wrap-4 {
	top:254px;
	right:0px;
	-webkit-animation:ani-popup-4 .8s ease-out .2s forwards;
	-moz-animation:ani-popup-4 .8s ease-out .2s forwards;
	animation:ani-popup-4 0.8s ease-out 0.2s forwards;
}
.home-page .page-container .first-screen .first-screen-phone .ani-wrap-4 .img-4 {
	-webkit-animation:ani-float-4 4s linear 1.2s infinite;
	-moz-animation:ani-float-4 4s linear 1.2s infinite;
	animation:ani-float-4 4s linear 1.2s infinite;
}



@-webkit-keyframes ani-popup-1 {
    to {
        -webkit-transform: translate3d(-329px,-202px,0);
        transform: translate3d(-329px,-202px,0);
        opacity: 1
    }
}

@-moz-keyframes ani-popup-1 {
    to {
        -moz-transform: translate3d(-329px,-202px,0);
        transform: translate3d(-329px,-202px,0);
        opacity: 1
    }
}

@keyframes ani-popup-1 {
    to {
        -webkit-transform: translate3d(-329px,-202px,0);
        -moz-transform: translate3d(-329px,-202px,0);
        transform: translate3d(-329px,-202px,0);
        opacity: 1
    }
}

@-webkit-keyframes ani-float-1 {
    25% {
        -webkit-transform: translate3d(10px,10px,0);
        transform: translate3d(10px,10px,0);
        opacity: 1
    }

    50% {
        -webkit-transform: translate3d(12px,12px,0);
        transform: translate3d(12px,12px,0);
        opacity: 1
    }

    75% {
        -webkit-transform: translate3d(2px,2px,0);
        transform: translate3d(2px,2px,0);
        opacity: 1
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@-moz-keyframes ani-float-1 {
    25% {
        -moz-transform: translate3d(10px,10px,0);
        transform: translate3d(10px,10px,0);
        opacity: 1
    }

    50% {
        -moz-transform: translate3d(12px,12px,0);
        transform: translate3d(12px,12px,0);
        opacity: 1
    }

    75% {
        -moz-transform: translate3d(2px,2px,0);
        transform: translate3d(2px,2px,0);
        opacity: 1
    }

    to {
        -moz-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes ani-float-1 {
    25% {
        -webkit-transform: translate3d(10px,10px,0);
        -moz-transform: translate3d(10px,10px,0);
        transform: translate3d(10px,10px,0);
        opacity: 1
    }

    50% {
        -webkit-transform: translate3d(12px,12px,0);
        -moz-transform: translate3d(12px,12px,0);
        transform: translate3d(12px,12px,0);
        opacity: 1
    }

    75% {
        -webkit-transform: translate3d(2px,2px,0);
        -moz-transform: translate3d(2px,2px,0);
        transform: translate3d(2px,2px,0);
        opacity: 1
    }

    to {
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@-webkit-keyframes ani-popup-2 {
    to {
        -webkit-transform: translate3d(314px,-174px,0);
        transform: translate3d(314px,-174px,0);
        opacity: 1
    }
}

@-moz-keyframes ani-popup-2 {
    to {
        -moz-transform: translate3d(314px,-174px,0);
        transform: translate3d(314px,-174px,0);
        opacity: 1
    }
}

@keyframes ani-popup-2 {
    to {
        -webkit-transform: translate3d(314px,-174px,0);
        -moz-transform: translate3d(314px,-174px,0);
        transform: translate3d(314px,-174px,0);
        opacity: 1
    }
}

@-webkit-keyframes ani-float-2 {
    35% {
        -webkit-transform: translate3d(-10px,10px,0);
        transform: translate3d(-10px,10px,0);
        opacity: 1
    }

    50% {
        -webkit-transform: translate3d(-12px,12px,0);
        transform: translate3d(-12px,12px,0);
        opacity: 1
    }

    80% {
        -webkit-transform: translate3d(-2px,2px,0);
        transform: translate3d(-2px,2px,0);
        opacity: 1
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@-moz-keyframes ani-float-2 {
    35% {
        -moz-transform: translate3d(-10px,10px,0);
        transform: translate3d(-10px,10px,0);
        opacity: 1
    }

    50% {
        -moz-transform: translate3d(-12px,12px,0);
        transform: translate3d(-12px,12px,0);
        opacity: 1
    }

    80% {
        -moz-transform: translate3d(-2px,2px,0);
        transform: translate3d(-2px,2px,0);
        opacity: 1
    }

    to {
        -moz-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes ani-float-2 {
    35% {
        -webkit-transform: translate3d(-10px,10px,0);
        -moz-transform: translate3d(-10px,10px,0);
        transform: translate3d(-10px,10px,0);
        opacity: 1
    }

    50% {
        -webkit-transform: translate3d(-12px,12px,0);
        -moz-transform: translate3d(-12px,12px,0);
        transform: translate3d(-12px,12px,0);
        opacity: 1
    }

    80% {
        -webkit-transform: translate3d(-2px,2px,0);
        -moz-transform: translate3d(-2px,2px,0);
        transform: translate3d(-2px,2px,0);
        opacity: 1
    }

    to {
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@-webkit-keyframes ani-popup-3 {
    to {
        -webkit-transform: translate3d(-341px,87px,0);
        transform: translate3d(-341px,87px,0);
        opacity: 1
    }
}

@-moz-keyframes ani-popup-3 {
    to {
        -moz-transform: translate3d(-341px,87px,0);
        transform: translate3d(-341px,87px,0);
        opacity: 1
    }
}

@keyframes ani-popup-3 {
    to {
        -webkit-transform: translate3d(-341px,87px,0);
        -moz-transform: translate3d(-341px,87px,0);
        transform: translate3d(-341px,87px,0);
        opacity: 1
    }
}

@-webkit-keyframes ani-float-3 {
    35% {
        -webkit-transform: translate3d(10px,-10px,0);
        transform: translate3d(10px,-10px,0);
        opacity: 1
    }

    50% {
        -webkit-transform: translate3d(12px,-12px,0);
        transform: translate3d(12px,-12px,0);
        opacity: 1
    }

    80% {
        -webkit-transform: translate3d(2px,-2px,0);
        transform: translate3d(2px,-2px,0);
        opacity: 1
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@-moz-keyframes ani-float-3 {
    35% {
        -moz-transform: translate3d(10px,-10px,0);
        transform: translate3d(10px,-10px,0);
        opacity: 1
    }

    50% {
        -moz-transform: translate3d(12px,-12px,0);
        transform: translate3d(12px,-12px,0);
        opacity: 1
    }

    80% {
        -moz-transform: translate3d(2px,-2px,0);
        transform: translate3d(2px,-2px,0);
        opacity: 1
    }

    to {
        -moz-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes ani-float-3 {
    35% {
        -webkit-transform: translate3d(10px,-10px,0);
        -moz-transform: translate3d(10px,-10px,0);
        transform: translate3d(10px,-10px,0);
        opacity: 1
    }

    50% {
        -webkit-transform: translate3d(12px,-12px,0);
        -moz-transform: translate3d(12px,-12px,0);
        transform: translate3d(12px,-12px,0);
        opacity: 1
    }

    80% {
        -webkit-transform: translate3d(2px,-2px,0);
        -moz-transform: translate3d(2px,-2px,0);
        transform: translate3d(2px,-2px,0);
        opacity: 1
    }

    to {
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@-webkit-keyframes ani-popup-4 {
    to {
        -webkit-transform: translate3d(194px,92px,0);
        transform: translate3d(194px,92px,0);
        opacity: 1
    }
}

@-moz-keyframes ani-popup-4 {
    to {
        -moz-transform: translate3d(194px,92px,0);
        transform: translate3d(194px,92px,0);
        opacity: 1
    }
}

@keyframes ani-popup-4 {
    to {
        -webkit-transform: translate3d(194px,92px,0);
        -moz-transform: translate3d(194px,92px,0);
        transform: translate3d(194px,92px,0);
        opacity: 1
    }
}

@-webkit-keyframes ani-float-4 {
    35% {
        -webkit-transform: translate3d(-10px,-10px,0);
        transform: translate3d(-10px,-10px,0);
        opacity: 1
    }

    50% {
        -webkit-transform: translate3d(-12px,-12px,0);
        transform: translate3d(-12px,-12px,0);
        opacity: 1
    }

    80% {
        -webkit-transform: translate3d(-2px,-2px,0);
        transform: translate3d(-2px,-2px,0);
        opacity: 1
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@-moz-keyframes ani-float-4 {
    35% {
        -moz-transform: translate3d(-10px,-10px,0);
        transform: translate3d(-10px,-10px,0);
        opacity: 1
    }

    50% {
        -moz-transform: translate3d(-12px,-12px,0);
        transform: translate3d(-12px,-12px,0);
        opacity: 1
    }

    80% {
        -moz-transform: translate3d(-2px,-2px,0);
        transform: translate3d(-2px,-2px,0);
        opacity: 1
    }

    to {
        -moz-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes ani-float-4 {
    35% {
        -webkit-transform: translate3d(-10px,-10px,0);
        -moz-transform: translate3d(-10px,-10px,0);
        transform: translate3d(-10px,-10px,0);
        opacity: 1
    }

    50% {
        -webkit-transform: translate3d(-12px,-12px,0);
        -moz-transform: translate3d(-12px,-12px,0);
        transform: translate3d(-12px,-12px,0);
        opacity: 1
    }

    80% {
        -webkit-transform: translate3d(-2px,-2px,0);
        -moz-transform: translate3d(-2px,-2px,0);
        transform: translate3d(-2px,-2px,0);
        opacity: 1
    }

    to {
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}
.footerDiv {
	background-color:#333;
	color:#fff;
}
.footerDiv .footer {
	display:flex;
	max-width:1440px;
	min-width:1280px;
	margin:30px auto 0;
}
.footerDiv .footer .footerLi {
	flex:1;
	padding:50px;
	font-size:16px;
	color:#999;
}
.footerDiv .footer .footerLi .footerLiTitle {
	font-size:18px;
	font-family:'AliBlack';
	font-weight:bold;
	line-height:60px;
	color:#fff;
}
.footerDiv .footer .footerLi .footerLiText {
	line-height:30px;
}
.footerDiv .footerCopyright {
	max-width:1440px;
	min-width:1280px;
	margin:0 auto;
	line-height:80px;
	text-align:center;
}
.footerDiv .footerCopyright hr {
	border-color:#999;
}
.footerLi a {
	color:#999;
}
.footerLi a:hover {
	color:#ccc;
}
.DescScreen {
	max-width:1440px;
	min-width:1280px;
	margin:0 auto;
	margin-top:150px;
}
.DescScreen .DescScreenHead {
	text-align:center;
	color:#656e7a;
	font-size:20px;
	line-height:70px;
	font-weight:bold;
	margin-bottom:50px;
}
.DescScreen .DescScreenHead .DescScreenHeadTitle {
	font-size:50px;
	color:#000;
	font-family:"AliBlack";
	text-align:center;
}
.DescScreen .DescScreenContent {
	display:flex;
	flex-direction:column;
	padding:30px;
	border-radius:10px;
	background-color:#f3f7fb;
}
.DescScreen .DescScreenContent .ContentItem {
	width:100%;
	display:flex;
	-webkit-box-pack:justify;
	justify-content:space-between;
	-webkit-box-align:center;
	align-items:center;
	font-size:20px;
	line-height:40px;
}
.DescScreen .DescScreenContent .ContentItem .left {
	width:45%;
	padding:50px;
}
.DescScreen .DescScreenContent .ContentItem .left .sub-title {
	font:16px;
	color:#12a7bd;
	margin-bottom:20px;
	display:flex;
}
.DescScreen .DescScreenContent .ContentItem .left .title {
	font-size:36px;
	font-family:"AliBlack";
	line-height:100px;
}
.DescScreen .DescScreenContent .ContentItem:nth-child(2n+1) .left {
	order:1;
}
.DescScreen .DescScreenContent .ContentItem .right {
	width:55%;
	position:relative;
	top:68px;
}
.DescScreen .DescScreenContent .ContentItem .right .detail-img {
	translate:none;
	rotate:none;
	scale:none;
	transform:translate(0%,-13.3211%) translate3d(0px,0px,0px);
}
.DescScreen .DescScreenContent .ContentItem .right .width-full {
	width:100%;
}
.DescScreen .DescScreenContent .ContentItem .right .ContentItemGif {
	border-radius:10px;
	width:80%;
	margin:20px auto 0px;
	display:block;
}

.BannerDiv{
	width: 1202.5px;
	margin: 100px auto 0;
	height: 450px;
}
.BannerLi {
    display: block;
    width: 382.5px;
    float: left;
    border-radius: 10px;
    height: 215px;
}
.BannerLi:nth-child(1){
	width: 800px;
	height: 450px;
	margin-right: 20px;
}
.BannerLi:nth-child(2){
	margin-bottom: 20px;
}
.BannerLi img {
    width: 100%;
    border-radius: 8px;
    height: 100%;
    float: left;
}
.InformationUlDiv{
	width: 1202.5px;
	margin: 60px auto 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: -moz-box;
	display: flex;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	flex-shrink: 0;
	align-content: flex-start;
	border: 0 solid #000;
	flex-wrap: wrap;
	justify-content: space-between;
}
.InformationLiDiv {
    width: 387.5px;
	display: -moz-box;
	display: flex;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	flex-direction: column;
	flex-shrink: 0;
	align-content: flex-start;
	flex-grow: 0;
	margin-bottom: 20px;
	cursor: pointer;
}
.InformationLiImgDiv{
	position: relative;
	width: 387.5px;
	height: 217.83px;
	border-radius: 18px;
	overflow: hidden;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s
}
.InformationLiImgDiv:hover{
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	transform: scale(1.03);
	-webkit-box-shadow: 0 3px 10px 0 rgba(114,131,150,.5);
	box-shadow: 0 3px 10px 0 rgba(114,131,150,.5)
}
.InformationLiImgDiv img{
	width: 100%;
	height: 100%
}
.InformationLiDiv h3{
	margin-top: 20px;
	font-size: 19px;
	color: #323232;
	font-weight: 700
}
.InformationLiDesc,.InformationLiDiv h3{
    width: 100%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}
.InformationLiDiv:nth-child(3n+2){
	margin-left: 20px;
	margin-right: 20px;
}
.InformationLiDesc {
    height: 42px;
    line-height: 21px;
    margin-top: 6px;
    font-size: 15px;
    color: #909090;
    letter-spacing: 0
}
.jqpager ul.pages {
	display: flex;
	justify-content: center;
	border:none;
	text-transform:uppercase;
	margin:2px 0 15px 2px;
	padding:0;
}
 
.jqpager ul.pages li {
	list-style:none;
	border:1px solid #ccc;
	text-decoration:none;
	margin:0 5px 0 0;
	padding:7px;
	border-radius: 4px;
}
 

 
.jqpager ul.pages li.pgEmpty {
	border:1px solid #aaa;
	color:#aaa;
	cursor:default;
}
.jqpager ul.pages li:hover {
	border:1px solid var(--themeColor);
	color:#fff;
	background-color:var(--themeColor);
	cursor: pointer;
}
.jqpager ul.pages li.pgText {
	border:none;
	cursor:default;
}
.jqpager ul.pages li.pgText:last-child:hover{
	border:none;
	color:#000;
	cursor:default;
	background: none;
}
 
.jqpager ul.pages li.page-number
{
	min-width:15px;
	text-align:center;
}
 
.jqpager ul.pages li.pgCurrent {
	border:1px solid var(--themeColor);
	color:#fff;
	font-weight:700;
	background-color:var(--themeColor);
}
 
.HuaZhanSite .jqpager ul.pages li.pgCurrent {
	border:1px solid var(--HZthemeColor);
	background-color:var(--HZthemeColor);
}
.HuaZhanSite .jqpager ul.pages li:hover {
	border:1px solid var(--HZthemeColor);
	background-color:var(--HZthemeColor);
}
.jqpager input.iptGo
{
	width:30px;
	border:1px solid #ccc;
	margin:-2px 0px 0px 0px;
	height:18px;
	vertical-align:middle;
}
.jqpager span.spGo
{
	cursor:pointer;
	margin-left:2px;
}
.InformationHeadDiv {
    width: 1000px;
    margin: 100px auto 0;
    line-height: 50px;
    text-align: center;
    color: #999;
}
.InformationHeadDiv h1 {
    line-height: 60px;
    text-align: left;
    color: #000;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.InformationDiv {
    width: 1000px;
    font-size: 18px!important;
    line-height: 36px!important;
    margin: 30px auto 0;
}
.InformationDiv img{
	width: 100%;
	margin: 20px 0;
	border-radius: 8px;
}
.ContactHeader{
	z-index: 99;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
	width: 100%;
	margin-top: 80px;
}
.ContactHeader .header-wrap{
	width: 100%;
	display: flex;
	flex-direction: column;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
	padding: var(--spacing-page-mid-120) 0;
	background: url(https://img.js.design/assets/Resources/background/home-bg-2.png) 0% 0% / cover no-repeat fixed;
	background-repeat: no-repeat;
	height: 480px;
}
.ContactHeader .header-title {
    display: flex;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
	font-size: 28px;
}
.ContactHeader .header-title h1{
	line-height: 120px;
	font-size: 50px;
	font-family:'AliBlack';
}
.mainContent {
    width: 1000px;
    margin: 0 auto;
    font-size: 24px;
    line-height: 50px;
    padding: 50px;
}
.mainContentCTitle{
	font-family:'AliBlack';
	color:var(--themeColor);
}

.banner {
    width: 100%;
    height: 480px;
    background: #000;
	position: relative;
}
.bannerswitch {
    width: 100%;
    height: 480px;
    position: relative;
    overflow: hidden;
}
.bannerswitch li {
    width: 100%;
    height: 480px;
}
.SearchDiv {
    position: absolute;
    top: 200px;
    width: 800px;
    text-align: center;
    margin: 0 auto;
    left: 0;
    right: 0;
    background-color: rgba(255,255,255,0.8) !important;
    border-radius: 4px;
	line-height: 50px;
}
input.SearchInput {
    line-height: 50px;
    font-size: 16px;
    border: none;
    background: rgba(0,0,0,0);
    outline: none;
    width: 700px;
}
.SearchBtn{
	position: absolute;
	right: 20px;
	font-size: 20px!important;
}
.SearchBtn:hover{
	color:var(--HZthemeColor);
	cursor: pointer;
}
.SearchHotDiv {
    position: absolute;
    text-align: center;
    width: 800px;
    overflow: hidden;
    color: #fff;
}
.SearchHotDiv a {
    color: #fff;
    margin: 0 5px;
}
.ExhibitionUlDiv{
	width: 1202.5px;
	margin: 30px auto 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: -moz-box;
	display: flex;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	flex-shrink: 0;
	align-content: flex-start;
	border: 0 solid #000;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.ExhibitionLiDiv {
    width: 387.5px;
	display: -moz-box;
	display: flex;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	flex-direction: column;
	flex-shrink: 0;
	align-content: flex-start;
	flex-grow: 0;
	margin-bottom: 20px;
	cursor: pointer;
	background: #fff;
	overflow: hidden;
	border-radius: 8px;
	position: relative;
}
.ExhibitionLiImgDiv{
	position: relative;
	width: 387.5px;
	height: 217.83px;
	overflow: hidden;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s
}
.ExhibitionLiDiv:hover {
	-webkit-box-shadow: 0 3px 10px 0 rgba(114,131,150,.5);
	box-shadow: 0 3px 10px 0 rgba(114,131,150,.5)
}
.ExhibitionLiDiv:hover .ExhibitionLiImgDiv{
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	transform: scale(1.03);
}
.ExhibitionLiImgDiv img{
	width: 100%;
	height: 100%
}
.ExhibitionLiDiv h3{
	margin-top: 20px;
	font-size: 19px;
	color: #323232;
	font-weight: 700;
	
}
.ExhibitionLiDesc,.ExhibitionLiDiv h3{
    width: 100%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}
.ExhibitionLiDiv:nth-child(3n+2){
	margin-left: 20px;
	margin-right: 20px;
}
.ExhibitionLiText{
	font-size: 18px;
	line-height: 40px;
	padding:0 15px;
}
.ExhibitionLiText:before{
	color: var(--HZthemeColor);
	margin-right: 5px;
}
.ExhibitionLiPrice {
    font-size: 20px;
    line-height: 40px;
    position: absolute;
    top: 257.83px;
    right: 15px;
	color: var(--HZthemeColor);
}
.ExhibitionLiDesc {
    height: 42px;
    line-height: 21px;
    margin-top: 6px;
    font-size: 15px;
    color: #909090;
    letter-spacing: 0;
	padding:0 15px;
	margin-bottom: 15px;
	width: 358px;
}
.HeaderSearchDiv{
	position: absolute;
	top: 15px;
	width: 375px;
	left: 125px;
	line-height: 50px;
	margin-right: 20px;
	border-bottom: 1px solid #ccc;
}
.HeaderSearchDiv.active{
	border-bottom: 1px solid var(--HZthemeColor);
}
.HeaderSearchInput{
	line-height: 50px;
	font-size: 16px;
	border: none;
	background: rgba(0,0,0,0);
	outline: none;
	width: 330px;
}
.HeaderSearchBtn{
	position: absolute;
	right: 20px;
	font-size: 20px!important;
}
.HeaderSearchBtn:hover{
	color: var(--HZthemeColor);
	cursor: pointer;
}
.headerChild {
    background: #fff;
    border-bottom: 1px solid rgba(3,3,3,0.1);
    height: 50px;
    position: fixed;
    top: 80px;
    width: 100%;
    z-index: 99;
}
.headerChildC{
	max-width: 1440px;
	min-width: 1280px;
	margin: 0 auto;
}

.SearchScreenDiv {
    border: 0;
    background: #fff;
    box-shadow: 0 0 2px rgba(0,0,0,.1);
    width: 1202.5px;
    margin: 100px auto 20px;
    padding: 10px 16px;
    border-radius: 8px;
}

.SearchScreenLi {
    padding-left: 80px;
    font-size: 16px;
    line-height: 30px;
    position: relative;
	overflow: hidden;
}
.SearchScreenLi.SearchHidden{
	height: 0px;
}

.SearchScreenLi.SearchHidden.active{
	height: auto;
}

.SearchScreenTitle {
    position: absolute;
    top: 0px;
    left: 0px;
	line-height: 40px;
	font-weight: bold;
}

.SearchScreenLiC {
    display: inline-block;
    vertical-align: top;
    color: #333;
    margin-bottom: 2px;
    cursor: pointer;
	padding: 0 7px;
	margin: 5px 8px;
	border-radius: 4px;
}
.SearchScreenLiC:hover,.SearchScreenLiC.active{
	background-color: var(--HZthemeColor);
	color: #fff;
	cursor: pointer;
}
.CardDiv{
	max-width: 1400px;
	min-width: 1240px;
	border-radius: 8px;
	margin: 20px auto;
	background: #fff;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
	padding: 20px;
	padding-top: 80px;
	position: relative;
	line-height: 30px;
	font-size: 16px;
}
.CardDiv .CardTitleDiv {
    position: absolute;
    font-size: 18px;
    padding: 5px 8px;
    border-radius: 4px;
    top: 20px;
}
.ExhibitionBannerDiv {
	max-width: 760px;
	min-width: 740px;
    margin: 100px auto 30px;
    position: relative;
    height: 360px;
    padding-left: 660px;
    padding-top: 0;
	padding-bottom: 0;
    overflow: hidden;
    padding-right: 20px;
}
.ExhibitionBannerDiv img{
	position: absolute;
	left: 0;
	top: 0;
}
.ExhibitionBannerTitleDiv {
	font-family: "AliBlack";
    font-size: 24px;
    line-height: 40px;
    margin-top: 20px;
    font-weight: bold;
}
.ExhibitionBannerTextDiv {
    font-size: 16px;
    line-height: 30px;
	margin: 5px 0px;
}
.RowText{
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.TowRowText{
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.tagText {
    padding: 2px 3px;
    border-radius: 4px;
    font-size: 14px;
    font-family: "AliBlack";
    font-weight: bold;
    margin-right: 5px;
}
.BannerStatus {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    padding: 5px;
    font-size: 16px;
    font-family: "AliBlack";
    font-weight: bold;
}
.ExhibitionBoothDiv{
	display: flex;
}
.ExhibitionBoothPriceDiv {
    flex: 1;
}
.BoothPriceText {
    position: relative;
    padding-left: 100px;
    line-height: 40px;
	display: flex;
}
.BoothPriceTitle {
    position: absolute;
    left: 15px;
}
.BoothPrice {
    font-weight: bold;
    font-size: 22px;
}
.CheckBox {
    border: 1px solid #ccc;
    padding: 0 20px;
    position: relative;
    line-height: 30px;
    margin: 5px 20px 5px 0;
    border-radius: 4px;
}
.CheckBox .icon-checked {
    font-size: 10px;
    position: absolute;
    bottom: 0;
    line-height: 12px;
    right: 0;
	padding: 1px;
	border-top-left-radius: 4px;
	border-bottom-right-radius: 4px;
	opacity: 0;
}
.CheckBox.active,.CheckBox:hover{
	color: var(--HZthemeColor);
	border-color: var(--HZthemeColor);
	cursor: pointer;
}
.CheckBox.active .icon-checked,.CheckBox:hover .icon-checked{
	opacity: 1;
}
.ExhibitionBoothInfoDiv {
    flex: 1;
	
}
.BoothInfoName {
    text-align: center;
    line-height: 40px;
    font-size: 20px;
}
.BoothInfoTitle {
    text-align: center;
    font-size: 30px;
    line-height: 60px;
    font-weight: bold;
}
.BoothInfoC {
    display: flex;
    flex-wrap: wrap;
    padding: 20px 60px;
}
.BoothInfoCLi {
    margin-right: 30px;
}