@charset "utf-8";
.main-width{width:84.6875vw;margin:0 auto;}
.m-Top{margin-top:4.8vw;}
.other-banner{position:relative;}
.other-banner img{width:100%;height:auto;}
.other-banner:after{content:"";position:absolute;left:0;top:0;width:100%;height:8vw;background-image:url(../images/top-shadow.png);background-size:100% 100%;z-index:100;}
.other-banner .title{position: absolute; left: 50%; top: 50%; width: 27vw; height: 16vw; display: flex; flex-direction: column; justify-content: center; margin: -8vw 0 0 -13.5vw; background-color: rgba(0,0,0,.5); text-align: center; box-sizing: border-box; transform: translateY(5vw); opacity: 0; }
.other-banner .title h1{line-height: 3.5vw; margin-bottom: 1vw; font-size: 3.5vw; color: #fff; font-family: "Gotham-Light"; }
.other-banner .title p{line-height: 1.85vw; font-size: 0.94vw; color: #fff; font-family: "Gotham-Light"; }
.other-banner.on .title{transform: translateY(0); opacity: 1;}

.header{position:fixed;left:0;top:0;width:100%;height:4.8vw;padding:0 2.34375%;box-sizing:border-box;z-index:999;}
.header .bg{position:absolute;left:0;top:-100%;width:100%;height:100%;background-color:#fff;transition:all .5s;}
.header .menu{position:relative;float:left;width:5.3vw;height:4.8vw;cursor:pointer;z-index:999999;}
.header .menu span{position:absolute;display:block;left:50%;top:50%;width:1.8vw;height:1px;margin-left:-0.9vw;background-color:#fff;transition:all .5s;}
.header .menu .b1{margin-top:-8px;}
.header .menu .b2{margin-top:0;}
.header .menu .b3{margin-top:8px;}
.header .menu:after{content:"";position:absolute;right:0;bottom:0;width:1px;height:0;opacity:0;background-color:#fff;transition:all .5s;}
.header .logo{position:relative;float:left;height:1.5vw;margin-top:1.3vw;margin-left:1.6vw;z-index:9;}
.header .logo a{display:block;width:10.5625vw;height:2.5vw;background-image:url(../images/logo2025.png);background-size:100% 200%;background-position-y:-100%;transition:all .5s;}
.header .search{position:relative;float:right;width:5.3vw;height:4.8vw;transition:all .5s;z-index:9;}
.header .search .box{position:absolute;right:1.5vw;top:1.25vw;width:2.3vw;height:2.3vw;overflow:hidden;transition:all .5s;}
.header .search .box .text{width:100%;height:2.3vw;padding:0 2.3vw 0 0.5vw;border:1px solid rgba(255,255,255,0);border-radius:1.1vw;background-color:initial;color:#fff;box-sizing:border-box;transition:all .5s;}
.header .search .box .btn,.header .search .box .sub{position:absolute;top:0;right:0;width:2.3vw;height:2.3vw;background-image:url(../images/search-icon.png);background-size:100% 200%;background-position-y:100%;background-color:initial;background-repeat:no-repeat;cursor:pointer;transition:all .5s;}
.header .search .box .sub{display:none;}
.header .search.open{width:14vw;}
.header .search.open .box{width:11vw;}
.header .search.open .box .text{border:1px solid #fff;}
.header .search.open .box .sub{display:block;}
.header .search.open .box .btn{display:none;}
.header .search:after{content:"";position:absolute;left:0;bottom:0;width:1px;height:0;opacity:0;background-color:#fff;transition:all .5s;}
.header .head_side_box{position:relative;float:right;margin-right:1.6vw;margin-top:1.62vw;overflow:hidden;z-index:9;}
.header .head_side_box a{display:inline-block;vertical-align:top;width:1.56vw;height:1.56vw;margin:0 0.8vw;background-image:url(../images/header-icon.png);background-size:500% 200%;background-position-y:-100%;transition:all .5s;}
.header .head_side_box .langen{background-position-x:0;}
.header .head_side_box .linkedin{background-position-x:-100%;}
.header .head_side_box .instagram{background-position-x:-200%;}
.header .head_side_box .mail{background-position-x:-300%;}
.header .head_side_box .langes{background-position-x:-400%;}
.header:before{content:"";position:absolute;bottom:0;right:50%;width:0;height:1px;opacity:0;background-color:#fff;transition:all .5s;}
.header:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:1px;opacity:0;background-color:#fff;transition:all .5s;}
.header.on .menu:after{height:3.8vw;opacity:1;}
.header.on .search:after{height:3.8vw;opacity:1;}
.header.on:before{width:47.65%;opacity:1;}
.header.on:after{width:47.65%;opacity:1;}
.header.flow .bg{top:0;}
.header.flow .menu span{background-color:#56565a;}
.header.flow .menu:after{height:3.8vw;opacity:1;background-color:#ccc;}
.header.flow .logo a{background-position-y:0;}
.header.flow .head_side_box a{background-position-y:0;}
.header.flow .search.open .box .text{border-color:#ccc;color:#333;}
.header.flow .search .box .btn,.header.flow .search .box .sub{background-position-y:0;}
.header.flow .search:after{height:3.8vw;opacity:1;background-color:#ccc;}
.header.flow:before{width:47.65%;opacity:1;background-color:#ccc;z-index:99;}
.header.flow:after{width:47.65%;opacity:1;background-color:#ccc;z-index:99;}
.bg2 .header .bg{top:0;}
.bg2 .header .menu span{background-color:#56565a;}
.bg2 .header .menu:after{height:3.8vw;opacity:1;background-color:#ccc;}
.bg2 .header .logo a{background-position-y:0;}
.bg2 .header .head_side_box a{background-position-y:0;}
.bg2 .header .search.open .box .text{border-color:#ccc;color:#333;}
.bg2 .header .search .box .btn,.bg2 .header .search .box .sub{background-position-y:0;}
.bg2 .header .search:after{height:3.8vw;opacity:1;background-color:#ccc;}
.bg2 .header:before{width:47.65%;opacity:1;background-color:#ccc;z-index:99;}
.bg2 .header:after{width:47.65%;opacity:1;background-color:#ccc;z-index:99;}
.nav{position:fixed;left:0;top:0;width:100%;height:100%;z-index:-1;background-color:rgba(0,0,0,0);transition:all .5s;}
.nav .box{position:fixed;left:-35vw;top:0;width:35vw;height:100%;background-color:#eae9e6;box-sizing:border-box;transition:all .5s;}
.nav .box ul{position:absolute;left:0;top:50%;width:35vw;padding:0 4vw;box-sizing:border-box;transform:translateY(-60%);}
.nav .box ul li{position:relative;line-height:4vw;font-size:2vw;transform:translateX(-27vw);transition:all .5s;}
.nav .box ul li span{position:absolute;left:0;top:0.8vw;line-height:1vw;font-size:0.83vw;color:#aaa;transition:all .5s;}
.nav .box ul li a{display:block;padding-left:2vw;border-top:1px solid #aaa;color:#aaa;transition:all .5s;}
.nav .box ul li:after{content:"";position:absolute;left:0;top:0;width:0;height:1px;background-color:#000;transition:all .5s;}
.nav .box ul li:hover span{color:#000;}
.nav .box ul li:hover a{color:#000;}
.nav .box ul li:hover:after{width:100%;}
.nav .box ul li:nth-child(1){transition-delay:.05s;}
.nav .box ul li:nth-child(2){transition-delay:.1s;}
.nav .box ul li:nth-child(3){transition-delay:.15s;}
.nav .box ul li:nth-child(4){transition-delay:.2s;}
.nav .box ul li:nth-child(5){transition-delay:.25s;}
.nav .box ul li:nth-child(6){transition-delay:.3s;}
.nav .box .close{position:absolute;left:4vw;top:3vw;width:1.8vw;height:1.8vw;cursor:pointer;}
.nav .box .close span{position:absolute;left:0;top:50%;width:1.8vw;height:1px;background-color:#666;transform-origin:center;transition:all .5s;transition-delay:.3s;}
.nav .box .close .b1{transform:rotate(90deg);}
.nav .box .close .b2{transform:rotate(-90deg);}
.nav .box .close:hover span{background-color:#000;}
.nav .box .contact{position:absolute;left:0;bottom:0;display:flex;justify-content:space-between;width:100%;padding:3vw 4vw;box-sizing:border-box;}
.nav .box .contact p{line-height:1.5vw;font-size:.825vw;color:#000;}
.nav.active{z-index:999999;background-color:rgba(0,0,0,.5);}
.nav.active .box{left:0;}
.nav.active .box ul li{transform:translateX(0);}
.nav.active .box .close .b1{transform:rotate(225deg);}
.nav.active .box .close .b2{transform:rotate(-225deg);}




.footer{padding:2.6vw 0;background-color:#eae9e6;}
.footer .head_side_box{margin-bottom:5vw;overflow:hidden;}
.footer .head_side_box .logo{float:left;margin-right:8.75vw;}
.footer .head_side_box .logo i{display:block;width:6.5625vw;height:1.55vw;margin-bottom:1vw;background-image:url(../images/logo2025.png);background-size:100% 200%;}
.footer .head_side_box .logo p{line-height:1.5vw;font-size:0.9375vw;color:#000;}
.footer .head_side_box .logo .diagram{padding-top: 1.042vw;}
.footer .head_side_box .logo .diagram img{width: 4.167vw;height: auto;margin-right: 1.823vw;vertical-align: middle;}
.footer .head_side_box .service{float:left;}
.footer .head_side_box .service h3{line-height:1.56vw;margin-bottom:0.64vw;font-size:1.56vw;color:#000;}
.footer .head_side_box .service p{line-height:1.5vw;font-size:0.9375vw;color:#000;}
.footer .head_side_box .slogan{float:right;text-align:right;}
.footer .head_side_box .slogan h2{line-height:3vw;font-size:2.125vw;text-transform:uppercase;color:#000;}
.footer .contact{margin-bottom:2.6vw;border-top:1px solid #000;border-bottom:1px solid #000;overflow:hidden;}
.footer .contact span{float:left;line-height:2.55vw;font-size:0.83vw;color:#000;}
.footer .contact p{float:right;line-height:2.55vw;font-size:2vw;color:#000;}
.footer .contact .mail{float:left;width:50%;padding:2.5vw 2.85vw;border-right:1px solid #000;box-sizing:border-box;overflow:hidden;}
.footer .contact .phone{float:right;width:50%;padding:2.5vw 2.85vw;box-sizing:border-box;overflow:hidden;}
.footer .copy-right{display:flex;justify-content:space-between;}
.footer .copy-right .cnav{overflow:hidden;}
.footer .copy-right .cnav li{float:left;line-height:1.56vw;margin-right:2vw;font-size:0.9375vw;}
.footer .copy-right .cinfo{line-height:1.56vw;font-size:0.9375vw;color:#000;}
.footer .copy-right .sns{padding:0.28vw 0;overflow:hidden;}
.footer .copy-right .sns a{display:inline-block;width:1vw;height:1vw;margin-left:1vw;vertical-align:top;background-image:url(../images/sns.png);background-size:500% 200%;}
.footer .copy-right .sns  .instagram{background-position-x:0;}
.footer .copy-right .sns  .twitter{background-position-x:-100%;}
.footer .copy-right .sns  .linkedin{background-position-x:-200%;}
.footer .copy-right .sns  .facebook{background-position-x:-300%;}
.footer .copy-right .sns  .youtube{background-position-x:-400%;}





.flow-video{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);transition:all .5s;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;z-index:-1;}
.flow-video .box{position:absolute;top:30%;left:50%;width:854px;height:480px;transform:translate(-50%,-50%);box-sizing:border-box;box-shadow:0 0 20px #333;transition:all .5s;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;background:#fff url(../images/loadinglit.gif) no-repeat center;}
.flow-video .box i{position:absolute;right:-36px;top:0;width:36px;height:36px;background:url(../images/close.png);cursor:pointer;}
.flow-video.on{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;z-index:99999;}
.flow-video.on .box{top:50%;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}


.search-results{padding:30px 0;}
.search-results h1{line-height:30px;padding-bottom:20px;margin-bottom:30px;border-bottom:1px solid #e6e6e6;font-size:24px;}
.search-results .seabox{width:650px;max-width:100%;height:42px;margin-bottom:20px;font-size:0;box-sizing:border-box;overflow:hidden;}
.search-results .seabox input[type="text"]{width:80%;height:42px;padding:0 10px;border:1px solid #ddd;box-sizing:border-box;font-size:14px;border-radius:10px 0 0 10px;}
.search-results .seabox input[type="submit"]{width:20%;height:42px;background-color:#56565a;color:#fff;box-sizing:border-box;font-size:14px;border-radius:0 10px 10px 0;cursor:pointer;}
.search-results .cont{float:left;width:50%;}
.search-results .cont ul{margin-bottom:30px;}
.search-results .cont li{margin-bottom:30px;}
.search-results .cont li h3{line-height:25px;margin-bottom:5px;font-size:18px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.search-results .cont li h3 a{text-decoration:underline;}
.search-results .cont li p{line-height:20px;font-size:16px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;}
.search-results .cont li .info{position:relative;padding-left:150px;padding-top:10px;min-height:100px;}
.search-results .cont li .info .pic{position:absolute;left:0;top:0;width:130px;height:100px;overflow:hidden;}
.search-results .cont li .info .pic img{position:absolute;left:0;top:50%;width:100%;height:auto;transform:translateY(-50%);}
.search-results .probox{float:right;width:40%;}
.search-results .probox h2{line-height:30px;margin-bottom:20px;font-size:20px;clear:both;}
.search-results .probox ul{width:103%;overflow:hidden;}
.search-results .probox li{float:left;width:30.42%;margin:0 2.91% 2.91% 0;text-align:center;}
.search-results .probox li h3{line-height:20px;font-size:16px;font-family:"Gotham-Light";}
.search-results .probox li .pic{position:relative;width:100%;height:0;padding-bottom:70%;overflow:hidden;}
.search-results .probox li .pic img{position:absolute;left:0;top:50%;width:100%;height:auto;transform:translateY(-50%);}
.search-results .probox .marb{margin-bottom:30px;}
.search-results .sear-page{text-align:center;font-size:0;overflow:hidden;}
.search-results .sear-page span,.search-results .sear-page strong,.search-results .sear-page a{float:left;display:block;font-size:14px;line-height:40px;padding:0 15px;margin:0 5px 10px;background-color:#e7eaec;border-radius:5px;}
.search-results .sear-page span,.search-results .sear-page strong{cursor:default;}
.search-results .sear-page strong{background-color:#56565a;color:#fff;}
.search-results .sear-page a:hover{background-color:#56565a;color:#fff;}


.page{text-align:center;clear:both;}
.page ul{display:inline-block;}
.page ul li{float:left;margin:0 5px;}
.page ul li a{display:block;line-height:36px;padding:0 14px;background-color:#ccc;}
.page ul li.thisclass a{background-color:#45a8fc;color:#fff;}
.page ul li a:hover{background-color:#45a8fc;color:#fff;}


.loading{position:fixed;left:0;top:0;width:100%;height:100%;background-color:#fff;z-index:999999999;}
.loading .box{position:absolute;left:50%;top:50%;width:200px;height:60px;margin:-30px 0 0 -100px;text-align:center;font-size:0;}
.loading .box i{display:inline-block;height:100%;width:10px;margin:0 5px;background-color:#706f6f;border-radius:5px;animation:stretchdelay 1.2s infinite ease-in-out;}
.loading .box .i2{animation-delay:-1.1s;}
.loading .box .i3{animation-delay:-1s;}
.loading .box .i4{animation-delay:-0.9s;}
.loading .box .i5{animation-delay:-0.8s;}
.loading.hide{opacity:0;z-index:-1;}
@keyframes stretchdelay{
0%,40%,100%{transform:scaleY(0.4);}
20%{transform:scaleY(1.0);}
}


.index-main .awbtn{position:relative;float:left;width:4.2vw;height:4.2vw;box-sizing:border-box;border:1px solid #fff;border-radius:50%;cursor:pointer;}
.index-main .awbtn:after{content:"";position:absolute;left:50%;top:50%;width:1.6vw;height:1vw;margin:-0.5vw 0 0 -0.8vw;background-image:url(../images/arrow.png);background-size:200% 200%;}
.index-main .awbtn.prev{margin-right:1.35vw;}
.index-main .awbtn.next{}
.index-main .awbtn.next:after{background-position-x:-100%;}
.index-main .morebtn{position:relative;display:inline-block;height:4.2vw;margin-top:3vw;}
.index-main .morebtn i{display:inline-block;height:1.875vw;line-height:1.875vw;padding:0 0.5vw;font-size:0.83vw;color:#000;background-color:#eae9e6;text-transform:uppercase;border-radius:1vw;vertical-align:middle;transform:translateX(-1.1vw);transition:all .5s;}
.index-main .morebtn:before{content:"";display:inline-block;width:4.2vw;height:4.2vw;box-sizing:border-box;border:1px solid #696969;border-radius:50%;vertical-align:middle;}
.index-main .morebtn:after{content:"";position:absolute;left:2.1vw;top:2.1vw;width:1.6vw;height:1vw;margin:-0.5vw 0 0 -0.8vw;background-image:url(../images/arrow.png);background-size:200% 200%;background-position:-100% -100%;}
.index-main .morebtn:hover i{color:#eae9e6;transform:translateX(0);}



.index-main .slidebox{position:relative;width:100%;z-index:9;overflow:hidden;}
.index-main .slidebox .slideshow{position:relative;width:100%;height:100vh !important;margin:0 auto;overflow:hidden;position:relative;}
.index-main .slidebox .slideshow ul{position:relative;width:4000px;overflow:hidden;}
.index-main .slidebox .slideshow ul li{float:left;width:100vw;height:100vh !important;overflow:hidden;}
.index-main .slidebox .slideshow ul li img{width:100%;height:auto;}
.index-main .slidebox .slideshow:after{content:"";position:absolute;left:0;top:0;width:100%;height:8vw;background-image:url(../images/top-shadow.png);background-size:100% 100%;z-index:100;}
.index-main .slidebox .slidelist{position:absolute;right:2.2vw;top:50%;width:8px;transform:translateY(-50%);}
.index-main .slidebox .slidelist ul li{width:8px;height:8px;margin:20px 0;background-color:#fff;border-radius:50%;box-sizing:border-box;cursor:pointer;transition:all .5s;}
.index-main .slidebox .slidelist ul li.active{transform:scale(1.5);}
.index-main .slidebox .btnbox{position:absolute;left:7.65%;bottom:9.5%;}
.index-main .slidebox .num{position:absolute;right:7.65%;bottom:9.5%;font-size:1.25vw;font-family:"Gotham-Thin";color:#fff;}
.index-main .slidebox .num .act{font-size:3.75vw;}
.index-main .slidebox.hei .slideshow ul li{position:relative;}
.index-main .slidebox.hei .slideshow ul li img{position:absolute;left:50%;top:0;width:auto;height:100%;transform:translateX(-50%);}


.index-brand{padding:4.5vw 0;margin-bottom:6vw;overflow:hidden;}
.index-brand .title{margin-bottom:4.5vw;text-align:center;}
.index-brand .title h1{position:relative;height:5.2vw;line-height:5.2vw;font-size:4.95vw;text-transform:uppercase;color:#000;overflow:hidden;transform:scale(0.8) translateY(2vw);opacity:0;transition:opacity 2s,transform 1s;}
.index-brand .title h1:after{content:"";position:absolute;top:0;width:100%;height:100%;background-color:#fff;transition:all 1.5s;}
.index-brand .title h1:nth-child(1):after{left:0;}
.index-brand .title h1:nth-child(2):after{right:0;}
.index-brand .title p{height:2.35vw;line-height:2.35vw;margin-top:2.6vw;font-size:1.56vw;text-transform:uppercase;color:#000;transform:scale(0.8) translateY(2vw);opacity:0;transition:opacity 2s,transform 1s;}
.index-brand .title.action h1{transform:scale(1) translateY(0);opacity:1;}
.index-brand .title.action h1:after{width:0;}
.index-brand .title.action p{transform:scale(1) translateY(0);opacity:1;}
.index-brand .cont{overflow:hidden;background-color:#eae9e6;}
.index-brand .cont .text{position:relative;float:left;width:55.2%;padding:5vw 7.5vw 0;box-sizing:border-box;}
.index-brand .cont .text span{line-height:1.3vw;font-size:1.25vw;font-family:"Gotham-Light";text-transform:uppercase;color:#56565a;border-bottom:1px solid #666;}
.index-brand .cont .text h2{line-height:4.65vw;margin:1.5vw 0;font-size:4.65vw;text-transform:uppercase;}
.index-brand .cont .text h2 .t1{background-image:url(../images/title-icon1.png);background-size:77% auto;background-repeat:no-repeat;background-position:center;}
.index-brand .cont .text h2 .t2{background-image:url(../images/title-icon2.png);background-size:82% auto;background-repeat:no-repeat;background-position:100% 53%;}
.index-brand .cont .text p{line-height:2vw;font-size:1.25vw;color:#000;}
.index-brand .cont .text:after{content:"";position:absolute;right:0;top:0;width:100%;height:100%;background-color:#eae9e6;transition:all 1.2s;}
.index-brand .cont .pic{position:relative;float:right;width:44.8%;}
.index-brand .cont .pic img{width:100%;height:auto;}
.index-brand .cont .pic:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:#eae9e6;transition:all .8s;}
.index-brand .cont.action .text:after{width:0;}
.index-brand .cont.action .pic:after{width:0;}



.index-history{margin-bottom:6vw;overflow:hidden;}
.index-history h2{display:inline-block;line-height:1.3vw;margin-bottom:5vw;font-size:1.25vw;font-family:"Gotham-Light";text-transform:uppercase;color:#56565a;border-bottom:1px solid #666;transform:scale(0.8) translateY(2vw);opacity:0;transition:opacity 2s,transform 1s;}
.index-history h2:after{content:"";position:absolute;right:0;top:0;width:100%;height:100%;background-color:#fff;transition:all 1.5s;}
.index-history .dg-wrapper{width:36.5vw;height:30vw;margin:0 auto 1.3vw;transform:scale(0.8) translateY(5vw);opacity:0;transition:opacity 2s,transform 1s;}
.index-history .dg-wrapper ul{position:relative;width:100%;height:100%;}
.index-history .dg-wrapper li{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;transition:all 1s;}
.index-history .dg-wrapper li span{position:absolute;left:50%;top:-6.5vw;line-height:8.5vw;font-size:11.5vw;color:#eee;transform:translateX(-50%);opacity:0;transition:all 1s;}
.index-history .dg-wrapper li img{position:relative;width:100%;height:auto;}
.index-history .dg-wrapper li p{line-height:1.56vw;margin-top:1.3vw;font-size:1.25vw;text-align:center;}
.index-history .dg-wrapper li.on{opacity:1;}
.index-history .dg-wrapper li.on span{opacity:1;}
.index-history .dg-wrapper li.left{opacity:1;transform:translateX(-85.7%) scale(0.5);}
.index-history .dg-wrapper li.right{opacity:1;transform:translateX(85.7%) scale(0.5);}
.index-history .dg-wrapper li.leftout{transform:translateX(-120%) scale(0.3);}
.index-history .dg-wrapper li.rightout{transform:translateX(120%) scale(0.3);}
.index-history .list{position:relative;height:4.2vw;}
.index-history .list .btn{position:absolute;top:0;width:4.2vw;height:4.2vw;box-sizing:border-box;border:1px solid #aaa;border-radius:50%;cursor:pointer;}
.index-history .list .btn:after{content:"";position:absolute;left:50%;top:50%;width:1.6vw;height:1vw;margin:-0.5vw 0 0 -0.8vw;background-image:url(../images/arrow.png);background-size:200% 200%;background-position-y:-100%;}
.index-history .list .next{left:0;}
.index-history .list .prev{right:0;}
.index-history .list .prev:after{background-position-x:-100%;}
.index-history .list .dot{position:relative;width:65.8vw;height:4.2vw;margin:0 auto;overflow:hidden;}
.index-history .list .dot .pos{position:relative;width:9.4vw;margin:0 auto;}
.index-history .list .dot .pos ul{position:relative;width:1000%;transition:all 1s;}
.index-history .list .dot .pos li{float:left;width:9.4vw;line-height:1.3vw;padding-top:0.95vw;font-size:1.25vw;text-align:center;color:#999;}
.index-history .list .dot .pos li i{display:block;width:1.6vw;height:1.6vw;margin:0 auto 0.52vw;padding:calc(0.52vw + 1px);box-sizing:border-box;border-radius:50%;transition:all 1s;}
.index-history .list .dot .pos li i:after{content:"";display:block;width:100%;height:100%;background-color:#56565a;border-radius:50%;}
.index-history .list .dot .pos li.active{color:#000;}
.index-history .list .dot .pos li.active i{padding:0.52vw;border:1px solid #a8a8a8;background-color:rgba(84,86,90,.15);}
.index-history .list .dot:before{content:"";position:absolute;left:0;top:40%;width:100%;height:1px;background-color:#e0e0e0;}
.index-history.action h2{transform:scale(1) translateY(0);opacity:1;}
.index-history.action h2:after{width:0;}
.index-history.action .dg-wrapper{transform:scale(1) translateY(0);opacity:1;}


.index-mission{margin-bottom:6vw;}
.index-mission .cont{overflow:hidden;background-color:#eae9e6;}
.index-mission .cont .pic{position:relative;float:left;width:50%;}
.index-mission .cont .pic img{width:100%;height:auto;}
.index-mission .cont .pic:after{content:"";position:absolute;right:0;top:0;width:100%;height:100%;background-color:#eae9e6;}
.index-mission .cont .text{position:relative;float:right;width:50%;padding:3.5vw 11vw 0;box-sizing:border-box;text-align:center;}
.index-mission .cont .text h2{display:inline-block;line-height:1.3vw;margin-bottom:1.3vw;border-bottom:1px solid #56565a;font-size:1.25vw;text-transform:uppercase;}
.index-mission .cont .text p{line-height:1.3vw;font-size:0.9375vw;color:#000;}
.index-mission .cont .text hr{width:2.35vw;margin:1vw auto 2.6vw;border:none;border-top:1px solid #56565a;}
.index-mission .cont .text .slide-mis{width:18.75vw;margin:0 auto;}
.index-mission .cont .text .slide-pic{width:18.75vw;margin-bottom:1.3vw;overflow:hidden;}
.index-mission .cont .text .slide-pic li{float:left;width:18.75vw;}
.index-mission .cont .text .slide-pic li img{width:100%;height:auto;}
.index-mission .cont .text .slide-dot{text-align:center;}
.index-mission .cont .text .slide-dot ul{display:inline-block;}
.index-mission .cont .text .slide-dot li{float:left;width:0.52vw;height:0.52vw;margin:0 0.4vw;border:1px solid #56565a;transform-origin:center;transform:rotate(45deg);cursor:pointer;}
.index-mission .cont .text .slide-dot li.active{background-color:#56565a;}
.index-mission .cont .text:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:#eae9e6;transition:all 1.8s;}
.index-mission.action .cont .pic:after{width:0;}
.index-mission.action .cont .text:after{width:0;}

.index-position{margin-bottom:6vw;padding:1.2vw 0 2.6vw;}
.index-position img{width:100%;height:auto;opacity:0;transition:opacity 1s,transform 1s;}
.index-position span{position:absolute;line-height:7.55vw;font-size:7.55vw;color:rgba(18,18,18,.1);text-transform:uppercase;white-space:nowrap;opacity:0;transition:opacity 1s,transform 1.5s;transition-delay:.4s;}
.index-position h3{position:absolute;line-height:1.3vw;font-size:1.25vw;color:#000;}
.index-position h3 i{margin-left:0.5vw;font-size:0.83vw;color:#666;text-transform:uppercase;}
.index-position h3 em{opacity:0;transition:all .5s;transition-delay:1.4s;}
.index-position .info{opacity:0;transition:all .5s;transition-delay:1.5s;}
.index-position .ceo{position:relative;float:left;width: 34%;}
.index-position .ceo img{transform:translateX(5vw);}
.index-position .ceo .act{display:none;}
.index-position .ceo span{right:-13.5vw;top:15%;transform:translateX(3vw);}
.index-position .ceo h3{right:-11.5vw;top:35%;}
.index-position .ceo h3:after{content:"";position:absolute;left:-4.5vw;top:50%;width:0;height:1px;background-color:#818181;transition-delay:.4s;}
.index-position .ceo .info{position:absolute;top:41%;right:-20.3vw;width:20.3vw;padding-left:0.94vw;box-sizing:border-box; }
.index-position .info p{position:relative;padding-left:0.78vw;line-height:1.56vw;font-size:0.83vw;color:#111111;font-family:'Gotham-Light'; }
.index-position .info p:after {content: "";display:block;width:0.31vw;height:0.31vw;position:absolute;left:0;top:0.625vw;background-color:#666666;border-radius:50%; }
.index-position .designer{position:relative;float:right;width: 40%; padding-top: 9.38vw;}
.index-position .ph{display: none;}
.index-position .designer img{transform:translateX(-5vw);}
.index-position .designer .act{display:none;}
.index-position .designer span{left: -5.5vw; top:-2.2vw;transform:translateX(-5vw);}
.index-position .designer h3{left:1.6vw;bottom:-3.6vw;}
.index-position .designer h3:after{content:"";position:absolute;left:3.9vw;top:-4.5vw;width:1px;height:0;background-color:#818181;transition-delay:.4s;}
.index-position .designer .info{position:absolute;bottom:-10.42vw;left:1.6vw;width:30vw;box-sizing:border-box;}
/* .index-position .designer .info p{position:relative;padding-left:0.78vw;line-height:1.56vw;font-size:0.83vw;color:#111111;font-family:'Gotham-Light';}
.index-position .designer .info p:after {content: "";display:block;width:0.31vw;height:0.31vw;position:absolute;left:0;top:0.625vw;background-color:#666666;border-radius:50%;} */
.index-position.action img{transform:translateX(0);opacity:1;}
.index-position.action span{transform:translateX(0);opacity:1;}
.index-position.action h3 em{opacity:1;}
.index-position.action .info{opacity:1;}
.index-position.action .ceo h3:after{width:3.5vw;}
.index-position.action .designer h3:after{height:3.5vw;}





.index-case{margin-bottom:6vw;overflow:hidden;}
.index-case .slide-case{position:relative;}
.index-case .slide-dot{position:relative;margin-bottom:2.6vw;overflow:hidden;transform:scale(0.8) translateY(2vw);opacity:0;transition:opacity 2s,transform 1s;}
.index-case .slide-dot li{float:left;line-height:2vw;margin-right:1.5vw;font-size:1.25vw;color:#000;border-bottom:1px solid #fff;cursor:pointer;}
.index-case .slide-dot li.active{border-bottom:1px solid #56565a;}
.index-case .slide-dot:after{content:"";position:absolute;right:0;top:0;width:100%;height:100%;background-color:#fff;transition:all 3s;}
.index-case .slide-pic{position:relative;width:100%;margin-bottom:1.8vw;transform:scale(0.8) translateY(2vw);opacity:0;transition:opacity 2s,transform 1s;}
.index-case .slide-pic ul{position:relative;left:0 !important;width:100% !important;height:40vw;}
.index-case .slide-pic li{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;}
.index-case .slide-pic li .pic{float:right;width:71.15%;height:100%;transform:translateX(10vw);opacity:0;}
.index-case .slide-pic li .pic img{width:100%;height:auto;}
.index-case .slide-pic li .text{position:absolute;left:0;top:50%;width:37.25vw;height:31.25vw;padding:4.8vw 4.8vw 0;margin-top:-15.625vw;box-sizing:border-box;background-color:#eae9e6;transform:translateX(-10vw);opacity:0;}
.index-case .slide-pic li .text h3{line-height:3.125vw;margin-bottom:1.5vw;font-size:3.125vw;color:#000;}
.index-case .slide-pic li .text p{height:8vw;line-height:1.6vw;margin-bottom:1.5vw;font-size:1.25vw;color:#000;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;}
.index-case .slide-pic li.active{z-index:9;}
.index-case .slide-pic li.active .pic{transform:translateX(0);opacity:1;}
.index-case .slide-pic li.active .text{transform:translateX(0);opacity:1;}
.index-case .slide-pic:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:#fff;transition:all 1.2s;}
.index-case .btn{position:relative;overflow:hidden;opacity:0;}
.index-case .btn span{position:relative;display:block;float:left;width:4.2vw;height:4.2vw;border:1px solid #696969;box-sizing:border-box;border-radius:50%;cursor:pointer;}
.index-case .btn span:after{content:"";position:absolute;left:50%;top:50%;width:1.6vw;height:1vw;margin:-0.5vw 0 0 -0.8vw;background-image:url(../images/arrow.png);background-size:200% 200%;background-position-y:-100%;}
.index-case .btn .prev{margin-right:1.35vw;}
.index-case .btn .next:after{background-position-x:-100%;}
.index-case .btn:after{content:"";position:absolute;left:21.5vw;top:50%;width:33.5vw;height:3px;margin-top:-1px;background-color:#56565a;}
.index-case .act{position:absolute;right:2vw;top:0;line-height:10vw;-webkit-text-stroke:1px #aaa;color:transparent;font-size:12.5vw;font-family:"Gotham-Bold";}
.index-case.action .slide-dot{transform:scale(1) translateY(0);opacity:1;}
.index-case.action .slide-dot:after{width:0;}
.index-case.action .slide-pic{transform:scale(1) translateY(0);opacity:1;}
.index-case.action .slide-pic:after{width:0;}
.index-case.action .btn{opacity:1;}


.index-why{margin-bottom:6vw;}
.index-why .cont{overflow:hidden;background-color:#eae9e6;}
.index-why .cont .pic{position:relative;float:left;width:35.9%;}
.index-why .cont .pic img{width:100%;height:auto;}
.index-why .cont .pic:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:100%;background-color:#eae9e6;}
.index-why .cont .text{position:relative;float:right;width:64.1%;padding:4.65vw 4.65vw 0;box-sizing:border-box;}
.index-why .cont .text h2{line-height:3.125vw;margin-bottom:3.125vw;font-size:3.125vw;text-transform:uppercase;}
.index-why .cont .text ul{overflow:hidden;}
.index-why .cont .text li{position:relative;float:left;width:50%;height:10.4vw;box-sizing:border-box;text-align:center;}
.index-why .cont .text li span{position:absolute;left:0;top:50%;width:100%;line-height:6vw;margin-top:-3vw;font-size:4vw;color:rgba(10,10,10,.1);}
.index-why .cont .text li p{position:absolute;left:0;top:50%;width:100%;line-height:1.5vw;padding:0 3.5vw;font-size:1.25vw;box-sizing:border-box;transform:translateY(-50%);color:#000;}
.index-why .cont .text li:nth-child(1),.index-why .cont .text li:nth-child(2){border-bottom:1px solid #999;}
.index-why .cont .text li:nth-child(1),.index-why .cont .text li:nth-child(3){border-right:1px solid #999;}
.index-why .cont .text:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:#eae9e6;transition:all 1.2s;}
.index-why.action .cont .pic:after{height:0;}
.index-why.action .cont .text:after{height:0;}


.index-project{margin-bottom:6vw;overflow:hidden;}
.index-project h2{line-height:3.125vw;margin-bottom:3vw;font-size:3.125vw;text-align:center;text-transform:uppercase;color:#000;transform:scale(0.8) translateY(2vw);opacity:0;transition:opacity 2s,transform 1s;}
.index-project h2:after{content:"";position:absolute;right;top:0;width:100%;height:100%;background-color:#fff;transition:all 1.5s;}
.index-project .left{float:left;width:47.2%;}
.index-project .right{float:right;width:52.4%;}
.index-project .pic{position:relative;height:0;overflow:hidden;}
.index-project .pic img{width:100%;height:auto;opacity:0;transition:opacity 1s;}
.index-project .pic:after{content:"";position:absolute;width:100%;height:100%;background-color:#fff;transition:all 1.5s;}
.index-project .p1{padding-bottom:48.7%;margin-bottom:0.85%;}
.index-project .p1:after{right:0;top:0;}
.index-project .p2{padding-bottom:67.5%;}
.index-project .p2:after{left:0;top:0;}
.index-project .p3{padding-bottom:75.4%;margin-bottom:0.76%;}
.index-project .p3:after{left:0;bottom:0;}
.index-project .text{position:relative;height:13vw;padding:2.6vw 2.6vw 0;box-sizing:border-box;background-color:#eae9e6;}
.index-project .text p{line-height:1.56vw;font-size:1.25vw;color:#000;opacity:0;transition:opacity 1s;}
.index-project .text .morebtn{float:right;margin-top:1vw;opacity:0;transition:opacity 1s;}
.index-project .text:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:100%;background-color:#fff;transition:all 1.5s;}
.index-project.action h2{transform:scale(1) translateY(0);opacity:1;}
.index-project.action h2:after{width:0;}
.index-project.action .pic img{opacity:1;}
.index-project.action .p1:after{width:0;}
.index-project.action .p2:after{height:0;}
.index-project.action .p3:after{height:0;}
.index-project.action .text p{opacity:1;}
.index-project.action .text .morebtn{opacity:1;}
.index-project.action .text:after{width:0;}



.list-products{padding:5vw 0;}
.list-products .title{margin-bottom:5vw;text-align:center;}
.list-products .title h1{line-height:5.2vw;margin-bottom:2vw;font-size:4.95vw;text-transform:uppercase;font-family:"Gotham-Light";transform:scale(0.8) translateY(2vw);opacity:0;}
.list-products .title p{line-height:1.85vw;padding:0 13vw;font-size:1.25vw;font-family:"Gotham-Light";transform:scale(0.8) translateY(2vw);opacity:0;}
.list-products .category{text-align:center;font-size:0;transform:scale(0.8) translateY(2vw);opacity:0;}
.list-products .category li{display:inline-block;vertical-align:top;width:16vw;line-height:1.6vw;margin:0.4vw;font-size:1.25vw;box-sizing:border-box;border:1px solid #54565a;}
.list-products .category li a{display:block;padding:1vw;transition:all .5s;}
.list-products .category li.active a,.list-products .category li a:hover{background-color:#54565a;color:#fff;}
.list-products .cont{margin-top:5vw;overflow:hidden;transform:scale(0.8) translateY(2vw);opacity:0;}
.list-products .cont ul{width:102%;}
.list-products .cont li{float:left;width:23.029%;margin:0 1.961% 3% 0;}
.list-products .cont li p{line-height:1.85vw;font-size:1.25vw;color:#000;text-align:center;}
.list-products .cont li .pic{height:0;margin-bottom:1.5vw;padding-bottom:100%;overflow:hidden;}
.list-products .cont li .pic img{width:100%;height:auto;transition:all .5s;}
.list-products .cont li .pic img:hover{transform:scale(1.05);}
.list-products .cont li:nth-child(4n+1){clear:both;}
.list-products.action .title h1{transform:scale(1) translateY(0);opacity:1;}
.list-products.action .title p{transform:scale(1) translateY(0);opacity:1;}
.list-products.action .category{transform:scale(1) translateY(0);opacity:1;}
.list-products.action .cont{transform:scale(1) translateY(0);opacity:1;}
.list-products .n_pages{text-align:center;font-size:0;transform:scale(0.8) translateY(2vw);opacity:0;}
.list-products .n_pages li{display:inline-block;vertical-align:top;width:5vw;line-height:0.5vw;margin:0.5vw;margin-right:15px;font-size:1.25vw;box-sizing:border-box;border:1px solid #54565a;}
.list-products .n_pages li a{display:block;padding:1vw;transition:all .5s;}
.list-products .n_pages li.active a,.list-products .n_pages li a:hover{background-color:#54565a;color:#fff;}
.list-products.action .n_pages{transform:scale(1) translateY(0);opacity:1;}


.list-products2{padding:5vw 0;}
.list-products2 .title{margin-bottom:5vw;text-align:center;}
.list-products2 .title h1{line-height:5.2vw;margin-bottom:2vw;font-size:4.95vw;text-transform:uppercase;font-family:"Gotham-Light";transform:scale(0.8) translateY(2vw);opacity:0;}
.list-products2 .title p{line-height:1.85vw;padding:0 13vw;font-size:1.25vw;font-family:"Gotham-Light";transform:scale(0.8) translateY(2vw);opacity:0;}
.list-products2 .category{text-align:center;font-size:0;transform:scale(0.8) translateY(2vw);opacity:0;}
.list-products2 .category li{display:inline-block;vertical-align:top;width:13vw;line-height:1.6vw;margin:0.4vw;font-size:1.25vw;box-sizing:border-box;border:1px solid #54565a;}
.list-products2 .category li a{display:block;padding:1vw;transition:all .5s;}
.list-products2 .category li.active a,.list-products2 .category li a:hover{background-color:#54565a;color:#fff;}
.list-products2 .cont{margin-top:5vw;overflow:hidden;transform:scale(0.8) translateY(2vw);opacity:0;}
.list-products2 .cont ul{width:102%;}
.list-products2 .cont li{float:left;width:23.029%;margin:0 1.961% 3% 0;}
.list-products2 .cont li p{line-height:1.85vw;font-size:1.25vw;color:#000;text-align:center;}
.list-products2 .cont li .pic{height:0;margin-bottom:1.5vw;padding-bottom:100%;overflow:hidden;}
.list-products2 .cont li .pic img{width:100%;height:auto;transition:all .5s;}
.list-products2 .cont li .pic img:hover{transform:scale(1.05);}
.list-products2 .cont li:nth-child(4n+1){clear:both;}
.list-products2.action .title h1{transform:scale(1) translateY(0);opacity:1;}
.list-products2.action .title p{transform:scale(1) translateY(0);opacity:1;}
.list-products2.action .category{transform:scale(1) translateY(0);opacity:1;}
.list-products2.action .cont{transform:scale(1) translateY(0);opacity:1;}
.list-products2 .n_pages{text-align:center;font-size:0;transform:scale(0.8) translateY(2vw);opacity:0;}
.list-products2 .n_pages li{display:inline-block;vertical-align:top;width:5vw;line-height:0.5vw;margin:0.5vw;margin-right:15px;font-size:1.25vw;box-sizing:border-box;border:1px solid #54565a;}
.list-products2 .n_pages li a{display:block;padding:1vw;transition:all .5s;}
.list-products2 .n_pages li.active a,.list-products2 .n_pages li a:hover{background-color:#54565a;color:#fff;}
.list-products2.action .n_pages{transform:scale(1) translateY(0);opacity:1;}


.main-products{padding:5vw 0;}
.main-products .overview{padding-bottom:1vw;}
.main-products .overview .profile{position:sticky;top:8vw;float:right;width:47.135%;height:100%;padding-right:7.8%;padding-bottom:3vw;box-sizing:border-box;transform:translateX(10vw);opacity:0;}
.main-products .overview .profile h1{line-height:3.25vw;margin-bottom:1vw;font-size:3.125vw;color:#000;}
.main-products .overview .profile p{line-height:1.8vw;font-size:1.25vw;}
.main-products .overview .profile .color{height:2.3vw;margin-top:1.5vw;font-size:0;}
.main-products .overview .profile .color span{display:inline-block;vertical-align:top;line-height:2.3vw;margin-right:0.3vw;font-size:1.25vw;color:#000;}
.main-products .overview .profile .color a{display:none;width:2.3vw;height:2.3vw;margin-left:0.7vw;border:3px solid #fff;border-radius:50%;box-sizing:border-box;font-size:0;}
.main-products .overview .profile .color .on{border-color:#c7c7c7;}
.main-products .overview .profile .color .show{display:inline-block;}
.main-products .overview .profile .manual{height:2.3vw;margin-top:1.5vw;font-size:0;}
.main-products .overview .profile .manual span{display:inline-block;vertical-align:top;line-height:2.3vw;margin-right:0.8vw;font-size:1.25vw;color:#000;}
.main-products .overview .profile .manual a{display: inline-block;width: 2.292vw;height: 2.292vw;font-size: 0; background: url(../images/pdf.png); background-size: 100% 100%; cursor: pointer;}
.main-products .overview .profile .inq{display:inline-block;vertical-align:top;line-height:4.15vw;margin-top:2vw;padding:0 4.5vw;background-color:#56565a;color:#fff;font-size:1.25vw;}
.main-products .overview .info{float:left;width:50vw;box-sizing:border-box;transform:translateX(-10vw);opacity:0;}
.main-products .overview .info .slide-pro{width:100%;margin-bottom:5.5vw;}
.main-products .overview .info .slide-pic{width:100%;margin-bottom:1.5vw;overflow:hidden;}
.main-products .overview .info .slide-pic li{float:left;width:50vw;}
.main-products .overview .info .slide-pic li img{width:100%;height:auto;}
.main-products .overview .info .slide-dot{position:relative;width:42.2vw;margin-left:7.8vw;}
.main-products .overview .info .slide-dot .pos{width:34vw;margin:0 auto;overflow:hidden;}
.main-products .overview .info .slide-dot .pos ul{width:1000%;}
.main-products .overview .info .slide-dot .pos li{float:left;width:11vw;margin-right:0.5vw;border:1px solid #eae9e6;box-sizing:border-box;}
.main-products .overview .info .slide-dot .pos li img{width:100%;height:auto;}
.main-products .overview .info .slide-dot .btn{position:absolute;top:50%;width:1.65vw;height:1vw;margin-top:-0.5vw;background-image:url(../images/arrow.png);background-size:200% 200%;background-position-y:-100%;cursor:pointer;}
.main-products .overview .info .slide-dot .prev{left:1.5vw;}
.main-products .overview .info .slide-dot .next{right:1.5vw;background-position-x:-100%;}
.main-products .overview .info .fbox{padding-left:7.8vw;margin-bottom:3vw;}
.main-products .overview .info .fbox h2{line-height:1.56vw;margin-bottom:1.6vw;padding-bottom:1vw;border-bottom:1px solid #999;font-size:1.25vw;font-family:"Gotham-Light";}
.main-products .overview .info .fbox h3{line-height:1.3vw;margin-bottom:0.25vw;font-size:0.9375vw;font-family:"Gotham-Medium";}
.main-products .overview .info .fbox li{list-style-type:disc;list-style-position:inside;line-height:1.3vw;margin-bottom:0.6vw;font-size:0.83vw;color:#333;}
.main-products .overview .info .fbox strong{font-family:"Gotham-Medium";font-weight:normal;}
.main-products .overview .info .fbox table{width:100%;margin-bottom:1vw;}
.main-products .overview .info .fbox table td,.main-products .overview .info .fbox table th{line-height:1.3vw;padding:0.8vw;font-size:0.78vw;border:1px solid #ddd;color:#333;}
.main-products .overview .info .fbox table th{font-family:"Gotham-Medium";text-align:left;}
.main-products .overview .info .fbox iframe{width:33.333vw;height:18.75vw;margin:0 auto;background-color:#ccc;vertical-align:top;}
.main-products .overview .info .fbox .icon ul{font-size:0;}
.main-products .overview .info .fbox .icon li{display:inline-block;width:25%;list-style:none;text-align:center;vertical-align:top;}
.main-products .overview .info .fbox .icon li img{width:4.7vw;height:4.7vw;}
.main-products .overview .info .fbox .icon li p{line-height:1.3vw;margin-top:0.5vw;font-size:0.8vw;}
.main-products .overview .info .fbox .video{text-align:center;}
.main-products .feedback{margin-bottom:5vw;}
.main-products .feedback .pic img{width:100%;height:auto;}
.main-products .feedback .slide-fb{position:relative;width:69.25vw;margin:-4.9vw auto 0;padding:2.6vw;box-sizing:border-box;background-color:#fff;z-index:99;}
.main-products .feedback .slide-pic{width:100%;overflow:hidden;}
.main-products .feedback .slide-pic ul{width:1000%;}
.main-products .feedback .slide-pic li{position:relative;float:left;width:31.25vw;height:15.65vw;padding:1.5vw 1vw 0;margin-right:1.55vw;border:1px solid #eae9e6;box-sizing:border-box;overflow:hidden;transition:all .5s;}
.main-products .feedback .slide-pic li img{float:left;width:4.15vw;height:4.15vw;margin-right:2vw;}
.main-products .feedback .slide-pic li h3{float:left;line-height:4.15vw;margin-bottom:1vw;font-size:1.25vw;color:#333;font-family:"Gotham-Light";transition:all .5s;}
.main-products .feedback .slide-pic li span{font-size: 10.21vw; line-height: 5vw; font-family: Arial; color: rgba(0,0,0,.1);position:absolute;top:3.39vw;right:4.43vw;font-weight:bold;}
.main-products .feedback .slide-pic li .text{clear:both;line-height:1.2vw;font-size:0.83vw;color:#333;transition:all .5s;}
.main-products .feedback .slide-pic li .text p{line-height:1.2vw;font-size:0.83vw;}
.main-products .feedback .slide-pic li:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:0.2vw;background-color:#666;}
.main-products .feedback .slide-pic li:hover{background-color:#666;}
.main-products .feedback .slide-pic li:hover h3{color:#fff;}
.main-products .feedback .slide-pic li:hover .text{color:#fff;}
.main-products .feedback .btn{position:absolute;top:50%;width:4.2vw;height:4.2vw;margin-top:-2.1vw;box-sizing:border-box;border:1px solid #aaa;border-radius:50%;cursor:pointer;}
.main-products .feedback .btn:after{content:"";position:absolute;left:50%;top:50%;width:1.6vw;height:1vw;margin:-0.5vw 0 0 -0.8vw;background-image:url(../images/arrow.png);background-size:200% 200%;background-position-y:-100%;}
.main-products .feedback .prev{left:-4.2vw;}
.main-products .feedback .next{right:-4.2vw;}
.main-products .feedback .next:after{background-position-x:-100%;}
.main-products .detail h2{line-height:3.5vw;font-size:3.125vw;text-align:center;}
.main-products .detail .depic{position:relative;width:100%;height:33.85vw;}
.main-products .detail .depic > img{width:100%;height:100%;}
.main-products .detail .depic li{position:absolute;width:15vw;min-width:0;padding-top:2.5vw;list-style:none;text-align:center;}
.main-products .detail .depic li i{position:absolute;top:0;left:0;width:2.2vw;height:2.2vw;font-size:0;background:url(../images/detail-dot.png);background-size:100% 100%;cursor:pointer;z-index:2;}
.main-products .detail .depic li img{position:relative;display:none;width:100% !important;height:auto !important;border:2px solid #fff;box-shadow:0 -5px 10px rgba(0,0,0,.3);box-sizing:border-box;z-index:3;}
.main-products .detail .depic li p{display:none;line-height:1vw;padding:0.2vw 0;background-color:#fff;font-size:0.625vw;box-shadow:0 3px 5px rgba(0,0,0,.3);}
.main-products .detail .depic li.right i{left:initial;right:0;}
.main-products .detail .depic li.on img{display:block;}
.main-products .detail .depic li.on p{display:block;}
.main-products .size h2{line-height:3.5vw;font-size:3.125vw;text-align:center;}
.main-products .size .spic{padding-top:3vw;margin-bottom:5vw;overflow:hidden;}
.main-products .size .spic img{width:100%;height:auto;}
.main-products .collocation{margin-bottom:5vw;}
.main-products .collocation h2{line-height:3.5vw;margin-bottom:1.6vw;font-size:3.125vw;text-align:center;}
.main-products .collocation .tab{margin-bottom:2.9vw;text-align:center;}
.main-products .collocation .tab span{display:inline-block;vertical-align:top;line-height:2vw;padding:0 2vw;border-bottom:1px solid #fff;font-size:1.25vw;cursor:pointer;color:#333;}
.main-products .collocation .tab .on{border-color:#333;}
.main-products .collocation .cont{overflow:hidden;}
.main-products .collocation .cont ul{display:none;width:102.46%;text-align:center;}
.main-products .collocation .cont ul.on{display:block;}
.main-products .collocation .cont li{width:22.6%;margin-right:2.4%;margin-bottom:2%;text-align:center;display:inline-block;}
.main-products .collocation .cont li:last-child{margin-right: 0;}
.main-products .collocation .cont li p{line-height:1.3vw;margin-top:0.5vw;font-size:0.9375vw;color:#333;}
.main-products .collocation .cont li .pic{height:0;padding-bottom:83.333%;overflow:hidden;}
.main-products .collocation .cont li .pic img{width:100%;height:auto;}
.main-products .collocation .cont li .text{padding:1vw;background-color:#eae9e6;}
.main-products .collocation .cont li .text h3{line-height:1.8vw;font-size:1.56vw;font-family:"Gotham-Light";}
.main-products .quality{margin-bottom:5vw;}
.main-products .quality .cont{overflow:hidden;background-color:#eae9e6;}
.main-products .quality .cont .pic{float:right;width:43%;}
.main-products .quality .cont .pic img{width:100%;height:auto;}
.main-products .quality .cont .text{float:left;width:57%;padding:12vw 2vw;box-sizing:border-box;text-align:center;}
.main-products .quality .cont .text h2{line-height:3.5vw;margin-bottom:1.5vw;font-size:3.125vw;text-transform:uppercase;}
.main-products .quality .cont .text p{line-height:1.5vw;margin-bottom:7vw;font-size:1.25vw}
.main-products .quality .cont .text img{max-width:90%;height:auto}
.main-products .accessories h2{line-height:3.5vw;margin-bottom:1.6vw;font-size:3.125vw;text-align:center;}
.main-products .accessories .slide-dot{position:relative;height:4.2vw;margin-bottom:2vw;padding-top:2.1vw;box-sizing:border-box;}
.main-products .accessories .slide-dot .pos{width:42vw;height:1px;margin:0 auto;background-color:#aaa;}
.main-products .accessories .slide-dot .pos li{float:left;height:3px;margin-top:-1px;}
.main-products .accessories .slide-dot .pos li.active{background-color:#666;}
.main-products .accessories .slide-dot .btn{position:absolute;top:0;width:4.2vw;height:4.2vw;box-sizing:border-box;border:1px solid #aaa;border-radius:50%;cursor:pointer;}
.main-products .accessories .slide-dot .btn:after{content:"";position:absolute;left:50%;top:50%;width:1.6vw;height:1vw;margin:-0.5vw 0 0 -0.8vw;background-image:url(../images/arrow.png);background-size:200% 200%;background-position-y:-100%;}
.main-products .accessories .slide-dot .prev{left:14vw;}
.main-products .accessories .slide-dot .next{right:14vw;}
.main-products .accessories .slide-dot .next:after{background-position-x:-100%;}
.main-products .accessories .slide-pic{overflow:hidden;}
.main-products .accessories .slide-pic li{float:left;width:25vw;margin-right:4.84375vw;text-align:center;}
.main-products .accessories .slide-pic li p{line-height:1.5vw;font-size:1.25vw;}
.main-products .accessories .slide-pic li .pic{height:0;padding-bottom:66.665%;margin-bottom:0.5vw;overflow:hidden;}
.main-products .accessories .slide-pic li .pic img{width:100%;height:auto;}
.main-products.action  .overview .profile{transform:translateX(0);opacity:1;}
.main-products.action  .overview .info{transform:translateX(0);opacity:1;}


.list-project .pvttitle{margin-bottom:2vw;text-align:center;}
.list-project .pvttitle h1{line-height:5.2vw;margin-bottom:2vw;font-size:4.95vw;text-transform:uppercase;font-family:"Gotham-Light";}
.list-project .pvttitle p{line-height:1.85vw;padding:0 13vw;font-size:1.25vw;font-family:"Gotham-Light";}

.list-project.action .pvttitle h1{transform:scale(1) translateY(0);opacity:1;}
.list-project.action .pvttitle p{transform:scale(1) translateY(0);opacity:1;}

.list-project{padding:5vw 0 0 0;}
.list-project .title{margin-bottom:5vw;text-align:center;}
.list-project .title h1{line-height:5.2vw;margin-bottom:2vw;font-size:4.95vw;text-transform:uppercase;font-family:"Gotham-Light";transform:scale(0.8) translateY(2vw);opacity:0;transition:opacity 2s,transform 1s;}
.list-project .title p{line-height:1.85vw;padding:0 13vw;font-size:1.25vw;font-family:"Gotham-Light";transform:scale(0.8) translateY(2vw);opacity:0;transition:opacity 2s,transform 1s;transition-delay:.2s;}
.list-project .category{text-align:center;padding:1vw 0;font-size:0;background-color:#eae9e6;transform:scale(0.8) translateY(2vw);opacity:0;transition:opacity 2s,transform 1s;transition-delay:.4s;}
.list-project .category li{position:relative;display:inline-block;vertical-align:top;line-height:2vw;padding-left:1.25vw;margin:0 2.2vw;font-size:1.25vw;cursor:pointer;color:#111;}
.list-project .category li:before{content:"";position:absolute;left:0;top:0.6vw;width:0.8vw;height:0.8vw;border:1px solid #484848;box-sizing:border-box;border-radius:50%;}
.list-project .category li:after{display:none;content:"";position:absolute;top:1vw;left:0.4vw;width:0.45vw;height:0.45vw;margin:-0.225vw 0 0 -0.225vw;background-color:#484848;border-radius:50%;}
.list-project .category li.active:after{display:block;}
.list-project .cont{margin-top:2.85vw;overflow:hidden;transform:scale(0.8) translateY(2vw);opacity:0;transition:opacity 2s,transform 1s;transition-delay:.6s;}
.list-project .cont ul{width:102.829%;}
.list-project .cont li{float:left;position:relative;width:47.2488%;margin:0 2.7512% 2.7512% 0;}
.list-project .cont li .pic{position:relative;height:0;padding-bottom:58.2278%;overflow:hidden;}
.list-project .cont li .pic img{width:100%;height:auto;}
.list-project .cont li .pic:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:15.4vw;background-image:url(../images/project/shadow.png);background-size:100% 100%;opacity:0;transition:all .5s;}
.list-project .cont li .text{position:absolute;left:0;bottom:0;width:100%;padding:0 1.55vw 1.3vw;box-sizing:border-box;}
.list-project .cont li .text h3{line-height:1.5vw;margin-bottom:0.5vw;font-size:1.25vw;font-family:"Gotham-Medium";color:#fff;text-shadow:2px 2px 4px #000;}
.list-project .cont li .text p{line-height:1.3vw;font-size:0.73vw;color:#fff;text-shadow:1px 1px 2px #000;}
.list-project .cont li .check{position:absolute;left:50%;top:50%;width:5.2vw;height:5.2vw;line-height:5.2vw;margin:-2.6vw 0 0 -2.6vw;text-align:center;background-color:#000;color:#fff;font-size:0.83vw;font-family:"Gotham-Medium";border-radius:50%;opacity:0;transition:all .5s;}
.list-project .cont li:hover .pic:after{opacity:1;}
.list-project .cont li:hover .check{opacity:1;}
.list-project.action .title h1{transform:scale(1) translateY(0);opacity:1;}
.list-project.action .title p{transform:scale(1) translateY(0);opacity:1;}
.list-project.action .category{transform:scale(1) translateY(0);opacity:1;}
.list-project.action .cont{transform:scale(1) translateY(0);opacity:1;}




.main-project{overflow:hidden;width:100%;height:100vh;background:url(../images/loadinglit.gif) no-repeat center;}
.main-project .info{float:left;width:30.2%;height:100%;padding:13vw 2.5vw 5vw 7.8vw;overflow-y:auto;box-sizing:border-box;background-color:#eae9e6;}
.main-project .info h1{line-height:1.5vw;font-size:1.25vw;color:#333;margin-bottom: 1.5vw;}
.main-project .info time{display:block;line-height:3.5vw;margin:1vw 0 1.5vw;font-size:3.125vw;color:#111;font-family:"Gotham-Thin";}
.main-project .info .text{line-height:1.6vw;font-size:0.9375vw;color:#111;}
.main-project .info .text p{line-height:1.6vw;font-size:0.9375vw;color:#111;margin-bottom: 1.04vw;}
.main-project .info::-webkit-scrollbar{width:4px;background-color:#ccc;}
.main-project .info::-webkit-scrollbar-thumb{width:4px;height:4px;border-radius:2px;background-color:#706f6f;}
.main-project .pic{float:right;width:69.8%;height:100%;background-color:#fff;overflow-y:auto;box-sizing:border-box;}
.main-project .pic img{width:100% !important;height:auto !important;margin-bottom:2vw;}
.main-project .pic img:nth-last-child(1){margin-bottom:0;}
.main-project .pic .video{position:relative;margin-bottom:2vw;}
.main-project .pic .video i{position:absolute;left:50%;top:50%;width:3.65vw;height:2.55vw;background-image:url(../images/play-icon.png);background-size:200% 100%;cursor:pointer;}
.main-project .pic .video i:hover{background-position-x:-100%;}
.main-project .pic::-webkit-scrollbar{width:4px;background-color:#ccc;}
.main-project .pic::-webkit-scrollbar-thumb{width:4px;height:4px;border-radius:2px;background-color:#706f6f;}

.flow-project{position:fixed;left:0;top:100%;width:100%;height:100%;background-color:#fff;z-index:99999;transition:all .5s;}
.flow-project i{position:absolute;left:0;top:0;width:7vw;height:5vw;background-color:#56565a;cursor:pointer;}
.flow-project i:before,.flow-project i:after{content:"";position:absolute;left:50%;top:50%;width:1.8vw;height:1px;margin-left:-0.9vw;background-color:#fff;transform-origin:center;}
.flow-project i:before{transform:rotate(225deg);}
.flow-project i:after{transform:rotate(-225deg);}
.flow-project iframe{width:100%;height:100%;border:none;box-sizing:border-box;}
.flow-project.on{top:0;}


.main-contact{padding:5vw 0;}
.main-contact .box{position:relative;padding-left:14vw;}
.main-contact .box span{position:absolute;left:0;top:1vw;line-height:1.5vw;font-size:1.25vw;text-transform:uppercase;border-bottom:1px solid #a1a1a1;color:#000;}
.main-contact .box h1{line-height:3.65vw;margin-bottom:1.3vw;font-size:3.125vw;font-family:"Gotham-Light";transform:translateX(3vw);opacity:0;}
.main-contact .box h2{line-height:3.65vw;margin-bottom:1.3vw;font-size:3.125vw;font-family:"Gotham-Light";transform:translateX(3vw);opacity:0;}
.main-contact .box p{line-height:1.9vw;font-size:1.25vw;color:#333;transform:translateX(3vw);opacity:0;}
.main-contact .box p strong{font-weight:normal;font-family:"Gotham-Medium";color:#000;}
.main-contact .box .t1{transition-delay:.2s;}
.main-contact .box .t2{transition-delay:.4s;}
.main-contact .box .t3{transition-delay:.6s;}
.main-contact .box:nth-child(1){margin-bottom:5vw;}
.main-contact.action h1{transform:translateX(0);opacity:1;}
.main-contact.action h2{transform:translateX(0);opacity:1;}
.main-contact.action p{transform:translateX(0);opacity:1;}



.main-about{padding:6vw 0;}
.main-about .profile li{position:relative;margin-bottom:6vw;overflow:hidden;}
.main-about .profile li .pic{width:45.5%;transform:translateX(-5vw);opacity:0;}
.main-about .profile li .pic img{width:100%;height:auto;}
.main-about .profile li .text{position:absolute;top:50%;width:45.5%;max-height:100%;padding-right:3.65vw;transform:;box-sizing:border-box;transform:translateY(-50%) translateX(5vw);opacity:0;transition-delay:.2s;overflow-y:auto;}
.main-about .profile li .text h2{line-height: 3vw; margin-bottom: 1vw; font-size: 2.81vw;}
.main-about .profile li .text p{line-height: 1.55vw;font-size: 1.04vw;color:#333;}
.main-about .profile li .text.center{text-align:center;}
.main-about .profile li .text::-webkit-scrollbar{width:4px;background-color:#ccc;}
.main-about .profile li .text::-webkit-scrollbar-thumb{width:4px;height:4px;border-radius:2px;background-color:#706f6f;}
.main-about .profile li:nth-child(2n) .pic{float:right;transform:translateX(5vw);}
.main-about .profile li:nth-child(2n+1) .text{right:0;transform:translateY(-50%) translateX(-5vw);}
.main-about .profile li.action .pic{transform:translateX(0);opacity:1;}
.main-about .profile li.action .text{transform:translateY(-50%) translateX(0);opacity:1;}
.main-about .why{position:relative;padding-top:9vw;}
.main-about .why .title{margin-bottom:4.5vw;text-align:center;}
.main-about .why .title h2{line-height:3.5vw;margin-bottom:1vw;font-size:3.125vw;transform:scale(0.8) translateY(2vw);opacity:0;transition:opacity 2s,transform 1s;transition-delay:.2s;}
.main-about .why .title p{line-height:1.9vw;font-size:1.25vw;color:#333;transform:scale(0.8) translateY(2vw);opacity:0;transition:opacity 2s,transform 1s;transition-delay:.4s;}
.main-about .why .slide-why{overflow:hidden;transform:scale(0.8) translateY(2vw);opacity:0;transition:opacity 2s,transform 1s;transition-delay:.6s;}
.main-about .why .slide-pic{float:right;width:78.125vw;height:39vw;overflow:hidden;}
.main-about .why .slide-pic li{width:78.125vw;height:39vw;}
.main-about .why .slide-pic li img{width:100%;height:100%;}
.main-about .why .head_side_box{float:right;width:14vw;padding:5vw 4.9vw 0;box-sizing:border-box;}
.main-about .why .head_side_box .num{line-height:3.5vw;margin-bottom:1.5vw;font-size:1.25vw;color:#111;text-align:center;}
.main-about .why .head_side_box .num .act{font-size:3.125vw;font-family:"Gotham-Thin";}
.main-about .why .head_side_box .btn{position:relative;width:4.2vw;height:4.2vw;margin-bottom:1.5vw;box-sizing:border-box;border:1px solid #aaa;border-radius:50%;cursor:pointer;}
.main-about .why .head_side_box .btn:after{content:"";position:absolute;left:50%;top:50%;width:1.6vw;height:1vw;margin:-0.5vw 0 0 -0.8vw;background-image:url(../images/arrow.png);background-size:200% 200%;background-position-y:-100%;transform:rotate(90deg);transform-origin:center;}
.main-about .why .head_side_box .next:after{background-position-x:-100%;}
.main-about .why .adorn{position:absolute;right:7.8vw;top:-11.45vw;width:26vw;transform:scale(0.8) translateY(2vw);opacity:0;transition:opacity 2s,transform 1s;}
.main-about .why .adorn img{width:100%;height:auto;}
.main-about .why:before{content:"";position:absolute;left:0;top:0;width:100%;height:84%;background-color:#eae9e6;z-index:-1;}
.main-about .why.action .title h2{transform:scale(1) translateY(0);opacity:1;}
.main-about .why.action .title p{transform:scale(1) translateY(0);opacity:1;}
.main-about .why.action .slide-why{transform:scale(1) translateY(0);opacity:1;}
.main-about .why.action .adorn{transform:scale(1) translateY(0);opacity:1;}


.main-show{position:relative;width:100vw;height:100vh;box-sizing:border-box;}
.main-show iframe{width:100%;height:100%;}
.main-show .cate{position:absolute;left:2.35vw;top:5.8vw;font-size:0;border-radius:1.5vw;z-index:999;background-color:#fff;overflow:hidden;box-shadow:5px 5px 10px rgba(0,0,0,.5);}
.main-show .cate a{display:inline-block;vertical-align:top;line-height:2.6vw;padding:0 2.5vw;font-size:1vw;color:#333;}
.main-show .cate a:nth-child(1){border-right:1px solid #aaa}
.main-show .cate .active{font-family:"Gotham-Bold";}
.main-show:after{content:"";position:absolute;left:0;top:0;width:100%;height:8vw;background-image:url(../images/top-shadow.png);background-size:100% 100%;z-index:100;}