/*******************************
  -------[=banner]-------
********************************/
.swiper-container{overflow: hidden;margin: 0 auto;position: relative;}
.swiper-wrapper{align-items: center; justify-items: center;}
.indexbanner .swiper-slide img{width:100%;}
.indexbanner{width: 100%;overflow: hidden;}.indexbanner video{max-width: 100%; object-fit: cover;}
.indexbanner div.text {padding: 20px 20px; margin-left:0%; background: rgba(79,70,58,0.5); border-bottom: 4px solid #c6ba9b; font-size: 36px; color: #fff; position: absolute; left: 0; right: 0; bottom: 20px; width: 80%; display: table; font-weight: bold;}
.indexbanner div.text a {display: table-cell; color: #fff; overflow: hidden; vertical-align: middle; padding: 0 30px;}

.indexbanner .swiper-button-prev:after, .indexbanner .swiper-button-next:after{ color:#c6ba9b; content: inherit}
.indexbanner .swiper-button-prev:hover::after,.indexbanner .swiper-button-next:hover::after{ color:#fff}
.indexbanner .swiper-button-next, .indexbanner .swiper-button-prev{ background: rgba(0,0,0,.45);color: #fff; font-size: 20px; border-radius: 100%; height: 40px; width: 40px; text-align: center;}
.indexbanner .swiper-button-next:hover, .indexbanner .swiper-button-prev:hover{ background: #c6ba9b;color: #fff;}
.indexbanner .swiper-button-next i, .indexbanner .swiper-button-prev i{line-height: 40px;}
.indexbanner .swiper-pagination-bullet-active{background: #faf0e4;}
.indexbanner .swiper-pagination-bullet{width: 15px; height: 15px; background: #fff}

.index-product .swiper-pagination-bullets {position: absolute;bottom: 5px;left: 0; right: 0;}
.index-product .swiper-pagination-bullet:first-child {margin-top: 0;}
.index-product .swiper-pagination-bullet{display: block; margin-top: 14px; margin-left: 0;width: 15px; height: 15px; background: #fff;}
.index-product .swiper-pagination-bullet-active{background: #faf0e4;}
.index-product .swiper-container {width: 100%; font-size: 0;}
.index-product .swiper-container .index-product-prev, .index-product .swiper-container .index-product-next {position: absolute;top: 40%; font-size: 30px; color: #fff; z-index: 5;cursor: pointer; outline: none;width: 40px;text-align: center;display: none;}
.index-product .swiper-container .index-product-prev {left: 0px;}
.index-product .swiper-container .index-product-next {right: 0px;}
.index-product .swiper-container .img-box{display: inline-block; width: 33.33%; padding-top: 45%; position: relative;overflow: hidden;}
.index-product .swiper-container .img-box img{position: absolute; top: 0;left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover;}
.index-product .swiper-container .mask {position: absolute;top: 0; left: 0; right: 0; bottom: 0;opacity: .4; background-color: #000;
    -webkit-transition: opacity .3s;-o-transition: opacity .3s;-moz-transition: opacity .3s;transition: opacity .3s;
}

.index-product .swiper-container .img-box:hover .mask{opacity: .1;}
.index-product .swiper-container .img-box .titlei h3{position: absolute;bottom: 20%;left: 0px; right:0px; font-size: calc(1.2vw + 14px);letter-spacing: .1vw; text-align: center; text-transform:capitalize;transition:all 0.3s ease-out; color: #efe4c8; opacity: 1;}
.index-product .swiper-container .img-box:hover .titlei h3{bottom:45%;color: #fff; font-size:calc(1.85vw + 14px); opacity:1;text-shadow:2px 2px 3px #4f463a;}
.index-product .swiper-container .titlei p{position: absolute;bottom: 1vw;left: 0px; right:0px; font-size: 18px; opacity: .5;letter-spacing: 1.5vw; text-align: center; text-transform: uppercase;}

.banner_pic {margin: auto;position: relative;width: 100%;}
.banner_pic_group {margin: 0 auto; overflow: hidden; padding-bottom: 30%; position: relative; width: 100%;}
.banner_pic_item_wrap {height: 100%;left: 0; position: absolute; top: 0; width: 100%;
    transform: translateZ(0);
    -ms-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    -o-transform: translateZ(0);
}
.banner_pic_item{background-position:50% 50%; background-repeat:no-repeat; cursor: default;height: 100%;margin: 0 auto; outline: none;overflow: hidden; position: relative;width: 100%;}
.banner_pic .text{position: absolute;left: 22%;right: 20%; top:50%;text-transform: capitalize; font-size: 2.5vw; z-index: 9}

.index-about{background:url("../uploadfile/ad/about-1.jpg");background-size: cover;height: 100vh; display: flex; justify-content: center;align-items: center;}
.index-about h3{margin-bottom: 2rem;margin-top: 1rem;text-transform: capitalize;}
.index-about-text{margin:0% 5%;padding:1% 10%;letter-spacing: 1px; background:rgba(0,0,0,.5);transition:all 0.3s ease-out;}
.index-about-text p{font-size: 24px;margin-bottom: 1.25rem;}
.index-about2{background:url("../uploadfile/ad/about-2.jpg");background-size: cover;background-repeat: round; height: 100vh; display: flex; justify-content: center;align-items: center;}
.index-about2-text{margin-left:60%;margin-top: 5vw;position: relative;}
.index-about2-text .title{text-transform: capitalize;position: absolute; left: -140%; top: 0;}
.index-about2-text-ul{padding:10px 10px 2vw 0;}
.index-about2-text-ul h3{margin-bottom: 1rem;text-transform: capitalize;}
.index-about2-text-ul p{font-size: 18px;}
.index-about2-text-ul:nth-child(2){margin-left: -3vw;}
.index-about2-text-ul:nth-child(3){margin-left: -6vw;}

.wooden{margin: 0 auto;overflow: hidden}
.wooden .row{margin-left: 0;margin-right: 0;}
.wooden .row .col{padding-left: 0;padding-right: 0;}
.wooden_pic img{max-width: 100%;object-fit: contain;}
.jz_web_row__content {display: flex;flex-wrap: nowrap; position: relative;}
.jz_web_row {box-sizing: border-box;margin-left: auto; margin-right: auto; max-width: 100%; position: relative;}
.jz_web_col {box-sizing: border-box; font-size: 0; min-height: 30px; position: relative; transition: border .3s, background .3s, box-shadow .3s, padding .3s, border-radius .3s; width: 100%;}

.wooden .title{margin:10px 0;font-weight: bold;}
.wooden .text{text-align: left; font-size: 20px;padding:0 0 10px 0;}
.banner_flv video{max-width: 100%;width: 100%;height: 100%; object-fit: cover;}
.banner_flv{position: relative;width: 100%;margin: 0 auto;text-align: center;}
.banner_flv_background {bottom: 0;left: 0;overflow: hidden;position: absolute;right: 0;top: 0; width: 100%;z-index: 1;}
.banner_flv_area {margin: auto; padding-bottom:35%; position: relative; z-index: 2;}
.banner_flv_area .text{position: absolute; left: 0; right: 0; bottom:0px; width: 100%;padding: 20px 20px; margin-left:0%; background: rgba(79,70,58,0.5); border-bottom: 4px solid #c6ba9b;}
.partpro .picbox .picbox-text{margin-bottom: 1rem;}
.partpro .picbox .picbox-text .img{padding-bottom: 0.5rem;}
.partpro .picbox .picbox-text .img img{width: 100%;object-fit: cover;transition: all 0.5s ease 0s;}
.partpro .picbox .picbox-text:hover img{opacity:.85; transition: all 0.5s ease 0s;}
.partpro .picbox .picbox-text .info2{font-size: 16px;}


@media(max-width: 1190px){
	.index-product .swiper-container .img-box .titlei h3{font-size: calc(1vw + 10px);}
	.index-product .swiper-container .img-box:hover .titlei h3{font-size: calc(1vw + 10px);}
}
@media(max-width: 768px){.index-product .swiper-container .img-box{width: 33.33%;}}
@media(max-width: 640px){
.index-product .swiper-container .img-box{width: 100%;}
.index-product .swiper-container .index-product-prev, .index-product .swiper-container .index-product-next{display: block;}
.index-product .swiper-container .img-box{width:100%; padding-top:100%;}
	.index-product .swiper-container .img-box .titlei h3{bottom: 50%;}
	.index-product .swiper-container .titlei p{bottom: 10px;}
}