@import url(../../style/css/body.css);
@import url(../../style/css/color_links.css);
@import url(../../style/css/head2015_zt.css);
@import url(../../style/css/m_head2015new.css);
@import url(../../style/css/zt/jp.css);
.louti{ background:url(img/br_02.png) no-repeat center bottom; width:100%; height:209px; position:absolute; bottom:0;  z-index:2;}
.banner2{}
.banner{ overflow:hidden; text-align:center; height:100% ;height:calc(100% - 35px ) ;  position:absolute; width:100%; top:35px;}
.banner .img{ position:absolute; top:18%; height:70%;   width:100%; background-size: auto 100%; z-index:3;}
.banneri{z-index: 1; -webkit-animation:gogogox2 3s infinite linear ;text-align:center; height:100% ;background:#fd446e url(img/br_07.jpg) no-repeat center 0; position:absolute; width:110%; top:0; left:0;}
.banner .img img{ max-height:100%;}
.ot_ggx{ -webkit-animation:gogogox 3s infinite linear ;  }
@-webkit-keyframes gogogox {
    0%{     top:18%;    }   
	 30%{         top:15%;    }    
	100%{        top:18%;    }
 
 
}
@-webkit-keyframes gogogox2 {
    0%{     left:-6%;    }   
	 50%{         left:-5%;    }    
	100%{      left:-6%;     }
 
 
}
.footwrap_new{ display:none;}
 .bgxxxxz{ position:absolute; height:100%; width:100%; top:0;}
 .bgxxxxzi{ position:absolute; top:100%;  width:100%; background:#9d0c19 url(img/br_03.png) no-repeat center 0;}
 
 .jxfex_l{  } .jxfex{ background:url(img/zt_08.png) no-repeat right 0; font-weight:bold; font-size:32px; color:#9d0c19; padding:0 20px 0 10px; margin-left:-10px; display:inline-block; height:63px; line-height:63px;  }.t_t{ padding:40px 0 20px 0; font-size:30px; color:#fffe4e; font-family:Arial, Helvetica, sans-serif}
 
 .honabao{ margin:0 0 0 20px;position:relative; text-align:left; background:url(img/zt_15.png) no-repeat; width:622px; height:422px;}

 .honabao2{-webkit-animation:honabao2 8s infinite linear ;} 
 
 @media (min-width:768px){
	.honabao{ -webkit-animation:honabao 8s infinite linear ;}
	 .xingcheng{-webkit-animation:xingcheng 8s infinite linear ;}
 }
 
 
 @-webkit-keyframes honabao {
    0%{     left:0;    }   
	 50%{         left:-10px;    }    
	100%{      left:0;     }
 
 
}
  
 @-webkit-keyframes xingcheng {
    0%{     right:30px;    }   
	 50%{         right:20px;    }    
	100%{      right:30px;     }
 
 
}.xingcheng img{ position:relative; z-index:21;}
 
  @-webkit-keyframes honabao2 {
    0%{     left:-50px;    }   
	 50%{         left:-100px;    }    
	100%{      left:-50px;     }
 
 
}
  .honabao .font_12px{ color:#ece9d5}
    .honabao .font_14px{ color:#ffee7a}
	 .honabao p{ padding:10px 0;}
	 .honabao .hbin{ padding:220px 120px 0 120px;}
	 .honabao1{ position:absolute; left:50%; margin:0 0 0 -65px;  top:100px}
	 .xingcheng{ background:url(img/zt_18.png) no-repeat; width:447px; height:539px; position:absolute; right:20px; bottom:0}
	 .hb_zz{ position:relative; height:540px;}
	 	 .xingcheng .hbin{ padding:200px 0 30px 0; color:#a35919; font-size:16px;}
		  .xingcheng p{ padding:10px 0 0 0;}
		  img.honabao2{ max-width: 200%; position:absolute; right:-50px; z-index:20;}
		  
		  .t_t.t_t_1{ margin:-50px 0 0 0; position:relative;z-index:20}
.jp .zk{ margin-top:40px	}
.jp .li_c .li_c_1,.jp .li_t, .jp .li_b{ font-size:18px;}
.jp .xiangxi{ font-size:16px;}
.jp .li_c{ font-size:13px;}
.m_header{ background: none; z-index:100}
.bg_zt,.bg_zt a{color: ;}
.bg_zt{  width:1020px; margin:0 auto; }
 
img{ max-width:100%; vertical-align:bottom;}
.m{ display:none;}
.fdii{   background: rgba(255,255,0,.8) ; width:120px; border-radius:8px; padding:10px 0 0 0; position: fixed;  top:50%; margin-top:-90px; z-index:1000;  right:10px;}
.ifd_r{ display:none;}
.fdii div{ padding:5px 0; border-bottom:1px dashed #fc9220; color:#754347; }
.fdii div.ttop{ border:none;background: #fc9220 ; color:#fff; padding-bottom:10px; border-radius: 0 0 8px 8px;}
.gotop{ display:none !important}
 
  [data-hd]{ cursor:pointer;}
 
	  
@media (max-width:768px){
.pc{ display:none;}
.m{ display: block;}
.bg_zt{ width:100%;}
.fdii{ display:none;}
	}


.zhuanpanx_l{ padding:20px 20px 40px 20px; position:absolute ; text-align:left; background: rgba(0,0,0,.5) ; background:url(img/brx.png) no-repeat; background-size:100% 100%; left:80px; z-index:12;}
	 .zhuanpanx_l img{ margin:0 5px; vertical-align:top; position:relative; top:4px;}
	 .zhuanpanx{ position:relative;text-align:center}
	 .zhuanpanxi { width:645px; height:645px; margin:0 auto; position:relative}
	 .zhuanpanxi img{ }
	 .c3{ position:absolute; position:absolute; top:0; z-index:10; left:0;}
	 .c2{ position:absolute; position:absolute; top:0; z-index:11; left:0;}
	  .c1{  position:absolute;position:absolute; top:0; z-index:12; left:0; top:50%; left:50%; margin:-80px 0 0 -80px;}
	  .zhuanpanx_l{ position:absolute}
	  
	  .tab{ width:450px; right:325px;   position: absolute;  top:270px; z-index:11;} .tab ul{height:29px;}
	  .tab li{ color:#fff; float:left; background:url(img/zt_52.png) no-repeat; width:101px; height:29px ; line-height:29px;} .tab li.this{ background:url(img/zt_51.png) no-repeat; color:#56a2ed;}
	  .kin,.kin input{ text-indent:15px; color:#56a2ed; background:#fff; height:48px; line-height:48px; display:block; border:none; width:100%;}
	  .kin input{height:46px; }
	  .kini{ display:none;}
	  .shoumix{ background:#2ac1db url(img/zt_57.png) no-repeat right bottom ; border-radius:8px; margin:-50px auto 20px auto; padding:20px 80px 20px 40px; text-align:left; }
	  .font_18px{ font-size:18px;}
	  .shoumix .font_18px{ text-decoration:underline}
	   .shoumix p{ padding-top:8px;}
	   .zhongjianx{ color:#ffd800; }
	      .zhongjianx input.ix{ width:404px;}
	   .zhongjianx input{ margin-top:10px; background:#fff; border:none; height:40px; text-indent:15px; width:200px;} 
	   .tj{ margin:20px 0 20px 0}
	   .font_30px{ font-size:30px;}
	   
	   .zhongjianxk_br{ position:fixed; height:100%; width:100%; background:rgba(0,0,0,.5); z-index:100; left:0; top:0; }
	   .zhongjianx{ border-radius: 8px; width:700px; top:50%; left:50%; margin:-350px 0 0 -300px; position:fixed; z-index:101; background:#9d0c19 url(img/zj_15.png) no-repeat;}
	   .gb{ position:absolute; right:-10px; top:-10px;}
	   .smxs{ border-radius:0 0 8px 8px; text-align:left; background:#870b16; padding:20px 20px 40px 20px;}
	  .ttt{ margin-top:40px;}

 .erweima{ width:40%; max-width:140px;position:absolute; right:0; top:0;}
 .icon_pk{ width:40%; max-width:150px; position:absolute; right:-25%; z-index:10; top:10%;}
  .icon_zhichi{ width:40%; max-width:150px; position:absolute; left:-20px; bottom:30px;}
  .dianzhan{width:40%; max-width:134px; float:right}
  .swiper-slide{ text-align:left; border:1px solid #ffe400; color:#ffe400;} 
  .swiper-slide a {background: #ffe400; display:block;}.swiper-slide a h3{ font-size:18px; padding:5px 12px 0 12px;}
  .zhichik{ padding:10px 18px; background:url(img/zt_77.png) no-repeat right 0; background-size:100% 50px;}
  .swiper-slide a img{ width:100%;    }
  .swiper-container{ padding:10px 0 20px 10%; }
   .swiper-slide a span{   }
   .jdxx{ background:#5d151c; margin-bottom:8px;}
    .jdxx,  .jdxx span{ height:6px; border-radius:8px;}
	.jdxx span{ background:#ffe400; display:block}

.erwemk2{ display:none;}
	.erwemi{ background:#fff; width:320px; padding:20px 0; z-index:1101; position: fixed; top:50%; left:50%; margin:-160px 0 0 -160px}
    .i_gb{ position:absolute; right:-10px; top:-10px;}
	
	   .brbrx{ position:fixed; height:100%; width:100%; background:rgba(0,0,0,.5); z-index:1100; left:0; top:0; }


.fexm_sm{ line-height:21px; text-align:left;  border-radius:20px 20px 20px 0;background:#5d151c; padding:20px 40px 20px 40px; margin-left:240px; position:relative}
    .tuz{ border-radius:20px 0 20px 20px;position:absolute; left:20px; top:0; height:100%; background:#ffc33b; width:240px; text-align: center; line-height:80px; font-size:21px; color:#710c15; left:-240px; margin-top:;}
    .tuz:after{ content: ""; background:url(img/zt_84.png) no-repeat; width:20px; height:28px; display:block; top:20px; right:-20px ; position: absolute; }



 .bg_h,.bg_c{ padding:0 0 50px 0; margin-bottom:20px;  border-radius:20px; position:relative}
 .nx_t_1{ position:absolute; left:20%; top:-40px;}
  .nx_t_2{ position:absolute; right:20%; top:-40px;}
  .bg_h .jxfex,.bg_c .jxfex{ background:url(img/zt_93.png) no-repeat right 0}
  .zhlei_br{ background:url(img/br_05.png) no-repeat center 0; padding-top:138px;}
 .bg_h{background:#e72439 url(img/brx2.png) no-repeat right 0;}
  .bg_c{background:#ffe400;}
  .list dl{  position:relative; width:407px; text-align:left; margin: 15px 30px 15px 30px; display:inline-block}
  .tgxx{  background:#ffe400; border-radius:50%; font-size:30px; color:#373737; height:88px; width:88px; text-align:center; position:absolute; position:absolute; top:-20px; right:-20px;}
  .tgxx h3{ font-size:18px; padding-top:18px;}
  .list dd{ position:relative; padding:0 15px  ; height:100px;}.list dt{ position:relative ; }
  .list dt strong{ font-size:12px;background:rgba(0,0,0,.7); padding:5px 10px; border-radius:20px; font-weight:normal; position:absolute; bottom:10px; left:10px;}
  .cfxx{ font-size:18px;}
  .fex{ font-size:30px;}
   .fex em{ font-size:12px;}
   .cfxx_t{ font-size:30px; padding-top:15px;}
   .cfxx_t span{ font-size:18px; padding-top:10px; text-decoration: line-through}
    .list dd .tgxx{ right:20px;}
	 .list2 dl{ width:890px;}
	 .list dl a:hover dt:after{ content:"立即预定"; width:140px; font-size:16px; height:36px; background:#d52031; color:#ffee16; display:block ; position:absolute; top:50%; text-align:center; line-height:36px;  border-radius:20px; left:50%; margin:0 0 0 -70px; }
	 .list dl a:hover dt:before{ content:""; display:block; width:100%; height:100%; background:rgba(0,0,0,.3); position:absolute}
	 
	 	 .dax{ font-size:86px;}
	 .yhq{ vertical-align:top}
	 .yhq_l{ vertical-align:top;display:inline-block; background:url(img/zt_97.png) no-repeat; padding:0 20px;height:109px;}
	  .yhq_r{vertical-align:top;display:inline-block;  background:url(img/zt_97_.png) no-repeat right 0; height:109px;}
	  .yhq_in{ padding:20px ; text-align:left;}
	  .yhq_in .font_21px{ background:#e53e3e; color:#fff; padding:0 10px; border-radius:8px;}
	 @media (max-width:768px){
		 
		 img.honabao2{ max-width:100%;}
		 .honabao{ width:96%;background-size:100% 100%; margin:0 auto;}
		 .xingcheng{ width:96%; background-size:100% 100%; margin:0 auto; right:auto; padding-bottom:20px;}
		 .xingcheng .hbin {
    padding: 140px 0 10px 0;}
		 .zhuanpanxi{ width:100%; height:auto}
		  .list2 dl,.list dl{ width: auto; }
		  
		  .tuz{ left:auto; position:inherit; line-height:24px; font-size:14px;margin-bottom:15px;}
		  .tuz:after{ display:none; }
		  .fexm_sm{ margin:0 10px; padding:0 20px 20px 20px;}
		  
		   .hb_zz{ height:auto}
		   .honabao,.xingcheng{ height:auto; position:inherit}
		   .honabao .hbin{ padding:150px 40px 30px 40px; }
		   .honabao1{ width:100px; margin-left:-50px; top:70px;}
		   
		   .shoumix{ margin:0 10px; background:#2ac1db url(img/zt_57_.png) no-repeat right bottom; padding:10px 20px 20px 20px; background-size:150px auto}
		   
		   .zhuanpanx_l{ position:inherit; right:auto; left:auto; background:none; padding-bottom:0; text-align:center}
		   .tab{ left:20px; right:20px; width:auto;   top:-50px}
		   .zhuanpanxi{ margin-top:50px;}
		   .t_t{ font-size:18px;}
		   .jxfex_l img{ height:48px;}
		   .jxfex{ font-size:18px;height:48px; line-height:48px; background-size:auto 100% }
		   .swiper-container{ padding:0;}
		   .pk{ padding:10px;}
		   
		   .yhq_l,.yhq_r{ height:80px; }
		   .dax{ font-size:40px; padding-top:20px; display:inline-block}.yhq .font_30px{ font-size:16px;}
		   .yhq_in .font_21px,.cfxx{ font-size:14px;}
		   
		   .cfxx_t,.fex{ font-size:21px;}
		   .cfxx_t{    padding-top: 5px;}
		   .list dd{ height:auto; padding-bottom:8px;}
		   .list dl{ margin:10px 20px 0 20px;}
		   .tgxx{ height:64px; width:64px; right:-10px; top:-10px; font-size:18px;}
		   .tgxx h3{ font-size:12px;}
		   .list2 dl{ margin:0;}.list2 dl dd{ border-radius:0 0 20px 20px ;  }
		   .bg_c{ padding-bottom:0}
		   .bg_h, .bg_c{ margin:0 10px;}
		   .zhlei_br{ background-size:100% auto; }
		   .bg_h{ background-image:none;}
		   .zhlei_br{ padding-top:50px;}
		   
		   .louti{ height:100px; background-size:640px auto  } 
		   .bgxxxxzi{background-size:640px auto }.bgxxxxz{ height:60%;}
		   .banner{  height:60%;    top: 0;} 
		   .banneri{ background-size: 180% 90% ; }
		   .t_t.t_t_1{ margin-top:-20px;}
		   
		   .jp{ padding-bottom:20px;}
	 }