html {
	overflow-x: hidden;
}

.wapper {
	width: 100%;
	height: auto;
	box-sizing: border-box;
	position: relative;
	z-index: 0;
	overflow: hidden;
}
.forms-topbtn{
top: 60%;
}

.wapper header {
	background-color: transparent !important;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}

.wapper .topnav {
	height: 80px !important;
	justify-content: center;
}

.wapper .toplist {
	width: 80% !important;
}

.wapper .topnav .head-logo img {
	width: auto;
	height: 45px;
}

.wapper .toplist ul {
	width: 100%;
	display: flex;
	justify-content: center;
}

.wapper .toplist li {
	padding: 0 10px 0 10px !important;
	float: none !important;
}

.wapper .toplist li a {
	padding: 10px 0;
	position: relative;
	color: #212a3b;
	font-size: 16px;
	font-weight: bold;
}

.wapper .contact .phone {
	width: auto;
	text-align: end;
	padding: 0 8px 0 27px;
	background: url(../library/mall/10000/images/layout/top7.png) no-repeat 10px center;
	font-weight: bold;
	font-size: 17px;
	font-family: bar_bold;
	color: #212a3b;
}

.wapper .contact .regsiter {
	background: #f4f4f5;
}

.wapper .toplist li a::after {
	content: '';
	height: 4px;
	background-color: #fe852d;
	width: 0%;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	transition: all 0.3s;
	opacity: 0;
	border-radius: 5px;
}

.wapper .toplist li.now a::after {
	width: 100%;
	opacity: 1;
}

.wapper .toplist li:hover a::after {
	width: 100%;
	opacity: 1;
}
@media screen and (max-width:1350px) {
	.wapper .toplist li {
		padding: 0 8px 0 8px !important;
		float: none !important;
	}
}
@media screen and (max-width:1250px) {
	.wapper .toplist li {
		padding: 0 5px 0 5px !important;
		float: none !important;
	}
}
.wapper .contact {
	width: 16% !important;
	min-width: 259px !important;
}

.wapper .contact .regsiter {
	padding: 2% 4% !important;
}

.wapper .contact .login {
	padding: 2% 6%;
}

.banner {
	width: 100%;
	box-sizing: border-box;
	position: relative;
	top: 0;
	overflow: hidden;
}

.banner form {
	width: 35%;
	position: absolute;
	top: 53%;
	left: 33%;
	z-index: 8;
	text-align: center;
}

.banner form:hover {}

.banner form input[type=text] {
	border: none;
	width: 78%;
	float: left;
	padding: 20px 3.5%;
	border-radius: 30px 0 0 30px;
	box-sizing: border-box;
	font-size: 16px;
	outline: none;
}

.banner form input[type=submit] {
	border: none;
	width: 22%;
	float: left;
	padding: 18.5px 2%;
	border-radius: 30px;
	font-size: 16px;
	outline: none;
	box-sizing: border-box;
	transform: translateX(-30px);
	cursor: pointer;
	color: #FFFFFF;
	background-image: linear-gradient(to right, #ada1a7, #7486a7);
	transition: .5s all;
}

.banner form input[type=submit]:hover {
	background-image: linear-gradient(to right, #bfb1b8, #859cc5);
}

.banner .banner-img img {
	/* width: 100%;
	max-width: 100%; */
}





.banner .banner-text {
	width: 100%;
	position: absolute;
	top: 35%;
	left: 0;
	text-align: center;
	z-index: 3;
}

.banner .banner-text h3 {
	font-size: 60px;
	color: #252f42;
}

.banner .banner-text p {
	font-size: 26px;
	color: #252f42;
}

.banner .banner-list {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	z-index: 3;
}

.banner .banner-list .list1 {
	position: absolute;
	bottom: 25%;
	left: 13%;
	display: none;
	transition: 3s display;
}

.banner .banner-list .list2 {
	position: absolute;
	bottom: 45%;
	left: 5%;
	display: none;
	transition: 3s display;
}

.banner .banner-list .list3 {
	position: absolute;
	bottom: 40%;
	right: 10%;
	display: none;
	transition: 3s display;
}

.banner .banner-list .list4 {
	position: absolute;
	bottom: 60%;
	right: 5%;
	display: none;
	transition: 3s display;
}

.banner .banner-list .galax:hover {
	opacity: 1 !important;
	transition: 2s all;
}

.banner .banner-list .list5 {
	position: absolute;
	bottom: 21%;
	left: 75%;
	display: none;
	transition: 3s display;
}

@keyframes ripple {
	0% {
		transform: scale(1.0);
		opacity: 1;
		box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.3);
	}



	25% {
		transform: scale(0.5);
		opacity: 0;
		box-shadow: 0 0 5px 10px rgba(255, 255, 255, 0.3);
	}



	50% {
		transform: scale(1.0);
		opacity: 1;
		box-shadow: 0 0 3px 20px rgba(255, 255, 255, 0.3);
	}



	75% {
		transform: scale(0.5);
		opacity: 0;
		box-shadow: 0 0 5px 10px rgba(255, 255, 255, 0.3);
	}


	100% {
		transform: scale(1.0);
		opacity: 1;
		box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.3);
	}
}

@keyframes ripple2 {
	0% {
		transform: scale(1.0);
		opacity: 1;
		box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.3);
	}

	10% {
		transform: scale(0.5);
		opacity: 0;
		box-shadow: 0 0 5px 10px rgba(255, 255, 255, 0.3);
	}

	20% {
		transform: scale(0.5);
		opacity: 0;
		box-shadow: 0 0 3px 20px rgba(255, 255, 255, 0.3);
	}

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

	40% {
		transform: scale(0.5);
		opacity: 0;
	}

	50% {
		transform: scale(0.5);
		opacity: 0;
	}

	60% {
		transform: scale(0.5);
		opacity: 0;
	}

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

	80% {
		transform: scale(0.5);
		opacity: 0;
		box-shadow: 0 0 3px 20px rgba(255, 255, 255, 0.3);
	}

	90% {
		transform: scale(0.5);
		opacity: 0;
		box-shadow: 0 0 5px 10px rgba(255, 255, 255, 0.3);
	}

	100% {
		transform: scale(1.0);
		opacity: 1;
		box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.3);
	}
}



.banner .banner-list>div>a .img {
	width: 65px;
	height: 65px;
	border-radius: 50%;
	background-color: #FFFFFF;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 6% auto 0;
	transition: .5s all;
	animation: ripple2 10s infinite;
}

.banner .banner-list>div>a img {
	width: 88%;
	max-width: 88%;
	border-radius: 50%;
}

.banner .banner-list>div {
	width: 12%;
}

.banner .banner-list>div>a .text {
	width: 100%;
	box-sizing: border-box;
	padding: 7% 7%;
	color: #FFFFFF;
	background-color: rgba(37, 47, 66, 0.5);
	border-radius: 10px;
	line-height: 1.5;
	display: none;
	transition: .5s all;
}

.banner .banner-list>div:hover .text {
	display: block;
}

.banner .banner-list>div:hover .img {
	box-shadow: 0 0 12px 1px #FF9532;
	animation: none;
	transform: scale(1, 1) !important;
	transition: 1s all;
}

.banner .banner-list>div>a .text h3 {
	color: #ff9532;
	padding-bottom: 1.5%;
}

.banner .swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
	bottom: 85px;
	left: 50%;
	transform: translateX(-50%);
}

.banner .swiper-pagination .swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	border: 5px solid #FFFFFF;
	background: none;
	opacity: 1;
}

.banner .swiper-pagination .swiper-pagination-bullet-active {
	border: none !important;
	width: 18px;
	height: 18px;
	background: #fe852d !important;
	box-shadow: 0 0 5px rgba(0, 0, 0, .5) inset;
}

.wapper .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px;
}

.banner .swiper-slide {
	overflow: hidden;
}

/* 天体 */
.Galaxies {
	width: 158px;
	height: 158px;
	background-size: 100%;
	position: absolute;
	top: 52%;
	right: 18%;
	z-index: 2;


}




.msg {
	width: 100%;
	padding: 0 10%;
	box-sizing: border-box;
	float: left;
	position: absolute;
	z-index: 1;
}

.msg ul {
	width: 100%;
	height: auto;
	background-color: #FFFFFF;
	box-sizing: border-box;
	border-radius: 40px 4px 4px 4px;
	padding: 0 4%;
	display: flex;
	transform: translateY(-60px);
}

.msg ul li {
	width: 20%;
	text-align: center;
	position: relative;
}

.msg ul li a::after {
	content: '';
	display: inline-block;
	width: 1%;
	height: 3px;
	margin: 0 auto 0;
	vertical-align: bottom;
	background-color: transparent;
	border-radius: 10px;
	transition: .5s all;
}

.msg ul li a::before {
	content: '';
	position: absolute;
	right: 0;
	width: 1px;
	height: 52px;
	background-color: #ecf1f4;
}

.msg ul li a:hover::after {
	width: 100%;
	border-radius: 10px;
	background-color: #FF9532;
}

.msg ul li a {
	display: inline-block;
	padding: 20% 0 4% 0;
}

.msg ul li:last-child a::before {
	background-color: transparent;
}

.msg .num {
	color: #e7ba9e;
	font-size: 12px;
	transition: .5s all;
	height: 36px;
}

.msg .num span {
	font-size: 35px;
	vertical-align: text-top;
	font-weight: lighter;
	transition: .5s all;
	font-family: "bar_light";
	line-height: .7;
}

.msg .event {
	color: #959ba8;
	font-size: 14px;
	padding-bottom:14px;
	letter-spacing: 2px;
    white-space: nowrap;
}

.msg ul li a:hover .num {
	color: #FF9532;
}

.msg ul li a:hover .num span {
	color: #FF9532;
}


.wapper .main {
	width: 100%;
	height: auto;
	background-image: linear-gradient(to bottom right, #d1dbe8, 15%, #f8fafb);
	padding: 8% 10% 2% 10%;
	box-sizing: border-box;
}

.main .main-left {
	width: 56%;
	float: left;
	position: relative;
	z-index: 2;
}

.main .main-right {
	width: 40%;
	float: right;
	position: relative;
	z-index: 2;
}

.main-left ul {
	display: inline-flex;
	align-items: center;
	flex-wrap: wrap;
	overflow: hidden;
	height: 20px;
}

.main-left ul li {
	white-space: nowrap;
	padding: 0 2.5% 1% 0;
}

.main-left>ul>li a {
	color: #959ba8;
	transition: .5s all;
}

.main-left>ul>.on a {
	color: #252f42;
	transition: .5s all;
}

.main-left>ul>li a:hover {
	color: #252f42;
}

.main-left .tmz {
	position: absolute;
	font-size: 250px;
	top: -12%;
	left: -3%;
	z-index: 0;
	color: rgba(168, 174, 183, 0.1);
	font-family: Raleway-Thin;
}

.main-left .m-title {
	position: relative;
	z-index: 2;
	padding: 16% 0 8% 6%;
	font-size: 30px;
	color: rgba(168, 174, 183, 1);
}

.main-left .m-title h3 {
	color: #252f42;
	font-size: 2.8vw;
	padding: 5% 0 0 0;
}

.main-left .m-title h3::after {
	content: '';
	display: inline-block;
	width: 8px;
	height: 30px;
	border: solid 3px rgba(255, 255, 255, 1);
	border-radius: 30px;
	margin-left: 3%;
	vertical-align: middle;
	background-color: #FF9532;
}


.box-topbtn {
	position: absolute;
	top: 53%;
	left: 50%;
	z-index: 8;
	transform: translateX(-50%);
	text-align: center;
}

.box-topbtn .btn1 {
	border: none;
	width: 100%;
	border-radius: 50px;
	font-size: 16px;
	outline: none;
	box-sizing: border-box;
	cursor: pointer;
	color: #FFFFFF;
	background-image: linear-gradient(to right, #877564, #7486a7);
	transition: .5s all;
	border: 3px solid #fff;
}

.box-topbtn .btn1:hover {

	background-image: linear-gradient(to right, #c3b3bb, #7b8fb1);
}

.box-topbtn .btn1 a {
	display: inline-block;
	color: #fff;
	padding: 20px 100px 20px 100px;
	white-space: nowrap;
	cursor: pointer;
}
@media screen and (max-width:1000px) {
	.box-topbtn {
		position: absolute;
		top: 40%;
		left: 50%;
		z-index: 8;
		transform: translateX(-50%);
		text-align: center;
	}
	.box-topbtn .btn1 {
		border: 2px solid #fff;
        margin-top: 20px;
	}
	.box-topbtn .btn1 a {
		display: inline-block;
		color: #fff;
		padding: 12px 60px 12px 60px;
		white-space: nowrap;
		cursor: pointer;
	}
}
.btn {
	text-align: left;
	margin-left: 6%;

}

.btn a {
	display: inline-block;
	color: #252f42;
	padding: 8px 45px 8px 45px;
	white-space: nowrap;
	cursor: pointer;
	background: #ffffff;
	background-image: -webkit-linear-gradient(to right, #ffffff, #f1f4f9);
	background-image: -moz-linear-gradient(to right, #ffffff, #f1f4f9);
	background-image: -ms-linear-gradient(to right, #ffffff, #f1f4f9);
	background-image: -o-linear-gradient(to right, #ffffff, #f1f4f9);
	background-image: linear-gradient(to right, #ffffff, #f1f4f9);
	-webkit-border-radius: 28;
	-moz-border-radius: 28;
	border-radius: 28px;
	font-family: Arial;
	font-size: 20px;
	border: solid #ffffff 5px;
	text-decoration: none;
}



.btn a:hover {
	background-image: -webkit-linear-gradient(to right, #ffab37, #fe852d);
	background-image: -moz-linear-gradient(to right, #ffab37, #fe852d);
	background-image: -ms-linear-gradient(to right, #ffab37, #fe852d);
	background-image: -o-linear-gradient(to right, #ffab37, #fe852d);
	background-image: linear-gradient(to right, #ffab37, #fe852d);
	text-decoration: none;
	color: #fff;
}

.main-right .m-box {
	width: 32vw;
	height: 32vw;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	transform: translateY(-30px);
	float: right;
}

.main-right .m-amin {
	width: 30vw;
	height: 30vw;
	border: solid #e4eaf3 1px;
	border-radius: 50%;
	margin: 0 auto;
	position: absolute;
	animation: mymonev1 15s infinite linear;
}

@keyframes mymonev1 {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(-360deg);
	}
}

.main-right .m-amin .dian1 {
	width: 4vw;
	height: 4vw;
	background: url(../library/mall/10000/images/layout/x4.png) no-repeat center center;
	background-size: 100%;
	position: absolute;
	left: 50%;
	top: -2vw;
	transform: scale(0.5);
}

.main-right .m-amin .dian2 {
	width: 4vw;
	height: 4vw;
	background: url(../library/mall/10000/images/layout/x4.png) no-repeat center center;
	background-size: 100%;
	position: absolute;
	left: 30%;
	bottom: -1.6vw;
	transform: scale(0.8);
}

.main-right .m-img {
	width: 26vw;
	height: 26vw;
	border-radius: 50%;
	margin: 0 auto;
	position: relative;
}

.main-right .m-img a {
	display: block;
	width: 100%;
	height: 100%;
}

.main-right .m-img img {
	width: 100%;
	max-width: 100%;
	border-radius: 50%;
}

.main-right .video {
	width: 4vw;
	box-sizing: border-box;
	position: absolute;
	left: 9%;
	bottom: 21%;
}

.main-right .video img {
	width: 100%;
	max-width: 100%;
}

.service {
	width: 100%;
	height: auto;
	box-sizing: border-box;
	padding: 5% 12% 5%;
}

.title {
	width: auto;
	text-align: center;
	box-sizing: border-box;
}

.title p {
	color: #b1b7bf;
	font-size: 20px;
	font-weight: lighter;
	font-family: bar_light;
}

.title h3 {
	font-size: 50px;
	box-sizing: border-box;
	padding: 0.5% 0 0%;
	color: #252f42;
}

.service>ul {
	width: 100%;
	display: flex;
	justify-content: center;
}

.service>ul li {
	margin: 0 1.5%;
	text-align: center;
	box-sizing: border-box;
	transition: .5s all;
	cursor: pointer;
	border-bottom: 2px solid transparent;
}

.service>ul li img {
	width: auto;
	height: 35px;
}

.service>ul li .text {
	color: #6e7481;
	font-size: 18px;
	padding: 10% 0 10%;

	border-radius: 1;
	transition: .5s all;
}

.service>ul .on {
	border-bottom: 2px solid #FF9532;
}

.service>ul .on .text {
	color: #FF9532;
}

.service>ul li:hover {
	border-bottom: 2px solid #FF9532;
}

.service>ul li:hover .text {
	color: #FF9532;
}

.tabs {
	width: 100%;
	height: auto;
	/* padding-top: 5%; */
	box-sizing: border-box;
	overflow: hidden;
	display: flex;
	align-items: center;
}

.tabs {
	display: none;
}

.ton {
	display: flex;
	padding-top: 3%;
}

.tabs .left {
	width: 40%;
	float: left;
	padding: 0 3% 0 4%;
	box-sizing: border-box;
}

.tabs .right {
	width: 60%;
	float: right;
	text-align: center;
}

.tabs .left ul {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 35px 12%;
}

.tabs .left ul li {
	background-color: #FFFFFF;
	border: 4px solid #FFFFFF;
	text-align: center;
	box-sizing: border-box;
	padding: 5% 0;
	box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.1);
	border-radius: 30px;
	cursor: pointer;
	color: #252f42;
	transition: .5s all;
}

.tabs .left ul li.ow {
	background-image: linear-gradient(to right, #ffab37, 70%, #fe852d);
	color: #FFFFFF;
}

.tabs .left ul li:hover {
	background-image: linear-gradient(to right, #ffab37, 70%, #fe852d);
	color: #FFFFFF;
}

.tabs .right .tie {
	font-size: 24px;
}

.tabs .right .img {
	width: 100%;
	height: auto;
}

.tabs .right .img img {
	width: 100%;
}

.service .tabs-box .tabs .right>ul li {
	display: none;
}

.service .tabs-box .tabs .right>ul .tow {
	display: block;
}

.forms {
	width: 100%;
	height: auto;
	background: url(../library/mall/10000/images/layout/bj1.jpg)no-repeat center center;
	background-size: 100%;
	box-sizing: border-box;
	text-align: center;
	padding: 4% 0;
	position: relative;
}

.forms .f-title {
	color: #FFFFFF;
	font-size: 26px;
	letter-spacing: 3px;
	padding-bottom: 4%;
}

.forms .f-title span {
	font-weight: bold;
}

.forms form {
	width: 35%;
	position: relative;
	left: 33%;
	z-index: 3;
	text-align: center;
	overflow: hidden;
}

.forms form input[type=text] {
	border: none;
	width: 78%;
	float: left;
	padding: 20px 3.5%;
	border-radius: 30px 0 0 30px;
	box-sizing: border-box;
	font-size: 16px;
	outline: none;
}

.forms form input[type=submit] {
	border: none;
	width: 22%;
	float: left;
	padding: 18.5px 2%;
	border-radius: 30px;
	font-size: 16px;
	outline: none;
	box-sizing: border-box;
	transform: translateX(-30px);
	cursor: pointer;
	color: #FFFFFF;
	background-color: #fe892e;
	transition: .5s all;
}

.forms form input[type=submit]:hover {
	background-color: #ffa763;
}

.forms .search {
	width: 35%;
	height: 54px;
	z-index: 3;
	text-align: center;
	justify-content: flex-end;
	background: #f1f4f7;
	border-radius: 30px;
	transition: .5s all;
	margin: auto;
}

.forms .search input[type=text] {
	border: none;
	width: 78%;
	float: left;
	height: 54px;
	padding: 0 11%;
	box-sizing: border-box;
	font-size: 16px;
	outline: none;
	background: #f1f4f7 url(../library/mall/10000/images/layout/top4.png)no-repeat 7% center;
	background-size: 5%;
	border-radius: 30px;
}

.forms .search input[type=submit] {
	border: none;
	width: 22%;
	float: left;
	height: 54px;
	padding: 0 2%;
	border-radius: 30px;
	font-size: 16px;
	outline: none;
	box-sizing: border-box;
	cursor: pointer;
	color: #FFFFFF;
	background-image: linear-gradient(to right, rgb(254, 166, 45), rgb(254, 134, 45));
	transition: .5s all;
}

.forms .search input[type=submit]:hover {
	background-image: linear-gradient(to right, rgb(254, 177, 53), rgb(254, 150, 46));
}

@media screen and (max-width:1000px) {
	.forms .search {
		width: 90%;
		margin: auto;
		height: 50px;
	}

	.forms .search input[type=text] {
		width: 72%;
		height: 50px;
	}

	.forms .search input[type=submit] {
		width: 28%;
		height: 50px;
	}
}

@keyframes move_wave {
	0% {
		transform: translateX(0) translateZ(0) scaleY(1)
	}

	50% {
		transform: translateX(-25%) translateZ(0) scaleY(0.55)
	}

	100% {
		transform: translateX(-50%) translateZ(0) scaleY(1)
	}
}




/* /////////// */
.guild {
	width: 100%;
	height: auto;
	box-sizing: border-box;
	padding: 5% 0;
	position: relative;
	background-color: #f8fafb;
}

.guild .g-list {
	position: relative;
	width: 100%;
    /* height: 22vw; */
	height: 20vw;
	box-sizing: border-box;
	overflow: hidden;
    margin-top: 2vw;
	padding: 3% 0 0 0;
}


.guild .particles-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top:-5%;
}

.guild ul {
	/* position: relative;
	margin: 0 0 0 15%;
	height: 100%; */
    width: 100%;
    height: auto;
    display: grid;
    grid-gap: 35px; /* // */
    grid-template-columns: repeat(8, 1fr);
    align-items: start;
    /* transform: translateY(-90%); */
    box-sizing: border-box;
    padding: 0 10%;
    
    
}

.guild ul li {
    padding: 6% 0;
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    animation: floating 1.5s infinite ease-in-out alternate;/* // */
    position: inherit;
    z-index: 1;
}
.guild ul li a{
    display: inline-flex;
    flex-direction: column;
    /* position: absolute; */
}


.guild ul li .g-icon {
	padding: 1.56vw;
	background-color: #ffffff;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto 0;
	transition: .5s all;
	border: 0.36vw solid #fff;
}

.guild ul li:hover .g-icon {
	box-shadow: 0 0 20px rgba(255, 170, 55, .8);
	transform: translateY(-15px);
	background: #fe9732;
}

.guild ul li .g-icon img {
	width: 100%;
	max-width: 2.7vw;
	min-width:1.8vw;
}

.guild ul li .g-icon .ico {
	display: block;
}

.guild ul li .g-icon .jia {
	display: none;
}

.guild ul li:hover .g-icon .ico {
	display: none;
}

.guild ul li:hover .g-icon .jia {
	display: block;
}

.guild ul li .text {
	color: #252F42;
    font-size: 1vw;
	padding-top: 0.8vw;
	color: #252f42;
	transition: .5s all;
    max-width: 6.25vw;
	/* max-width: 120px; */
	overflow: hidden;
	margin: 0 auto;
    white-space: nowrap;
}

.guild ul li:hover .text::before {
	content: "解决方案";
	color: #FF9532;
	transform: translateY(-15px);
}

.guild ul li:hover .text p {
	display: none;
}

.g-list .clearfix li:nth-child(1) {
    padding-top: 60%;
    animation-delay: 0.1s;  
    z-index:12;
}

.g-list .clearfix li:nth-child(1) .fx-twinkle {
    animation-duration: 4s;        /* 对象动画持续 */
    animation-delay: 1s;           /* 对象动画延迟 */
}

.g-list .clearfix li:nth-child(2) {
    padding-top:25%;
    animation-delay: 0.3s;
}

.g-list .clearfix li:nth-child(2) .fx-twinkle {
    animation-duration: 6s;
    animation-delay: 3.5s;
}

.g-list .clearfix li:nth-child(3) {
    padding-top:80%;
    animation-delay: 0.5s;
}

.g-list .clearfix li:nth-child(3) .fx-twinkle {
    animation-duration: 4.5s;
    animation-delay: 3.5s;
}

.g-list .clearfix li:nth-child(4) {
    padding-top: 0%;
    animation-delay: 0.7s;
}

.g-list .clearfix li:nth-child(4) .fx-twinkle {
    animation-duration: 5s;
    animation-delay: 2.5s;
}

.g-list .clearfix li:nth-child(5) {
    padding-top: 6vw;
    animation-delay: 0.6s;
}

.g-list .clearfix li:nth-child(5) .fx-twinkle {
    animation-duration: 5s;
    animation-delay: 1.5s;
}

.g-list .clearfix li:nth-child(6) {
    padding-top: 15%;
    animation-delay: 0.4s;
}

.g-list .clearfix li:nth-child(6) .fx-twinkle {
    animation-duration: 7s;
    animation-delay: 2s;
}

.g-list .clearfix li:nth-child(7) {
    padding-top: 75%;
    animation-delay: 0.8s;
}

.g-list .clearfix li:nth-child(7) .fx-twinkle {
    animation-duration: 6s;
    animation-delay: 2s;
}
.g-list .clearfix li:nth-child(8) {
    padding-top: 36%;
    animation-delay: 0.8s;
}

.g-list .clearfix li:nth-child(8) .fx-twinkle {
    animation-duration: 6s;
    animation-delay: 2s;
}
@keyframes floating {
    0% {
        transform: translateY(-10px);
    }

    100% {
        transform: translateY(10px);
    }
}


/* /////// */





.choose {
	background: url(../library/mall/10000/images/layout/vs_bg2.gif) repeat-x;
	height: 582px;
	overflow: hidden;
	padding: 0 0 0 10%;
	margin-bottom: 7%;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
}

.choose .c-left {
	width: 25%;
	position: relative;
	height: 100%;
	padding-top: 13%;
}

.choose .c-right {
	width: 100%;
	height: 100%;
}

.c-left .m-title {
	width: auto;
	color: #5e6167;
	font-size: 22px;
	position: relative;
}

.c-left .m-title h3 {
	color: #FFFFFF;
	font-size: 26px;
}

.c-left .m-title h3 span {
	font-size: 40px;
	color: #fe852d;
	vertical-align: middle;
}

.c-left .tmz {
	FONT-WEIGHT: 200;
	font-size: 250px;
	color: #383b43;
	position: absolute;
	left: -18%;
	top: 16%;
	font-family: Raleway-Thin;
}


.c-right>ul {
	width: 100%;
	height: 100%;
	/* background-image: linear-gradient(to bottom right, #edc19c, #f2f5f8); */
}

.c-right>ul>li {
	width: 100%;
	height: 67px;
	text-align: center;
}

.c-right>ul>li:last-child {
	height: 40px;
}

.c-right>ul>li:nth-child(1) {
	height: 140px;
}

.c-right>ul>li:nth-child(1):hover {
	background: none;
}

.c-right>ul>li:nth-child(1) .zhong {
	line-height: 5;
}

.c-right>ul>li:nth-child(1) .you a {
	color: #FFFFFF;
	font-size: 26px;
	font-weight: bold;
	transition: .5s all;
}

.c-right>ul>li:nth-child(1) .zuo {
	border-bottom: solid 1px transparent;
}

.c-right>ul>li:nth-child(1) .you {
	border-bottom: solid 1px transparent;
}

.c-right>ul>li:nth-child(1) .zhong .you::after {
	display: none;
}

.c-right>ul>li:nth-child(1) .zhong:hover .you::after {
	display: none;
}

.c-right>ul>li:nth-child(1) .zhong p {
	display: block;
	position: relative;
	height: 140px;
	background: none;

}

.c-right>ul>li:nth-child(1) .zhong p a {
	color: #FFFFFF;
	font-size: 26px;
	font-weight: bold;
	position: absolute;
	border-radius: 70px 4px 0 0;
	overflow: hidden;
	background: url(../library/mall/10000/images/layout/vs_bg.jpg) no-repeat;
	width: 100%;
	height: 140px;
	text-align: left;
box-sizing: border-box;
}

.c-right>ul>li:nth-child(1) .zhong p a img {
	margin: 70px 0 0 0;
}

.c-right>ul>li:nth-child(1) .you a {
	position: absolute;
	top: 71px;
}


.c-right>ul>li .zhong {
	width: 100%;
	position: relative;
	height: 100%;
	line-height: 5;
}

.c-right>ul>li .zhong p {
	width: 34%;
	height: 100%;
	/* margin: 0 auto 0 22%; */
	cursor: pointer;
	padding: 0;
	line-height: initial;
	box-sizing: border-box;
	text-align: center;
	transition: .5s all;
	position: relative;
	display: flex;
	align-items: center;
	background: #c7d0df;
	float: left;
}

.c-right>ul>li .zhong p a {
	display: block;
	height: 53%;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	padding: 0 60px 0 30px;
	font-size: 14px;
	text-align: left;
}

.c-right>ul>li .zhong .you::after {
	content: 'VS';
	display: inline-block;
	position: absolute;
	font-size: 26px;
	font-weight: bold;
	left: -3%;
	top: -43%;
	color: #FFFFFF;
	z-index: 5;
	display: none;
}

.c-right>ul>li .zhong:hover .you::after {
	display: block;
}

.c-right>ul>li .zuo {
	width: 22%;
	height: 100%;
	position: relative;
	border-bottom: solid 1px rgba(255, 255, 255, .05);
	transition: .5s all;
	float: left;


}

.c-right>ul>li .zuo a {
	color: #61666e;
	transition: .5s all;
	line-height: 68px;
	float: left;
	padding-left: 30px;
	box-sizing: border-box;

}

.c-right>ul>li .you {
	width: 44%;
	height: 100%;
	border-bottom: solid 1px rgba(255, 255, 255, .05);
	paddingt: 0;
	display: flex;
	align-items: center;
	float: left;
	position: relative;


}

.c-right>ul>li .you a {
	color: #61666e;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	padding: 0 180px 0 60px;
	font-size: 14px;
	line-height: initial;
	text-align: left;

}

@media screen and (max-width:1500px) {
	.c-right>ul>li .you a {
		padding: 0 30% 0 60px;
	}
}

.c-right>ul>li .zhong:hover .zuo a {
	color: #ffffff;
}

.c-right>ul>li .zhong:hover .you a {
	color: #ffffff;
}

.c-right>ul>li .zhong:hover p a {
	color: #ffffff;
}

.c-right>ul>li .zhong:hover .zuo {
	background-color: #252f42;
}

.c-right>ul>li .zhong:hover .you {
	background-color: #252f42;
}

.c-right>ul>li .zhong:hover p {
	background-color: #f7a044;
}

.c-right>ul>li:nth-child(1) .zhong:hover p {
	background-color: transparent;
}

.c-right>ul>li:nth-child(1) .zhong:hover .zuo {
	background-color: transparent;
}

.c-right>ul>li:nth-child(1) .zhong:hover .you {
	background-color: transparent;
}

.c-right>ul>li:last-child .zhong:hover .zuo {
	background-color: transparent;
}

.c-right>ul>li:last-child .zhong:hover .you {
	background-color: transparent;
}

.c-right>ul>li:last-child .zhong:hover p {
	background: #c7d0df;
}

.c-right>ul>li:last-child .zhong:hover .you::after {
	display: none;
}


.ten {
	position: relative;
	width: 100%;
}

.box-conter {
	width: 100%;
	height: auto;
	box-sizing: border-box;
	padding: 3% 10% 0;
}

.box-conter ul {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 25px 40px;
	width: 100%;
	position: relative;
}

.box-conter ul li {
	width: 100%;
	height: auto;
	box-sizing: border-box;
	transition: .5s all;
}

.box-conter ul li:hover {
	transform: translate(0, -10px);
}

.con-img {
	width: 100%;
	height: auto;
	box-sizing: border-box;
	text-align: center;
}

.con-img img {
	width: 100%;
	max-width: 60px;
	border-radius: 15px;
}

.con-new {
	text-align: center;
	color: #212a3b;
	box-sizing: border-box;
	padding: 3% 0 9%;
	font-family: gilroy, arial;
	font-weight: bold;
	font-size: 20px;
}

.con-new span {
	font-size: 30px;
}

.con-text {
	width: 100%;
	box-sizing: border-box;
	text-align: center;
	font-size: 17px;
	line-height: 1.7;
}

.box-bottom {
	margin: 7% auto 7%;
}

.box-bottom .btn {
	width: auto;
	margin: 0 auto;
	text-align: center;
}

.box-bottom .btn a {
	box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1);
	padding: 8px 45px 8px 45px;
}

.news .con-img img {
	width: 100%;
	max-width: 100%;
	border-radius: unset;
}

.news .box-conter ul {
	grid-template-columns: repeat(3, 1fr);
	margin-bottom: 7%;
}

.news .box-conter .con-text {
	width: 100%;
	box-sizing: border-box;
	line-height: initial;
	display: flex;
	border-radius: 0 0 30px 0;
	box-shadow: 0 2px 8px 1px rgba(0, 0, 0, 0.2);
}

.news .box-conter .con-text p {
	width: 75%;
	padding: 5% 3% 0% 5%;
	margin-bottom: 4%;
	box-sizing: border-box;
	font-size: 16px;
	line-height: initial;
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.news .box-conter .con-text span {
	width: 25%;
	padding: 5% 3% 1.5% 0;
	box-sizing: border-box;
	background-color: #df905e;
	border-radius: 0 0 30px 0;
	position: relative;
	display: block;
	transition: .5s all;
	color: #ffffff;
}

.news .box-conter li:hover .con-text span {
	background-color: #697b9a;
}

.news .box-conter .con-text span::after {
	content: '';
	border: solid transparent;
	position: absolute;
	height: 0;
	left: 0;
}

.news .box-conter .con-text span::after {
	border-width: 7px;
	border-left-color: #FFFFFF;
	top: 28px;
}

.news .list {
	text-align: center;
	padding: 0 0 10%;
}

.news .list a {
	color: #fe852d;
	font-size: 18px;
	letter-spacing: 4px;
}

.news .list a::after {
	content: url(../library/mall/10000/images/layout/select3.png);
	display: inline-block;
	vertical-align: middle;
	margin: 1px 0 0 4px;
}








.mMenu {
	display: none;
	width: 35px;
	height: 30px;
	background: url(../library/mall/10000/images/layout/clode2.png)no-repeat center center;
	background-size: 90%;
	cursor: pointer;
	z-index: 1111;
}

.mMenu.now {
	background: url(../library/mall/10000/images/layout/clode1.png)no-repeat center center;
	background-size: 80%;
}


.cont_time {
	display: none;
}










/* 媒体查询1400 */
@media screen and (max-width: 1400px) {
	.service {
		padding: 5% 7% 5%;
	}

	.msg {
		padding: 0 7%;
	}

	.wapper .main {
		padding: 8% 7% 6% 7%;
	}

	.choose {
		padding: 0 7%;
	}
}

/* 媒体查询1200 */
@media screen and (max-width: 1200px) {
	.wapper .toplist li a {
		font-size: 12px;
	}

	.contact {
		min-width: 231px !important;
	}

	.service {
		padding: 5% 3% 5%;
	}

	.service>ul li .text {
		font-size: 16px;
	}

	.msg {
		padding: 3% 3%;
	}

	.wapper .main {
		padding: 15% 3% 5% 3%;
	}
}

/* 媒体查询1000 */
@media screen and (max-width: 1000px) {
	.box-conter {
		padding: 3% 3%;
	}

	.swiper-cont {
		display: none;
	}

	.wapper header {
		display: none;
	}

	.mMenu {
		display: block;
	}

	.wap-header {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding:2% 5%;
	}

	.banner .swiper-slide .anim {
		display: none;
	}

	.banner .swiper-slide .Galaxies {
		display: none;
	}

	.banner .banner-list {
		display: none;
	}

	.banner .swiper-slide .banner-text {
		width: 90%;
		left: 5%;
		top: 30%;
	}

	.msg ul li a::after {
		display: none;
	}

	.banner .banner-text p {
		font-size: 14px;
		padding-bottom: 2%;
		width: 90%;
		margin: 0 auto;
	}

	.banner .banner-text h3 {
		font-size: 20px;
	}

	.banner .swiper-wrapper {
		height: 165vw;
	}

	.banner form {
		width: 96%;
		left: 5%;
		top: 55%;
	}

	.banner form input[type=text] {
		padding: 15px 3.5%;
		width: 73%;
	}

	.banner form input[type=submit] {
		padding: 13.5px 0%;
		width: 27%;
	}

	.msg {
		padding: 0 5%;
	}

	.msg ul {
		justify-content: space-between;
		border-radius: 30px 4px 4px 4px;
	}

	.msg ul li {
		width: 32%;
		overflow: hidden;
	}

	.msg ul li:nth-child(n+4) {
		display: none;
	}

	.wapper .main {
		padding: 27% 3% 0 3%;
	}

	.msg ul li a::before {
		display: none;
	}

	.msg .num {
		white-space: nowrap;
	}

	.msg .num span {
		font-size: 24px;

	}

	.main .main-left {
		width: 100%;
		/* padding: 0 3%; */
	}

	#scrol {
		width: 76% !important;
	}

	.main .main-right {
		width: 100%;
		margin-bottom: 10%;
	}

	.main-left ul li {
		padding: 0 2.5% 2% 0;
	}

	.main-left ul {
		width: 100%;
		flex-wrap: nowrap;
		overflow: hidden;
	}

	.main-left .m-title {
		padding: 10% 0 0 0%;
		text-align: center;
	}

	.main-left .tmz {
		display: none;
	}

	.main-left .m-title p {
		display: none;
	}

	.main-left .m-title h3 {
		font-size: 28px;
		line-height: 1.4;
		padding-bottom: 6%;
	}

	.main-left .m-title h3::after {
		width: 6px;
		height: 20px;
	}

	.btn {
		text-align: center;
		margin: 0;
	}

	.btn a {
		padding: 5px 30px 5px 30px;
	}

	.main-right .m-box {
		transform: translate(0);
		margin: 5% auto 0;
		width: 100vw;
		height: 100vw;
	}

	.main-right .m-amin {
		width: 95vw;
		height: 95vw;
	}

	.main-right .m-img {
		width: 85vw;
		height: 85vw;
	}

	.main-right .video {
		width: 16vw;
		left: 10%;
		bottom: 12%;
	}

	.main-right .m-amin .dian1 {
		width: 20vw;
		height: 20vw;
		top: -10vw;
	}

	.main-right .m-amin .dian2 {
		width: 9vw;
		height: 9vw;
		bottom: -2.5vw;
	}

	.title p {
		font-size: 14px;
	}

	.service {
		padding: 9% 0% 5%;
	}

	.title h3 {
		font-size: 26px;
		padding: 0 0%;
	}

	.service>ul {
		flex-wrap: wrap;
		justify-content: flex-start;
		box-sizing: border-box;
		padding: 0 5%;
		margin-top: 5%;
	}

	.service>ul li {
		width: 17%;
		margin: 0 1.5% 7%;
	}

	.service>ul li .text {
		font-size: 14px;
	}

	.service>ul .on .text {
		font-size: 14px;
	}

	.tabs .left {
		width: 100%;
		padding: 0 0 0 0;
        border-top: 1px solid #d2dfe7;
	}

	.tabs .right {
		width: 100%;
	}

	.ton {
		display: block;
		padding-top: 3%;
	}

	.tabs .left ul {
		grid-template-columns: repeat(3, 1fr);
		grid-gap: 0;
	}

	.tabs .left ul li {
		white-space: nowrap;
		box-shadow: none;
		border: solid 1px #d2dfe7;
		border-radius: 0;
		margin: -1px;
		padding: 9% 0;
		font-size: 14px;
	}

	.tabs .left ul li.ow {
		background-color: #fe852d;
		background-image: none;
	}

	.tabs .right .tie {
		display: none;
	}

	.tabs {
		/* padding-top: 2%; */
	}

	.tabs .right .img {
		padding: 5% 5% 0;
		box-sizing: border-box;
	}

	.tabs .right .img img {
		max-width: 100%;
	}

	.forms {
		background-size: 100% 100%;
		padding: 6% 0 8%;
	}

	.forms .f-title {
		font-size: 14px;
		padding: 0 5% 16%;
		letter-spacing: normal;
	}

	.forms form {
		width: 90%;
		left: 6%;
	}

	.forms form input[type=text] {
		padding: 13px 3.5%;
		width: 72%;
	}

	.forms form input[type=submit] {
		padding: 11.5px 2%;
		width: 28%;
	}



    /* ///// */
    .guild{
        padding: 5% 0 6% 0;
    }
    .guild ul {
        grid-gap: 0px; /* // */
        padding: 0 2%;
    }
    .guild ul li .g-icon{
        padding: 2.5vw;
    }
    .guild ul li .text{
        max-width: none;
        width: 80%;
       /* white-space: normal;
        text-align: center; */
    }
    .guild ul li .text p{
        font-size: 8px;
       text-overflow: ellipsis;     /* 换行显示要修改li的margin-top */
        overflow: hidden;
        
    }
    
    .guild .g-list{
        height: 30vw;
        padding: 4% 0 0 0;
        margin-top: 0;
    }
    
    
    
    
    
    
    
	/* .g-list .clearfix ul {
	    grid-template-columns: repeat(8, 1fr);
	    grid-template-areas: "a a b b c c d d""e e f f g g";
	}
	
	.g-list .clearfix li:nth-child(1) {
	    grid-area: a;
	    margin-top: 24%;
	}
	
	.g-list .clearfix li:nth-child(2) {
	    grid-area: b;
	    margin-top: 30%;
	}
	
	.g-list .clearfix li:nth-child(3) {
	    grid-area: c;
	    margin-top: 0%;
	}
	
	.g-list .clearfix li:nth-child(4) {
	    grid-area: d;
	    margin-top: 24%;
	}
	
	.g-list .clearfix li:nth-child(5) {
	    grid-area: e;
	    margin-top: 16%;
	}
	
	.g-list .clearfix li:nth-child(6) {
	    grid-area: f;
	    margin-top: 40%;
	}
	
	.g-list .clearfix li:nth-child(7) {
	    grid-area: g;
	    margin-top: 24%;
	}
	
	.g-list .clearfix .cont {
	    padding: 0 5%;
	} */
    
    /* ////// */

	.c-right>ul>li .you {
		display: none;
	}

	.choose {
		flex-wrap: wrap;
		padding: 0 0;
		height: auto;
		background: #21242a;
	}

	.choose .c-left {
		width: 100%;
		height: auto;
		padding: 12% 10% 0%;
	}

	.choose .c-right {
		width: 100%;
		padding-bottom: 5%;
	}

	.c-left .tmz {
		display: none;
	}

	.c-left .m-title p {
		display: none;
	}

	.c-right>ul {
		background-image: none;
	}

	.c-right>ul>li:nth-child(1) {
		display: none;
	}

	.c-right>ul>li .zuo a {
		color: #FFFFFF;
		line-height: 60px;
		padding-left: 0;
	}

	.c-right>ul>li .zhong p {
		width: 70%;
		position: relative;
		padding: 0;
		background: none;

	}

	.c-right>ul>li .zhong p a {
		color: #b1b7bf;
		-webkit-line-clamp: 3;
		font-size: 12px;
		text-align: left;
		padding: 0;
	}

	.c-right>ul>li .zuo {
		border-bottom: none;
		width: 30%;
		line-height: 60px;
		display: inline-block;
		overflow: hidden;
	}

	.c-right>ul>li {
		padding: 0 5%;
		box-sizing: border-box;
		border-bottom: #484c52 solid 1px;
		height: 60px;
	}

	.c-right>ul>li:last-child {
		display: none;
	}

	.box-conter ul {
		grid-template-columns: repeat(2, 1fr);
	}

	.con-text {
		display: none;
	}

	.c-left .m-title h3 br {
		display: none;
	}

	.news {
		background: #f1f4f7;
		padding: 8% 0 6% 0;
		box-sizing: border-box;
	}

	.news .box-conter ul {
		display: block;
	}


	.news .box-conter ul a {
		display: flex;
	}

	.news .box-conter .con-text {
		display: block;
		border-radius: 0;
		box-shadow: none;
		background: #fff;
	}

	.box-conter ul li {
		margin: 4% 0;
	}

	.news .box-conter li:hover .con-text span {
		display: none;
	}

	.news .box-conter .con-text span br {
		display: none;
	}

	.news .box-conter .con-text p {
		width: 100%;
	}

	.news .box-conter .con-text span {
		display: none;
	}

	.cont_time {
		text-align: left;
		font-size: 14px;
		color: #4d5562;
		padding: 4% 0% 2% 5%;
		display: block;
	}

	.news .list {
		display: none;
	}

	/* .service>ul li img {
		max-width: 25px;
	} */

	.forms .f-title span {
		width: 100%;
		text-align: center;
		display: inline-block;
		font-size: 26px;
	}

	.c-left .m-title h3 {
		text-align: center;
	}

	.box-bottom {
		margin: 0 auto 7%;
	}

	.news .box-conter .con-text p {
		padding: 13% 3% 0% 5%;
	}
}

/* 1000end */


@media screen and (max-width: 1650px) {
	.wapper header .nav ul {
		justify-content: flex-start;
	}

	.wapper header .nav {
		margin: 0 0 0 20px;
	}


}

.wapper .yuyue {
	width: 100%;
	border-radius: 50px 12px 12px 12px !important;

	padding: 5%;
	box-sizing: border-box;
	height: 380px;
	background: url(../library/mall/10000/images/layout/agent_03.jpg) !important;
	background-size: 100% 100%;

}

.layui-layer-iframe {
	border-radius: 50px 12px 12px 12px;
	background: url(../library/mall/10000/images/layout/agent_03.jpg);
	background-size: 100% 100%;
}

.layui-layer-iframe iframe {
	border-radius: 50px 12px 12px 12px;
}

.layui-layer {
	background: rgb(0, 0, 0, .2);
	background-size: 100% 100%;
}

.wapper .yuyue .titlebox {
	text-align: center;
}

.wapper .yuyue .titlebox .entit {
	font-size: 20px;
	color: #6d7482;
	font-family: bar_light;
}

.wapper .yuyue .titlebox .cntit {
	font-size: 28px;
	font-weight: bold;
	color: #212A3B;
	padding: 2% 0 3% 0;
}

.wapper .yuyue .titlebox .phone {
	font-size: 20px;
	color: #212A3B;
	font-weight: bold;
	padding: 8% 0 6% 0;
}

.wapper .yuyue .titlebox .phone input {
	border: none;
	border-bottom: 1px solid #6d7482;
	font-size: 18px;
	padding: 4px 10px;
	box-sizing: border-box;
	outline: none;
	background-color: rgba(220, 38, 38, 0.000);
}

.wapper .yuyue .titlebox .btn {
	width: 80%;
	margin: auto;
	height: auto;
	padding: 2% 0;
	text-align: center;
	border-radius: 25px;
	background-image: linear-gradient(to left, #fe852d, #ffa937);
	border: 2px solid #fff;
	box-shadow: 1px;
	cursor: pointer;
}

.wapper .yuyue .boxx {
	position: absolute;
	top: 0;
	right: 0;
	padding: 2%;
}


/* 首页头部导航 */
.wapper header {
	width: 100%;
	height: auto;
	box-sizing: border-box;
	position: absolute;
	padding: 0 2%;
	margin: 2% 0 0;
	align-items: center;
	z-index: 99999999999999999999;
}

.wapper .topnav {
	background: none;
}

/* 向左滚 */
.main-left .join_tit {
	width: 70px;
	color: #212a3b;
	float: left;
	overflow: hidden;
	display: inline-block;
	font-weight: bold;
}

#scrol {
	overflow: hidden;
	width: 85%;
	float: left;
}

#inscrol {
	float: left;
	width: 800%;
}

#scrol1 {
	float: left;
}

#scrol a {
	color: #959ba8;
}

#scrol a:hover {
	color: #fe852d;
}

#scrol2 {
	float: left;
}

.wapper .layer-video {
	width: 100%;
	height: 100vh;
	padding: 5% 20%;
	box-sizing: border-box;
	position: fixed;
}


@media screen and (max-width:1600px){
    .guild .particles-wrapper{
        top: -5%;
    }
}
@media screen and (max-width:1400px){
    .guild .particles-wrapper{
        top: -10%;
    }
}
@media screen and (max-width:1300px){
    .guild .particles-wrapper{
        top: -15%;
    }
}
@media screen and (max-width:1100px){
    .guild .particles-wrapper{
        top: -20%;
    }
}
@media screen and (max-width:1000px){
    .guild .particles-wrapper{
        top: -10%;
    }
}
@media screen and (max-width:800px){
    .guild .particles-wrapper{
        top: -17%;
    }
}
@media screen and (max-width:600px){
    .guild .particles-wrapper{
        top: -33%;
    }
}
@media screen and (max-width:500px){
    .guild .particles-wrapper{
        top: -45%;
    }
}
@media screen and (max-width:400px){
    .guild .particles-wrapper{
        top: -76%;
    }
}
@media screen and (max-width:376px){
    .guild .particles-wrapper{
        top: -52%;
    }
}


/* 移动端头部登录后 */
.headerright .headcontact{
	font-size: 14px;
	display: flex;
	align-items: center;
	width: 225px;
	justify-content: flex-end;
}
.headerright .headcontact .regsiter{
	padding: 5px 8px !important;
	background: #f4f4f5;
	/* padding: 6px 15px !important; */
	/* background: #fff; */
	border-radius: 21px;
	box-sizing: border-box;
	color: #5e6676;
	margin-right: 3px;
	font-weight: normal;
}
.headerright .headcontact .login {
    padding: 5px 8px !important;
    background: #ff9532;
    border-radius: 21px;
    box-sizing: border-box;
    color: #FFFFFF;
	margin-right: 3px;
    font-weight: normal;
}