body{width: 100%;height: 100%;position: relative;}
.aboutIn{background: #fef7ec;padding-top: 275px;padding-bottom: 115px;}
.aboutIn-tit{margin-bottom: 45px;text-align: center;}
.aboutIn-tit h1{font-size: 36px;line-height: 46px;color: #000;margin-bottom: 20px;letter-spacing: 2px;}
.aboutIn-tit p{font-size: 18px;line-height: 24px;color: #000;letter-spacing: 12px;}

.about-video{width:83.3% ;margin: 45px auto;position: relative;}
.about-video video{width: 100%;height: 708px; object-fit: fill;}
.about-video video::-webkit-media-controls {  display:none !important;}
.about-video video::-moz-media-controls {  display:none !important;}
.about-video video::-ms-media-controls {  display:none !important;}
.about-video video::-o-media-controls {  display:none !important;}
.about-video video::media-controls {  display:none !important;}
.about-video .more{margin-top: 30px;}
.about-video .swiper-container{position: relative;overflow: hidden;}
.about-video .swiper-pagination{position: absolute;left: 0;bottom: 90px;font-size: 0;text-align: center;width: 100%;}
.about-video .swiper-pagination-bullet{display: inline-block; width: 14px; height: 14px; background: #999;  border-radius: 50%;margin: 0 5px!important;opacity: 1!important;}
.about-video .swiper-pagination-bullet-active {background: #e6ae97;}
.slider-video{position: relative;overflow: hidden;}

.productIn{text-align: center;overflow: hidden;}
.productIn .imgBox{overflow: hidden;}
.productIn .imgBox li{width: 10.4%;display: inline-block; float: left; box-sizing: border-box;overflow: hidden;position: relative; background: #000; -webkit-transition: all 0.5s; -moz-transition: all 0.5s;-o-transition:all 0.5s;transition: all 0.5s;  }
.productIn .imgBox li{display: block;}
.productIn .imgBox li .img{width: 100%;height: 1080px;background-position: bottom center;background-repeat: no-repeat;background-size: cover;overflow: hidden;}
/*.productIn .imgBox li .img img{height: 100%;cursor: pointer;}*/
.productIn .imgBox li .look{position: absolute;bottom: 84px;left: 50px;text-align: left;}
.productIn .imgBox li .look h1{font-size: 24px;line-height: 32px;color: #fff;}
.productIn .imgBox li .look .mr{margin-top: 25px;display: inline-block;position: relative;}
.productIn .imgBox li .look .mr a{display: inline-block;}
.productIn .imgBox li .look .mr span{display: inline-block;font-size: 12px;line-height: 12px;opacity: 0;}
.productIn .imgBox li .look .mr img{height: 12px;margin-left: 8px;-webkit-transition: all 0.5s; -moz-transition: all 0.5s;-o-transition:all 0.5s;transition: all 0.5s;}
.productIn .imgBox li .look .mr:after{content: "";position: absolute;left: 0;bottom: -7px;width: 0;height: 1px;background: #fff;;-webkit-transition: all 0.5s; -moz-transition: all 0.5s;-o-transition:all 0.5s;transition: all 0.5s;}
.productIn .imgBox li.active {width: 68.8%;}
.productIn .imgBox li.active .img img{}
.productIn .imgBox li.active .look{left: 60px;}
.productIn .imgBox li.active .look h1{font-size: 36px;line-height: 44px;}
.productIn .imgBox li.active .look .mr{margin-top: 35px;}
.productIn .imgBox li.active .look .mr span{font-size: 16px;line-height: 16px;color: #fff;opacity: 1;}
.productIn .imgBox li.active .look .mr img{height: 16px;}
.productIn .imgBox li .look:hover .mr img{margin-left: 12px;}
.productIn .imgBox li .look:hover .mr:after{width: 100%;}
.productPer{border-bottom: 1px solid #e3dbcb;overflow: hidden;}
.pBox{-webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear;-o-transition:all 0.5s linear;transition: all 0.5s linear;  -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg);  -webkit-transform-origin: 50% 0;  -moz-transform-origin: 50% 0;  -ms-transform-origin: 50% 0;  -o-transform-origin: 50% 0;  transform-origin: 50% 0;visibility: visible;}
.proP-total{position: relative;background-image: url("../images/productPer_bg.png");background-position: top center;background-repeat: no-repeat;background-size: cover;padding-top: 150px;padding-bottom: 110px;}
.pBox.on{ -webkit-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); -ms-transform: rotateX(-90deg);  -o-transform: rotateX(-90deg);  transform: rotateX(-90deg);visibility: hidden;}
.proP-total .wrap{position: relative;}
.pro-tit{float: left;}
.pro-tit span{display: inline-block;width: 20px;font-size: 16px;line-height: 20px;color: #333;text-align: left;writing-mode: vertical-rl;padding-top: 5px;}
.pro-tit h1{display: inline-block;width:72px;font-size: 70px;line-height: 70px;color: #333;}

.proView{position: absolute;left: 50%;top:50%;width: 180px;height: 180px;margin-left: -90px;margin-top: -90px;font-size: 0;border: 1px solid #e6ae97;border-radius: 50%;text-align: center;cursor: pointer;z-index: 10;}
/*.proView img{width: 100%; animation: my-animation 4s ease-out 500ms 2;}*/
.proView span{display: inline-block;font-size: 16px;line-height: 180px;color: #fff;padding-right: 24px;background: url("../images/icon_jt3.png") right center no-repeat;background-size:16px;text-align: center;}
.proView img{height: 16px;margin-left: 8px;}
.proView span,.proView img{vertical-align:middle; z-index: 2;position: relative;}
.proView::before{content: "";position: absolute;left: 50%;top:50%;width: 160px;height: 160px;background: #e6ae97;margin-left: -80px;margin-top: -80px;border-radius: 50%;-webkit-transition: all 0.5s linear ; -moz-transition: all 0.5s linear;-o-transition:all 0.5s linear;transition: all 0.5s linear;}
.proView:hover::before{width: 100%;height: 100%;margin-left: -50%;margin-top: -50%;}

.proP-img{text-align: right;overflow: hidden;}
.proP-img .swiper-container{display: inline-block;max-width: 40%;overflow: hidden;}
.proP-img .img{overflow: hidden;}
.proP-img .img img{width: 100%;-webkit-transition: all 0.5s linear ; -moz-transition: all 0.5s linear;-o-transition:all 0.5s linear;transition: all 0.5s linear;}
.proP-img .img:hover img{-webkit-transform: scale(1.04,1.04); -moz-transform: scale(1.04,1.04);-ms-transform: scale(1.04,1.04);transform: scale(1.04,1.04);}
.proP-img .swiper-pagination{position: absolute;left: 0;bottom: 25px;font-size: 0;text-align: left;width: 94%;padding: 0 3%;}
.proP-img .swiper-pagination-bullet{display: inline-block; width: 8px; height: 8px; background: #999;  border-radius: 50%;margin: 0 5px!important;opacity: 1!important;}
.proP-img .swiper-pagination-bullet-active {background: #e6ae97;}


.proP-more{position: relative;background: #fef7ec;-webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear;-o-transition:all 0.5s linear;transition: all 0.5s linear;display: none;}
.proP-more.on{}
.proP-more .wrap{padding-top: 120px;padding-bottom: 180px;}
.proP-more ul li{padding-bottom: 148px;position: relative;}
.proP-more ul li .tit{}
.proP-more ul li .tit span{display: inline-block;width: 24px;font-size: 22px;line-height: 30px;color: #333;text-align: left;writing-mode: vertical-rl;padding-top: 5px;}
.proP-more ul li .tit h2{display: inline-block;width:42px;font-size: 40px;line-height: 50px;color: #333;}
.proP-more ul li .tit2 span{width: auto;font-size: 20px;line-height: 26px;color: #000;writing-mode: horizontal-tb;}
.proP-more ul li .tit2 h2{display: block;width:auto;font-size: 30px;line-height: 30px;color: #000;}

.proP-more ul li .tit3 span{width: 30px;font-size: 20px;line-height: 20px;color: #000;margin-top: 5px;text-align: right;}
.proP-more ul li .tit3 h2{width:32px;font-size: 30px;color: #000;}
.proP-more .pro-tit{margin-right: 145px;position: absolute;left: 0;}
.proP-more .imgB{display: inline-block;text-align: right;max-width: 70%;position: relative;}
.proP-more .imgB .img{max-width: 82%;}
.proP-more .imgB .img img{max-width: 100%;}
.proP-more .imgB a{display: inline-block;position: relative;}
.proP-more .imgB .img,.proP-more .imgB .detail{display: inline-block;vertical-align: bottom;}
.proP-more .imgB .detail{margin-left: 50px;}
.proP-more .imgB .detail span{display: inline-block;font-size: 16px;line-height: 16px;color: #000;}
.proP-more .imgB .detail img{height: 16px;margin-left: 8px;}
.proP-more ul li .gp{position: relative;}
.proP-more ul li .gp .imgB{max-width: 100%;}
.proP-more ul li .gp.bott{position: absolute;left: 0;bottom: 148px;}
.proP-more .gp.frig .imgB .detail{margin-left: 0;margin-right: 95px;}
.proP-more ul li .tit2{position: absolute;right: -50px;top:0;}
.proP-more ul li .tit3{position: absolute;left: 10px;top:-5px;}
.proP-more ul li.fl .tit{position: absolute;left: 0;top:0;}
.proP-more ul li.fl .plef{position: absolute;left: 0;bottom: 0;margin: 0 0;}
.proP-more ul li.fl .imgB{max-width: 100%;width: 100%;}
.proP-more ul li.fl .imgB a,.proP-more ul li.fr .imgB a{display: block;}
.proP-more ul li.fl .imgB .img{max-width: 60%;}
.proP-more ul li.fh .imgB{max-width: 85%;}
.proP-more ul li.fh .gp.frig .imgB .img{width: 100%;max-width: 100%;}
.proP-more ul li.fh .imgB .img,.proP-more ul li.fh .imgB .detail{display: block;}
.proP-more ul li.fh .imgB .detail{margin-left: 0;}
.proP-more ul li.fh .tit2{position: static;margin-top: 52px;}
.proP-more ul li.fh .tit2 h2{line-height: 32px;}
.proP-more ul li.fh .imgB .detail{margin-top: 20px;}

.proP-more ul li.fh .gp.frig{text-align: right;}
.proP-more ul li.fh .gp.frig .imgB{text-align: center;}
.proP-more ul li.fh .tit2{margin-top: 25px;text-align: left;}
.proP-more ul li.fh .imgB .detail{text-align: left;margin-top: 7px;margin-right: 0;}
.proP-more ul li.fr .tit{position: absolute;right: 0;top:0;}
.proP-more ul li.fr .prig{position: absolute;right: 0;bottom: 0;margin: 0 0;}
.proP-more ul li.fr .imgB.flef .img{max-width: 30%;}
.proP-more ul li.fr .imgB{width: 100%;text-align: left;max-width: 100%;}

.proP-more .img{overflow: hidden;}
.proP-more .img img{;-webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear;-o-transition:all 0.5s linear;transition: all 0.5s linear;}
.proP-more .img:hover img{ -webkit-transform: scale(1.04,1.04); -moz-transform: scale(1.04,1.04);-ms-transform: scale(1.04,1.04);transform: scale(1.04,1.04);}


.downOwner{margin-top: 50px;padding: 10px 0;text-align: center;cursor: pointer;position: relative;z-index: 10;}
.downOwner span{display: inline-block;font-size: 16px;line-height: 16px;color: #000;}
.downOwner img{height: 16px;margin-left: 8px;}

.ownerIn{padding-bottom: 135px;background-image: url("../images/ownerIn_bg.png");background-position: left center;background-repeat: no-repeat;background-size: cover;overflow: hidden;}
.ownerIn .wrap{padding-top: 240px;padding-bottom: 80px;}
.owner-list{position: relative;padding: 0 224px;}
.owner-list .swiper-container,.owner-list .swiper-wrapper{overflow: visible;}
.ownerIn .swiper-button-prev,.ownerIn .swiper-button-next{position: absolute;display: inline-block;width:64px;height: 64px;margin-top: -33px;border: 1px solid #e6ae97;border-radius: 50%;background: none;z-index: 10;}
.ownerIn .swiper-button-prev{left: 0;}
.ownerIn .swiper-button-next{right: 0;}
.ownerIn .swiper-button-prev::before,.ownerIn .swiper-button-next::before{content: ""; position: absolute; left: 50%; top: 50%;width: 66px;height: 66px;border-radius: 50%;background: #e6ae97;margin-left: -33px;  margin-top: -33px;-webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; transition: all 0.5s linear;  -webkit-transform: scale(0); -moz-transform: scale(0);-ms-transform: scale(0);transform: scale(0);z-index: 1;}
.ownerIn .swiper-button-prev::after,.ownerIn .swiper-button-next::after{content: ""; position: absolute; left:0; top:0;width: 100%;height: 100%;background-position: center center;background-repeat: no-repeat;background-size: 20px;border-radius: 50%;z-index: 2; }
.ownerIn .swiper-button-prev::after{background-image: url("../images/icon_prev.png");}
.ownerIn .swiper-button-next::after{background-image: url("../images/icon_next.png");}

.ownerIn .swiper-button-prev:hover::after{background-image: url("../images/icon_prev2.png");}
.ownerIn .swiper-button-next:hover::after{background-image: url("../images/icon_next2.png");}
.ownerIn .swiper-button-prev:hover::before,.ownerIn .swiper-button-next:hover::before{-webkit-transform: scale(1);-moz-transform: scale(1); -ms-transform: scale(1);transform: scale(1); }

.ownerIn .swiper-pagination{top:auto;bottom: -80px;}
.ownerIn .swiper-container-horizontal>.swiper-pagination-progressbar{height: 1px;background: #ece3d3;}
.ownerIn .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{height: 5px;background: #dcd1bc;margin-top: -2px;}
.owner-list .img{width: 860px;overflow: hidden;}
.owner-list .img img{width: 100%;-webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear;: all 0.5s linear; }
.owner-list .info{position: absolute;right: 0;top: 50%;width: 620px;height: 510px;margin-top: -255px;background: #fff;}
.owner-list .info .cont{padding: 50px;}
.owner-list .info h1{font-size: 50px;line-height: 70px;color: #000;margin-bottom: 20px;}
.owner-list .info p{font-size: 16px;line-height: 36px;color: #333;}
.owner-list .info .lk{position: absolute;left: 50px;bottom: 50px;}
.owner-list .info .lk span{font-size: 16px;line-height: 16px;color: #333;}
.owner-list .info .lk img{height: 16px;margin-left: 8px;}
.owner-list .info .lk::after{content: "";position: absolute;bottom: -6px;left: 50%;width: 0;height: 1px;background: #000;-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; transition: all 0.3s linear;z-index: 1;}
.owner-list .info .lk:hover::after{width: 100%;margin-left: -50%;}
.ownerIn .swiper-slide:hover .img img{ -webkit-transform: scale(1.04,1.04); -moz-transform: scale(1.04,1.04);-ms-transform: scale(1.04,1.04);transform: scale(1.04,1.04);}