@font-face {
font-family: SOURCEHANSANSCN-REGULAR;
src: url(https://cdnwxevent.oss-cn-shanghai.aliyuncs.com/fonts/SOURCEHANSANSCN-REGULAR.woff2) format("woff2"),
url(https://cdnwxevent.oss-cn-shanghai.aliyuncs.com/fonts/SOURCEHANSANSCN-REGULAR.woff) format("woff"),
url(https://cdnwxevent.oss-cn-shanghai.aliyuncs.com/fonts/SOURCEHANSANSCN-REGULAR.ttf) format("truetype"),
url(https://cdnwxevent.oss-cn-shanghai.aliyuncs.com/fonts/SOURCEHANSANSCN-REGULAR.eot) format("embedded-opentype"),
url(https://cdnwxevent.oss-cn-shanghai.aliyuncs.com/fonts/SOURCEHANSANSCN-REGULAR.svg) format("svg");
font-weight: normal;
font-style: normal;
}
* {list-style: none;margin: 0;padding: 0;}
.btn:focus,.btn:active:focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn.active.focus {outline: none !important; box-shadow:none !important; }
.form-control:focus{border-color:#fff;webkit-box-shadow:none;box-shadow:none;}
html, body {position: relative;height: 100%;}
body {margin: 0;padding: 0;background: #000; font-family: SOURCEHANSANSCN-REGULAR;}
img {display: block;}
a {color: #ffffff;text-decoration:none;}
h1 { font-size: 18px;}
.clear {clear: both;}
.container {position: absolute;width: 100%;height: 100%;overflow: hidden;}
.swiper-container {width: 100%;height: 100%;}
.swiper-slide {text-align: center;font-size: 18px;display: -webkit-box;display: -ms-fslexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;z-index: 2;}
.white_content {color: #FFF;}
#swiper-container2 .swiper-slide {font-size: 18px;height: auto;-webkit-box-sizing: border-box;box-sizing: border-box;display:block;}
.swiper-pagination-bullet-active {background: #fff;height: 30px;border-radius: 5px;opacity: 0.5;}
.page {position: relative;width:100%;height: 100%;max-width: 1600px;}
.cover_container {margin-top: 100%;}
.fullscreen {position: absolute;width: 100%;height: 100%;}
.full_img {width: 100%;}
.logo {position: absolute;top: 50px;left: 50px;width: 240px;}
.bvm_site {position: absolute;top: 220px;left: 50px;width: 500px;}
.pattern {position: absolute;bottom: 0;left: 396px;}
.p1_words {position: absolute;top: 10px;left: 50px;margin-top: 460px;line-height: 40px;font-weight: 600;letter-spacing: 1px;font-size: 16px;text-align: left;}
.p1_code {position: absolute;left: 820px;height: 100%;bottom: 0px;min-width: 700px;color: #ffffff;opacity: 0.8;overflow: hidden;font-size: 12px;/* transform: scale(0.8); */}
.page_content {position: relative;min-width: 800px;min-height: 100%;margin: 0 auto;z-index: 100;}
.long_content {padding: 50px;}
.page1 {}
.page2 {}
.page3 {}
.page4 {}
.blank1 {position: relative;width: 20px;height: 100%;}
.blank2 {width: 40px;height: 100%;}
.blank3 {width: 60px;height: 100%;}
.blank4 {width: 80px;height: 100%;}
.blank5 {width: 100px;height: 100%;}
.code_line {width: 100%;position: relative;display: flex;opacity: 0;text-align: left;transition: all 0.3s;transform: scale(0);overflow: hidden;}
.page_title {position: relative;left: 0px;text-align: left;}
.page_sub_title {position: relative;font-size: 20px;}
.page_sub_title_en {position: relative;font-size: 60px;line-height: 60px;font-family: arial !important;}
.page_sub_title_en span {font-weight: bold;}
.p1_img1 {position: absolute;top: 0%;left: 0%;width: 350px;}
.p1_img2 {position: absolute;top: 0%;left: 0%;width: 265px;margin-top: 60px;}
.p1_img3 {position: absolute;top: 0%;left: 281px;width: 145px;margin-right: -18%;margin-top: 91px;}
.p1_sqs img{opacity: 0.4;}
.p1_sqs {position: absolute;left: 5%;top: 50%;width: 100%;height: 100%;z-index: 2;}
.sq1 {width: 140px;top: 0px;position: absolute;margin-top: -370px;margin-left: 630px;}
.sq2 {width: 150px;top: 0px;position: absolute;margin-top: -160px;margin-left: 500px;}
.sq3 {width: 100px;top: 0px;position: absolute;margin-top: 20px;margin-left: 430px;}
.sq4 {width: 60px;position: absolute;margin-top: 230px;margin-left: 430px;}
.sq5 {width: 110px;position: absolute;margin-top: 100px;margin-left: 760px;}
.sq6 {width: 110px;position: absolute;margin-top: 170px;margin-left: 630px;}
.sq7 {width: 110px;position: absolute;top: -340px;right: 200px;}
.sq8 {width: 160px;position: absolute;right: 0px;top: -230px;}
.sq9 {width: 30px;position: absolute;margin-top: 420px;margin-left: 0px;}
.sq10 {width: 40px;position: absolute;margin-top: 490px;margin-left: 190px;}
.sq11 {width: 80px;position: absolute;margin-top: 460px;margin-left: 330px;}
.sq12 {width: 150%;top: 0px;position: absolute;margin-left: -130px;}
.sq13 {width: 50px;top: 450px;position: absolute;margin-left: 200px;}
.sq14 {width: 60px;top: 890px;position: absolute;margin-left: 410px;}
.sq15 {width: 60px;top: 2020px;position: absolute;margin-left: 100px;}
.sq16 {width: 120px;top: 1720px;position: absolute;margin-left: 160px;}
.sq17 {width: 50px;top: 2130px;position: absolute;margin-left: 830px;}
.sq18 {width: 30px;top: 2300px;position: absolute;margin-left: 0px;}
.sq19 {width: 40px;top: 2410px;position: absolute;margin-left: 90px;}
.sq20 {width: 80px;top: 2700pxposition: absolute;margin-left: 330px;}
.page1_end {position: absolute;width: 150%;left: -30%;top: 610px;z-index: -1;opacity:0.5;}
.page2 .page_dots {margin-left: 0px;margin-top: -10px;}
.package_image {width: 230px;margin-left: 50;}
.page_end_white {position: absolute;width: 120%;top: 450px;z-index: -1;}
.sub_title {font-size: 50px;text-align: left;}
.page_desc {position: relative;text-align: left;font-size: 16px;left: 0;line-height: 44px;margin-top: 10px;}
.page_detail {position: relative;margin-top: 10px;display: inline-block;width: 100%;}
.detail_box {position: relative;width: 30%;float: left;margin-right: 5%;text-align: left;margin-bottom: 90px;}
.detail_box:nth-child(3n) {margin-right:0;}
.detail_title {position: relative;display: flex;height: 80px;line-height: 100px;/* overflow: hidden; *//* font-weight: bold; */font-size: 24px;}
.detail_title img {margin-left: -20px;}
.detail_content {position: relative;font-size: 15px;margin-top: 10px;}
.detail_content ul li {position: relative;display: flex;margin-bottom: 10px;line-height: 26px;}
.detail_content ul li p{position: relative;}
.detail_desc {position: relative;margin: 30px 0 40px 0;}
.detail_img {position: relative;background: #000000;width: 200px;height: 200px;}
.detail_content2 {position: relative;font-size: 15px;margin-top: 0;}
.bold_title {font-weight: bolder;line-height: 40px;}
.year {position: relative;font-weight: bold;font-size: 18px;margin-right: 20px;}
.dot_icon {position: relative;width: 28px;height: 26px;margin-right: 20px;}
.p3_img {position: absolute;top: 185px;left: 315px;}
.p2_img {position: absolute;top: 138px;left: 185px;}
.p4_img {position: absolute;top: 25px;left: 426px;opacity: 0.2;}
.p5_img {position: absolute;top: 153px;left: 314px;opacity: 0.2;}
.p6_img {position: absolute;top: 360px;left: 610px;}
.clients_lines {position: absolute;left: 0px;top: 0px;width: 1000px;opacity: 0.5;
background: rgba(255,255,255,0.2);}
.clients_logo {position: absolute;left: 20px;top: 25px;width: 950px;}
.inputField {background: #2c2c2c;color: #FFF;}
.bnt_submit, .bnt_submit:hover, .bnt_submit:active{background: linear-gradient( 90deg, #eab25b, #ff7272);width: 160px;height: 50px;border: none;color: #FFF;text-align: left;border-radius: 30px;padding-left: 26px;margin-top: 20px;line-height: 40px;}
.beian {position: absolute;right: 10px;bottom: 0px;z-index: 1000;font-size: 12px;opacity: 0.5;}
.page_dots {position: absolute;left: 0%;top: 0%;margin-left: 0px;margin-top: -10px;}
.black_holder {position: absolute;width: 100%;background: #000;z-index: 1;bottom: -400px;left: 0px;}
.circle_holder {position: absolute;width: 500px;height: 500px;border: 2px dashed #ffffff;border-radius: 50%;display: flex;text-align: center;justify-content: center;align-items: center;opacity: 0.3;right: -120px;top: -190px;animation: rotate 40s linear infinite;}
.circle_box {position: absolute;width: 130px;height: 130px;border: 2px dashed #ffffff;border-radius: 50%;animation: rotate2 10s linear infinite;}
.sqs_holder {position: absolute;left: 5%;top: 450px;width: 100%;z-index: 6;}
.copyright {position: absolute;bottom: 0px;left: 30px;color: #808080;z-index: 10000;font-size: 12px;}
#typeEffectHolder{position: relative;height: 632px;text-align: left;overflow-y: hidden;}
#typeEffectHolder::-webkit-scrollbar {display: none;}
#typeEffect{position: absolute;bottom: 0px;min-height: 20px;}
.codeTextEffect {color: #FFFFFF;opacity: 0.5;font-size: 12px;line-height: 16px;overflow: hidden;height: 16px;animation-name: textEffect;animation-duration: 1s;animation-iteration-count: 1;animation-timing-function: ease;}
.codeTextEffect span{width:500px;display: block;}
#popHolder {display:none; position:fixed; width: 100%;height: 100%;background: rgba(0,0,0,0.8);left: 0px;top: 0px;z-index: 1000;}
#popInfo {background: linear-gradient( 90deg, #eab25b, #ff7272);width: fit-content;padding: 15px;padding-left: 30px;padding-right: 30px;margin: auto;margin-top: 20%;/* border: none; */color: #FFF;text-align: center;border-radius: 40px;line-height: 20px;font-size: 14px;}
@keyframes textEffect {
	0% {width: 0%;}
	100% {width: 100%;}
}
@-webkit-keyframes scaleToSmall {
	from {
		transform:scale(1.1);
	}
	to {
		ransform:scale(1);
	}
}
.object{width: 5px;height: 5px;background-color: #000;float: left;margin-right: 2px;-moz-border-radius: 50% 50% 50% 50%;-webkit-border-radius: 50% 50% 50% 50%;border-radius: 50% 50% 50% 50%;}
.white_dots .object {background-color: #ffffff;}
.white_text {color: #FFFFFF;}
.qrcode {margin-top: 20px;width: 170px;}
#object_one {-webkit-animation: object_one 1.5s infinite;animation: object_one 1.5s infinite;}
#object_two {-webkit-animation: object_two 1.5s infinite;animation: object_two 1.5s infinite; -webkit-animation-delay: 0.25s;animation-delay: 0.25s;}
#object_three {-webkit-animation: object_three 1.5s infinite;animation: object_three 1.5s infinite;-webkit-animation-delay: 0.5s;animation-delay: 0.5s;}
#object_four {-webkit-animation: object_three 1.5s infinite;animation: object_three 1.5s infinite;-webkit-animation-delay: 0.75s;animation-delay: 0.75s;}
#object_five {-webkit-animation: object_three 1.5s infinite;animation: object_three 1.5s infinite;-webkit-animation-delay: 1s;animation-delay: 1s;}
#submit_mail {color: #000;}
@-webkit-keyframes object_one {75% { -webkit-transform: scale(0); }}
@keyframes object_one {
	75% {
		transform: scale(0);
		-webkit-transform: scale(0);
	}
}
@-webkit-keyframes object_two {
	75% { -webkit-transform: scale(0); }
}
@keyframes object_two {
	75% {
		transform: scale(0);
		-webkit-transform:  scale(0);
	}
}
@-webkit-keyframes object_three {
	75% { -webkit-transform: scale(0); }
}
@keyframes object_three {
	75% {
		transform: scale(0);
		-webkit-transform: scale(0);
	}
}
@-webkit-keyframes object_four {
	75% { -webkit-transform: scale(0); }
}
@keyframes object_four {
	75% {
		transform: scale(0);
		-webkit-transform: scale(0);
	}
}
@-webkit-keyframes object_five {
	75% { -webkit-transform: scale(0); }
}
@keyframes object_five {
	75% {
		transform: scale(0);
		-webkit-transform: scale(0);
	}
}
@-webkit-keyframes rotate{
	from{-webkit-transform: rotate(0deg)}
	to{-webkit-transform: rotate(360deg)}
}
@-webkit-keyframes rotate2{
	from{-webkit-transform: rotate(0deg)}
	to{-webkit-transform: rotate(-360deg)}
}
@media screen and (max-width: 1200px) {
	.p1_img1 {
		width:510px;
	}
	.p1_img2{
		width: 387px;
	    margin-top: 90px;
	}
	.p1_img3{
		left: 404px;
	    width: 215px;
	    margin-right: -18%;
	    margin-top: 137px;
	}
	.page1_end {
	    top: 80%;
	    width: 2000px;
	    height: 12000px;
	    left: -83%;
	}
	.p1_code {
		display: none;
	}
	.p1_words {
		top: 110px;
		line-height:70px;
		font-size: 26px;
	}
	.sqs_holder {
		left: 155px;
		top: 430px;
		zoom:1.2;
	}
	.sq1 {
	    width: 140px;
	    top: 350px;
	    margin-top: -370px;
	    margin-left: 60px;
	}
	.sq2 {
	    width: 200px;
	    top: 300px;
	    margin-top: -110px;
	    margin-left: -80px;
	}
	.sq3 {
	    width: 150px;
	    top: 0px;
	    margin-top: 440px;
	    margin-left: -180px;
	}
	.sq4 {
	    width: 80px;
	    margin-top: 650px;
	    margin-left: -180px;
	}
	.sq5 {
	    width: 140px;
	    margin-top: 470px;
	    margin-left: 190px;
	}
	.sq6 {
	    width: 110px;
	    margin-top: 390px;
	    margin-left: 140px;
	}
	.sq7 {
	    width: 110px;
	    top: -340px;
	    right: 200px;
	}
	.sq8 {
	    width: 160px;
	    right: 0px;
	    top: -230px;
	}
	.sq9 {
	    width: 30px;
	    margin-top: 670px;
	    margin-left: 140px;
	}
	.sq10 {
	    width: 40px;
	    margin-top: 490px;
	    margin-left: 370px;
	}
	.sq11 {
	    width: 30px;
	    margin-top: 640px;
	    margin-left: 420px;
	}
	.sq12 {
	    width: 300%;
	    top: 670px;
	    margin-left: -736px;
	}
	.sq13 {
	    width: 500%;
	    top: 970px;
	    margin-left: -1787px;
	}
	.detail_box{
		width: 100%;
		margin-bottom: 0px;
	}
	.page_sub_title_en {
	    font-size: 50px;
	    line-height: 70px;
	    margin-bottom: 40px;
	}
	.page_desc {
	    font-size: 18px;
	    line-height: 32px;
	}
	.detail_content {
	    font-size: 18px;
	}
	.p2_img {
	    top: 38px;
	    left: 105px;
	    width: 600px;
	}
	.p3_img {
	    top: 35px;
	    left: 144px;
	}
	.p4_img {
	    top: -51px;
	    width: 780px;
	    left: 150px;
	}
	.p5_img {
	    top: -1px;
	    width: 560px;
	    left: 164px;
	}
	.page_end_white {
	    position: absolute;
	    width: 750px;
	    height: 6000px;
	    top: 1229px;
	    z-index: -1;
	}
	.long_content {
	    min-width: auto;
	}
	.package_image {
	    position: relative;
	    right: -30px;
	    top: -110px;
	    width: 300px;
	    margin-left: auto;
	}
	.inputField {
	    font-size: 22px;
	    height: 42px;
	}
	.bnt_submit, .bnt_submit:hover, .bnt_submit:active {
	    background: linear-gradient(90deg, #eab25b, #ff7272);
	    line-height: 40px;
	    font-size: 28px;
	    line-height: 28px;
	    margin-bottom: 70px;
	}
	.clients_logo {
	    position: absolute;
	    left: 20px;
	    top: 16px;
	    width: 620px;
	}
	.clients_lines {
	    position: absolute;
	    left: 0px;
	    top: 0px;
	    width: 660px;
	    opacity: 0.5;
	    background: rgba(255,255,255,0.2);
	}
	.swiper-pagination-bullet {
	    width: 16px;
	    height: 16px;
	}
	.swiper-pagination-bullet-active {
	    height: 60px;
	    border-radius: 20px;
	}
}