.top-swiper-wrapper,.banner-wrapper,.project-wrapper,.trademark-wrapper{position:relative;z-index:1}.top-swiper{position:fixed;z-index:0;width:100%}.top-swiper .swiper-slide>a{display:block;position:relative}.top-swiper .swiper-slide>a img{width:100%}.top-swiper .top-pagination{bottom:63px}.top-swiper .swiper-pagination-bullet{width:12px;height:12px;background-color:#5b1a12;-webkit-transition:all 0.6s;transition:all 0.6s}.top-swiper .swiper-pagination-bullet-active{width:22px;height:12px;border-radius:6px}.banner-wrapper{background-color:#fff}.banner-wrapper>.container{display:-webkit-box;display:-ms-flexbox;display:flex;padding-top:80px;padding-bottom:109px}.banner-wrapper>.container .l,.banner-wrapper>.container .r{width:50%}.banner-wrapper>.container .l img{display:block;position:relative;left:-186px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:136%}.banner-wrapper>.container .r{padding-top:10%;padding-left:68px}.banner-wrapper>.container .r h2{font-size:28px;color:#b60005}.banner-wrapper>.container .r h2,.banner-wrapper>.container .r p{margin-bottom:38px}.banner-wrapper>.container .r p{line-height:1.5;font-size:14px;color:#666666}.banner-wrapper>.container .r p:last-of-type{margin-bottom:0}.banner-wrapper>.container .r.en{padding-top:67px}.project-wrapper{background-color:#fff}.project-wrapper>.content-box-wrapper{padding-bottom:122px;margin:0 auto;width:98%}.project-wrapper .title-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:98%;margin:0 auto 50px;color:#666}.project-wrapper .title-box h2{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:34%;font-size:28px}.project-wrapper .title-box h2.en{width:21%;font-size:18px}.project-wrapper .title-box ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-wrap:wrap;flex-wrap:wrap}.project-wrapper .title-box ul li{position:relative;margin-bottom:6px;background:#f1f1f1}.project-wrapper .title-box ul li:hover a{color:#b60005}.project-wrapper .title-box ul li::after{position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:inline-block;width:2px;height:30px;background:#d8d8d8;content:''}.project-wrapper .title-box ul li:nth-of-type(1)::after{display:none}.project-wrapper .title-box ul li a{display:block;padding:0 15px;height:56px;line-height:56px;position:relative;font-size:16px;color:#333}.project-wrapper .title-box ul li a.en{font-size:12px}.project-wrapper .title-box ul li.active{background-color:#b60005}.project-wrapper .title-box ul li.active a{color:#fff}.project-wrapper .title-box ul li.active::after{display:none}.project-wrapper .title-box ul li.active::before{display:block;position:absolute;z-index:1;bottom:-6px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);content:'';width:0;height:0;border-style:solid;border-width:6px 8px 0 8px;border-color:#b60005 transparent transparent transparent}.project-wrapper .content-box{margin-bottom:80px;font-size:0}.project-wrapper .content-box ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%}.project-wrapper .content-box ul li{position:relative;width:33.333%}.project-wrapper .content-box ul li a{display:block;position:relative;padding-bottom:74.27%;overflow:hidden}.project-wrapper .content-box ul li a>*{-webkit-transition:0.6s;transition:0.6s}.project-wrapper .content-box ul li a:hover .pic{-webkit-transform:translateX(-50%) translateY(-50%) scale(1.1);transform:translateX(-50%) translateY(-50%) scale(1.1)}.project-wrapper .content-box ul li a:hover .info-box{opacity:1}.project-wrapper .content-box ul li .pic{display:block;position:absolute;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);-webkit-transform-origin:center center;transform-origin:center center;height:101%;min-width:101%;min-height:101%}.project-wrapper .content-box ul li .info-box{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.8);color:#fff;opacity:0}.project-wrapper .content-box ul li .info-box .box{position:absolute;bottom:54px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 22px;width:100%}.project-wrapper .content-box ul li .info-box h6{margin-bottom:19px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:28px}.project-wrapper .content-box ul li .info-box p{height:74px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:16px;line-height:1.5}.project-wrapper .btn-more{margin:0 auto;font-size:0}.trademark-wrapper{padding:40px 0 110px;background-color:#f7f7f7}.trademark-wrapper .title{font-size:28px;color:#666}.trademark-wrapper .trademark-box{margin-top:47px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.trademark-wrapper .trademark-box li{width:16.66%;-webkit-perspective:1000;perspective:1000}.trademark-wrapper .trademark-box li.active .front{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.trademark-wrapper .trademark-box li.active .back{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}.trademark-wrapper .trademark-box li>div{-webkit-transition:0.6s;transition:0.6s;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;position:relative;padding-bottom:49.45%;height:0}.trademark-wrapper .trademark-box li .front,.trademark-wrapper .trademark-box li .back{width:100%;height:100%;background-size:100% 100%;background-repeat:no-repeat;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:0.6s;transition:0.6s;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;position:absolute;top:0px;left:0px}.trademark-wrapper .trademark-box li .front{z-index:2;-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}.trademark-wrapper .trademark-box li .back{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg)}.trademark-wrapper .trademark-box li:nth-of-type(1) .front{background-image:url(./../images/trademark/1.png?v=2)}.trademark-wrapper .trademark-box li:nth-of-type(1) .back{background-image:url(./../images/trademark/1_on.png?v=2)}.trademark-wrapper .trademark-box li:nth-of-type(2) .front{background-image:url(./../images/trademark/2.png?v=2)}.trademark-wrapper .trademark-box li:nth-of-type(2) .back{background-image:url(./../images/trademark/2_on.png?v=2)}.trademark-wrapper .trademark-box li:nth-of-type(3) .front{background-image:url(./../images/trademark/3.png?v=2)}.trademark-wrapper .trademark-box li:nth-of-type(3) .back{background-image:url(./../images/trademark/3_on.png?v=2)}.trademark-wrapper .trademark-box li:nth-of-type(4) .front{background-image:url(./../images/trademark/4.png?v=2)}.trademark-wrapper .trademark-box li:nth-of-type(4) .back{background-image:url(./../images/trademark/4_on.png?v=2)}.trademark-wrapper .trademark-box li:nth-of-type(5) .front{background-image:url(./../images/trademark/5.png?v=2)}.trademark-wrapper .trademark-box li:nth-of-type(5) .back{background-image:url(./../images/trademark/5_on.png?v=2)}.trademark-wrapper .trademark-box li:nth-of-type(6) .front{background-image:url(./../images/trademark/6.png?v=2)}.trademark-wrapper .trademark-box li:nth-of-type(6) .back{background-image:url(./../images/trademark/6_on.png?v=2)}.trademark-wrapper .trademark-box li:nth-of-type(7) .front{background-image:url(./../images/trademark/7.png?v=2)}.trademark-wrapper .trademark-box li:nth-of-type(7) .back{background-image:url(./../images/trademark/7_on.png?v=2)}.trademark-wrapper .trademark-box li:nth-of-type(8) .front{background-image:url(./../images/trademark/8.png?v=2)}.trademark-wrapper .trademark-box li:nth-of-type(8) .back{background-image:url(./../images/trademark/8_on.png?v=2)}.trademark-wrapper .trademark-box li:nth-of-type(9) .front{background-image:url(./../images/trademark/9.png?v=2)}.trademark-wrapper .trademark-box li:nth-of-type(9) .back{background-image:url(./../images/trademark/9_on.png?v=2)}.trademark-wrapper .trademark-box li:nth-of-type(10) .front{background-image:url(./../images/trademark/10.png?v=2)}.trademark-wrapper .trademark-box li:nth-of-type(10) .back{background-image:url(./../images/trademark/10_on.png?v=2)}.trademark-wrapper .trademark-box li:nth-of-type(11) .front{background-image:url(./../images/trademark/11.png?v=2)}.trademark-wrapper .trademark-box li:nth-of-type(11) .back{background-image:url(./../images/trademark/11_on.png?v=2)}.trademark-wrapper .trademark-box li:nth-of-type(12) .front{background-image:url(./../images/trademark/12.png?v=2)}.trademark-wrapper .trademark-box li:nth-of-type(12) .back{background-image:url(./../images/trademark/12_on.png?v=2)}.trademark-wrapper .trademark-box li:nth-of-type(13) .front{background-image:url(./../images/trademark/13.png?v=2)}.trademark-wrapper .trademark-box li:nth-of-type(13) .back{background-image:url(./../images/trademark/13_on.png?v=2)}.trademark-wrapper .trademark-box li:nth-of-type(14) .front{background-image:url(./../images/trademark/14.png?v=2)}.trademark-wrapper .trademark-box li:nth-of-type(14) .back{background-image:url(./../images/trademark/14_on.png?v=2)}.trademark-wrapper .trademark-box li:nth-of-type(15) .front{background-image:url(./../images/trademark/15.png?v=2)}.trademark-wrapper .trademark-box li:nth-of-type(15) .back{background-image:url(./../images/trademark/15_on.png?v=2)}.trademark-wrapper .trademark-box li:nth-of-type(16) .front{background-image:url(./../images/trademark/16.png?v=2)}.trademark-wrapper .trademark-box li:nth-of-type(16) .back{background-image:url(./../images/trademark/16_on.png?v=2)}.trademark-wrapper .trademark-box li:nth-of-type(17) .front{background-image:url(./../images/trademark/17.png?v=2)}.trademark-wrapper .trademark-box li:nth-of-type(17) .back{background-image:url(./../images/trademark/17_on.png?v=2)}.trademark-wrapper .trademark-box li:nth-of-type(18) .front{background-image:url(./../images/trademark/18.png?v=2)}.trademark-wrapper .trademark-box li:nth-of-type(18) .back{background-image:url(./../images/trademark/18_on.png?v=2)}.trademark-wrapper .trademark-box li:nth-of-type(19) .front{background-image:url(./../images/trademark/19.png?v=2)}.trademark-wrapper .trademark-box li:nth-of-type(19) .back{background-image:url(./../images/trademark/19_on.png?v=2)}.trademark-wrapper .trademark-box li:nth-of-type(20) .front{background-image:url(./../images/trademark/20.png?v=2)}.trademark-wrapper .trademark-box li:nth-of-type(20) .back{background-image:url(./../images/trademark/20_on.png?v=2)}.trademark-wrapper .trademark-box li:nth-of-type(21) .front{background-image:url(./../images/trademark/21.png?v=2)}.trademark-wrapper .trademark-box li:nth-of-type(21) .back{background-image:url(./../images/trademark/21_on.png?v=2)}.trademark-wrapper .trademark-box li:nth-of-type(22) .front{background-image:url(./../images/trademark/22.png?v=2)}.trademark-wrapper .trademark-box li:nth-of-type(22) .back{background-image:url(./../images/trademark/22_on.png?v=2)}.trademark-wrapper .trademark-box li:nth-of-type(23) .front{background-image:url(./../images/trademark/23.png?v=2)}.trademark-wrapper .trademark-box li:nth-of-type(23) .back{background-image:url(./../images/trademark/23_on.png?v=2)}.trademark-wrapper .trademark-box li:nth-of-type(24) .front{background-image:url(./../images/trademark/24.png?v=2)}.trademark-wrapper .trademark-box li:nth-of-type(24) .back{background-image:url(./../images/trademark/24_on.png?v=2)}.trademark-wrapper .trademark-box li:nth-of-type(25) .front{background-image:url(./../images/trademark/25.png?v=2)}.trademark-wrapper .trademark-box li:nth-of-type(25) .back{background-image:url(./../images/trademark/25_on.png?v=2)}.trademark-wrapper .trademark-box li:nth-of-type(26) .front{background-image:url(./../images/trademark/26.png?v=2)}.trademark-wrapper .trademark-box li:nth-of-type(26) .back{background-image:url(./../images/trademark/26_on.png?v=2)}.trademark-wrapper .trademark-box li:nth-of-type(27) .front{background-image:url(./../images/trademark/27.png?v=2)}.trademark-wrapper .trademark-box li:nth-of-type(27) .back{background-image:url(./../images/trademark/27_on.png?v=2)}.trademark-wrapper .trademark-box li:nth-of-type(28) .front{background-image:url(./../images/trademark/28.png?v=2)}.trademark-wrapper .trademark-box li:nth-of-type(28) .back{background-image:url(./../images/trademark/28_on.png?v=2)}@media screen and (max-width: 1600px){.banner-wrapper>.container .r h2,.banner-wrapper>.container .r p{margin-bottom:22px}.banner-wrapper>.container .l img{width:131%;left:-193px}.banner-wrapper>.container .r{padding-left:0px}.banner-wrapper>.container .r.en{padding-top:40px}}@media screen and (max-width: 1440px){.banner-wrapper>.container .r h2,.banner-wrapper>.container .r p{margin-bottom:10px}}@media screen and (max-width: 1366px){.banner-wrapper>.container .r h2,.banner-wrapper>.container .r p{margin-bottom:10px}.banner-wrapper>.container .l img{width:148%;left:-220px}.banner-wrapper>.container .r h2{font-size:26px}.banner-wrapper>.container .r.en{padding-top:54px}}@media screen and (max-width: 1024px){.banner-wrapper>.container{-ms-flex-wrap:wrap;flex-wrap:wrap;padding-top:50px;padding-bottom:50px}.banner-wrapper>.container .l{width:100%}.banner-wrapper>.container .l img{width:100%;left:0;top:0;-webkit-transform:translateY(0);transform:translateY(0)}.top-swiper.mobile-style{width:100%;height:100%;overflow:hidden}.top-swiper.mobile-style .swiper-wrapper{height:100%}.top-swiper.mobile-style .swiper-wrapper .swiper-slide>a{height:100%}.top-swiper.mobile-style .swiper-slide>a img{display:block;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.top-swiper.mobile-style .swiper-pagination-bullet{width:6px;height:6px}.top-swiper.mobile-style .swiper-pagination-bullet-active{width:11px;height:6px;border-radius:3px}.top-swiper.mobile-style .top-prev,.top-swiper.mobile-style .top-next{display:none}.project-wrapper .content-box ul li{margin-bottom:6px;width:100%}.project-wrapper .content-box ul li:last-of-type{margin-bottom:0}.project-wrapper .btn-more{width:160px;height:40px;line-height:40px;text-align:center;background-color:#b60005;background-image:none;font-size:16px;color:#fff}.project-wrapper .content-box{margin-bottom:50px}.project-wrapper>div{padding-bottom:50px}.project-wrapper .content-box ul li .info-box .box{bottom:27px}.project-wrapper .content-box ul li .info-box h6{font-size:14px}.project-wrapper .content-box ul li .info-box p{height:34px;font-size:8px}.trademark-wrapper{padding:18px 0 45px}.trademark-wrapper .trademark-box{margin-top:29px}.trademark-wrapper .trademark-box li{width:20%}.trademark-wrapper .title{font-size:16px}}