@charset "utf-8";

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;box-sizing: border-box;}
table{border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}
ol,ul,li{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:'';}
table{border-collapse: collapse;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;-webkit-appearance: none;}
body,html{width: 100%; height: 100%; line-height: 1.2; background: #fff; -webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:none; -webkit-user-select:none;}
input,textarea,select{*font-size:100%}
a{text-decoration:none;-webkit-tap-highlight-color: rgba(0,0,0,0); display: inline-block;}
a:hover{ filter: brightness(1.1);}
.hide{display:none;}
.ti{text-indent:-999em;}
.pr{position:relative;}
.pa{position:absolute;}
.btn {font-size: 0;text-indent: -9999px}
.fl{float:left;}
.fr{float:right;}
.t {text-indent: -999em; overflow: hidden; display: block;}
.c:after{display:block;visibility: hidden;font-size:0px;content: "";clear: both;height: 0;}
.c{zoom:1;}
.none {display: none}
body, html {
	width: 100%;
	font-family: "textzt3";
}
@font-face {
	font-family: "btnzt";
	src: url("../img/zt/btnzt.ttf")
}

@font-face {
	font-family: "textzt3";
	src: url("../img/zt/textzt3.ttf")
}
.btnzt {
	font-family: "btnzt";
}

.sp-cont {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 2;
}
.textzt3 {
	font-family: "textzt3";
}
.btn-nav.disabled {
	pointer-events: none;
}
.cont {
	width: 100%;
	height: 900px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%) scale(0.95);
}

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

.swiper-container {
	width: 100%;
	height: 100%;
}

.swiper-slide-m {
	overflow: hidden;
}
.page {
	width: 1920px;
	height: 1080px;
	position: absolute;
	left: 50%;
	top: 0;
	margin-top: 0;
	margin-left: -960px;
	transform-origin: center top;
}

.page-bg {
	width: 1920px;
	height: 1080px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -960px;
	display: block;
}

.page0 {
	background: url("../img/head/head.jpg") no-repeat  top center ;
}
.page0kv {
	background: url("../img/head/bg.jpg") no-repeat  top center ;
}
.logo {
	display: block;
	background: url("../img/head/logo.png") no-repeat 0 0/100%;
	width: 164px;
	height: 111px;
	position: absolute;
	top: 65px;
	left: 108px;
}
.bgm-box {
	background: url("../img/head/vdicon.png") no-repeat 0 0 /100%;
	width: 70px;
	height: 70px;
	display: block;
	position: absolute;
	top: 75px;
	right: 105px;cursor: pointer;
}
.btn-tgcg {
	display: block;
	background: url("../img/head/btn-tgcg.png") no-repeat 0 0 /100%;
	width: 235px;
	height: 72px;
	position: absolute;
	top: 80px;
	right: 200px;
}
.nav-open {
	position: fixed;
	bottom: 0;
	right: 0;
	height: 4.6875vw; /*90px*/
	z-index: 2;
	background: url("../img/head/navbg.png") no-repeat 0 0 /100% 4.6875vw;
	transition: width 0.4s ease;
	overflow: hidden;
	font-family: btnzt;
	display: flex;
	align-items: center;
}
.nav-box {
	position: fixed;
	bottom: 0;
	right: 0;
	height: 4.6875vw; /*90px*/
	z-index: 2;
	background: url("../img/head/navbgon.png") no-repeat 0 0 /100% 4.6875vw;
	transition: width 0.4s ease;
	overflow: hidden;
	font-family: btnzt;
	width: 100%;
}

.nav-mid {
	height: 100%;
	display: flex;
	align-items: center;
}

.btn-zk {
	display: flex;
	color: #ffd783;
	font-size: 1.1458vw; /*22px*/
	text-align: center;
	width: 2.3958vw; /*46px*/
	height: 100%;
	align-items: center;
	justify-content: center;
	background: url("../img/head/navic.png") no-repeat top right /0.5208vw auto; /*10px*/
}
.btn-sq {
	display: flex;
	color: #ffd783;
	font-size: 1.1458vw; /*22px*/
	text-align: center;
	width: 2.3958vw; /*46px*/
	height: 100%;
	align-items: center;
	justify-content: center;
	background: url("../img/head/navic.png") no-repeat top right /0.5208vw auto; /*10px*/
}

.btn-sy {
	display: block;
	background: url("../img/head/navsy.png") no-repeat 0 0 /100%;
	width: 3.4375vw; /*66px*/
	height: 3.4375vw; /*66px*/
	margin: 0 2.6042vw 0; /*50px*/
}

.nav-flex {
	display: flex;
	justify-content: space-around;
}

.btn-nav {
	display: block;
	background: url("../img/head/navbtn.png") no-repeat 0 0 /100%;
	width: 12.2396vw; /*235px*/
	height: 3.5417vw; /*68px*/
	text-align: center;
	line-height: 3.9417vw; /*68px*/
	color: #afc7ff;
	font-size: 1.4583vw; /*28px*/
	position: relative;
	padding: 0 0.5208vw; /*10px*/
	margin: 0 0.7813vw; /*15px*/
	/*margin: 0 2vw; !*15px*!*/
}
.btn-nav.on {
	background: url("../img/head/navbtnon.png") no-repeat 0 0 /100%;
	color: #fffcb4;
}
.btn-nav:before {
	content: '';
	display: block;
	background: url("../img/head/navxt1.png") no-repeat 0 0 /100%;
	position: absolute;
	top: 0;
	right: -0.7813vw; /*-15px*/
	/*right: -1.7813vw; !*-15px*!*/
	width: 0.4167vw; /*8px*/
	height: 3.4896vw; /*67px*/
}
.btn-nav:nth-child(6):before {
	content: '';
	display: block;
	background: url("../img/head/navxt2.png") no-repeat 0 0 /100%;
	position: absolute;
	top: -0.5208vw; /*-10px*/
	right: -0.7813vw; /*-15px*/
	width: 0.5729vw; /*11px*/
	height: 4.1667vw; /*80px*/
}

.kv-video {
	width: 1920px;
	height: 1080px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -960px;
}

.kv-video video  {
	width: 100%;
	height: 100%;
}
.page0kv {
	background: url("../img/head/bg.jpg") no-repeat  top center ;

}

.btn-jrgw {
	display: block;
	background: url("../img/head/btn-gw.png") no-repeat 0 0 /100%;
	width: 235px;
	height: 72px;
	position: absolute;
	top: 80px;
	right: 200px;
	z-index: 2;
}
.head-text1 {
	background: url("../img/head/head-text.png") no-repeat 0 0 /100%;
	width: 1537px;
	height: 250px;
	margin: 0px auto 0;
	position: relative;
}
.head-text1:before {
	content: '';
	display: block;
	/*background: url("../img/head/mc.png") no-repeat 0 0 /100% ;*/
	width: 1220px;
	height: 60px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: -1;
}
#cyou_top {
	position: absolute!important;
	top: 0;
	left: 0;
}
.slogo {
	background: url("../img/head/slogo.png") no-repeat 0 0 /100%;
	width: 840px;
	height: 285px;
	margin: 100px auto 0;
}
.login-succ a{color: #fff;text-decoration: underline;}
.head-pic {
	background: url("../img/head/head-jl.png") no-repeat 0 0 /100%;
	width: 1260px;
	height: 165px;
	margin: 0 auto 0;
	opacity: 0;
}
.head-pic.on {
	opacity: 1;
}
.btn-oder {
	display: block;
	background: url("../img/head/btn-oder.png") no-repeat 0 0 /100%;
	width: 359px;
	height: 108px;
	margin: 0 auto 0;
}

.login-succ{text-align: center;color:#fff;}
.btn-oder.gray {
	background: url("../img/head/btn-odergy.png") no-repeat 0 0 /100%;
	/*pointer-events: none;*/
	cursor: default;
}
.btn-oder.disabled{
	/*pointer-events: none;*/
	cursor: default;
	filter: grayscale(100%);
}
.page1 {
	background: url("../img/part01bg.jpg") no-repeat  top center ;
}
/*.page1.on {*/
/*	background: url("../img/part01bg1.jpg") no-repeat  top center ;*/
/*}*/
/*.page1.bg1 {*/
/*	background: url("../img/part01bg2.jpg") no-repeat  top center ;*/
/*}*/
.page1::before,
.page1::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	opacity: 0;
	transition: opacity 0.4s ease;
	pointer-events: none;
}
.page1::before {
	background: url("../img/part01bg1.jpg") no-repeat  top center ;
}
.page1::after {
	background: url("../img/part01bg2.jpg") no-repeat  top center ;
}
.page1.on::before {
	opacity: 1;
}
.page1.bg1::after {
	opacity: 1;
}

.part01-nav {
	background: url("../img/p1xt.png") no-repeat 0 0 /100%;
	width: 332px;
	height: 715px;
	position: absolute;
	top: 80px;
	left: 350px;
	z-index: 1;
}
.part01-nav a {
	color: #afc7ff;
	font-size: 30px;
	height: 40px;
	display: flex;
	align-items: center;
	position: absolute;
	font-family: btnzt;

}
.part01-nav a:nth-child(1) {
	top: 32px;
	left: 68px;
}
.part01-nav a:nth-child(2) {
	top: 101px;
	left: 24px;;
}
.part01-nav a:nth-child(3) {
	top: 172px;
	left: 3px;
}
.part01-nav a:nth-child(4) {
	top: 242px;
	left: -7px;
}
.part01-nav a:nth-child(5) {
	top: 312px;
	left: 3px;
}

.part01-nav a:nth-child(6) {
	top: 382px;
	left: 24px;
}
.part01-nav a:nth-child(7) {
	top: 450px;
	left: 68px;
}

.part01-nav a.on {
	color: #fcd783;
}
.part01-nav a span {
	content: '';
	display: block;
	background: url("../img/p1ic2.png") no-repeat 0 0 /100%;
	width: 60px;
	height: 60px;
}
.part01-nav a.on span {
	background: url("../img/p1ic1.png") no-repeat 0 0 /100%;

}
.mt-ct {
	margin-top: 80px;
	height: 500px;
	position: relative;
}
#cyou_bottom {
	display: none;
}
.part01-js {
	position: absolute;
	top: -60px;
	left: 600px;
	display: none;
}
.p1-pagebox {
	position: absolute;
	top: 241px;
	left: 1098px;
	z-index: 2;
}
.p1-pagebox a {
	display: block;
	width: 201px;
	height: 201px;
}
.btn-pg1 {
	display: block;
	background: url("../img/p1tab1.png") no-repeat 0 0 /100%	;
}
.btn-pg1.on {
	background: url("../img/p1tab1on.png") no-repeat 0 0 /100%	;
}
.btn-pg2 {
	display: block;
	background: url("../img/p1tab2.png") no-repeat 0 0 /100%	;
	margin-top: 19px;
}
.btn-pg2.on {
	background: url("../img/p1tab2on.png") no-repeat 0 0 /100%	;
}
.p1-text {
	background: url("../img/p1textbg.png") no-repeat 0 0 /100%;
	width: 395px;
	height: 740px;
	position: absolute;
	top: 50px;
	right: 210px;
}
.p1-text.on {
	background: url("../img/p1textbg2.png") no-repeat 0 0 /100%;
}
.p1-text ul {
	width: 350px;
	margin: 115px auto 0;
	height: 600px;
	overflow-y: scroll;
	overflow-x: hidden; /* 强制关闭横向滚动 */
}
/*.hhzt {*/
/*	font-size: 14px;*/
/*	line-height: 18px;*/
/*}*/
/* 目标：.p1-text 的滚动条 */
.p1-text ul::-webkit-scrollbar {
	width: 10px;
}
/* 滚动条轨道 */
.p1-text ul::-webkit-scrollbar-track {
	background: rgba(255,255,255,0.1);
	border-radius: 3px;
}
/* 滑块（thumb），古风UI推荐半透白色 */
.p1-text ul::-webkit-scrollbar-thumb {
	background: rgba(255,255,255,0.4);
	border-radius: 3px;
}
.p1-text ul::-webkit-scrollbar-thumb:hover {
	background: rgba(255,255,255,0.6);
}
.p1-text li {
	margin-top: 30px;
}
.jn-tit {
	background: url("../img/p1texttit.png") no-repeat 0 0 /100%;
	width: 345px;
	height: 50px;
	position: relative;
	line-height: 50px;
}
.p1box.on .jn-tit{
	background: url("../img/p1texttit2.png") no-repeat 0 0 /100%;

}
.jn-pic {
	width: 50px;
	height: 50px;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 50%;
	overflow: hidden;
	border: 1px solid #a9b7de;
}
.jn-pic img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	border-radius: 50%;display: block;
}
.jn-tit .t1{
	font-size: 24px;
	color: #afc7ff;
	position: absolute;
	top: 0;
	left: 58px;
	font-family: btnzt;
}
.p1-text.on  .jn-tit .t1{
	font-size: 24px;
	color: #fe6f77;
	position: absolute;
	top: 0;
	left: 58px;
}

.jn-tit .t2{
	font-size: 16px;
	color: #fff;
	position: absolute;
	top: 0;
	right: 20px;
	text-align: right;
	width: 125px;
	line-height: 1.1;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
/*.jn-text {*/
/*	margin: 12px auto 0;*/
/*	color: #fff;*/
/*	font-size: 20px;*/
/*	overflow: hidden;*/
/*	display: -webkit-box;*/
/*	-webkit-line-clamp: 3; !* 默认最多3行 *!*/
/*	-webkit-box-orient: vertical;*/
/*	line-height: 1.5;*/
/*	transition: max-height 0.4s ease;*/
/*}*/
/*.p1-text:hover .jn-text {*/
/*	max-height:500px;*/
/*	display: block;*/
/*	-webkit-line-clamp: auto; !* 默认最多3行 *!*/
/*	-webkit-box-orient: initial;*/
/*}*/

.jn-text {
	margin: 12px auto 0;
	color: #fff;
	font-size: 20px;
	max-height: 90px;
	overflow: hidden;
	line-height: 1.5;
	transition: max-height 0.4s ease;
}
.p1-text li:hover .jn-text {
	max-height: 2000px;
}
.p1-tab  a{
	background: url("../img/p1tabsp.png") no-repeat 0 0/300px;
	width: 120px;
	height: 110px;
	display: block;
	margin-top: 22px;
}

.p1-tab {
	position: absolute;
	top: 160px;
	right: 15px;
}
.p2-tab {
	position: absolute;
	top: 90px;
	right: 15px;
	z-index: 4;
}

.p1-tab  a:nth-child(1) {
	background-position:  0 0 ;
}
.p1-tab  a:nth-child(2) {
	background-position:  0 -130px;
}
.p1-tab  a:nth-child(3) {
	background-position:  0 -260px;
}
.p1-tab  a:nth-child(5) {
	background-position:  0 -390px;
}
.p1-tab  a:nth-child(4) {
	background-position:  0 -530px;
}
.p1-tab  a:nth-child(1):hover{
	background-position:   -142px 0 ;
}
.p1-tab  a:nth-child(2):hover {
	background-position:-142px -130px  ;
}
.p1-tab  a:nth-child(3):hover {
	background-position: -142px -260px ;
}
.p1-tab  a:nth-child(5):hover {
	background-position:-142px -390px  ;
}
.p1-tab  a:nth-child(4):hover {
	background-position:-142px -530px  ;
}

.mc-ov	 {
	width: 100%;
	height: 400px;
	overflow-y: scroll;
}
.mc-ov::-webkit-scrollbar {
	width: 5px;
}
.ptit1 {
	background: url("../img/pop/ptit1.png") no-repeat 0 0 /100%;
	width: 596px;
	height: 52px;
	margin: 20px auto 0;
	line-height: 52px;
	color: #afc7ff;
	font-size: 28px;
	text-indent: 40px;
}
.mpjs-text {
	color: #ffffff;font-size: 20px;
	line-height: 24px;
	margin: 10px auto 0;

}
.mpjs-list li {
	display: flex;
	background: url("../img/pop/p1xt.png") no-repeat center bottom /100%;
	width: 290px;
	padding-bottom: 10px;
	justify-content: space-between;
	align-items: center;
	margin-top: 25px;
}

.mpjs-list li p {
	color: #afc7ff;
	font-size: 28px;
}
.mpjs-list li span {
	color: #fff;
	font-size: 20px;
	text-align: right;
}
.mpjs-flex {
	display: flex;
	justify-content: space-between;
}

.p1-wqbox{
	width: 1424px;
	margin: 0px auto 0;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}
.wq-btnbox {
	width: 100%;
	position: absolute;
	top: 0;
}
.jn-box1 {
	background: url("../img/p1jnbg1.png") no-repeat 0 0 /100%;
	width: 669px;
	height: 820px;
	margin: 0 20px 0;
	display: none;
}

.jn-box2 {
	background: url("../img/p1jnbg2.png") no-repeat 0 0 /100%;
	width: 669px;
	height: 820px;
	margin: 0 20px 0;
	display: none;
}
.jn-box.on {
	display: block;
}

.btn-wq1 {
	background: url("../img/p1wqbtn.png") no-repeat 0 0 /100%;
	width: 201px;
	height: 201px;
	position: absolute;
	top: 440px;
	left: 380px;
}
.wq1 {
	position: absolute;
	top: 90px;
	left: -200px;
}
.wq2 {
	position: absolute;
	top: 90px;
	right: -250px;
}
.btn-wq1.on {
	background: url("../img/p1wqic1.png") no-repeat 0 0 /100%;
	width: 162px;
	height: 318px;
	position: absolute;
	top: 440px;
	left: 400px;
	cursor: inherit;pointer-events: none;
}
.btn-wq2 {
	background: url("../img/p1wqbtn1.png") no-repeat 0 0 /100%;
	width: 201px;
	height: 201px;
	position: absolute;
	top: 440px;
	right:  380px;
}
.btn-wq2.on {
	background: url("../img/p1wqic2.png") no-repeat 0 0 /100%;
	width: 162px;
	height: 318px;
	position: absolute;
	top: 440px;
	right:  420px;
	cursor: inherit;pointer-events: none;
}
.jn-box {
	padding-top: 1px;
}
.wq-tit {
	background: url("../img/p1jnt1.png") no-repeat 0 0 /100%;
	width: 619px;
	height: 50px;
	display: flex;
	align-items: center;
	position: relative;
	margin: 95px auto 0;
}
.jn-box2 .wq-tit {
	background: url("../img/p1jnt2.png") no-repeat 0 0 /100%;
}
.wqt1 {
	font-size: 24px;
	color: #afc7ff;
	text-indent: 60px;
	width: 200px;
	font-family: btnzt;
}
.jn-box2 .wqt1 {
	color: #fe6f77;
}
.wqt2 {
	color: #ffffff;font-size: 14px;
	width: 405px;
}
.wq-texttab {
	background: url("../img/wqtexttab1.png") no-repeat 0 0 /100%;
	width: 620px;
	height: 36px;
	display: flex;
	align-items: center;
	margin:  15px auto 0;
	position: relative;
	z-index: 2;
}
.jn-box2 .wq-texttab  {
	background: url("../img/wqtexttab2.png") no-repeat 0 0 /100%;
}
.jn-box2 .wq-texttab a {
	position: relative;
	z-index: 2;
	color: #feb3b8;
}
.wq-texttab a {
	font-size: 22px;
	color: #bcd0ff;
	width: 25%;
	text-align: center;
	font-family: btnzt;
}
.wq-texttab a.on {
	color: #ffd783;
}
.wq-textpic {
	width: 620px;
	margin:  15px  auto 0;
	position: relative;
	z-index: 2;
}
.wq-list li {
	background: url("../img/wdbg1.png") no-repeat 0 0 /100%;
	width: 195px;
	height: 127px;
	margin: 15px auto 0;
}
.wq-list2 li {
	background: url("../img/wdbg2.png") no-repeat 0 0 /100%;
}
.wq-list li:nth-child(2) ,
.wq-list li:nth-child(7) {
	margin-left: 213px;
}
.wq-flex {
	display: flex;
	align-items: center;
	width: 90%;
	height: 60px;
	margin: 0px auto 0;
}
.wq-flex b {
	font-size: 18px;
	color: #fff;
}
.wq-text1 {
	width: 90%;
	margin: 5px auto 0;
	font-size: 13px;
	color: #fff;
	height: 52px;
	overflow-y: scroll;
}
.wq-text1::-webkit-scrollbar {
	width: 10px;
}
/* 滚动条轨道 */
.wq-text1::-webkit-scrollbar-track {
	background: rgba(255,255,255,0.1);
	border-radius: 3px;
}
/* 滑块（thumb），古风UI推荐半透白色 */
.wq-text1::-webkit-scrollbar-thumb {
	background: rgba(255,255,255,0.4);
	border-radius: 3px;
}
.wq-text1::-webkit-scrollbar-thumb:hover {
	background: rgba(255,255,255,0.6);
}
.wq-flex p {
	font-size: 12px;
	color: #afc7ff;
}
.wq-list {
	display: flex;
	flex-wrap: wrap;
}
.wq-name {
	width: 130px;
}
.wq-list .wq-icon {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 1px solid #bcd0ff;
	overflow: hidden;
	margin-right: 5px;
}
.wq-list2 .wq-icon {
	border: 1px solid #e79ea3;
}
.wq-list .wq-icon img {
	width: 100%;
	height: 100%;

}
.page2 {
	background: url("../img/part02bg.jpg") no-repeat 0 0 /100%;
}

.part02-nav {
	top: 50px;
	left: 300px;
}
.part02-nav a:nth-child(1) {
	top: 45px;
	left: 56px;
}
.part02-nav a:nth-child(2) {
	top: 146px;
	left: 8px;
}
.part02-nav a:nth-child(3) {
	top: 242px;
	left: -7px;
}
.part02-nav a:nth-child(4) {
	top: 341px;
	left: 16px;
}
.part02-nav a:nth-child(5) {
	top: 439px;
	left: 54px;
}

.video-box {
	position: absolute;
	top: 20px;
	right: 150px;
}
.vd-cont {
	background: url("../img/p2bg.png") no-repeat 0 0 /100%;
	width: 1045px;
	height: 612px;
}
.vd-pic {
	position: relative;
	width: 100%;
	height: 100%;
}
.vd-pic img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.vd-box {
	width: 985px;
	height: 565px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.btn-vd {
	background: url("../img/p2vd.png") no-repeat 0 0 /100%;
	width: 252px;
	height: 66px;
	display: block;
	position: absolute;
	bottom: 23px;
	right: 29px;
	z-index: 3;
}
.vd-page {
	display: flex;
	justify-content: space-between;
	width: 1000px;
	margin: 10px auto 0;align-items: flex-end
}
.vd-page a {
	display: block;
	width: 176px;
	height: 88px;
	overflow: hidden;
	border: 1px solid #afc7ff;
	position: relative;

}
.vd-page a  img {
	width: 100%;
}
.vd-page a.on {
	width: 196px;
	height: 108px;
}
.vd-page a.on:before {
	content: '';
	display: block;
	background: url("../img/p2xz.png") no-repeat 0 0 /100%;
	width: 196px;
	height: 108px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);

}
.page3 {
	background: url("../img/part03bg.jpg") no-repeat 0 0 /100%;
}
.page3.bg1 {
	background: url("../img/part03bg1.jpg") no-repeat 0 0 /100%;
}
.page3.bg2 {
	background: url("../img/part03bg2.jpg") no-repeat 0 0 /100%;
}
.page3.bg2-1 {
	background: url("../img/part03bg2-1.jpg") no-repeat 0 0 /100%;
}
.page3.bg3 {
	background: url("../img/part03bg3.jpg") no-repeat 0 0 /100%;
}
.p3-tabbtn {
	width: 1153px;
	margin: 680px auto 0;
	display: flex;
	justify-content: space-between;
}
.p3-tabbtn a {
	background: url("../img/p3btnck.png") no-repeat 0 0 /100%;
	width: 340px;
	height: 108px;
	display: block;

}
.p3-lb01 .qh1{
	background: url("../img/p1tab2on.png") no-repeat 0 0 /100%;
	width: 201px;
	height: 201px;
	position: absolute;
	top: 300px;
	left:  180px;
	z-index: 3;
}
.p3-lb01 .qh1.on{
	background: url("../img/p1tab1on.png") no-repeat 0 0 /100%;

}

.p3-lb01 .swiper-container,
.p3-lb02 .swiper-container {
	width: 1060px;
	height: 900px;
	margin: 0 auto 0;
	position: relative;
	overflow: hidden;
	text-align: center;
}
/*.p3-lb01 .swiper-container.on,*/
/*.p3-lb02 .swiper-container.on {*/
/*	display: block;*/
/*}*/
.swiper-container.lb2 {
	margin: -80px auto 0;
}
.swiper-button-next {
	background: url("../img/p3next.png") no-repeat 0 0 /100%;
	width: 113px;
	height: 113px;
	position: absolute;
	top: 50%;
	right: 0;
	z-index: 9;
	cursor: pointer;
}
.swiper-button-prev {
	background: url("../img/p3pvre.png") no-repeat 0 0 /100%;
	width: 113px;
	height: 113px;
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 9;
	cursor: pointer;
}
.swiper-container.lb2 .lb2g {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
}
.swiper-container.lb2 .lb2g.on {
	display: block;
}



.lb-text {
	position: absolute;
	bottom: 20px;
	left: 0;
	width: 100%;
	text-align: center;
	color: #afc7ff;font-size: 20px;
}
.p3-tabbox1  a{
	background: url("../img/p3tabbtn.png") no-repeat 0 0 /100%;
	width: 119px;
	height: 113px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: btnzt;
	color: #b4ceed;
	font-size: 24px;
	z-index: 3;
}
.p3-tabbox1  a.on {
	background: url("../img/p3tabbtnon.png") no-repeat 0 0 /100%;
	color: #912329;
}
.p3-tabbox1 {
	position: absolute;
	top: 50%;
	margin-top: -265px;
	right: 280px;
	height: 530px;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
}
.p3-black {
	display: block;
	background: url("../img/p3open.png") no-repeat 0 0 /100%;
	width: 52px;
	height: 184px;
	position: absolute;
	top: 55%;
	right: 95px;
	animation: p4Float 1.5s ease-in-out infinite;
	z-index: 4;
}

.p3-tabbox2  a{
	background: url("../img/p3tabbtn.png") no-repeat 0 0 /100%;
	width: 119px;
	height: 113px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: btnzt;
	color: #b4ceed;
	font-size: 24px;
}
.p3-tabbox2  a.on {
	background: url("../img/p3tabbtnon.png") no-repeat 0 0 /100%;
	color: #912329;
}
.p3-tabbox2{
	position: absolute;
	top: 50%;
	margin-top: -265px;
	right: 250px;
	height: 530px;
	display: flex;    flex-direction: column;
	justify-content: space-around;	z-index: 2;

}

.part03-nav {
	top: 110px;
	left: 0px;
}
.part03-nav a {
	z-index: 2;
}
.swiper-container.lb4 {
	width: 1300px;
}
.btn-sp1 {
	display: block;
	position: absolute;
	top: 232px;
	left: 38px;
	width: 40px;
	height: 40px;
	z-index: 3;
}
.swiper-container.lb7 {
	width: 1400px;
}




.page4 {
	background: url("../img/part04bg2.jpg") no-repeat 0 0 /100%;
}
.page4-2 {
	background: url("../img/part04bg1.jpg") no-repeat 0 0 /100%;
}
.p4-flex {
	display: flex;
	width: 1310px;
	margin: 20px auto 0;
	justify-content: space-between;
}
.p4-pic {
	background: url("../img/p4bg.png") no-repeat 0 0 /100%;
	width: 635px;
	height: 730px;
	position: relative;
}
.p4-pic img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.p4-text {
	width: 605px;
	height: 66px;
	position: absolute;
	bottom: 18px;
	left: 50%;
	transform: translateX(-50%);

}
.p4-text:before {
	content: '';
	display: block;
	background: url("../img/p4hr1.png") no-repeat 0 0 /100%;
	position: absolute;
	bottom: -5px;
	left: 50%;
	transform: translate(-50%);
	width: 100%;
	height: 345px;
	z-index: -1;
}
.p4fc {
	background: url("../img/p4hr.png") no-repeat 0 0 /100%;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
}
.p4-text1 {
	color: #afc7ff;font-size: 34px;
	text-indent: 60px;
	display: block;
	opacity: 0;
	transform: translateY(20px);
	transition: opacity 0.35s ease, transform 0.35s ease;
}
.btn-djck {
	color: #ffd783;font-size: 26px;
	width: 200px;
	position: absolute;
	right: 0;
	top: 0;
	height: 66px;
	line-height: 66px;
	display: block;
	text-align: center;
	opacity: 0;
	transform: translateY(20px);
	transition: opacity 0.35s ease, transform 0.35s ease;
}
.p4-pic:hover .p4fc  {
	background: url("../img/p4hron.png") no-repeat 0 0 /100%;
}
.p4-pic:hover .btn-djck,
.p4-pic:hover .p4-text1 {
	opacity: 1;
	transform: translateY(0);
}
.p4-pic:hover  .p4-text:before  {
	background: url("../img/p4hr2.png") no-repeat 0 0 /100%;
	animation: p4Light 1.2s ease-in-out infinite;
}
@keyframes p4Light {
	0%, 100% {
		opacity: 0.55;
		filter: brightness(0.98);
	}
	50% {
		opacity: 1;
		filter: brightness(1);
	}
}
.p4ic {
	display: block;
	background: url("../img/p4arr.png") no-repeat 0 0 /100%;
	width: 45px;
	height: 174px;
	position: absolute;
	top: 60%;
	right: 100px;
	animation: p4Float 1.5s ease-in-out infinite;
}
@keyframes p4Float {
	0%, 100% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(12px);
	}
}

.p4-tabcont {
	background: url("../img/p4dkbg.png") no-repeat 0 0 /100%;
	width: 1370px;
	height: 670px;
	margin-top: 100px;
	margin-left: 335px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.demo{
	width: 1330px;
	height:634px;
	position: relative;}
.bg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.bg img{width: 100%;height:auto;}
.box-accordion{position: absolute;overflow: hidden;
	width: 100%;
	height: 100%;
}
.box-accordion ul{
	display: flex;
}
.box-accordion li{
	background: url("../img/p4tab.png") no-repeat 0 0 /100%;
	width: 70px;
	height: 630px;
	position: relative;
	cursor: pointer;
}

.box-accordion li:nth-child(1){
	border-radius: 45px 0 0 0;
	overflow: hidden;
}
.box-accordion li:nth-child(7){
	border-radius:  0 0 45px 0;
	overflow: hidden;
}
.box-accordion ul .curr{
	background: url("../img/p4cont.png") no-repeat 0 0 /100%;
	width: 910px;
	/*width: 970px;*/
	height: 630px;

}
.box-accordion ul .curr .text {
	position: absolute;
	top: 0;
	left: 0;
}
.box-accordion li .text {
	width: 70px;
	padding-top: 62px;
	text-align: center;
}
.box-accordion li .text span{
	font-size: 26px;
	color: #afc7ff;
	display: block;
	/*font-family: textzt;*/
	font-weight: bold;
}
.box-accordion li .text  p {
	background: url("../img/p4text1.png") no-repeat 0 0 /100%;
	width: 52px;
	height: 464px;
	/*display: flex;*/
	color: #afc7ff;
	font-size: 36px;
	font-family: btnzt;
	justify-content: center;
	margin:  15px auto 0;
	line-height: 39px;
	position: relative;
	overflow: hidden;
}
.box-accordion li .text  p em {
	position: relative;
}
.box-accordion li .text  p em:before {
	content: '';
	display: block;
	background: url("../img/p4text1xt.png") no-repeat 0 0 /100%;
	width: 11px;
	height: 267px;
	position: absolute;
    top: 104%;
	left: 50%;
	transform: translate(-50%);
}

.box-accordion ul .curr .text p {
	color: #ffd783;
}
.box-accordion ul li:hover .text p {
	color: #ffd783;
}

.box-accordion ul .curr .ac-box {
	background: url("../img/p4tabbg.png") no-repeat 0 0 /100% 100%;
	width: 800px;
	/*width: 850px;*/
	height: 550px;
	position: absolute;
	top: 40px;
	right: 20px;
}
.ac-box h2 {
	color: #ffffff;font-size: 30px;
	font-family: btnzt;
}
.pt40 {
	padding-top: 40px;

}
.ac-box p {
	color: #ffffff;font-size: 24px;
	line-height: 32px;
}
.ac-box p span {
	color: #ffd783;
}
.ac-ct {
	display: none;
	width: 700px;
	padding-right: 10px;
	height: 400px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	overflow-y: scroll;
}
.box-accordion ul .curr .ac-ct {
	display: block;
}
.ac-ct::-webkit-scrollbar {
	width: 5px;
	background: #afc7ff;
}
.ac-ct::-webkit-scrollbar-track {
	background: #fff;
}
.ac-ct::-webkit-scrollbar-thumb {
	background: #afc7ff;
	width: 10px;
}
.ac-box img {
	position: absolute;
	width: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.btn-p4ck {
	display: block;
	background: url("../img/p4qck.png") no-repeat 0 0 /100%;
	width: 254px;
	height: 67px;
	position: absolute;
	bottom: -7px;
	right: 0;
}

.page5 {
	background: url("../img/part05bg1.jpg") no-repeat 0 0 /100%;
}
.p5-cont {
	position: relative;
	margin-left: 580px;
}
/*.p5-cont:before {*/
/*	width: 627px;*/
/*	height: 954px;*/
/*	position: absolute;*/
/*	top: 50%;*/
/*	left: 50%;*/
/*	transform: translate(-34%, -44%);*/
/*	background: url("../img/p5rw.png") no-repeat 0 0 /100%;*/
/*}*/
.p5-cont a {
	display: block;
	width: 454px;
	height: 161px;
	position: absolute;
}
.p5-cont a.p5-btn1 {
	left: 40px;
	top: 0;
	background: url("../img/p5btn1.png") no-repeat 0 0 /100%;
}
.p5-cont a.p5-btn2 {
	left: 0px;
	top: 200px;
	background: url("../img/p5btn2.png") no-repeat 0 0 /100%;
}
.p5-cont a.p5-btn3 {
	left: 40px;
	top: 400px;
	background: url("../img/p5btn3.png") no-repeat 0 0 /100%;


}
.p5-cont a.p5-btn4 {
	right:  40px;
	top: 0;	background: url("../img/p5btn4.png") no-repeat 0 0 /100%;

}.p5-cont a.p5-btn5 {
	 right: 0;
	 top: 200px;	background: url("../img/p5btn5.png") no-repeat 0 0 /100%;

 }
.p5-cont a.p5-btn6 {
	right: 40px;
	top: 400px;	background: url("../img/p5btn6.png") no-repeat 0 0 /100%;

}

body .pop {
	display: none;
	width: 670px;
	padding-top: 1px;
	color: #a35f4d;
	font-size: 30px;
	box-shadow: none;
	position: fixed;
	z-index: 999;
	top: 0;
}
.close {
	background: url("../img/pop/colse.png") no-repeat 0 0 /100%;
	width: 21px;
	height: 20px;
	display: block;
	position: absolute;
	top: 30px;
	right:20px;
}
.pop-cont {
	width: 620px;
	margin: 0 auto 0;
}
.pop1 {
	background: url("../img/pop/pop1.png") no-repeat 0 0 /100%;
	height: 548px;
}

.popty {
	background: url("../img/pop/pop.png") no-repeat 0 0 /100%;
	height: 548px;
}
.popty2 {
	background: url("../img/pop/pop1.png") no-repeat 0 0 /100%;
	height: 438px;
}

.popty2 .comm-text{margin: 20px auto 0;width: 80%;color: #fff;height: 400px;display: flex;align-items: center;justify-content: center;text-align: center;}

.poptit {
	height: 52px;
	line-height: 52px;
	font-size: 28px;
	margin: 60px auto 0;
	color: #ffd783;
	text-align: center;
	font-family: btnzt;
	position: relative;
}
.poptit span  {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	max-width: 350px;
	display: block;
}
.poptit span:before {
	content: '';
	display: block;
	background: url("../img/pop/poptit.png") no-repeat 0 0 /507px ;
	width: 135px;
	height: 10px;
	position: absolute;
	top: 50%;
	left: -150px;
	transform: translateY(-50%);
}

.poptit span:after {
	content: '';
	display: block;
	background: url("../img/pop/poptit.png") no-repeat -372px 0 /507px ;
	width: 135px;
	height: 10px;
	position: absolute;
	top: 50%;
	right:  -150px;
	transform: translateY(-50%);
}
.pop-textcont {
	color: #ffffff;font-size: 20px;
	height: 400px;
	overflow-y: scroll;
}
.pop-textcont img {
	display: block;
	margin:  0 auto 0;
}
.pop-textcont p {
	margin:  20px auto ;
}
.pop-textcont::-webkit-scrollbar {
	width: 5px;
	background: #fff;
}
.pop-video {
	width: 100%;
	margin: 60px auto 0;
	object-fit: cover;
}
.pop-video  video{
	width: 100%;
	height: 100%;
}
.slc-flex {
	display: flex;
	width: 500px;
	margin: 30px auto 0;
	align-items: center;
	justify-content: space-between;
}
.slc-flex p {
	font-size: 28px;
	color: #afc7ff;
	width: 100px;
}
.phone-ipt {
	display: block;
	width: 393px;
	height: 52px;
	border: none;
	background: url("../img/pop/ipt1.png") no-repeat 0 0 /100%;
	text-align: center;
	color: #fff;
	font-size: 28px;
}
.yzm-ipt {
	display: block;
	width: 209px;
	height: 52px;
	border: none;
	background: url("../img/pop/ipt2.png") no-repeat 0 0 /100%;
	text-align: center;
	color: #fff;
	font-size: 28px;
}
.btn-red {
	display: block;
	background: url("../img/pop/btnsend.png") no-repeat 0 0 /100%;
	height: 50px;
	width: 183px;
	text-align: center;
	line-height: 50px;
	color: #ffd783;font-size: 24px;
}
.btn-red.gray{cursor: default;filter: grayscale(100%);pointer-events: none;}
.popbtn-oder {
	display: block;
	background: url("../img/head/btn-oder.png") no-repeat 0 0 /100%;
	width: 289px;
	height: 78px;
	margin: 50px auto 0;
	font-size: 0;

}
.oder-text {
	width: 90%;
	height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	text-align: center;
	color: #fff;
	font-size: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.table-box {
	margin: 20px auto 0;
	font-size: 22px;
	text-align: center;
	color: #fff;
}
.table-box thead {
	color: #ffd783;
	background: #314677;
	border: 15px ;
}
.table-box thead th {
	color: #ffd783;
}
.table-box th {
	border: 1px solid #fff;
	text-align: center;
	font-weight: bold;
	line-height: 30px;
	padding: 10px 0;
}
.table-box table {
	width: 100%;
}
.table-box td {
	border: 1px solid #fff;
	text-align: center;
}
.dj-list {
	display: flex;
	width: 80%;
	margin: 25px auto 0;
	justify-content: space-between;
	text-align: center;
}
.dj-list  img {
	position: relative;
	top: 0;
	left: 0;
	width: auto;
	transform: none;
}
.pop-login {
	width: 490px !important;
	height: 353px !important;
	background: none;
	background-size: 100% auto;
	box-shadow: none !important;
}

.pop-login iframe {
	width: 490px;
	height: 353px;
}
.pop-login .close{width: 28px;
	height: 28px;
	cursor: pointer;
	position: absolute;
	top: -12px;
	right: -9px;
	z-index: 1;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAJeSURBVEhLvZbPq2lRFMf9B4bSTTIxZiBSMlCI9ycoKX+Bod7w/il3YIL4NyhFmYmBKD2Sp0ix3vqes/e529n74t33Op9astevr3PO2tvxvcLtdquzfbAtyAV8IlYX6d+DG7yxvbP9Fr2fglxR8ybavAYX/GD7Jfr8NahFD9HuMZz4U9Q5jEYjqlarFA6HiVPuDD7EkOMGvTjna9xi8/mcstmsJvKVIRc1Kl+K4haIHItut0t+v9/Y+JGhBrUq6M2xT9iBAXGeGQrY/U+miqI3NNhvw4t3EbNuyXeuzG3ood5eaLDfhhfO6JueWbPZtGKFQkGLNRoN2u/3FI/HtRh6SaDBPkusLnzWpMlkaRC7XC5WfLVaUTqddmKVSoVOp5MVG4/HlEql7mph6vRCC4IfYm2Nt7vAzW63o2KxSLVaja7Xq/DatFotrR49JdCCoHNcmfZZPp+n9XotMmxwVVwnVjbD4ZAikYhWj54SaN1dgjtZWiaToe12K7J0JpOJUUyaykuCsFwuR8fjUWR+slgsKBAIGGukqbwsiGdmElwul5RIJIw10lReEsQ0ns9nkaVzOBys226qhak8HRrsM7ktJLPZjDabjVjZYLBKpZJWrw0NfzzcFvj1KtPp1HpmsVjM2iIq/X5fqzdti4cbHycINjUYDAYUCoWcGA4BHAag1+tRMBi8q4VpGx/wl4dHWzKZpHa7TdFoVIuVy2XqdDrGSTUebYAXnh/e3v49AXZ49wcs4YB3rxgStyjApGG8TfsUPsTUaZQ8FZPgFrB585oo4QLvXoTdcIP/9Krv8/0BDUSOirKWU6wAAAAASUVORK5CYII=);
}
.emlsh-text {
	font-size: 20px;
}
.emlsh-text h3 {
	font-size: 24px;
	margin-top: 10px;
	color: #f4cd79;
}
.emlsh-text  table {
	width: 100%;
}
.emlsh-text table {
	width: 90%;
	font-size: 20px;
	margin: 0 auto;
}
.qdf-flex {
	display: flex;
	justify-content: space-between;

}
.qdf1 {
	display: block;
	background: url("../img/btn-qdf1.png") no-repeat 0 0 /100%;
	width: 210px;
	height: 68px;
}
.qdf2 {
	display: block;
	background: url("../img/btn-qdf2.png") no-repeat 0 0 /100%;
	width: 277px;
	height: 68px;
}
.qdf3 {
	display: block;
	background: url("../img/btn-qdf3.png") no-repeat 0 0 /100%;
	width: 210px;
	height: 68px;
}

.p1mp-swiper {
	width: 100%;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	height: 900px;
}
.p1-mpcont {
	width: 1500px;
	margin: 0 auto;
	display: flex;
}
.p1-t1 {
	color: #f4cd79;
	font-size: 37px;
	font-family: btnzt;
	margin: 50px auto 0;
}
.p1-rw {
	background: url("../img/p1rw.png") no-repeat 0 0 /100%;
	width: 510px;
	height: 900px;
	margin-left: 140px;
}
.p2-rw {
	background: url("../img/p1rw2.png") no-repeat 0 0 /100%;
	width: 986px;
	height: 970px;
	position: absolute;
	bottom: 0;
	left: 0;
}
.p1-mpbox {
	background: url("../img/p1mpbg.png") no-repeat ;
	width: 905px;
	height: 533px;
	display: flex;
	justify-content: center;align-items: center
}
.p1gc {
	background: url("../img/p1gcbg.png") no-repeat 0 0 /100%;
	width: 257px;
	height: 495px;
	font-size: 18px;
	color: #fff;
	padding-top: 1px;
	position: relative;
}
.p1gc p {
	width: 90%;
	margin: 50px auto 0;
	height: 360px;
	overflow-y: scroll;
}
.btn-mpbf {
	display: block;
	background: url("../img/p1mpyp.png") no-repeat 0 0 /100%;
	width: 252px;
	height: 66px;
	position: absolute;
	bottom: 0;
	right: 0;
}

.btn-mpbf.on {
	background-image: url("../img/p1mpypon.png");
}
.p1sp1 {
	background: url("../img/p1mppic.png") no-repeat 0 0 /100%;
	width: 585px;
	height: 485px;
	position: relative;
}
.btn-mpsp {
	display: block;
	background: url("../img/p1mpbf.png") no-repeat 0 0 /100%;
	width: 74px;
	height: 74px;
	position: absolute;
	bottom: 20px;
	right: 20px;
}
.mp-text1 {
	font-size: 16px;
	background: url("../img/p1mptextbg.png") no-repeat 0 0 /100%;
	width: 875px;
	height: 187px;
	padding: 20px;
	margin: -20px auto 0;
	color: #fff;
}
.p1-xh {
	background: url("../img/p1xh.png") no-repeat 0 0 /100%;
	width: 182px;
	height: 54px;
	position: absolute;
	top: 85%;
	left: 50%;
	transform: translate(-50%,-50%);
	animation: 1.5s ease-in-out 0s infinite normal none running p4Float;
}
.p2-mpcont {
	position: absolute;
	top: 0;
	right: 200px;
}
.gc-text::-webkit-scrollbar {
	width: 5px;
	background: #afc7ff;
}
.gc-text::-webkit-scrollbar-track {
	background: #fff;
}
.gc-text::-webkit-scrollbar-thumb {
	background: #afc7ff;
	width: 10px;
}
.p1mp-swiper .swiper-slide:not(.swiper-slide-active) {
	pointer-events: none;
}
.p2sp {
	background: url("../img/p1mppic2.png") no-repeat 0 0 /100%;
	width: 845px;
	height: 485px;
	position: relative;
}
.p3-mpcont {
	width: 1100px;
	margin: 0 auto 0;
	position: relative;
}
.p1-lb3 {
	overflow: hidden;
	text-align: center;
}
.lb-text a {
	color: #ffd783;
	border-bottom: 1px solid #ffd783;
}
.p1-rwm {
	background: url("../img/rwm.png") no-repeat 0 0 /100%;
	width: 300px;
	height: 300px;
	position: absolute;
	bottom: 5%;
	right: 5%;
}

.p1box-swiper {
	position: absolute;
	top: 0;
	left: 0;
	width: 1920px;
	height: 1080px;
	overflow: hidden;
}
.p1box-swiper > .swiper-wrapper {
	height: 100%;
}
.p1box-swiper .swiper-slide {
	overflow: hidden;
}
.p1gif {
	height: 798px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	background: url("../img/p1gfbg.png") no-repeat center center /100%;
	width: 586px;
	margin: 0 auto 0;

}
.icch {
	background: url("../img/p1ch.png") no-repeat 0 0 /100%;
	width: 104px;
	height: 330px;
	position: absolute;
	top: 0;
	left: -80px;
}
.p2-tab a:nth-child(1).on { background-position: -142px 0; }
.p2-tab a:nth-child(2).on { background-position: -142px -130px; }
.p2-tab a:nth-child(3).on { background-position: -142px -260px; }
.p2-tab a:nth-child(4).on { background-position: -142px -530px; }
.p2-tab a:nth-child(5).on { background-position: -142px -390px; }


.part03-nav a:nth-child(1) {
	top: 20px;
	left: 76px;
}
.part03-nav a:nth-child(2) {
	top: 80px;
	left: 33px;;
}
.part03-nav a:nth-child(3) {
	top: 140px;
	left: 8px;
}
.part03-nav a:nth-child(4) {
	top: 200px;
	left: -7px;
}
.part03-nav a:nth-child(5) {
	top: 260px;
	left: -4px;
}
.part03-nav a:nth-child(6) {
	top: 320px;
	left: 4px;
}
.part03-nav a:nth-child(7) {
	top: 380px;
	left: 18px;
}
.part03-nav a:nth-child(8) {
	top: 440px;
	left: 55px;
}
.part03-nav a:nth-child(9) {
	top: 500px;
	left: 106px;
}
.p3-cont1 {
	width: 1300px;
	height: 100%;
	margin: 0 auto 0;
	position: relative;
}
.p3-box1 {
	width: 1000px;
	margin:  0 auto 0;
	position: relative;
	margin-left: 260px;
}

.lb-pic {
	display: none;
	position: relative;
}
.lb-pic.on {
	display: block;
}
.p3cont02 {
	margin-top: -50px;
	width: 100%;
	height: 100%;
	position: relative;
}
.p3cont02 .lb-text {
	bottom: 80px;
}
.p3-icon {
	display: block;
	background: url("../img/lb1icon.png") no-repeat 0 0 /100%;
	width: 103px;
	height: 350px;
	position: absolute;
	top: 40px;
	left: 240px;
	z-index: 4;
}
.new-lbbox {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}
.p3-box2 {
	width: 1000px;
	margin:  0px auto 0;
	position: relative;
}
.p3-box2  .lb-pic {
	background: url("../img/lbbg.png") no-repeat 0 -60px  /100%;
	width: 1000px;
	height: 901px;
	position: relative;
	transform: scale(0.9);
}
.p3-box2  .lb-pic img {
	margin-top: -80px;
}
.p3-cont2 {
	width: 1200px;
	margin: 0 auto 0;
	position: relative;

}

.pet-arc-wrap {
	position: absolute;
	bottom: 50px;
	left: 50%;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	margin: 0 auto;
	transform: translate(-50%);
}
.pet-arc-wrap  a {
	display: block;
	width: 125px;
	height: 133px;
	margin: 0 -2px;
}
.pet-arc-wrap  a.pet-tab1 {
	background: url("../img/lbicon/1.png") no-repeat 0 0 /100%;
	margin-top: -160px;
}
.pet-arc-wrap  a.pet-tab2 {
	background: url("../img/lbicon/2.png") no-repeat 0 0 /100%;
	margin-top: -110px;
}
.pet-arc-wrap  a.pet-tab3 {
	background: url("../img/lbicon/3.png") no-repeat 0 0 /100%;
	margin-top: -60px;
}
.pet-arc-wrap  a.pet-tab4 {
	background: url("../img/lbicon/4.png") no-repeat 0 0 /100%;
	margin-top: -25px;
}
.pet-arc-wrap  a.pet-tab5 {
	background: url("../img/lbicon/5.png") no-repeat 0 0 /100%;
}
.pet-arc-wrap  a.pet-tab6 {
	background: url("../img/lbicon/6.png") no-repeat 0 0 /100%;
	margin-top: -25px;
}
.pet-arc-wrap  a.pet-tab7 {
	background: url("../img/lbicon/7.png") no-repeat 0 0 /100%;
	margin-top: -60px;
}
.pet-arc-wrap  a.pet-tab8 {
	background: url("../img/lbicon/8.png") no-repeat 0 0 /100%;
	margin-top: -110px;
}
.pet-arc-wrap  a.pet-tab9 {
	background: url("../img/lbicon/9.png") no-repeat 0 0 /100%;
	margin-top: -160px;
}

.pet-arc-wrap  a.pet-tab1.on {
	background: url("../img/lbicon/1on.png") no-repeat 0 0 /100%;
}
.pet-arc-wrap  a.pet-tab2.on {
	background: url("../img/lbicon/2on.png") no-repeat 0 0 /100%;
}
.pet-arc-wrap  a.pet-tab3.on {
	background: url("../img/lbicon/3on.png") no-repeat 0 0 /100%;
}
.pet-arc-wrap  a.pet-tab4.on {
	background: url("../img/lbicon/4on.png") no-repeat 0 0 /100%;
}
.pet-arc-wrap  a.pet-tab5.on {
	background: url("../img/lbicon/5on.png") no-repeat 0 0 /100%;
}
.pet-arc-wrap  a.pet-tab6.on {
	background: url("../img/lbicon/6on.png") no-repeat 0 0 /100%;
}
.pet-arc-wrap  a.pet-tab7.on {
	background: url("../img/lbicon/7on.png") no-repeat 0 0 /100%;
}
.pet-arc-wrap  a.pet-tab8.on {
	background: url("../img/lbicon/8on.png") no-repeat 0 0 /100%;
}
.pet-arc-wrap  a.pet-tab9.on {
	background: url("../img/lbicon/9on.png") no-repeat 0 0 /100%;
}
.p3-cont2 .lb-text {
	bottom: 30px;
}
.p3-cont3 {
	width: 1127px;
	margin:  0 auto 0;
	position: relative;
}
.p3-cont3  img {
	margin-left: -80px;
}
.p3-icon2 {
	display: block;
	width: 103px;
	height: 350px;
	position: absolute;
	top: 0px;
	left: 170px;
	z-index: 4;
}


.p3-cont2  .p3-icon {
	background: url("../img/p1ch2.png") no-repeat 0 0 /100%;

}
.p3-cont3  .lb-text {
	bottom: 35px;
}
.p3cont01 {
	width: 100%;
	height: 100%;
	position: relative;
}
.p3-lbbox {
	width: 1060px;
	height: 900px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}
.p3-lbbox > .swiper-wrapper > .swiper-slide {
	width: 1060px;
	height: 900px;
	position: relative;
	overflow: hidden;
}