@-webkit-keyframes movey{0%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}50%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}@keyframes movey{0%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}50%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}.banner{clear:both;overflow:hidden;width:100%;max-height:100%;text-align:center;position:relative;z-index:9}.banner .mouseBtn{cursor:pointer;position:absolute;z-index:9;bottom:3rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.banner .mouseBtn svg{width:4rem;height:4rem;color:#fff;-webkit-animation:movey 2.5s ease-in-out infinite;animation:movey 2.5s ease-in-out infinite}.banner img{vertical-align:top}.banner .pc{display:block}.banner .pc img{width:100%;max-height:100vh;-o-object-fit:cover;object-fit:cover}.banner .mobile{display:none}.banner .mobile img{width:100%;-o-object-fit:cover;object-fit:cover}.banner .box{display:block;position:relative;overflow:hidden;width:100%}.banner .text-1{color:#fff;line-height:1.8;width:100%;text-align:left;position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:4.5rem}.banner .text-1 .textC{display:inline-block;vertical-align:top;text-align:right}.banner .text-1 .title-1{font-size:4rem;font-family:var(--font-family-D-D);line-height:1;-webkit-transform:translateY(7rem);transform:translateY(7rem)}.banner .text-1 .title-2{font-family:var(--font-family-D-D-B);font-size:4rem;font-weight:700;line-height:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-wrap:wrap;flex-wrap:wrap}.banner .text-1 .title-2 span{background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#7a7a7a));background:linear-gradient(180deg, #fff, #7a7a7a);-webkit-background-clip:text;background-clip:text;color:transparent}.banner .text-1 .title-2 .num{font-size:12rem;font-style:italic;-webkit-transform:translateY(2rem);transform:translateY(2rem);margin-right:2.5rem}.banner .btnDiv{padding-top:3rem}.banner .btnDiv .common-btn{font-family:var(--font-family-M-R)}.banner .btnDiv .common-btn:hover{opacity:.8}.banner .swiper-button-prev,.banner .swiper-button-next{border:none;width:5rem;height:5rem;line-height:5rem;border-radius:50%;background-color:#fff;color:#ccc;text-align:center;margin:auto;cursor:pointer;top:50%;-webkit-transform:translateY(50%);transform:translateY(50%);position:absolute;z-index:1}.banner .swiper-button-prev:after,.banner .swiper-button-next:after{font-size:1.6rem}.banner .swiper-button-prev:hover,.banner .swiper-button-next:hover{background-color:var(--main-color);color:#fff}.banner .swiper-slide-active .text-1 .textC{-webkit-animation:fadeInUp2 2s alternate;animation:fadeInUp2 2s alternate}.banner .swiper-slide-active .text-2 .textC{-webkit-animation:fadeInUp2 2s alternate;animation:fadeInUp2 2s alternate}.banner .swiper-slide-active .text-3 .textC{-webkit-animation:fadeInUp2 2s alternate;animation:fadeInUp2 2s alternate}@media screen and (max-width:1280px){.banner .pc img{max-height:initial}}@media screen and (max-width:1023px){.banner .mouseBtn{bottom:20px}.banner .mouseBtn svg{width:20px;height:20px}.banner .pc{display:none}.banner .mobile{display:block;position:relative;z-index:0}.banner .text-1{line-height:1.8;font-size:24px}.banner .text-1 .textC{text-align:left}.banner .text-1 .title-1{font-size:18px;-webkit-transform:translateY(0);transform:translateY(0);margin-bottom:10px}.banner .text-1 .title-2{font-size:18px;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.banner .text-1 .title-2 .num{font-size:30px;font-style:italic;-webkit-transform:translateY(0);transform:translateY(0);margin-right:20px}.banner .btnDiv{padding-top:30px}.banner .btnDiv .common-btn{font-family:var(--font-family-M-R)}.banner .btnDiv .common-btn:hover{opacity:.8}}.home-product{background-color:#f5f5f5;overflow:hidden;padding-top:6rem;padding-bottom:4rem}.home-product .container{max-width:100%;width:100%}.home-product .list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-left:3rem;padding-right:3rem;margin-left:-1rem;margin-right:-1rem}.home-product .list li{width:33.33333333%;padding-left:1rem;padding-right:1rem;padding-bottom:2rem}.home-product .list .box{display:block;overflow:hidden;background-color:#fff;border-radius:2rem;min-height:100%;padding:6rem 4rem 19.4rem 4rem;position:relative}.home-product .list .pic{width:70%;/*max-width:45rem;*/max-height:36rem;text-align:right;position:absolute;z-index:0;bottom:0;right:0}.home-product .list .pic img{-webkit-transition:.5s;transition:.5s}.home-product .list .text{position:relative;z-index:9}.home-product .list .title{font-size:2.4rem;line-height:3rem;height:6rem;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;-webkit-line-clamp:2;color:#333}.home-product .list .btnDiv{padding-top:1rem;position:relative;z-index:9}.home-product .list .btnDiv>a,.home-product .list .btnDiv>span{display:inline-block;vertical-align:top;min-width:10rem;line-height:3.4rem;border-radius:1.8rem;text-align:center;border:solid .1rem #666;font-size:1.6rem;padding:0 1rem}.home-product .list .box:hover .pic img{-webkit-transform:scale(1.1);transform:scale(1.1)}.home-product .list .box:hover .btnDiv>a,.home-product .list .box:hover .btnDiv>span{background:var(--main-color);color:#fff;border-color:#000 0}@media screen and (max-width:1023px){.home-product{padding-top:60px;padding-bottom:40px}.home-product .list{padding-left:0;padding-right:0;margin-left:-10px;margin-right:-10px}.home-product .list li{width:50%;padding-left:10px;padding-right:10px;padding-bottom:20px}.home-product .list .box{border-radius:10px;min-height:100%;padding:20px 20px 80% 20px}.home-product .list .pic{max-width:450px;max-height:360px}.home-product .list .title{font-size:16px;line-height:24px;height:72px;-webkit-line-clamp:3}.home-product .list .btnDiv{padding-top:10px}.home-product .list .btnDiv>a,.home-product .list .btnDiv>span{min-width:100px;line-height:30px;border-radius:15px;font-size:14px;padding:0 10px}}@media screen and (max-width:640px){.home-product .list li{width:100%}.home-product .list .box{padding-bottom:60%}.home-product .list .pic{max-width:400px;max-height:300px}}.home-case{overflow:hidden;color:#fff;position:relative;height:94rem}.home-case .wrap{width:100%;padding-top:3rem}.home-case .wrap{height:100%;position:relative}.home-case .bgs li{position:absolute;width:100%;height:100%;height:94rem;background-repeat:no-repeat;background-position:center center;background-size:cover;opacity:0;-webkit-transition:.5s;transition:.5s}.home-case .bgs li.show{opacity:1}.home-case .common-title{margin-bottom:7rem}.home-case .common-title .title{color:#fff}.home-case .common-title .en{color:#fff;opacity:.08}.home-case .right{width:64rem;height:94rem;float:left;position:absolute;top:50%;right:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.home-case .right .list-pic li{display:none}.home-case .right .list-pic .active{display:block}.home-case .right .list-pic .pic{position:relative}.home-case .right .img{width:100%}.home-case .right .img-bg{background-size:cover;width:156.8rem;height:156.8rem;border-radius:50%;border:.1rem #fff dashed;z-index:9;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:-92.8rem}.home-case .right .img-bg img{-o-object-fit:cover;object-fit:cover}.home-case .right .list-txt .box:hover .txt{opacity:1}.home-case .right .list-txt .active .icon{-webkit-transform:translateY(-50%) scale(0);transform:translateY(-50%) scale(0)}.home-case .right .list-txt .active .icon-2{display:block;-webkit-transform:translateY(-50%) scale(1);transform:translateY(-50%) scale(1)}.home-case .right .list-txt .active .txt{width:auto;opacity:1}.home-case .right .list-txt .active .txt .title{display:block;width:auto}.home-case .right .list-txt .active .txt .icon{-webkit-transform:translateY(-50%) scale(1);transform:translateY(-50%) scale(1)}.home-case .right .txt{color:#fff;font-size:2.4rem;line-height:5rem;padding-left:8rem;white-space:nowrap;position:absolute;z-index:9}.home-case .right .txt .title{-webkit-transition:.5s;transition:.5s;margin-left:2rem}.home-case .right .txt-1{top:4.78723404%;left:7.8rem}.home-case .right .txt-2{top:14.89361702%;left:3rem}.home-case .right .txt-3{top:28.08510638%;left:-1rem}.home-case .right .txt-4{top:40.95744681%;left:-3rem}.home-case .right .txt-5{bottom:40.95744681%;left:-3rem}.home-case .right .txt-6{bottom:28.08510638%;left:-1rem}.home-case .right .txt-7{bottom:14.89361702%;left:3rem}.home-case .right .txt-8{bottom:4.78723404%;left:7.8rem}.home-case .right .icon{display:block;width:6.4rem;height:6.4rem;overflow:hidden;position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%) scale(1);transform:translateY(-50%) scale(1)}.home-case .right .icon .circle{display:block;width:1.5rem;height:1.5rem;border-radius:50%;border:.1rem #fff dashed;background-size:cover;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.home-case .right .icon .circle::after{content:"";display:block;width:.7rem;height:.7rem;border-radius:50%;background:#fff;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.home-case .right .icon-2{display:block;overflow:hidden;width:6.4rem;height:6.4rem;background:var(--main-color);border:.2rem #fff solid;border-radius:50%;position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%) scale(0);transform:translateY(-50%) scale(0);-webkit-transition:.5s;transition:.5s}.home-case .right .icon-2 img{width:6rem;height:6rem;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.home-case .left{width:60%;padding-top:26.3vh}.home-case .leftC{max-width:82rem}.home-case .list-text li{display:none;visibility:visible}.home-case .list-text li .box{-webkit-transform:translateY(1rem);transform:translateY(1rem);-webkit-transition:.5s;transition:.5s;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;will-change:transform,opacity}.home-case .list-text .show{display:block}.home-case .list-text .show .box{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-name:fadeInUp2;animation-name:fadeInUp2}.home-case .titleBig{margin-bottom:4rem;font-size:4.8rem;font-weight:400}.home-case .info{font-size:1.8rem;line-height:3.6rem;height:10.8rem;margin-bottom:3rem;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;-webkit-line-clamp:3}.home-case .btnDiv{padding-top:8rem}.home-case .btnDiv>a,.home-case .btnDiv>span{display:inline-block;vertical-align:top;min-width:20rem;line-height:5.6rem;border-radius:2.9rem;text-align:center;border:solid .1rem #fff;color:#fff;font-size:2rem;padding:0 1rem}.home-case .btnDiv>a:hover,.home-case .btnDiv>span:hover{background:var(--main-color);color:#fff;border-color:#000 0}.home-case .box:hover .btnDiv>a,.home-case .box:hover .btnDiv>span{background:var(--main-color);color:#fff;border-color:#000 0}@media screen and (max-width:1023px){.home-case{height:auto}.home-case .wrap{width:100%;height:100%;padding-top:60px;padding-bottom:60px}.home-case .container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.home-case .bgs li{position:absolute;width:100%;height:100%;height:940px;background-repeat:no-repeat;background-position:center center;background-size:cover;opacity:0;-webkit-transition:.5s;transition:.5s}.home-case .bgs li.show{opacity:1}.home-case .right{padding-bottom:30px;position:relative;width:100%;height:auto;top:0;right:0;-webkit-transform:translateY(0);transform:translateY(0)}.home-case .right .img-bg{display:none}.home-case .right .list-txt{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-10px;margin-right:-10px}.home-case .right .list-txt li{padding-left:10px;padding-right:10px}.home-case .right .list-txt .active .icon{display:none;-webkit-transform:translateY(-50%) scale(0);transform:translateY(-50%) scale(0)}.home-case .right .list-txt .active .icon-2{display:block;-webkit-transform:translateY(-50%) scale(1);transform:translateY(-50%) scale(1)}.home-case .right .list-txt .active .txt{width:auto;opacity:1}.home-case .right .list-txt .active .txt .title{display:block;width:auto}.home-case .right .list-txt .active .txt .icon{-webkit-transform:translateY(-50%) scale(1);transform:translateY(-50%) scale(1)}.home-case .right .txt{font-size:16px;line-height:32px;padding-left:42px;position:relative;z-index:9;top:0 !important;left:initial !important;right:initial !important;bottom:initial !important}.home-case .right .txt .title{margin-left:0}.home-case .right .icon{width:32px;height:32px;position:absolute;left:0;top:0;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}.home-case .right .icon .circle{width:15px;height:15px;border-radius:50%;border:1px #fff dashed;background-size:cover;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.home-case .right .icon .circle::after{content:"";display:block;width:7px;height:7px;border-radius:50%;background:#fff;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.home-case .right .icon-2{display:none;width:32px;height:32px;border:1px #fff solid;border-radius:50%;position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%) scale(0);transform:translateY(-50%) scale(0);-webkit-transition:.5s;transition:.5s}.home-case .right .icon-2 img{width:60px;height:60px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.home-case .left{width:100%;padding-top:0}.home-case .leftC{max-width:100%}.home-case .titleBig{margin-bottom:20px;font-size:24px}.home-case .info{font-size:18px;line-height:36px;height:108px;margin-bottom:30px}.home-case .btnDiv{padding-top:40px}.home-case .btnDiv>a,.home-case .btnDiv>span{min-width:120px;line-height:48px;border-radius:24px;font-size:18px;padding:0 10px}}.home-news{overflow:hidden;padding-top:15rem;padding-bottom:15rem}.home-news .nr{position:relative}.home-news .swiper-container{overflow:initial}.home-news .swiper-button-next,.home-news .swiper-button-prev{width:6rem;height:6rem;border-radius:50%;background-color:#e1e1e1;color:#fff;position:absolute}.home-news .swiper-button-next::after,.home-news .swiper-button-prev::after{font-size:2.4rem}.home-news .swiper-button-next:hover,.home-news .swiper-button-prev:hover{background-color:var(--main-color)}.home-news .swiper-button-prev{left:10%}.home-news .swiper-button-next{right:10%}.home-news .list{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:-5rem;margin-right:-5rem}.home-news .list li{width:100%;max-width:110rem;padding-left:5rem;padding-right:5rem;-webkit-transition:.5s;transition:.5s}.home-news .list .box{display:block;border-radius:2rem;overflow:hidden;margin:auto;position:relative}.home-news .list .pic{overflow:hidden;display:block;position:relative}.home-news .list .pic::after{content:"";display:block;padding-top:60%}.home-news .list .pic img{-webkit-transition:.5s;transition:.5s;width:100%;}.home-news .list .text{width:calc(100% - 10rem);max-width:44rem;background-color:#fff;border-radius:2rem;padding:4rem 3rem 0 3rem;position:absolute;z-index:9;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:5rem}.home-news .list .title{color:#111;font-size:2.4rem;margin-bottom:2rem;line-height:4rem;height:12rem;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;-webkit-line-clamp:3}.home-news .list .info{font-size:1.6rem;color:#666;padding-top:2rem;padding-bottom:2rem;margin-bottom:3rem;position:relative}.home-news .list .info::before{content:"“";font-size:4rem;line-height:1;color:#333;position:absolute;top:0;left:0}.home-news .list .info::after{content:"”";font-size:4rem;line-height:1;color:#333;position:absolute;bottom:0;right:0}.home-news .list .infoC{height:12.8rem;line-height:3.2rem;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;-webkit-line-clamp:4}.home-news .list .date{border-top:.1rem #e5e5e5 solid;font-size:1.4rem;line-height:5rem;color:#666;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.home-news .list .date .icon{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;margin-right:.5rem}.home-news .list .date .icon svg{width:1.6rem;height:1.6rem;fill:#000}.home-news .list .box:hover .pic img{-webkit-transform:scale(1.1);transform:scale(1.1)}.home-news .swiper-container-initialized .list{margin-left:0;margin-right:0}.home-news .swiper-container-initialized .list li{padding-left:0;padding-right:0}.home-news .swiper-slide-prev{-webkit-transform:scale(.8);transform:scale(.8)}.home-news .swiper-slide-next{-webkit-transform:scale(.8);transform:scale(.8)}.home-news .swiper-slide-active{max-width:110rem}@media screen and (max-width:1023px){.home-news{padding-top:60px;padding-bottom:40px}.home-news .swiper-button-next,.home-news .swiper-button-prev{opacity:.5;width:40px;height:40px}.home-news .swiper-button-next::after,.home-news .swiper-button-prev::after{font-size:16px}.home-news .swiper-button-prev{left:0}.home-news .swiper-button-next{right:0}.home-news .list{margin-left:0;margin-right:0}.home-news .list li{max-width:1100px;padding-left:10px;padding-right:10px}.home-news .list .box{border-radius:10px}.home-news .list .pic{border-radius:10px}.home-news .list .text{width:100%;max-width:440px;border-radius:10px;padding:20px 0 0 0;position:relative;right:initial;top:0;-webkit-transform:translateY(0);transform:translateY(0)}.home-news .list .title{font-size:18px;margin-bottom:20px;line-height:40px;height:120px}.home-news .list .info{font-size:14px;padding-top:20px;padding-bottom:10px;margin-bottom:20px}.home-news .list .info::before{font-size:40px}.home-news .list .info::after{font-size:40px}.home-news .list .infoC{height:128px;line-height:32px}.home-news .list .date{border-top:1px #e5e5e5 solid;font-size:14px;line-height:50px}.home-news .list .date .icon{margin-right:5px}.home-news .list .date .icon svg{width:16px;height:16px}.home-news .swiper-slide-active{max-width:1100px}} .home-product .list .box .tag{ position: absolute; right: 1rem; top: 1rem; background: #d78f07; color: #fff; display: inline-block; line-height: 2.4rem; border-radius: 1.2rem; text-align: center; font-size: 1.4rem; padding: 0 1rem; z-index: 9999; } .home-product .list .pic.pic2{ opacity: 0; width: 100%; -webkit-transition: .5s; transition: .5s; } .home-product .list .box:hover .pic.pic1{ display: none; } .home-product .list .box:hover .pic.pic2{ opacity: 1; } .home-product .list .box:hover .title{ color: #fff; } @media screen and (max-width: 1023px) { .home-product .list .pic { width: 100%; } .home-product .list .box .pic2 { max-height: 250px; float: none; width: 100%; } .home-product .list .box .tag{ right: 10px; top: 10px; line-height: 24px; border-radius: 12px; font-size: 12px; padding: 0 10px; } } .banner .text-2 { color: #fff; line-height: 1.8; width: 100%; text-align: left; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin-top: 4.5rem; } .banner .text-2 .title-1 { font-size: 7.2rem; line-height: 9rem; text-transform: uppercase; font-style: italic; font-family: var(--font-family-D-D-B); position: relative; } .banner .text-2 .title-1 .below { -webkit-text-stroke: 1px #fff; color: transparent; position: absolute; top: .4rem; left: .4rem; } .banner .text-2 .title-2 { font-size: 3.2rem; opacity: .7; font-family: var(--font-family-D-D); margin-bottom: 4rem; } .banner .text-2 .info { font-family: var(--font-family-D-D); } .banner .text-2 .info .div-1 { margin-bottom: 2.6rem; } .banner .text-2 .info .div-1-c { display: inline-block; vertical-align: top; background-color: #000000; color: #fff; font-size: 2.6rem; line-height: 4rem; padding: .8rem 6rem .8rem 6rem; clip-path: polygon(0 0,100% 0, 90% 100%, 0 100%); position: relative; } .banner .text-2 .info .div-1-c::before { content: ""; display: block; width: 5.6rem; height: 5.6rem; background-image: url('data:image/svg+xml;utf8,'); background-repeat: no-repeat; background-position: center center; background-size: 3rem; position: absolute; top: 0; left: 0; } .banner .text-2 .info .div-1:nth-child(1) .div-1-c { min-width: 43rem; } .banner .text-2 .info .div-1:nth-child(2) .div-1-c { min-width: 38rem; } .banner .text-2 .info .div-1:nth-child(3) .div-1-c { min-width: 32rem; } .banner .text-3 { font-family: var(--font-family-D-D); color: #fff; line-height: 1.8; width: 100%; text-align: left; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin-top: 4.5rem; } .banner .text-3 .title-1 { font-size: 3rem; line-height: 4rem; margin-bottom: 2rem; } .banner .text-3 .title-1 .c { display: inline-block; vertical-align: top; background-color: #000; padding: 2rem 2rem; } .banner .text-3 .title-2 { max-width: 91rem; font-size: 5.6rem; line-height: 7.2rem; text-transform: uppercase; font-family: var(--font-family-D-D-B); position: relative; margin-bottom: 3rem; } .banner .text-3 .title-2 .below { color: #000000; text-shadow: 0 0 1px rgba(0, 0, 0, .3); position: absolute; z-index: -1; top: .4rem; left: .4rem; } .banner .text-3 .info { max-width: 64rem; display: flex; flex-wrap: wrap; text-align: center; justify-content: space-between; font-size: 2rem; } .banner .text-3 .info .icon { display: block; width: 8.2rem; height: 8.2rem; margin-left: auto; margin-right: auto; border: 1px #fff solid; } @media screen and (max-width: 1023px) { .banner .text-2 { margin-top: 30px; } .banner .text-2 .title-1 { font-size: 30px; line-height: 36px; } .banner .text-2 .title-1 .below { -webkit-text-stroke: 1px #fff; top: 2px; left: 2px; opacity: 0; } .banner .text-2 .title-2 { font-size: 18px; margin-bottom: 5px; } .banner .text-2 .info .div-1 { margin-bottom: 5px; } .banner .text-2 .info .div-1-c { font-size: 16px; line-height: 30px; padding: 3px 40px 3px 40px; } .banner .text-2 .info .div-1-c::before { width: 36px; height: 36px; background-size: 20px; } .banner .text-2 .info .div-1:nth-child(1) .div-1-c { min-width: 260px; } .banner .text-2 .info .div-1:nth-child(2) .div-1-c { min-width: 230px; } .banner .text-2 .info .div-1:nth-child(3) .div-1-c { min-width: 210px; } .banner .text-3 { margin-top: 20px; } .banner .text-3 .title-1 { font-size: 16px; line-height: 30px; margin-bottom: 10px; } .banner .text-3 .title-1 .c { padding: 10px 20px; } .banner .text-3 .title-2 { max-width: 910px; font-size: 24px; line-height: 30px; margin-bottom: 10px; } .banner .text-3 .title-2 .below { text-shadow: 0 0 1px rgba(0, 0, 0, .3); top: 2px; left: 2px; } .banner .text-3 .info { max-width: 640px; font-size: 14px; line-height: 1.5; } .banner .text-3 .info .div-3 { max-width: 33.333%; } .banner .text-3 .info .icon { width: 42px; height: 42px; border: 1px #fff solid; } } @media screen and (max-width: 375px) { .banner .text-3 .info { font-size: 12px; } }