@charset "utf-8";
/* CSS Document */
body{ min-width:1320px; text-align:center; color:#566e94; font-size:16px; }
.info{background:url(../images/year2023/info.png) no-repeat;}
ul,li{margin:0px;padding:0px;border:none;border:0; list-style:none;}
p{ padding:0; margin:0;}
a{ text-decoration:none; outline:none; cursor: pointer;}
.z-index{ z-index:3;}
.mr0{ margin-right:0 !important; }
.zbox{  min-width:1320px; overflow:hidden;}
.ztt{ margin-top:20px;}
.current{ display:block!important;}
.ls-show .ls-col{ display:none; }
.i-b{ display:inline-block;}
.stage{position: fixed; top: 0; left: 0;width: 100%;height: 100%; z-index: 6; pointer-events: none;}
.gif-box i{ -webkit-transform-style: preserve-3d; transform-style: preserve-3d;}
.code-but{ position:fixed; right:0; top:50%; margin-top:-160px; z-index:5;  -webkit-animation: scaleCss2 1s ease-out infinite; animation: scaleCss2 1s ease-out infinite;}
.footer{ display: none;}

.top{ background:url(../images/year2023/bg1.jpg) no-repeat center top; height:1600px;}
.top .logo{ left:46px; top:36px; width:159px}
.top .logo p{ font-size:12px; margin-top:-16px; line-height:20px; color:#fff;}
.top .r1{ left:50%; width:1920px; margin-left:-960px; top:0;}
.top .slogan{ top:70px; margin-left:330px; left:50%;}
.top .z-url{ top:27px; right:5%; }
.top .z-url a.n1{ width:143px; height:41px; background-position:left -11px; margin-top:11px;}
.top .z-url a.n1 i{ background-position:left -66px; }
.top .z-url a.n2{ width:55px; height:55px; margin-left:32px;  background-position:-175px top; }
.top .z-url a.n2 i{ background-position:-175px -55px;}
.b-box{ bottom:0; left:0; background:url(../images/year2023/bg2.png) no-repeat center bottom; height:986px;}
.b-box .c1{ transform-origin: center 0; width:158px; background:url(../images/year2023/c1.png) no-repeat left top; top:234px; height:269px; left:50%; margin-left:-850px; -webkit-animation: shake2 5s linear infinite; animation: shake2 5s linear infinite;}
.b-box .c2{ transform-origin: center 0; width:126px; background:url(../images/year2023/c3.png) no-repeat right top; top:108px; height:462px; left:50%; margin-left:740px;  -webkit-animation: shake 5s linear infinite; animation: shake 5s linear infinite;}
.b-box .s{ top:158px; left:50%; margin-left:276px; animation: myshake 4s infinite alternate;}
.d2-box{ height:922px; left:0; bottom:0; z-index:4;}
.d2-box .c{ top:0; left:50%; margin-left:-635px;}
.d2-box .c .d1{ top: 264px; left: 330px;  transform-origin: center 0;  -webkit-animation: shake 5s linear infinite; animation: shake 5s linear infinite;}
.d2-box .c .d2{ top: 224px; right: 126px; transform-origin: center 0; -webkit-animation: shake2 5s linear infinite; animation: shake2 5s linear infinite;}
.d3-box{ bottom:0; left:0; background:url(../images/year2023/bg3.png) no-repeat center bottom; height:922px; z-index:5;}
.d3-box a{ left:50%; -webkit-transition: all .2s ease 0s; transition: all .2s ease 0s;}
.d3-box a.a1{ top:286px; margin-left:-622px; animation: UpdownC 3s linear infinite;}
.d3-box a.a2{ top:259px; margin-left:416px; animation: UpdownD 3.2s linear infinite;}
.d3-box a.a3{ top:474px; margin-left:317px; animation: UpdownE 3.4s linear infinite;}
.d3-box a:hover{animation-play-state: paused;}

#code_win .pwin_box{background:url(../images/year2023/cbg.png); width:932px; height:348px;  color:#ffe6a5; font-size:14px; color:#747474;}
#code_win .pop_x{ width:43px; height:43px; background-position:-188px bottom; top:156px; right:76px;}
#code_win .p-wp{ width:960px; margin:83px 0 0 131px; width:464px;}
#code_win .p-wp p{ line-height:24px;}
.code-box{ padding:5px 0 10px 0; height:93px; line-height:93px; font-size:32px; color:#fff; cursor:pointer;}

#cont_win .pwin_box{background:url(../images/year2023/pbg.png); width:1286px; height:720px; color:#ffe6a5;}
#cont_win .pop_x{ width:158px; height:207px; background-position:right top; top:36px; right:-52px;}
#cont_win .p-wp{ width:960px; margin-left:187px;}
.p-t{ top:86px; left:92px;}

.j-box{ width:366px; height:467px; left:211px; top:167px; background:url(../images/year2023/m1-1.png); }
.j-box ul{ margin:79px 0 46px 0; height:144px; font-size:0;}
.j-box ul li{ vertical-align:top; width:111px;  font-size:16px; margin:0 3px; color:#dfbe6a;}
.j-box ul li .gif-box{ height:111px; background:url(../images/year2023/q.png);}
.j-box ul li p{ line-height:34px;}
.gif-box.g2 i img{
  margin: -120px 0 0 -64px;
}
.gif-box.g3 i img{
  margin: -116px 0 0 -88px;
}
.gif-box.g4 i img{
  margin: -140px 0 0 -88px;
}
.j-box .jn-box{
  color: #eb9f5c;
}
.j-box .jn-box a{
  width: 42px;
  font-weight: bold;
  color: #ffe6a5;
  margin: 0 62px;
}
.j-box .jn-box a i{
  height: 42px;
  margin-bottom: 5px;
  border-radius: 2px;
}
.j-box .jn-box .text-left{
  padding:  20px;
}
.j-box .jn-box a.hover i{
  box-shadow: 0 0 0 1px #ffeea1,0 0 15px #f1b334;
}

.m-box{ width:821px; height:665px; right:-100px; top:0; background:url(../images/year2023/m1.png);}
.m-box dd{  right:170px; top:192px; text-align: initial; height: 400px;}
.m-box dd p{ width:26px; line-height:18px;  writing-mode: vertical-lr;}
.m-box img{ left:76px; top:140px;}

.gif-box-n{
  width: 234px;
  height: 234px;
  background:url(../images/year2023/nq.png);
}
.gif-box-n p{
  bottom: -40px;
  line-height: 30px;
  color: #ecd0a3;
}

.page-but{ width:88px; height:89px; top:308px;}
.page-s{ background-position:left -107px; left:9px;}
.page-n{ background-position:-88px -107px; right:-17px;}


.ls-nav-2{font-size:0;}
.ls-nav-2 a{ width:161px; height:44px; vertical-align:top; color:#f0d581; font-size:18px; line-height:44px; margin:0 5px 18px 5px;}
.ls-nav-2 a em,.ls-nav-2 a i{ width:221px; height:110px; top:-28px; left:-27px; background:url(../images/year2023/b-4.png) no-repeat left top;}
.ls-nav-2 a i{ background-position:left bottom;}
.ls-nav-2 a:hover,.ls-nav-2 a.hover{ color:#e25124;}
.ls-nav a.hover{ z-index:2;} 
.col-2 .ls-nav-2{ padding-left: 70px;}
.col-2 .ls-nav-2 a{ margin: 0 30px 18px;}
.col-2 .ls-nav{ margin-top:141px;}
.col-3 .ls-nav{ margin-top:121px;}
.col-2 ul{  height:480px;}
.col-2 ul li{ display:none;}
.p-mt{ width:42px; height:323px; background:url(../images/year2023/p-mt.png); left:135px; top:-38px;}
.p-mt p{ float:left; margin:96px 0 0 6px; width:28px; height:136px;    writing-mode: vertical-rl; display: flex; flex-direction: column; justify-content: center; font-size:16px; letter-spacing:1px;}
.dk{ width:300px; height:300px;}
.dk:before{ position:absolute; left:50%; top:50%; z-index:2; width:327px; height:327px; margin:-163px 0 0 -163px; content:""; background:url(../images/year2023/dk.png);}
.col-2 ul li dd{ vertical-align:top;}
.col-2 ul li dd img{ vertical-align:middle;}
.gif-box.g1{width:200px; height:200px;}
.gif-box.g1 i{ margin-top:50px;  background-image: url(../images/year2023/2/3.png);  animation: mlfly1 1s steps(18) infinite;  -webkit-animation: mlfly1 1s steps(18) infinite;}	
.m-nav{ right:0; top:37px; width:84px;}
.m-nav a{ line-height:28px; height:28px; margin-bottom:30px; color:#f0a681;}
.m-nav a i{ background-position:-91px bottom;}
.p-cont { margin:5px 0 0 41px; width:876px; padding-right:42px; height:350px; overflow:hidden;}
.p-cont  p,.p-cont h3{ text-align:left; font-size:16px; font-weight: 500;}
.p-cont  p{ text-indent:2em; line-height:24px;}
.p-cont h3{ color:#ff7c37; padding-bottom:5px;}
.p-cont img{ padding:15px 0;}

@keyframes mlfly1{
	0%{
		background-position:0 0;
	}
	100%{
		background-position:0 -1800%;
	}
}
@-webkit-keyframes mlfly1 {
	0%{
		background-position:0 0;
	}
	100%{
		background-position:0 -1800%;
	}
}

@keyframes mlfly2{
	0%{
		background-position:0 0;
	}
	100%{
		background-position:0 -800%;
	}
}
@-webkit-keyframes mlfly2 {
	0%{
		background-position:0 0;
	}
	100%{
		background-position:0 -800%;
	}
}

@keyframes mlfly3{
	0%{
		background-position:0 0;
	}
	100%{
		background-position:0 -1200%;
	}
}
@-webkit-keyframes mlfly3 {
	0%{
		background-position:0 0;
	}
	100%{
		background-position:0 -1200%;
	}
}


@-webkit-keyframes shake {
  0%,
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(4deg);
    transform: rotate(4deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
}

@keyframes shake {
  0%,
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
   25% {
    -webkit-transform: rotate(4deg);
    transform: rotate(4deg);
  }
  75% {
    -webkit-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
}

@-webkit-keyframes shake2 {
  0%,
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  75% {
    -webkit-transform: rotate(4deg);
    transform: rotate(4deg);
  }
}

@keyframes shake2 {
  0%,
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  75% {
    -webkit-transform: rotate(4deg);
    transform: rotate(4deg);
  }
}

@keyframes UpdownC{ 
	0%{margin-top:7px}
	50%{margin-top:-7px}
	100%{margin-top:12px}
}
@keyframes UpdownD{
	0%{margin-top:-15px}
	50%{margin-top:10px}
	100%{margin-top:-15px}
}
@keyframes UpdownE{
	0%{margin-top:10px}
	50%{margin-top:-5px}
	100%{margin-top:10px}
}


@keyframes myshake{
  0%{
    transform-origin:left center;
  	transform: rotate(0deg)
  }

  100%{
    transform-origin:left center;
    transform: rotate(3deg)
  }
}

@-webkit-keyframes scaleCss2 {
    0% {   -webkit-transform: scale(1); }
	50% {   -webkit-transform: scale(.98); }
    100% {  -webkit-transform: scale(1); }
}
@keyframes scaleCss2 {
    0% {transform: scale(1);  }
	50% {transform: scale(.98); }
    100% { transform: scale(1); }
}