.aboutW,.aboutStory,.aboutCulture{overflow: hidden;}
.aboutW{background: url("../images/aboutW_bg.png") top right no-repeat;background-size: 100% auto;overflow: hidden;}
.aboutIntro{position: relative;z-index: 10;overflow: hidden;}
.aboutIntro .mes{background: #fff;padding: 120px 20px;text-align: center;}
.aboutIntro,.aboutIntro p{font-size: 18px;line-height: 36px;color: #000;}
.aboutIntro .more{margin-top: 30px;padding: 10px 0;}
.aboutImg{position: relative;z-index: 9;margin-top: -210px;overflow: hidden;}
.aboutImg img{width: 100%;}
.aboutVision{padding: 160px 0;overflow: hidden;}
.vision{display: table;width: 100%;position: relative;overflow: hidden;}
.aboutVision .title{padding:0 0;position: absolute;left: 0;top:0; }
.vision .mes,.vision .imgBox{display: table-cell;vertical-align: middle;overflow: hidden;}
.vision .mes{width: 50%;padding-right: 5%;}
.vision .imgBox{width: 50%;}
.vision .mes h1{font-size: 60px;line-height: 100px;color: #000;margin-bottom: 25px;}
.vision .mes p{font-size: 18px;line-height: 36px;color: #000;}
.vision .imgBox .img,.vision .imgBox .img img{width: 100%;}
.vision .imgBox .img img{-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; transition: all 0.3s linear;}
.vision .imgBox: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);}

.aboutCont .cont{width: 100%;}
.aboutStory{overflow: hidden;}
.aboutStory .year{position: static;display: block;height: auto;float: right;}
.aboutCont .year .box{display: block;}
.inner-tit{}
.inner-tit span,.inner-tit h1{display: inline-block;color: #000;vertical-align: top;}
.inner-tit span{width: 20px;font-size: 16px;line-height: 20px;text-align: left;writing-mode:tb-rl;padding-top: 10px;}
.inner-tit h1{width:66px;font-size: 58px;line-height: 70px;}
.person-list{padding-top:95px;border-top: 1px solid #dbd8ce;overflow: hidden; }
.person-list li{padding-bottom: 150px;margin-bottom: 150px;border-bottom: 1px solid #dbd8ce;position: relative;overflow: hidden;}
.person-list li:last-child{border-bottom: none;padding-bottom: 0;}
.person-list li .box{position: relative;display: table;width: 84%;}
.person-list li .inner-tit{position: absolute;right: 0;top: 0;}
.person-list li .img,.person-list li .mes{display: table-cell;vertical-align: bottom;}
.person-list li .img{width: 442px;overflow: hidden;}
.person-list li .img img{width: 100%;-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; transition: all 0.3s linear;}
.person-list li .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);}
.person-list li .mes{padding-left:75px;text-align: justify; }
.person-list li .mes h2{font-size: 36px;line-height: 40px;color: #000;}
.person-list li .mes em{display: block;width: 1px;height: 20px;background: #000;margin-top: 38px;margin-bottom: 25px;}
.person-list li .mes p,.person-list li p{font-size: 18px;line-height: 36px;color: #000;letter-spacing: 2px;}
.person-list li.liT{display: table;width: 100%;}
.person-list li .lef,.person-list li .rig{width: 50%;display: table-cell;vertical-align: bottom;}
.person-list li .lef .inner-tit{position: static;margin-bottom: 65px;}
.person-list li .lef .mes{padding-right: 50px;padding-left: 0;}
.person-list li .rig .imgM{float: left;width: 48%;padding-left: 4%;}
.person-list li .rig .imgM:first-child{padding-left: 0;}
.person-list li .rig .imgM .img{width: 100%;}
.person-list li .rig .imgM .img img{width: 100%;}
.person-list li.liF .box,.person-list li.liF2 .box{width: 100%;}
.person-list li.liF .img,.person-list li.liF2 .img{width: 600px;}
.person-list li.liF2 .img.img2{display: none;}
.person-list li.liF2 .inner-tit{right: auto;left: 0;}
.person-list li.liF2 .mes{padding-left: 0;padding-right: 75px;}

.person-quote{margin-bottom: 150px;padding-right: 60px;}
.person-quote .cont{padding-top:150px;padding-bottom: 170px;background: url("../images/quote_bg.jpg") top center no-repeat;background-size: cover;text-align: center;}
.person-quote .mes{width: 60%;text-align: center;margin: 0 auto; }
.person-quote .cont,.person-quote p{font-size: 20px;line-height: 36px;color: #fff;}
.timeline{margin-bottom: 140px;}
.timeline .box{padding-left: 325px;position: relative;}
.timeline .inner-tit{position: absolute;left: 0;top:0;}
.timeline-list{}
.timeline-list li{padding-bottom: 70px;margin-bottom: 70px;border-bottom: 1px solid #dbd8ce;}
.timeline-list li .time{font-size: 0;}
.timeline-list li .time span,.timeline-list li .time em{display: inline-block;color: #000;vertical-align: text-bottom;}
.timeline-list li .time span{font-size: 64px;line-height: 60px;}
.timeline-list li .time em{font-size: 20px;line-height: 24px;}
.timeline-list li .line{width: 1px;height: 20px;background: #000;margin: 25px 0;}
.timeline-list li .mes,.timeline-list li .mes p{font-size: 18px;line-height: 40px;color: #000;}
.timeline-list li .mes img{max-width: 100%!important;}
.timeline .more{font-size: 18px;line-height: 40px;color: #000;text-align: left;padding: 0 0;}
.scrollW{position: relative;}
.timeline .box{padding-left: 180px;}
.timeline .date-li{position: absolute;left: 0;top:0;}
.timeline .date-li li{width: 60px;font-size:60px;line-height:1;color:#274a94;writing-mode:tb-rl;transform: rotate(180deg);display: none;}
.timeline .date-li li:first-child {display: block;}
.timeline-list{position: relative;padding-left: 50px;}
.timeline-list .swiper-slide{padding-bottom: 40px;margin-bottom: 40px;border-bottom: 1px solid #dbd8ce;height: auto;}
.timeline-list .time{font-size: 0;}
.timeline-list .time span,.timeline-list .time em{display: inline-block;color: #000;vertical-align: text-bottom;}
.timeline-list .time span{font-size: 64px;line-height: 60px;}
.timeline-list .time em{font-size: 20px;line-height: 24px;}
.timeline-list .line{width: 1px;height: 20px;background: #000;margin: 20px 0;}
.timeline-list .mes,.timeline-list .mes p{font-size: 20px;line-height: 40px;color: #000;}
.timeline-list .mes img{max-width: 100%!important;}
.timeline-list .swiper-container{height: 700px;}
.timeline-list .swiper-pagination{left: 0;top: 0;width: 1px;height: 100%;}
.timeline-list .swiper-container-horizontal>.swiper-pagination-progressbar{height: 1px;background: #dbd8ce;}
.timeline-list .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{margin-left: -1px;;width: 3px;background: #e6ae97;margin-top: -1px;}
.timeline-list .swiper-pagination::before{content: "";position: absolute;left: -6px;top:-6px;width: 12px;height: 12px;border-radius: 50%;background: #e6ae97;}


.culture-intro{overflow: hidden;}
.secL{padding-bottom: 140px;margin-bottom: 140px;border-bottom: 1px solid #dbd8ce;}
.culture-intro .mes{float: left;width: 45%;}
.culture-intro .mes,.culture-intro .mes p{font-size: 18px;line-height: 36px;color: #000;letter-spacing: 2px;}
.culture-intro .mes .info{margin-top: 100px;}
.culture-intro .img{float: right;width: 50%;overflow: hidden;}
.culture-intro .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; }
.culture-intro .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);}
.vision-intro{overflow: hidden;}
.vision-intro .cont{text-align: center;}
.vision-intro .cont,.vision-intro .cont p{font-size: 20px;line-height: 40px;color: #000;}
.vision-intro .cont img{max-width: 100%!important;}
.yl-culture{background: url("../images/line_bg.png") top center no-repeat;background-size: 100% 100%;}
.yl-culture .yl-info{padding-left: 60%;margin-top: 250px;margin-bottom: 140px;}
.yl-culture .yl-info p{font-size: 18px;line-height: 36px;color: #333;}
.culture-img{overflow: hidden;margin-bottom: 150px;}
.culture-img .wrap{position: relative;}
.culture-img .wrap::after{content: "";position: absolute;left: 0;bottom: 0;width: 60px;height: 100%;background: #fef7ec;z-index: 200;}
.culture-img .swiper-container,.owner-list .swiper-wrapper{overflow: visible;}
.culture-img .swiper-navigation{position: absolute;bottom: 0;left: 60px;}
.sli .swiper-button-prev,.sli .swiper-button-next{position: relative;left: auto;right: auto;display: inline-block;width:78px;height: 78px;border: 1px solid #cbc6bd;border-radius: 50%;background: none;z-index: 10;margin-top: 0;}
.sli .swiper-button-next{margin-left: 26px;}
.sli .swiper-button-prev::before,.sli .swiper-button-next::before{content: ""; position: absolute; left: 50%; top: 50%;width: 100%;height: 100%;border-radius: 50%;background: #e6ae97;border: 1px solid #e6ae97;margin-left: -40px;  margin-top: -40px;-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;  -webkit-transform: scale(0); -moz-transform: scale(0);-ms-transform: scale(0);transform: scale(0);z-index: 1;}
.sli .swiper-button-prev::after,.sli .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: 17px;border-radius: 50%;z-index: 2; }
.sli .swiper-button-prev::after{background-image: url("../images/prev.png");}
.sli .swiper-button-next::after{background-image: url("../images/next.png");}

.sli .swiper-button-prev:hover::after{background-image: url("../images/prev2.png");}
.sli .swiper-button-next:hover::after{background-image: url("../images/next2.png");}
.sli .swiper-button-prev:hover,.sli .swiper-button-next:hover{border: 1px solid #e6ae97;}
.sli .swiper-button-prev:hover::before,.sli .swiper-button-next:hover::before{-webkit-transform: scale(1);-moz-transform: scale(1); -ms-transform: scale(1);transform: scale(1); }

.culture-img .swiper-slide {text-align: center; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;  -webkit-box-pack: center;  -ms-flex-pack: center;  -webkit-justify-content: center;  justify-content: center;  -webkit-box-align: center;  -ms-flex-align: center;  -webkit-align-items: center;  align-items: center;  -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear;transition: all 0.3s linear;}
.culture-img .swiper-slide{-webkit-transform: scale(1);-moz-transform: scale(1); -ms-transform: scale(1);transform: scale(1); width: 42%;}
.culture-img .img{padding-right: 30px;overflow: hidden;text-align: right;}
.culture-img .img img{width: 100%;}
.culture-img .swiper-slide-active,.culture-img .swiper-slide-duplicate-active{width: 56%;}

.aboutBrand{position: relative;overflow: hidden;margin-bottom: 150px;}
.aboutBrand .wrap{position: relative;}
.aboutBrand .box{position: relative;}
.aboutBrand .box .img{width: 70%;}
.aboutBrand .box .img img{width: 100%;}
.aboutBrand .box .mes{position: absolute;right: 0;top:0;width: 55%;height: 70%;background: #fef7ec;z-index: 10;}
.aboutBrand .box .mes .info{padding-left: 110px;padding-right: 100px;}
.aboutBrand .box .mes h1{font-size: 46px;line-height: 56px;color: #000;}
.aboutBrand .box .mes em{display: block;width: 1px;height: 18px;background:#000;margin: 28px 0; }
.aboutBrand .box .mes p{font-size: 22px;line-height: 32px;color: #000;}
.aboutBrand .swiper-navigation{position: absolute;bottom: 0;right: 0;}
.aboutBrand .box .nm{position: absolute;right: 0;top: 0;font-size: 0;}
.aboutBrand .box .nm span,.aboutBrand .box .nm h1{display: inline-block;color: #000;vertical-align: top;}
.aboutBrand .box .nm span{width: 22px;font-size: 20px;line-height: 24px;text-align: left;writing-mode:tb-rl;padding-top: 15px;}
.aboutBrand .box .nm h1{width:66px;font-size: 64px;line-height: 70px;}
.aboutBrand .swiper-num{position: absolute;bottom:45%;right: 0;width: 50%;}
.swiper-num{font-size: 26px;line-height: 26px;z-index: 20;}
.swiper-num span,.swiper-num em{display: inline-block;color: #000;vertical-align: bottom;}
.swiper-num em{font-size: 64px;line-height: 64px;}
.aboutBrand .swiper-num span{}
.aboutBrand .swiper-pagination{left: auto;top: auto;bottom:40%;right: 0;width: 50%;}
.sli .swiper-container-horizontal>.swiper-pagination-progressbar{height: 1px;background: #dbd8ce;}
.sli .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{height: 3px;background: #e6ae97;margin-top: -1px;}
.aboutCraft .wrap{padding-top: 100px;border-top: 1px solid #dbd8ce;}
.aboutCraft .content{position: relative;padding-left: 188px;}
.aboutCraft .content .lef{position: absolute;left: 0;top:0;z-index: 1000;}
.aboutCraft .content .lef.fixed{position: fixed;left: 60px;top:100px;}
.aboutCraft .content .rig{padding-left: 98px;border-left: 1px solid #dbd8ce;}
.titSec{margin-bottom: 80px;}
.titSec h1{font-size: 60px;line-height: 60px;color: #000;}
.titSec span{display: block;font-size: 16px;line-height: 20px;color: #000;margin-top: 2px;padding-left: 2px;}
.fmenu-list{position: relative;}
.fmenu-list li{padding: 10px 0;margin-bottom: 60px;cursor: pointer;}
.fmenu-list li a{display: block;}
.fmenu-list li span{display: block;font-size: 20px;line-height: 20px;color: #000;position: relative;}
.fmenu-list li.active span{font-size: 40px;line-height: 40px;}
.fmenu-list li.active span:before{content: "";position: absolute;left: -60px;top: 50%;width: 5px;height: 36px;margin-top: -18px;background: #000;}
.aboutCraft{overflow: hidden;}
.aboutCraft .sec{padding-bottom: 100px;margin-bottom: 100px;border-bottom: 1px solid #dbd8ce;overflow: hidden;}
.aboutCraft .other .sec:last-child{border-bottom: none;}
.craft-intro{position: relative;display: table;width: 100%;}
.craft-intro .img,.craft-intro .mes{display: table-cell;vertical-align: bottom;}
.craft-intro .img{width: 850px;overflow: hidden;}
.craft-intro.yl .img{width: 930px;}
.craft-intro.fc .img{width: 610px;}
.craft-intro .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;}
.craft-intro .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);}
.craft-intro .mes{padding-left: 80px;}
.craft-intro .mes,.craft-intro .mes p{font-size: 18px;line-height: 40px;color: #000;letter-spacing: 2px;}
.craft-intro .name{position: absolute;right: 0;top:0;font-size: 0;}
.aboutCraft .name span,.aboutCraft .name h1{display: inline-block;vertical-align: top;}
.aboutCraft .name span{width: 16px;font-size: 16px;line-height: 20px;color: #333;text-align: left;writing-mode:tb-rl;padding-top: 15px;}
.aboutCraft .name h1{width:62px;font-size: 50px;line-height: 70px;color: #000;}
.aboutCraft .other-sli .name h1{width:42px;font-size: 40px;line-height: 44px;}
.aboutCraft .other-sli .name span{padding-top: 7px;}
.aboutCraft .midT{font-size: 38px;line-height: 50px;color: #000;margin: 70px 0;}
.sec-tab{}
.sec-tab .tab-lef{width:50%;border-bottom: 1px solid #dbd8ce; }
.sec-tab .tab-intro{padding: 62px 0;}
.sec-tab .tab-intro .info,.sec-tab .tab-intro .info p{font-size: 18px;line-height: 50px;color: #000;}
.tySli .tab-intro .info,.tySli .ty-sli,.tabCont,.OthCont{display: none;}
.tySli .tab-intro .info.on,.tySli .ty-sli.active,.tabCont.active,.OthCont.active{display: block;}
.sec-tab .tab-rig{width:38.5%; }
.sec-tab .tab-rig .img{overflow: hidden;}
.sec-tab .tab-rig .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;}
.sec-tab .tab-rig .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);}
.tySli{position: relative;}
.tySli .swiper-navigation{position: absolute;left:0;top: auto;bottom:0;width: 50%;}
.model{position: relative;margin-top: 70px;overflow: hidden;}
.model .box{}
.model .img{overflow: hidden;}
.model .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;}
.model .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);}
.model .mes{margin-top: 30px;}
.model .mes h2{font-size: 26px;line-height: 36px;color: #000;}
.model .mes p{font-size: 18px;line-height: 36px;color: #000;letter-spacing: 2px;}
.model .swiper-pagination,.other-sli .swiper-pagination{left: 0;top: auto;bottom:0;width: 100%;}
.model .swiper-navigation,.other-sli .swiper-navigation{position: absolute;right: 0;bottom: 35px;}
.model .swiper-num,.other-sli .swiper-num{margin-bottom: 35px;margin-top: 75px;}
.aboutCraft .intro{font-size: 18px;line-height: 36px;color: #000;margin-top: 65px;}
.workman-ship{position: relative;}
.workman-ship .mes,.workman-ship .ws-sli{}
.workman-ship .mes{float: left;width: 40%;overflow: hidden;}
.workman-ship .ws-sli{float: right;width: 60%;}
.workman-ship .mes .swiper-container-fade .swiper-slide{visibility: hidden;}
.workman-ship .mes .swiper-container-fade .swiper-slide-active{visibility: visible;}
.workman-ship .mes .info{padding-right: 90px;text-align: left;}
.workman-ship .mes .info,.workman-ship .mes .info p{font-size: 18px;line-height: 36px;color: #000;}
.workman-ship .mes .info h2{font-size: 36px;line-height: 40px;color: #000;}
.workman-ship .swiper-navigation{position: absolute;left:auto;top: 0;right: 0;}
/*.ws-sli .swiper-slide{width: 42%;padding-top: 20%; text-align: center; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;  -webkit-box-pack: center;  -ms-flex-pack: center;  -webkit-justify-content: center;  justify-content: center;  -webkit-box-align: center;  -ms-flex-align: center;  -webkit-align-items: center;  align-items: center;  -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear;transition: all 0.3s linear;}*/
.ws-sli .swiper-slide{width: 42%;padding-top: 20%;}
.ws-sli .img{width: 100%;overflow: hidden;text-align: right;}
.ws-sli .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;}
.ws-sli .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);}
.ws-sli .swiper-slide-active,.culture-img .swiper-slide-duplicate-active{width: 58%;padding-top: 0;}
.ws-sli .swiper-slide-active .img,.culture-img .swiper-slide-duplicate-active .img{width: 100%;}
.ws-sli .img img{vertical-align: bottom;}
.workman-ship .swpa{position: absolute;left:0;bottom: 0;width: 40%;padding-right: 90px;box-sizing: border-box;}
.workman-ship .swpa .bx{position: relative;width: 100%}
.workman-ship .swiper-num{position: absolute;left: 0;bottom: 35px;}
.workman-ship .swiper-pagination-progressbar{position: absolute;left: 0;top:auto;bottom: 0;width: 100%;height: 1px;padding-right: 90px;box-sizing: border-box;}
.other-sli{margin-top: 80px;position: relative;overflow: hidden;}
.other-sli .swiper-slide{width: 68%;}
.other-sli .box{display: table;width: 100%;position: relative;overflow: hidden;}
.other-sli .box .img,.other-sli .box .mes{display: table-cell;vertical-align: bottom;position: relative;}
.other-sli .box .img{width: 40%;overflow: hidden;}
.other-sli .box .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;  }
.other-sli .box .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);}
.other-sli .box .mes{padding-left: 70px;background: #fef7ec;}
.other-sli .box .mes,.other-sli .box .mes p{font-size: 18px;line-height: 36px;}
.other-sli .box .name{position: absolute;top:0;left: 70px;}