html,* {
	-ms-touch-action: none;
	/* touch-action: none; */
/
}

body,
ul,
li {
	padding: 0;
	margin: 0;
	border: 0;
}

.page-loading {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	z-index: 100000002;
	background-color: black;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center;
}

body {
	font-size: 12px;
	font-family: ubuntu, helvetica, arial;
	overflow: hidden;
	/* this is important to prevent the whole page to bounce */
	background-color: #ffffff;
}

.page-loading {
	width: 100%;
	height: 100%;
	z-index: 100001;
	top: 0;
	background-size: 100%;
	position: absolute;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-color: rgb(244, 234, 224);
}

img {
	width: 100%
}

.pres {
	position: absolute;
	width: 100%;
	top: 58%;
	text-align: center;
}

.gif {
	position: absolute;
	width: 60%;
	top: 42%;
	left: 50%;
	transform: translate3d(-50%, -50%, 0) rotate(0deg);
	-webkit-transform: translate3d(-50%, -50%, 0) rotate(0deg);
	position: absolute;
}

#header {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	width: 100%;
	height: 45px;
	line-height: 45px;
	background: #CD235C;
	padding: 0;
	color: #eee;
	font-size: 20px;
	text-align: center;
	font-weight: bold;
}

#scroller ul {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%;
	text-align: center;
}

#scroller ul img {
	width: 100%;
}

.IPX .index_last {
	position: absolute;
	width: 113%;
	left: 50%;
	margin-left: -56.5%;
}

#scroller ul .log {
	height: 100%;
	width: auto;
}

#scroller li {
	display: block;
	float: left;
	width: 100px;
	height: 100%;
	border-right: 1px solid #ccc;
	background-color: #fafafa;
	font-size: 14px;
}

.swiper-slide img {
	width: 100%
}

.p1 {
	position: absolute;
	width: 74%;
	left: 13%;
	top: 43%;
	opacity: 1;
	z-index: 999999999;
}

.swiper-slide-active .p_3,.swiper-slide-active .p_5,.swiper-slide-active .p_7 {
	-webkit-animation: cfs_fadeInUp 1s linear 0s forwards;
	animation: cfs_fadeInUp 1s linear 0s forwards
}

.swiper-slide-active .p_2,.swiper-slide-active .p_6,.swiper-slide-active .p_8,.swiper-slide-active .p_9 {
	-webkit-animation: cfs_fadeInDown 1s linear 0s forwards;
	animation: cfs_fadeInDown 1s linear 0s forwards;
}

.all_box {
	position: absolute;
	width: 100%;
	transform: translate3d(-50%, -50%, 0) rotate(0deg);
	-webkit-transform: translate3d(-50%, -50%, 0) rotate(0deg);
	top: 50%;
	left: 50%;
	z-index: 99999;
	opacity: 1;
	height: 100%;
}

.ob .all_box {
	transform: translate3d(-50%, -50%, 0) rotate(-90deg);
	-webkit-transform: translate3d(-50%, -50%, 0) rotate(-90deg);
	width: 100%;
}

#wrapper ,#wrapper2 {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0
}

#wrapper2 {
	visibility: hidden;
	z-index: 99999;
}

.tram {
	transform: translate3d(-50%, -50%, 0) rotate(90deg);
	-webkit-transform: translate3d(-50%, -50%, 0) rotate(90deg);
	position: absolute;
}

.index2_img_f {
	position: relative;
	z-index: 9999;
}

.d_1 {
	width: 100%;
	left: 50%;
	top: 0;
	z-index: 99999;
	position: absolute;
	margin-left: -50%;
	margin-top: -3%;
}

.index_1 {
	position: absolute;
	width: 50%;
	top: 37%;
	left: 40%;
}

.index_2 {
	position: absolute;
	width: 50%;
	top: 40%;
	left: 44%;
	opacity: 0;
}

.index_3 {
	position: absolute;
	width: 50%;
	top: 49%;
	left: 69%;
	opacity: 0;
}

.z_1 {
	position: absolute;
	left: 50%;
	top: 128%;
	width: 166%;
	z-index: 22;
}

.z_2 {
	position: absolute;
	left: 28%;
	top: 76%;
	width: 87%;
	z-index: 0;
}

.z_3 {
	position: absolute;
	left: 50%;
	top: 60%;
	width: 115%;
	z-index: 19;
}

.z_4 {
	position: absolute;
	width: 50%;
	left: 50%;
	top: 20.1%;
	z-index: 99999;
}

.ye {
	top: 8.5%;
	width: 43%;
	left: 65%;
}

.y_1 {
	top: 21.6%;
	left: 79%;
	width: 80%;
	transform: translate3d(-50%, -50%, 0) rotate(90deg) scale(1);
	-webkit-transform: translate3d(-50%, -50%, 0) rotate(90deg) scale(1);
}

.y_2 {
	top: 39.6%;
	left: 11%;
	width: 710px;
	transform: translate3d(-50%, -50%, 0) rotate(90deg) scale(1);
	-webkit-transform: translate3d(-50%, -50%, 0) rotate(90deg) scale(1);
}

.y_3 {
	top: 53%;
	left: 89%;
	width: 560px;
}

.y_4 {
	top: 72.2%;
	left: 52%;
	width: 750px;
	transform: translate3d(-50%, -50%, 0) rotate(90deg) scale(1);
	-webkit-transform: translate3d(-50%, -50%, 0) rotate(90deg) scale(1);
}

.y_5 {
	top: 70.6%;
	left: 77%;
	width: 30%;
}

.y_6 {
	top: 86%;
	left: 78%;
	width: 603px;
	transform: translate3d(-50%, -50%, 0) rotate(90deg) scale(0.5);
	-webkit-transform: translate3d(-50%, -50%, 0) rotate(90deg) scale(0.5);
}

.y_7 {
	top: 89%;
	left: 29%;
	width: 750px;
	transform: translate3d(-50%, -50%, 0) rotate(90deg) scale(0.5);
	-webkit-transform: translate3d(-50%, -50%, 0) rotate(90deg) scale(0.5);
}

.index_4 {
	width: 1200px;
	top: 82%;
	left: 63%;
	transform: translate3d(-50%, -50%, 0) rotate(90deg) scale(0.1);
	-webkit-transform: translate3d(-50%, -50%, 0) rotate(90deg) scale(0.1);
	z-index: 100;
}

.index_5 {
	width: 13%;
	top: 82%;
	left: 65%;
	z-index: 98;
}

.index_4 img {
	transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale3d(0, 0, 1);
	-webkit-transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale3d(0, 0, 1);
}

.index2_1 {
	position: absolute;
	opacity: 0;
	bottom: 0;
	z-index: 99;
}

.over_hand {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 999999999;
	top: 0;
	transform: translate3d(0%, 0%, 0) rotate(0deg);
	-webkit-transform: translate3d(0%, 0%, 0) rotate(0deg);
	display: none;
}

.index,.loading {
	position: relative;
}

.index2_img {
	position: relative;
	z-index: 100;
	background-color: white;
}

.index3_img {
	position: absolute;
	top: 0;
	z-index: 99;
	opacity: 0;
}

.cat_1 {
	width: 50%;
	top: 84%;
	left: 40%;
}

.cat_2 {
	width: 50%;
	top: 91%;
	left: 49%;
}

.cat_3 {
	width: 50%;
	top: 102%;
	left: 64%;
}

.index_t_1 {
	width: 50%;
	top: 32%;
	left: 70%;
}

.index_t_2 {
	width: 60%;
	top: 38%;
	left: 71%;
	z-index: 999999;
}

.z_5 {
	width: 173%;
	left: 41%;
	top: 54.3%;
	z-index: 99999;
}

.t_1 {
	width: 39%;
	left: 16%;
	top: -24%;
	z-index: 9999999;
	position: absolute;
}

.t_2 {
	width: 39%;
	left: 54%;
	top: -13%;
	z-index: 99999;
	position: absolute;
}

.t_3 {
	width: 19%;
	left: 99%;
	top: -13%;
	z-index: 99999;
	position: absolute;
}

.z_6 {
	width: 85%;
	left: 63%;
	top: 80%;
	z-index: 9999;
}

.z_7 {
	width: 45%;
	left: 0;
	top: 27%;
	z-index: 9999;
	position: absolute;
}

.z_8 {
	width: 50%;
	left: 53%;
	top: 35%;
	z-index: 999;
}

.z_9 {
	width: 122%;
	left: 26%;
	top: 39%;
	z-index: 999;
}

.z_10 {
	width: 56%;
	left: 30%;
	top: 40%;
	z-index: 777;
}

.z_11 {
	width: 83%;
	left: 0;
	top: 56%;
	z-index: 999;
	position: absolute;
}

.z_12 {
	width: 70%;
	left: 0;
	top: 78.5%;
	z-index: 998;
	position: absolute;
}

.z_13 {
	width: 88%;
	left: 0;
	top: 66.5%;
	z-index: 88;
	position: absolute;
}

.z_14 {
	width: 100%;
	left: 0;
	top: 14%;
	z-index: 9999;
	position: absolute;
}

.z_14_1 {
	position: absolute;
	bottom: -3%;
	z-index: 9999;
}

.z_14_1 img {
	transform: scale(1,-1);
	-webkit-transform: scale(1,-1);
}

.index_t_3 {
	width: 67%;
	top: 22%;
	left: 94%;
	z-index: 99999;
}

.index_t_4 {
	width: 60%;
	top: 51%;
	left: 81%;
	z-index: 99999;
}

.index_t_5 {
	width: 68%;
	top: 46%;
	left: 76%;
	z-index: 998;
}

.index_t_6 {
	width: 56%;
	top: 74%;
	left: 82%;
	z-index: 9999999999;
}

.index6,.index8 {
	z-index: 99999;
}

.xf_1 {
	width: 68%;
	top: 54%;
	left: 66%;
	z-index: 997;
}

.xf_2 {
	width: 68%;
	top: 61%;
	left: 48%;
	z-index: 997;
}

.xf_3 {
	width: 68%;
	top: 69%;
	left: 32%;
	z-index: 997;
}

.index8_zhe {
	background-color: white;
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
}

.zc_2_box,.index_7bg {
	position: absolute;
	left: 50%;
	width: 100%;
	top: 50%;
	z-index: 999999;
	background-color: white;
	transform: translate3d(-50%, -50%, 0) rotate(0deg);
	-webkit-transform: translate3d(-50%, -50%, 0) rotate(0deg);
}

.zc_2_box {
	opacity: 0
}

.index7_img {
	/* position: absolute; */
	top: 0;
	/* display: none; */
}

.z_16 {
	transform: translate3d(0, 0, 0) rotate(0deg) scale(0.08);
	-webkit-transform: translate3d(0, 0, 0) rotate(0deg) scale(0.08);
	position: absolute;
	width: 750px;
	top: 31.5%;
	left: -42%;
}

.su_1 {
	width: 6%;
	top: 38%;
	left: 82%;
}

.su_2 {
	width: 19%;
	top: 45%;
	left: 89%;
}

.su_3 {
	width: 7%;
	top: 45%;
	left: 72%;
}

.su_4 {
	width: 13%;
	top: 45%;
	left: 57%;
}

.su_5 {
	width: 49%;
	top: 22%;
	left: 75%;
	z-index: 99999;
}

.su_6 {
	width: 49%;
	top: 59%;
	left: 62%;
	z-index: 99999;
}

.qkl_1 {
	width: 70%;
	top: 37%;
	left: 0;
	z-index: 99;
	position: absolute;
	display: none;
}

.qkl_2 {
	width: 68%;
	top: -42%;
	left: 80%;
	position: absolute;
	display: none;
}

.z_17 {
	width: 15%;
	top: -5%;
	left: 38%;
	z-index: 99999999;
}

.z_17 img {
	display: none;
	transform-origin: center;
}

.z_18 {
	width: 73%;
	left: -36%;
	top: 90.5%;
	z-index: 999;
}

.qkl_box {
	width: 32%;
	top: -28%;
	left: 22%;
	position: absolute;
	transform: rotate(90deg);
	-webkiyt-transform: rotate(90deg);
}

.cat {
	/* display: none; */
}

.yu,.yu2 {
	width: 1982px;
	top: 50%;
	z-index: 999993;
	left: 111%;
}

.z_8 img {
	transform-origin: center bottom 0px;
	-webkit-transform-origin: center bottom 0px;
}

.bo_li {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	z-index: 9999999;
	background-color: white;
	display: none;
	transform-origin: center!important;
	-webnkit-transform-origin: center!important;
;
}

.b_1 {
	top: 92%;
	left: 64%;
	width: 67%;
}

.b_2 {
	top: 83%;
	left: 58%;
	width: 90%;
}

.b_3 {
	top: 59.3%;
	left: 52.6%;
	width: 29%;
}

.b_4 {
	top: 75.3%;
	left: 18.6%;
	width: 79%;
}

.b_5 {
	top: 30.5%;
	left: 22.6%;
	width: 80%;
}

.b_6 {
	top: 27.5%;
	left: 46.2%;
	width: 80%;
}

.b_7 {
	top: 28.5%;
	left: 56.2%;
	width: 80%;
}

.b_8 {
	top: 39.7%;
	left: 72.5%;
	width: 62%;
}

.index9 {
	z-index: 9999;
}

.index10 {
	z-index: 9998;
}

.z_20 {
	width: 70%;
	left: 35%;
	top: 50%;
	position: absolute;
	transform: translate3d(-50%, -50%, 0);
	-webkit-transform: translate3d(-50%, -50%, 0);
}

.z_19 {
	width: 70%;
	left: 35%;
	top: 50%;
	position: absolute;
	transform: translate3d(-50%, -50%, 0);
	-webkit-transform: translate3d(-50%, -50%, 0);
}

.zb_1 {
	width: 140%;
	left: 50%;
	top: 50%;
	z-index: 99999;
}

.index11 {
	position: absolute;
	top: 0;
	display: none;
	z-index: 9999;
	pointer-events: none;
}

.indexk {
	display: none;
	position: absolute;
	z-index: 9999;
	pointer-events: none;
	top: 0;
	width: 100%;
}

.indexk .z_19,.indexk .z_20 {
	/* top: 39%; */
}

.z_22 {
	position: absolute;
	width: 34%;
	top: 15%;
	left: 20%;
	z-index: 99999;
}

.z_25 {
	position: absolute;
	width: 34%;
	top: 92%;
	left: 24%;
	z-index: 99999;
}

.z_21 {
	position: absolute;
	width: 62%;
	top: 40%;
	left: 21%;
	z-index: 99999;
}

.z_23 {
	position: absolute;
	width: 17%;
	top: 10%;
	left: 63%;
	z-index: 99999;
}

.z_24 {
	position: absolute;
	width: 29%;
	top: 88%;
	left: 65%;
	z-index: 999999;
}

.z_26 {
	position: absolute;
	width: 145%;
	top: 50%;
	left: 50%;
	z-index: 99999;
}

.z_27 {
	position: absolute;
	width: 36%;
	top: 20%;
	left: 70%;
	z-index: 99999;
}

.m_box {
	position: absolute;
	width: 10%;
	top: 45%;
	left: 45%;
	z-index: 99999;
	transform-origin: bottom;
	-webkit-transform-origin: bottom;
	display: none;
}

.m_1 {
}

.m_2 {
	position: absolute;
	width: 10%;
	top: 45%;
	left: 45%;
	z-index: 99999;
	transform-origin: bottom;
	-webkit-transform-origin: bottom;
}

.m_3 {
	position: absolute;
	width: 10%;
	top: 45%;
	left: 45%;
	z-index: 99999;
	transform-origin: bottom;
	-webkit-transform-origin: bottom;
}

.m_4 {
	position: absolute;
	width: 10%;
	top: 45%;
	left: 45%;
	z-index: 99999;
	transform-origin: bottom;
	-webkit-transform-origin: bottom;
}

.index12_1,.index14_1,.index13_1 {
	background-color: black;
	height: 100%;
	position: absolute;
	width: 100%;
	z-index: 9999999;
	top: 0;
	display: none;
	overflow: hidden;
}

.index10_1 {
	height: 100%;
	position: absolute;
	width: 100%;
	z-index: 9999999;
	top: 0;
	overflow: hidden;
}

.x_1 {
	width: 1280px;
	top: 50%;
	left: 50%;
}

.x_2 {
	width: 1280px;
	top: 50%;
	left: 50%;
}

.m_box img {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform-origin: bottom;
	-webkit-transform-origin: bottom;
}

.show {
	display: block!important;
}

.hide {
	display: none!important;
}

.showOp {
	opacity: 1!important;
}

.hideOp {
	opacity: 0!important;
}

.bg_1,.bg_2 {
	transform: translate3d(-50%, -50%, 0) scale(0.75);
	-webkit-transform: translate3d(-50%, -50%, 0) scale(0.75);
	position: absolute;
	width: 1008px;
	top: 50%;
	left: 50%;
}

.bg_1 {
	opacity: 0;
	z-index: 97;
}

.c_1 {
	width: 42%;
	z-index: 9999;
	top: 29%;
	left: 66%;
}

.c_2 {
	width: 48%;
	z-index: 9999;
	top: 16%;
	left: 20%;
}

.c_3 {
	width: 48%;
	z-index: 9999;
	top: 70%;
	left: 31%;
}

.c_4 {
	width: 26%;
	z-index: 9999;
	top: 64%;
	left: 83%;
}

.c_5 {
	width: 26%;
	z-index: 9999;
	top: 50%;
	left: 14%;
}

.c_6 {
	width: 136%;
	z-index: 999;
	top: 56%;
	left: 44%;
}

.n_1 {
	width: 60%;
	z-index: 99;
	top: 50%;
	left: 50%;
}

.n_2 {
	width: 60%;
	z-index: 99;
	top: 50%;
	left: 50%;
}

.text_1 {
	width: 80%;
	top: 50%;
	left: 70%;
}

.btn_1 {
	width: 50%;
	top: 30%;
	left: 33%;
}

.btn_2 {
	width: 50%;
	top: 75%;
	left: 33%;
}

.ren {
	position: absolute;
	bottom: 0;
}

.index_box,.ren_box,.jfu_box {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background-color: white;
}

.jfu_box {
	opacity: 0;
	z-index: 9999999;
	background-color: black;
	top: 0;
}

.index1 {
	/* z-index: 99999; */
	/* background-color: white; */
}

.index2 {
	z-index: 99;
}

.index14 {
	background-color: black;
}

.l_1_p {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 9999;
}

.l_1_p img {
	transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale3d(3, 3, 1);
	-webkit-transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale3d(3, 3, 1);
}

.index9_2 {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	display: none;
}

.cl_box {
	position: absolute;
	width: 38%;
	top: 14%;
	left: 60%;
	/* display: none; */
}

.cl_box img,.su img {
	display: none;
}

.cl_1 img {
	display: block;
}

.sh_box {
	width: 88%;
	left: 37%;
	top: 95%;
	z-index: 999999;
}

.sh_box img {
	display: none;
}

.l_3 {
	position: absolute;
	z-index: 999999;
	transform: translate3d(-50%, -50%, 0) rotate(0deg) scale(0.5);
	-webkit-transform: translate3d(-50%, -50%, 0) rotate(0deg) scale(0.5);
	top: 50%;
	left: 50%;
	width: 1000px;
}

.l_3 img {
	transform: translate3d(0%,0%, 0) rotate(0deg) scale(0);
	-webkit-transform: translate3d(0%,0%, 0) rotate(0deg) scale(0);
}

.index15_1 {
	position: absolute;
	width: 100%;
	height: 100%
}

.l_7 {
	position: absolute;
	width: 103%;
	height: 100%;
	top: 0;
	z-index: 99999;
}

.l_6 {
	position: absolute;
	width: 100%;
	z-index: 99999;
	left: -5%;
	margin-top: -6%;
}

.l_8 {
	position: absolute;
	width: 100%;
	top: 0%;
}

.l_9 {
	position: absolute;
	width: 103%;
	top: 1px;
	z-index: 9999;
	background-color: black;
}

.l_10 {
	position: absolute;
	width: 100%;
	top: 1px;
}

.l_4 {
	position: absolute;
	width: 23%;
	top: -17%;
	z-index: 9999999;
	left: 2%;
}

.l_4_1 {
	position: absolute;
	width: 22%;
	top: -19%;
	z-index: 999999;
	left: 70%;
}

.l_5 {
	position: absolute;
	width: 70%;
	top: -14%;
	right: 8%;
	z-index: 100000;
}

.load {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: white;
	z-index: 99999999999;
	top: 0;
}

.sj_box, .sj_sj_box,.sc_box {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: white;
	z-index: 999999;
	display: none;
}

.sj {
	width: 13%;
	top: 99%;
	left: 50%;
	position: absolute;
	transform: translate3d(-50%, -50%, 0) rotate(90deg);
	-webkit-transform: translate3d(-50%, -50%, 0) rotate(90deg);
	z-index: 99;
	background-color: white;
}

.ok {
	left: 8%;
	top: 50%;
	width: 22%;
	display: none;
	left: -20%;
	top: 63%;
	width: 40%;
	position: absolute;
	transform: translate3d(-50%, -50%, 0) rotate(90deg);
	-webkit-transform: translate3d(-50%, -50%, 0) rotate(90deg);
}

.ok_text {
	left: -20%;
	top: 63%;
	width: 60%;
	position: absolute;
	transform: translate3d(-50%, -50%, 0) rotate(90deg);
	-webkit-transform: translate3d(-50%, -50%, 0) rotate(90deg);
}

.shuj {
	position: absolute;
	width: 96%;
	transform: translate3d(-50%, -50%, 0) rotate(-90deg);
	-webkit-transform: translate3d(-50%, -50%, 0) rotate(-90deg);
	top: 47%;
	left: 50%;
}

.P_NONE {
	pointer-events: none;
}

.k_bok {
	transform: translate3d(-50%, -50%, 0) rotate(90deg);
	-webkit-transform: translate3d(-50%, -50%, 0) rotate(90deg);
	position: absolute;
	width: 11%;
	top: 50%;
	left: 50%;
	z-index: 9999;
}

.k_bok img {
	pointer-events: none;
}

.index_17_1 {
	position: absolute;
	width: 100%;
	/* height: 100%; */
}

.l_11 {
	position: absolute;
	width: 48%;
	left: 5%;
	top: 0%;
}

.l_12 {
	position: absolute;
	width: 80%;
	left: 2%;
	top: 3%;
}

.l_13 {
	position: absolute;
	width: 36%;
	transform: translate3d(-50%, -50%, 0) rotate(0deg);
	-webkit-transform: translate3d(-50%, -50%, 0) rotate(0deg);
	top: 50%;
	left: 84%;
	z-index: 99999999;
}

.l_14 {
	position: absolute;
	width: 37%;
	left: 29%;
	transform: translate3d(-50%, -50%, 0) rotate(0deg);
	-webkit-transform: translate3d(-50%, -50%, 0) rotate(0deg);
	top: 0;
}

.l_15 {
	position: absolute;
	width: 37%;
	left: 20%;
	transform: translate3d(-50%, -50%, 0) rotate(0deg);
	-webkit-transform: translate3d(-50%, -50%, 0) rotate(0deg);
	top: 36%;
	z-index: 10;
}

.l_16 {
	position: absolute;
	width: 22%;
	left: 0;
	top: 50%;
	margin-top: -24%;
	z-index: 100;
}

.l_17 {
	position: absolute;
	width: 25%;
	left: 4%;
	top: 50%;
	margin-top: -19%;
}

.hc {
	top: 50%;
	left: 50%;
	width: 1000px;
	transform: translate3d(-50%, -50%, 0) rotate(90deg) scale(0.3);
	-webkit-transform: translate3d(-50%, -50%, 0) rotate(90deg) scale(0.3);
}

.index20_1 {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: white;
}

.ccl_1 {
	top: 28%;
	left: 75%;
	width: 83%;
}

.ccl_2 {
	top: 22%;
	left: 5%;
	width: 83%;
}

.ccl_3 {
	top: 104%;
	left: 90%;
	width: 93%;
}

.ccl_4 {
	top: 59%;
	left: 48%;
	width: 125%;
	z-index: 999;
}

.ccl_5 {
	top: 100%;
	left: 23%;
	width: 85%;
}

.index20 {
	z-index: 999999;
}

.l_19 {
	top: 40%;
	z-index: 9999;
	width: 100%;
}

.l_20 {
	position: absolute;
	width: 100%;
	z-index: 9999;
}

.l_20_1 {
	position: absolute;
	width: 100%;
	z-index: 9999;
}

.l_20_1 img {
	transform: scale(1,-1);
	-webkit-transform: scale(1,-1);
}

.index_20_box {
	position: absolute;
	height: 100%;
	top: 0;
	width: 100%;
}

.index23 {
	z-index: 99999999;
}

.index14w {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index: 9999999;
	display: none;
}

.index_text_7 {
	top: 27%;
	left: 82%;
	width: 54%;
}

.index_text_8 {
	left: 65%;
	top: 0%;
	width: 50%;
	z-index: 9999999999;
}

.index_text_9 {
	width: 50%;
	top: 3%;
	left: 71%;
	z-index: 9999;
}

.gray {

}
.sc{
	position: absolute;
	width: 47%;
	right: -20%;
	top: -10%;
	pointer-events: none;
}

.gray .sc{display:none;}

.shu_box {
	width: 45%;
	top: 31%;
	left: 50%;
	position: absolute;
	transform: translate3d(-50%, -50%, 0) rotate(0deg);
	-webkit-transform: translate3d(-50%, -50%, 0) rotate(0deg);
	z-index: 999;
}

.shu_box2 {
	width: 54%;
	top: 38%;
	left: 50%;
	position: absolute;
	transform: translate3d(-50%, -50%, 0) rotate(0deg);
	-webkit-transform: translate3d(-50%, -50%, 0) rotate(0deg);
	z-index: 999;
}

.gb_1 {
	position: absolute;
	width: 60%;
	z-index: 99999;
	left: 15%;
	top: 0;
	transform: translate3d(0%, 0%, 0);
	-webkit-transform: translate3d(0%, 0%, 0);
}

.gb_2 {
	position: absolute;
	width: 60%;
	z-index: 99999;
	left: 15%;
	top: 100%;
	transform: translate3d(0%, 0%, 0);
	-webkit-transform: translate3d(0%, 0%, 0);
}

.last {
	background-color: #fff;
	z-index: 999;
}

.btn_3 {
	top: 50%;
	left: 50%;
	width: 60%;
}

.city_list {
	width: 60%;
	top: 60%;
	left: 50%;
	position: absolute;
	transform: translate3d(-50%, -50%, 0) rotate(0deg);
	-webkit-transform: translate3d(-50%, -50%, 0) rotate(0deg);
	z-index: 999;
	border: 1px solid #ddd;
	padding: 1%;
	font-size: 19px;
	height: 5%;
}

.city_text {
	width: 60%;
	top: 74%;
	left: 50%;
	position: absolute;
	transform: translate3d(-50%, -50%, 0) rotate(0deg);
	-webkit-transform: translate3d(-50%, -50%, 0) rotate(0deg);
	z-index: 999;
	border: 1px solid #ddd;
	padding: 1%;
	font-size: 19px;
	height: 18%;
}

.city_text textarea {
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%;
	outline: none;
	padding: 2%;
	border: 0;
}

.sure_btn {
	width: 45%;
	top: 90%;
	left: 50%;
	position: absolute;
	transform: translate3d(-50%, -50%, 0) rotate(90deg);
	-webkit-transform: translate3d(-50%, -50%, 0) rotate(0deg);
	z-index: 999;
}

.sj_2 {
	width: 170%;
	top: 102%;
	left: 50%;
	position: absolute;
	transform: translate3d(-50%, -50%, 0) rotate(0deg);
	-webkit-transform: translate3d(-50%, -50%, 0) rotate(0deg);
	z-index: 99;
}

.btn_5 {
	width: 31%;
	top: 86%;
	left: 28%;
	position: absolute;
	transform: translate3d(-50%, -50%, 0) rotate(0deg);
	-webkit-transform: translate3d(-50%, -50%, 0) rotate(0deg);
}

.btn_6 {
	width: 27%;
	width: 31%;
	top: 81%;
	left: 73%;
	position: absolute;
	transform: translate3d(-50%, -50%, 0) rotate(0deg);
	-webkit-transform: translate3d(-50%, -50%, 0) rotate(0deg);
}


.bc {
	width: 27%;
	width: 31%;
	top: 86%;
	left: 73%;
	position: absolute;
	transform: translate3d(-50%, -50%, 0) rotate(0deg);
	-webkit-transform: translate3d(-50%, -50%, 0) rotate(0deg);
}

.fxs {
	z-index: 9999999999;
	width: 77%;
	position: absolute;
	transform: translate3d(-50%, -50%, 0) rotate(90deg);
	-webkit-transform: translate3d(-50%, -50%, 0) rotate(90deg);
	top: 28%;
	left: 60%;
}

.fx_box {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);
	z-index: 999999999;
	display: none;
}

#pro {
	width: 100%;
	height: 100%;
	outline: none;
//清除
select的边框样式                 border: none;
//清除
select聚焦时候的边框颜色                 outline: none;
//将
select的宽高等于div的宽高                 width: 100%;
//隐藏
select的下拉图标                 appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	---------------------   作者：暖夏随园   来源：CSDN   原文：https: //blog.csdn.net/nuanxiasuiyuan/article/details/75663521   版权声明：本文为博主原创文章，转载请附上博文链接！;
	background: none;
	border: 0;
}

.bk {
	position: absolute;
	width: 33%;
	left: 70%;
	transform: translate3d(-50%, -50%, 0) rotate(0deg);
	-webkit-transform: translate3d(-50%, -50%, 0) rotate(0deg);
	top: 100%;
	z-index: 999990999;
}

.bk_1 {
	top: 54%;
	left: 24%;
	width: 28%;
}

.bk_2 {
	top: 27%;
	left: 63%;
	width: 28%;
}

.bk_3 {
	top: 25%;
	left: 39%;
	width: 36%;
}

.bk_4 {
	top: 76%;
	left: 30%;
	width: 40%;
}

.bk_5 {
	top: 76%;
	left: 70%;
	width: 36%;
	z-index: 999;
}

.bk_6 {
	top: 50%;
	left: 50%;
	width: 60%;
}

.cs_1 {
	position: absolute;
	top: 13.3%;
	width: 23%;
	left: 11%;
}

.cs_2 {
	position: absolute;
	top: 79%;
	width: 23%;
	right: 7%;
}

.cs_3 {
	position: absolute;
	top: 109%;
	width: 100%;
	z-index: 99999;
}

.cs_4 {
	position: absolute;
	top: 70%;
	width: 68%;
	z-index: 99999;
}

.l_21 {
	position: relative;
	z-index: 9999;
}

.cd_1 {
	position: absolute;
	width: 100%;
}

.z_15 {
	top: 52%;
	left: -40%;
	z-index: 9999999;
	width: 12%;
}

.index15 {
	z-index: 99999999;
}

.index17 {
	z-index: 9999;
}

.index23_1 {
	position: absolute;
	width: 100%;
	height: 100%;
	/* overflow: hidden; *//* background-color: white; */
}

.last2 {
	height: 673px;
	position: absolute;
	width: 100%;
	z-index: 999999;
	bottom: 0;
	background-color: black;
	display: none;
	opacity: 0;
}

.tips {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background-color: white;
}

#music {
	background-image: url("../images/music.png");
	position: absolute;
	width: 40px;
	height: 40px;
	z-index: 999999;
	background-size: 96%;
	background-position: center;
	background-repeat: no-repeat;
	right: 2%;
	top: 90%;
}

.tips1 {
	top: 50%;
	left: 63%;
	width: 90%;
}

.tips2 {
	top: 50%;
	left: 38%;
	width: 40%;
}

.sc_ing {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 999999;
	background-color: white;
	display: none;
}

.sc_text {
	top: 50%;
	left: 50%;
	font-size: 16px;
	transform: translate3d(-50%, -50%, 0) rotate(0deg);
	-webkit-transform: translate3d(-50%, -50%, 0) rotate(0deg);
}

.k_1 {
	top: 11%;
	left: 112%
}

.k_2 {
	top: 24%;
	left: 112%
}

.k_3 {
	top: 37%;
	left: 112%
}

.k_4 {
	top: 50%;
	left: 112%
}

.k_5 {
	top: 63%;
	left: 112%
}

.k_6 {
	top: 76%;
	left: 112%
}

.k_7 {
	top: 89%;
	left: 112%
}

.k_8 {
	top: 11%;
	left: 67%
}

.k_9 {
	top: 24%;
	left: 67%
}

.k_10 {
	top: 37%;
	left: 67%
}

.k_11 {
	top: 50%;
	left: 67%
}

.k_12 {
	top: 63%;
	left: 67%
}

.k_13 {
	top: 76%;
	left: 67%
}

.k_14 {
	top: 89%;
	left: 67%
}

.k_15 {
	top: 11%;
	left: 21%
}

.k_16 {
	top: 24%;
	left: 21%
}

.k_17 {
	top: 37%;
	left: 21%
}

.k_18 {
	top: 50%;
	left: 21%
}

.k_19 {
	top: 63%;
	left: 21%
}

.k_20 {
	top: 76%;
	left: 21%
}

.k_21 {
	top: 89%;
	left: 21%;
}

.k_11 {
	top: 12%;
	left: -20%;
	width: 23%;
}

.file {
	position: absolute;
	opacity: 0;
	width: 100%;
	height: 100%;
}

#container {
	position: absolute;
	width: 100%;
	height: 100%;
	display: none;
	overflow: hidden;
}

canvas {
	width: 353px;
	height: 532px;
	transform: scale(0.5) translate3d(-50%,-50%,0);
	-webkit-transform: scale(0.5) translate3d(-50%,-50%,0);
	top: 50%;
	left: 50%;
}

.t_text {
	position: absolute;
	transform: translate3d(-50%, -50%, 0) rotate(0deg);
	-webkit-transform: translate3d(-50%, -50%, 0) rotate(0deg);
	position: absolute;
	top: 242%;
	left: 50%;
	pointer-events: none;
	font-size: 16px;
	width: 100%;
	text-align: center;
}
.index13{z-index: 999999;}

.index14_latsss{position: absolute;width: 100%;height: 100%;display: none;opacity: 0;z-index: 999999999;background-color: black;}
.loadss{    position: absolute;
	width: 100px;
	height: 60px;
	z-index: 99999999;
	font-size: 30px;}

.sj_box{
	/* display: block; */
}
.pre{opacity: 0;position: absolute;}