body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td,
iframe {
    margin: 0;
    padding: 0;
}

ul {
    list-style: none;
}

a {
    text-decoration: none;
    outline: none;
}

a:hover {
    text-decoration: underline;
}

a:link,
a:visited {
    text-decoration: none;
    outline: none;
}

img {
    border: none;
}

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

.clearfix {
    zoom: 1;
}

.clear {
    clear: both;
}

.trn {
    transition: .4s;
    -moz-transition: .4s;
    -webkit-transition: .4s;
    -o-transition: .4s;
}

.breadth {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}

html {
    width: 100%;
}

body {
    overflow-x: hidden !important;
    min-width: 1248px;
}

.wrap {
    position: relative;
    width: 100%;
    margin: 0 auto;
    background: url(/images/250620/bg.webp) center top no-repeat;
}

#header {
    position: relative;
    width: 100%;
    margin: 0 auto;
    height: 945px;
}

#header .logo {
    position: absolute;
    left: -200px;
    top: 10px;
}
#header .prize{
	    overflow: hidden;
    width: 480px;
    position: absolute;
    top: 30px;
    left: 80px;
}
#header .prize li{
	float:left;
	margin-right:30px;
}
#header .prize li:nth-child(3){
	display:none;
}
#header .start-time {
    position: absolute;
    left: 70px;
    top: 380px;
    font-size: 26px;
    line-height: 50px;
    color: #fff;
    width: 730px;
	height:60px;
    text-align: center;
	/*background:url('../images/210926/time.png') no-repeat;*/
	z-index:2
}
#header .start-time-bg {
    display:block;
    position: absolute;
    left: 15px;
    top: 165px;
    font-size: 26px;
    line-height: 50px;
    color: #fff;
    width: 1030px;
	height:300px;
    text-align: center;
	background:url('../images/250620/slogan.png') no-repeat;
}

#header .slogan{
	position: absolute;
    left: 70px;
    top: 380px;
    font-size: 26px;
    line-height: 50px;
    color: #fff;
    width: 824px;
	height:175px;
    text-align: center;
	/*background:url('/images/211220/bt.png') no-repeat;*/
}
#header .kf{
display:block;
position: absolute;
    left: 203px;
    top: 344px;
    font-size: 24px;
    line-height: 50px;
    color: #fff;
    width: 477px;
    height: 40px;
    text-align: center;
    z-index: 5;

}
#header .zt{
	position: absolute;
    left: 258px;
    top: 490px;
    font-size: 26px;
    line-height: 50px;
    color: #fff;
    width: 364px;
	height:55px;
    text-align: center;
	background:url('/images/210705/head/an1.png') no-repeat;
}
#header .zt:hover{background:url('/images/210705/head/an2.png') no-repeat;}
#header .go_home {
    position: absolute;
    width: 220px;
    top: 0;
    height: 53px;
    left: 0px;
    right: -1200px;
    margin: auto;
    /*background: rgba(15, 15, 15, 0.3);*/
}

#header .go_home a {
    text-align: center;
    display: block;
    font-size: 18px;
    color: #fff;
	text-indent:-9999px;
	line-height:53px;
	background:url(/images/240917/btn_main.png) no-repeat;
}

#header .top {
    position: relative;
    width: 1200px;
    margin: 0 auto;
}
#header .video{
	background:url(/images/221107/play.png) no-repeat;
	width:120px;
	height:120px;
	position: absolute;
    top: 345px;
    left: -15px;
	z-index:5;
}
.header-btn {
    width: 120%;
    position: absolute;
    top: 435px;
	left:0px;
    height: 255px;
	z-index:10
}

.btn_download {
    float: left;
    width: 340px;
    height: 330px;
    background: url(/images/240917/down.webp) no-repeat;
	margin-top:25px;
	animation: download 2s steps(16) infinite;
	-webkit-animation: download 2s steps(16) infinite;
}
/*
@keyframes download{
	0%{
		background-position:0 0;
	}
	100%{
		background-position:0 -4800px;
	}
}
@-webkit-keyframes download {
	0%{
		background-position:0 0;
	}
	100%{
		background-position:0 -4800px;
	}
}
*/
.header-btn .reg_box {
    float: left;
    width: 435px;
    height: 346px;
    background: url('/images/250620/02.png') no-repeat 20px 30px;
}
.header-btn .btn {
	width:280px;
	height:75px;
    cursor: pointer;
    border: none;
    display: block;
    margin: 225px auto 0 70px;
    text-align: center;
    text-indent: -9999px;
}
.header-btn .btn_reg{
    background: url('/images/240402/head/reg-btn.png') no-repeat;
}
/*.header-btn .btn_reg:hover {
    background-position:0 -51px;
}
*/

.header-btn .reg_gift {
    float: left;
    width: 435px;
    height: 346px;
    background: url('/images/250620/02.png') no-repeat -390px 30px;
}
.header-btn .btn_gift {
	background: url('/images/240402/head/gift-btn.png') no-repeat;
	margin-left:80px;
}
/*.header-btn .btn_gift:hover {
     background-position:-251px -49px;
}*/


#content_05 {
    position: relative;
    width: 100%;
    margin: 0 auto;
    height: 1060px;
}
#content_05 h3 {
    padding-top: 163px;
    text-align: center;
}
#content_05 .breadth{
	width:1250px;
}
#content_05 .newjob{
	position: relative;
    height: 750px;
    margin: 0 auto;
	overflow:hidden;
}

#content_05 .newjob_cons {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

#content_05 .newjob_con {
  position: relative;
  width: 100%;
  height: 100%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  overflow:hidden;
}

#content_05 .newjob-name{
	position: absolute;
    margin-top: 58px;
	cursor:pointer;
}
#content_05 .newjob-name span{
    position: absolute;
    border: 1px solid #e63d2f;
    background-color: #e63d2f;
    border-radius: 15px;
    margin-left: 280px;
    line-height: 18px;
    margin-top: 90px;
    color: #fff;
    display: block;
    padding: 2px 5px;
    font-size: 14px;
}
#content_05 .newjob-btn{
	background:url(../images/220705/newjob/info.png) no-repeat;
	width:138px;
    height: 31px;
    display: block;
    margin: 30px 0 0 72px;
}
#content_05 .newjob-btn:hover{
	background-position-y:-31px;
}

#content_05 .newjob-menu span {
	height: 93px;
    width: 93px;
	display:block;
	position:absolute;
	z-index:5;
	top:50%;
  cursor:pointer;
}

#content_05 .newjob-menu .pb {
  left: 305px;
  animation: goleft 1s linear 0s infinite both;
	background:url(../images/220705/newjob/btn.png) no-repeat 0px 0;
}

#content_05 .newjob-menu .nb {
  right: 235px;
  /* -webkit-transform: rotateZ(180deg);
  transform: rotateZ(180deg); */
  animation: goright 1s linear 0s infinite both;
  background:url(../images/220705/newjob/btn.png) no-repeat -93px 0;
}

#content_05 .newjob-menu .pb:hover,
#content_05 .newjob-menu .pb.active,
#content_05 .newjob-menu .nb:hover,
#content_05 .newjob-menu .nb.active{
	background-position-y:-93px;
}

#content_05 .newjob-item{
	    width: 697px;
    height: 707px;
    margin: 25px 0 0 280px;
}
#content_05 .newjob-item1{
    margin-left: 315px;
}
#content_05 .newjob-show
{
	position: absolute;
    margin-top: -557px;
    margin-left: 1015px;
}


#content_05  .newjob-show .show-dian{
    margin-left: 65px;
    margin-top: 20px;
    position: absolute;
    width: 100px;
    z-index: 5;
}
#content_05  .newjob-show .show-dian a{
	display:block;
	width:10px;
	height:10px;
	border: 1px solid #36ecfc;
	border-radius:5px;
	float: left;
    margin-right: 10px;
} 
#content_05  .newjob-show .show-dian a.active{
	background-color:#36ecfc;
}

/*#content_05 {
    position: relative;
    width: 100%;
    margin: 0 auto;
    height: 1100px;
}
#content_05 .j-box{margin-top:145px;position:relative;width:110%}
.w100{width:100%;}
.pr{position:relative;}
.pa{ position:absolute;}
.col{position:relative; display:inline-block; }
.col-2{ top:53px;}
.col dd{vertical-align:middle; display: list-item;}
.col dd img{vertical-align:middle;border:none;margin:0px;padding:0px;}
.col li p{ line-height:32px; color:#fff;text-indent:-9999px;}
.col-b2{width:429px; height:189px; }
.col-b3{width:300px; height:189px;   }

.j-box .col{ width:348px; height:693px;margin:0 26px;}
.j-box .col:nth-child(1){width:334px;}
.j-box .col:nth-child(2){width:364px;}
.j-title{width:100%; left:0; top:-62px; text-indent:-9999px;line-height:39px; font-size:22px;}
.j-title font{ color:#ff7c7c;}
.pic-wp{ width:223px; float:left; margin:108px 0 0 58px; display:block; height:auto; }
.pic-wp1{ width:258px; float:left; margin:108px 0 0 60px; display:block; height:auto; }
.pic-wp li{ float:left; width:100%; margin-bottom:6px; text-align: center;}
.pic-wp1 li{ float:left; width:100%; margin-top:9px;margin-bottom:0; text-align: center;}
.pic-wp li dd{ height:90px;line-height:90px;}
.txt-wp li dd{ height:91px;line-height:91px; }
.txt-wp{ margin-top:5px; vertical-align:top;float:left;text-align:center;}
.txt-wp li{ vertical-align:top; display:inline-block; width:92px; margin:0 6px;}
.txt-wp1{ margin:10px 0 0 50px;float:left;text-align:center;vertical-align:top;width:280px;}
.txt-wp1 li{ vertical-align:top; display:inline-block; width:92px;margin:0; float:left;}
.txt-wp1 li:nth-child(2){margin-left:-22px;margin-top:27px;width:113px;}
.j-box-2{ margin-top:43px;}
.j-box-2 .col{ margin:0 22px;}
.j-box-2 .col:nth-child(1){margin-left:140px;}
.j-box-2 .j-title,.j-box-3 .j-title{ top:-52px;}
.j-box-2 .txt-wp li{ width:120px;}
.j-box-2 .txt-wp li dd{ background:none; height:84px; line-height:84px;}
.j-box-2 .txt-wp { margin-top:40px;}
.gif-run{
	 -webkit-transform-style: preserve-3d;	
	 transform-style: preserve-3d; 
	 left:50%; 
	 width:200px;
	height:90px;
	top:50%;
	margin-top:-45px;
	margin-left:-100px;
}

.gif-1{
	background-image:url(../images/220308/meiren/g1.png); 
	animation:mlfly 1s steps(6) infinite;
}

.gif-2{
	width:192px;
	height:160px;
	margin-top:-80px;
	margin-left:-96px;
	background-image:url(../images/220308/meiren/g2.png); 
	animation:mlfly2 1s steps(16) infinite;
}

.gif-3{
	width:180px;
	height:130px;
	margin-top:-65px;
	margin-left:-90px;
	background-image:url(../images/220308/meiren/g3.png); 
	animation:mlfly2 1s steps(16) infinite;
}
.gif-31{
	width:260px;
	height:90px;
	margin-top:-45px;
	margin-left:-130px;
	top:50%; left:50%;
	background-image:url(../images/220308/meiren/IE.png); 
}

.gif-4{
	width:90px;
	height:22px;
	margin-top:-11px;
	margin-left:-45px;
	background-image:url(../images/220308/meiren/g4.png); 
	animation:mlfly3 1s steps(8) infinite;
}

.gif-5{
	 background-image:url(../images/220308/meiren/g5.png); 
	 animation:mlfly 1s steps(6) infinite;
}

.gif-6{
	 background-image:url(../images/220308/meiren/g6.png); 
	 animation:mlfly 1s steps(6) infinite;
}

.gif-7{
	width:114px;
	height:24px;
	margin-top:-12px;
	margin-left:-57px;
	background-image:url(../images/220308/meiren/g7.png); 
	animation:mlfly4 1s steps(10) infinite;
}

@keyframes mlfly {
	0%{
		background-position:0 0;
	}
	100%{
		background-position:0 -600%;
	}
}
@-webkit-keyframes mlfly {
	0%{
		background-position:0 0;
	}
	100%{
		background-position:0 -600%;
	}
} 
@keyframes mlfly2 {
	0%{
		background-position:0 0;
	}
	100%{
		background-position:0 -1600%;
	}
}
@-webkit-keyframes mlfly2 {
	0%{
		background-position:0 0;
	}
	100%{
		background-position:0 -1600%;
	}
} 

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

@keyframes mlfly4 {
	0%{
		background-position:0 0;
	}
	100%{
		background-position:0 -1000%;
	}
}
@-webkit-keyframes mlfly4 {
	0%{
		background-position:0 0;
	}
	100%{
		background-position:0 -1000%;
	}
} */
#content_01 {
    position: relative;
    width: 100%;
    margin: 0 auto;
    height: 887px;
}

#content_01 h3 {
    padding-top: 95px;
    text-align: center;
}

#content_02 {
    position: relative;
    width: 100%;
    margin: 0 auto;
    height: 903px;
}

#content_02 h3 {
    padding-top: 75px;
    text-align: center;
}
#content_02 .job{
	position: relative;
    height: 750px;
	width:1400px;
    margin: 0 auto;
	overflow:hidden;
}
.j_tabs {
  position: absolute;
    height: 600px;
    top: 70px;
    left: 15px;
  /*-ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;*/
  z-index: 10;
  overflow:hidden;
  
}

.j_tabs .swiper-pagination-bullet{
    width: 147px;
    height: 42px;
    line-height: 38px;
	text-indent: 70px;
    cursor: pointer;
	color:#de8b5e;
	display:block;
	position:relative;
	margin-bottom:15px;
}

.j_tabs .swiper-pagination-bullet.swiper-pagination-bullet-active{background:url(/images/221024/job/btn.png) no-repeat;}

.j_tabs .swiper-pagination-bullet:nth-child(1)::before {content:"";position:absolute;background: url("/images/241210/A/job-nav.png") no-repeat;width:40px;height:40px;left:15px;}
/*.j_tabs .swiper-pagination-bullet:nth-child(1)::after{content:"";position:absolute;border: 1px solid #e63d2f;background-color: #e63d2f;border-radius: 15px;width: 10px;height: 10px;margin-left: 20px;line-height: 18px;margin-top: 0px;color: #fff;}*/
.j_tabs .swiper-pagination-bullet:nth-child(2)::before {content:"";position:absolute;background: url("/images/241210/A/job-nav.png") no-repeat 0 -56px;width:40px;height:40px;left:15px;}
.j_tabs .swiper-pagination-bullet:nth-child(3)::before {content:"";position:absolute;background: url("/images/241210/A/job-nav.png") no-repeat 0 -118px;width:40px;height:40px;left:15px;}
.j_tabs .swiper-pagination-bullet:nth-child(4)::before {content:"";position:absolute;background: url("/images/241210/A/job-nav.png") no-repeat 0 -178px;width:40px;height:40px;left:15px;}
.j_tabs .swiper-pagination-bullet:nth-child(5)::before {content:"";position:absolute;background: url("/images/241210/A/job-nav.png") no-repeat 0 -235px;width:40px;height:40px;left:15px;}
.j_tabs .swiper-pagination-bullet:nth-child(6)::before {content:"";position:absolute;background: url("/images/241210/A/job-nav.png") no-repeat 0 -292px;width:40px;height:40px;left:15px;}
.j_tabs .swiper-pagination-bullet:nth-child(7)::before {content:"";position:absolute;background: url("/images/241210/A/job-nav.png") no-repeat 0 -350px;width:40px;height:40px;left:15px;}
.j_tabs .swiper-pagination-bullet:nth-child(8)::before {content:"";position:absolute;background: url("/images/241210/A/job-nav.png") no-repeat 0 -407px;width:40px;height:40px;left:15px;}
.j_tabs .swiper-pagination-bullet:nth-child(9)::before {content:"";position:absolute;background: url("/images/241210/A/job-nav.png") no-repeat 0 -464px;width:40px;height:40px;left:15px;}
.j_tabs .swiper-pagination-bullet:nth-child(10)::before {content:"";position:absolute;background: url("/images/241210/A/job-nav.png") no-repeat 0 -520px;width:40px;height:40px;left:15px;}


.j_cons {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.j_con {
  position: relative;
  width: 100%;
  height: 100%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  overflow:hidden;
  opacity:0;
}

.j_con > * {
	opacity: 0;
	transform: translateY(25px);
	transition: all .4s;
}
.j_con.swiper-slide-active > * {
    opacity: 1;
    transform: none;
}
.j_con a {
  position: absolute;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.j_info{
    float: left;
    width: 440px;
    margin-top: 128px;
    margin-left: 265px;
}
.j_info h5{
	font-weight:100;
	font-size:56px;
	color:#392f2d;
}
.j_info span {
    position: absolute;
    border: 1px solid #e63d2f;
    background-color: #e63d2f;
    border-radius: 15px;
    margin-left: 170px;
    line-height: 18px;
    margin-top: -20px;
    color: #fff;
    display: block;
    padding: 2px 5px;
    font-size: 14px;
}
.j_info p{
	font-size:14px;
	line-height:26px;
	color:#392f2d;
	padding:20px 0;
}
.j_info img{
	margin-left: 240px;
    margin-top: 80px;
}
.j_pic{
	float:left;
	margin-left: -5px;
}
.j_show{
    position: absolute;
    width: 255px;
    margin-top: 344px;
    margin-left: 222px;
}
.j_show h5{
	width:268px;
	height:32px;
	/*background:url(/images/job/jnzs.png) no-repeat;*/
}
.j_show .gif_bg{
	/*background:url("/images/job/gif_bg.png") no-repeat;*/
	width:282px;
	height:171px;
	margin-top: 18px;
    margin-left: -19px;
}
.j_show .gif_bg img{
	margin: 6px 7px;
}

.ctrBtns span {
    position: absolute;
    display: block;
    width:  204px;
    height: 145px;
    top: 46%;
  z-index: 10;
  cursor:pointer;
}

.ctrBtns .pb {
	display:none;
  left: -200px;
  animation: goleft 1s linear 0s infinite both;
   background: url("/images/job/left.png") no-repeat;
}

.ctrBtns .nb {
	display:none;
  right: -200px;
  /* -webkit-transform: rotateZ(180deg);
  transform: rotateZ(180deg); */
  animation: goright 1s linear 0s infinite both;
  background: url("/images/job/right.png") no-repeat;
}

#content_03 {
    position: relative;
    width: 100%;
    margin: 0 auto;
    height: 856px;
}

#content_03 h3 {
    padding-top: 115px;
    text-align: center;
}

#fuli {
	margin: 19px auto 0 0px;
    height: 550px;
    width: 110%;
}

ul,
li {
    list-style: none;
    margin: 0;
    padding: 0;
}
#fuli .xian{
	display:none;
	background:url(../images/220828/fuli/line.png) no-repeat;
	position:absolute;
	width:1228px;
	height:65px;
	left: 0px;
    top: 146px;
}

#fuli ul{
	height:400px;
}
#fuli li{
	float:left;
	width:274px;
	height:426px;
	margin-right:0px;
}

#fuli li p{
	    width: 150px;
    margin: -73px 18px;
    color: #d4e4ed;
    font-size: 12px;
    text-align: center;
    font-weight: bold;
}
#fuli li:nth-child(1){
	margin-left:-30px;
	margin-right:53px;
}
#fuli li:nth-child(2){
	margin-right:53px;
}
#fuli li:nth-child(3){
	margin-right:53px;
}
/*#fuli li:nth-child(2)::after{
	content:"";
	background:url(/images/221009/fuli/02-icon.webp) no-repeat;
	position:absolute;
	width:250px;
	height:250px;
	display:block;
	top:60px;
}
#fuli li:nth-child(3)::after{
	content:"";
	background:url(/images/221009/fuli/03-icon.webp) no-repeat;
	position:absolute;
	width:250px;
	height:250px;
	display:block;
	top:60px;
}*/
#fuli li,
#fuli101 li {
      -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: all 400ms ease-out;
    -o-transition: all 400ms ease-out;
    transition: all 400ms ease-out;
}
#fuli li:hover,
#fuli101 li:hover{
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
    -webkit-transition: all 400ms ease-out;
    -o-transition: all 400ms ease-out;
    transition: all 400ms ease-out;
}
/*#fuli li:nth-child(2)::after{
	content:"";
	background:url(/images/221009/fuli/02-icon.webp) no-repeat;
	position:absolute;
	width:250px;
	height:250px;
	display:block;
	top:60px;
}
#fuli li:nth-child(3)::after{
	content:"";
	background:url(/images/221009/fuli/03-icon.webp) no-repeat;
	position:absolute;
	width:250px;
	height:250px;
	display:block;
	top:60px;
}*/
#fuli li,
#fuli101 li {
      -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: all 400ms ease-out;
    -o-transition: all 400ms ease-out;
    transition: all 400ms ease-out;
}
#fuli li:hover,
#fuli101 li:hover{
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
    -webkit-transition: all 400ms ease-out;
    -o-transition: all 400ms ease-out;
    transition: all 400ms ease-out;
}
/*
.flip-container {
    perspective: 1000px;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    -ms-perspective: 1000px;
    -o-perspective: 1000px;
    perspective: 1000px;
    margin: 0px auto;
    float: left;
    margin-left: 20px;
    margin-bottom: 20px;
}

.flip-container:hover .back {
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    z-index: 2;
}

.flip-container:hover .front {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    z-index: 1
}

.flip-container,
.front,
.back {
    width: 300px;
    height: 354px;
    margin-top: 20px;
}

.flipper {
    transition: transform 0.6s ease-out;
    transition: transform .5s ease-in-out;
    -webkit-transition: transform .5s ease-in-out;
    -moz-transition: transform .5s ease-in-out;
    -ms-transition: transform .5s ease-in-out;
    -o-transition: transform .5s ease-in-out;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    display: block;
    position: relative;
}

.front,
.back {
    backface-visibility: hidden;
    transition: 0.6s ease-out;
    -webkit-transition: .6s ease-out;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: absolute;
    top: 0;
    left: 0;
}

.front img,
.back img {
    width: 300px;
    height: 354px;
    overflow: hidden;
}

.front {
    z-index: 2;
    transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
}

.back {
    z-index: 1;
    transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
}

*/

/*新版卖点*/

.Cooldog_container {
    height: 710px;
    position: relative;

}

.Cooldog_container .Cooldog_content {
    position: absolute;
    width: 897px;
    height: 523px;
    top: 135px;
	left: 160px;

}

.Cooldog_container .Cooldog_content li {
    position: absolute;
    top: 16px;
    left: 16px;
    width: 897px;
    height: 523px;
    transition: all 0.3s ease;
}

.Cooldog_container .Cooldog_content li img {
    width: 100%;
    height: 100%;
    vertical-align: middle;
    display: inline-block;
}
.Cooldog_container .Cooldog_content li a {
	cursor: unset;
}

.Cooldog_container .Cooldog_content li .ts-info{
	display:none;
	width:700px;
	height:53px;
	position:absolute;
	color: #924639;
	font-size:20px;
	font-family:yahei;
	text-align:center;
	line-height:53px;
	/*background:url("/act/ad01/images/210903/ts/ts-info.png") no-repeat;*/
    bottom: 82px;
    left: 15px;
}
.Cooldog_container .btn_left,
.Cooldog_container .btn_right {
    width: 176px;
    height: 100px;
    position: absolute;
    top: 365px;
    z-index: 50;
    color: #fff;
    line-height: 179px;
}

.Cooldog_container .btn_left {
    text-align: left;
    left: -5px;
    background: url(/images/241210/A/ts/ts-l.png) no-repeat;
}

.Cooldog_container .btn_right {
    text-align: right;
    right: -50px;
    background: url(/images/241210/A/ts/ts-r.png) no-repeat;
}

.Cooldog_container .buttons {
    height: 80px;
	width:599px;
    line-height: 5px;
    margin: 730px auto 0 306px;
    z-index: 80;
	position:absolute;
	/*background:url(/images/ts/1.png) no-repeat;*/
}

.Cooldog_container .buttons a {
    float: left;
    width: 21px;
    height: 21px;
    font-size: 26px;
    line-height: 65px;
    background: url(/images/241210/A/ts/icon.png) no-repeat;
    text-align: center;
    margin-right: 40px;
	margin-top:-5px;
	border-radius:25px;
}

.Cooldog_container .buttons a.on {
    background:url(/images/241210/A/ts/icon-h.png) no-repeat;
    color: #fff;
}
.Cooldog_container .buttons a:nth-child(1){
	margin-left:165px;
}

.Cooldog_container .buttons-left {
    height: 560px;
	width:150px;
    line-height: 5px;
    top:180px;
	left:-20px;
    z-index: 80;
	position:absolute;
}

.Cooldog_container .buttons-left a {
    width: 140px;
    height: 50px;
    font-size: 22px;
    line-height: 50px;
    background: url(/images/220308/ts/an1.png) no-repeat;
    text-align: center;
    margin-bottom: 50px;
	color:#fff;
	display:block;
}
.Cooldog_container .buttons-left a.on {
    background:url(/images/220308/ts/an2.png) no-repeat;
    color: #9b6234;
}
.Cooldog_container .buttons-top {
    height: 40px;
	width:1200px;
    line-height: 5px;
    top:60px;
	left:137px;
    z-index: 80;
	position:absolute;
}

.Cooldog_container .buttons-top a {
	float:left;
    width: 160px;
    height: 50px;
    font-size: 22px;
    line-height: 50px;
    background: url(/images/241210/A/ts/an-n.png) no-repeat;
    text-align: center;
    margin-left: 23px;
	color:#39302d;
	font-weight:bold;
	display:block;
}
.Cooldog_container .buttons-top a.on {
    background:url(/images/241210/A/ts/an-h.png) no-repeat;
    color: #dc8c5d;
}
/*.Cooldog_container .buttons-top a:nth-child(1)::after{
	content:"";
	width:10px;
	height:10px;
	background:#c31a18;
	border-radius:5px;
	display:block;
	position:absolute;
	margin-top: -35px;
    margin-left: 87px;
}*/
/*
.Cooldog_container .buttons .new{
	font-size: 12px;
    border: 1px solid #e63d2f;
    background-color: #e63d2f;
    border-radius: 25px 25px;
    width: 45px;
    position: absolute;
    height: 18px;
    margin-left: 40px;
    line-height: 18px;
    margin-top: -5px;
	color:#fff;
}
*/


/*.buttons a.ts1.on{background:url(/images/0514/ts-btn.png) no-repeat;background-position:0px -100px;}
.buttons a.ts2.on{background:url(/images/0514/ts-btn.png) no-repeat;background-position:-220px -100px;}
.buttons a.ts3.on{background:url(/images/0514/ts-btn.png) no-repeat;background-position:-440px -100px;}
.buttons a.ts4.on{background:url(/images/0514/ts-btn.png) no-repeat;background-position:-660px -100px;}
.buttons a.ts5.on{background:url(/images/0514/ts-btn.png) no-repeat;background-position:-880px -100px;}
*/

.p1 {
    transform: translate3d(-325px, 0, 0) scale(0.81);
    transform-origin: 0 50%;
    opacity: 0;
    z-index: 2;
}

.p2 {
    transform: translate3d(-150px, 0, 0) scale(0.9);
    transform-origin: 0 50%;
    opacity: 0.7;
    z-index: 3;
}

.p3 {
    transform: translate3d(0px, 0, 0) scale(1);
    opacity: 1;
    z-index: 4;
}

.p4 {
    transform: translate3d(235px, 0, 0) scale(0.9);
    transform-origin: 0 50%;
    opacity: 0.7;
    z-index: 3;
}

.p5 {
    transform: translate3d(425px, 0, 0) scale(0.81);
    transform-origin: 0 50%;
    opacity: 0;
    z-index: 2;
}
.p6 {
    /*	transform: translate3d(425px, 0, 0) scale(0.81);*/
    transform-origin: 0 50%;
    opacity: 0;
    z-index: 2;
}


#content_04 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    margin: 0 auto;
    height: 655px;
}

#content_04 h3{font-size: 32px;line-height: 23px;color: #d2ae64;    text-indent: -9999px;}
#content_04 h3 img{padding-right: 15px;display: block;float: left;}
#content_04 h3 span{display: block;font-size: 14px;color: #dddac9;margin: -15px 0 0 165px;}
#content_04 .cont-l { float: left; width: 530px; height: 420px; }
#content_04 .cont-l .btn-t { margin-top: 40px; width: 530px; height:43px; border-bottom: 1px solid #000; }
#content_04 .cont-l .btn-t span { float: left; cursor: pointer; padding: 0 25px; font-size: 22px; line-height: 40px;  color:#000; }
#content_04 .cont-l .btn-t span.active { border-bottom: 4px solid #dc8c5d;color:#dc8c5d; }
#content_04 .cont-l .more	{color: #000;line-height: 45px;position: absolute;margin: -40px 0 0 450px;font-size:16px;}
#content_04 .cont-l .txt-box { width: 530px;  }
#content_04 .cont-l .txt-box li { display: none; }
#content_04 .cont-l .txt-box li.active { display: block; }
#content_04 .cont-l .txt-box h3 { font-size: 26px; margin-bottom: 12px; line-height: 86px; text-align: center; color: #fff; }
#content_04 .cont-l .txt-box p { font-size: 18px; line-height: 40px; color: #505050; }
#content_04 .cont-l .txt-box p a {overflow: hidden;  width: 460px;  display: block; float: left; color: #505050; text-overflow:ellipsis; white-space: nowrap;}
#content_04 .cont-l .txt-box p:hover,
#content_04 .cont-l .txt-box p a:hover{color:#dc8c5d} 
#content_04 .cont-l .txt-box p span { float: right; }
#content_04 .cont-l .news-tag-title { display: block; height: 75px; line-height: 75px; text-align: center; font-size: 24px; font-weight: 700; color: #dc8c5d;width:550px; overflow:hidden;}

#content_04 .cont-r { float: right; width: 596px;  }
#content_04 .cont-r .test_r {  float: left; margin-top: 55px; width: 596px; height: 342px; box-sizing: border-box; }
#content_04 .cont-r .shequn {  float: left; margin-top: 55px; width: 720px; height: 342px; /*background:url(../images/220505/wxk.png) no-repeat;*/ }
#content_04 .cont-r .wxqunimg{width: 255px;height: 220px;position: absolute;top: 143px;left: 611px;}
#content_04 .cont-r .wxqunimg img{width:100%;}
.vui-slider {
	position:relative;
	overflow:hidden;
	z-index: 1;
}
.vui-slider .vui-items {
	overflow:hidden;
	width:100%;
	height:100%;
}
.vui-slider .vui-item {
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.vui-slider .vui-item a,
.vui-slider .vui-item img {
	display:block;
	padding:0;
	margin:0;
	border:none;
}
.vui-slider .vui-buttons {
	position:absolute;
	z-index:5;
	width: 98px;
	height: 324px;
	top:9px;
	left:55px !important;
	display:inline;
	/*filter:alpha(Opacity=80);
	-moz-opacity:0.8;
	opacity: 0.8;*/
	padding: 70px 0px;
	box-sizing: border-box;
	background: url("/images/pic/1.png") no-repeat;
}
.vui-slider .vui-button {
	position: relative;
	text-indent: 22px;
	line-height: 22px;
	overflow:hidden;
	font-size: 16px;
	font-weight: bold;
	height:22px;
	width:100%;
	margin-bottom:22px;
	cursor:pointer;
	color: #fff;
}
.vui-slider .vui-button .icon { position: absolute; top: 0px; bottom: 0px; left: 8px; margin: auto; width: 2px; height: 2px; border: 2px solid rgba(255, 255, 255, .8);
	transform:rotate(45deg);
	-ms-transform:rotate(45deg); 	/* IE 9 */
	-moz-transform:rotate(45deg); 	/* Firefox */
	-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
	-o-transform:rotate(45deg); 	/* Opera */
}
.vui-slider .vui-button-cur .icon { background: #f9e76e; border: 2px solid #f9e76e;  }
.vui-slider .vui-button-cur {
	color: #f9e76e;
}
.vui-slider .vui-transfer {
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:3;
}
.vui-slider .vui-prev {
    display: none;
	position:absolute;
	top:50%;
	left:0;
	z-index:5;
	width:60px;
	height:150px;
	margin-top:-75px;
	border-radius:0 10px 10px 0;
	/* background:url(prev.gif) no-repeat; */
	cursor:pointer;
	filter:alpha(opacity=30);
	-moz-opacity:0.3;
	-khtml-opacity:0.3;
	opacity:0.3;
	transition:0.5s ease;
	-o-transition:0.5s ease;
	-webkit-transition:0.5s ease;
}
.vui-slider .vui-next {
    display: none;
	position:absolute;
	top:50%;
	right:0;
	z-index:5;
	width:60px;
	height:150px;
	margin-top:-75px;
	border-radius:10px 0 0 10px;
	/* background:url(next.gif) no-repeat; */
	cursor:pointer;
	filter:alpha(opacity=30);
	-moz-opacity:0.3;
	-khtml-opacity:0.3;
	opacity:0.3;
	transition:0.5s ease;
	-o-transition:0.5s ease;
	-webkit-transition:0.5s ease;
}
.vui-slider .vui-sidebutton-hover {
	filter:alpha(opacity=40);
	-moz-opacity:0.4;
	-khtml-opacity:0.4;
	opacity:0.4;
	background-color:#000;
}


#content_04 .btn-box {
    margin: 60px auto;
    text-align: center;
	width:1200px;
}

#content_04 .btn-box a {
    display: block;
    width: 435px;
    height: 89px;
	float:left;
}


.btn_down {
	margin-left:40px;
    background: url(/images/250620/foot-down.png) no-repeat;
	/*animation: footdown 1s steps(8) infinite;
	-webkit-animation: footdown 1s steps(8) infinite;*/
}

@keyframes footdown{
	0%{
		background-position:0 0;
	}
	100%{
		background-position:0 -904px;
	}
}
@-webkit-keyframes footdown {
	0%{
		background-position:0 0;
	}
	100%{
		background-position:0 -904px;
	}
}

.btn_qq {
	margin-left:200px;
    background: url(/images/250620/foot-reg.png) no-repeat;
}

/*.btn_qq:hover {
    background: url(/images/220308/foot-reg-h.png) no-repeat;
}
*/


/*注册*/

.pop4 {
    background: url(/images/reg-tc.png) no-repeat;
    width: 535px;
    height: 461px;
    display: none;
}

.pop4 .closeBtn {
    width: 45px;
    height: 45px;
    right: -50px;
    top: 0px;
    cursor: pointer;
    overflow: hidden;
    position: absolute;
    background: url('/images/close.png') no-repeat;
}

.pop4reg {
    float: right;
    width: 270px;
    height: 258px;
    position: absolute;
    z-index: 100;
    top: 90px;
    right: 117px;
    border: 0 solid #000;
}

.pop5 {
    background: url(/images/reg-tc.png) no-repeat;
    width: 535px;
    height: 461px;
    display: none;
}

.pop5 .closeBtn {
    width: 45px;
    height: 45px;
    right: -50px;
    top: 0px;
    cursor: pointer;
    overflow: hidden;
    position: absolute;
    background: url('/images/close.png') no-repeat;
}

.pop5reg {
    float: right;
    width: 270px;
    height: 258px;
    position: absolute;
    z-index: 100;
    top: 90px;
    right: 117px;
    border: 0 solid #000;
}


/*红包*/

.pop6 {
    width: 483px;
    height: 595px;
    background: /*url(/images/hb_f.png) no-repeat center*/;
    display: none;
}

.pop6close {
    width: 42px;
    height: 42px;
    top: -3px;
    right: 0px;
    cursor: pointer;
    overflow: hidden;
    position: absolute;
    background: url(//ft2.ixinyou.com/images/index/close_redbag.png) no-repeat center;
}

.pop6 .opentreasure {
    width: 135px;
    height: 135px;
    position: absolute;
    bottom: 92px;
    left: 175px;
    cursor: pointer;
}

.pop6 .pop6text {
    font-size: 28px;
    color: #e1ef31;
    margin: 270px auto;
    position: absolute;
    width: 483px;
}

.pop7 {
    width: 483px;
    height: 595px;
    background: /*url(/images/hb_z.png) no-repeat center*/;
    display: none;
}

.pop7close {
    width: 42px;
    height: 42px;
    top: -3px;
    right: 0px;
    cursor: pointer;
    overflow: hidden;
    position: absolute;
    background: url(//ft2.ixinyou.com/images/index/close_redbag.png) no-repeat center;
}

.pop7reg {
    border: 0 solid #000;
    float: left;
    height: 240px;
    left: 120px;
    position: absolute;
    top: 222px;
    width: 290px;
    z-index: 100;
}

.kf-text {
    position: absolute;
    color: #fff;
    font-size: 27px;
    left: 63px;
    top: 520px;
    font-weight: 500;
}

.pop8 {
    background: url(/act/ad01/images/211203/tc.png) no-repeat;
    width: 1223px;
    height: 649px;
    display: none;
}
.pop8 .closeBtn {
    width: 44px;
    height: 44px;
    right: 140px;
    top: 30px;
    cursor: pointer;
    overflow: hidden;
    position: absolute;
    background: url(/images/210903/tc-close.png) no-repeat;
}
.pop9 .closeBtn {
    width: 60px;
    height: 60px;
    right: -20px;
    top: 15px;
    cursor: pointer;
    overflow: hidden;
    position: absolute;
    background: url('/images/tc/tc_close.png') no-repeat;
}
.pop8 .tc-btn{
	background: url(/images/210903/tc-btn.png) no-repeat;
	width:390px;
	height:96px;
	display: block;
	position:absolute;
	top: 510px;
    left: 345px;
}
.pop8 .tc-btn:hover {
    background: url(/images/210903/tc-btn-h.png) no-repeat;
}
.pop9 {
    background: url(/images/220617/tc_bg3.png) no-repeat;
    width: 1103px;
    height: 493px;
    display: none;
}

.pop9reg {
    border: 0 solid #000;
    float: left;
    height: 240px;
    left: 620px;
    position: absolute;
    top: 165px;
    width: 290px;
    z-index: 100;
}

.pop-cj {
    background:url(/images/tc/cjtc_bg_220506.png) no-repeat center top;
    width: 1257px;
    height: 623px;
    display: none;
}
.pop-cj .popcj{
	width: 1020px;
    height: 630px;
    position: relative;
	top: -8px;
	left: 82px;
}
.pop-cj .closeBtn {
    height: 50px;
    width: 50px;
    border-radius: 15px;
    cursor: pointer;
    position: absolute;
    font-size: 50px;
    text-align: center;
    line-height: 42px;
    overflow: hidden;
    position: absolute;
    top: 41px;
    right: 50px;
    color: #ccc;
	background: url(/images/tc/cjtc_close.png) center center no-repeat;
}

 .fuchuang{width:260px;display:block;position:fixed;bottom:20%; float:left;left:10px;cursor:pointer;z-index:100}
 .fuchuang .fc-btn{width:184px;height:57px;display: block;position:absolute;top:233px;left:62px;/*background: url(/images/tc/fc_210706_btn_n.png) no-repeat center;*/}
 /*.fuchuang .fc-btn:hover {background: url(/images/tc/fc_210706_btn_h.png) no-repeat center;}*/
 .fuchuang .close{width: 44px;height: 70px;top: 305px;right: 186px;cursor: pointer;overflow: hidden;position: absolute;background: url(/images/210903/fc-close.png) no-repeat center;}


/*微信礼包*/

 .showcode {background:#fff;width:300px;height:300px;display:none;/*position:fixed;display:none;top: 50%;left: 50%;margin: -200px 0 0 -168px;z-index:10000*/}
 .showcode img{margin-left:35px;margin-top:15px;}
 .showcode .codeinfo {text-align:center;line-height:16px;font-size:14px;}
 .showcode .close a{color:#000;position:absolute;margin-left:285px;margin-top:0px;}
 .showcode .ewmlogo{background: url(/images/logo.png) no-repeat;position: absolute;width: 173px;height: 65px;margin-top: -137px;margin-left: 88px;background-size: 80%;}
/* 注册弹窗 */

.pop-reg {position: relative;width: 1425px;height: 635px;overflow: hidden;display: none;background: url('/images/220617/fuli-tc/bg.png') no-repeat top right;}
.pop-reg-close {position: absolute;top: 60px;right: 20px;width: 65px;height: 65px;cursor: pointer;background: url('/images/220617/fuli-tc/close.png') no-repeat;}
.pop-reg-swiper {margin: 110px 0 0 495px;width: 510px; height: 400px;}
.pop-rs-nav { width: 100%; height: 100px; overflow: hidden;margin-left:15px;}
.pop-rs-nav span {margin-bottom: 10px;margin-left:10px;float: left;width: 150px;height: 43px;line-height: 43px;font-size: 16px;text-align: center;color: #7496cf;cursor: pointer;border-radius: 5px;background: url('/images/220617/fuli-tc/an-n.png') no-repeat}
.pop-rs-nav span.active {    font-weight: 700; color: #fff;background: url('/images/220617/fuli-tc/an-h.png') no-repeat}
.pop-rs-wrap { position: relative; margin: 10px auto 0; height: 300px;}
.pop-rs-item { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none; text-align: center;}
.pop-rs-item.active { display: block;}
.pop-rs-item h2 {  position: relative;font-size: 26px;text-align: center;color: #7496cf;}
/*.pop-rs-item h2::before,.pop-rs-item h2::after {position: absolute;top: 16px;display: inline-block;content: "";width: 100px;height: 1px;background-color: #6B71A5;}
.pop-rs-item h2::before {left: 0;}*/
.pop-rs-item p{padding-top: 10px;font-size: 18px;line-height: 180%;color: #7496cf;}
.pop-rs-item .ewmlogo{background: url(/images/logo.png) no-repeat;position: absolute;width: 173px;height: 65px;margin-top: -150px;margin-left: 185px;background-size: 80%;}
.pop-reg-iframe {position: absolute;top: 132px;right:60px;width: 300px;}
.pop-reg-down {position: absolute;top: 480px;right: 80px;width: 272px;}
.pop-aside-down { display: block; margin: 20px auto 25px; width: 272px;height: 50px;text-indent:-9999px;line-height: 50px;font-size: 21px;text-align: center; color: #fff;font-weight: 700;animation: pop-down 1s infinite;-webkit-animation: pop-down 1s infinite;}
@keyframes pop-down{
	0%{
		background:url(/images/220617/fuli-tc/down1.png) no-repeat;
	}
	50%{
		background:url(/images/220617/fuli-tc/down2.png) no-repeat;
	}
	100%{
		background:url(/images/220617/fuli-tc/down1.png) no-repeat;
	}
}
@-webkit-keyframes pop-down {
	0%{
		background:url(/images/220617/fuli-tc/down1.png) no-repeat;
	}
	50%{
		background:url(/images/220617/fuli-tc/down2.png) no-repeat;
	}
	100%{
		background:url(/images/220617/fuli-tc/down1.png) no-repeat;
	}
}
.pop-rs-jump{position: absolute;    width: 65px;    height: 20px;    color: #e01818;    font-size: 14px;    line-height: 20px;    text-align: center;    margin:199px -120px; border: 1px solid;}





.pop{position:relative;font-family:'Microsoft Yahei';background:#fff;}
.pop .closevideo{position:absolute;right:0;top:0;height:40px;width:40px;text-align: center;line-height:40px;color:#fff;font-size:30px;z-index:10}
.videobox{width:640px;height:360px;background:#000;}
.hide{display:none;}