#wrap {
	overflow: hidden;
}

.zg_banner{
    height: 1323px;
    background: url(../img/banners.jpg) no-repeat center;
	position: relative;
	z-index: 2;
}
/* 头部 */
.header {
	max-width: 1000px;
	height: 76px;
	padding: 19px 0 22px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	line-height: 55px;
}
header ul {
	float: left;
    margin-left: 70px;
    	color: #fff;

}
header ul li {
	display: inline-block;
	padding: 0 22px;
}
header ul li a {
    font-size: 14px;
    color: #fff;
}
header ul li.active a {
	color: #e60012;
}
header span {
	font-size: 16px;
	color: #838383;
    float: right;       
}
header a:hover{
	color: #e60012;
}
.telephone{
    color: #fff;
    font-size: 16px;
}
.zg_ban{
    height: 1254px;
    margin: 0 auto;
    font-size: 62px;
    color: #fff;
    text-align: center;
    padding-top: 757px;
    text-shadow: -3px 6px 3px #cb2ef2;
    background: url(../img/banner_text.png) no-repeat center;
	position: relative;
}

.zg_banner_text {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1;
}


.zg_ban .zg_three{
    color: #fdff00;
}
.beat-char{
    position: relative;
}

.zg_main{
    height: 4348px;
    background: url(../img/bg.jpg) no-repeat center;
	margin-top: -140px;
}

.zg_container {
	position: relative;
	z-index: 3;
}
.zg_container1 {
	position: relative;
	z-index: 3;
	margin-top:100px;
	font-size: 50px;
}

.zg_title {
	position: relative;
}

.zg_yellow{
    color: #feff56;
}

.zg_left_jt {
	transform: rotateY(180deg);
	position: absolute;
	top: -15px;
	left: -150px;
	display: flex;
}

.zg_right_jt {
	position: absolute;
	top: -15px;
	right: -150px;
	display: flex;
}

.zg_jt>div {
	width: 113px;
	height: 141px;
	background: url(../img/jt.png) no-repeat;
	animation: jiantou 1s ease-in infinite;
}
.zg_jt>div:nth-child(2) {
	animation-delay: .15s;
	margin-left: -50px;
}
.zg_video{
    padding: 16px 16px;
    position: relative;
    margin-bottom: 104px;
}
.q1{
    position: absolute;
    top: -141px;
    right: -315px;
    animation: 3s banner_jt infinite;
}
.q2{
    position: absolute;
    top: 216px;
    left: -397px;
    animation: 3s banner_jt infinite;
}
.q4{
    position: absolute;
    top: 509px;
    right: -532px;
    animation: 3s banner_jt infinite;
}
.q4s{
    position: absolute;
    top: 849px;
    left: -532px;
    transform: rotateY(180deg);
}
.q4s img{
    animation: 3s banner_jt infinite;
}
.q5{
    position: absolute;
    top: 108px;
    right: -359px;
    animation: 3s banner_jt infinite;
}
.q6{
    position: absolute;
    top: 326px;
    right: -383px;
    animation: 3s banner_jt infinite;
}
.q7{
    position: absolute;
    top: 490px;
    left: -383px;
    animation: 3s banner_jt infinite;
}
.q8{
    position: absolute;
    top: 510px;
    left: -383px;
    animation: 3s banner_jt infinite;
}
.q9{
    position: absolute;
    top: -566px;
    right: -383px;
    animation: 3s banner_jt infinite;
}
.q10{
    position: absolute;
    top: -455px;
    right: -383px;
    animation: 3s banner_jt infinite;
}
.q11{
    position: absolute;
    top: -455px;
    left: -383px;
    transform: rotateY(180deg);
}
.q11 img{
    animation: 3s banner_jt infinite;
}
.q12{
    position: absolute;
    top: -278px;
    left: -428px;
    transform: rotateY(180deg);
}
.q13{
    position: absolute;
    bottom: -97px;
    right: -428px;
    animation: 3s banner_jt infinite;
}
.zg_videos .zg_video{
    height: 483px;
    background: url(../img/pur.png) no-repeat center;
    background-size:100% 100%;
    position: relative;
    z-index: 3;
    
}
.ti1{
    position: absolute;
    left: -67px;
    top: 739px;
	z-index: 0;
}
.ti2{
    position: absolute;
    right: -321px;
    top: 448px;
}
.ti3{
    position: absolute;
    right: -406px;
    top: -13px;
}
.ti4{
    position: absolute;
    left: -406px;
    top: -14px;
}
.ti5{
    position: absolute;
    right: -406px;
    top: 529px;
}
.ti6{
    position: absolute;
    left: -406px;
    top: 529px;
}
.ti7{
    position: absolute;
    right: -406px;
    top: 26px;
}
.zg_video_top {
    width: 100%;
    height: 5px;
    display: flex;
    justify-content: space-around;
    position: absolute;
    top: 5px;
    left: 0;
}

.zg_video_bottom {
	width: 100%;
	height: 5px;
	display: flex;
	justify-content: space-around;
	position: absolute;
	bottom: 5px;
	left: 0;
}

.zg_video_left {
	width: 5px;
	height: 100%;
	display: flex;
	align-content: space-around;
	flex-wrap: wrap;
	position: absolute;
	top: 0;
	left: 5px;
}

.zg_video_right {
	width: 5px;
	height: 100%;
	display: flex;
	align-content: space-around;
	flex-wrap: wrap;
	position: absolute;
	top: 0;
	right: 5px;
}

.shan span {
	display: block;
	width: 8px;
	height: 5px;
	border-radius: 50%;
	background: #fff;
	animation: shan .6s ease infinite;
}

/* 心动折 */
.zg_xdz_gz{
    color: #feff56;
    font-size: 27px;
    text-align: center;
    margin-bottom: 38px;
}

.zg_book_box {
	width: 100%;
	height: 483px;
	position: relative;
    margin-bottom: 66px;
}

.zg_book_one {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.zg_book_one,.zg_book_two,.zg_book_three,.zg_book_four,.zg_book_five,.zg_book_six{
    height: 483px;
    background: url(../img/pur.png) no-repeat center;
    background-size: 100% 100%;
    padding: 23px 11px;
    position: relative;
}
.zg_book{
    display: flex;
    justify-content: space-around;
	overflow: hidden;
}
.zg_pic{
    width: 533px;
    height: 143px;
    background:url(../img/dz.png) no-repeat center;
	margin-top: -95px;
}
.zg_book_son {
	width: 257px;
	height: 373px;
	margin: 0 auto;
	background: url(../img/book1.png) no-repeat;
	z-index: 1;
	position: relative;
	margin-top: 10px;
}
.zg_book_son1 {
	width: 346px;
	height: 373px;
	margin: 0 auto;
	background: url(../img/chubook1.png) no-repeat;
	z-index: 1;
	position: relative;
	margin-top: 10px;
}
.zg_book_son2 {
	width: 346px;
	height: 373px;
	margin: 0 auto;
	background: url(../img/chubook2.png) no-repeat;
	z-index: 1;
	position: relative;
	margin-top: 10px;
}
.zg_book_son3 {
	width: 306px;
	height: 373px;
	margin: 0 auto;
	background: url(../img/zhongbook1.png) no-repeat;
	z-index: 1;
	position: relative;
	margin-top: 10px;
}
.zg_book_son4 {
	width: 309px;
	height: 373px;
	margin: 0 auto;
	background: url(../img/zhongbook2.png) no-repeat;
	z-index: 1;
	position: relative;
	margin-top: 10px;
}
.zg_book_son5 {
	width: 309px;
	height: 373px;
	margin: 0 auto;
	background: url(../img/zhongbook3.png) no-repeat;
	z-index: 1;
	position: relative;
	margin-top: 10px;
}
.zg_mz{
    width: 365px;
    height: 67px;
    color: #fff;
    line-height: 67px;
    font-size: 35px;
    text-align: center;
    margin-top: 40px;
    background:url(../img/btn.png) no-repeat center;
    margin-bottom: 5px;}
.zg_mz2{
    width: 390px;
    height: 67px;
    color: #fff;
    line-height: 67px;
    font-size: 35px;
    text-align: center;
    margin-top: 40px;
    background:url(../img/btn2.png) no-repeat center;
    margin-bottom: 5px;}
.zg_yj{
    color: #fff;
    font-size: 33px;
    text-align: center;
    text-decoration: line-through;
}
.zg_yj1{
    color: #fff;
    font-size: 18px;
    text-align: center;
	margin-top:10px;
}
.zg_yj2{
    color: #fbc420;
    font-size: 18px;
    text-align: center;
}
.zg_jg{
    color: #fbc420;
    font-size: 55px;
    text-align: center;
    margin: 20px auto;
}
.zg_jg span{
    font-size: 100px;
	/*font-size: 74px;*/
display: inline-block;
animation: 1s tada infinite;
}
.zg_gm{
    width: 300px;
    height: 47px;
    text-align: center;
    font-size: 30px;
    line-height: 47px;
    background-image: linear-gradient(to right,#2593ff, #9268ff,#9268ff,#f9a995,#f9e84b);
}
.zg_gm a{
    color: #fff;
}

/* 各省 */
.zg_gs{
    position: relative;
}
.zg_gs_main{
    height: 444px;
    background: url(../img/pur.png) no-repeat center;
    background-size: 100% 100%;
    position: relative;
    padding: 90px 0px;
    margin-bottom: 20px;
    padding-left: 40px;
}
.zg_gs_main li{
    width: 98px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background:#a248ff;
    float: left;
    margin-right: 20px;
    margin-bottom: 21px;
}
.zg_gs_main a{
    color: #fff;
    font-size:23px;
}
.active{
    background-image: linear-gradient(to right,#2593ff, #9268ff,#9268ff,#f9a995,#f9e84b) !important;
}
.zg_gs_main li:hover{
    background-image: linear-gradient(to right,#2593ff, #9268ff,#9268ff,#f9a995,#f9e84b);
}



/* 底部信息 */
footer{
    line-height: 26px;
}
footer p{
    text-align: center;
    color: #fff;
    font-size: 14px;
}




















/* 左侧边栏 */
.zg_side_left,.zg_side_right{
    width: 210px;
    height: 260px;
    background: url(../img/side_left.png) no-repeat center;
    background-size:100% 100%;
    position: fixed;
    top: 30%;
    font-size: 23px;
    text-align: center;
	z-index: 99;
}
.zg_side_left{
    left:20px;
}
.zg_side_right{
    right:20px;
}
.zg_side_left a,.zg_side_right a{
    color: #fff;
    display: block;
    line-height: 42px;
    padding-top: 1px;
}
.zg_side_left a:nth-of-type(1),.zg_side_right a:nth-of-type(1){
    color: #f8ff34;
}


/*视频*/
.shipin{
    padding-top: 20px;
	width: 700px;
	height: 400px;
	margin: 0 auto;
	}
	
	
.zg_side_right .ma1 {
    top: 161px;
    left: -105px;
}

.zg_side_right .ma {
    width: 100px;
    height: 100px;
    position: absolute;
    display: none;
}

.zg_side_right .ma2 {
    top: 188px;
    left: -105px;
}
.zg_side_right .ma {
    width: 100px;
    height: 100px;
    position: absolute;
    display: none;
}