.ss_cate{width: 900px;margin: 0 auto;padding: 200px 0 100px;display: flex;justify-content: space-between;align-items: center;}
.ss_cate_i{text-align: center;}
.ss_cate_i>img{}
.ss_cate_i>h1{margin-top: 20px;font-size: 18px;}

.ss_why{width: 900px;margin: 0 auto;padding: 100px 0;}
.ss_why_i{display: flex;justify-content: space-between;}
.ss_why_i>img{width: 50%;}
.ss_why_r{width: 40%;display: flex;flex-direction: column;justify-content: center;align-items: flex-start;gap: 40px;}
.ss_why_r>h1{font-size: 32px;}
.ss_why_r>p{font-size: 16px;line-height: 2;}
.ss_why_r>a{font-size: 14px;padding: 0 25px;border-radius: 30px;border: 1px solid #aaa;line-height: 46px;color: #666;}
.ss_why_i:last-child{margin-top: 70px;flex-direction: row-reverse;}

.ss_prob_c{padding: 0 0 200px;}
.ss_prob_c>h1{font-size: 32px;text-align: center;margin-bottom: 60px;}
.ss_prob_i{cursor: pointer;}
.ss_prob_t{display: flex;justify-content: space-between;align-items: center;padding: 26px 0;border-bottom: 1px solid #ddd;}
.ss_prob_t>h1{font-size: 18px;}
.ss_prob_t>span{font-family: serif,monospace;}
.ss_prob_b{display: none;}
.ss_prob_b>p{line-height: 2;font-size: 16px;color: #666;padding: 20px;background-color: #edf9ff;}


@media screen and (max-width: 1200px) {
    .ss_cate{width: 100%;padding: 8rem 2rem;}
    .ss_cate_i>h1{font-size: 1.6rem;}
    .ss_cate_i>img{height: 6rem;}

    .ss_why{width: 100%;padding: 0 2rem 8rem;}
    .ss_why_i{flex-direction: column;gap: 2rem;}
    .ss_why_i>img{width: 100%;}
    .ss_why_r{width: 100%;gap: 2rem;}
    .ss_why_r>h1{font-size: 2rem;}
    .ss_why_r>p{font-size: 1.6rem;}
    .ss_why_r>a{font-size: 1.2rem;}
    .ss_why_i:last-child{flex-direction: column;}

    .ss_prob_c{padding: 8rem 0;}
    .ss_prob_t{padding: 2rem 0;}
    .ss_prob_t>h1{font-size: 1.6rem;}
    .ss_prob_b>p{font-size: 1.6rem;}
    
    
}<!--0.00023293495178223-->