*{margin:0;padding:0;}

table {
  border-collapse: collapse;
  border-spacing: 0
}

h1,h2,h3,h4,h5,h6 {
  font-size: 100%
}

ul,ol,li {
  list-style: none
}

em,i {
  font-style: normal
}
body{font-family:"Microsoft Yahei",Arial,sans-serif,Arial,STHeiti;}
.clearfix:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: "."
}

.clearfix {
  display: inline-block
}

* html .clearfix {
  height: 1%
}
.clearfix {
  display: block
}
body{
  background-color: #F4F4F4;
}
.uhide{display: none;}
.delay11{ -moz-animation-delay: 1.1s; -webkit-animation-delay: 1.1s;  -o-animation-delay: 1.1s; animation-delay: 1.1s;}
.delay12{ -moz-animation-delay: 1.2s; -webkit-animation-delay: 1.2s;  -o-animation-delay: 1.2s; animation-delay: 1.2s;}
.delay13{-moz-animation-delay: 1.3s; -webkit-animation-delay: 1.3s;  -o-animation-delay: 1.3s;  animation-delay: 1.3s;}
.delay14{-moz-animation-delay: 1.4s; -webkit-animation-delay: 1.4s;  -o-animation-delay: 1.4s;  animation-delay: 1.4s;}
.delay15{-moz-animation-delay: 1.5s; -webkit-animation-delay: 1.5s;  -o-animation-delay: 1.5s;  animation-delay: 1.5s;}
.delay16{-moz-animation-delay: 1.6s; -webkit-animation-delay: 1.6s;  -o-animation-delay: 1.6s;  animation-delay: 1.6s;}
.delay17{-moz-animation-delay: 1.7s; -webkit-animation-delay: 1.7s;  -o-animation-delay: 1.7s;  animation-delay: 1.7s;}
.delay18{-moz-animation-delay: 1.8s; -webkit-animation-delay: 1.8s;  -o-animation-delay: 1.8s;  animation-delay: 1.8s;}
.delay19{-moz-animation-delay: 1.9s; -webkit-animation-delay: 1.9s;  -o-animation-delay: 1.9s;  animation-delay: 1.9s;}
.delay21{-moz-animation-delay: 2.1s; -webkit-animation-delay: 2.1s;  -o-animation-delay: 2.1s;  animation-delay: 2.1s;}
.delay22{-moz-animation-delay: 2.2s; -webkit-animation-delay: 2.2s;  -o-animation-delay: 2.2s;  animation-delay: 2.2s;}
.delay23{-moz-animation-delay: 2.3s; -webkit-animation-delay: 2.3s;  -o-animation-delay: 2.3s;  animation-delay: 2.3s;}
.delay24{-moz-animation-delay: 2.4s; -webkit-animation-delay: 2.4s;  -o-animation-delay: 2.4s;  animation-delay: 2.4s;}
/*p,span{
	word-spacing:8px;
	letter-spacing:2px;	
}*/
.logo{background:url(../images/logo.png) no-repeat left center; width:240px; float: left; height: 100px;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#00FFFFFF, endColorStr=#00FFFFFF);}
a{
  color:#FFF;
  text-decoration: none;
}
.middle{
  width:1200px;
  margin:0 auto;
}
body{
  position: relative;
}
.header{
  width:100%;
  min-width:1200px;
  height:121px;
  background-color: #FFF;
  position: fixed;
  top:0;
  left:0;
  z-index: 10; box-shadow: 0 0 2px #ddd;
}
.header>div{
  position: relative;
}
.header img{
  position: absolute;
  top:31px;left:0;
}
.header ul{padding: 37px 0 0 400px;}
.header ul li{
  width:200px;
  float:left;
  position: relative;
  cursor:pointer;
}
.header ul li.list:after{
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  width: 2px;
  height:46px;
  content: '';
  -webkit-transform: scaleY(.6);
  transform: scaleY(.6);
  background-color: #444;

}
.header ul input[type="radio"] + li p{
  color:#666;
}
/*header ul input[type="radio"]:checked + li p{
  color:#FFA000;
}*/
.header ul li p{
  text-align: center;
  color:#666;
}
.header ul li p.zn{
  font-size: 20px;
}
.header ul li p.en{
  font-size: 14px;
}
.banner{
  width:100%;
  position: relative;
  /* margin-top: 121px;  */
  min-height: 500px; overflow: hidden;
}
.banner .middle{
  height:100%; top: 0;
}

.foucsSlide .prev,
.foucsSlide .next{background-image: url(../images/indexprevnext.png); background-repeat: no-repeat;}
.foucsSlide .prev,
.foucsSlide .next{ position:absolute; left:0px; top:50%; width: 40px; height:70px; margin-top:-35px;
-moz-transition:opacity .2s ease-in;-o-transition:opacity .2s ease-in;transition:opacity .2s ease-in;opacity:0; filter:alpha(opacity=0);
}
.foucsSlide .prev{ background-position:0px 0px; left:0px;}
.foucsSlide .next{ left:auto; right:0px;  background-position:-40px 0;}
.foucsSlide:hover .prev{opacity:1; filter:alpha(opacity=100);left:20px;}
.foucsSlide:hover .next{opacity:1; filter:alpha(opacity=100);right:20px;}
.foucsSlide .prev:hover{background-position:0 -70px;}
.foucsSlide .next:hover{background-position:-40px -70px;}


.partA {position: relative; z-index: 9;}
/* banner */
.foucsSlide{height:auto; width: 100%; position: relative; z-index: 9;}
.foucsSlide .bd ul{width:100%; position: relative;}
.foucsSlide li{width: 100%;position: relative;}
.foucsSlide li img{width: 100%; height: auto;}
.foucsSlide .hd{bottom: 10px;right: 19%; z-index:9; display: none;}
.foucsSlide .btn{position: absolute; width:100%;
  left:0; z-index: 3; height:2px; top:50%; margin-top: -1px;}
.foucsSlide .btn .prev{left:5%; top: 50%;}
.foucsSlide .btn .next{right:5%; top: 50%;}
.foucsSlide:hover .btn{display: block;}
.foucsSlide:hover .btn .prev{left:5%;}
.foucsSlide:hover .btn .next{right:5%;}

#foucsSlideList{height: 500px; overflow: hidden;}
.banner .middle{width: 660px; margin: 0 auto; position: absolute; z-index: 2; left: 50%; bottom: 0; margin-left: -600px;}
.banner .middle .con{
  height: 146px;
  border:3px solid #F9CA79;
  background-color: rgba(0,0,0,.35);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
  padding:24px 40px;
  color:#FFF;
  position: absolute;
  top:50%;
  margin-top: -20px;
}
.banner .middle p{
  word-spacing:8px;
  letter-spacing:2px; 
}
.banner .middle p.name{
  font-size: 36px;
}
.banner .middle p.address{
  font-size: 24px;
  color:#DDD;
}
.banner .middle p.tip{
  display:inline-block;
  background: #F9CA79 url(../images/phone.png) no-repeat 10px center;
  margin-top: 20px;
  font-size: 24px;
  position: relative;
  padding: 5px 24px 5px 58px; width: auto;
}

.room{
  padding-top: 40px;
  padding-bottom: 79px;
}


.tabTit{border-bottom: solid 1px #ddd;}
.tabTit li{display: inline-block; font-size: 24px; line-height:60px; padding:0 20px; margin:0 20px; color: #666;
cursor:pointer;}
.tabTit li.active{border-bottom: solid 2px #ffa000; color: #444;}


/* 本例子css */
    .hxSlideBox{ width:1200px; height:450px; overflow:hidden; position:absolute; left: 0; top: 0 }
    .hxSlideBox .hd{ height:450px; width:400px; overflow:hidden; position:absolute; right:0px; bottom:0px; z-index:1; background: #fff; }
    .hxSlideBox .hd ul{padding-top: 30px;}
    .hxSlideBox .hd ul li{ line-height: 60px; text-align: center;}
    .hxSlideBox .hd ul li a{display: inline-block; border-bottom: solid 1px #fff; padding:0 10px;line-height: 60px;
      color: #444; width: 140px; margin: 0 auto; text-align: left; padding-left: 50px; position: relative; white-space: nowrap;}
    .hxSlideBox .hd ul li.on a{border-bottom: solid 1px #ffa000;}
    
    .hxSlideBox .bd{ position:relative; height:450px; z-index:0;   }
    .hxSlideBox .bd li{ zoom:1; vertical-align:middle; position: relative;}
    .hxSlideBox .bd img{ width:800px; height:450px; display:block;  }
.hxSlideBox .bd .txt{
  background: url(../images/opacity.png); padding:20px; position: absolute; left: 0; bottom: 0;
  width: 760px; color: #fff;
}
.hxSlideBox .bd .txt h3{font-size: 22px; margin-bottom: 10px;}
.hxSlideBox .bd .txt p{font-size: 14px; line-height: 1.5;}
    /* 下面是前/后按钮代码，如果不需要删除即可 */
    .hxSlideBox .prev,
    .hxSlideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
    .hxSlideBox .next{ left:auto; right:3%; background-position:8px 5px; }
    .hxSlideBox .prev:hover,
    .hxSlideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
    .hxSlideBox .prevStop{ display:none;  }
    .hxSlideBox .nextStop{ display:none;  }


.hxSlideBox .hd li a b{background:url(../images/icons.png?20170824) no-repeat; width: 40px; height: 40px; position: absolute;
left: 0; top: 10px;}

.hxSlideBox_1 .hd li a b{background:url(../images/icons2.png?20180614) no-repeat; width: 40px; height: 40px; position: absolute;
left: 0; top: 10px;}
.hxSlideBox_2 .hd li a b{background:url(../images/icons3.png?20181120) no-repeat; width: 40px; height: 40px; position: absolute;
left: 0; top: 10px;}
.hxSlideBox .hd li a b.icon_0{background-position: 0 0;}
.hxSlideBox .hd li a:hover b.icon_0{background-position: -40px 0;}
.hxSlideBox .hd li a b.icon_1{background-position: 0 -40px;}
.hxSlideBox .hd li a:hover b.icon_1{background-position: -40px -40px;}
.hxSlideBox .hd li a b.icon_2{background-position: 0 -80px;}
.hxSlideBox .hd li a:hover b.icon_2{background-position: -40px -80px;}
.hxSlideBox .hd li a b.icon_3{background-position: 0 -120px;}
.hxSlideBox .hd li a:hover b.icon_3{background-position: -40px -120px;}
.hxSlideBox .hd li a b.icon_4{background-position: 0 -160px;}
.hxSlideBox .hd li a:hover b.icon_4{background-position: -40px -160px;}
.hxSlideBox .hd li a b.icon_5{background-position: 0 -200px;}
.hxSlideBox .hd li a:hover b.icon_5{background-position: -40px -200px;}
.hxSlideBox .hd li a b.icon_6{background-position: 0 -240px;}
.hxSlideBox .hd li a:hover b.icon_6{background-position: -40px -240px;}


#hxBox .con{position: relative; height: 450px;margin:20px 0;}


.room .fangxing{
  margin-top: 40px;
}
.room .fangxing dt{
  position: relative;
  font-size: 20px;
  color:#444;
  padding-left: 10px;
}
.room .fangxing dt:before{
  position: absolute;
  right: 0;
  bottom: -2px;
  left: 0;
  width: 2px;
  height:29px;
  content: '';
  -webkit-transform: scaleY(.6);
  transform: scaleY(.6);
  background-color: #F29700;
}

.room .fangxing dt span{
  font-size: 14px;
  color:#999;
}
.room .fangxing dt span i{
  margin:0 10px;
}
.room .fangxing dd ul{
  margin-top: 20px;
}
.room .fangxing dd ul li{
  width:536px;
  padding:27px;
  float:left;
  background-color: #FFF; margin-bottom:20px
}
.room .fangxing dd ul li img{
  vertical-align: middle;
  float: left; width: 320px; height: 220px;
}

.room .fangxing dd .xq{
  padding-left: 20px;float: left; width: 190px;
}
.room .fangxing dd .xq h3{
  font-size: 24px;
  color:#666;
  text-align: left;
  position: relative;
}
.room .fangxing dd .xq .btn{
  width:132px;
  height:30px;
  line-height: 30px;
  text-align: center;
  
  background-color: #FFA000;
  border-radius: 5px;
  font-size:16px;
  margin-top: 5px;
}
.room .fangxing dd .xq .btn a{
  color: #FFF;
  text-decoration: none;
}
/*.room .fangxing dd .room01 h3:after{
  position: absolute;
  right: 1px;
  bottom: -14px;
  width: 50px;
  height:6px;
  content: '';
  -webkit-transform: scaleY(.6);
  transform: scaleY(.6);
  background-color: #FED903;
}
.room .fangxing dd .room02 h3:after{
  position: absolute;
  right: 1px;
  bottom: -14px;
  width: 50px;
  height:6px;
  content: '';
  -webkit-transform: scaleY(.6);
  transform: scaleY(.6);
  background-color: #34B496;
}*/
.room .fangxing dd .xq p{
  font-size: 14px;
  color:#666;
}
.room .fangxing dd .xq .price{
  font-size: 30px;
  color:#FFA000;
  margin: 28px 0 10px;
}
.room .fangxing dd .xq p{
  height:23px;
  line-height: 23px;
}
.fuwu{
  width:100%;
  min-width:1200px;
  height:459px;
  background: url('../images/fuwu.jpg') center no-repeat;
  background-size: cover;
  padding-top: 41px;
  color:#FFF;
}
.fuwu dl dt{
  position: relative;
  font-size: 20px;
  padding-left: 10px;
}
.fuwu dl dt:before{
  position: absolute;
  right: 0;
  bottom: -2px;
  left: 0;
  width: 2px;
  height:29px;
  content: '';
  -webkit-transform: scaleY(.6);
  transform: scaleY(.6);
  background-color: #F29700;
}
.fuwu dl dt span{
  font-size: 14px;
}
.fuwu dl dt span i{
  margin:10px;
}
.fuwu dl dd ul{
  margin-top: 110px;
}
.fuwu dl dd ul li{
  width:125px;
  float: left;
  text-align: center;
  margin:0 37px;
}
.fuwu dl dd ul li p{
  font-size: 24px;
  margin-top: 5px;
}
.activity{
  margin-top: 71px;
}
.activity dl dt{
  position: relative;
  font-size: 20px;
  color:#444;
  padding-left: 10px;
}
.activity dl dt:before{
  position: absolute;
  right: 0;
  bottom: -2px;
  left: 0;
  width: 2px;
  height:29px;
  content: '';
  -webkit-transform: scaleY(.6);
  transform: scaleY(.6);
  background-color: #F29700;
}
.activity dl dt span{
  font-size: 14px;
  color:#999;
}
.activity dl dt span i{
  margin:10px;
}
.activity dl dd ul{
  margin-top: 20px;
}
.activity dl dd ul li{
  position: relative;
  float: left;
  overflow: hidden;
}
.activity dl dd ul li.left{
  margin-right: 14px;
}
.activity dl dd ul li .shougongBlock,.activity dl dd ul li .dushuBlock{
  position: relative;
  overflow: hidden;
}
.activity dl dd ul li .dushuBlock{
  margin-top: 15px;
}
.activity dl dd ul li .zhezhao{
  color:#FFF;
  text-align: center;
  position: absolute;
  left:0;
  background-color: rgba(249,202,121,.8);
  -webkit-transition:all .5s linear 0s;
  -moz-transition:all .5s linear 0s;
  -o-transition:all .5s linear 0s;
  transition:all .5s linear 0s;
  cursor:pointer;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#C8f9ca7a, endColorStr=#C8f9ca7a);
}
.activity dl dd ul li .hua{
  width:798px;
  height:521px;
  /*line-height: 521px;*/
  font-size: 36px;
  top:521px;
  
}
.activity dl dd ul li .shougong{
  width:388px;
  height:253px;
  line-height: 253px;
  top:253px;
}
.activity dl dd ul li .dushu{
  width:388px;
  height:253px;
  line-height: 253px;
  top:253px;
}
.activity dl dd ul li>div:hover .hua{
  top:0;
}
.activity dl dd ul li>div:hover .shougong{
  top:0;
}
.activity dl dd ul li>div:hover .dushu{
  top:0;
}
.activity dl dd ul li .huaBg{
  width:798px;
  height:521px;
  background: url('../images/activity1.jpg?20170419') center no-repeat;
  background-size: cover;
}
.activity dl dd ul li .shougongBg{
  width:388px;
  height:253px;
  background: url('../images/activity2.jpg') center no-repeat;
  background-size: cover;
}
.activity dl dd ul li .dushuBg{
  width:388px;
  height:253px;
  background: url('../images/activity3.jpg') center no-repeat;
  background-size: cover;
}

.foot{
  width:100%;
  min-width:1200px;
  background-color: #FFF;
  margin-top: 82px;
}
.foot .contact{
  padding-top: 113px; 
  padding-bottom: 93px;
  position: relative;
}
.foot .contact h3{
  font-size: 18px;
  color:#444;
}
.foot .contact p{
  height:28px;
  line-height: 28px;
  font-size: 14px;
  color:#999;
}
.foot .contact p.p1{
  margin-top: 20px;
}
.foot .qrcodeApp,.foot .qrcodeWechat,.foot .qrcodeWeibo{
  width:120px;
  position: absolute;
  text-align: center;
}
.foot .qrcodeApp{
  top:75px;
  right:300px;
}
.foot .qrcodeWechat{
  top:75px;
  right:150px;
}
.foot .qrcodeWeibo{
  top:75px;
  right:0;
}
.foot .qrcodeApp img,.foot .qrcodeWechat img,.foot .qrcodeWeibo img{
  width:120px;
}
.foot .qrcodeApp p,.foot .qrcodeWechat p,.foot .qrcodeWeibo p{
  font-size: 14px;
  color:#666;
}
.zhuanti{
  height:600px;
  background-color: #FFF;
}