.s_logo{position: fixed;  z-index: 9; top: 50px; left: 100px;}
.s_logo img{width: 100%; width: 200px;}

.btn_back{background: rgba(0, 65, 111, 0.9);  color: #fff; padding: 5px 10px; position: fixed; right:45px; z-index: 9; top: 50%; margin-top: -180px;}
.btn_back:hover{color: #fff;}


.swiper-slide-active .scaleBg{-webkit-animation:scale-bg 10s linear forwards; animation:scale-bg 10s linear forwards;}

.mySwiper{height:100vh; overflow: hidden; }
.mySwiper .swiper-slide{ display: flex;  align-items: center;}
.mySwiper .slide_bg{ position: absolute;  width: 100%; height: 100%; left: 0; top: 0; background-size: cover; background-position: center; z-index: 2; }
.mySwiper .slide_txt{position: relative;  z-index: 99; width: 50%; padding: 0 100px; }
.mySwiper .slide_txt .text{ text-align: left; }
.mySwiper .slide_txt .text h3{font-weight: bold; font-size: 48px; margin: 0 0 10px 0;}
.mySwiper .slide_txt .text p{font-size: 20px; margin: 0; line-height: 2em;}
.slide_mark{position: absolute; left: 0; height: 100%; width: 50%; z-index: 98;  }

.slide01 .slide_txt{ color: #fff;}
.slide01 .slide_txt .text h3{}
.slide01 .slide_mark{ background: linear-gradient(90deg, rgba(125, 107, 92, 0.9), rgba(125, 107, 92, 0)); width: 80%;}


.slide02 .slide_txt{ color: #fff;}
.slide02 .slide_txt .text h3{ }
.slide02 .slide_mark{background: linear-gradient(90deg, rgba(125, 107, 92, 0.9), rgba(125, 107, 92, 0)); width: 80%;}
.slide02 .num{}
.slide02 .num b{display: block; font-size: 42px}
.slide02 .num b cite{font-style: normal; font-size:20px }
.slide02 .num span{display: block; font-size: 20px}

.slide03 .slide_mark{background: #dbe7ed;}
.slide03 .slide_txt .text h3{ color: #617499; }
.slide03 .slide_txt .text h4{ color: #9a6f4e; font-size: 24px}


.slide04 .slide_mark{background: linear-gradient(90deg, rgba(125, 107, 92, 0.9), rgba(125, 107, 92, 0)); width: 70%;}
.slide04 .slide_txt{color: #fff;}
.slide04 .slide_txt .text h3{ }
.slide04 .tag{margin-top: 30px;  margin-bottom: 40px;}
.slide04 .tag span{ background: #9c795e; display: inline-block; padding-right: 10px; margin: 15px 10px 0 0;}
.slide04 .tag span b{ background: #00416f; padding: 5px 10px; display: inline-block; margin-right: 10px;}
.btn_floor{ background: #55a795; color: #fff; border-radius: 0; font-size: 20px; padding: 10px 30px; position: relative; overflow: hidden; z-index: 1; border: none;}
.btn_floor::after{content: ""; position: absolute; background: #98c95d; top: 0; left: 0; width: 0; height: 100%; -webkit-transition: 0.3s; transition: 0.3s; z-index: -1;}
.btn_floor:hover{color: #fff;}
.btn_floor:hover::after{width: 100%; height: 100%; -webkit-transition: 0.3s; transition: 0.3s;}


.slide05 .slide_mark{background: linear-gradient(90deg, rgba(125, 107, 92, 1), rgba(125, 107, 92, 0)); width: 80%;}
.slide05 .slide_txt{color: #fff; height: 100vh; width: 40%;}
.slide05 .slide_txt .tag{}
.slide05 .slide_txt .tag span{ border: 2px solid #fff; padding: 5px 20px; display: inline-block; margin: 20px 10px 0 0; font-size: 20px; cursor: pointer;}
.slide05 .slide_txt .tag .active{background: #00416f; border-color: #00416f;}
.slide05 .slide_pic{width: 60%; height: 100vh; position: relative; z-index: 9; padding: 0;  }
.slide05 .slide_pic .tab-pane{width: 100%;}
.slide05 .slide_pic .pic{ height: 100vh; width: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.slide05 .slide_pic .pic .des{width: calc(100% - 200px);  padding: 50px; background: rgba(255, 255, 255, 0.9); margin-bottom: 100px; color: #00416f;}
.slide05 .slide_pic .pic .des h3{font-size: 24px; margin: 0 0 20px 0; }
.slide05 .slide_pic .pic .des p{font-size: 18px; line-height: 2em; margin: 0;}

.slide06 .slide_txt{width: 85%;}

.swiper-pagination {width: auto; left: auto; bottom: auto;  right: 30px;  top: 50%;  transform: translateY(-50%);}
.swiper-pagination .pagination_item{ margin: 10px 0;}
.swiper-pagination .pagination_text{color: #fff; background: rgba(0, 0, 0, 0.2);  cursor: pointer; padding:5px 10px; display: inline-block; position: relative;}

.swiper-pagination .active .pagination_text{color: #fff; background: rgba(125, 107, 92, 1); }
.swiper-pagination .active .pagination_text::before{content: ""; position: absolute; width: 10px; height: 10px; background:rgba(125, 107, 92, 1); left: -8px; top: 50%; transform: rotate(45deg) translateY(-50%);}

.modal_floor .modal-content{ background: transparent;}
.floor_tabs{}
.floor_tabs span{cursor: pointer; background: #00416f; color: #fff; font-size: 20px; margin-right: 10px;}
.floor_tabs .active{ background: #837060;}

.m_box{font-size: 14px; padding-top: 80px; display: none;}
.m_box h3{font-size: 22px}
.m_box h4{font-size: 18px}
.m_num{ flex-wrap: wrap;}
.m_num .item{width: 50%; text-align: center; border: 1px #f8f8f8 solid; padding: 20px 0;}
.m_num b{display: block; font-size: 24px}
.m_num b cite{font-style: normal; font-size:14px }
.m_num span{display: block; font-size: 14px}

.m_tag{ margin-bottom: 30px;}
.m_tag span{ background: #9c795e; display: inline-block; padding-right: 10px; margin: 15px 10px 0 0;  color: #fff;}
.m_tag span b{ background: #00416f; padding: 5px 10px; display: inline-block; margin-right: 10px; color: #fff;}
.x_tag{}
.x_tag span{ border: 1px solid #fff; padding: 7px 20px; display: inline-block; margin: 10px 5px 0 0; cursor: pointer; color: #fff;}
.x_tag .active{background: #00416f; border-color: #00416f;}

.m_h{ position: fixed;  width: 100%; top: 0; z-index: 9; background: rgba(255, 255, 255, 0.9); height: 80px; padding: 0 15px;}
.m_h .logo{}
.m_h .logo img{ height: 50px;}
.m_h .back{ background: #9c795e; color: #fff; padding:5px 10px;}

@media(max-width:1600px){
	.s_logo{top: 30px; left: 50px;}
	.mySwiper .slide_txt{padding: 0 50px;}
	.mySwiper .slide_txt .text{margin-top: 50px;}
	.mySwiper .slide_txt .text h3{ font-size: 42px;}
	.mySwiper .slide_txt .text p{font-size: 18px; }
	
	.slide03 .slide_txt .text h4{ color: #9a6f4e; font-size: 20px}
	.slide03 .slide_txt .mb-5{margin-bottom: 30px ;}
	.slide03 .slide_txt img{width: 80%;}
	
}

@media(max-width:768px){
	.m_box{display: block;}
	.mySwiper{display: none !important;}
	.s_logo{display: none !important;}
	.btn_back{display: none !important;}
	
}