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;}
.wrap{position: relative;width:100%;min-width: 1200px;max-width:1920px; margin: 0 auto; background: url(../images/260824/bg.webp) center top no-repeat; }
#header { position: relative; width: 100%; margin: 0 auto; height: 1030px;}
#header .logo {position: absolute;left: 884px;top: 35px;width: 160px;height: 135px;}
#header .logo img{width:100%;}
#header h3 {position: absolute;left: -60px;top: 460px;font-size: 26px;line-height: 50px;color: #fbe489; width: 780px;height:51px;text-align: center;}
#header .go_home{    position: absolute; width: 132px;top: 0;height: 30px; left: 0px; right: -500px; margin: auto; background: rgba(15, 15, 15, 0.3);}
#header .go_home a{text-align: center;display: block;font-size: 18px;color: #fff;}
.navbar {display:block;background:rgba(15, 15, 15, 0.6);position:absolute;top:0px;right:0px;padding: 0 20px;text-align:center;line-height:36px;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4d0f0f0f,endColorstr=#4d0f0f0f);color:#fff;font-size:14px;z-index: 10;}
.navbar a {color: #fff; text-decoration: none}
.navbar a:visited {color: #fff; text-decoration: none}
.navbar a:hover {color: #fff; text-decoration: underline}
.navbar a:active {color: #fff; text-decoration: underline}

#header .top {position: relative;width: 1200px;margin: 0 auto;}
.slogan{background:url(../images/260824/slogan.png) no-repeat; width:796px;height:310px;position:absolute;top:135px;left:574px;}
.header-btn { width: 845px; position: absolute;  top: 490px; left:228px; height: 474px; background:url(../images/260824/top-btn-bg.webp) no-repeat;}
.btn_download {float: left; width: 322px; height: 322px;   background: url(../images/260824/top-down.webp) no-repeat -686px 0;margin-top:70px;}

.header-btn .reg_box{float:left;width: 256px;height: 435px;background:url(../images/260824/top-reg-bg.png) no-repeat 15px 75px;}
.header-btn .reg_gift{float:left;width: 256px;height: 435px;}
.header-btn .btn{width: 220px;height: 55px;cursor: pointer;border: none;display: block;margin: 355px auto 0;text-indent:-9999px;}
.header-btn .btn_get{background:url("../images/260824/top-reg.webp") no-repeat;margin-left:40px;}
.header-btn .btn_get:hover{background-position: 0px -64px;}
.header-btn .btn_gift{background:url("../images/260824/top-gift.webp") no-repeat;}
.header-btn .btn_gift:hover{background-position: 0px -64px;}

/* .header-box .title { position: absolute; top: 918px; left: 625px; } */
.header-box .title { position: absolute; top: 860px; left: 0; right: 0; margin: auto; }
#header .video{
		display:none;
	background: url('/images/video/v-btn.png') no-repeat; 
	width: 88px;
    height: 88px;
    margin-top: 442px;
    margin-left: 838px;
    cursor: pointer;
    position: absolute;
	z-index:5;
}
#header .video:hover{background-position-y:-83px;}
/* #slideshow { position: absolute; left: 336px; top: 1048px; height: 685px; width: 1248px; background: #452f5a; } */
#slideshow { position: absolute;  bottom:128px; left: 0; right: 0; margin: auto; height: 685px; width: 1248px; background: #452f5a; }
#slideshow .btn-box-t { height: 87px;  }
#slideshow .btn-box-t div { cursor: pointer; float: left; width:20%; font-size: 30px; text-align: center; line-height: 87px; color: #bb9c6e;}
#slideshow .btn-box-t div.active { color: #fff; background: url(../images/0409/c9_show-bg_02_06.jpg) no-repeat; }
#slideshow .img-box { position: relative; z-index: 100; height: 597px; }
#slideshow .img-box img { position: absolute; top: 0; left: 0;  opacity: 0; transition: .2s; -moz-transition: .4s; -webkit-transition: .4s; -o-transition: .4s; }
#slideshow .img-box img.active { opacity: 1; }

#content_01 { position: relative; width: 100%;  margin: 0 auto; height: 356px; }
#content_01 h3 {padding-top: 58px;text-align: center; }

#content_02 { position: relative; width: 100%;  margin: 0 auto; height: 1100px; }
#content_02 h3 {padding-top: 13px;height:100px;text-align: center; }
.btn-pro {position:relative;z-index:100;padding-top: 37px;padding-left: 68px;width: 1200px;/* margin: 0 auto; */}
.btn-pro li { z-index:10; float: left; position: relative; text-align: center; width: 230px; font-size: 26px; height: 70px;margin-right:60px; }
.btn-pro li:nth-child(1){background:url("../images/260824/job-btn-zbs.webp") no-repeat;}
.btn-pro li:nth-child(2){background:url("../images/260824/job-btn-js.webp") no-repeat;}
.btn-pro li:nth-child(3){background:url("../images/260824/job-btn-cjs.webp") no-repeat;}
.btn-pro li:nth-child(4){background:url("../images/260824/job-btn-hqs.webp") no-repeat;}
.btn-pro li.active:nth-child(1){background-position:0 -70px;}
.btn-pro li.active:nth-child(2){background-position:0 -73px;}
.btn-pro li.active:nth-child(3){background-position:0 -73px;}
.btn-pro li.active:nth-child(4){background-position:0 -73px;}
.btn-pro li a {display: block; text-decoration: none; color: #fff;text-indent:-9999px;height:100% }
.btn-pro li.active a { color: #ec933c; font-weight: bold; }
.content-box { height: 870px;}
.content-box .box-img { position: absolute; left: -100%; opacity: 0; bottom: 50px;  height: 930px; }
.box-cont { position: absolute; right: -100%; opacity: 0; width: 514px; height:745px;  }
.box-cont h4 { position: absolute; left: 102px; top: 97px; }
.box-cont .text {  position: absolute; width: 100%; top: 287px; }
.box-cont .text h5 { text-align: center; font-size: 26px; font-weight: bold; line-height: 43px; color: #fff; }
.box-cont .text p { padding: 5px 0 31px; font-size: 16px; line-height: 24px; color: #f0e2a0; text-indent: 2em; }
.content-box .box-gif{position: absolute;top: 620px;left: -100%;overflow: hidden;opacity: 0;}
#cont-box li.active .box-gif,#cont-box li.active .strong {opacity:1;}
#cont-box li.active .box-img {left: -110px; opacity: 1; }
#cont-box li.active .box-gif{left:35px;}
#cont-box li.active .box-cont {right: 12px; opacity: 1; }





#content_04{ position: relative; width: 100%;  margin: 0 auto; height: 980px;  }
#content_04 h3 {margin-top: 180px;height: 100px;text-align: center;}	
/*新版卖点*/
.Cooldog_container {height: 810px;position: relative;/* overflow: hidden; */width: 100%;margin: 0 auto;}
.Cooldog_container .Cooldog_content {position: absolute;width: 853px; height: 527px; top: 0; left: 50%; margin-left: -413px;margin-top:155px;}
.Cooldog_container .Cooldog_content li { position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all 0.3s ease;
}
.Cooldog_container .Cooldog_content li img {
    width: 100%;
    height: 100%;
    vertical-align: middle;
    display: inline-block;
}

.Cooldog_container .btn_left, .Cooldog_container .btn_right {
    width: 149px;
    height: 170px;
    position: absolute;
    top: 350px;
    z-index: 50;
    color: #fff;
    line-height: 179px;
	
}

.Cooldog_container .btn_left {
    text-align: left;
    left: -115px;	
	background:url(/images/260824/ts-btn-prev.png) no-repeat;
}

.Cooldog_container .btn_right {
    text-align: right;
    right: -135px;
	background:url(/images/260824/ts-btn-next.png) no-repeat;
}



.Cooldog_container .buttons {
    width: 1120px;
    height: 100px;
    line-height: 5px;
    margin: 62px auto 0 auto;
    z-index: 80;
}

.Cooldog_container .buttons a {
    float: left;
    width: 240px;
    height: 100px;
    color:#555;
    font-size:18px;
    line-height:61px;
    text-align:center;
    margin-left: 30px;
}

.buttons a.ts1{background:url(/images/260824/ts-btn1.webp) no-repeat 0 -196px;}
.buttons a.ts2{background:url(/images/260824/ts-btn2.webp) no-repeat 0 -196px;}
.buttons a.ts3{background:url(/images/260824/ts-btn3.webp) no-repeat 0 -196px;}
.buttons a.ts4{background:url(/images/260824/ts-btn4.webp) no-repeat 0 -196px;}

.buttons a.ts1.on{background-position:0 -98px;}
.buttons a.ts2.on{background-position:0 -98px;}
.buttons a.ts3.on{background-position:0 -98px;}
.buttons a.ts4.on{background-position:0 -98px;}



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

.p2{
    transform: translate3d(-85px, 0, 0) scale(0.85);
    transform-origin: 0 50%;
    opacity: 0.8;
    z-index: 3;
}

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

.p4 {
    transform: translate3d(225px, 0, 0) scale(0.85);
    transform-origin: 0 50%;
    opacity: 0.8;
    z-index: 3;
}

	
	
	
#content_03 { box-sizing: border-box; position: relative; width: 100%;  margin: 0 auto; height: 1400px;  }
#content_03 .cont-l { width: 665px; height: 725px; }
#content_03 .cont-r {position: absolute;width: 556px;left: 750px;top:0; }
#content_03 .cont-l h3,#content_03 .cont-r h3{height:80px;}
#content_03 .cont-l .btn-t {margin-top: 25px;width: 100%;height: 55px;border-bottom: 2px solid #000;}
#content_03 .cont-l .btn-t span { float: left; cursor: pointer; padding: 0 35px; font-size: 28px; line-height: 53px;  color: #000; }
#content_03 .cont-l .more	{color: #000;line-height: 45px;position: absolute;top: 109px;left: 575px;font-size: 24px;}
#content_03 .cont-l .btn-t span.active { border-bottom: 4px solid #a32807; }
#content_03 .cont-l .txt-box { width: 95%;margin:0 auto;  }
#content_03 .cont-l .txt-box li { display: none; }
#content_03 .cont-l .txt-box li.active { display: block; }
#content_03 .cont-l a:hover{text-decoration:underline;}
#content_03 .cont-l .news-tag-title {display: block;height: 130px;line-height: 115px;text-align: center;font-size: 28px;font-weight: 700;color: #a32807;width: 100%;overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}
#content_03 .cont-l .txt-box p { font-size: 21px;line-height: 35px;color: #000;height: 60px;font-weight:bold;}
#content_03 .cont-l .txt-box p a {overflow: hidden;  font-size: 21px; width: 75%;  display: block; float: left; color: #000; text-overflow:ellipsis; white-space: nowrap;}
#content_03 .cont-l .txt-box p span { float: right; }

#content_03 .cont-r  .box{display: inline-flex;flex-wrap: wrap;align-items: center;justify-content: space-between;height: 645px;margin-top: 10px;}
#content_03 .cont-r  .wximg{width: 185px;left: 24px;top: 20px;position:absolute;}


#content_03 .btn-box { position: absolute;  left: 0; right: 0; margin: auto; text-align: center;padding-top:85px;width:1500px; }
#content_03 .btn-box div { display: inline-block; margin: 0 53px 0 105px;  }
#content_03 .btn-box a { display: block; width: 570px; height: 125px; }
#content_03 .btn-box p { font-size: 20px; line-height: 63px; color: rgba(255, 255, 255, .8); }
.btn_dow { background: url(../images/260824/footer-down.webp) no-repeat 0 -132px; }
.btn_qq { background: url(../images/260824/footer-reg.webp) no-repeat;}
.btn_qq:hover {background-position:0px -134px;}


.ani-scale{
	animation: topdown ease-in-out 1s infinite;	-webkit-animation: topdown ease-in-out 1s infinite;
}
@-webkit-keyframes topdown {
    0% {
        transform: scale(.95);
        filter: brightness(90%);
    }
	50%{
		transform: scale(1);
		filter: brightness(120%);
	}
	100%{
		transform: scale(.95);
		filter: brightness(90%);
	}
}
@keyframes topdown {
    0% {
        transform: scale(.95);
        filter: brightness(90%);
    }
	50%{
		transform: scale(1);
		filter: brightness(120%);
	}
	100%{
		transform: scale(.95);
		filter: brightness(90%);
	}
}

/*注册*/
.pop4{background:url(/images/lb-tc-220616.png) no-repeat;width:868px; height:529px;display:none;margin-left:-150px}
.pop4 .closeBtn {width:45px; height:45px; right:95px; top:105px;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:190px; right:175px;border:0 solid #000;}

/*微信礼包*/
 .showcode {/*background:url("../images/0729/fuli-wx.png") no-repeat;*/background-color:#fff;width:300px;height:300px;position:absolute;display:none;}
 .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(/main/indexweb/picture/title.png) no-repeat;position: absolute;width: 217px;height: 145px;margin-top: -160px;margin-left: 93px;background-size: 60%;}

.fuchuang {position: fixed;bottom: 10px;left: 10px;overflow: hidden;z-index: 9;cursor: pointer;background:url(/images/260824/pop/fc.png) no-repeat;background-size:100%;width:245px;height:355px;}
.fuchuang .fc-btn{position:absolute;width:100%;height:100%;}
.fuchuang .txt{width: 145px; text-align: center; position: absolute;  top: 199px;  right: 20px;   color: #fce398;    font-size: 15px;} 
.fuchuang .close{display:none;width: 42px;height: 42px;top: 40px;right: 0px;cursor: pointer;overflow: hidden;position: absolute;background: url(/images/close_redbag.png) no-repeat center;}

/* 注册弹窗 */
.pop5 {position: relative;width: 1508px;height: 893px;display: none;background: url('../images/260824/pop/bg.webp') no-repeat 11px center;left:-60px;top:-30px;}
.pop5 .closeBtn {position: absolute;top: 305px;right: -55px;width: 52px;height: 52px;cursor: pointer;background: url('/images/260824/pop/close-n.png') no-repeat;}
.pop5 .closeBtn:hover{background: url('/images/260824/pop/close-h.png') no-repeat;}
.pop5 .pop5-reg-iframe {position: absolute;top: 300px;right: -25px;width: 300px;}
.pop5 .pop5-reg-down {position: absolute;top: 731px;right: 30px;width: 220px;}
.pop5 .pop5-reg-down p {margin-top: -20px;font-size: 14px;text-align: center;color: #565656;}
.pop5 .pop-aside-down {display: block;margin: 20px auto 25px;width: 220px;height: 65px;line-height: 65px;font-size: 21px;text-align: center;color: #fff;font-weight: 700;background: url('/images/260824/pop/btn-down-n.jpg') no-repeat;}
.pop5 .pop-aside-down:hover{background: url('/images/260824/pop/btn-down-h.jpg') no-repeat;}
.pop5 .pop5-rs-wrap {position: absolute;top: 495px;width: 570px;height: 300px;left: 595px;}
.pop5 .pop5-rs-item {display: flex;width: 100%;height: 100%;justify-content: space-evenly;align-items: center;flex-wrap:wrap;}
.pop5 .pop5-rs-item .pop-img{float:left;position:relative;}
.pop5 .pop5-rs-item .pop-img p{
	    font-size: 12px;
	    color: antiquewhite;
	    text-align: center;
	    position: absolute;
	    top: 80px;
	    width: 77px;
	    height: 35px;
	    left: 10px;
	    line-height: 35px;
}
.pop5 .pop5-rs-item .pop-img1 img{
	width:100px;
	height:116px;
}
/*.pop5 .pop5-rs-item .pop-img1 p{
	    top: 133px;
    width: 130px;
}*/
.pop5 .pop5-rs-item .pop-img1::after{
	content:"";
	background:url(/images/260824/pop/zuoqi.png) no-repeat;
	background-size:100%;
	width: 70px;
	height: 70px;
	display: block;
	position: absolute;
	top: 8px;
	left: 16px;
}

.up10{
	-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;	
}
.up10:hover{
	-webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-transition: all 400ms ease-out;
    -o-transition: all 400ms ease-out;
    transition: all 400ms ease-out;
}

.pop{width:640px; height:360px;display:none;position:fixed;top:50%;left:50%;margin-top: -230px;margin-left:-345px;z-index: 200;}
.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;}