/**
 * hero public css
 * 
 * website : https://hero.com
 * 
 * author: lewin
 * Released on: August, 2021
 */
@font-face {
	font-family: 'perman';
	src: url('../font/perman.ttf') format('opentype');
}

@font-face {
	font-family: 'bytheway';
	src: url('../../1.0/font/Bytheway.ttf') format('opentype');
}

@font-face {
	font-family: 'medium';
	src: url('../../1.0/font/SourceHanSansCNMedium.otf') format('opentype');
}

div,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
li,
p,
input,
button,
textarea,
a {
	margin: 0;
	padding: 0;
}

html,
body {
	width: 100%;
	position: relative;
	margin: 0 auto;
	font-family: "Microsoft YaHei", "Helvetica Neue", Arial, HelveticaNeue, Helvetica, "BBAlpha Sans", sans-serif;
	padding: 0;
	background: #070707;
}

ul,
li {
	list-style: none;
}

a {
	text-decoration: none;
}

input,
button {
	border: none;
	outline: none;
	-webkit-appearance: none;
	background: none;
}

video {
	object-fit: fill;
}

/*input placeholder样式修改*/
input::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
	/*text-align: center;*/
}

input::-moz-placeholder {
	/* Firefox 19+ */
	/*text-align: center;*/
}

input:-ms-input-placeholder {
	/* IE 10+ */
	/*text-align: center;*/
}

input:-moz-placeholder {
	/* Firefox 18- */
	/*text-align: center;*/
}

a,
button {
	cursor: pointer;
	text-decoration: underline;
	outline: 0;
	-moz-outline: 0;
}

a,
a:hover {
	text-decoration: none;
	outline: 0;
	-moz-outline: 0;
}

.hero-chengg {
	width: 100%;
	height: 1px;
	position: relative;
}

.clear {
	height: 0px;
	clear: both;
	font-size: 0px;
	line-height: 0px;
	zoom: 1;
}

#global {
	position: relative;
	margin: 0 auto;
	width: 100%;
}

.header {
	width: 100%;
	height: 3.1rem;
	background: url(../images/header.png) no-repeat center;
	background-size: cover;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 20;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
}

.logo {
	display: block;
	width: 1.13rem;
	height: .68rem;
	margin: .19rem 0 0 .38rem;
}

.header ul {
	font-size: .3rem;
	color: #e4e4e4;
	font-family: 'perman';
	margin: .37rem 0 0 0;
}
.header ul li:nth-child(2){
	text-shadow:0 0 .1rem rgba(164,27,27,.38);
	animation:liDong 2s linear infinite;
	-webkit-animation:liDong 2s linear infinite;
}
@keyframes liDong{
	0%{transform:rotate(0deg) scale(1)}
	50%{transform:rotate(-2deg) scale(1.05)}
	100%{transform:rotate(0deg) scale(1)}
}
.header ul li:nth-child(2):after{
	display:block;
	content:'';
	background:url(../images/sura.png) no-repeat center;
	background-size:cover;
	width:1.51rem;
	height:.44rem;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-0.755rem;
	margin-top:-.22rem;
	animation: heartBeat 2s ease-in-out infinite;
	transform-origin:center center;
}
.header ul li:nth-child(2):before{
	display:block;
	content:'';
	background:url(../images/sura.png) no-repeat center;
	background-size:cover;
	width:1.51rem;
	height:.44rem;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-0.755rem;
	margin-top:-.22rem;
	animation: heartBeat 2s ease-in-out infinite;
	transform-origin:center center;
}
@keyframes dian{
	0%{transform:scale(0.9);opacity:.4}
	50%{transform:scale(1);opacity:1}
	100%{transform:scale(0.9);opacity:.4}
}
.header ul li {
	float: left;
	margin-right: .46rem;
	cursor: pointer;
	position:relative;
}
.header ul li a {
	color: #e4e4e4;
	position:relative;
	z-index:1;
}
.header ul li:hover a {
	color: #a41b1b;
}

.header ul li a.active {
	color: #a41b1b;
}

.kv {
	width: 100%;
	/* height:10.8rem; */
	/* background: url(../images/kv.jpg) no-repeat center; */
	background-size: cover;
	position: relative;
	margin: 0 auto 0;
	z-index:1;
}
.videoBg{
	display:block;
	width:100%;
	object-fit:cover;
	position:absolute;
	left:0;
	top:0;
}
.kvBg{
	display:block;
	width:100%;
	position:relative;
	pointer-events: none;
	object-fit: cover;
}
.kvGuo{
	display:block;
	width:100%;
	position:absolute;
	bottom:-20%;
	left:0;
}
.kvMain {
	width: 7.12rem;
	position: absolute;
	left: 50%;
	margin-left: -3.56rem;
	top: 4.06rem;
}

.kvMain .slogan {
	width: 100%;
	height: 1.73rem;
	background: url(../images/slogan.png) no-repeat center;
	background-size: cover;
	position: relative;
	margin: 0 auto 0;
}

.btnList {
	width: 4.95rem;
	height: .54rem;
	position: relative;
	margin: 0.2rem auto 0;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
}

.btnList>div {
	width: 2.36rem;
	height: 100%;
	position: relative;
	cursor: pointer;
	transition:all .3s;
	-webkit-transition:all .3s;
}
.btnList>div:hover{
	transform:rotate(-2deg);
}
.btnList>div img {
	display: block;
	width: 100%;
}
.btnList>div img:nth-child(2){
	display:none;
}
.btnList>div:hover img:nth-child(1) {
	display: none;
}
.btnList>div:hover img:nth-child(2){
	display:block;
}
.mediaList {
	width: 4.4rem;
	height: .31rem;
	position: fixed;
	left: .42rem;
	bottom: 5%;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	z-index: 2;
}

.mediaList a {
	display: block;
	width: .31rem;
	height: .31rem;
	overflow: hidden;
}

.mediaList a img {
	display: block;
	width: 100%;
}

.mediaList a:hover img:nth-child(1) {
	display: none;
}

.float {
	width: .64rem;
	height: 3.13rem;
	position: fixed;
	right: 0;
	top: 45%;
	transform: translate(0, -45%);
	-webkit-transform: translate(0, -45%);
	overflow: hidden;
	z-index: 10;
	cursor: pointer;
}

.float img {
	display: block;
	width: 100%;
}

.float:hover img:nth-child(1) {
	display: none;
}

.sec {
	width: 100%;
	/* height: 17.3rem; */
	/* background: url(../images/sec.jpg) no-repeat center; */
	background-size: cover;
	position: relative;
	overflow: hidden;
	margin: 0 auto 0;
}

.tit {
	display: block;
	width: 6.77rem;
	position: absolute;
	left: .27rem;
	top: .44rem;
	z-index: 1;
	opacity:0;
}
.note{
	display:block;
	width:7.62rem;
	position:absolute;
	left:50%;
	margin-left:-3.41rem;
	top:24%;
}
.leaveLine {
	width: 4.02rem;
	position: absolute;
	left: 1.02rem;
	top: 11.22rem;
	opacity:0;
}

.leaveTit {
	display: block;
	width: 3rem;
	margin: 0 auto 0;
}

.leaveMsg {
	display: block;
	width: 100%;
	overflow: hidden;
	height: .9rem;
	outline: none;
	color: #fff;
	position: relative;
	background: none;
	border: 0;
	resize: none;
	font-size: .18rem;
	line-height: .52rem;
	margin-top: .2rem;
	font-family:"Microsoft YaHei",'SimHei'
}
/*input placeholder样式修改*/
.leaveMsg::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
	/*text-align: center;*/
	color: #6f6f6f;
	font-size:.16rem;
}

.leaveMsg::-moz-placeholder {
	/* Firefox 19+ */
	/*text-align: center;*/
	color: #6f6f6f;
	font-size:.16rem;
}

.leaveMsg:-ms-input-placeholder {
	/* IE 10+ */
	/*text-align: center;*/
	color: #6f6f6f;
	font-size:.16rem;
}

.leaveMsg:-moz-placeholder {
	/* Firefox 18- */
	/*text-align: center;*/
	color: #6f6f6f;
	font-size:.16rem;
}
.leaveLine:after {
	display: block;
	content: '';
	width: 100%;
	height: .52rem;
	background: url(../images/line.png) no-repeat center;
	background-size: cover;
	position: absolute;
	left: 0;
	top: 1.3rem;
}

.txtLength {
	font-size: .16rem;
	color: #6f6f6f;
	position: absolute;
	right: 0;
	top: 1.57rem;
}

.txtLength em {
	font-style: normal;
}

.putName {
	display: flex;
	justify-content: end;
	position: relative;
	margin-top: .6rem;
	align-items: center;
}

.putName span {
	font-size: .22rem;
	color: #e4e4e4;
}

.putName input {
	width: 1.62rem;
	font-size: .16rem;
	color: #e4e4e4;
	margin-left: .05rem;
	text-align: center;
	position: relative;
}

.putName:after {
	display: block;
	content: '';
	width: 1.62rem;
	height: .01rem;
	background: url(../images/di.png) no-repeat center;
	background-size: cover;
	position: absolute;
	right: 0;
	bottom: 0;
}

.sec .submit {
	width: 2.26rem;
	height: .5rem;
	cursor: pointer;
	position: relative;
	margin: 0.6rem auto 0;
	transition:all .3s;
	-webkit-transition:all .3s;
	overflow: hidden;
}

.sec .submit img {
	display: block;
	width: 100%;
}
.sec .submit:hover{
	transform:rotate(-2deg);
	-webkit-transform:rotate(-2deg);
}
.sec .submit:hover img:nth-child(1) {
	display: none;
}
.sec .submit.active{
	pointer-events: none;
}
.mapBody {
	width: 12.57rem;
	height: 8.56rem;
	background: url(../images/map.png) no-repeat center;
	background-size: cover;
	position: absolute;
	right: 0;
	top: 54%;
	z-index: 1;
}
.secTips{
	width:100%;
	font-size:.16rem;
	color:#dedede;
	line-height:.24rem;
	text-align:center;
	position:absolute;
	left:0;
	bottom:.26rem;
	z-index:1;
}
.mapBody .mapDiv {
	width: .06rem;
	height: .06rem;
	background: #f53a3a;
	border-radius: 50%;
	position: absolute;
	cursor: pointer;
	animation: glow 2s infinite;
	transition: all .3s;
}
.mapBody .mapDiv.active {
	animation:none;
}
.mapBody .mapDiv.active:after {
	display: block;
	content: '';
	width: .12rem;
	height: .12rem;
	border: 0.01rem solid #f53a3a;
	border-radius: 50%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.mapBody .mapDiv .pulse-ring {
	display:none;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left:-0.03rem;
	margin-top:-0.03rem;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background:#f53a3a;
	/* border: 2px solid #ff6b6b; */
	animation: pulse 2s infinite;
	transform-origin:center center;
	opacity:0;
}
.mapBody .mapDiv .pulse-ring:nth-child(2){
	animation-delay: 0.66s;
}
.mapBody .mapDiv .pulse-ring:nth-child(3){
	animation-delay: 1.33s;
}
.mapBody .mapDiv .pulse-ring.active {
	display:block;
}
@keyframes pulse {
	0% {
		transform: scale(1);
		opacity: 0.8;
	}

	70% {
		transform: scale(30);
		opacity: 0;
	}

	100% {
		transform: scale(70);
		opacity: 0;
	}
}

@keyframes glow {

	0%,
	100% {
		box-shadow:
			0 0 0px #f53a3a,
			0 0 0px #f53a3a;
		transform: scale(1) translate(-50%,-50%);
		opacity:1;
	}

	50% {
		box-shadow: 0 0 50px #f53a3a,
			0 0 100px #f53a3a;
		transform: scale(1.3) translate(-50%,-50%);
		opacity:.2;
	}
}
.mapBody .mapDiv.num1{
	opacity:.6;
}
.mapBody .mapDiv.num2{
	opacity:.7;
}
.mapBody .mapDiv.num3{
	opacity:.8;
}
.mapBody .mapDiv.num4{
	opacity:.9;
}
.mapBody .mapDiv.num5{
	opacity:1;
}
.mapBody .mapDiv:nth-child(3n+1) {
	animation-delay: 0s
}

.mapBody .mapDiv:nth-child(3n-1) {
	animation-delay: 1s
}

.mapBody .mapDiv:nth-child(3n) {
	animation-delay: .5s
}

.mapBody .mapDiv:nth-child(1) {
	left: 1.96rem;
	top: 3.93rem;
}

.mapBody .mapDiv:nth-child(2) {
	left: 2.17rem;
	top: 3.38rem;
}

.mapBody .mapDiv:nth-child(3) {
	left: 2.04rem;
	top: 3.24rem;
}

.mapBody .mapDiv:nth-child(4) {
	left: 1.81rem;
	top: 3.36rem;
}

.mapBody .mapDiv:nth-child(5) {
	left: 1.85rem;
	top: 3.69rem;
}

.mapBody .mapDiv:nth-child(6) {
	left: 1.61rem;
	top: 3.48rem;
}

.mapBody .mapDiv:nth-child(7) {
	left: 1.46rem;
	top: 3.19rem;
}

.mapBody .mapDiv:nth-child(8) {
	left: 1.52rem;
	top: 3.39rem;
}

.mapBody .mapDiv:nth-child(9) {
	left: 1.37rem;
	top: 3.67rem;
}

.mapBody .mapDiv:nth-child(10) {
	left: 1.36rem;
	top: 3.5rem;
}

.mapBody .mapDiv:nth-child(11) {
	left: 1.27rem;
	top: 3.5rem;
}

.mapBody .mapDiv:nth-child(12) {
	left: 1.27rem;
	top: 3.4rem;
}

.mapBody .mapDiv:nth-child(13) {
	left: 2.33rem;
	top: 4.09rem;
}

.mapBody .mapDiv:nth-child(14) {
	left: .9rem;
	top: 3.39rem;
}

.mapBody .mapDiv:nth-child(15) {
	left: 3.61rem;
	top: 3.87rem;
}

.mapBody .mapDiv:nth-child(16) {
	left: 3.48rem;
	top: 3.85rem;
}

.mapBody .mapDiv:nth-child(17) {
	left: 4.71rem;
	top: 4.18rem;
}

.mapBody .mapDiv:nth-child(18) {
	left: 4.66rem;
	top: 4.27rem;
}

.mapBody .mapDiv:nth-child(19) {
	left: 4.72rem;
	top: 4.53rem;
}

.mapBody .mapDiv:nth-child(20) {
	left: 4.57rem;
	top: 4.45rem;
}

.mapBody .mapDiv:nth-child(21) {
	left: 4.44rem;
	top: 4.33rem;
}

.mapBody .mapDiv:nth-child(22) {
	left: 4.19rem;
	top: 4.19rem;
}

.mapBody .mapDiv:nth-child(23) {
	left: 4.05rem;
	top: 4.07rem;
}

.mapBody .mapDiv:nth-child(24) {
	left: 3.8rem;
	top: 4.09rem;
}

.mapBody .mapDiv:nth-child(25) {
	left: 3.44rem;
	top: 3.54rem;
}

.mapBody .mapDiv:nth-child(26) {
	left: 3.43rem;
	top: 3.68rem;
}

.mapBody .mapDiv:nth-child(27) {
	left: 3.1rem;
	top: 3.74rem;
}

.mapBody .mapDiv:nth-child(28) {
	left: 2.64rem;
	top: 3.65rem;
}

.mapBody .mapDiv:nth-child(29) {
	left: 2.24rem;
	top: 3.78rem;
}

.mapBody .mapDiv:nth-child(30) {
	left: 1.41rem;
	top: 2.99rem;
}

.mapBody .mapDiv:nth-child(31) {
	left: 1.63rem;
	top: 2.97rem;
}

.mapBody .mapDiv:nth-child(32) {
	left: 1.85rem;
	top: 2.87rem;
}

.mapBody .mapDiv:nth-child(33) {
	left: 2.32rem;
	top: 3.05rem;
}

.mapBody .mapDiv:nth-child(34) {
	left: 1.58rem;
	top: 3.8rem;
}

.mapBody .mapDiv:nth-child(35) {
	left: 1.1rem;
	top: 3.42rem;
}

.mapBody .mapDiv:nth-child(36) {
	left: 1.2rem;
	top: 3.54rem;
}

.mapBody .mapDiv:nth-child(37) {
	left: 1.07rem;
	top: 3.95rem;
}

.mapBody .mapDiv:nth-child(38) {
	left: 2.88rem;
	top: 3.9rem;
}

.mapBody .mapDiv:nth-child(39) {
	left: .8rem;
	top: 5.02rem;
}

.mapBody .mapDiv:nth-child(40) {
	left: 1.09rem;
	top: 5.03rem;
}

.mapBody .mapDiv:nth-child(41) {
	left: 1.42rem;
	top: 4.95rem;
}

.mapBody .mapDiv:nth-child(42) {
	left: 3.17rem;
	top: 4.32rem;
}

.mapBody .mapDiv:nth-child(43) {
	left: 3.05rem;
	top: 4.29rem;
}

.mapBody .mapDiv:nth-child(44) {
	left: 2.95rem;
	top: 4.26rem;
}

.mapBody .mapDiv:nth-child(45) {
	left: 2.81rem;
	top: 4.39rem;
}

.mapBody .mapDiv:nth-child(46) {
	left: 3.44rem;
	top: 3.18rem;
}

.mapBody .mapDiv:nth-child(47) {
	left: 3.57rem;
	top: 3.43rem;
}

.mapBody .mapDiv:nth-child(48) {
	left: 4.47rem;
	top: 3.1rem;
}

.mapBody .mapDiv:nth-child(49) {
	left: 5.24rem;
	top: 4.33rem;
}

.mapBody .mapDiv:nth-child(50) {
	left: 5.32rem;
	top: 3.46rem;
}

.mapBody .mapDiv:nth-child(51) {
	left: 5.71rem;
	top: 3.41rem;
}

.mapBody .mapDiv:nth-child(52) {
	left: 4.91rem;
	top: 3.38rem;
}

.mapBody .mapDiv:nth-child(53) {
	left: 2.82rem;
	top: 4.17rem;
}

.mapBody .mapDiv:nth-child(54) {
	left: 2.69rem;
	top: 4.02rem;
}

.mapBody .mapDiv:nth-child(55) {
	left: 2.42rem;
	top: 4.03rem;
}

.mapBody .mapDiv:nth-child(56) {
	left: 2.38rem;
	top: 4.02rem;
}

.mapBody .mapDiv:nth-child(57) {
	left: 2.4rem;
	top: 4.09rem;
}

.mapBody .mapDiv:nth-child(58) {
	left: 1.54rem;
	top: 4.05rem;
}

.mapBody .mapDiv:nth-child(59) {
	left: 1.02rem;
	top: 4.23rem;
}

.mapBody .mapDiv:nth-child(60) {
	left: .92rem;
	top: 4.06rem;
}

.mapBody .mapDiv:nth-child(61) {
	left: 1.79rem;
	top: 3.58rem;
}

.mapBody .mapDiv:nth-child(62) {
	left: 1.71rem;
	top: 3.55rem;
}

.mapBody .mapDiv:nth-child(63) {
	left: 1.68rem;
	top: 4.21rem;
}

.mapBody .mapDiv:nth-child(64) {
	left: 2.26rem;
	top: 4.19rem;
}

.mapBody .mapDiv:nth-child(65) {
	left: 2.77rem;
	top: 4.67rem;
}

.mapBody .mapDiv:nth-child(66) {
	left: 2.39rem;
	top: 4.71rem;
}

.mapBody .mapDiv:nth-child(67) {
	left: 2.62rem;
	top: 4.93rem;
}

.mapBody .mapDiv:nth-child(68) {
	left: 1.85rem;
	top: 4.93rem;
}

.mapBody .mapDiv:nth-child(69) {
	left: 3.07rem;
	top: 5.92rem;
}

.mapBody .mapDiv:nth-child(70) {
	left: 1.62rem;
	top: 5.09rem;
}

.mapBody .mapDiv:nth-child(71) {
	left: 2rem;
	top: 5.21rem;
}

.mapBody .mapDiv:nth-child(72) {
	left: 1.74rem;
	top: 5.4rem;
}

.mapBody .mapDiv:nth-child(73) {
	left: 1.91rem;
	top: 5.72rem;
}

.mapBody .mapDiv:nth-child(74) {
	left: 1.95rem;
	top: 5.54rem;
}

.mapBody .mapDiv:nth-child(75) {
	left: 2.62rem;
	top: 5.32rem;
}

.mapBody .mapDiv:nth-child(76) {
	left: 2.12rem;
	top: 6.21rem;
}

.mapBody .mapDiv:nth-child(77) {
	left: 2.42rem;
	top: 6.24rem;
}

.mapBody .mapDiv:nth-child(78) {
	left: 2.48rem;
	top: 6.41rem;
}

.mapBody .mapDiv:nth-child(79) {
	left: 2.63rem;
	top: 6.25rem;
}

.mapBody .mapDiv:nth-child(80) {
	left: 2.43rem;
	top: 5.89rem;
}

.mapBody .mapDiv:nth-child(81) {
	left: 2.53rem;
	top: 5.96rem;
}

.mapBody .mapDiv:nth-child(82) {
	left: 2.27rem;
	top: 5.24rem;
}

.mapBody .mapDiv:nth-child(83) {
	left: 2.58rem;
	top: 5.47rem;
}

.mapBody .mapDiv:nth-child(84) {
	left: 4.76rem;
	top: 4.89rem;
}

.mapBody .mapDiv:nth-child(85) {
	left: 4.69rem;
	top: 4.84rem;
}

.mapBody .mapDiv:nth-child(86) {
	left: 5.04rem;
	top: 5.26rem;
}

.mapBody .mapDiv:nth-child(87) {
	left: 6.56rem;
	top: 5.03rem;
}

.mapBody .mapDiv:nth-child(88) {
	left: 7.58rem;
	top: 6.34rem;
}

.mapBody .mapDiv:nth-child(89) {
	left: 7.41rem;
	top: 5.07rem;
}

.mapBody .mapDiv:nth-child(90) {
	left: 6.71rem;
	top: 6.3rem;
}

.mapBody .mapDiv:nth-child(91) {
	right: 2.45rem;
	top: 2.91rem;
}

.mapBody .mapDiv:nth-child(92) {
	right: 3.08rem;
	top: 3.75rem;
}

.mapBody .mapDiv:nth-child(93) {
	right: 1.2rem;
	top: 1.21rem;
}

.mapBody .mapDiv:nth-child(94) {
	right: 1.83rem;
	top: 1.5rem;
}

.mapBody .mapDiv:nth-child(95) {
	right: 2.46rem;
	top: 2.62rem;
}

.mapBody .mapDiv:nth-child(96) {
	right: 1.34rem;
	top: 5rem;
}

.mapBody .mapDiv:nth-child(97) {
	right: 1.61rem;
	top: 5.4rem;
}

.mapBody .mapDiv:nth-child(98) {
	right: 1.51rem;
	top: 5.73rem;
}

.mapBody .mapDiv:nth-child(99) {
	right: 1.58rem;
	top: 5.75rem;
}

.mapBody .mapDiv:nth-child(100) {
	right: 1.99rem;
	top: 5.79rem;
}

.mapBody .mapDiv:nth-child(101) {
	right: 1.95rem;
	top: 5.1rem;
}

.mapBody .mapDiv:nth-child(102) {
	right: 2.3rem;
	top: 4.99rem;
}

.mapBody .mapDiv:nth-child(103) {
	right: 2.45rem;
	top: 4.56rem;
}

.mapBody .mapDiv:nth-child(104) {
	right: 2.51rem;
	top: 4.02rem;
}

.mapBody .mapDiv:nth-child(105) {
	right: 2.32rem;
	top: 4.35rem;
}

.mapBody .mapDiv:nth-child(106) {
	right: 2.12rem;
	top: 4.12rem;
}
.mapBody .zzz{
	display:none;
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:2;
	cursor:pointer;
}
.messageMain {
	width:5.37rem;
	height: 1.35rem;
	position: absolute;
	left: 2.34rem;
	top: 3.46rem;
	transition:all .3s;
	-webkit-transition:all .3s;
	z-index:-1;
	opacity:0;
}
.messageMain.active{
	z-index:5;
	opacity:1;
}
.messageMain.on{
	z-index:5;
	opacity:1;
}
.messageTxt {
	width: 0;
	min-height: .95rem;
	background:url(../images/message.png) no-repeat center left;
	background-size:100% 100%;
	position: relative;
	overflow: hidden;
	transition:all .3s;
	-webkit-transition:all .3s;
	opacity:0;
	padding-bottom:.4rem;
}
.messageMain.active .messageTxt{
	width:4.97rem;
	opacity:1;
}
.messageMain.on .messageTxt.active{
	width:4.97rem;
	opacity:1;
}

.messageTxt .messageDesc {
	width: 3.7rem;
	margin: .3rem 0 0 .45rem;
	font-size: .16rem;
	color: #3b3b3b;
	line-height: .26rem;
}

.messageTxt .messageName {
	margin: 0 0 0 .45rem;
	font-size: .16rem;
	color: #3b3b3b;
}
.zanBtn.active{
	pointer-events: none;
}
.zanBtn {
	width: .8rem;
	height: .35rem;
	background: #bdbaad;
	border-radius: .2rem;
	position: absolute;
	right: .3rem;
	bottom: .35rem;
	cursor: pointer;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-items: center;
}

.zanBtn>div {
	width: .23rem;
	height: .23rem;
	position: relative;
	overflow: hidden;
}

.zanBtn>div img {
	display: block;
	width: 100%;
}

.zanBtn.active>div img:nth-child(1) {
	display: none;
}

.zanBtn.active p {
	color: #a41b1b;
}

.zanBtn p {
	color: #e4e4e4;
	margin-left: .07rem;
}

.messageMain .updateBtn {
	width: .43rem;
	height: .43rem;
	position: absolute;
	overflow: hidden;
	right: 0;
	top: 50%;
	transform:translate(0,-50%);
	-webkit-transform:translate(0,-50%);
	cursor: pointer;
}

.messageMain .updateBtn img {
	display: block;
	width: 100%;
}

.messageMain .updateBtn:hover img:nth-child(1) {
	display: none;
}

.thc {
	width: 100%;
	/* height: 6.71rem; */
	/* background: url(../images/thc.jpg) no-repeat center; */
	/* background-size: cover; */
	position: relative;
	overflow: hidden;
	margin: 0 auto 0;
	z-index:2;
}

.viSlogan {
	width: 5.13rem;
	height: 4.65rem;
	background: url(../images/vid.png) no-repeat center;
	background-size: cover;
	position: absolute;
	left: 50%;
	margin-left: -1.4rem;
	top: 3.76rem;
}

.viSlogan .play {
	width: .83rem;
	height: .83rem;
	position: absolute;
	overflow: hidden;
	right: 2.98rem;
	top: 1.26rem;
	cursor: pointer;
}
.viSlogan .play img{
	display:block;
	width:100%;
}
.viSlogan .play:hover img:nth-child(1) {
	display: none;
}

.for {
	width: 100%;
	position: relative;
	z-index: 1;
	margin-top: -20%;
}

.tsBanner {
	width: 100%;
	overflow: hidden;
	position: relative;
}

.tsBanner .tsMain {
	width: 100%;
	position: relative;
	overflow: hidden;
}

.tsBanner .tsMain .tsThumb {
	display: block;
	width: 100%;
}

.tsBanner .tsMain .tsTxt {
	display: block;
	width: 6.66rem;
	position: absolute;
	left: 0;
	top: .96rem;
}

.tsBanner .tsMain .gifBox {
	width: 4.27rem;
	height: 2.41rem;
	position: absolute;
	overflow: hidden;
	right: .82rem;
	top: 7.07rem;
	cursor: pointer;
}

.tsBanner .tsMain .gifBox img {
	display: block;
	width: 4.21rem;
	height: 2.37rem;
	object-fit: cover;
	margin: 0.02rem auto 0;
}

.tsBanner .tsMain .gifBox:hover {
	background: url(../images/hov.png) no-repeat center;
	background-size: cover;
}

.tsPage {
	width: 1.33rem;
	height: .23rem;
	position: absolute;
	left: 50%;
	margin-left: -0.665rem;
	top: 9.8rem;
	z-index: 5;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
}

.tsPage .pagePrev,
.tsPage .pageNext {
	width: .12rem;
	height: .17rem;
	overflow: hidden;
	position: relative;
	cursor: pointer;
}

.tsPage .pagePrev img,
.tsPage .pageNext img {
	display: block;
	width: 100%;
}

.tsPage .pagePrev:hover img:nth-child(1),
.tsPage .pageNext:hover img:nth-child(1) {
	display: none;
}

.tsPage .pageNa {
	width: .82rem;
	height: .22rem;
	position: relative;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
}

.tsPage .pageNa .swiper-pagination-bullet {
	width: .23rem;
	height: .22rem;
	background: url(../images/w.png) no-repeat center;
	background-size: cover;
	position: relative;
	opacity: 1;
	border-radius: 0;
	cursor:pointer;
}

.tsPage .pageNa .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: url(../images/h.png) no-repeat center;
	background-size: cover;
}

.zz1 {
	display: block;
	width: 100%;
	position: absolute;
	z-index: 2;
	top: 11.49rem;
	left: 0;
}

.footer {
	width: 100%;
	height: 4.66rem;
	background:url(../images/footer.png) no-repeat center;
	background-size:cover;
	position: relative;
	overflow: hidden;
	margin-top:-.71rem;
	z-index:2;
}

.flogo {
	display: block;
	width: 4.39rem;
	height: .62rem;
	margin: 1.58rem auto 0;
}

.fp1 {
	font-size: .18rem;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	margin-top: .28rem;
}

.fp1 a:nth-child(1) {
	margin-right: .74rem;
}

.fp1 a {
	display: block;
	color: #bebebe;
}

.footTxt {
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-items: center;
	margin-top: .18rem;
}

.footTxt img {
	display: block;
	width: .67rem;
	height: 1rem;
}

.footTxt div {
	font-size: .18rem;
	color: #bebebe;
	margin-left: .2rem;
}

.footTxt div p {
	line-height: .3rem;
}

.footTxt div a{
	color:#bebebe;
	text-decoration:underline;
}

.shareTc {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .8);
	position: fixed;
	left: 0;
	top: 0;
	z-index: 50;
	display: none;
}

.shareTc .shareBody:nth-child(1) {
	z-index: 1;
}

.shareBody {
	width: 10.21rem;
	height: 6.23rem;
	background: url(../images/kuang.png) no-repeat center;
	background-size: cover;
	position: relative;
	margin: 0 auto;
	top: 45%;
	transform: translate(0, -45%);
	-webkit-transform: translate(0, -45%);
	display: flex;
	display: -webkit-flex;
}

.shareBody.shareDown {
	width: 9.8rem;
	height: 5.56rem;
	background: none;
	position: absolute;
	left: 50%;
	transform: translate(-50%, -45%);
	-webkit-transform: translate(-50%, -45%);
}

.shareDownBg {
	display: block;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.shareBody.shareDown .leftPic {
	margin: .32rem 0 0 .34rem;
}

.leftPic {
	width: 6.34rem;
	position: relative;
	overflow: hidden;
	margin: .65rem 0 0 .5rem;
}

.leftPic .sui {
	display: block;
	width: 100%;
	height: 4.38rem;
}

.shareBody.shareDown .leftPic .thank {
	width: 3.24rem;
}

.leftPic .thank {
	display: block;
	width: 4rem;
	margin: .19rem 0 0 .13rem;
}

.youchuo {
	display: block;
	width: 2.43rem;
	position: absolute;
	left: 5.56rem;
	top: 4.05rem;
}

.rightMessage {
	width: 2.66rem;
	position: relative;
	margin: .65rem 0 0 .14rem;
}

.shareBody.shareDown .rightMessage {
	margin: .32rem 0 0 .14rem;
}

.llo {
	display: block;
	width: 1.11rem;
	position: relative;
	margin: 0 0 0 1.48rem;
}

.downMess {
	width: 100%;
	height: 1.82rem;
	font-size: .18rem;
	color: #000;
	line-height: .64rem;
	position: relative;
	margin-top: .3rem;
}

.downMess img {
	display: block;
	width: 100%;
	position: absolute;
	left: 0;
	top: .5rem;
}

.downTxt {
	font-size: .18rem;
	color: #000;
	position: relative;
	display: flex;
	display: -webkit-flex;
	justify-content: end;
	margin-top: .38rem;
}

.downTxt em {
	width: 1.49rem;
	font-style: normal;
	margin-left: .1rem;
	position: relative;
	text-align: center;
}

.downTxt em:after {
	display: block;
	content: '';
	width: 100%;
	height: 0.01rem;
	background: url(../images/sma.png) no-repeat center;
	background-size: cover;
	position: absolute;
	left: 0;
	bottom: 0;
}

.shareBtn {
	width: 2.74rem;
	height: 1.3rem;
	background: url(../images/sha.png) no-repeat center;
	background-size: cover;
	position: relative;
	position: absolute;
	left: -.23rem;
	top: 3.59rem;
}

.shareBtn a:nth-child(1) {
	display: block;
	width: .44rem;
	height: .44rem;
	position: absolute;
	left: 1.27rem;
	top: .57rem;
}

.shareBtn a:nth-child(2) {
	display: block;
	width: .44rem;
	height: .44rem;
	position: absolute;
	left: 2rem;
	top: .57rem;
}

.loginTc,.tipsTc {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .8);
	position: fixed;
	left: 0;
	top: 0;
	z-index: 30;
	display: none;
}
.tipsBody{
	width:5.46rem;
	height:3.19rem;
	background:url(../../1.0/images/tips.png) no-repeat center;
	background-size:cover;
	position:relative;
	margin:0 auto;
	top:45%;
	transform: translate(0,-45%);
	-webkit-transform: translate(0,-45%);
}
.tipsBtn{
	width:3.63rem;
	height:.51rem;
	position:relative;
	margin:2.16rem auto 0;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
}
.tipsBtn>div{
	width:1.48rem;
	height:.51rem;
	overflow:hidden;
	position:relative;
	cursor:pointer;
}
.tipsBtn>div img{
	display:block;
	width:100%;
}
.tipsBtn>div:hover img:nth-child(1){
	display:none;
}
.loginBody {
	width: 7.81rem;
	height: 4.45rem;
	background: url(../images/login.png) no-repeat center;
	background-size: cover;
	position: relative;
	margin: 0 auto;
	top: 45%;
	transform: translate(0, -45%);
	-webkit-transform: translate(0, -45%);
}

.close {
	display: block;
	width: .3rem;
	height: .3rem;
	position: absolute;
	right: -.58rem;
	top: -.3rem;
	cursor: pointer;
	transition: all .5s;
	-webkit-transition: all .5s;
}

.close:hover {
	transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
}

.per {
	display: block;
	width: 3.67rem;
	position: absolute;
	left: -1.6rem;
	top: -.87rem;
}

.loginDiv {
	width: 4.96rem;
	position: relative;
	margin: 0.71rem auto 0;
}

.loginTit {
	display:block;
	width:.94rem;
	margin:0 auto 0;
}

.loginTips {
	font-size: .15rem;
	color: #fff;
	font-family: 'medium';
	margin-top: .27rem;
}

.email {
	display: block;
	width: 4.59rem;
	height: .39rem;
	background: #e1e1e1;
	font-size: .16rem;
	line-height: .39rem;
	text-indent: .14rem;
	font-family: 'medium';
	border: 0.01rem solid #666;
	margin-top: 0.08rem;
}

.loginK {
	width: 100%;
	overflow: hidden;
	position: relative;
	margin-top: .1rem;
	cursor: pointer;
}

.loginK i {
	display: block;
	width: .13rem;
	height: .13rem;
	border: 0.01rem solid #b3b3b3;
	position: relative;
	float: left;
	margin-top: 0.03rem;
}

.loginK.active i::after {
	display: block;
	content: '';
	width: 0.09rem;
	height: 0.09rem;
	background: #a41b1b;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -0.045rem;
	margin-top: -0.045rem;
}

.loginK p {
	width: 4.5rem;
	overflow: hidden;
	position: relative;
	float: left;
	margin-left: .1rem;
	font-size: .15rem;
	color: #ffffff;
}

.loginTc .submit {
	width: 2.27rem;
	overflow: hidden;
	margin: 0.3rem auto 0;
	cursor: pointer;
	transition:all .3s;
	-webkit-transition:all .3s;
}
.loginTc .submit img{
	display:block;
	width:100%;
}
.loginTc .submit img:nth-child(2){
	display:none;
}
.loginTc .submit:hover img:nth-child(1){
	display:none;
}
.loginTc .submit:hover img:nth-child(2){
	display:block;
}
.loginTc .submit:hover{
	transform:rotate(-2deg);
	-webkit-transform:rotate(-2deg);
}
.loginTc .submit.active {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
}
.videoTc{
	width:100%;
	height:100%;
	background:rgba(0,0,0,.8);
	position:fixed;
	left:0;
	top:0;
	z-index:50;
	display:none;
}
.videoBody{
	width:71vw;
	position:relative;
	margin:0 auto 0;
	top:45%;
	transform:translate(0,-45%);
	-webkit-transform:translate(0,-45%);
}
.videoBody video{
	width:71vw;
	object-fit:cover;
}