.hotels{width: 100%;position: relative;overflow: hidden;margin-top: 100px;}

.hotels .box_seat{position: relative;width: 100%;overflow: hidden;height: 200px;padding-top: 35.44%;}

.hotels .box{display: block;display: none;width: calc(20% - 1px);position: absolute;top: 0;left: 0;border-right: 1px solid #ccc;cursor: pointer;
			transition: all 700ms;-moz-transition: all 700ms;-webkit-transition: all 700ms;-o-transition: all 700ms;}

.hotels li.box.next{left: 100%;}
.hotels li.box.prev{left: -20%;}
.hotels li.box.cur1{left: 0;}
.hotels li.box.cur2{left: 20%;}
.hotels li.box.cur3{left: 40%;}
.hotels li.box.cur4{left: 60%;}
.hotels li.box.cur5{left: 80%;}

.hotels .box_btn{position: absolute; top: 30%; width: 50px; height: 50px;z-index: 999;cursor: pointer;}
.hotels .box_left { left: 0px; margin-left: 50px; background: url(index_nhw/arrow_left.png) no-repeat center; }
.hotels .box_right {right: 0px; margin-right: 50px; background: url(index_nhw/arrow_right.png) no-repeat center;}



.hotels .box .box_img{width: 100%;height: auto;position: relative;}
.hotels .box .box_img img{width: 100%;}
.hotels .box .box_img .box_shade{top: 0;left: 0;width: 100%;height: 100%;position: absolute;background: rgba(0,0,0,0.5);}

.hotels .box .box_bg{width: 100%;height: 200px;position: relative;}

.hotels .box .box_tt{text-align: center;position: absolute;bottom: 0;width: 100%;height: 100%;overflow: hidden;}
.hotels .box .box_tt h3{height: 50px; line-height: 50px; margin-top: 10px; display: block;
						font-weight: 500; color: #a3a3a3; font-size: 30px; font-family: 'heliosextthinregular'; }
.hotels .box .box_tt h4{height: 30px; line-height: 30px; display: block;
						font-weight: 500; color: #105e8f; font-size: 22px;margin-top: 5px;}
						



.hotels .box .box_cross{width: 100%;height: 50px;position: relative;margin-top: 30px;}
.hotels .box .psh_btn a{margin-top: 20px;display: inline-block;background: url(../img/pshBtn.png) no-repeat center; width: 85px;height: 31px;line-height: 31px;color: white;font-size: 14px;}

.hotels .box .box_cross .cross_vertical{position: absolute;top: 200px;left: 50%;margin-left: -25px;margin-top: 0px;width: 50px;height: 50px;
						background: url(hotels/play_b.png) no-repeat center center;background-size: cover;}
.hotels .box .box_cross .cross_horizontal{position: absolute;top: 50%;left: -500%;margin-left: -25px;margin-top: -25px;width: 50px;height: 50px;
						background: url(hotels/play.png) no-repeat center center;background-size: cover;opacity:0.5;filter:Alpha(opacity=50);}

.hotels .box *{transition: all 300ms;-moz-transition: all 300ms;-webkit-transition: all 300ms;-o-transition: all 300ms;}
.hotels .box .box_tt .box_cross .cross_vertical{transition: all 200ms 300ms;-moz-transition: all 200ms 300ms;-webkit-transition: all 200ms 300ms;-o-transition: all 200ms 300ms;}
.hotels .box .box_tt .box_cross .cross_horizontal{transition: all 200ms 500ms;-moz-transition: all 200ms 500ms;-webkit-transition: all 200ms 500ms;-o-transition: all 200ms 500ms;}

.hotels .box:hover .box_img .box_shade{background: rgba(0,0,0,0);}

.hotels .box:hover .box_tt{background: #105e8f;height: 320px;}
.hotels .box:hover .box_tt h3{color: #fff;font-sie: 34px;display: none !important;}
.hotels .box:hover .box_tt h4{color: #fff;font-sie: 22px;height: 50px; line-height: 50px;}
.hotels .box:hover .box_tt  h2{display: block;margin-top: 50px;}


.hotels .box:hover .box_cross .cross_vertical{top: 0;}
.hotels .box:hover .box_cross .cross_horizontal{left: 50%;}

.hotels .box .box_cross .cross_horizontal:hover{opacity: 1;filter:Alpha(opacity=100);transition: all 100ms;-moz-transition: all 100ms;-webkit-transition: all 100ms;-o-transition: all 100ms;}

.hotels_full{position: fixed;z-index: 999999;width: 100%;height: 100%;top: 0;left: 0;;background: #fff;display: none;}

.hotels_full .box_txt{width: calc(20% - 40px);/* height: calc(100% - 100px); */ height:100%;overflow: hidden;float: left;/* padding: 100px 20px 0 20px; */ padding: 10px 20px 0 20px;}
.hotels_full .box_bg{background-color:white;height: calc(100% - 40px);overflow: hidden;float: left;padding: 10px 20px 0 20px;border-radius:5px}
.hotels_full .box_txt .box_oa{width: 200%;max-height: calc(100% - 90px);overflow: auto;overflow-x: hidden;overflow-y: auto;}
.hotels_full .box_txt .box_oa>div{width: 50%;}
.hotels_full .box_txt .box_h1{font: normal 21px/26px "Microsoft YaHei";font-weight: 500;}
.hotels_full .box_txt .box_h4{margin-top: 10px;font: normal 13px/18px "Microsoft YaHei";color: #A3A3A3;}
  
.hotels_full .box_txt .box_close{width: 31px; height: 31px; background: url('../img/close.png') no-repeat 50% 50%; position: absolute; /* top: 50px; right: 50px; */ top: 20px; right: 30px; cursor: pointer;}
.hotels_full .box_txt .box_btn{width: 100%;background: #bf9766;color: #fff;font: normal 15px/30px "Microsoft YaHei";text-align: center;margin-top: 30px;cursor: pointer;}

.hotels_full .box_main{width: 80%;height: 100%;overflow: hidden;float: left;}


.box_blmd .box_main .box_ul{width: 23%;height: 100%;float: left;}
.box_blmd .box_main .box_ul .box_li{width: 100%;height: 20%;position: relative;cursor: pointer;}

.box_blmd .box_main .box_img{width: 77%;height: 100%;float: left;}
.box_blmd .box_main .box_ul .box_li,.box_blmd .box_main .box_img{
		background-repeat: no-repeat;background-size: cover;background-position: center center;
		transition: all 600ms;-moz-transition: all 600ms;-webkit-transition: all 600ms;-o-transition: all 600ms;}

.box_blmd .box_main .box_shade{position: absolute;width: 100%;height: 100%;background: rgba(0,0,0,0.5);}
.box_blmd .box_main .box_tt{position: absolute;top: 50%;left: 0;width: 100%;height: 50px;max-height: 100%;margin-top: -25px;color: #fff;text-indent: 20px;}
.box_blmd .box_main .box_li.cur .box_shade,.box_blmd .box_main .box_li.cur .box_tt{display: none;}

.box_blmd .box_main .box_ul .box_li h3{font: normal 24px/30px "Microsoft YaHei";}
.box_blmd .box_main .box_ul .box_li h4{font: normal 18px/20px "Microsoft YaHei";}



.box_nhkz .box_main{background-repeat: no-repeat;background-size: cover;background-position: center center;
transition: all 600ms;-moz-transition: all 600ms;-webkit-transition: all 600ms;-o-transition: all 600ms;}

.box_nhkz .box_main .box_shade{width: 20%;height: 100%;float: left;overflow: hidden;background: rgba(0,0,0,0.5);position: relative;}

.box_nhkz .box_main .box_oh{margin: 10px 0 10px 10%;padding-left: 22px;width: 100%;height: 580px;position: absolute;top: 50%;margin-top: -290px;}

.box_nhkz .box_main .box_shade .box_ul{width: 100%;max-height: calc(100% - 40px);overflow: visible;border-left: 2px solid #fff;padding: 20px 0;}

.box_nhkz .box_main .box_ul .box_li{width: 100%;position: relative;height: 45px;line-height: 45px;font-size: 15px;text-indent: 26px;color: #AEAAA4;cursor: pointer;}
.box_nhkz .box_main .box_ul .box_li.cur{color: #D2D2CC;color: #bf9766;font-size: 17px;}

.box_nhkz .box_main .box_ul .box_li.cur i{background: #bf9766;border: 1px solid #bf9766;}
.box_nhkz .box_main .box_ul .box_li i{display: block;position: absolute;
					top: 50%;margin-top: -6px;height: 12px;margin-left: -8px;width: 12px;border: 1px solid #fff;border-radius: 7px;background: #fff;}


.box_yhysj .box_main,.box_ysj .box_main,.box_cd .box_main,.box_cycs .box_main,.box_js .box_main{position: relative;background-repeat: no-repeat;background-size: cover;background-position: center center;
										transition: all 600ms;-moz-transition: all 600ms;-webkit-transition: all 600ms;-o-transition: all 600ms;}
.box_yhysj .box_left,.box_ysj .box_left,.box_cd .box_left,.box_cycs .box_left,.box_js .box_left{position: absolute;cursor: url(hotels/arrow_left.png),pointer;width: 50%;height: 100%;top: 0;left: 0;}
.box_yhysj .box_right,.box_ysj .box_right,.box_cd .box_right,.box_cycs .box_right,.box_js .box_right{position: absolute;cursor: url(hotels/arrow_right.png),pointer;width: 50%;height: 100%;top: 0;right: 0;}