.banner {width: 100%;display: flex;min-height: 100vh; background-color: #f3e2c8;}
.bl {flex: 1.4; position: relative; min-height: 400px;}
.bl i{ width:100%; height:100%; display: flex; background-repeat:no-repeat; background-size:cover; background-position:right center; }
.br {flex: 1;display: flex;padding: 5% 5% 10%;align-items: center; flex-direction: column; justify-content: center; align-items: center;}
.br .mid{ width:100%; display:flex; flex-direction:column; }
.br .mid h1{font-size: 2.35rem; padding-bottom:40px;}
.br .mid p{font-size:1.25rem; padding:5px 0px;}
.boxinfo{ width:100%; display: flex; flex-direction: column; padding:60px 0px 0px; }
.de-a{ width:100%; }
.de-a-mian{ width:100%; display:flex; flex-direction:column; }
.de-a-m-up{ width:100%; display:flex; flex-direction:row; }
.de-a-m-up h1{ flex:1; font-size:2.35rem; font-weight:normal; padding:10px 0px }
.de-a-m-up div{ flex:1; min-height:175px; padding:10px 0px 15px 30px;}
.de-a-m-up p{ font-size:1.2rem; line-height: 1.8; font-weight:normal;}
.de-a-m-down{ width:100%; }
.de-a-box{ width:100%; display:flex; flex-direction:column; }
.de-a-box img{ width:100%; }
.de-a-box p{ width:100%; min-height:95px; font-size:1.4rem; text-align: center; background-color:#d0bc9d; display:flex; align-items:center; justify-content:center; }

.de-b{ width:100%;display:flex;flex-direction:column; padding:80px 0px 0px;}
.de-b-up{ width:100%; height:640px; display:flex; flex-direction:row; background-color:#907c6a; }
.be-bup-l{ width:60%; height:100%; display:flex; }
.be-bup-l i{ width:100%; height:100%; display: flex; background-repeat:no-repeat; background-size:cover; background-position:right center; }
.be-bup-r{ width:40%; display:flex;justify-content:center; align-items:flex-start; flex-direction:column; padding:15px 13% 15px 5%; }
.be-bup-r h1{font-size:2.3rem; font-weight:normal; color:#FFF; padding:30px 0px;}
.be-bup-r p{font-size:1rem; color:#FFF; line-height:2;}
.de-b-down{ width:100%; display:flex; flex-direction:row; align-items: center; padding-top:10px; }
.de-b-down h1{ width:28%; display:flex; justify-content:flex-end; align-items:center; padding:0px 4%; font-size:2.3rem; font-weight: normal;}
.de-b-box{ width:72%; position: relative;}
.debSwiper{ overflow: hidden; width: 100%;}
.debSwiper .swiper-slide{ width:36%!important; }
.debSwiper .swiper-slide img{ width:100%; }
.de-button-prev{position:absolute; left:-25px; top:calc(50% - 25px); width:50px; height:50px; background:url(../../uploads/svg-loaders/point-left.png) center center no-repeat #000; z-index: 2;}
.de-button-prev:hover{ background-color:#907c6a; }
.de-button-next{position:absolute; right:20%; top:calc(50% - 25px); width:50px; height:50px; background:url(../../uploads/svg-loaders/point-right.png) center center no-repeat #000; z-index: 2;}
.de-button-next:hover{ background-color:#907c6a;}

.de-c .de-b-up{ background-color:#d0bc9d; }
.de-c .be-bup-r h1{font-size:2.3rem; font-weight:normal; color:#000; padding:30px 0px;}
.de-c .be-bup-r p{font-size:1rem; color:#000; line-height:2;}
.decSwiper{ overflow: hidden; width: 100%;}
.decSwiper .swiper-slide{ width:36%!important; }
.decSwiper .swiper-slide img{ width:100%; }
.dc-button-prev{position:absolute; left:-25px; top:calc(50% - 25px); width:50px; height:50px; background:url(../../uploads/svg-loaders/point-left.png) center center no-repeat #000; z-index: 2;}
.dc-button-prev:hover{ background-color:#907c6a; }
.dc-button-next{position:absolute; right:20%; top:calc(50% - 25px); width:50px; height:50px; background:url(../../uploads/svg-loaders/point-right.png) center center no-repeat #000; z-index: 2;}
.dc-button-next:hover{ background-color:#907c6a;}

.de-d{width:100%; display: flex; justify-content: center; align-items: center; margin-top: 100px; min-height:730px; background-color: #73695b; background-repeat: no-repeat; background-size:cover; background-position: center;}
.de-mid{ width:800px; min-height:270px; background-color:#FFF; padding:15px; text-align:center; display:flex; justify-content:center; align-items:center; flex-direction:column; position:relative; }
.de-mid h1{font-size: 2.35rem; padding:20px; font-weight:normal;}
.de-mid p{font-size:1.25rem; padding:5px 0px; color: #777777;}
.de-mid a{ width:260px; height:65px; display:flex; justify-content:center; align-items:center; font-size:1.25rem; text-align:center; background-color: #907c6a; color:#FFF; position:absolute; left:calc(50% - 130px); bottom:-33px;}
.de-mid a:hover{ background-color:#000;-webkit-transition:0.6s;-moz-transition:0.6s;transition:0.6s;}

@media (max-width:1230px) {
.debSwiper .swiper-slide{ width:50%!important; }
.decSwiper .swiper-slide{ width:50%!important; }
}
/*ipad*/
@media (min-width: 768px) and (max-width: 991px) {
.de-d{ min-height:500px; }
.de-mid{ width:90%; min-height:220px;}
}

/* xs */
@media (max-width: 767px) {
.banner {min-height:auto; flex-direction:column; margin-top:50px; }
.bl {flex: 1;min-height:100px;} 
.bl i{ height:280px; }
.br {flex: 1; padding:20px 15px 35px;}
.br .mid h1{font-size:1.3rem; padding:10px 0px;}
.br .mid p{font-size:1.1rem; padding:0px;}

.boxinfo{ padding:30px 0px 0px; }
.de-a-m-up{flex-direction:column; }
.de-a-m-up h1{font-size:1.35rem; }
.de-a-m-up div{min-height:auto; padding:5px 0px 15px;}
.de-a-m-up p{ font-size:1.1rem;}
.de-a-m-down{ padding:0px 10px; }
.de-a-box p{ min-height:auto; padding:10px 5px; font-size:1.1rem;}
.px5{ padding:0px 5px; }

.de-b{ padding:30px 0px 0px;}
.de-b-up{ height:auto; flex-direction:column; }
.be-bup-l{ width:100%; height:auto; }
.be-bup-l i{ width:100%; height:200px; }
.be-bup-r{ width:100%;  padding:15px 15px 25px; }
.be-bup-r h1{font-size:1.3rem; padding:20px 0px 10px;}
.de-b-down{ flex-direction:column; align-items:flex-start; padding-top:20px; }
.de-b-down h1{ width:100%; padding:15px; font-size:1.5rem; justify-content:flex-start; align-items:center; }
.de-b-box{ width:100%; }
.debSwiper .swiper-slide{ width:100%!important; }
.de-button-prev{left:15px; top:calc(50% - 20px); width:40px; height:40px; background-size:95%;}
.de-button-next{right:15px; top:calc(50% - 20px); width:40px; height:40px; background-size:95%;}

.de-c .be-bup-r h1{font-size:1.3rem;  padding:20px 0px 10px;}
.de-c .be-bup-r p{font-size:1rem; }
.decSwiper .swiper-slide{ width:100%!important; }
.dc-button-prev{left:15px; top:calc(50% - 20px); width:40px; height:40px; background-size:95%;}
.dc-button-next{right:15px; top:calc(50% - 20px); width:40px; height:40px; background-size:95%;}

.de-d{ margin-top:35px; min-height:350px; }
.de-mid{ width:80%; min-height:auto; padding:20px 15px 40px; }
.de-mid h1{font-size: 1.3rem; padding:20px 0px 10px; font-weight:normal;}
.de-mid p{font-size:1.1rem;}
.de-mid a{ width:140px; height:45px; font-size:1rem; left:calc(50% - 70px); bottom:-23px;}
.de-mid a:hover{ background-color:#000;-webkit-transition:0.6s;-moz-transition:0.6s;transition:0.6s;}

}

@media (max-width: 480px) {

}