.fl{float: left;}
.fr{float: right;}
.banner{height: 300px;padding-top: 80px;position: relative;overflow: hidden;}
.banner .on{position: absolute;left:0px;top:170px;animation: myMove01 2s;}
.banner .on h3{font-size: 28px;color:#fff;position: absolute;left:260px;top: 24px;animation: myMove 1.6s;animation-delay:.2s;}
.banner .on p{font-size: 18px;color:#fff;position:absolute;left:260px; top:66px;
animation: myMove 1.6s;animation-delay:.6s;
}
@keyframes myMove{
0%{left:0;}
100%{left:260px;}
}
@keyframes myMove01{
0%{left:-1124px;}
100%{left:0;}
}.wrap{width: 1174px;margin: 0 auto;}
.main{overflow: hidden;/*border-bottom: 1px solid #e5e5e5;*/}
.main h3{width: 88px;border-bottom: 2px solid #750173;font-size: 20px;color:#750173;line-height: 86px;}
.til{overflow: hidden;border-bottom: 1px solid #e5e5e5;}
.til ul li{float: left;padding: 0 10px;text-align: center;line-height: 88px;-webkit-box-sizing:border-box;}
.til ul li a{color:#666666;font-size: 16px;float: left;}
.til ul li.current a{color:#750173;}
.til ul li::after{content:"/"; color:#666;padding-left: 10px;}
.til ul li:nth-of-type(5)::after{content:"";}
.hotel{overflow: hidden;padding-top: 60px;}
.hotel .img_box{float: left;margin-right: 5px;width: 230px;height: 490px;
position: relative;}
.hotel .img_box img{position: absolute;left:0; top:0;-webkit-transition:all 1s;}
.hotel .img_box:hover img{transform:rotateY(180deg);}
.hotel .img_box:hover span{color:#750173;/*text-decoration: underline;*/}
.hotel .img_box.last{margin-right: 0;}
.hotel .img_box:hover{box-shadow:1px 2px 10px #666;}
.hotel .img_box .father{width: 230px;height: 390px;overflow: hidden;
display: block;}
.hotel .img_box .father .m{display: none;`}
.hotel span{display: block;text-align:center;padding-top: 40px;display: block;font-size: 14px;color:#444444;}
.hotel {overflow: hidden;border-bottom: 1px solid #e5e5e5;padding-bottom: 30px;}
.hotel.two{border-bottom: 0 none;}
.more{width: 100%;height: 100px;border-bottom: 1px solid #e5e5e5;border-top: 1px solid #e5e5e5;background: #f0f0f0;text-align: center;}
.more a{line-height: 102px;font-size: 18px;color:#666666;position: relative;}
.more span{width: 40px;height: 40px;display: inline-block;border: 1px solid #e5e5e5;
    position: absolute;top:-31%;left:-80%;}
.more  i{position: absolute;top:-70%;left:29%;}
.more  i ins{position: absolute;top:0;left:0;}
.hotel .img_box .father .pc,
.hotel .img_box .father .m{position: absolute;left:50%; top:10px; margin-left: -115px;}
@media (min-width: 320px) and (max-width:639px ) {
.hotel .img_box .father .pc{display: none;}
.hotel .img_box .father .m{display: block;padding-top: 10px 0;}
.til ul li{line-height: 54px;padding:0 14px;}
.main .til ul{float:left;}
.banner{height: 180px;}
.banner .on{display: none;}
.wrap{width: 93.75%;}
.main h3{padding-left: 3%;}
.hotel .img_box{width: 100%;text-align: center;}
.til ul li a{font-size: 14px;}
}

@media (min-width:640px) and (max-width:1023px) {
.hotel .img_box .father .pc{display: none;`}
.hotel .img_box .father .m{display: block;padding-top: 10px 0;}   
.wrap{width: 100%;}
.banner .on{position: absolute;left:0px;top:176px;animation: myMove01 2s;}
.banner .on img{width: 100%;padding-left: 60px;}
.banner .on h3{font-size: 20px;left:260px;top:8px;}
.banner .on p{font-size: 14px;left:260px;top:36px;}
.training h2{font-size: 24px;padding-top: 40px;padding-bottom: 20px;}
.main h3{padding-left: 3%;}
.hotel{padding-left: 3%;}
.banner{height: 260px;}
.hotel .img_box{width: 31%;text-align: center;overflow: hidden;}
.hotel .img_box .father{width: 100%;overflow: hidden;}
}

@media (min-width:1024px) and (max-width:1560px) {  
.wrap{width: 93.75%;}
.banner{height: 300px;}
.hotel .img_box{width: 24%;text-align: center;overflow: hidden;}

.main h3,.hotel{padding-left: 4%;}

}