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
}

table {
   border-collapse: collapse;
   border-spacing: 0
}

fieldset,
img {
   border: 0
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
   font-style: normal;
   font-weight: normal
}

ol,
ul {
   list-style: none
}

caption,
th {
   text-align: left
}

h1,
h2,
h3,
h4,
h5,
h6 {
   font-size: 100%;
   font-weight: normal
}

q:before,
q:after {
   content: ''
}

abbr,
acronym {
   border: 0;
   font-variant: normal
}

sup {
   vertical-align: text-top
}

a {
   text-decoration: none
}

sub {
   vertical-align: text-bottom
}

input,
textarea,
select {
   font-family: inherit;
   font-size: inherit;
   font-weight: inherit
}

input,
textarea,
select {
   *font-size: 100%
}

body {
   padding-top: 0;
   background-color: #fff;
}

html,
body {
   width: 100%;
   overflow-x: hidden;
}

.wrapper {
   position: relative;
   *zoom: 1;
   width: 100%;
   height: 100%;
   overflow: hidden;
}

body,
button,
select,
textarea,
input {
   font-family: '\5FAE\8F6F\96C5\9ED1', Tahoma, SimSun, Verdana;
}

.clearfix:after {
   clear: both;
   display: block;
   visibility: hidden;
   height: 0;
   content: " ";
   font-size: 0
}

.clearfix {
   *zoom: 1
}

.fl {
   float: left;
   _display: inline;
}

.fr {
   float: right;
   _display: inline;
}

/* foot */
#gfooter {
   height: 200px;
   background-color: #1e1f21;
}

#gfooter .foot {
   position: relative;
   padding: 30px 0 0;
   text-align: center;
   font: normal 12px/19px Tahoma;
   z-index: 10;
   background-color: #1e1f21;
}

#gfooter .foot_dark {
   background: #1e1f21;
}

#gfooter a,
#gfooter li,
#gfooter p {
   font-size: 12px;
   line-height: 20px;
   color: #808080;
}

.foot_cpright {
   width: 1300px;
   margin: 0 auto;
}

#gfooter .foot_links {
   width: 800px;
   text-align: left;
}

body .ost_b_wrap {
   display: none;
}

body .blacktop-wrap {
   top: 0;
}

body #actTitleWrap {
   top: 50px !important;
}

/*footer E*/

.hidd {
   overflow: hidden;
}

.btn-yun {
   width: 403px;
   height: 78px;
   background-position: -252px -506px
}

.i-welf {
   width: 255px;
   height: 54px;
   background-position: -549px -945px
}

.i-welf-hov {
   width: 298px;
   height: 50px;
   background-position: -166px -1030px
}

.i-yun {
   width: 255px;
   height: 54px;
   background-position: -549px -945px
}

.i-yun-hov {
   width: 163px;
   height: 50px;
   background-position: -549px -1029px
}

.nav-em {
   width: 183px;
   height: 10px;
   background-position: -549px -1009px
}

.part1-arr {
   width: 33px;
   height: 62px;
   background-position: -966px -516px
}

.part1-download {
   width: 402px;
   height: 119px;
   background-position: -252px -377px
}

.part1-next {
   width: 82px;
   height: 89px;
   background-position: -742px -1010px
}

.part1-prev {
   width: 81px;
   height: 89px;
   background-position: -834px -1010px
}

.part1-video-em {
   width: 80px;
   height: 87px;
   background-position: -459px -933px
}

.part1-zs {
   width: 216px;
   height: 206px;
   background-position: -10px -527px
}

.part1-zs-bub {
   width: 97px;
   height: 102px;
   background-position: -824px -898px
}

.part2-icon {
   width: 26px;
   height: 39px;
   background-position: -670px -208px
}

.part2-line {
   width: 757px;
   height: 12px;
   background-position: -10px -10px
}

.part3-btn1 {
   width: 282px;
   height: 86px;
   background-position: -670px -356px
}

.part3-btn2 {
   width: 282px;
   height: 86px;
   background-position: -665px -452px
}

.part3-btn3 {
   width: 282px;
   height: 86px;
   background-position: -674px -548px
}

.part3-btn4 {
   width: 281px;
   height: 86px;
   background-position: -675px -644px
}

.part3-btn5 {
   width: 283px;
   height: 86px;
   background-position: -717px -164px
}

.part3-btn6 {
   width: 283px;
   height: 86px;
   background-position: -670px -260px
}

.part3-btn7 {
   width: 283px;
   height: 87px;
   background-position: -166px -933px
}

.part3-btn8 {
   width: 283px;
   height: 87px;
   background-position: -717px -67px
}

.part3-icon {
   width: 21px;
   height: 30px;
   background-position: -988px -10px
}

.part4-arr {
   width: 48px;
   height: 26px;
   background-position: -963px -346px
}

.part4-genre-bg1 {
   width: 359px;
   height: 49px;
   background-position: -225px -756px
}

.part4-genre-bg2 {
   width: 359px;
   height: 49px;
   background-position: -225px -815px
}

.part4-genre-bg3 {
   width: 359px;
   height: 49px;
   background-position: -225px -874px
}

.part4-genre-box {
   width: 408px;
   height: 159px;
   background-position: -252px -208px
}

.part4-more {
   width: 201px;
   height: 47px;
   background-position: -777px -10px
}

.part4-prop-list {
   width: 220px;
   height: 179px;
   background-position: -594px -756px
}

.part4-prop-list1 {
   width: 205px;
   height: 166px;
   background-position: -10px -743px
}

.part4-prop-list2 {
   width: 455px;
   height: 166px;
   background-position: -252px -32px
}

.part5-comm-btn {
   width: 146px;
   height: 133px;
   background-position: -10px -919px
}

.part5-line {
   width: 90px;
   height: 9px;
   background-position: -921px -875px
}

.part5-tab1 {
   width: 428px;
   height: 71px;
   background-position: -236px -594px
}

.part5-tab2 {
   width: 429px;
   height: 71px;
   background-position: -236px -675px
}

.pop-close {
   width: 54px;
   height: 54px;
   background-position: -957px -452px
}

.side-box {
   width: 232px;
   height: 485px;
   background-position: -10px -32px
}

.side-bub1 {
   width: 87px;
   height: 148px;
   background-position: -824px -740px
}

.side-bub2 {
   width: 80px;
   height: 125px;
   background-position: -921px -740px
}

.side-close {
   width: 39px;
   height: 76px;
   background-position: -963px -260px
}

.side-icon-bz {
   width: 54px;
   height: 29px;
   background-position: -10px -1062px
}

.side-icon-wb {
   width: 46px;
   height: 42px;
   background-position: -474px -1030px
}

.side-icon-wx {
   width: 44px;
   height: 39px;
   background-position: -962px -382px
}

.side-open {
   width: 39px;
   height: 76px;
   background-position: -931px -894px
}

.large-size {
   width: 100%;
   height: 44px;
   line-height: 44px;
   color: #95825c;
   font-size: 24px;
   margin: 30px auto 10px;
   text-align: center;
   visibility: hidden;
}

.large-size.on {
   visibility: visible;
}

.main {
   position: relative;
   z-index: 5;
   margin: 0 auto;
   width: 1400px;
   height: 100%;
}

a.spr:hover {
   -webkit-filter: brightness(1.2);
   filter: brightness(1.2);
}

a.swiper-button-disabled:hover {
   -webkit-filter: brightness(1);
   filter: brightness(1);
}

.wrapper {
   width: 100%;
   height: 100%;
   overflow: hidden;
   position: relative;
   opacity: 0;
   z-index: 1;
}

.slide-auto {
   height: auto !important;
}

.mob_cont {
   display: none !important;
}


/* ��ť -- ��꾭������ S */
.btn-comm {
   display: block;
   overflow: hidden;
   position: relative;
   z-index: 0;
}

.btn-comm:before {
   content: '';
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
   z-index: 0;
   pointer-events: none;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
}

.btn-comm:after {
   content: '';
   width: 110%;
   height: 100%;
   position: absolute;
   top: 0;
   left: -5%;
   z-index: 1;
   -webkit-transition: -webkit-transform .3s ease-in-out;
   transition: transform .3s ease-in-out;
   -webkit-transform: translateX(-100%) skew(-20deg);
   transform: translateX(-100%) skew(-20deg);
   pointer-events: none;
}

.btn-comm .btn-txt {
   width: 100%;
   height: 100%;
   display: block;
   text-align: center;
   letter-spacing: 3px;
   position: absolute;
   top: 0;
   left: 0;
   border: none;
   z-index: 2;
   transition: color .5s ease-in-out;
}

.btn-comm .btn-txt:before {
   content: '';
   position: absolute;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   z-index: 2;
   pointer-events: none;
   z-index: 3;
   transition: border .5s ease-in-out;
   pointer-events: none;
}

.btn-comm:hover:after,
.part3-list li:hover .btn-comm:after {
   -webkit-transform: translateX(0) skew(-20deg);
   transform: translateX(0) skew(-20deg);
}

/* ��ť -- ��꾭������ E */

.page-default {
   display: none !important;
   width: 100vw;
   height: 100vh;
   position: fixed;
   z-index: 99;
   left: 0;
   top: 0;
   transition: all .3s;
   opacity: 1;
   background-color: #000;
}

.page-default-box {
   width: 100%;
   height: 100%;
}

.page-default-box video {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.page-cont {
   /*width: 2560px;
   height: 1440px;
   position: absolute;
   z-index: 3;
   top: 50%;
   left: 50%;
   margin: -720px 0 0 -1280px;*/
}

.video-box {
   width: 100%;
   height: 100%;
   position: relative;
   z-index: 0;
   pointer-events: none;
}

.video-box video,
.video-box img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.page-side-comm {
   position: fixed;
   z-index: 98;
   left: -300px;
   width: 0;
   height: 880px;
   top: 50%;
   margin-top: -420px;
   transform-origin: left center;
   opacity: 0;
}

.page-side-comm.on {
   transition: all ease-out .6s .1s;
   opacity: 1;
   left: 0;
}

.page-nav {
   position: relative;
}

.page-nav li {
   position: relative;
   width: 183px;
   height: 62px;
   line-height: 62px;
   text-align: left;
   cursor: pointer;
}

.page-nav li span {
   display: block;
   margin-left: 44px;
   color: #c9c9c9;
   font-size: 22px;
   transition: all .3s;
}

.page-nav li em.nav-icon1 {
   position: absolute;
   left: 22px;
   top: 50%;
   margin-top: -4px;
   z-index: 2;
}

.page-nav li em.nav-icon2 {
   position: absolute;
   left: 11px;
   top: 50%;
   margin-top: -14px;
   opacity: 0;
   transition: all .3s;
   z-index: 3;
}

.page-nav li em.nav-em {
   position: absolute;
   top: 30px;
   left: -16px;
   transition: all .3s;
   opacity: 0;
}

.page-nav li:hover span,
.page-nav li.cur span {
   color: #fff9ed;
   text-shadow: 0 0 10px #ffc11a;
   -webkit-animation: light 3s linear infinite;
   animation: light 3s linear infinite;
}

@-webkit-keyframes light {
   0% {
      text-shadow: 0 0 0px #ffc11a;
   }

   50% {
      text-shadow: 0 0 10px #ffc11a, 0 0 15px #ffc11a, 0 0 20px #ffc11a, 0 0 25px #ffc11a, 0 0 30px #ffc11a, 0 0 35px #ffc11a;
   }

   100% {
      text-shadow: 0 0 0px #ffc11a;
   }
}

@keyframes light {
   0% {
      text-shadow: 0 0 0px #ffc11a;
   }

   50% {
      text-shadow: 0 0 10px #ffc11a, 0 0 15px #ffc11a, 0 0 20px #ffc11a, 0 0 25px #ffc11a, 0 0 30px #ffc11a, 0 0 35px #ffc11a;
   }

   100% {
      text-shadow: 0 0 0px #ffc11a;
   }
}

.page-nav li:hover em.nav-em,
.page-nav li.cur em.nav-em {
   opacity: 1;
}

.page-nav li:hover em.nav-icon2,
.page-nav li.cur em.nav-icon2 {
   opacity: 1;
}

.page-side {
   margin-top: 180px;
   position: relative;
   width: 304px;
   left: -265px;
   transition: all .3s;
}

.side-box {
   top: -5px;
   position: relative;
   float: left;
   margin-left: 32px;
}

.side-bub-box {
   position: absolute;
   width: 100%;
   height: 148px;
   overflow: hidden;
   top: -148px;
   left: 0;
}

.side-bub1,
.side-bub2 {
   position: absolute;
}

.side-bub1 {
   left: 7px;
   top: 0;
}

.side-bub2 {
   left: 115px;
   top: 38px;
}

.side-box-qrcode {
   padding-top: 38px;
   height: 280px;
   width: 175px;
   margin: 0 auto;
   text-align: center;
}

.side-box-qrcode img {
   display: block;
   width: 100%;
   border: 2px solid #ffd983;
}

.side-box-qrcode .tips {
   width: 130%;
   margin-left: -15%;
   height: 45px;
   margin-top: 8px;
   font-size: 0;
   text-align: center;
}

.side-box-qrcode .tips p {
   font-size: 16px;
   background-color: #333333;
   color: #fff;
   line-height: 25px;
   border: 1px solid #fff;
   padding: 0 5px;
   margin: 0 4px;
   display: inline-block;
   vertical-align: top;
}

.side-box-qrcode p.txt {
   width: 130%;
   margin-left: -15%;
   color: #fff;
   font-size: 16px;
   line-height: 20px;
   text-shadow: 0 0 4px #3b2105;
}

.side-box-link {
   margin-left: 26px;
   width: 172px;
   height: auto;
}

.side-box-link a {
   display: block;
   width: 100%;
   height: 44px;
   line-height: 44px;
   color: #ffffff;
   text-shadow: 0 0 4px #3b2105;
   font-size: 18px;
   position: relative;
}

.side-box-link em {
   position: relative;
   top: 0;
   display: block;
   float: left;
   width: 70px;
   height: 44px;
}

.side-box-link em i {
   position: absolute;
   top: 50%;
   left: 50%;
}

.side-icon-wb {
   margin: -21px 0 0 -23px;
}

.side-icon-wx {
   margin: -22px 0 0 -20px;
}

.side-icon-bz {
   margin: -15px 0 0 -27px;
}

.side-box-link a span {
   display: block;
   float: right;
   text-align: right;
}

.side-box-link a:hover {
   -webkit-filter: brightness(1.1);
   filter: brightness(1.1);
}

.side-box-link a:hover .qrcode-float1 {
   opacity: 1;
}

.side-btns {
   float: left;
   width: 39px;
   height: 76px;
   position: relative;
   overflow: hidden;
   margin-top: 28px;
}

.side-btns a {
   position: absolute;
   left: 0;
   top: 0;
}

.side-close {
   display: none;
}

.page-side.cur {
   left: 0;
}

.page-side.cur .side-box {
   margin-left: 32px;
}

.page-side.cur .side-close {
   display: block;
}

.page-side.cur .side-open {
   display: none;
}

.part1 {
   height: 1304px;
   background-size: 100% auto;
   overflow: hidden;
}

.part1-cont {
   display: none;
   width: 692px;
   height: 698px;
   position: absolute;
   right: 26px;
   bottom: 0;
   z-index: 5;
   transform-origin: right bottom;
}

.part1-cont-center {
   width: 2144px;
   height: 784px;
   position: absolute;
   right: -558px;
   top: 23px;
   z-index: 5;
   transform-origin: center bottom;
   pointer-events: none;
}

.part1-cont-center .part1-slogan {
   width: 70%;
   height: 278px;
   position: absolute;
   right: -217px;
   bottom: 35px;
   opacity: 0;
   transition: all
   ease-out .5s .2s;
   pointer-events: none;
   margin-left: 47px;
   background-size: 55%;
}

.part1-cont-center .part2-slogan {
   width: 100%;
   height: 647px;
   position: absolute;
   bottom: -73px;
   opacity: 0;
   transition: all ease-out .5s .2s;
   pointer-events: none;
   margin-left: 50px;
   background-size: 53%;
   z-index: 111;
}

.part1-cont-center2 {
   width: 100%;
   height: 100px;
   position: absolute;
   left: 624px;
   top: 762px;
   z-index: 5;
   transform-origin: center bottom;
   pointer-events: none;
}

.part1-cont-center2 .part1-slogan{
   width: 100%;
   height: 297px;
   position: absolute;
   bottom: 46px;
   opacity: 0;
   transition: all ease-out .5s .2s;
   pointer-events: none;
   background-size: 50%;
}
.part1-time {
   display: none;
   width: 1414px;
   height: 678px;
   pointer-events: none;
   position: absolute;
   left: 0;
   top: 564px;
}

.part1-time em {
   display: block;
   width: 100%;
   height: 100%;
   position: relative;
   left: -200px;
   opacity: 0;
   transition: all ease-out .5s .2s;
}

.part1.on .part1-slogan {
   opacity: 1;
   right: -85px;
}

 .part1.on .part2-slogan {
   opacity: 1;
   right: -452px;
}

.part1.on .part1-time em {
   opacity: 1;
   left: 0;
}

.part1-box {
   width: 692px;
   height: auto;
   transition: all ease-out .6s .1s;
   position: relative;
   right: -374px;
   opacity: 0;
}

.part1-box-center {
   width: 2144px;
   height: 871px;
   position: absolute;
   right: -538px;
   top: -76px;
   z-index: 5;
   transform-origin: center bottom;
   pointer-events: none;
}

.part1.on .part1-box {
   opacity: 1;
   right: 0;
}

.part1-video {
   width: 536px;
   height: 294px;
   margin: 0 auto;
   border: 3px solid #e6c88e;
   border-left: none;
   border-right: none;
   position: relative;
   overflow: hidden;
}

.part1-video img {
   display: block;
   width: 100%;
}

.part1-video a {
   position: absolute;
   width: 100%;
   height: 100%;
   left: 0;
   top: 0;
   background-color: rgba(0, 0, 0, 0.6);
   transition: all .3s;
   z-index: 3;
}

.part1-video a em {
   position: absolute;
   top: 50%;
   left: 50%;
   margin: -43px 0 0 -40px;
   -webkit-animation: scaleAnim 2s linear infinite;
   animation: scaleAnim 2s linear infinite;
}

.part1-video:hover a {
   background-color: rgba(0, 0, 0, 0.1);
}

@-webkit-keyframes scaleAnim {
   0% {
      -webkit-transform: scale(1, 1);
   }

   50% {
      -webkit-transform: scale(1.2, 1.2);
   }

   100% {
      -webkit-transform: scale(1, 1);
   }
}

@keyframes scaleAnim {
   0% {
      transform: scale(1, 1);
   }

   50% {
      transform: scale(1.2, 1.2);
   }

   100% {
      transform: scale(1, 1);
   }
}

@-webkit-keyframes rotateAnim {
   0% {
      -webkit-transform: rotate(0deg);
   }

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

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

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

.part1-cont-right {
   width: 630px;
   height: auto;
   position: absolute;
   top: 728px;
   right: 38px;
}

.part1-cont-right .part1-btns {
   width: 404px;
   height: auto;
   text-align: center;
   position: relative;
   right: -200px;
   opacity: 0;
   transition: all ease-out .5s .2s;
}

.part1.on .part1-btns {
   opacity: 1;
   right: 0;
}

.part1-btns h5 {
   width: 100%;
   line-height: 48px;
   color: #ffeabe;
   font-size: 22px;
   letter-spacing: 4px;
   text-shadow: 0 0 20px #000, 0 0 40px #000;
}

.part1-download {
   display: block;
   margin: 0 auto;
   font-size: 34px;
   line-height: 90px;
   color: #fff7e5;
   text-align: center;
   text-shadow: 0 1px 2px #231a0e;
   letter-spacing: 6px;
}

.part1 .part1-btns-box {
   width: 100%;
   height: 118px;
   font-size: 0;
   text-align: center;
   margin-top: 14px;
}

.part1 .part1-btns-box a {
   display: inline-block;
   vertical-align: top;
   position: relative;
}

.part1 .part1-btns-box a.btn-lq {
   width: 298px;
}

.part1 .part1-btns-box a em {
   display: none;
   position: absolute;
   top: 0;
   left: 0;
   z-index: 1;
   opacity: 0;
   transition: opacity .3s;
}

.part1 .part1-btns-box a em.on {
   opacity: 1;
}

.part1 .part1-btns-box a span {
   box-sizing: border-box;
   display: block;
   width: 100%;
   height: 100%;
   text-align: center;
   line-height: 78px;
   font-size: 24px;
   color: #fdf9f1;
   position: relative;
   z-index: 3;
   text-shadow: 0 3px 2px #9f7337;
}

.part1 .part1-btns-box a.btn-lq span {
   padding-right: 60px;
}

.part1 .part1-btns-box a:hover {
   filter: brightness(1.2);
}

.part1-zs {
   position: absolute;
   top: 48px;
   right: -226px;
   z-index: 2;
}

.part1-zs p {
   padding-top: 126px;
   font-weight: bold;
   color: #fff;
   font-size: 22px;
   line-height: 28px;
   text-align: center;
   width: 100%;
   text-shadow: 0 4px 2px #c88f39;
}

.part1-zs-bub {
   position: absolute;
   top: 134px;
   right: -40px;
   pointer-events: none;
}

.part1-zs:hover .qrcode-float3 {
   opacity: 1;
}

.part1-more {
   width: 260px;
   margin: 16px auto 0;
}

.part1-more em {
   display: block;
   margin: 0 auto;
   position: relative;
   top: -10px;
   -webkit-animation: mouse-move 1.5s linear infinite;
   animation: mouse-move 1.5s linear infinite;
}

@-webkit-keyframes mouse-move {
   from {
      -webkit-transform: translate3d(0, 0, 0)
   }

   50% {
      -webkit-transform: translate3d(0, 10px, 0)
   }

   100% {
      -webkit-transform: translate3d(0, 0, 0)
   }
}

@keyframes mouse-move {
   from {
      transform: translate3d(0, 0, 0)
   }

   50% {
      transform: translate3d(0, 10px, 0)
   }

   100% {
      transform: translate3d(0, 0, 0)
   }
}

.part1-more p {
   width: 100%;
   text-align: center;
   color: #f3dfb5;
   font-size: 18px;
   line-height: 32px;
   text-shadow: 0 0 5px #f3dfb5, 0 0 10px #f3dfb5;
   letter-spacing: 4px;
}

.part1-swiper {
   margin: 28px auto 0;
   width: 536px;
   height: 192px;
   overflow: hidden;
   position: relative;
   z-index: 1;
}

.part1-swiper li {
   float: left;
   width: 384px;
   height: 190px;
}

.part1-swiper li img {
   display: block;
   width: 382px;
   height: 188px;
   border: 1px solid #a28f6d;
}

.part1-arrow {
   width: 520px;
   height: 0;
   position: relative;
   top: -142px;
   margin: 0 auto;
   z-index: 2;
}

.part1-arrow a {
   display: block;
}

.part1-prev {
   float: left;
}

.part1-next {
   float: right;
}

.part1-pagin {
   width: 520px;
   height: 0;
   position: relative;
   top: -20px;
   margin: 0 auto;
   text-align: center;
   position: relative;
   z-index: 3;
}

.part1-pagin span {
   vertical-align: top;
   background-color: #d9c0be;
   opacity: 1;
   width: 8px;
   height: 8px;
   margin: 0 8px;
   transform: rotate(45deg);
   border-radius: 0;
}

.part1-pagin span.swiper-pagination-bullet-active {
   background-color: #fff3c3;
}

.part2 {
   height: 955px;
   margin-top: -372px;
   margin-bottom: -150px;
}

.part2-cont {
   width: 2000px;
   height: 648px;
   margin: 0 auto;
}

.part2-cont h5 {
   line-height: 60px;
   color: #fff;
   font-size: 36px;
}

.part2-cont h5 em {
   display: block;
   float: left;
   margin: 12px 14px 0 17px;
}

.part2-swiper {
   width: 974px;
   height: 544px;
   overflow: hidden;
   position: relative;
   z-index: 1;
   float: left;
   background-color: #1e1d1d;
}

.part2-swiper li {
   float: left;
   width: 974px;
   height: 544px;
   position: relative;
}

.part2-swiper li img {
   display: block;
   width: 100%;
}

.part2-swiper li p {
   position: absolute;
   top: 472px;
   left: 30px;
   line-height: 50px;
   color: #fff;
   font-size: 30px;
   width: 560px;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
}

.part-news-pagin {
   width: 974px;
   height: 82px;
   line-height: 82px;
   position: absolute;
   top: 460px;
   left: 0;
   z-index: 3;
   text-align: center;
   z-index: 3;
}

.part-news-pagin span {
   background-color: #fff;
   opacity: 1;
   width: 14px;
   height: 14px;
   margin: 0 26px;
   transform: rotate(45deg);
   border-radius: 0;
}

.part-news-pagin span:hover {
   background-color: #ccad70;
}

.part-news-pagin span.swiper-pagination-bullet-active {
   background-color: #ccad70;
}

.part2-news-list {
   width: 1000px;
   height: 550px;
   background-color: rgba(0, 0, 0, 0.6);
   float: right;
   position: relative;
}

.part2-news-tabs {
   padding: 20px 0 0 0;
   width: 892px;
   overflow: hidden;
   margin-left: 54px;
   border-bottom: 1px solid #3e382d;
}

.part2-news-tabs a {
   color: #fff;
   font-size: 29px;
   line-height: 76px;
   margin-right: 34px;
   float: left;
   display: block;
}

.part2-news-tabs a:hover {
   color: #e3ce9a;
   border-bottom: 1px solid #e3ce9a;
}

.part2-news-tabs a.cur {
   color: #e3ce9a;
   border-bottom: 1px solid #e3ce9a;
}

.part2-line {
   margin-left: 54px;
   pointer-events: none;
   display: none;
}

.part2-news-cont {
   height: 430px;
   overflow: hidden;
   margin: 18px 0 0 54px;
}

.part2-news-item {
   width: 100%;
   height: 100%;
}

.part2-news-cont a {
   display: block;
   width: 892px;
   height: 66px;
   line-height: 65px;
   color: #cfcece;
   font-size: 22px;
   position: relative;
}

.part2-news-cont a em,
.part2-news-cont a span,
.part2-news-cont a p {
   float: left;
   display: block;
}

.part2-news-cont a em {
   position: absolute;
   left: 4px;
   top: 50%;
   width: 12px;
   height: 12px;
   transform: rotate(45deg);
   margin-top: -5px;
   background-color: #dadada;
   border: 1px solid #dadada;
}

.part2-news-cont a span.type {
   margin-left: 45px;
   min-width: 68px;
}

.part2-news-cont a span.active {
   margin-right: 22px;
}

.part2-news-cont a p {
   width: 600px;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
}

.part2-news-cont a span.date {
   float: right;
}

.part2-news-cont a:hover {
   color: #e3ce9a;
}

.part2-news-cont a:hover em {
   background-color: #e3ce9a;
   border-color: #e3ce9a;
}

.part2-more {
   display: block;
   width: 220px;
   height: 40px;
   line-height: 40px;
   color: #e3ce9a;
   font-size: 22px;
   text-align: right;
   position: absolute;
   right: 55px;
   top: 50px;
}

.part2-more:hover {
   color: #e3ce9a;
   border-color: #818b98;
}

.bgWrap2{width:100%; min-height:1000px; padding-top:160px;}
.slideWrap{width:100%; max-width:2230px; margin:0 auto; position:relative; padding:0 20px; box-sizing:border-box;}
.slide_wrap{width:100%; max-width:2000px; margin:0 auto;}
.slide_wrap .swiper-slide{width:100%; max-width:1290px;}
.slide_wrap .swiper-slide a{display:block; width:100%; height:auto;}
.slide_wrap .swiper-slide img{width:100%; height:auto; display:block; object-fit:cover;}
.slideWrap .swiper-button-prev{width:113px; height:124px; left: 0; background:url(../img/arrow_left.png) no-repeat; background-size:contain;}

.part3-cont {
   width: 2000px;
   margin: 0 auto;
   position: relative;
}

.part3-cont .part3-tit {
   line-height: 64px;
   color: #fff;
   font-size: 25px;
   position: absolute;
   left: 0;
   top: 0;
}

.part3-cont .part3-tit em {
   display: block;
   float: left;
   margin: 17px 14px 0 14px;
}

.part3-list {
   width: 982px;
   height: 238px;
   margin-top: 64px;
   margin-left: 14px;
   overflow: hidden;
   float: left;
}

.part3-list .swiper-wrapper {
   width: 100%;
   /* display: flex;
   flex-wrap: wrap; */
}

.part3-list li {
   float: left;
   width: 292px;
   height: 218px;
   margin: 0 34px 0 0;
   border: 2px solid #d7b262;
}

.part3-list li a {
   display: block;
   width: 100%;
   height: 100%;
   position: relative;
   z-index: 2;
   overflow: hidden;
}

.part3-list li img {
   display: block;
   width: 100%;
   transition: all .3s;
   position: relative;
   z-index: 1;
}

.part3-status {
   position: absolute;
   z-index: 3;
   left: 12px;
   top: 10px;
   border-radius: 22px;
   font-size: 16px;
   text-align: center;
   line-height: 22px;
   width: 68px;
}

.part3-done {
   background-color: #dddee1;
   color: #919499;
}

.part3-progress {
   background-color: #141516;
   color: #d7be81;
}

.part3-list h5 {
   color: #ffffff;
   font-size: 16px;
   line-height: 42px;
   position: absolute;
   z-index: 3;
   bottom: 0;
   left: 0;
   text-align: center;
   width: 100%;
}

.part3-date {
   position: absolute;
   top: 306px;
   right: 38px;
   z-index: 3;
   color: #fff;
   font-size: 20px;
   line-height: 40px;
   display: none;
}

.part3-go:before {
   content: "";
   border: 1px solid #a49a7e;
   background: rgba(16, 17, 18, .3);
   display: none;
}

.part3-go:after {
   content: "";
   background: #ccad70;
   border: 1px solid #ccad70;
   display: none;
}

.part3-go .btn-txt {
   font-size: 28px;
   line-height: 220px;
   color: #f4d993;
   text-align: center;
}

.part3-go .btn-txt:before {
   width: 136px;
   height: 30px;
   border: 1px solid #7a6b69;
   top: 4px;
   left: 5px;
   display: none;
}

.part3-list li:hover .part3-go {
   opacity: 1;
}

.part3-list li:hover .part3-go .btn-txt:before {
   border: 1px solid #d7be8e;
}

.part3-links {
   width: 412px;
   height: 100%;
   text-align: center;
   float: right;
   padding-top: 10px;
}

.part3-links-box {
   width: 612px;
}

.part3-links a {
   display: block;
   position: relative;
   margin: 0 20px 0 0;
   float: left;
}

.part3-links a.guide-zs-mob {
   display: none;
}

.part3-links a span {
   display: block;
   width: 100%;
   position: relative;
   z-index: 2;
}

.part3-links a em {
   transition: all .3s linear;
   opacity: 1;
   position: absolute;
   z-index: 1;
   left: 0;
   top: 0;
}

.part3-links a i {
   transition: all .3s linear;
   opacity: 0;
   position: absolute;
   z-index: 1;
   left: 0;
   top: 0;
   display: none;
}

.part3-links a:hover {
   color: #fff;
}

.part3-links a:hover em {
   opacity: 0;
}

.part3-links a:hover i {
   opacity: 1;
}

.part3-links a:hover .qrcode-float2 {
   opacity: 1;
}

.part3-more {
   position: absolute;
   width: 132px;
   height: 40px;
   line-height: 40px;
   top: 24px;
   right: 8px;
   color: #e3ce9a;
   font-size: 19px;
   text-align: center;
   z-index: 3;
}

.part3-more:hover {
   color: #fff;
}

.wave {
   width: 220px;
   position: absolute;
   left: 0;
   right: 0;
   bottom: 0;
   height: 45px;
   margin: 0 auto;
   top: 110px;
   display: flex;
   justify-content: space-between;
   align-items: center;
   display: none;
   z-index: 6;
}

.part5-item2-comm li.on .wave {
   display: flex;
}

.part5-item2-comm li.on .part5-item-pic .part5-comm-btn {
   opacity: 0;
}

.part5-item2-comm li:hover.on .wave {
   display: none
}

.wave span {
   width: 4px;
   display: block;
   background: #f5cf87;
}

.wave span.cl1 {
   -webkit-animation: bodong 1s 0.6s infinite linear;
}

.wave span.cl2 {
   -webkit-animation: bodong 1s 0.45s infinite linear;
}

.wave span.cl3 {
   -webkit-animation: bodong 1s 0.3s infinite linear;
}

.wave span.cl4 {
   -webkit-animation: bodong 1s 0.15s infinite linear;
}

.wave span.cl5 {
   -webkit-animation: bodong 1s 0s infinite linear;
}

@-webkit-keyframes bodong {
   0% {
      height: 5px;
      -webkit-transform-origin: 0 50%;
   }

   30% {
      height: 45px;
      -webkit-transform-origin: 0 50%;
   }

   60% {
      height: 80px;
      -webkit-transform-origin: 0 50%;
   }

   80% {
      height: 45px;
      -webkit-transform-origin: 0 50%;
   }

   100% {
      height: 5px;
      -webkit-transform-origin: 0 50%;
   }
}

.part2-swiper p.loading {
   line-height: 546px;
}

.part2-news-list p.loading {
   line-height: 162px;
}

.part3-list p.loading {
   line-height: 238px;
}

.part5-item p.loading {
   line-height: 300px;
}

@-webkit-keyframes fadeInDn {
   0% {
      opacity: 0;
      -webkit-transform: translate3d(0, 200px, 0);
   }

   100% {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
   }
}

@keyframes fadeInDn {
   0% {
      opacity: 0;
      -webkit-transform: translate3d(0, 200px, 0);
   }

   100% {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
   }
}

.fadeanim {
   -webkit-animation: fadeInDn .4s ease .2s both;
   animation: fadeInDn .4s ease .2s both;
}

.fadeanim1 {
   animation-delay: 0s;
   animation-duration: .1s;
}

[data-animclass="fadeanim"] {
   opacity: 0;
}

.part1-btns-box {
   display: none;
}

.part1-zs {
   cursor: pointer;
   width: 628px;
   height: 65px;
   float: none;
   background: none;
   padding-top: 0;
   margin: 12px auto 0;
   position: relative;
   left: 0;
   top: 0;
}

.part1-zs p {
   position: relative;
   z-index: 4;
   padding-top: 0;
   left: -54px;
   line-height: 65px;
   font-size: 22px;
   color: #f8eeda;
   text-shadow: 0 2px 2px #93744c, 0 3px 3px #93744c;
}

/*0711*/
.nav-em {
   width: 220px;
   height: 44px;
   background-position: -2px -701px
}

.nav-icon1 {
   width: 8px;
   height: 8px;
   background-position: -483px -59px
}

.nav-icon2 {
   width: 28px;
   height: 28px;
   background-position: -450px -393px
}

.part1-btn-dl {
   width: 446px;
   height: 117px;
   background-position: -2px -346px
}

.part1-btn-dl1 {
   width: 446px;
   height: 117px;
   background-position: -2px -465px
}

.part1-btn-zs {
   /*width: 361px;*/
   width:433px;
   height: 115px;
   background-position: -2px 1px
}

.part2-icon1 {
   width: 21px;
   height: 31px;
   background-position: -483px -26px
}
.part3-btn1 {
   width: 479px;
   height: 84px;
   background-position: -801px -691px;
}


.part1-cont-right {
   width: 880px;
   top: 800px;
   right: 14px;
   z-index: 7;
}

.part1-cont-right .part1-btns {
   width: 100%;
}

.part1-cont-right ul {
   width: 100%;
   text-align: left;
}

.part1-cont-right li {
   float: left;
   position: relative;
   margin: 0;
}

.part1-btns-li1 {
   width: 446px;
}

.part1-btns-li2 {
   width: 361px;
}

.part1-cont-right li a {
   display: block;
}

.part1-btns-li1 p {
   position: absolute;
   width: 100%;
   left: 0;
   top: -18px;
   line-height: 28px;
   color: #fff;
   font-size: 18px;
   pointer-events: none;
   text-align: center;
}

.part1-cont-right li a:hover {
   filter: brightness(1.1);
}

.part2-cont {
   position: relative;
}

.part2-cont .tit {
   display: none;
}

.part2-border {
   content: "";
   background: url(../img/part2-border.png) no-repeat 0 0;
   width: 989px;
   height: 565px;
   position: absolute;
   left: -7px;
   top: -9px;
   z-index: 5;
   pointer-events: none;
}

.part3-cont-warp {
   width: 2000px;
   margin: 0 auto;
   position: relative;
}

.part3-cont {
   position: absolute;
   top: -105px;
   right: 0;
   width: 1000px;
   height: 301px;
   background: rgba(0, 0, 0, 0.6);
}

.part3-links {
   width: 974px;
   margin-left: 0;
   float: none;
}

.part3-links-box {
   width: 106%;
}

.part3-links a {
   display: block;
   float: left;
   margin-bottom: 17px;
   margin-right: 19px;
}

.part3-links a span,
.part3-links a em {
   display: none;
}

.part3-links a:hover {
   filter: brightness(1.1);
}

.part1-box-f {
   display: none;
}

.wrapper .part2-cont,
.wrapper .part2-news-list,
.wrapper .part3-links,
.wrapper .part2-nbox,
.wrapper .part3-cont .part3-tit,
.wrapper .part3-list {
   position: relative;
   opacity: 1;
   animation: none;
   -webkit-animation: none;
}

.wrapper .down-box {
   position: relative;
   width: 100%;
   height: 120px;
   background-color: rgba(0, 0, 0, .6);
   margin-bottom: 20px;
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 0 50px;
   box-sizing: border-box;
}

.wrapper .down-box .left {
   position: relative;
   display: flex;
   justify-content: flex-start;
   align-items: center;
}

.wrapper .down-box .left p {
   display: flex;
   justify-content: flex-start;
   align-items: center;
}

.wrapper .down-box .left p {
   position: relative;
   color: #fff;
   font-size: 24px;
   line-height: 42px;
   left: -20px;
   font-weight: bold;
}

.wrapper .down-box .left img {
   position: relative;
   top: -55px;
   left: -35px;
   width: 200px;
}

.wrapper .down-box .right {
   display: flex;
   justify-content: flex-end;
   align-items: center;
   gap: 20px;
}

.wrapper .down-box .right .down-btn-item {
   display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #999;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    box-sizing: border-box;
}

.wrapper .down-box .right .down-btn-item {
   color: #fff;
   background: center center #4A54FF;
   background-image: linear-gradient(315deg, #6772FF 0, #00F9E5 100%);
   background-size: 104% 104%;
   border-radius: 15px;
}

.wrapper .down-box .right .down-btn-item {
   width: 320px;
   height: 90px;
   font-size: 30px;
   font-weight: bold;
}

.wrapper .down-box .right .down-btn-item svg {
   margin-right: 15px;
}

.wrapper .down-box .right .down-btn-item.android {
   background: center center #34A853;
   background-image: linear-gradient(315deg, #4CAF50 0, #2E7D32 100%);
}

.wrapper .down-box .right .down-btn-item.ios {
   background: center center #007AFF;
   background-image: linear-gradient(315deg, #5AC8FA 0, #007AFF 100%);
}

.wrapper .down-box .right .down-btn-item.mnq {
   background: center center #6B7280;
   background-image: linear-gradient(315deg, #9CA3AF 0, #4B5563 100%);
}

.wrapper .down-box .right .down-lb-item {
   position: relative;   
   width: 150px;
   height: 160px;
   margin-top: -90px;
}

.wrapper .down-box .right .down-lb-item img {
   width: 100%;
   height: 100%;
}

.wrapper .down-box .right .down-lb-item img {
    position: absolute;
    top: 20px;
    left: 0;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
    -webkit-animation: bounce 2.5s 0s infinite 300ms 0 ease;
    -moz-animation: bounce 2.5s 0s infinite 300ms 0 ease;
    -ms-animation: bounce 2.5s 0s infinite 300ms 0 ease;
    -moz-animation: bounce 2.5s 0s infinite;
    -webkit-animation: bounce 2.5s 0s infinite;
    -o-animation: bounce 2.5s 0s infinite;
    -ms-animation: bounce 2.5s 0s infinite;
    animation: bounce 2.5s 0s infinite
}

.wrapper .down-box .right .down-lb-item:hover img {
   top: 0;
}

@-webkit-keyframes bounce {

    0%,
    10%,
    27%,
    40%,
    50% {
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        transform: translate3d(0, 0, 0)
    }

    20%,
    21% {
        transition-timing-function: cubic-bezier(0.755, .05, .855, .06);
        transform: translate3d(0, -32px, 0)
    }

    35% {
        transition-timing-function: cubic-bezier(0.755, .05, .855, .06);
        transform: translate3d(0, -16px, 0)
    }

    45% {
        transform: translate3d(0, -4px, 0)
    }
}

@-moz-keyframes bounce {

    0%,
    10%,
    27%,
    40%,
    50% {
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        transform: translate3d(0, 0, 0)
    }

    20%,
    21% {
        transition-timing-function: cubic-bezier(0.755, .05, .855, .06);
        transform: translate3d(0, -32px, 0)
    }

    35% {
        transition-timing-function: cubic-bezier(0.755, .05, .855, .06);
        transform: translate3d(0, -16px, 0)
    }

    45% {
        transform: translate3d(0, -4px, 0)
    }
}

@-o-keyframes bounce {

    0%,
    10%,
    27%,
    40%,
    50% {
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        transform: translate3d(0, 0, 0)
    }

    20%,
    21% {
        transition-timing-function: cubic-bezier(0.755, .05, .855, .06);
        transform: translate3d(0, -32px, 0)
    }

    35% {
        transition-timing-function: cubic-bezier(0.755, .05, .855, .06);
        transform: translate3d(0, -16px, 0)
    }

    45% {
        transform: translate3d(0, -4px, 0)
    }
}

@-ms-keyframes bounce {

    0%,
    10%,
    27%,
    40%,
    50% {
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        transform: translate3d(0, 0, 0)
    }

    20%,
    21% {
        transition-timing-function: cubic-bezier(0.755, .05, .855, .06);
        transform: translate3d(0, -32px, 0)
    }

    35% {
        transition-timing-function: cubic-bezier(0.755, .05, .855, .06);
        transform: translate3d(0, -16px, 0)
    }

    45% {
        transform: translate3d(0, -4px, 0)
    }
}

@keyframes bounce {

    0%,
    10%,
    27%,
    40%,
    50% {
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        transform: translate3d(0, 0, 0)
    }

    20%,
    21% {
        transition-timing-function: cubic-bezier(0.755, .05, .855, .06);
        transform: translate3d(0, -32px, 0)
    }

    35% {
        transition-timing-function: cubic-bezier(0.755, .05, .855, .06);
        transform: translate3d(0, -16px, 0)
    }

    45% {
        transform: translate3d(0, -4px, 0)
    }
}

@-webkit-keyframes bounce {

    0%,
    10%,
    27%,
    40%,
    50% {
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        transform: translate3d(0, 0, 0)
    }

    20%,
    21% {
        transition-timing-function: cubic-bezier(0.755, .05, .855, .06);
        transform: translate3d(0, -32px, 0)
    }

    35% {
        transition-timing-function: cubic-bezier(0.755, .05, .855, .06);
        transform: translate3d(0, -16px, 0)
    }

    45% {
        transform: translate3d(0, -4px, 0)
    }
}

@-moz-keyframes bounce {

    0%,
    10%,
    27%,
    40%,
    50% {
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        transform: translate3d(0, 0, 0)
    }

    20%,
    21% {
        transition-timing-function: cubic-bezier(0.755, .05, .855, .06);
        transform: translate3d(0, -32px, 0)
    }

    35% {
        transition-timing-function: cubic-bezier(0.755, .05, .855, .06);
        transform: translate3d(0, -16px, 0)
    }

    45% {
        transform: translate3d(0, -4px, 0)
    }
}

@-o-keyframes bounce {

    0%,
    10%,
    27%,
    40%,
    50% {
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        transform: translate3d(0, 0, 0)
    }

    20%,
    21% {
        transition-timing-function: cubic-bezier(0.755, .05, .855, .06);
        transform: translate3d(0, -32px, 0)
    }

    35% {
        transition-timing-function: cubic-bezier(0.755, .05, .855, .06);
        transform: translate3d(0, -16px, 0)
    }

    45% {
        transform: translate3d(0, -4px, 0)
    }
}

@-ms-keyframes bounce {

    0%,
    10%,
    27%,
    40%,
    50% {
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        transform: translate3d(0, 0, 0)
    }

    20%,
    21% {
        transition-timing-function: cubic-bezier(0.755, .05, .855, .06);
        transform: translate3d(0, -32px, 0)
    }

    35% {
        transition-timing-function: cubic-bezier(0.755, .05, .855, .06);
        transform: translate3d(0, -16px, 0)
    }

    45% {
        transform: translate3d(0, -4px, 0)
    }
}

@keyframes bounce {

    0%,
    10%,
    27%,
    40%,
    50% {
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        transform: translate3d(0, 0, 0)
    }

    20%,
    21% {
        transition-timing-function: cubic-bezier(0.755, .05, .855, .06);
        transform: translate3d(0, -32px, 0)
    }

    35% {
        transition-timing-function: cubic-bezier(0.755, .05, .855, .06);
        transform: translate3d(0, -16px, 0)
    }

    45% {
        transform: translate3d(0, -4px, 0)
    }
}

.footer {
    background-color: #000;
    margin-top: -1px;
    padding: 20px 0;
    margin-top: 30px;
}

.footer .max-width {
    display: flex;
    align-items: center;
    /* 垂直居中 footer 内的元素 */
    justify-content: space-between;
    /* 三列布局 */
    max-width: 1676px;
    margin: 0 auto;
    height: 100%;
    /* 使居中基于整个 footer 高度 */
    gap: 16px;
}

.footer .footer-center {
    color: #fff;
    flex: 1;
    min-width: 0;
}

.footer .footer-center .links {
    margin-bottom: 6px;
    display: flex;
    align-items: center;
}

.footer .footer-center .links a {
    display: inline-block;
    height: 20px;
    line-height: 16px;
    color: #fff;
    font-size: 12px;
    padding: 0 10px;
    border-left: 1px solid #fff;
    text-decoration: none;
}

.footer .footer-center .links a:first-child {
    border-left: none;
    padding-left: 0;
}

.footer .footer-center a {
    margin: 0;
    font-size: 12px;
    color: #BFBFBF;
    line-height: 24px;
}

@media (max-width: 1100px) {
    .footer .max-width {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .footer .footer-center .links {
        justify-content: center;
        display: none;
    }
}

/* 电脑版隐藏移动端菜单 */
.top_bg {
    display: none;
}