﻿.banner-inner .pagesbanner-animate{width:80%;top:50%;color:#fff}
.banner-inner .pagesbanner-animate .p1{font-size:46px;font-weight:var(--fontbold6);line-height:1.2}
.banner-inner .pagesbanner-animate .p2{font-size:var(--fontsize18);margin-top:20px;padding:0 220px}
.st-special{padding-bottom:5%}
.st-special .st-special-title{text-align:center}
.st-special .st-special-headline{font-weight:var(--fontbold6,600);font-size:var(--fontsize30);margin:0;padding:0}
.st-special .st-special-line{display:flex;align-items:center;justify-content:center;bottom:0;left:0;margin-top:5px}
.st-special .st-special-theme{width:6px;height:6px;background:var(--color,#000);border-radius:50%}
.st-special .st-special-theme:nth-child(-n+2){margin-right:10px}
.st-special .st-special-box{display:flex;flex-wrap:wrap;justify-content:space-between}
.st-special .st-special-box .st-special-item{width:31.5%;margin-top:40px}
.st-special .st-special-item .st-special-img{position:relative;width:100%;border-radius:var(--borderradius);overflow:hidden}
.st-special .st-special-item .st-special-img::before{position:absolute;content:"";width:100%;height:100%;background:rgba(0,0,0,.4);z-index:1;opacity:0;transition:all .2s linear}
.st-special .st-special-item:hover .st-special-img::before{opacity:1}
.st-special .st-special-item .st-special-img img{width:100%;max-width:100%;height:auto;object-fit:cover;border:1px solid #eee;transition:all .2s linear}
.st-special .st-special-item:hover .st-special-img img{transform:scale(1.02)}
.st-special .st-special-item .st-special-info{padding:0 20px;text-align:center;margin-top:15px}
.st-special .st-special-item .st-special-info p{font-weight:var(--fontbold6);line-height:1.7;transition:all .2s linear}
.st-special .st-special-item:hover .st-special-info p{color:var(--color,#000)}
.st-advan{padding-bottom:5%}
.st-advan .st-advan-title{text-align:center}
.st-advan .st-advan-headline{font-weight:var(--fontbold6,600);font-size:var(--fontsize30);margin:0;padding:0}
.st-advan .st-advan-line{display:flex;align-items:center;justify-content:center;bottom:0;left:0;margin-top:5px}
.st-advan .st-advan-theme{width:6px;height:6px;background:var(--color,#000);border-radius:50%}
.st-advan .st-advan-theme:nth-child(-n+2){margin-right:10px}
.st-advan .st-advan-box{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:40px}
.st-advan .st-advan-box .st-advan-l-info{width:52%}
.st-advan .st-advan-l-info .st-advan-item:nth-child(-n+2){margin-bottom:15px}
.st-advan .st-advan-item .st-advan-letter{font-weight:var(--fontbold6)}
.st-advan .st-advan-box .st-advan-r-text{width:38%;display:flex;flex-direction:column;justify-content:space-around}
.st-advan .st-advan-r-text .st-advan-project{display:flex;flex-wrap:wrap;align-items:center}
.st-advan .st-advan-project .st-advan-icon{display:inline-flex;align-items:center;justify-content:center;width:45px;height:45px;border-radius:50%;background:var(--color)}
.st-advan .st-advan-project .st-advan-icon em{color:#fff;font-size:var(--fontsize20)}
.st-advan .st-advan-project .st-advan-topic{flex:1;margin-left:15px;font-weight:var(--fontbold6);line-height:1.6}
.st-cut{padding-bottom:5%}
.st-cut .st-cut-title{text-align:center}
.st-cut .st-cut-headline{font-weight:var(--fontbold6,600);font-size:var(--fontsize30);margin:0;padding:0}
.st-cut .st-cut-line{display:flex;align-items:center;justify-content:center;bottom:0;left:0;margin-top:5px}
.st-cut .st-cut-theme{width:6px;height:6px;background:var(--color,#000);border-radius:50%}
.st-cut .st-cut-theme:nth-child(-n+2){margin-right:10px}
.st-cut .st-cut-content .st-cut-box{display:flex;flex-wrap:wrap;justify-content:space-between}
.st-cut .st-cut-box .st-cut-item{width:31.5%;margin-top:40px;position:relative;overflow:hidden;border-radius:var(--borderradius)}
.st-cut .st-cut-item .st-cut-img{position:relative;width:100%}
.st-cut .st-cut-item .st-cut-img img{width:100%;height:auto;object-fit:cover;transition:all .2s linear}
.st-cut .st-cut-item:hover .st-cut-img img{transform:scale(1.02)}
.st-cut .st-cut-item .st-cut-info{position:absolute;bottom:0;left:0;padding-bottom:10px;width:100%;height:22%;display:flex;justify-content:center;align-items:end;color:#fff;z-index:1}
.st-cut .st-cut-item .st-cut-info::before{position:absolute;content:"";width:100%;height:100%;background:linear-gradient(to top,#004098 0,rgba(0,64,152,.6) 25%,rgba(0,64,152,.4) 50%,rgba(0,64,152,.2) 75%,rgba(0,64,152,0) 100%);left:0;bottom:0;z-index:-1}
.st-contact{position:relative}
.st-contact .st-contact-content{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;position:relative}
.st-contact .st-contact-content .st-contact-l-info{width:50%;z-index:1;padding:5% 12% 5% 0}
.st-contact .st-contact-content .st-contact-l-info::before{position:absolute;content:"";top:0;width:960px;right:50%;height:100%;background-color:var(--color);z-index:-1}
.st-contact .st-contact-l-info .st-contact-headline{font-weight:var(--fontbold6,600);font-size:var(--fontsize30);margin:0;padding:0;color:#fff}
.st-contact .st-contact-l-info .st-contact-line{display:flex;bottom:0;left:0;margin:15px 0;margin-left:1px}
.st-contact .st-contact-l-info .st-contact-theme{width:6px;height:6px;background:#fff;border-radius:50%}
.st-contact .st-contact-l-info .st-contact-theme:nth-child(-n+2){margin-right:10px}
.st-contact .st-contact-l-info .st-contact-desc{color:#fff}
.st-contact .st-contact-content .st-contact-r-table{width:50%;padding:5% 0 5% 5%}
.st-contact .st-contact-r-table .st-contact-headline{font-weight:var(--fontbold6,600);font-size:var(--fontsize30);margin:0;padding:0}
.st-contact .st-contact-r-table .st-contact-line{display:flex;bottom:0;left:0;margin-left:1px;margin-top:5px}
.st-contact .st-contact-r-table .st-contact-theme{width:6px;height:6px;background:var(--color,#000);border-radius:50%}
.st-contact .st-contact-r-table .st-contact-theme:nth-child(-n+2){margin-right:10px}
.st-contact .st-contact-r-table .wmkcfeedback .inquiry-form>*{width:100%;border:1px solid #eee}
.st-contact .st-contact-r-table .wmkcfeedback .send-btn{width:100%}
@media screen and (max-width:1600px){.banner-inner .pagesbanner-animate .p2{padding:0 150px}
}
@media screen and (max-width:1280px){.banner-inner .pagesbanner-animate .p1{font-size:var(--fontsize34)}
.banner-inner .pagesbanner-animate .p2{font-size:var(--fontsize16);padding:0 80px;margin-top:10px}
}
@media screen and (max-width:1024px){.banner-inner .pagesbanner-animate{width:100%}
.st-special .st-special-headline{font-size:var(--fontsize22)}
.st-special{padding-bottom:40px}
.st-advan{padding-bottom:40px}
.st-advan .st-advan-headline{font-size:var(--fontsize22)}
.st-cut{padding-bottom:40px}
.st-cut .st-cut-headline{font-size:var(--fontsize22)}
.st-contact .st-contact-l-info .st-contact-headline{font-size:var(--fontsize22)}
.st-contact .st-contact-r-table .st-contact-headline{font-size:var(--fontsize22)}
.st-special .st-special-box .st-special-item{width:48.5%}
.st-cut .st-cut-box .st-cut-item{width:49%}
.st-contact .st-contact-content .st-contact-l-info{position:relative;width:100%;padding:40px 0 40px 0}
.st-contact .st-contact-content .st-contact-l-info::before{right:auto;left:50%;transform:translateX(-50%);width:1920px}
.st-contact .st-contact-content .st-contact-r-table{width:100%;padding:40px 0 40px 0}
}
@media screen and (max-width:990px){.banner-inner .pagesbanner-animate .p2{padding:0 20px;line-height:1.5}
}
@media screen and (max-width:900px){.banner-inner .pagesbanner-animate .p1{font-size:var(--fontsize30)}
}
@media screen and (max-width:768px){.st-special .st-special-box .st-special-item{width:100%;margin-top:25px}
.st-advan .st-advan-box{margin-top:25px}
.st-advan .st-advan-box .st-advan-l-info{width:100%}
.st-advan .st-advan-box .st-advan-r-text{width:100%}
.st-advan .st-advan-r-text .st-advan-project{margin-top:20px}
.st-cut .st-cut-box .st-cut-item{width:100%;margin-top:25px}
}
@media screen and (max-width:500px){.banner-inner .pagesbanner-animate .p1{font-size:var(--fontsize24)}
}
article{padding-bottom:0}

.banner-inner .pagesbanner-animate{width:80%;top:50%;color:#fff}
.banner-inner .pagesbanner-animate .p1{font-size:46px;font-weight:var(--fontbold6);line-height:1.2}
.banner-inner .pagesbanner-animate .p2{font-size:var(--fontsize18);margin-top:20px;padding:0 220px}
.banner-rd{display:flex;max-width:1420px;margin:0 auto;zoom:.9}
.rd-left{flex:1;padding-right:5%}
.rd-right{width:50%}
.rd-text{text-align:left}
.rd-text .a1{color:#fff;font-size:30px;font-weight:var(--fontbold6);line-height:1.2;background:linear-gradient(270deg,#0040984f 50%,#004098 100%);border-radius:50px 0 0 0;padding:10px 35px;box-sizing:border-box;text-transform:uppercase}
.rd-text .a2{margin:15px 0}
.rd-img img,.rd-right img{min-height:auto;height:auto!important}
@media (max-width:1600px){.banner-rd{zoom:.8}}
@media (max-width:1420px){.banner-rd{zoom:.7}}
@media (max-width:1200px){.banner-rd{zoom:.6}}
@media (max-width:1024px){.banner-inner .pagesbanner-animate{width:100%}
.banner-rd{zoom:.5}}
@media (max-width:768px){.banner-rd{zoom:.4}}
@media (max-width:550px){.banner-rd{zoom:.3}}