.arrow_container{width: 100px;height: 100px;border-radius: 50%;border:1px solid rgba(255,255,255,0.2);box-sizing: border-box;background-color: rgba(0,0,0,0.2);position: absolute;bottom: 3vh;margin-left: -50px;left: 50%;line-height: 100px;text-align: center;color: #fff;cursor: pointer;z-index: 900;}
.arrow_container i{animation: myMove 2s infinite;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);font-size: 45px;}
@keyframes myMove {
	0% {top: 50%;}
	50% {top: 60%;}
	100% {top: 50%;}
}
@-webkit-keyframes myMove {
	0% {top: 50%;}
	50% {top: 60%;}
	100% {top: 50%;}
}

#fp-nav.left{display: none;}

.indexNav{position: fixed;left: 0;z-index: 9000;height: 100%;width: 152px;transform: translateX( -152px );transition: all 0.4s ease-out;background: rgba(0,0,0,.3);}
.indexNav.active{transform: none;}
.indexNav.onBg{}
.indexNav::before{width: 1px;height: 100%;position: absolute;left: 20px;top: 0;background-color: rgba(242,242,242,0.3);content: '';}
.indexNav ul{top: 50%;transform: translateY(-50%);position: absolute;right: 0;width: calc(100% - 18px);}
.indexNav li a{margin: calc(4vh + 5px) 0;line-height: 24px;color: #fff;display: block;position: relative;text-shadow: 0 4px 16px rgba(0,0,0,.44);padding: 0 0 0 18px;width: 4em;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;}
.indexNav li a::before{content: '';display: block;background: url(../images/fp_li.png) left center no-repeat;width: 0;height: 0;position: absolute;left: 0;top: 50%;transform: translateY(-50%);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;}
.indexNav li.active a,.indexNav li:hover a{color: #cb2a30;text-shadow: 0 1px 2px rgba(255,255,255,.5), 0 4px 16px rgba(0,0,0,.44);padding: 0 0 0 30px;}
.indexNav li.active a::before,.indexNav li:hover a::before{width: 17px;height: 18px;}
.mobile_menu{display: none;}
.mobile_menu.on{left: 0;}

.section0{background-size: cover;background-position: center;z-index: 10;}

.index_01{position: relative;}
.index_01::before{content: '';display: block;position: absolute;left: 152px;top: 180px;z-index: 11;background: #940408;width: 200px;height: 10px;}
.index_01 h2{background: #fff;font-size: 55px;line-height: 70px;padding: 30px 72px 30px 42px;position: absolute;left: 192px;top: 40px;z-index: 11;color: #940408;}
.index_01 h2::before{content: '';display: block;width: 2px;height: 70px;background: #ccc;position: absolute;left: 20px;top: 50%;transform: translateY(-50%);}
.index_01 a{display: block;position: relative;}
.index_01 .img{width: 100vw;height: 100vh;background-size: cover !important;padding: 0;}
.index_01 .title{font-weight: bold;text-shadow: 0 4px 12px rgba(0,0,0,.5);position: absolute;bottom: 57px;color: #fff;overflow: visible;left: 360px;right: 460px;white-space: nowrap;}
.index_01 .slick-arrow{border: 0;width: 57px;height: 37px;font-size: 0;outline: none;background-position: center;background-repeat: no-repeat;transform: none;top: auto;bottom: 50px;}
.index_01 .slick-arrow:after{display: none;}
.index_01 .slick-next{right: 350px;background-image: url(../images/mode01_next.png);}
.index_01 .slick-prev{left: auto;right: 404px;background-image: url(../images/mode01_prev.png);}

.section2{background: url(../images/mode02_bg.png) right center no-repeat #c3b89c;}
.mode02{background: url(../images/mode02_bg2.png) right bottom no-repeat #fff;overflow: hidden;height: calc(100vh - 350px);padding: 100px 120px;margin: 0 77px 0 230px;position: relative;}
.mode02::before{content: '';width: 272px;height: 273px;position: absolute;right: 10px;top: -30px;background: url(../images/mode02_num.png) center no-repeat;}
.mode02 .left{float: left;height: 100%;margin: 0 60px 0 0;display: table-cell;position: relative;}
.mode02 .left img{display: block;height: 100%;}
.mode02 .right{position: relative;display: table-cell;z-index: 2;}
.mode02 .right::before{content: '';display: block;width: 1px;height: 60px;background: #e0c67e;position: absolute;left: 0;top: -100px;}
.mode02 h2,.mode03 h2{position: relative;display: inline-block;*display: inline;*zoom:1;color: #940408;font-size: 50px;margin: 0 0 4px;}
.mode02 h2{margin: -20px 0 6px;}
.mode02 h3,.mode03 h3{position: relative;color: #940408;margin: 0 0 36px;}
.mode02 .info_box{border-top: 1px solid rgba(0,0,0,.1);padding: 35px 0 43px;position: relative;}
.mode02 .info_box::after,.mode03 .info_box::after{content: '';display: block;height: 1px;position: absolute;left: 0;right: 80px;bottom: 0;background: rgba(0,0,0,.1);}
.mode02 .info{position: relative;line-height: 30px;}
.mode02 .info::before,.mode03 .info::before{content: '';display: block;position: absolute;left: 0;top: 10px;border-top: 4px solid transparent;border-bottom: 4px solid transparent;border-left: 4px solid #940408;}
.mode02 .info > p,.mode03 .info > p{text-indent: 1em;color: #444;}
.mode02 .more,.mode03 .more{width: 48px;height: 48px;border: 1px solid rgba(0,0,0,.1);display: block;position: absolute;right: 0;bottom: -25px;line-height: 48px;text-align: center;color: #999;border-radius: 50%;background: #fff;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;}
.mode02 .more:hover,.mode03 .more:hover{background: #940408;color: #fff;}

.section3{background-size: cover;}
.section3 .img{display: none;}
.mode03{position: absolute;left: 0;top: 0;width: 600px;background: url(../images/mode03_bg2.png) left top no-repeat #fff;padding: 156px 60px 70px 360px;border-bottom: 60px solid #e1e1eb;}
.mode03::before{content: '';display: block;background: url(../images/mode03_num.png);width: 270px;height: 275px;position: absolute;top: 73px;right: -46px;}
.mode03 .info_box{position: relative;padding: 0 0 45px;}
.mode03 .info{position: relative;line-height: 30px;}
.mode03 .info::before{top: 10px;}

.section4{background: url(../images/mode04_bg.png) right center no-repeat #51505f;}
.mode04{background: #fff;margin: 0 160px 0 0;position: relative;padding: 0 464px 25px 0;}
.mode04 .right{position: absolute;right: 120px;top: 70px;width: 307px;padding: 54px 67px 69px;background: url(../images/mode04_num.png) 116% -2% no-repeat #940408;overflow: hidden;}
.mode04 .right::before{content: '';display: block;width: 1px;height: 60px;background: #e0c67e;position: absolute;left: 70px;top: 0px;}
.mode04 h2{position: relative;display: inline-block;*display: inline;*zoom:1;color: #e0c67e;font-size: 50px;width: 4em;line-height: 1.2em;margin: 0 0 5px;}
.mode04 h3{position: relative;color: #fff;margin: 0 0 30px;}
.mode04 .info_box{padding: 0px 0 45px;position: relative;}
.mode04 .info_box::after{content: '';display: block;height: 1px;position: absolute;left: 0;right: 80px;bottom: 0;background: rgba(255,255,255,.1);}
.mode04 .info{position: relative;line-height: 30px;}
.mode04 .info::before{content: '';display: block;position: absolute;left: 0;top: 10px;border-top: 4px solid transparent;border-bottom: 4px solid transparent;border-left: 4px solid #e0c67e;}
.mode04 .info > p{text-indent: 1em;color: #fff;opacity: .7;}
.mode04 .more{width: 48px;height: 48px;border: 1px solid rgba(255,255,255,.16);display: block;position: absolute;right: 0;bottom: -25px;line-height: 48px;text-align: center;color: #e0c67e;border-radius: 50%;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;}
.mode04 .more:hover{color: #940408;background: #fff;}

.section5{background: url(../images/mode05_bg.png) center no-repeat;background-size: cover;}
.section5 .footer{position: absolute;left: 0;right: 0;bottom: 0;line-height: 2em;padding: 13px 0;background: #940408;text-align: center;}
.section5 .footer span{display: inline-block;*display: inline;*zoom:1;color: #fff;padding: 0 15px;}
.mode05{background: url(../images/mode05_bg2.png);position: absolute;left: 0;right: 0;top: 0;padding: 141px 300px 140px;}
.mode05 .index_title{overflow: hidden;margin-bottom: 25px;line-height: 60px;position: relative;}
.mode05 .index_title .more{width: 48px;height: 48px;border: 1px solid rgba(0,0,0,.1);display: block;position: absolute;right: 0;bottom: 0;line-height: 48px;text-align: center;color: #999;border-radius: 50%;background: #fff;}
.mode05 .index_title h2{font-size: 44px;padding: 0 0 0 8px;}
.mode05 .index_title::after{content: '';display: block;height: 1px;position: absolute;left: 200px;right: 80px;top: 35px;background: rgba(0,0,0,.1);}
.index_05 ul{margin: 0 0 0 -30px;}
.index_05 li{width: 25%;}
.index_05 a{margin: 0 0 0 31px;border: 1px solid rgba(0,0,0,.1);background:#fafaff;background: -webkit-linear-gradient(top, #fafaff , #fff);background: -o-linear-gradient(bottom, #fafaff, #fff);background: -moz-linear-gradient(bottom, #fafaff, #fff);background: linear-gradient(to bottom, #fafaff , #fff);padding: 21px 25px 36px;position: relative;top: 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_05 .title{margin: 0 0 28px;height: 48px;line-height: 24px;}
.index_05 .time{position: relative;padding: 30px 0 0;}
.index_05 .time::before{content: '';display: block;width: 44px;height: 1px;background: #e0c67e;position: absolute;left: 0;top: 0;}
.index_05 .month{margin: 0 0 0;height: 20px;line-height: 20px;padding: 0 0 0 0;color: #999;}
.index_05 .day{margin: 0 0 4px;height: 20px;line-height: 20px;padding: 0 0 0 0;color: #333;}
.index_05 a:hover{background: url(../images/mode05_img.png) right bottom #940408;border: 1px solid #940408;box-shadow: 0 16px 40px rgba(148,4,8,.44);top: -20px;}
.index_05 a:hover .day,.index_05 a:hover .month,.index_05 a:hover .title{color: #fff;}

.mode04 .more{z-index: 3;}
/* .mode04 .more::after {display: block;pointer-events:none; position:absolute; width:100%; height:100%; border-radius:50%; content:''; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box; top:0; left:0; padding:0; z-index:-1; box-shadow:0 0 0 2px rgba(255,255,255,.1);opacity:0; -webkit-transform:scale(.9); -moz-transform:scale(.9); -ms-transform:scale(.9); transform:scale(.9)}
.mode04 .more:hover::after{content: '';display: block; -webkit-animation:sonarEffect 1s ease-out 75ms; -moz-animation:sonarEffect 1s ease-out 75ms;	 animation:sonarEffect 1s ease-out 75ms}
@-webkit-keyframes sonarEffect {
 0% {opacity:.2 }
 40%{opacity:.3;  box-shadow:0 0 0 2px rgba(255,255,255,.1),0 0 5px 5px #fff,0 0 0 10px rgba(255,255,255,.3)}
 100%{box-shadow:0 0 0 2px rgba(255,255,255,.1),0 0 5px 5px #fff,0 0 0 5px rgba(255,255,255,.3);  -webkit-transform:scale(1.25); opacity:0 }
}
@-moz-keyframes sonarEffect {
 0% { opacity:.2 }
40% {opacity:.3;  box-shadow:0 0 0 2px rgba(255,255,255,.1),0 0 5px 5px #fff,0 0 0 10px rgba(255,255,255,.3) }
100% { box-shadow:0 0 0 2px rgba(255,255,255,.1),0 0 5px 5px #fff,0 0 0 5px rgba(255,255,255,.3);  -moz-transform:scale(1.25);  opacity:0 }
}
@keyframes sonarEffect {
 0% { opacity:.2}
 40% {  opacity:.3; box-shadow:0 0 0 2px rgba(255,255,255,.1),0 0 5px 5px #fff,0 0 0 10px rgba(255,255,255,.3) }
 100% {  box-shadow:0 0 0 2px rgba(255,255,255,.1),0 0 5px 5px #fff,0 0 0 5px rgba(255,255,255,.3);  transform:scale(1.25);  opacity:0 }}
} */

@media only screen and (min-width:1920px){
	
}
@media  screen and (max-width:1920px){

}
@media  screen and (max-width:1600px){
	.index_01 h2{font-size: 45px;line-height: 60px;padding: 20px 50px 20px 42px;}
	.index_01 h2::before{height: 56px;}
	.index_01 .title{right: 400px;left: 200px;}
	.index_01 .slick-next{right: 120px;}
	.index_01 .slick-prev{right: 180px;}
	
	.mode02{padding: 30px 58px;margin: 0 50px 0 200px;height: calc(100vh - 160px);}
	.mode02 .left{margin: 0 40px 0 0;}
	.mode02 h2, .mode03 h2,.mode04 h2,.mode05 .index_title h2{font-size: 45px;}
	.mode02 h3, .mode03 h3{margin: 0 0 6px;}
	.mode02 .info_box{padding: 12px 0 30px;}
	
	.mode03{padding: 50px 60px 70px 200px;width: 600px;border-bottom: 40px solid #e1e1eb;}
	.mode03 .info{}
	.mode03 .info_box{padding: 0 0 30px;}
	.mode02 .info > p,.mode03 .info > p,.mode04 .info > p,.mode02 .info > br,.mode03 .info > br,.mode04 .info > br{display: none;}
	.mode02 .info > p:first-child,.mode03 .info > p:first-child,.mode03 .info > p:nth-child(2),.mode04 .info > p:first-child{display: block;}
	
	.mode04{padding: 0 304px 25px 0;}
	.mode04 .right{top: 20px;padding: 50px 70px;width: 330px;}
	.mode04 h3{margin: 0 0 20px;}
	
	.mode05{padding: 120px 200px;}
	
}
@media only screen and (max-width:1460px){
	
}
@media screen and (max-width:1300px){
	.arrow_container{transform: scale(0.6);}
	
}
@media screen and (max-width:1240px){
	.index_01 .slick-arrow{bottom: 20px;}
	.index_01 .title{right: 40px;}
	
	.mode01 h2,.mode02 h2, .mode03 h2,.mode04 h2,.mode05 .index_title h2{font-size: 40px;}
	
	.mode02{padding: 20px 30px;}
	.mode02 .left{width: 50%;height: auto;display: block;margin: 0 20px 0 0;}
	.mode02 .left img{height: auto;}
	.mode02 h2{margin: 0;}
	
	.mode04{padding: 0 60px 20px 0;margin: 0 60px 0 0;}
	.mode04 .right{right: 20px;padding: 30px 40px 60px;}
	.mode04 .right::before{left: 40px;height: 30px;}
	.mode04 .info_box{padding: 0 0 30px;}
	
	.mode05{padding: 40px 60px 40px 200px;}
}

@media screen and (max-width:1024px){
	.arrow_container{display: none;}
	
}
@media screen and (max-width:996px){
	.indexNav{display: none;}
	
	.section0{padding-bottom: 50%;}
	
	
	.index_01 h2,.mode02 h2, .mode03 h2,.mode04 h2,.mode05 .index_title h2{font-size: 32px;}
	
	.index_01 h2{left: 0;padding: 10px 50px 10px 42px;}
	.index_01 h2::before{height: 42px;}
	.index_01::before{display: none;}
	.index_01 .img{height: 0;padding-bottom: 56.25%;}
	.index_01 .title{left: 40px;}
	.index_01 .slick-arrow{bottom: 10px;}
	
	.mode02{margin: 0;height: auto;padding: 20px 30px 40px;}
	.mode02::before{}
	.mode02 .left{width: auto;float: none;margin: 0 0 10px;}
	
	.section3{position: relative;background: none !important;}
	/* .section3::before{} */
	.section3 .img{display: block;padding-bottom: 45%;}
	.mode03{position: relative;width: auto;padding: 20px 30px 40px;overflow: hidden;background: none;border-bottom: 20px solid #e1e1eb;}
	.mode03::before{top: 20px;}
	
	.mode04{padding: 0;margin: 0;}
	.mode04 .left{width: auto;float: none;}
	.mode04 .left img{display: block;}
	.mode04 .right{position: relative;left: 0;right: 0;top: 0;bottom: 0;width: auto;}
	.mode04 h2{width: auto;}
	
	.section5{position: relative;}
	.mode05{position: relative;padding: 30px 40px 60px;margin: 0 0 100px;}
	.section5 .footer{position: relative;}
	
	.mode05 .index_title h2{padding: 0;}
	.mode05 .index_title::after{left: 160px;}
	.index_05 ul{margin: 0 0 -20px -20px;}
	.index_05 li{width: 50%;}
	.index_05 a{padding: 12px 15px 20px;margin: 0 0 20px 20px;}
	.index_05 .time{padding: 20px 0 0;}
	
	
}
@media screen and (max-width: 767px) {
	.index_01 h2, .mode02 h2, .mode03 h2, .mode04 h2, .mode05 .index_title h2{font-size: 24px;}
	.index_01 h2{line-height: 1.5;top: 10px;}
	.index_01 .title{display: none;}
	.index_01 .slick-prev{right: auto;left: 20px;}
	.index_01 .slick-next{right: 20px;}
	
	.mode02,.mode03{padding: 20px 20px 40px;}
	.mode05{padding: 20px 20px 40px;}
	.index_05 li{width: 100%;}
	.index_05 .title{height: auto;margin: 0 0 12px;}
	.index_05 .time{padding: 12px 0 0;}
	
	
	
}
@media screen and (max-width: 640px) {
	
}
@media screen and (max-width: 600px) {
	
}
@media screen and (max-width: 480px) {
	
}
@media screen and (max-width: 400px) {
	
}