@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0; font-family:Microsoft YaHei;}
ul,li{list-style:none;}
.logo{ text-align:center; padding:20px 0 0 0;}
.example {text-align: center;margin: 20px auto; position:relative;}
.nav{ position:absolute; top:15px; right:50px; z-index:100;}
.nav ul{ overflow: hidden;}
.nav ul li{ float:left; padding:0 20px 0 0;}
.nav ul li a{ color:#fff; text-decoration:none;}
.nav ul li a:hover{ color:#727171;}
.nav01{ position:absolute; top:15px; right:50px; z-index:100;}
.nav01 ul{ overflow: hidden;}
.nav01 ul li{ float:left; padding:0 20px 0 0;}
.nav01 ul li a{ color:#4d4d4d; text-decoration:none;}
.nav01 ul li a:hover{ color:#727171;}


.wrap{width:1000px; margin:0 auto;}
.wrap .intro{ overflow:hidden; margin:50px 0;}
.wrap .intro_left{float:left; width:340px; padding:80px 30px 0 30px;}
.wrap .intro_left .h1tit{ font-weight:normal; font-size:18px; color:#000; padding:0 0 20px 0;}
.wrap .intro_left .para{ font-size:14px; color:#4d4d4d;}
.wrap .intro_right{ float:right; width:600px;}

.menu{margin: 0 0 100px 0;}
.menu ul.ulmenu{overflow: hidden; margin: 50px 0 0 0;}
.menu ul.ulmenu li{width:500px; float: left; position:relative;}
.menu ul.ulmenu li a{text-decoration: none; color: #000; display: block; }
.menu ul.ulmenu li a img{float: left;}
.menu ul.ulmenu li a .sp{ background: #f7f7f7; float: left; display: block; width: 190px; height: 150px; padding:50px 30px;}
.menu ul.ulmenu li a .sp em{ font-style: normal; padding: 10px 0 0 0; display: inline-block;}
.menu ul.ulmenu li .maskLayer{position: absolute; top: 0; left: 0; background:url(../img/opacity.png) repeat; width: 500px; height: 250px; color: #fff; }
.menu ul.ulmenu li .maskLayer .sp{color: #fff; padding: 50px 0 0 0; display: block; background: none;}
.menu ul.ulmenu li .maskLayer .sp em{font-style: normal;display: inline-block; padding: 10px 0 0 280px; width: 500px;}
.menu ul.ulmenu li .maskLayer .sp01{color: #fff; padding: 50px 0 0 0; display: block;}
.menu ul.ulmenu li .maskLayer .sp01 em{font-style: normal;display: inline-block; padding: 10px 0 0 30px;}

.menu .ulhsl{overflow: hidden; margin:0  -20px 0 0;}
.menu .ulhsl li{float: left; margin: 0 10px 0 0;}
.menu .ulhsl li a{text-decoration: none; color: #000;}
.menu .ulhsl li a p{text-align: center; padding: 5px 0 0 0;}

.hsl img,.movie img{width: 100%;}
.wrap .h1tit01{font-size: 18px; color: #000; text-align: center; font-weight: normal; padding: 0 0 20px 0;}
.wrap .para01{ font-size: 14px; color: #4d4d4d; text-align: center; line-height: 23px; }
.wrap .para03{ text-align: center; }
.wrap .para03 a{ text-decoration: none;}
.wrap .para03 a:hover{ color: #727171;}
.wrap .para04{ font-size: 14px; color: #4d4d4d; line-height: 23px; padding: 5px 0 10px 0;}
.wrap .pImg{padding: 3px 0 5px 0; font-size: 0px;}
.wrap .pImg span{text-align: center; display: inline-block; font-size: 14px; padding: 2px 0 0 0; }
.wrap .pImg .span01{width: 1000px;}
.wrap .pImg .span02{width: 390px;}
.wrap .pImg .span03{width: 600px;}
.wrap .pImg .span04{width: 500px;}
.wrap .pImg .span05{width: 326px;}
.wrap .pb15{padding: 0 0 15px 0;}
.wrap .pb50{padding: 0 0 50px 0;}
.wrap .fblod{ font-weight: bold; font-size: 16px;}
.ulmovie{overflow: hidden;}
.ulmovie li{  overflow: hidden; float: left;}
.ulmovie li .movImg{ float: left; width: 500px; height: 300px;}
.ulmovie li .movCon01{ float: left; width: 399px; height: 189px; padding: 60px 50px 50px 50px;  font-size: 14px; color: #4d4d4d; /*border-top: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7;*/}
.ulmovie li .movCon01 .para02{ padding: 0 0 10px 0; line-height: 20px;}

.hotel_list{ width: 880px; margin: 30px auto 50px auto;}
.ulhotel{overflow: hidden;}
.ulhotel li{float: left; width: 80px;}
.ulhotel li a{display: block; text-decoration: none; color: #4d4d4d; padding: 10px 0;}
.ulhotel li a span{display: block; text-align: center; line-height: 30px;}
.ulhotel li a:hover{ background: #539b35; color: #fff;}
.ulhotel li a.active{ background: #539b35; color: #fff;}
.ulhotel li.noclick a{pointer-events:none;}

.container{background: url(../img/hotel_bg.jpg) repeat; width:100%; height: 625px; margin: 80px 0 0 0; }
.hotel{width: 1200px; margin: 0 auto;}
.hotel .hotel01{width: 750px; float: left; padding: 21px 0 0 0; position:relative;}
.hotel .hotel01 .map01,.hotel .hotel01 .map02,.hotel .hotel01 .map03,.hotel .hotel01 .map04{position: absolute; width: 83px; height: 26px; display:inline-block; text-indent: -9999px;}
.hotel .hotel01 .map01{top:251px; left: 470px; background: url(../img/hotel_map_qd.png) no-repeat;}
.hotel .hotel01 .map02{top:502px; left: 569px; background: url(../img/hotel_map_syw.png) no-repeat;}
.hotel .hotel01 .map03{top:496px; left: 655px; background: url(../img/hotel_map_htw.png) no-repeat;}
.hotel .hotel01 .map04{top:531px; left: 627px; background: url(../img/hotel_map_ylw.png) no-repeat;}
.hotel .hotel01 .map01:hover{background: url(../img/hotel_map_qd.png) 0 -26px;}
.hotel .hotel01 .map02:hover{background: url(../img/hotel_map_syw.png) 0 -26px;}
.hotel .hotel01 .map03:hover{background: url(../img/hotel_map_htw.png) 0 -26px;}
.hotel .hotel01 .map04:hover{background: url(../img/hotel_map_ylw.png) 0 -26px;}
.hotel .hotel02{width: 450px; float: left; padding: 100px 0 0 0;}
.hotel .hotel02 .h1tit{font-size: 20px; color:000; padding: 0 0 30px 0; }
.hotel .hotel02 .para{font-size: 14px;color: #4d4d4d; padding: 0 0 10px 0; line-height: 22px;}

.swiper-pagination-bullet{width: 10px !important; height: 10px !important; opacity: 0.5 !important;}
.swiper-pagination-bullet-active{opacity: 1 !important;}