*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;margin:0}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;border:0px none;outline:none;transition:all .3s}a{font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;text-decoration:none;transition:all .3s}img{max-width:100%;vertical-align:middle;border:0}ul,li{list-style:none;padding:0}dl,dd{padding:0;margin:0}h1,h2,h3,h4,h5{font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;margin:0;padding:0}html{font-size:62.5%;color:#333}@media (max-width: 1080px){html{font-size:56.25%}}@media (max-width: 750px){html{font-size:50%}}.wrap{width:100%;max-width:1920px;padding:0 4%;margin:auto;position:relative}#head{width:100%;padding:22px 0;position:absolute;top:0;left:0;z-index:99;color:#fff}#head .wrap{display:flex;align-items:center;position:relative}#head .logo{position:relative}#head .logo img{display:block;height:40px}#head .logo .logo-write{position:absolute;top:0;left:0;opacity:0;transition:all .3s}#head .menu{display:flex;align-items:center;margin-left:auto}#head .menu a{font-size:1.6rem;line-height:2.8;display:block;margin:0 25px;position:relative;white-space:nowrap;overflow:hidden}#head .menu a::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:#ba272f;transform:translate(-120%, 0);transition:all 0.5s}#head .menu a:hover::after{transform:translate(0)}#head .menu a.active::after{transform:translate(0)}#head .menu-btn{display:none;width:24px;height:24px;position:relative;margin-left:auto}#head .menu-btn span{width:20px;height:2px;background:#fff;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);transition:all 0.8s}#head .menu-btn span:nth-child(1){top:20%}#head .menu-btn span:nth-child(2){background:#d70031}#head .menu-btn span:nth-child(3){top:80%}#head .menu-btn.active span:nth-child(1){top:50%;transform:translate(-50%, -50%) rotate(45deg)}#head .menu-btn.active span:nth-child(2){transform:translate(-50%, -50%) scale(0, 1)}#head .menu-btn.active span:nth-child(3){top:50%;transform:translate(-50%, -50%) rotate(-45deg)}@media (max-width: 1080px){#head{padding:10px 0}#head .menu{display:none}#head .menu-btn{display:block}}#head.active{position:fixed}#head.active .logo-write{opacity:1}#head.active .menu-btn span{background:#000}#ph_nav{position:fixed;z-index:98;bottom:0;left:0;width:100%;height:100%;padding-top:80px;background:#fff;transition:all .7s;transform:translateX(100%)}#ph_nav .nav_ul li{width:100%;padding:0 7.8% 0 8.2%;border-bottom:1px solid #f2f2f2;position:relative;overflow:hidden;font-size:14px;line-height:40px;font-size:16px;color:#666;line-height:60px}#foot{background:#111;position:relative}#foot .m-totop{display:none;width:100%;background:#000;font-size:1.8rem;line-height:3.3em;color:#7d7d7d;text-align:center}@media (max-width: 1080px){#foot .m-totop{display:block}}#foot .navbar{display:flex;justify-content:space-between;padding-top:6rem;padding-bottom:2.5rem}#foot .navbar .menu{display:flex}#foot .navbar .menu .item{margin-right:8rem}#foot .navbar .menu .item>a{font-size:1.6rem;color:#fff;display:block;margin-bottom:20px}#foot .navbar .menu .item .subs a{font-size:1.4rem;color:#7d7d7d;line-height:2.5em;display:block;transition:all .3s}#foot .navbar .menu .item .subs a:hover{color:#fff}#foot .navbar .info{font-size:1.6rem;text-align:right}#foot .navbar .info .bag{display:flex;align-items:center;flex-direction:row-reverse}#foot .navbar .info .bag .hotline{color:#7d7d7d;margin:0 15px}#foot .navbar .info .bag .hotline big{font-size:2.2rem;font-weight:bold}#foot .navbar .info .bag .qrcode{width:80px;padding:4px;background:#fff}#foot .navbar .info .bag .qrcode img{max-width:100%}#foot .navbar .info .address{font-size:1.4rem;color:#fff;margin-top:20px}#foot .navbar .info .address span{display:inline-block;margin-top:10px;line-height:1.4}@media (max-width: 1080px){#foot .navbar{display:block;padding-top:4rem;padding-bottom:2rem}#foot .navbar .menu{display:block}#foot .navbar .menu .item{width:100%;height:5rem;border-bottom:1px solid #373737;display:flex;align-items:center;justify-content:space-between}#foot .navbar .menu .item a{margin:0;font-size:1.8rem;color:#7d7d7d}#foot .navbar .menu .item .subs{display:none}#foot .navbar .menu .item::after{content:"";position:relative;width:6px;height:10px;background:url(../picture/f-arrow.png) no-repeat center/cover}#foot .navbar .info{text-align:left;margin-top:5rem}#foot .navbar .info .bag{flex-direction:row}}#foot .links{font-size:1.4rem;color:#7d7d7d;padding-top:2.5rem;padding-bottom:2.5rem}#foot .links a:hover{color:#fff}#foot .copyright{font-size:1.4rem;color:#7d7d7d;padding-top:1.5rem;padding-bottom:1.5rem;background:#000}.page{margin:20px 0;position:relative;text-align:center}.page a{font-size:1.8rem;color:#333;line-height:0.9;display:inline-block;padding:10px 13px;margin:0 5px;border-radius:4px;border:none;background:#f0f0f0}.page a:hover{background:rgba(0,0,0,0.15);border:none}.page a.curr{background:#000;font-weight:bold;color:#fff}#banner{width:100%;max-width:1920px;margin:auto;position:relative;overflow:hidden}#banner .swiper-container{height:100%}#banner .pc-img{display:block;width:100%}#banner .mp-img{display:none;width:100%}@media (max-width: 1080px){#banner .pc-img{display:none}#banner .mp-img{display:block}}.banner{height:600px}.banner .banner-img{width:100%;height:100%;background-position:center;background-size:cover;background-repeat:no-repeat}#m1{display:flex;flex-direction:row-reverse;flex-wrap:wrap;margin-top:8rem}#m1 .card-img{width:50%;position:relative}#m1 .card-img .swiper-container{height:100%}#m1 .card-img img{width:100%;height:100%;object-fit:cover}#m1 .card-img::after{content:"";position:absolute;left:-50%;top:0;bottom:0;z-index:-1;width:50%;height:100%;background:#f0f0f0}#m1 .card-body{width:50%;padding:5rem 0 3rem;position:relative}#m1 .card-body .swiper-container{height:100%}#m1 .card-body .heading{margin-bottom:2rem}#m1 .card-body .heading h3{font-size:5.7rem;font-weight:500;color:#333;line-height:1.35em}#m1 .card-body .heading h3 small{font-size:3.2rem;color:#777;line-height:1;display:block;margin-bottom:15px}#m1 .card-body .text{position:relative;padding:0 9rem 9rem 12rem;margin-top:4rem;font-size:1.8rem;color:#666;line-height:1.9}#m1 .card-body .guid{position:absolute;left:0;z-index:-1;margin-top:-14rem;font-size:4rem;font-weight:bold;color:#666}#m1 .card-button{width:150px;margin:0;padding:0;position:absolute;bottom:50px;left:0}#m1 .card-button .swiper-button-next{background:#bfbfbf;width:70px;height:70px;display:flex;align-items:center;right:0;color:#fff}#m1 .card-button .swiper-button-prev{background:#bfbfbf;width:70px;height:70px;display:flex;align-items:center;left:0;color:#fff}#m1 .card-button i{font-size:45px;color:#fff;margin:0 auto;position:relative}@media (max-width: 1080px){#m1{flex-direction:column-reverse;margin-top:4rem}#m1 .card-img{width:100%;overflow:hidden}#m1 .card-body{width:100%}#m1 .card-body .heading h3{font-size:3.5rem}#m1 .card-body .heading h3 small{font-size:1.9rem}#m1 .card-body .text{padding-right:0}#m1 .card-body .business dl{margin-bottom:6rem}#m1 .card-body .business small{display:none}}#m3{margin-top:10rem;margin-bottom:10rem}#m3 .heading{padding:1.6rem 0;margin-bottom:20px}#m3 .heading h3{font-size:5.7rem;font-weight:500;line-height:1.35em}#m3 .heading h3 small{display:block;font-size:2.8rem;line-height:1;color:#777;margin-bottom:15px}#m3 .heading p{font-size:1.6rem;line-height:1.8em}@media (max-width: 750px){#m3 .heading h3{font-size:3.8rem}#m3 .heading h3 small{font-size:2rem}#m3 .heading p{margin-top:1.4rem}}#m3 .case-list{display:flex;flex-wrap:wrap;margin:0 -15px}#m3 .case-list .card{position:relative;width:33.33%;padding:0 15px;margin-bottom:30px}#m3 .case-list .card a .card-img{position:relative;padding-bottom:60%;overflow:hidden}#m3 .case-list .card a .card-img img{min-width:100%;max-height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);transition:all .3s ease-in-out}#m3 .case-list .card a .card-body{position:relative;padding:10px 0;font-size:1.6rem}#m3 .case-list .card a .card-body .title{font-size:1.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#m3 .case-list .card a .card-body .summary{line-height:1.8em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.7}#m3 .case-list .card a:hover .card-img img{transform:translate(-50%, -50%) scale(1.05)}@media (max-width: 750px){#m3 .case-list .card{width:100%}}#m3 .more{font-size:14px;line-height:1.42857143;color:#fff;text-align:center;display:block;width:150px;margin:0 auto;padding:10px 25px;background:#000;border:1px solid #000;border-radius:100px}#m3 .more:hover{background:#fff;color:#000}#m4{position:relative;padding:80px 0;background:url(../images/m_contact_bg.jpg) no-repeat center/100%;color:#fff;text-align:center;overflow:hidden}#m4 h3{font-size:2.8rem;font-weight:500;margin-bottom:30px}#m4 p{font-size:1.6rem;line-height:2.8rem;max-width:800px;margin:0 auto 40px auto}#m4 .more{display:inline-block;font-size:14px;color:#fff;min-width:140px;padding:10px 25px;border:1px solid #fff;border-radius:100px}@media (max-width: 1080px){#m4{background-size:100% 100%}}#m5 .news-list{display:flex;justify-content:space-between;align-items:stretch;overflow:hidden}#m5 .news-list .card{width:25%;padding:80px 30px;border-right:solid 1px rgba(0,0,0,0.1)}#m5 .news-list .card .more{display:inline-block;padding:10px 25px;background:#000;border:1px solid #000;font-size:14px;color:#fff}#m5 .news-list .card .more:hover{background:#fff;color:#000}#m5 .news-list .card .item{display:block;margin-bottom:15px;overflow:hidden}#m5 .news-list .card .item .card-img{margin-bottom:20px;position:relative}#m5 .news-list .card .item .card-img .date{position:static;background:none;color:#333;text-align:left;margin-bottom:20px}#m5 .news-list .card .item .card-img .date small{display:block;opacity:.75;font-size:1.3rem;font-weight:bold;line-height:1}#m5 .news-list .card .item .card-img .date big{display:block;margin:5px 0;font-size:3.7rem;font-weight:bold;line-height:1}#m5 .news-list .card .item .card-img .cover{width:100%;padding-bottom:60%;position:relative;overflow:hidden;transition:.3s}#m5 .news-list .card .item .card-img .cover img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);transition:all .3s ease-in-out;max-width:none;min-width:100%;max-height:100%;min-height:100%}#m5 .news-list .card .item .card-body{font-size:1.6rem;padding:10px 0;position:relative}#m5 .news-list .card .item .card-body .title{font-size:1.15em;margin-bottom:1em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#m5 .news-list .card .item .card-body .summary{line-height:1.8em;max-height:5.4em;overflow:hidden;opacity:.7;display:-webkit-box;-webkit-box-orient:vertical;word-wrap:break-word;text-overflow:ellipsis;line-clamp:3;-webkit-line-clamp:3}#m5 .news-list .card .item:hover .card-img .cover{transform:scale(1.05)}#m5 .news-list .card:last-child{border-right:0}#m5 .news-list .card:hover{color:#000}#m5 .heading{padding:1.6rem 0;margin-bottom:20px}#m5 .heading h3{font-size:5.7rem;font-weight:500;line-height:1.35em}#m5 .heading h3 small{font-size:2.8rem;color:#777;line-height:1;display:block;margin-bottom:15px}#m5 .heading p{font-size:1.6rem;line-height:1.8em}@media (max-width: 1080px){#m5{margin:5rem 0}#m5 .news-list{flex-wrap:wrap}#m5 .news-list .card{width:100%;border:0;padding:10px 0}#m5 .news-list .card .item .card-img .date{padding:0}#m5 .heading h3{font-size:3.8rem}#m5 .heading h3 small{font-size:2rem}#m5 .heading p{margin-top:1.4rem}}#about .introduce{display:flex;justify-content:space-between;padding-top:10rem;padding-bottom:10rem;overflow:hidden}#about .introduce .heading .title{font-size:4.8rem;font-weight:200;margin-bottom:.75em}#about .introduce .heading .desc{font-size:1.9rem;line-height:1.8em;margin-bottom:1em}#about .introduce .left-box{width:50%;padding:0 15px 15px 0}#about .introduce .left-box .bottom-group{width:100%;margin-top:4.5rem;display:flex;align-items:center;justify-content:space-between}#about .introduce .left-box .bottom-group .item{display:flex;align-items:flex-start;flex-direction:column}#about .introduce .left-box .bottom-group .item .number{font-size:6rem;font-weight:300;color:#ba272f;line-height:1.1em}#about .introduce .left-box .bottom-group .item .number .unit{font-size:1.4rem;font-weight:500;color:#ba272f;line-height:1.4em}#about .introduce .left-box .bottom-group .item .text{font-size:1.6rem;font-weight:300;color:#666666;line-height:1.6em;margin-top:2px}#about .introduce .right-box{position:relative}#about .introduce .right-box img{display:block;width:620px;max-width:100%}@media (max-width: 1080px){#about .introduce{display:block}#about .introduce .left-box{width:100%;padding-right:0}#about .introduce .left-box .bottom-group .item .number{font-size:4rem}#about .introduce .left-box .bottom-group .item .number .unit{font-size:1.2rem}#about .introduce .left-box .bottom-group .item .text{font-size:1.4rem}#about .introduce .right-box{width:100%}#about .introduce .right-box img{width:100%}}#about .service{padding-top:6rem;padding-bottom:6rem}#about .service .heading .title{font-size:4.8rem;font-weight:200;margin-bottom:.75em}#about .service .heading .desc{font-size:1.9rem;line-height:1.8em;margin-bottom:1em}#about .service .services{display:flex;margin:4rem -10px 0 -10px;overflow:hidden}#about .service .services:hover .card .card-img{filter:grayscale(100%)}#about .service .services:hover .card .card-img:after{opacity:.6}#about .service .services .card{position:relative;width:20%;margin:10px;background:#f0f0f0;overflow:hidden}#about .service .services .card .card-img{position:relative;transition:.3s}#about .service .services .card .card-img .cover{position:relative;overflow:hidden;padding-bottom:135%}#about .service .services .card .card-img .cover img{min-width:100%;max-width:none;max-height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);transition:all .3s ease-in-out}#about .service .services .card .card-img:after{content:"";opacity:0;background:#000;position:absolute;left:0;right:0;top:0;bottom:0;z-index:88;transition:.6s}#about .service .services .card .card-body{font-size:16px;line-height:1.6em;color:#fff;position:absolute;bottom:0;left:0;right:0;z-index:1;padding:50px 15px 15px 15px}#about .service .services .card .card-body .title{font-size:1.15em;line-height:1.6em}#about .service .services .card .card-body .summary{line-height:1.8em;max-height:5.4em;overflow:hidden;opacity:.7;margin:0}#about .service .services .card:hover .card-img{filter:grayscale(0)}#about .service .services .card:hover .card-img:after{opacity:0}@media (max-width: 1080px){#about .service .services{flex-wrap:wrap}#about .service .services .card{width:33.3%;flex-basis:33.3%;margin:0}}@media (max-width: 750px){#about .service .services .card{width:50%;flex-basis:50%}}#about .corevalue{max-width:1920px;margin:0 auto 30px;padding:60px 0;overflow:hidden}#about .corevalue .heading .title{font-size:4.8rem;font-weight:200;margin-bottom:.75em}#about .corevalue .heading .desc{font-size:1.9rem;line-height:1.8em;margin-bottom:1em}#about .corevalue .swiper-container{overflow:visible;margin-top:4rem}#about .corevalue .swiper-container .card{position:relative;flex:0 0 33.33%;background:#f0f0f0;overflow:visible;transition:.6s;transition-delay:.2s}#about .corevalue .swiper-container .card .card-img{position:relative;transition:.3s}#about .corevalue .swiper-container .card .card-img .cover{position:relative;overflow:hidden;padding-bottom:56%}#about .corevalue .swiper-container .card .card-img .cover img{width:100%;min-width:100%;max-width:none;max-height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);transition:all .3s ease-in-out}#about .corevalue .swiper-container .card .card-body{width:300px;padding:20px;position:absolute;right:40px;bottom:-40px;background:#fff;box-shadow:0 0 15px rgba(0,0,0,0.2);opacity:0;transition:.6s;transition-delay:.2s}#about .corevalue .swiper-container .card .card-body .number{font-size:9rem;font-weight:bold;position:absolute;right:20px;bottom:0;color:rgba(0,0,0,0.2)}#about .corevalue .swiper-container .card .card-body .title{font-size:2.4rem}#about .corevalue .swiper-container .card .card-body .summary{font-size:1.7rem;line-height:1.8em;max-height:none}#about .corevalue .swiper-container .swiper-slide-active .card .card-body{transform:translateY(-20px);opacity:1}#about .corevalue .swiper-container .swiper-pagination{transform:translateY(70px)}#about .corevalue .swiper-container .swiper-pagination .swiper-pagination-bullet{width:10px;height:10px}#about .corevalue .swiper-container .swiper-pagination .swiper-pagination-bullet-active{background:#000}#about .corevalue .swiper-container .swiper-button-next{color:#fff}#about .corevalue .swiper-container .swiper-button-prev{color:#fff}#about .customer{padding-top:6rem;padding-bottom:6rem;overflow:hidden}#about .customer .heading .title{font-size:4.8rem;font-weight:200;margin-bottom:.75em;text-align:center}#about .customer .heading .desc{font-size:1.9rem;line-height:1.8em;margin-bottom:1em;text-align:center}#about .customer .customers{display:flex;flex-wrap:wrap;margin-top:4rem}#about .customer .customers .card{width:20%;cursor:pointer;border-right:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2}#about .customer .customers .card img{margin:auto;width:100%;filter:grayscale(100%);transition:all .6s}#about .customer .customers .card:hover img{filter:grayscale(0)}#about .customer .customers .card:nth-child(5n){border-right-width:0}@media (max-width: 1080px){#about .customer .customers .card{width:25%}#about .customer .customers .card:nth-child(4n){border-right-width:0}#about .customer .customers .card:nth-child(5n){border-right-width:1px}}@media (max-width: 750px){#about .customer .customers .card{width:33.33%}#about .customer .customers .card:nth-child(3n){border-right-width:0}#about .customer .customers .card:nth-child(4n){border-right-width:1px}}#contact{padding-top:10rem;padding-bottom:10rem}#contact .heading .title{font-size:4.8rem;font-weight:200;margin-bottom:.75em}#contact .heading .desc{font-size:1.9rem;line-height:1.8em;margin-bottom:1em}#contact .contacts{display:flex;justify-content:space-between;margin-top:40px}#contact .contacts .contact-info{width:50%}#contact .contacts .contact-info dl{margin-bottom:25px}#contact .contacts .contact-info dl dt{font-size:1.8rem;font-weight:400;margin-bottom:10px}#contact .contacts .contact-info dl dd{font-size:1.6rem}#contact .contacts .contact-info dl .follow{display:flex;align-items:center;margin:10px 0}#contact .contacts .contact-info dl .follow img{width:70px;height:70px;margin-right:40px;background:#ddd}#contact .contacts .map{width:50%;height:480px;border:solid 10px #333;border-radius:15px}@media (max-width: 1080px){#contact .contacts{display:block}#contact .contacts .contact-info{width:100%}#contact .contacts .map{width:100%;height:500px}}#news{padding-top:10rem;padding-bottom:10rem}#news .heading .title{font-size:4.8rem;font-weight:200;margin-bottom:.75em}#news .heading .desc{font-size:1.9rem;line-height:1.8em;margin-bottom:1em}#news .catalog{display:flex;flex-wrap:wrap;margin:0 -5px}#news .catalog li a{font-size:1.6rem;display:block;background:#f5f5f5;margin:5px;padding:6px 15px;border-radius:2px}#news .catalog li a:hover{background:#000;color:#fff}#news .catalog li a.active{background:#000;color:#fff}#news .datalist{position:relative;display:flex;flex-wrap:wrap;margin:20px -10px}#news .datalist .card{width:25%;padding:10px;margin:0;position:relative}#news .datalist .card .card-img{position:relative;overflow:hidden}#news .datalist .card .card-img .cover{padding-bottom:60%;transition:.3s}#news .datalist .card .card-img .cover img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);transition:all .3s ease-in-out;max-width:none;min-width:100%;max-height:100%;min-height:100%}#news .datalist .card .card-body{padding:10px;background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.1)}#news .datalist .card .card-body .title{font-size:1.8rem;font-weight:400;line-height:1.4;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#news .datalist .card .card-body .date{line-height:1.4}#news .datalist .card .card-body .date small{font-size:1.4rem}#news .datalist .card .card-body .date small i{margin-right:5px}#news .datalist .card .card-body .summary{font-size:1.6rem;line-height:1.8em;max-height:5.4em;margin-top:10px;overflow:hidden;opacity:.7;transition:all .3s;display:-webkit-box;-webkit-box-orient:vertical;word-wrap:break-word;text-overflow:ellipsis;line-clamp:3;-webkit-line-clamp:3}#news .datalist .card:hover{color:#000}#news .datalist .card:hover .card-img .cover{transform:scale(1.05)}@media (max-width: 1080px){#news .datalist .card{width:33.33%}}@media (max-width: 750px){#news .datalist .card{width:50%}}#news-content{padding-top:3rem;padding-bottom:10rem}#news-content .breadcrumb{background:none;border-radius:0;padding:10px 0;margin-bottom:20px}#news-content .breadcrumb li{display:inline-block}#news-content .breadcrumb a{font-size:1.6rem}#news-content .breadcrumb li+li:before{content:"/\00a0";font-size:1.6rem;padding:0 5px;color:#ccc}#news-content .content{display:flex;justify-content:space-between;position:relative}#news-content .content .content-sidebar{width:35%;margin-right:5%}#news-content .content .content-sidebar .sidebar-box{position:sticky;top:50px}#news-content .content .content-sidebar .title{position:relative;font-size:3.2rem;font-weight:200;margin-bottom:20px;padding-bottom:20px}#news-content .content .content-sidebar .title:after{content:"";position:absolute;left:0;bottom:0;width:50px;height:2px;background:#000}#news-content .content .content-sidebar .date{font-size:1.4rem;font-weight:200}#news-content .content .content-sidebar .page-controls{margin-top:40px}#news-content .content .content-sidebar .page-controls a{font-size:1.6rem;display:block;padding:5px 0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#news-content .content .content-sidebar .page-controls a.page-prev:before{content:"上一篇："}#news-content .content .content-sidebar .page-controls a.page-next:before{content:"下一篇："}#news-content .content .content-sidebar .page-controls a.page-prev:hover,#news-content .content .content-sidebar .page-controls a.page-next:hover{opacity:.7}#news-content .content .content-sidebar .page-controls a.page-gotolist{display:flex;align-items:center;justify-content:center;width:90px;height:90px;margin-top:90px;border:solid 1px #000}#news-content .content .content-sidebar .page-controls a.page-gotolist:hover{background:#000;color:#fff}#news-content .content .content-body{width:60%;margin-left:auto;font-size:1.9rem;line-height:1.8}#news-content .content .content-body img{max-width:100%}#news-content .content .content-body p{margin-bottom:1em}@media (max-width: 1080px){#news-content .content{display:block}#news-content .content .content-sidebar{width:100%;margin-bottom:40px}#news-content .content .content-sidebar .page-controls{position:absolute;top:auto;bottom:0;left:0;right:0}#news-content .content .content-sidebar .page-controls a.page-gotolist{margin-top:20px}#news-content .content .content-body{width:100%;padding-bottom:200px}}#case{padding-top:10rem;padding-bottom:10rem}#case .heading .title{font-size:4.8rem;font-weight:200;margin-bottom:.75em}#case .heading .desc{font-size:1.9rem;line-height:1.8em;margin-bottom:1em}#case .catalog{display:flex;flex-wrap:wrap;margin:0 -5px}#case .catalog li a{font-size:1.6rem;display:block;background:#f5f5f5;margin:5px;padding:6px 15px;border-radius:2px}#case .catalog li a:hover{background:#000;color:#fff}#case .catalog li a.active{background:#000;color:#fff}#case .case-list{display:flex;flex-wrap:wrap;margin:30px -15px}#case .case-list .card{position:relative;width:33.33%;padding:0 15px;margin-bottom:30px}#case .case-list .card a .card-img{position:relative;padding-bottom:60%;overflow:hidden}#case .case-list .card a .card-img img{min-width:100%;max-height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);transition:all .3s ease-in-out}#case .case-list .card a .card-body{position:relative;padding:10px 0;font-size:1.6rem}#case .case-list .card a .card-body .title{font-size:1.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#case .case-list .card a .card-body .summary{line-height:1.8em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.7}#case .case-list .card a:hover .card-img img{transform:translate(-50%, -50%) scale(1.05)}@media (max-width: 750px){#case .case-list .card{width:100%}}#case-content{min-height:100vh;padding-bottom:80px;background:#fff}#case-content .header{background:#f0f0f0;padding:100px 0}#case-content .header .banners{max-width:1200px;min-height:600px;margin:auto;border:solid 15px #333;border-radius:20px;margin-bottom:50px;box-shadow:0 0 0 0 #333;background:#000}#case-content .header .banners img{display:block;width:100%;border-radius:10px}#case-content .content{position:relative;display:flex;align-items:stretch;padding:80px 0;font-size:1.6rem;line-height:1.4}#case-content .content .content-sidebar{width:30%;max-width:320px}#case-content .content .content-sidebar .sticky-box{position:sticky;top:50px}#case-content .content .content-sidebar .logo{margin-bottom:40px;overflow:hidden}#case-content .content .content-sidebar .logo img{max-width:200px;max-height:80px}#case-content .content .content-sidebar .prj-attrs dl{display:flex;padding:5px 0;margin:0}#case-content .content .content-sidebar .prj-attrs dl dd{font-weight:300}#case-content .content .content-sidebar .btn{margin-top:45px;border:solid 1px #000;width:100px;height:100px;display:inline-flex;justify-content:center;align-items:center;transition:.3s;text-transform:uppercase}#case-content .content .content-primary{width:70%;margin-left:auto}#case-content .content .content-primary .title{position:relative;font-size:2rem;margin-bottom:40px}#case-content .content .content-primary .cover{border:solid 10px #333;border-radius:15px;margin-bottom:50px;box-shadow:0 0 0 0 #333;background:#333}#case-content .content .content-primary .cover img{width:100%;border-radius:10px}@media (max-width: 1080px){#case-content .content{display:block}#case-content .content .content-sidebar{width:100%;margin-bottom:40px}#case-content .content .content-sidebar .btn{display:none}#case-content .content .content-primary{width:100%}}