html,body{height: 100%;margin: 0;overflow: hidden;}
.wrapContent{transition: all ease-in-out .5s;-ms-transition: all ease-in-out .5s;-moz-transition: all ease-in-out .5s;-webkit-transition: all ease-in-out .5s;-o-transition: all ease-in-out .5s;}
.wrapContent.slow{transition: all ease-in-out .8s;-ms-transition: all ease-in-out .8s;-moz-transition: all ease-in-out .8s;-webkit-transition: all ease-in-out .8s;-o-transition: all ease-in-out .8s;}
.indexMenu{position: fixed;right: 80px;top: 50%;transform: translateY(-50%);width: 14px;z-index: 10;}
.indexMenu p{display: block;width: 8px;height: 8px;border: 1px solid #fff;margin: 15px auto;border-radius: 50%;cursor: pointer;}
.indexMenu p.on{width: 12px;height: 12px;background: #fff;}

.wrapbanner{background: #f0f2f5;overflow: hidden;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;position: relative;}
.wrapbanner .btn{width: 50px;height: 32px;background: url(../images/arrow.png) center no-repeat;position: absolute;left: 50%;transform: translateX(-50%);bottom: 12px;z-index: 6;animation:bb 2s linear 0s infinite;cursor: pointer;}
@keyframes bb{
	0%{transform:translate(-50%,0);opacity:0;}
	20%{transform:translate(-50%,3px);opacity:1;}
	80%{transform:translate(-50%,10px);opacity:1;}
	90%{transform:translate(-50%,10px);opacity:0;}
	100%{transform:translate(-50%,10px);opacity:0;}
}
.banner{position: relative;z-index: 5;margin: 0 auto;}
.banner a{display: block;position: relative;}
.banner .slick-img{display: block;overflow: hidden;position: relative;background-size: cover !important;padding-bottom: calc(940% / 19.2);}
.banner .slick-current .slick-img{animation:bigger 4s linear 0s;}
@keyframes bigger{
	0%{transform:none;}
	100%{-moz-transform: scale(1.05);-webkit-transform: scale(1.05);-o-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}
}
.banner a video{position: absolute; width: 100%; left: 0px;  top: 50%; transform: translateY(-50%); object-fit: cover;}

.banner .slick-arrow{border: 0;width: 70px;height: 70px;font-size: 0;outline: none;}
.banner .slick-arrow:after{display: none;}
.banner .slick-next{right: 50px;background: url(../images/banner_right.png) center center no-repeat;background-size: cover;}
.banner .slick-prev{left: 50px;background: url(../images/banner_left.png) center center no-repeat;background-size: cover;}
.banner .slick-dots{width: auto;right: 50px;bottom: 30px;}
.banner .slick-dots li{width: 8px;height: 8px;margin: 0 8px;background: rgba(255,255,255,0.3);}
.banner .slick-dots li button{display: none;}
.banner .slick-dots li.slick-active{background: #fff;}

.index_title{overflow: hidden;margin-bottom: 20px;}
.index_title .more{position: relative;z-index: 2;color: #757575;line-height: 16px;padding: 8px 0 0 14px;display: inline-block;*display: inline;*zoom:1;vertical-align: b;margin: 0 0 5px;}
.index_title h2{height: 72px;color: #fff;font-weight: bold;display: inline-block;*display: inline;*zoom:1;position: relative;padding: 0 12px 0 0;vertical-align: bottom;margin: 0 0 0 0;line-height: 72px;}
.index_title .more::before{content: '';display: block;width: 1px;height: 23px;position: absolute;left: 0;background: #d6d6d6;bottom: 0;}
.index_title .more:hover{color: #fff;}

.wrap_mode01{background: url(../images/mode01_bg1.png);overflow: hidden;}
.mode01{position: relative;margin: 70px 0;}
.mode01 .rt{width: 67.44%;float: right;position: relative;}
.mode01 .lf{width: 32.56%;float: left;}
.mode01 .rt .box{padding: 70px 119px 80px 144px;background: rgba(16,26,33,.7);float: right;width: 55.6%;}
.index_011 .title{margin: 89px 0 28px;height: 92px;line-height: 46px;font-weight: bold;color: #fff;}
.index_011 .info{margin: 0 0 0;color: #fff;height: 120px;line-height: 30px;}

.index_012 .img_cover{padding-bottom: calc(100vh - 70px);}

.index_013 ul{margin: 0 0 0;padding: 0 0 0;}
.index_013 li{width: 100%;}
.index_013 a{margin: 0 0 0;position: relative;text-shadow: 0 0 16px rgba(1,1,1,.3);}

.index_013 .img_cover{padding-bottom: calc(50vh - 30px);}
.index_013 .bottom{padding: 51px 130px 0 81px;position: absolute;left: 0;right: 0;top: 0;bottom: 0;opacity: 0;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;z-index: 2;}
.index_013 .title{margin: 0 0 28px;height: 92px;line-height: 46px;font-weight: bold;color: #fff;}
.index_013 .info{margin: 0 0 0;color: #fff;height: 150px;line-height: 30px;}
.index_013 a:hover .bottom{opacity: 1;}
.index_013 a::after{content: '';display: block;position: absolute;left: 0;right: 0;bottom: 0;height: 0;background: rgba(0,0,0,.75);transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;}
.index_013 a:hover::after{top: 0;height: 100%;}

.wrap_mode02{background: #313233;overflow: hidden;}
.mode02{position: relative;margin: 80px 0 0;}
.mode02 .index_title{position: absolute;left: 160px;top: -19px;}

.index_021{margin: 0 360px 0;position: relative;z-index: 2;}
.index_021 li{}
.index_021 a{margin: 0 0 0;display: block;}
.index_021 .right{width: 504px;float: right;margin: 50px 0 0;}
.index_021 .img{padding-bottom: 140%;}
.index_021 .left{margin: 0 258px 0 0;background: #464747;padding: 111px 330px 224px 100px;}
.index_021 .title{margin: 0 0 33px;height: 96px;line-height: 48px;color: #fff;font-weight: bold;position: relative;padding: 0 0 0 26px;/* text-align: justify; */}
.index_021 .title span{width: 1em;line-height: 15px;font-size: 14px;color: #e0c67e;font-weight: normal;position: absolute;left: 0;top: 5px;}
.index_021 .name{margin: 0 0 0;height: 96px;line-height: 48px;color: #d60004;font-weight: bold;position: relative;padding: 0 0 0 23px;}
.index_021 .name span{width: 1em;line-height: 16px;font-size: 14px;color: #e0c67e;font-weight: normal;position: absolute;left: 0;top: 6px;}
.index_021 .name p{padding: 9px 0 0 5px;color: #fff;font-weight: normal;font-size: 14px;position: relative;margin: 5px 0 0;line-height: 24px;}
.index_021 .name p::after{content: '';display: block;width: 77px;height: 4px;position: absolute;left: 0;top: 0;background: #595959;}
.index_021 .time{background: url(../images/mode02_time.png) 10px center no-repeat #94070a;border-radius: 8px;line-height: 38px;color: #fff;padding: 0 0 0 37px;margin: 23px 0 8px 10px;width: 310px;}
.index_021 .loc{background: url(../images/mode02_loc.png) 10px center no-repeat #94070a;border-radius: 8px;line-height: 38px;color: #fff;padding: 0 0 0 37px;margin: 0 0 0 10px;width: 310px;}
.index_021 .info{margin: 52px 0 0;color: #c8c8c8;height: 93px;line-height: 31px;text-align: justify;}

.index_021 .slick-arrow{border: 0;width: 55px;height: 55px;font-size: 0;outline: none;border-radius: 50%;top: auto;transform: none;bottom: 87px;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;}
.index_021 .slick-arrow:after{display: none;}
.index_021 .slick-next{right: 589px;background: url(../images/mode02_next.png) center center no-repeat;background-size: cover;}
.index_021 .slick-prev{left: 246px;background: url(../images/mode02_prev.png) center center no-repeat;background-size: cover;}
.index_021 .slick-next:hover{background: url(../images/mode02_next2.png) center center no-repeat;background-size: cover;}
.index_021 .slick-prev:hover{background: url(../images/mode02_prev2.png) center center no-repeat;background-size: cover;}
.index_021 .slick-dots{right: 172px;bottom: 104px;}
.index_021 .slick-dots li{width: 20px;height: 20px;margin: 0 8px;font-size: 14px;}
.index_021 .slick-dots li button{text-indent: 0;outline: none;background: none;color: rgba(255,255,255,0.5);}
.index_021 .slick-dots li.slick-active button{text-indent: 0;font-size: 16px;color: #fff;}

.index_022{margin: 0 calc(25vw + 90px) 0;position: absolute;left: 0;right: 0;top: 156px;}
.index_022 li{}
.index_022 a{margin: 0 auto 0;display: block;width: 360px;}
.index_022 .img{padding-bottom: 140%;background: #000;}
.index_022 .img img{opacity: 0.5;}

.index_022 .slick-list{overflow: visible;}

.wrap_mode03{background: #121314;overflow: hidden;position: relative;}
#p_bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 0;opacity: .3;}

.mode03{position: relative;margin: 100px 0 117px;overflow: hidden;}
.mode03 .index_title{position: absolute;left: 65.625%;top: -8px;}

.index_031{width: 65.625%;float: left;}
.index_031 ul{margin: 0 5px 0;}
.index_031 li{width: 50%;}
.index_031 a{margin: 0 15px 19px;position: relative;}
.index_031 a::after{content: '';display: block;width: 12px;height: 86px;background: url(../images/mode03_arrow.png) center no-repeat;position: absolute;left: 39px;bottom: 0;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;}
.index_031 a:hover::after{bottom:12px;}
.index_031 .img_cover{padding-bottom: calc(50vh - 120px);}
.index_031 .title{margin: 16px 0 0 70px;height: 30px;line-height: 30px;white-space: nowrap;color: #fff;font-weight: bold;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;}
.index_032{display: block;float: right;margin: 81px 5.2% 0 0;box-shadow: 0 6px 16px rgba(0,0,0,.3);width: 28.6%;background: #161717;}
.index_032 p{margin: 40px 93px 40px 30px;color: #c9c9c9;line-height: 30px;text-align: justify;height: 360px;overflow: hidden;}
.index_031 .title:hover{text-indent: 6px;margin-right: -6px;}
.index_032.off{display: none;}
.index_032.on{-webkit-animation-name: flipInBt ;animation-name: flipInBt ;animation-duration: 0.4s;-webkit-animation-duration: 0.4s;}

.wrap_mode04{background: url(../images/mode04_bg.png) center no-repeat;background-size: cover;position: relative;overflow: hidden;}
.wrap_mode04::after{content: '';display: block;position: absolute;right: 0;top: 0;bottom: 0;width: 550px;background: #171717;opacity: .5;}
.mode04{position: relative;z-index: 2;margin: 100px 0 0;}
.mode04 .index_title{position: absolute;left: 250px;top: 0;}
.index_044{position: absolute;width: 700px;color: #fff;left: 50%;transform: translateX(-50%);top: 0;line-height: 32px;text-align: justify;}
.mode04 .lf{width: 902px;float: left;position: relative;height: 582px;overflow: hidden;margin: 160px 0 80px 209px;max-width: calc(100vh - 20px);max-height: calc(66vh - 50px);}
.mode04 .rt{width: 240px;float: right;margin: 40px 147px 0 0;}

.index_041{position: absolute;width: calc(100% - 2px);height: 0;padding-bottom: calc(100% - 2px);}
.index_041 .line{position: absolute;left: 0;right: 0;top: 0;bottom: 0;border-radius: 50%;border: 2px dashed rgba(255,255,255,0.3);animation: rotateDots 60s linear infinite;}
.index_041::after{content: '';display: block;position: absolute;left: 20px;right: 20px;top: 20px;bottom: 20px;border-radius: 50%;border: 7px solid rgba(255,255,255,0.3);z-index: 0;}
@keyframes rotateDots{
	from{transform: rotate(0deg);}
	to{transform: rotate(360deg);}
}
@-moz-keyframes rotateDots{
	from{-moz-transform: rotate(0deg);}
	to{-moz-transform: rotate(360deg);}
}
@-webkit-keyframes rotateDots{
    from{-webkit-transform: rotate(0deg);}
    to{-webkit-transform: rotate(360deg);}
}

.index_041 ul{margin: 0 0 0 0;position: absolute;left: 20px;right: 20px;top: 20px;bottom: 20px;z-index: 10;}
.index_041 li{position: absolute;line-height: 40px;height: 40px;}
.index_041 a{margin: 0 0 0;color: #fff;line-height: 40px;font-size: 18px;position: relative;font-weight: bold;}
.index_041 li.num1{left: -4px;top: 50%;transform: translateY(-50%);padding: 0 0 0 20px;}
.index_041 li.num2{left: 10.8%;top: 18.6%;transform: translateY(-50%);padding: 0 0 0 20px;}
.index_041 li.num3{top: 0;left: 50%;transform: translateX(-50%);padding: 15px 0 0;}
.index_041 li.num4{right: 11.2%;top: 18.6%;transform: translateY(-50%);padding: 0 20px 0 0;}
.index_041 li.num5{right: 0;top: 50%;transform: translateY(-50%);padding: 0 20px 0 0;}
.index_041 a::before{content: '';display: block;width: 9px;height: 9px;background: #fff;opacity: 0.5;position: absolute;border-radius: 50%;}
.index_041 li.num1 a::before,.index_041 li.num2 a::before{left: -18px;top: 50%;transform: translateY(-50%);}
.index_041 li.num4 a::before,.index_041 li.num5 a::before{right: -21px;top: 50%;transform: translateY(-50%);}
.index_041 li.num3 a::before{top: -24px;left: 50%;transform: translateX(-50%);}
.index_041 li.on a{font-weight: bold;font-size: 22px;text-shadow: 0 3px #000;}
.index_041 li.on a::before{border: 1px solid #000;opacity: 1;}
.index_041 li.on.num1 a::before,.index_041 li.on.num2 a::before{left: -18px;}
.index_041 li.on.num3 a::before{top: -22px;}

.index_041 li.num1 a{color: #d10508;}
.index_041 li.num2 a{color: #fc6500;}
.index_041 li.num3 a{color: #ebac00;}
.index_041 li.num4 a{color: #00c51a;}
.index_041 li.num5 a{color: #009ce9;}

/* .index_041::before{content: '';display: block;position: absolute;left: 20px;right: 20px;top: 20px;bottom: 20px;border-radius: 50%;border: 2px solid transparent; border-bottom: 2px solid #303030;z-index: 1;transform: rotate(-45deg);} */
.index_041 .circle{display: block;position: absolute;left: 20px;right: 20px;top: 20px;bottom: 20px;border-radius: 50%;border: 7px solid transparent;z-index: 1;border-bottom-color: #d10609;transform: rotate(45deg);transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;}
.index_041 .circle.to1{transform: rotate(84deg);border-bottom-color: #fd6500;border-right-color: #fd6500;}
.index_041 .circle.to2{transform: rotate(135deg);border-bottom-color: #ecad00;border-right-color: #ecad00;}
.index_041 .circle.to3{transform: rotate(185deg);border-bottom-color: #00ba19;border-right-color: #00ba19;}
.index_041 .circle.to4{transform: rotate(225deg);border-bottom-color: #01a2f3;border-right-color: #01a2f3;border-left-color: #a300f5;}

.index_041 .circleHolder{display: block;position: absolute;left: 20px;right: 20px;top: 20px;bottom: 20px;border-radius: 50%;z-index: 2;}
.index_041 .circleHolder p{display: block;position: absolute;left: 0px;right: 0px;top: 0px;bottom: 0px;border-radius: 50%;border: 7px solid transparent;z-index: 0;display: none;}
.index_041 .circleHolder p:first-child{transform: rotate(45deg);border-bottom-color: #d10609;z-index: 4;}
.index_041 .circleHolder p:nth-child(2){transform: rotate(84deg);border-bottom-color: #fd6500;z-index: 3;}
.index_041 .circleHolder p:nth-child(3){transform: rotate(135deg);border-bottom-color: #ecad00;z-index: 2;}
.index_041 .circleHolder p:nth-child(4){transform: rotate(186deg);border-bottom-color: #00ba19;z-index: 1;}

.index_041 li::before{content: '';display: block;position: absolute;bottom: 0;background: #fff;opacity: 0.2;width: 0;height: 1px;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;}
.index_041 li.on.num1::before,.index_041 li.on.num2::before{width: 140px;}
.index_041 li.num4::before,.index_041 li.num5::before{right: 20px;}
.index_041 li.on.num4::before,.index_041 li.on.num5::before{width: 140px;}
.index_041 li.num3::before{left: 50%;transform: translateX(-50%);}
.index_041 li.num3::after{content: '';display: block;position: absolute;bottom: 0;background: #fff;opacity: 0.2;width: 1px;height: 0;left: 50%;transform: translateX(-50%);top: 100%;transition: all ease-in-out .2s;-ms-transition: all ease-in-out .2s;-moz-transition: all ease-in-out .2s;-webkit-transition: all ease-in-out .2s;-o-transition: all ease-in-out .2s;}
.index_041 li.on.num3::before{width: 140px;}
.index_041 li.on.num3::after{height: 20px;}

.index_042 .m_title{display: none;}
.index_042{margin: 84px auto 0;width: 440px;position: relative;z-index: 4;}
.index_042 li{width: 100%;padding: 90px 60px 106px;width: 320px;border-radius: 50%;box-shadow: 0 16px 16px rgba(0,0,0,.1);
background: -webkit-linear-gradient(top, rgba(33,33,33,.1) , rgba(33,33,33,1), rgba(33,33,33,1), rgba(33,33,33,1) ); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(bottom, rgba(33,33,33,.1) , rgba(33,33,33,1), rgba(33,33,33,1), rgba(33,33,33,1) ); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(bottom, rgba(33,33,33,.1) , rgba(33,33,33,1), rgba(33,33,33,1), rgba(33,33,33,1) ); /* Firefox 3.6 - 15 */
background: linear-gradient(to bottom, rgba(33,33,33,.1) , rgba(33,33,33,1), rgba(33,33,33,1), rgba(33,33,33,1) ); /* 标准的语法 */}
.index_042 li.off{display: none;}
.index_042 a{color: #e0c67e;width: 160px;line-height: 34px;border-bottom: 1px solid rgba(255,255,255,0.1);display: block;text-align: center;margin: 57px auto 0;}
.index_042 .info{margin: 0 0 0;color: #fff;height: 224px;text-align: justify;line-height: 32px;}
.index_042 li.on .info{-webkit-animation-name: flipInBt ;animation-name: flipInBt ;animation-duration: 0.4s;-webkit-animation-duration: 0.4s;}
@keyframes flipInBt{
	from {
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		opacity: 0.5;
		transform: translateY(60px);
	}
	to {
		/* -webkit-transform: perspective(400px); */
		transform: translateY(0);
		opacity: 1;
	}
}
.index_042 li.on a{-webkit-animation-name: flipInBt2 ;animation-name: flipInBt2 ;animation-duration: 0.4s;-webkit-animation-duration: 0.4s;animation-delay: 0.1s;}
@keyframes flipInBt2{
	from {
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		opacity: 0.3;
		/* transform: translateY(20px); */
	}
	to {
		/* -webkit-transform: perspective(400px); */
		transform: translateY(0);
		opacity: 1;
	}
}

.index_043 ul{margin: -10px 0 -18px;}
.index_043 li{width: 100%;}
.index_043 a{margin: 0 0 64px;padding: 0 0 0 33px;position: relative;display: block;}
.index_043 a::before{content: '';display: block;width: 20px;height: 4px;position: absolute;left: 0;top: 30px;background: #94070a;}
.index_043 .timer{font-size: 59px;line-height: 60px;letter-spacing: 4.8px;color: #fff;font-weight: normal;font-family: "Adobe Heiti Std";}
.index_043 .info{margin: -2px 0 0;color: #e0c67e;height: 24px;line-height: 24px;white-space: nowrap;}

.wrap_mode05{background: url(../images/mode05_bg.png) left bottom no-repeat #313234;box-sizing: border-box;}
.mode05{position: relative;padding: 65px 0 0;}
.mode05 .index_title{position: absolute;left: 160px;top: 111px;z-index: 2;}

.index_051 ul{margin: 0 0 0 0;}
.index_051 li{width: 100%;overflow: hidden;}
.index_051 li.off{display: none;}
.index_051 a{margin: 0 0 0;position: relative;overflow: hidden;background: url(../images/mode05_bg2.png) left center no-repeat;background-size: cover;}
.index_051 a::after{content: '';position: absolute;left: 0;top: 0;bottom: 0;width: 1007px;background: url(../images/mode05_img_cover2.png) right center no-repeat;background-size: cover;}
.index_051 .img_box{position: relative;margin: 0 0 0 540px;}
.index_051 .img_cover{height: calc(100vh - 276px);position: relative;}
.index_051 .img_cover::after{content: '';display: block;position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: url(../images/mode05_img_cover.png) left center no-repeat;background-size: auto 100%;}
.index_051 .box{position: absolute;left: 173px;top: 276px;z-index: 2;width: 540px;padding: 0 0 14px 19px;}
.index_051 .box::before{content: '';display: block;width: 1px;height: 208px;background: #e0c67e;position: absolute;left: 0;bottom: 0;}
.index_051 .box::after{content: '';display: block;width: 160px;height: 1px;background: #e0c67e;position: absolute;left: 0;bottom: 0;}
.index_051 .title{margin: 10px 0 20px;height: 92px;line-height: 46px;font-weight: bold;color: #fff;}
.index_051 .tip{color: #94070a;font-weight: bold;}
.index_051 .info{margin: 0 74px 0 0;color: rgba(255,255,255,.7);height: 52px;line-height: 26px;}
.index_051 .on .img_box{-webkit-animation-name: flipInY5 ;animation-name: flipInY5 ;animation-duration: 0.6s;-webkit-animation-duration: 0.6s;}
@keyframes flipInY5{
	from {
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		opacity: 0.5;
	}
	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
		opacity: 1;
	}
}
.index_051 .on .box{-webkit-animation-name: flipInY51 ;animation-name: flipInY51 ;animation-duration: 0.4s;-webkit-animation-duration: 0.4s;}
@keyframes flipInY51{
	from {
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		transform: translateY(50%);
	}
	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
		transform: translateY(0);
	}
}

.index_052 {width: 333px;margin: 0 0 0 350px;position: absolute;}
.index_052 ul{margin: 0 0 0 0;transform: translateY(-50%);text-align: right;overflow: hidden;}
.index_052 li{width: 50%;float: right;}
.index_052 li:nth-child(2){transform: translateX(25%) translateY(50%);margin: 0 0;}
.index_052 a{margin: 0 0 0;overflow: hidden;position: relative;}
.index_052 .box1{overflow: hidden;transform: rotate(60deg);position: relative;}
.index_052 .box2{overflow: hidden;transform: rotate(-120deg);position: relative;}
.index_052 .box{transform: rotate(60deg);position: relative;}
.index_052 .box::before{content: '';display: block;position: absolute;left: -1px;right: -1px;top: -1px;bottom: -1px;background: url(../images/mode05_border1.png) center no-repeat;background-size: cover;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;z-index: 2;}
.index_052 a:hover .box::before,.index_052 .on .box::before{background: url(../images/mode05_border2.png) center no-repeat;background-size: cover;}
.index_052 .img_cover{padding-bottom: calc(149% / 1.71);opacity: .3;position: relative;}
.index_052 a:hover .img_cover,.index_052 .on .img_cover{opacity: 1;}
.index_052 .box::after{content: '';display: block;position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: url(../images/mode05_btn.png) center no-repeat;}
.index_052 a:hover .box::after,.index_052 .on .box::after{display: none;}
.index_052 li:first-child .box{background: #705407;}
.index_052 li:nth-child(2) .box{background: #171757;}
.index_052 li:nth-child(3) .box{background: #441f57;}



/* .index_052 .img_cover::before,.index_052 .box1::before,.index_052 .box2::before{content: '';display: block;position: absolute;left: 8px;right: 8px;top: 8px;bottom: 8px;border-right: 8px solid #464747;border-left: 8px solid #464747;z-index: 2;} */
/* .index_052 .img_cover::after,.index_052 .box1::after,.index_052 .box2::after{content: '';display: block;position: absolute;left: 0;right: 0;bottom: 0;height: 8px;background: #464747;} */
@media screen and (max-height: 860px){
	.index_052{margin: 0 0 0 640px;}
	.index_051 .info{display: none;}
	
}

@media screen and (max-height: 800px){
	.index_011 .info{height: 60px;}
	.index_013 .info{height: 90px;}
	.index_011 .title{margin: 40px 0 20px;}
	.mode02 .index_title{top: 0;}
	.index_021 .title{margin: 0 0 20px;}
	.mode03{margin: 70px 0;}
	.index_041{}
	.mode04 .rt{margin: 20px 147px 0 0;}
	.index_043 a{margin: 0 0 40px;}
	
	
}
@media screen and (max-height: 680px){
	.index_032 p{height: 240px;}
	.mode04 .lf{margin-left: 300px;}
	
}

@media screen and (max-height: 600px){
	.index_011 .info,.index_013 .info{display: none;}
	.index_032 p{height: 180px;}
	
}
@media screen  and (min-width:1024px){
	.index_012 .title,.index_011 .title,.index_013 .title,.index_022 .title{transition: all ease-in-out 0.2s;-ms-transition: all ease-in-out 0.2s;-moz-transition: all ease-in-out 0.2s;-webkit-transition: all ease-in-out 0.2s;-o-transition: all ease-in-out 0.2s;}
	.index_021{opacity: ;}
	
}
@media screen and (max-width: 1640px){
	.indexMenu{right: 20px;}
	
	.mode02 .index_title{left: 20px;}
	.index_021{margin: 0 280px;}
	.index_021 .right{width: 432px;}
	.index_021 .left{padding: 111px 268px 224px 95px;}
	.index_022{margin: 0 calc(25vw + 70px) 0;}
	.index_022 a{width: 280px;}
	
	/* .mode03 .index_title{left: 1040px;} */
	/* .index_031{width: 1022px;} */
	/* .index_032{margin: 81px 0px 0 0;} */
	
	.wrap_mode04::after{width: 360px;}
	.mode04 .index_title{left: 90px;}
	.mode04 .lf{margin: 160px 0 80px calc(50vw - 50vh - 180px);}
	.mode04 .rt{margin: 20px 40px 0 0;width: auto;}
	
	.index_032{margin: 81px 0 0 0;width: 33.8%;}
	
}
@media screen and (max-width: 1480px){
	.index_013 .bottom{padding: 51px 95px 0 80px;text-align: justify;}
	.index_013 .info{height: 60px;}
	
	.index_021 .left{padding: 40px 240px 150px 50px;}
	.index_021 .time{width: auto;}
	.index_021 .loc{width: auto;}
	.index_021 .info{margin: 30px 0 0;}
	
	.index_021 .slick-arrow{bottom: 60px;}
	.index_021 .slick-next{right: 450px;}
	.index_021 .slick-prev{left: 101px;}
	.index_021 .slick-dots{right: 170px;bottom: 80px;}
	
	.index_021{margin: 0 240px;}
	.index_022 a{width: 240px;}
	.index_022{margin: 0 calc(25vw + 60px) 0;}
	
	.index_021 .right{width: 372px;}
	
	.wrap_mode04::after{width: 360px;}
	.mode04 .index_title{left: 20px;}
	.index_044{width: 50%;}
	
	.mode05 .index_title{left: 80px;top: 80px;}
	.index_051 .box{left: 80px;top: 130px;}
	.index_051 .box::before{height: auto;top: 0;}
	.index_051 .img_box{margin: 0 0 0 360px;}
	.index_051 .img_cover{height: calc(100vh - 200px);}
	.index_052{width: 240px;margin: 0 0 0 450px;}
	
}
@media screen  and (max-width:1220px){
	.index_021{margin: 0 216px;}
	.index_022 a{width: 216px;}
	.index_022{margin: 0 calc(-25vw + 162px) 0;}
	
	.index_021 .left{padding: 40px 230px 150px 50px;margin: 0 160px 0 0;}
	.index_021 .right{width: 336px;}
	.index_021 .info{line-height: 25px;height: 50px;font-size: 15px;}
	.index_021 .time,.index_021 .loc{font-size: 15px;}
	
	.index_021 .slick-arrow{bottom: 60px;}
	.index_021 .slick-next{right: 360px;}
	.index_021 .slick-prev{left: 40px;}
	.index_021 .slick-dots{right: 170px;bottom: 80px;}
	
	.mode04 .lf{width: 60%;height: 0;padding-bottom: 40%;}
	.index_042{width: 340px;}
	.index_042 li{width: auto;padding: 90px 40px 70px;}
	.index_042 .info{line-height: 28px;height: 168px;}
	.mode04 .rt{margin-top: 140px;}
	
}

@media screen and (max-width: 1040px){
	.index_title h2{font-size: 56px;padding: 0 6px 0 0;}
	.index_title .more{padding: 8px 0 0 6px;}
	
	.index_021{margin: 0 176px;}
	.index_022 a{width: 176px;}
	.index_022{margin: 0 calc(25vw + 44px) 0;}
	
	.index_021 .left{padding: 40px 130px 150px 50px;margin: 0 160px 0 0;}
	.index_021 .right{width: 276px;}
	.index_021 .info{line-height: 25px;height: 50px;font-size: 15px;}
	.index_021 .time,.index_021 .loc{font-size: 15px;}
	
	.index_021 .slick-next{right: 212px;}
	.index_021 .slick-dots{right: 80px;}
	
}

@media screen and (max-width: 998px){
	.indexMenu{display: none;}
	html,body{overflow: auto;height: auto;}
	
	.wrapbanner .btn{display: none;}
	.mode01 .rt{width: auto;float: none;}
	.mode01{margin: 56px 0 68px;}
	.mode01 .rt .box{width: auto;margin: 0 0 0 153px;padding: 50px 76px 39px 66px;}
	.index_011 .title{line-height: 40px;height: 80px;font-size: 30px;margin: 50px 0 20px;text-align: justify;}
	.index_011 .info{height: 30px;}
	.index_012 .img_cover{padding-bottom: 495px;}
	
	.mode01 .lf{width: auto;float: none;}
	.index_013 li{width: 50%;}
	.index_013 .bottom{padding: 35px 31px 0 49px;opacity: 1;}
	.index_013 .title{line-height: 40px;height: 80px;font-size: 30px;margin: 0 0 20px;}
	.index_013 .info{line-height: 25px;height: 50px;}
	.index_013 .img_cover{padding-bottom: 260px;}
	.index_013 a::after{top: 0;height: auto;background: rgba(0,0,0,.5);}
	
	.mode02{margin: 30px 20px 0;}
	.mode02 .index_title{position: static;margin: 0 0 2px;}
	.index_021{margin: 0;}
	.index_021 .right{margin: 0;}
	.index_021 .left{padding: 36px 176px 150px 50px;}
	.index_021 .title{font-size: 32px;line-height: 42px;height: 84px;margin: 0 0 30px;}
	.index_021 .time{margin: 13px 0 8px 10px;}
	.index_021 .time, .index_021 .loc{line-height: 33px;margin-right: 60px;font-size: 14px;}
	.index_021 .info{margin: 42px 0 0;}
	.index_021 .slick-arrow{bottom: 50px;}
	.index_021 .slick-dots{bottom: 68px;}
	.index_022{display: none;}
	
	.wrap_mode03{background: #121314;}
	.mode03{margin: 50px 20px 59px;}
	.mode03 .index_title{position: static;}
	.index_031{width: auto;float: none;}
	.index_031 ul{margin: 0 -15px;padding: 1px 0 0;}
	.index_031 .img_cover{padding-bottom: 56.15%;}
	.index_032{width: auto;margin: 0 0 0;}
	.index_032 p{margin: 23px 51px 44px 51px;height: auto;line-height: 28px;}
	
	.mode04{margin: 53px 20px 0;}
	.index_041 li.on a{font-size: 20px;}
	.index_041 a{font-size: 16px;}
	.index_044{transform: none;width: auto;left: calc(50% - 23px);line-height: 24px;height: 96px;overflow: hidden;margin: 8px 0 0;}
	.mode04 .lf{width: 81%;float: none;margin: 157px auto 80px;padding-bottom: 54%;}
	.wrap_mode04::after{width: 100%;top: auto;height: 370px;}
	.mode04 .rt{float: none;margin: 0 0 0 0;}
	.index_043 ul{overflow: hidden;margin: 0 0 0 40px;padding: 13px 0 30px;}
	.index_043 li{width: 50%;float: left;}
	.index_043 a{margin: 0 0 20px;}
	.index_043 .timer{font-size: 54px;}
	
	.mode05{padding: 45px 0 0;}
	.mode05 .index_title{position: static;margin: 0 0 30px 20px;}
	.index_051 a::after{left: -350px;}
	.index_051 .img_box{margin: 0;}
	.index_051 .box{left: 40px;width: 350px;top: 50%;transform: translateY(-50%);}
	.index_051 .title{height: auto;line-height: 1.5;margin: 10px 0 0;}
	.index_051 .info{display: block;}
	
	.index_052{position: relative;margin-bottom: -100px;}
}
@media screen and (max-width: 767px){
	.index_title h2{font-size: 48px;padding: 0 24px 0 0;}
	
	.mode01{margin: 46px 0 68px;}
	.mode01 .rt .box{width: auto;margin: 0;padding: 30px 76px 51px 51px;}
	.index_011 .title{line-height: 32px;height: 64px;font-size: 24px;margin: 30px 0 20px;}
	.index_011 .info{display: none;}
	.index_012 .img_cover{padding-bottom: 266px;}
	
	.mode01 .lf{width: auto;float: none;}
	.index_013 li{width: 50%;}
	.index_013 .bottom{padding: 35px 31px 0 49px;}
	.index_013 .title{line-height: 32px;height: 64px;font-size: 24px;margin: 0 0 20px;}
	.index_013 .info{display: none;}
	.index_013 .img_cover{padding-bottom: 139px;}
	
	.mode02{margin: 33px 20px 0;}
	.mode02 .index_title{position: static;margin: 0 0 13px;}
	.index_021{margin: 0;}
	.index_021 .right{margin: 0;width: 161px;}
	.index_021 .left{padding: 36px 34px 150px 26px;margin: 0;}
	.index_021 .title{font-size: 26px;line-height: 34px;height: auto;margin: 0 0 38px;padding: 0 33px 0 24px;}
	.index_021 .time{margin: 7px 0 8px 10px;}
	.index_021 .time, .index_021 .loc{line-height: 33px;margin-right: 0;font-size: 14px;max-width: 223px;}
	.index_021 .info{display: none;}
	.index_021 .slick-arrow{bottom: 50px;}
	.index_021 .slick-dots{bottom: 68px;right: 0;}
	.index_021 .slick-prev{left: 5px;}
	.index_021 .slick-next{right: 5px;}
	
	.wrap_mode03{background: #121314;}
	.mode03{margin: 50px 20px 59px;}
	.mode03 .index_title{position: static;}
	.index_031{width: auto;float: none;}
	.index_031 ul{margin: 0 -15px;padding: 1px 0 0;}
	.index_031 .img_cover{padding-bottom: 56.15%;}
	.index_032{width: auto;margin: 0 0 0;}
	.index_032 p{margin: 13px 24px 51px 27px;height: 196px;}
	
	.index_031 li{width: 100%;}
	.index_031 a{margin: 0 15px 14px;}
	
	.mode04{margin: 47px 20px 0;}
	.mode04 .index_title{position: static;margin: 0 0 4px;}
	.index_041{display: none;}
	.index_044{transform: none;width: auto;left: 0;line-height: 24px;height: 96px;overflow: hidden;margin: 0;position: static;}
	
	.mode04 .lf{width: auto;float: none;margin: 56px auto 62px;padding-bottom: 0;height: auto;}
	.wrap_mode04::after{width: 100%;top: auto;}
	.mode04 .rt{float: none;margin: 0 0 0 0;}
	.index_043 ul{overflow: hidden;margin: 0 0 0 1px;padding: 13px 0 30px;}
	.index_043 li{width: 50%;float: left;}
	.index_043 a{margin: 0 0 20px;}
	.index_043 .timer{font-size: 46px;}

	
	.index_042{margin: 0 auto 0;}
	.index_042 li{padding: 14px 34px 108px;}
	.index_042 .info{line-height: 24px;height: 144px;}
	
	.index_042 .slick-dots{bottom: auto;top: -11px;}
	.index_042 .slick-dots li{width: 24px;height: 4px;margin: 0 5px;padding: 0;border-radius: 0;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;margin: 0 7px;}
	.index_042 .slick-dots li:first-child{background: #d10508;}
	.index_042 .slick-dots li:nth-child(2){background: #fc6500;}
	.index_042 .slick-dots li:nth-child(3){background: #ebac00;}
	.index_042 .slick-dots li:nth-child(4){background: #00c51a;}
	.index_042 .slick-dots li:nth-child(5){background: #009ce9;}
	
	.index_042 .slick-dots li button{display: none;}
	.index_042 .slick-dots li.slick-active{height: 8px;margin-bottom: -4px;}
	.index_042 .m_title{display: block;text-align: center;font-size: 20px;font-weight: bold;text-shadow: 0 3px 0 #000;margin: 0 0 24px;}
	.index_042 .m_title.color1{color: #d10508;}
	.index_042 .m_title.color2{color: #fc6500;}
	.index_042 .m_title.color3{color: #ebac00;}
	.index_042 .m_title.color4{color: #00c51a;}
	.index_042 .m_title.color5{color: #009ce9;}
	
	.mode05{padding: 45px 0;}
	.index_051 a::after,.index_051 .img_cover::after{display: none;}
	.index_051 .box{transform: none;position: relative;left: 0;right: 0;top: 0;bottom: 0;margin: 24px 10px 28px;width: auto;}
	.index_051 .img_cover{height: 240px;}
	.index_052{display: none;}
	
}
@media screen  and (max-width:413px){
	.mode01 .rt .box{padding: 30px 31px 51px 49px;}
	.index_013 li{width: 100%;}
	.index_021 .right{width: auto;float: none;}
	.index_021 .title{padding-right: 0;}
	.wrap_mode04::after{height: 570px;}
	.index_042{width: auto;}
	.index_043 li{width: auto;float: none;}
	
}