/*_pc*/
@media all and (min-width:1025px) {	 

        :root{
            --wide_banner_con_width:500px
        }
        .wide_banner{position:relative;background:#9d7d4c}    
        .wide_banner .swiper-slide{display:flex;height:900px}
        .wide_banner .swiper-slide .banner{flex:1;opacity:0;transform:translateX(-50px);transition:0.5s}
        .wide_banner .swiper-slide .banner img{width:100%;height:100%;object-fit:cover}
        .wide_banner .swiper-slide .con{width:var(--wide_banner_con_width);color:#fff;padding:200px 70px 0;opacity:0;transform:translateX(30px);font-size:14px;transition:0.5s}
        .wide_banner .swiper-slide .con .name{font-size:40px}
        .wide_banner .swiper-slide .con .desc{font-size:16px;margin:20px 0 40px;color:#fff}
        .wide_banner .swiper-slide .con .info li{display:flex;gap:20px;margin:5px 0}
        .wide_banner .swiper-slide .con .info b{width:80px}    

        .wide_banner .swiper-slide-active .banner{opacity:1;transform:translateX(0)}
        .wide_banner .swiper-slide-active .con{opacity:1;transform:translateX(0)}

        .wide_banner .swiper-button-prev,
        .wide_banner .swiper-button-next{color:#fff}
        .wide_banner .swiper-button-prev{left:20px}
        .wide_banner .swiper-button-next{right:calc(20px + var(--wide_banner_con_width))}

        .wide_banner .swiper-pagination{position:absolute;left:calc(100% - var(--wide_banner_con_width) + 60px + 20px);top:100px;bottom:auto;width:auto}
        .wide_banner .swiper-pagination-bullet{position:relative;background:#fff;width:4px;height:4px;margin-right:20px !important}    
        .wide_banner .swiper-pagination-bullet:after{content:'';position:absolute;width:36px;height:36px;border:1px solid rgba(255,255,255,0.3);left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;opacity:0;transition:0.5s}
        .wide_banner .swiper-pagination-bullet-active:after{width:26px;height:26px;opacity:1;}

        .wide_banner .more{position:absolute;bottom:50px;}
        .wide_banner .more a{display:inline-block;position:relative;border:1px solid rgba(255,255,255,0.5);line-height:50px;padding:0 50px;color:#fff}
        .wide_banner .more a:hover{color:#000}
        .wide_banner .more a:hover:after{width:100%}
        .wide_banner .more a:after{content:'';position:absolute;z-index:-1;left:0;top:0;bottom:0;width:0%;background:#fff;transition:0.3s}
		
		
		
        :root{
            --wide_banner2_con_width:500px
        }
        .wide_banner2{position:relative;background:#9d7d4c}    
        .wide_banner2 .swiper-slide{display:flex;height:900px}
        .wide_banner2 .swiper-slide .banner{flex:1;opacity:0;transform:translateX(-50px);transition:0.5s}
        .wide_banner2 .swiper-slide .banner img{width:100%;height:100%;object-fit:cover}
        .wide_banner2 .swiper-slide .con{width:var(--wide_banner2_con_width);color:#fff;padding:200px 70px 0;opacity:0;transform:translateX(30px);font-size:14px;transition:0.5s}
        .wide_banner2 .swiper-slide .con .name{font-size:50px}
        .wide_banner2 .swiper-slide .con .desc{font-size:16px;margin:20px 0 40px;color:#fff}
        .wide_banner2 .swiper-slide .con .info li{display:flex;gap:20px;margin:5px 0}
        .wide_banner2 .swiper-slide .con .info b{width:80px}    

        .wide_banner2 .swiper-slide-active .banner{opacity:1;transform:translateX(0)}
        .wide_banner2 .swiper-slide-active .con{opacity:1;transform:translateX(0)}

        .wide_banner2 .swiper-button-prev,
        .wide_banner2 .swiper-button-next{color:#fff}
        .wide_banner2 .swiper-button-prev{left:20px}
        .wide_banner2 .swiper-button-next{right:calc(20px + var(--wide_banner2_con_width))}

        .wide_banner2 .swiper-pagination{position:absolute;left:calc(100% - var(--wide_banner2_con_width) + 60px);top:100px;bottom:auto;width:auto}
        .wide_banner2 .swiper-pagination-bullet{all:unset;color:#fff;font-size:23px;margin:0 20px !important;opacity:0.6;cursor:pointer}
        .wide_banner2 .swiper-pagination-bullet-active{border-bottom:1px solid #fff;opacity:1}

        .wide_banner2 .more{position:absolute;z-index:10;bottom:50px;}
        .wide_banner2 .more a{display:inline-block;position:relative;border:1px solid rgba(255,255,255,0.5);line-height:50px;padding:0 50px;color:#fff}
        .wide_banner2 .more a:hover{color:#000}
        .wide_banner2 .more a:hover:after{width:100%}
        .wide_banner2 .more a:after{content:'';position:absolute;z-index:-1;left:0;top:0;bottom:0;width:0%;background:#fff;transition:0.3s}
	
	
	
	 :root{
            --wide_banner3_con_width:500px
        }
        .wide_banner3{position:relative;background:#9d7d4c}    
        .wide_banner3 .swiper-slide{display:flex;height:900px}
        .wide_banner3 .swiper-slide .banner{flex:1;opacity:0;transform:translateX(-50px);transition:0.5s}
        .wide_banner3 .swiper-slide .banner img{width:100%;height:100%;object-fit:cover}
        .wide_banner3 .swiper-slide .con{width:var(--wide_banner3_con_width);color:#fff;padding:280px 70px 0;opacity:0;
		transform:translateX(30px);font-size:14px;transition:0.5s}
        .wide_banner3 .swiper-slide .con .name{font-size:35px}
        .wide_banner3 .swiper-slide .con .desc{font-size:16px;margin:20px 0 40px;color:#fff}
        .wide_banner3 .swiper-slide .con .info li{display:flex;gap:20px;margin:5px 0}
        .wide_banner3 .swiper-slide .con .info b{width:80px}    

        .wide_banner3 .swiper-slide-active .banner{opacity:1;transform:translateX(0)}
        .wide_banner3 .swiper-slide-active .con{opacity:1;transform:translateX(0)}

        .wide_banner3 .swiper-button-prev,
        .wide_banner3 .swiper-button-next{color:#fff}
        .wide_banner3 .swiper-button-prev{left:20px}
        .wide_banner3 .swiper-button-next{right:calc(20px + var(--wide_banner3_con_width))}

        .wide_banner3 .swiper-pagination{position:absolute;left:calc(100% - var(--wide_banner3_con_width));top:80px;
		bottom:auto;width:var(--wide_banner3_con_width);text-align:left}
        .wide_banner3 .swiper-pagination-bullet{all:unset;display:block;color:#e1e1e1;margin:5px 0 !important;padding:10px 60px;
		font-size:16px;background:#6f5f47;cursor:pointer;translateX(0);transition:0.5s}
        .wide_banner3 .swiper-pagination-bullet-active{transform:translateX(-180px); font-size:16px; color:#FFF}

        .wide_banner3 .more{position:absolute;z-index:10;bottom:300px;}
        .wide_banner3 .more a{display:inline-block;position:relative;border:1px solid rgba(255,255,255,0.5);line-height:50px;padding:0 50px;color:#fff}
        .wide_banner3 .more a:hover{color:#000}
        .wide_banner3 .more a:hover:after{width:100%}
        .wide_banner3 .more a:after{content:'';position:absolute;z-index:-1;left:0;top:0;bottom:0;width:0%;background:#fff;transition:0.3s}		
		

	
	
	
		
         /*..visaul_sec {height:800px}
		  .visaul_sec_bg1{background:url('../images/room/03spe0101.jpg') no-repeat center /cover fixed} 
		  .visaul_sec_bg2{background:url('../images/room/03spe0201.jpg') no-repeat center /cover fixed} */ 

           visaul_sec{margin:0px 0 0}
          .visaul_sec_bg1{background:url('../images/room/03spe0101.jpg') no-repeat center /cover fixed;height:100vh;}   
		  .visaul_sec_bg2{background:url('../images/room/03spe0201.jpg') no-repeat center /cover fixed;height:100vh;} 
          .visaul_sec_bg3{background:url('../images/room/03spe0301.jpg') no-repeat center /cover fixed;height:100vh;}   
		  .visaul_sec_bg4{background:url('../images/room/03spe0401.jpg') no-repeat center /cover fixed;height:100vh;} 
		  
		  		  
          .visaul_sec .container{display:flex;align-items:center;max-width:1400px;padding:0 50px;margin:0 auto;height:100%}
          .visaul_sec .text_con{flex:1;color:#fff;line-height:1.6;text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);}
          .visaul_sec .text_con .tit{font-size:60px}
          .visaul_sec .text_con .desc{font-size:20px;margin-top:50px}
          .visaul_sec .more{margin-top:50px}
        .visaul_sec .more a{display:inline-block;position:relative;border:1px solid rgba(255,255,255,0.5);line-height:50px;padding:0 50px;color:#fff}
        .visaul_sec .more a:hover{color:#000}
        .visaul_sec .more a:hover:after{width:100%}
        .visaul_sec .more a:after{content:'';position:absolute;z-index:-1;left:0;top:0;bottom:0;width:0%;background:#fff;transition:0.3s}
		

		
		
		
		
    }
     

/*_mobile*/
@media all and (max-width:1024px) {


        .wide_banner{position:relative;background:#9d7d4c;padding-bottom:1px}    
        .wide_banner .swiper-slide{}
        .wide_banner .swiper-slide .con{color:#fff;padding:50px 15px 0;font-size:12px;opacity:0;transition:0.5s}
        .wide_banner .swiper-slide .con .name{font-size:30px}
        .wide_banner .swiper-slide .con .desc{font-size:14px;margin:20px 0 20px;color:#fff}
        .wide_banner .swiper-slide .con .info li{font-size:16px;display:flex;gap:20px;margin:5px 0}
        .wide_banner .swiper-slide .con .info b{width:60px}   
        
        .wide_banner .swiper-slide-active .con{opacity:1;}
        
        .wide_banner .swiper-button-prev,
        .wide_banner .swiper-button-next{display:none}

        .wide_banner .swiper-pagination{position:absolute;left:0;right:0;top:0;bottom:auto;margin-top:78%}
        .wide_banner .swiper-pagination-bullet{position:relative;background:#fff;width:4px;height:4px;margin-right:20px !important}    
        .wide_banner .swiper-pagination-bullet:after{content:'';position:absolute;width:36px;height:36px;border:1px solid rgba(255,255,255,0.3);left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;opacity:0;transition:0.5s}
        .wide_banner .swiper-pagination-bullet-active:after{width:26px;height:26px;opacity:1;}

        .wide_banner .more{text-align:center;margin:30px 0}
        .wide_banner .more a{display:inline-block;border:1px solid rgba(255,255,255,0.5);line-height:40px;padding:0 30px;color:#fff}



        .wide_banner2{position:relative;background:#9d7d4c;padding-bottom:1px}    
        .wide_banner2 .swiper-slide{}
        .wide_banner2 .swiper-slide .con{color:#fff;padding:100px 15px 0;font-size:12px;opacity:0;transition:0.5s}
        .wide_banner2 .swiper-slide .con .name{font-size:30px}
        .wide_banner2 .swiper-slide .con .desc{font-size:14px;margin:20px 0 20px;color:#fff}
        .wide_banner2 .swiper-slide .con .info li{font-size:16px;display:flex;gap:20px;margin:5px 0}
        .wide_banner2 .swiper-slide .con .info b{width:60px}   
        
        .wide_banner2 .swiper-slide-active .con{opacity:1;}
        
        .wide_banner2 .swiper-button-prev,
        .wide_banner2 .swiper-button-next{display:none}

        .wide_banner2 .swiper-pagination{position:absolute;left:0;right:0;top:0;bottom:auto;margin-top:78%}
        .wide_banner2 .swiper-pagination-bullet{all:unset;color:#fff;font-size:14px;
		margin:0 5px !important;opacity:0.7;cursor:pointer}
        .wide_banner2 .swiper-pagination-bullet-active{border-bottom:1px solid #fff;opacity:1}

        .wide_banner2 .more{text-align:center;margin:30px 0}
        .wide_banner2 .more a{display:inline-block;border:1px solid rgba(255,255,255,0.5);
		line-height:40px;padding:0 30px;color:#fff}


        .wide_banner3{position:relative;background:#9d7d4c;padding-bottom:1px}    
        .wide_banner3 .swiper-slide{}
        .wide_banner3 .swiper-slide .con{color:#fff;padding:40px 25px 0;font-size:12px;opacity:0;transition:0.5s}
        .wide_banner3 .swiper-slide .con .name{font-size:30px}
        .wide_banner3 .swiper-slide .con .desc{font-size:16px;margin:10px 0 20px;color:#fff}
        .wide_banner3 .swiper-slide .con .info li{font-size:14px;display:flex;gap:20px;margin:5px 0}
        .wide_banner3 .swiper-slide .con .info b{width:60px}   
        .wide_banner3 .swiper-slide-active .con{opacity:1;}
        .wide_banner3 .swiper-button-prev,
        .wide_banner3 .swiper-button-next{display:none}
        .wide_banner3 .swiper-pagination{position:absolute;left:0;right:0;top:0;bottom:auto;margin-top:70%}
        .wide_banner3 .swiper-pagination-bullet{all:unset;color:#e1e1e1;font-size:14px;background:#6f5f47;
		padding:6px 20px;margin:0px 2px !important;;cursor:pointer;transition:0.5s}
        .wide_banner3 .swiper-pagination-bullet-active{padding:15px 20px 8p; color:#FFF;background:#000;}
        .wide_banner3 .more{text-align:center;margin:30px 0}
        .wide_banner3 .more a{display:inline-block;border:1px solid rgba(255,255,255,0.5);
		line-height:40px;padding:0 30px;color:#fff}
		 
		  
		  
          .visaul_sec {height:500px}
		  .visaul_sec_bg1{background:url('../images/room/03spe0101.jpg') no-repeat center /cover fixed} 
		  .visaul_sec_bg2{background:url('../images/room/03spe0201.jpg') no-repeat center /cover fixed}
 		  .visaul_sec_bg3{background:url('../images/room/03spe0301.jpg') no-repeat center /cover fixed} 
		  .visaul_sec_bg4{background:url('../images/room/03spe0401.jpg') no-repeat center /cover fixed}
		  
		             
          .visaul_sec .container{display:flex;align-items:center;max-width:1400px;padding:0 20px;margin:0 auto;height:100%}
          .visaul_sec .text_con{flex:1;color:#fff;line-height:1.6; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);}
          .visaul_sec .text_con .tit{font-size:30px}
          .visaul_sec .text_con .desc{font-size:20px;margin-top:25px}
          .visaul_sec .more{margin-top:30px}
          .visaul_sec .more a{display:inline-block;position:relative;border:1px solid rgba(255,255,255,0.5);line-height:40px;font-size:12px;padding:0 30px;color:#fff}




}