/* slick */
.slick-slider{ position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;}
.slick-list{  position: relative; display: block; overflow: hidden; margin: 0; padding: 0;}
.slick-list:focus{ outline: none;}
.slick-list.dragging{ cursor: pointer; cursor: hand;}
.slick-slider .slick-track,
.slick-slider .slick-list{ -webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);  -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.slick-track{position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto;}
.slick-track:before,
.slick-track:after{ display: table; content: '';}
.slick-track:after{ clear: both;}
.slick-loading .slick-track{ visibility: hidden;}
.slick-slide{ display: none; float: left; height: 100%;min-height: 1px;}
[dir='rtl'] .slick-slide{ float: right;}
.slick-slide img{ display: block;}
.slick-slide.slick-loading img{ display: none;}
.slick-slide.dragging img{ pointer-events: none;}
.slick-initialized .slick-slide{ display: block;}
.slick-loading .slick-slide{ visibility: hidden;}
.slick-vertical .slick-slide{ display: block;  height: auto; border: 1px solid transparent;}
.slick-arrow.slick-hidden { display: none;}
.slick-dots{ position: absolute; bottom: -25px;display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center;}
.slick-dots li{ position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0;cursor: pointer;}
.slick-dots li button{ font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent;}
.slick-dots li button:hover,
.slick-dots li button:focus{ outline: none;}
.slick-dots li button:hover:before,
.slick-dots li button:before{font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

/*banner*/
@-webkit-keyframes scale-bg{
from{-webkit-transform:scale(1.2);transform:scale(1.2);}
to{-webkit-transform:scale(1);transform:scale(1);}
}
@keyframes scale-bg{
from{ -webkit-transform:scale(1.2); transform:scale(1.2); }
to{ -webkit-transform:scale(1);transform:scale(1);}
}
/*banner */
.index_main{ position:relative}
.reserve-box{ position:absolute; right:20%; top:55%; z-index:100; width:300px;-webkit-transform: translateY(-55%);  -ms-transform: translateY(-55%); transform: translateY(-55%);}
.reserve{ float:right; width:100%; padding:35px 25px; border-radius:10px;}
.reserve-title{ text-align:center; font:1.8rem/2rem ""; font-weight:bold;}
.reserve-title kbd{ font:2rem/2rem ""; color:#903b8f;font-weight:bold;}
.reserve-brief{ margin-top:25px; text-align:center; font:1.4rem/1.4rem ""; color:#666}
.reserve-brief kbd{ font:1.4rem/1.4rem ""; color:#903b8f;font-weight:bold;}
.reserve-input .reg-input{ width:100%; height:3.5rem; margin-top:25px; font:1.4rem/3rem ""; color:#666; border:1px solid #ccc; border-radius:6px; overflow:hidden}
.number-phone{ display:block; width:100%; height:3.5rem; padding-left:35px; background:url(../images/phone.jpg) no-repeat left 5px center}
.name-img{ display:block; width:100%; height:3.5rem; padding-left:35px; background:url(../images/name.jpg) no-repeat left 5px center}
.reserve-but .but-tijiao{ width:100%; height:3.5rem; margin-top:25px; font:1.4rem/3rem ""; color:#fff; background:#903b8f; border-radius:6px; overflow:hidden}
.index_main .banner-box{position: relative;}
.index_main .banner-box .index_banner .item{position: relative;background-size: cover;-webkit-background-size:cover;background-position: center;background-repeat: no-repeat;height:100vh;}
.index_main .banner-box .index_banner .item.slick-current .scaleBg{visibility: visible; -webkit-animation:scale-bg 6s linear forwards;animation:scale-bg 6s linear forwards;}
.index_main .banner-box .index_banner .items{background-size: cover;background-position: center center;background-repeat: no-repeat;position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 0;}
.index_main .banner-box .index_banner .items:after{content: "";display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: rgba(0,0,0,0.2);}
.index_main .banner-box .index_banner .item .inner .block_txt{ position: absolute;top: 50%; width:100%; transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.index_main .banner-box .index_banner .item .inner .block_txt2{ transform: translateY(40px);-webkit-transform: translateY(40px);opacity: 0; -webkit-transition: all 500ms ease; transition: all 500ms ease;}
.index_main .banner-box .index_banner .item.active .inner .block_txt2{opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 100ms; transition-delay: 100ms;}
.index_main .banner-box .index_banner .item .inner .block_txt p{ width:50%; display:block; font-family:'方正正大黑简体'; color: #fff;font-size: 60px; height:45px;font-weight: bold;letter-spacing:5px; padding:0px; margin:0px;}
.index_main .banner-box .index_banner .item .inner .block_txt kbd{ width:50%; display:block; color:#fff;font-size:60px;font-weight: bold;}
.index_main .banner-box .index_banner .item .inner .block_txt span{ width:50%; display:block; color:#fff;font-size:36px;font-weight: bold;margin-top:20px;}
.index_main .banner-box .index_banner .item .inner .block_txt a{ display:block; width:120px; height:4rem; margin-top: 30px; color: #fff;font: 1.6rem/4rem "";font-weight: bold; text-align:center; background:#903b8f; border-radius:60px;}
.index_main .banner-box .number{position: absolute;bottom:5%;left: 50%;padding-bottom: 5px;border-bottom: 1px solid rgba(255,255,255,0.2);display: table;padding: 0 20px;width: auto;text-align: center;transform: translateX(-50%);-webkit-transform: translateX(-50%);}
.index_main .banner-box .number span{font-family: "Myriad Pro","Microsoft YaHei";font-size: 14px;color: #fff;margin-right:100px;display: inline-block;cursor: pointer;position: relative;transition: all 500ms ease;-webkit-transition:all 500ms ease;}
.index_main .banner-box .number span:last-child{margin-right: 0;}
.index_main .banner-box .number span:after{content: "";display: inline-block;width: 0;height: 2px;background: #fff;position: absolute;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);bottom:-20px;opacity: 0;visibility: hidden;transition: all 500ms ease;-webkit-transition:all 500ms ease;}
.index_main .banner-box .number span.active:after{width: 100%;opacity: 1;visibility: visible;}
.index_main .section2{background: #f5f5f5;}
.index_main .section2 span{text-align: center;}
.index_main .section3{width: 100%;height: 100%;background: url(../images/3.jpg) no-repeat;background-size: 100% 100%;}
.index_main .section3 span{text-align: center;}
.index_main .section4{background: #f5f5f5;}
.index_main .section4 span{text-align: center;}

@media only screen and (max-width: 1600px){
    .index_main .banner-box .index_banner .item .inner .block_txt kbd{font-size: 60px}
	.index_main .banner-box .index_banner .item .inner .block_txt span{font-size: 32px;}
	.reserve-box{ width:25%; right:15%; }

}
@media only screen and (max-width: 1440px){
	.index_main .banner-box .index_banner .item .inner .block_txt kbd{font-size: 50px;}
	.index_main .banner-box .index_banner .item .inner .block_txt span{font-size: 30px;margin-top: 15px;}
	.reserve-box{ width:25%; right:8%; }

}
@media only screen and (max-width: 1366px){
	.index_main .banner-box .index_banner .item .inner .block_txt kbd{font-size: 40px;}
	.index_main .banner-box .index_banner .item .inner .block_txt span{font-size: 28px;}
	.index_main .banner-box .index_banner .slick-arrow{background-size: auto 30px;}
}
@media only screen and (max-width: 1300px){

}
@media only screen and (max-width: 1199px){
    .index_main .banner-box .index_banner .item .inner .block_txt p{ width:100%; }
    .index_main .banner-box .index_banner .item .inner .block_txt kbd{ font-size: 36px;}
	.index_main .banner-box .index_banner .item .inner .block_txt span{ font-size: 26px;}
	.reserve-box{ width:90%; right:5%; }
.reserve{width:40%;}
}
@media only screen and (max-width: 992px){
	.index_main .banner-box .index_banner .item{height: 100vh;}
	.index_main .banner-box .index_banner .slick-arrow{display: none !important;}
    .index_main .banner-box .index_banner .slick-dots{ position: absolute;bottom: 12px }
    .index_main .banner-box .index_banner .slick-dots li{width: 12px; height: 12px;border-radius: 50%;border:2px solid #fff;}
    .index_main .banner-box .index_banner .slick-dots li button{display: none; }
    .index_main .banner-box .index_banner .slick-dots li.slick-active{background: #fff;}
	.index_main .banner-box .number{bottom: 12%;display: none;}
	.index_main .banner-box .number span{margin-right: 22px;}
	.index_main .banner-box .number span:after{bottom: -14px;}
.index_main .banner-box .index_banner .item .inner .block_txt kbd{ font-size: 34px;}
.index_main .banner-box .index_banner .item .inner .block_txt span{font-size: 22px;}
.reserve{ width:45%; }

}
@media only screen and (max-width: 768px){
.index_main .banner-box .index_banner .item .inner .block_txt{ top:30%; width:80%; margin:0 10%}
.index_main .banner-box .index_banner .item .inner .block_txt p{ width:100%; text-align:center}
.index_main .banner-box .index_banner .item .inner .block_txt kbd{ width:100%; text-align:center}
.index_main .banner-box .index_banner .item .inner .block_txt span{ width:100%; text-align:center}
.index_main .banner-box .index_banner .item .inner .block_txt a{ margin:20px auto;}
.reserve-box{ position:absolute; top:70%; z-index:100; box-sizing:border-box; width:70%; right:15%; }
.reserve{ float:none; margin:0 auto; width:80%; padding:35px 25px; border-radius:10px; box-sizing:border-box}
.block_txt .container{ width:100%; margin:0px; padding:0px; text-align:left}

}

@media only screen and (max-width: 414px){

.index_main .banner-box .index_banner .item .inner .block_txt{ top: 28%;width:90%; margin:0 5%;}
.index_main .banner-box .index_banner .item .inner .block_txt p{ width:100%; text-align:left}
.index_main .banner-box .index_banner .item .inner .block_txt kbd{ font-size: 22px; text-align:left}
.index_main .banner-box .index_banner .item .inner .block_txt span{ font-size: 14px; text-align:left}
.index_main .banner-box .index_banner .item .inner .block_txt a{ margin:20px 0;}
.reserve-box{ width:90%; margin:0 5%; right:0}
.reserve{ width:100%}
.index_main .banner-box .index_banner .item .inner .block_txt a{ display:block; width:120px; height:3rem; margin-top: 15px; color: #fff;font: 1.4rem/3rem "";font-weight: bold; text-align:center; background:#903b8f; border-radius:60px;}

}

@media only screen and (max-width: 340px){
 
}
@media only screen and (max-width: 320px){
	
}