﻿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(../image/bg1.jpg) center top no-repeat; }
#header { position: relative; width: 100%; margin: 0 auto; height: 1140px;}
#header .logo {position: absolute;left: -5px;top: 30px;width: 320px;height: 235px;}
#header h3 {position: absolute;left: -263px;top: 454px;font-size: 26px;line-height: 50px;color: #fbe489;width: 800px;height: 70px;text-align: center;}
#header .navbar {display:block;background:rgba(15, 15, 15, 0.3);position:absolute;top:0px;right:230px;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;}
#header .navbar a {color: #fff; text-decoration: none}
#header .navbar a:visited {color: #fff; text-decoration: none}
#header .navbar a:hover {color: #fff; text-decoration: underline}
#header .navbar a:active {color: #fff; text-decoration: underline}
#header .top {position: relative;width: 1200px;margin: 0 auto;}

.header-btn { width: 100%; position: absolute;  top: 785px; height: 300px; }
.header-btn .reg_gift{float:left;width: 375px;}
.header-btn .down_box{float:left;width: 340px;}
.header-btn .btn{width: 172px;height: 60px;cursor: pointer;border: none;display: block;text-indent:-9999px;}
.header-btn .btn_get{background:url("../image/btn-reg1.gif") no-repeat;width:478px;height:489px;float:left;margin: -135px 0 0 -60px;}
.header-btn .btn_download {float: left; background: url(../image/btn-down-n.png) no-repeat;margin:195px auto 0 115px}
.header-btn .btn_download:hover{background:url("../image/btn-down-h.png") no-repeat;}
.header-btn .btn_gift{background:url("../image/btn-gift-n.png") no-repeat;margin: 195px auto 0 180px;}
.header-btn .btn_gift:hover{background:url("../image/btn-gift-h.png") no-repeat;}

/* .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('https://hzyzbt.ixinyou.com/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;}
#content_02 { position: relative; width: 100%;  margin: 0 auto; height: 1050px; }
#content_02 h3 {padding-top: 69px;text-align: center; }
.job{background:url(../image/bg1.png) no-repeat;width:1325px;height:1100px;position:relative;top: 5px;left: -22px;margin: 0 auto;}
.btn-pro {position: absolute;top: 808px;z-index:100;width: 500px;left: 105px;height: 125px;}
.btn-pro li { z-index:10; float: left; position: relative; text-align: center; width: 96px; height:116px;font-size: 26px; line-height: 40px;margin-right:13px; }
.btn-pro li:nth-child(1){background:url("../image/btn1-n.png") no-repeat;}
.btn-pro li:nth-child(2){background:url("../image/btn2-n.png") no-repeat;}
.btn-pro li:nth-child(3){background:url("../image/btn3-n.png") no-repeat;}
.btn-pro li:nth-child(4){background:url("../image/btn4-n.png") no-repeat;}
.btn-pro li.on:nth-child(1){background:url("../image/btn1-h.png") no-repeat;}
.btn-pro li.on:nth-child(2){background:url("../image/btn2-h.png") no-repeat;}
.btn-pro li.on:nth-child(3){background:url("../image/btn3-h.png") no-repeat;}
.btn-pro li.on:nth-child(4){background:url("../image/btn4-h.png") no-repeat;}
.btn-pro li a {display: block; text-decoration: none; color: #fff;text-indent:-9999px;width:100%;height:100%; }
.btn-pro li.on a { color: #ec933c; font-weight: bold; }
.content-box { height: 700px;margin-top:214px;position:absolute;}
.content-box .box-img { position: absolute; left: -100%; opacity: 1; bottom: 0;  height: 660px; }
.box-cont { position: absolute; right: -100%; opacity: 1; 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: 338px;left: 122px;overflow: hidden;opacity: 1;}
.content-box .box-gif img{width:431px;height:256px;}
#cont-box li.active .box-gif,#cont-box li.active .strong {opacity:1;}
#cont-box li.active .box-img {left: 118px; opacity: 1;z-index:1 }
#cont-box li.active .box-cont {right: 12px; opacity: 1; }
.job-prev,.job-next{width:72px;height:116px;position:absolute;display:block;top:46%;}
.job-prev{background:url("../image/left-n.png") no-repeat;left:-120px;}
.job-prev:hover{background:url("../image/left-h.png") no-repeat;}
.job-next{background:url("../image/right-n.png") no-repeat;right:-110px;}
.job-next:hover{background:url("../image/right-h.png") no-repeat;}

#content_01{ position: relative; width: 100%;  margin: 0 auto; height: 1050px;  }
#content_01 h3 {padding-top: 58px;text-align: center; }	
/*新版卖点*/
.Cooldog_container {height: 1000px; position: relative; width:1600px;margin-left:-175px;}
.Cooldog_container .Cooldog_content {position: absolute;width: 1265px;height: 675px;top: 0;left: 50%;margin-left: -653px;margin-top: -3px;}
.Cooldog_container .Cooldog_content li { position: absolute;
    top: 0;
    left: 0;
    width: 1265px;
    height: 975px;
    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 {
   display:none;
    width: 75px;
    height: 113px;
    position: absolute;
    top: 430px;
    z-index: 50;
    color: #fff;
    line-height: 179px;
	
}

.Cooldog_container .btn_left {
    text-align: left;
    left: 0px;	
	/*background:url(/images/1110/ts/ts-l.png) no-repeat;*/
}

.Cooldog_container .btn_right {
    text-align: right;
    right: 60px;
	/*background:url(/images/1110/ts/ts-r.png) no-repeat;*/
}



.Cooldog_container .buttons {
    width: 380px;
    height: 655px;
    line-height: 5px;
    position: absolute;
    z-index: 80;
    right: -20px;
    top: 283px;
}

.Cooldog_container .buttons a {
    width: 375px;
    height: 140px;
    color: #555;
    font-size: 18px;
    margin-bottom: 20px;
    text-align: center;
    display: block;
}

.buttons a.ts1{background:url(../image/btn-ts1-n.png) no-repeat;}
.buttons a.ts2{background:url(../image/btn-ts2-n.png) no-repeat;}
.buttons a.ts3{background:url(../image/btn-ts3-n.png) no-repeat;}
.buttons a.ts4{background:url(../image/btn-ts4-n.png) no-repeat;}
.buttons a.ts1.on{background:url(../image/btn-ts1-h.png) no-repeat;}
.buttons a.ts2.on{background:url(../image/btn-ts2-h.png) no-repeat;}
.buttons a.ts3.on{background:url(../image/btn-ts3-h.png) no-repeat;}
.buttons a.ts4.on{background:url(../image/btn-ts4-h.png) no-repeat;}



.p1 {
    transform: translate3d(-325px, 0, 0) scale(0.81);
    transform-origin: 0 50%;
    opacity: 0;
    z-index: 2;
}

.p2{
    transform: translate3d(-100px, 0, 0) scale(0.81);
    transform-origin: 0 50%;
    opacity: 0;
    z-index: 3;
}

.p3 {
    transform: translate3d(0px, 0, 0) scale(1);
    opacity: 1;
    z-index: 4;
}

.p4 {
    transform: translate3d(320px, 0, 0) scale(0.81);
    transform-origin: 0 50%;
    opacity: 0;
    z-index: 3;
}

	

#content_03 { position: relative; width: 100%;  margin: 0 auto; height: 1200px; }
#content_03 h3 {padding-top: 58px;text-align: center; }
.chuan{position:absolute;background:url(../image/bg-chuan.png) no-repeat;width:1725px;height:1160px;left: -360px;top: -145px;z-index: 10;}
.haoli{position:absolute;background:url(../image/bg11.png) no-repeat;width:1725px;height:1160px;top: -145px;left: -361px;}
.haoli::after{content:"";background:url(../image/11-260402132I4N9.jpg) no-repeat; background-size: 100%;width: 220px;height: 220px;position: absolute;right: 212px;bottom: 393px;z-index: 10;border-radius: 5%}
.haoli .box{display:flex;flex-wrap: wrap;justify-content: space-around;width: 350px;height: 360px;position: absolute;top: 500px;left: 723px;}
.haoli .box .item{width:100px;height:120px;overflow:hidden;position:relative;}
.haoli .box .item p{
	    font-size: 12px;
		font-weight:bold;
	    color: antiquewhite;
	    text-align: center;
	    position: absolute;
	    top: 80px;
	    width: 77px;
	    height: 35px;
	    left: 10px;
	    line-height: 35px;
}
.foot-btns{
    position: absolute;
    top: 865px;
    left: 335px;
    width: 800px;
    height: 125px;
    margin: 0 auto;
    z-index: 11;
}
.foot-btns .foot-btn{
	display:block;
	width:355px;
	height:114px;
	float:left;
	cursor:pointer;
	margin-left:32px;
	z-index:11
}
.foot-btns .foot-reg{background:url(../image/btn-reg-n.png) no-repeat;}
.foot-btns .foot-reg:hover{background:url(../image/btn-reg-h.png) no-repeat;}
.foot-btns .foot-down{background:url(../image/btn-down-n1.png) no-repeat;}
.foot-btns .foot-down:hover{background:url(../image/btn-down-h1.png) no-repeat;}


.fuchuang {position: fixed; bottom: 10px;left: 10px;overflow: hidden;z-index: 100;cursor: pointer;background:url(../image/fc-bg2.png) no-repeat;width:330px;height:475px;}
.fuchuang .fc-btn{background:url(../image/btn-fc-n.png) no-repeat;width:186px;height:99px;display:block;display:block;position: absolute;top: 305px;left: 35px;}
.fuchuang .fc-btn:hover{background:url(../image/btn-fc-h.png) no-repeat;}


/* 注册弹窗 */
.pop5 {position: relative;width: 1508px;height: 893px;display: none;background: url('../image/bg.png') no-repeat 11px center;left:-60px;top:-30px;}
.pop5 .closeBtn {position: absolute;top: 305px;right: -55px;width: 52px;height: 52px;cursor: pointer;background: url('../image/close-n.png') no-repeat;}
.pop5 .closeBtn:hover{background: url('../image/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 .pop5-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('../image/btn-down-n.jpg') no-repeat;}
.pop5 .pop5-aside-down:hover{background: url('../image/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(../image/2-1.png) no-repeat;
	background-size:100%;
    width: 95px;
    height: 95px;
    display: block;
    position: absolute;
    top: -14px;
    left: 4px;	
}
.pop-reg {position: relative;width: 1508px;height: 893px;display: none;background: url('../image/bg.png') no-repeat top right;left:-60px;top:-30px;}
.pop-reg-close {position: absolute;top: 305px;right: -55px;width: 52px;height: 52px;cursor: pointer;background: url('../image/close-n.png') no-repeat;}
.pop-reg-close:hover{background: url('../image/close-h.png') no-repeat;}
.pop-reg-swiper {margin: 122px 0 0 570px;width: 520px; height: 475px;position:absolute;}
.pop-rs-nav { width: 100%; height: 140px; overflow: hidden;}
.pop-rs-nav span {margin-bottom: 20px;margin-left:60px;float: left;width: 180px;height: 28px;line-height: 25px;font-size: 14px;text-align: center;color: #a83028;cursor: pointer;border-radius: 15px;border:1px solid;/* background: url('/images/pop/pop-n.png') no-repeat*/}
.pop-rs-nav span.active {    font-weight: 700; color: #fff;/*background: url('/images/pop/pop-a.png') no-repeat*/background-color:#a83028;}
.pop-rs-wrap { position: relative; margin: 40px auto 0; width: 90%; height: 300px;}
.pop-rs-item { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none; }
.pop-rs-item.active { display: block;}
.pop-rs-item h2 {display:none;  position: relative;font-size: 26px;text-align: center;color: #6B71A5;}
.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: 14px;margin-left:-23px;width:215px;float:left;text-align:center;}
.pop-rs-item .ewmlogo{background: url(https://hzyzbt.ixinyou.com/main/indexweb/picture/title.png) no-repeat;position: absolute;width: 217px;height: 145px;margin-top: 145px;margin-left: 54px;background-size: 60%;}
.pop-rs-item .pop-img{    width: 170px;    float: right;    height: 170px;    text-align: center;    margin-top: 50px;}
.pop-reg-iframe {position: absolute;top: 300px;right: -25px;width: 300px;}
.pop-reg-down {position: absolute;top: 731px;right: 40px;width: 220px;}
.pop-reg-down p {margin-top: -20px;font-size: 14px;text-align: center;color: #565656;}
.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('../image/btn-down-n.jpg') no-repeat;}
.pop-aside-down:hover{background: url('../image/btn-down-h.jpg') 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{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;}
