.banner{width:100%}
.banner img{width:100%;height:auto;display:block}
.main{
    width:100%;
    max-width:1200px;
    margin:0 auto;
    padding:24px 20px;
    box-sizing:border-box
}
.con-title{width:100%;margin:0 auto}
.con-title h2{font-weight:bold}
.con-text{width:100%;margin:0 auto}
.con-text.about p{text-indent:2em}
.detail{width:100%;margin:0 auto}
.detail.detail-two-col{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
}
.detail.detail-two-col > p{
    margin:0;
    display:block;
    line-height:1;
}
.detail h2{background-color:#f6f6f6;padding:35px;border-radius:5px;font-weight:bold;font-size:2rem;line-height:1em;margin:60px 0;text-align:center}
.detail p{font-size:18px;color:#000;line-height:40px;display:flex;margin:1rem 0}
.detail p span.title{font-weight:700;flex-shrink:0;min-width:20%;margin-right:20px}
.detail .str{font-weight:700}
.detail p.mid{display:block;text-align:center}
.detail p.con{padding-left:20%;margin-left:20px}
.detail p img{width:100%;height:auto;display:block}
.index-list{width:100%;clear:both}
.ss-logo-info{margin:80px auto;text-align:center}
.ss-logo-info .ss-logo{text-align:center;margin:0 auto;display:flex;justify-content:center}
.ss-logo-info .ss-logo img{margin:0 auto;width:50px}
.ss-logo-info .button{width:220px;height:50px;background:#FC7B0F;font-size:18px;color:rgba(255,255,255,1);text-align:center;line-height:50px;margin:20px auto}
.ss-logo-info .button:hover{background:#1e90ff}
.ss-logo-info .button a{color:#FFF}
.ss-logo-info .button a img{height:12px}
@media (max-width:1024px){
    .main{padding:20px 16px}
}

@media (max-width:768px){
    .main{padding:16px 12px}
    .detail h2{padding:22px;font-size:1.5rem;margin:40px 0}
    .detail p{line-height:1.8;display:block}
    .detail p.con{padding-left:0;margin-left:0}
}

@media (max-width:640px){
    .banner{width:100%}
    .main{padding:12px 10px}
    .detail p span.title{display:block;min-width:0;margin-right:0;margin-bottom:6px}
    .index-list{overflow:hidden}
}