<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.conAll {
    background: url(/assets/images/case61.jpg) 0 -120px no-repeat;
}
#content {
    width: 1170px;
}
.conAll .container {
    width: 1090px;
    text-align: center;
}
.banner {
    background-color: #f4f4f4;
}
.banner&gt;img {
    width: 100%;
}
/* å¸‚åœºå‰æ™¯ */
.conTitle h3 {
    font-size: 48px;
    color: #1a5b42;
    margin-top: 0;
}
.conTitle&gt;p {
    font-size: 25px;
    margin-bottom: 20px;
}
.conTitle&gt;div {
    width: 130px;
    height: 1px;
    background-color: #7f7f7f;
    position: relative;
    margin: 25px auto;
}
.conTitle&gt;div&gt;span {
    display: inline-block;
    width: 40px;
    height: 2px;
    background-color: #d0161b;
    position: absolute;
    left: 45px;
}
.con-1&gt;p {
    font-size: 26px;
    line-height: 180%;
    margin-top: 80px;
}
/* å¸‚åœºå‰æ™¯ end */

/* æ‰“é€&nbsp; */
.conBg {
    height: 62px;
    background: url(/assets/images/case63.png) center no-repeat;
}
div.special&gt;h3 {
    color: #333;
}
.con-4 {
    margin-top: 300px;
}
.con-5 {
    margin-top: 100px;
}
.con-5 span {
    display: block;
    height: 90px;
}
.con-5 .col-sm-3&gt;div {
    color: #fff;
    border-radius: 15px;
    padding-top: 10px;
    padding-bottom: 30px;
    background-color: #1a5b42;
}
.con-5 .col-sm-3&gt;div&gt;h4 {
    font-size: 30px;
}
.con-5 .col-sm-3&gt;div&gt;p {
    font-size: 24px;
}
.con-5 .col-sm-3:nth-of-type(4)&gt;div {
    padding-bottom: 12px;
}
.con-5 .col-sm-3:nth-of-type(1) span {
    background: url(/assets/images/case64.png) top center no-repeat;
}
.con-5 .col-sm-3:nth-of-type(2) span {
    background: url(/assets/images/case65.png) top center no-repeat;
}
.con-5 .col-sm-3:nth-of-type(3) span {
    background: url(/assets/images/case66.png) top center no-repeat;
}
.con-5 .col-sm-3:nth-of-type(4) span {
    height: 74px;
    background: url(/assets/images/case67.png) top center no-repeat;
}
.conWord {
    font-size: 24px;
    padding: 100px 90px;
    line-height: 200%;
}
/* æ‰“é€&nbsp; end */

/* èµ„æºå¯¼å…¥ */
.conOne-bg-3 {
    margin-top: 200px;
    padding-bottom: 160px;
}
.con-7 {
    padding-top: 70px;
}
.con-7 .col-sm-4 {
    padding-left: 50px;
    padding-right: 50px;
}
.con-7 .col-sm-4&gt;div {
    text-align: center;
    border-radius: 15px;
    padding: 15px 30px 30px;
    background-color: #278561;
}
.con-7 .col-sm-4&gt;div&gt;span {
    display: inline-block;
    width: 75px;
    height: 75px;
    font-size: 48px;
    color: #278561;
    text-align: center;
    line-height: 75px;
    border-radius: 50%;
    background-color: #fff;
}
.con-7 .col-sm-4&gt;div&gt;h4 {
    font-size: 36px;
    color: #fff;
    padding-bottom: 15px;
    margin-top: 15px;
    border-bottom: 1px solid #fff;
}
/* èµ„æºå¯¼å…¥ end */

/* è‰¾è‚¯æ¡ˆä¾‹ */
#content {
    background-color: rgba(255,255,255,0.5);
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 60px;
}
.caseMain {
    padding-bottom: 100px;
}
.caseContent {
    padding-bottom: 50px;
    margin-top: 40px;
}
.caseContent .caseImg .caseImgItem {
    width: 349px;
    height: 198px;
}
.caseImg {
    padding-top: 30px;
}
.caseImg li {
    width:31.4%;
    margin-right:32px;
    margin-bottom:33px;
}
.caseImg li img {
    width: 349px;
    height: 198px;
}
.caseImg p {
    height: 58px;
    line-height: 58px;
    color: #333;
}
.caseImg li:nth-child(3n) {
    margin-right: 0;
}
/* è‰¾è‚¯æ¡ˆä¾‹ end */

@media (max-width: 767px) {
    .conAll .container {
        width: 100%;
    }
    .aboutTop {
        margin-bottom: 0;
    }
    .caseTop {
        margin-bottom: 30px;
    }
    div.special h3 {
        font-size: 24px;
    }
    .conTitle h3 {
        font-size: 24px;
    }
    .conTitle p {
        font-size: 17px;
    }
    /* å‰æ™¯ */
    .con-1&gt;p {
        font-size: 20px;
        margin-top: 30px;
    }
    .con-4 {
        margin-top: 50px;
    }
    .con-5 {
        margin-top: 50px;
    }
    /* å‰æ™¯ end */
    
    .con-5 .col-sm-3&gt;div {
        margin-bottom: 25px;
    }
    .con-5 .col-sm-3&gt;div&gt;h4 {
        font-size: 24px;
    }
    .con-5 .col-sm-3&gt;div&gt;p {
        font-size: 18px;
    }
    .conWord {
        font-size: 18px;
        padding: 35px 0;
    }
    .conOne-bg-3 {
        margin-top: 0;
        padding-bottom: 50px;
    }
    
    /* æ‰“é€&nbsp; end */
    /* èµ„æºå¯¼å…¥ */
    .con-7 {
        display: flex;
        flex-wrap: wrap;
        padding-top: 30px;
    }
    .con-7 .col-sm-4 {
        width: 33.3333%;
        padding-left: 15px;
        padding-right: 15px;
    }
    .con-7 .col-sm-4&gt;div&gt;span {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 20px;
    }
    .con-7 .col-sm-4&gt;div {
        padding: 15px;
    }
    .con-7 .col-sm-4&gt;div&gt;h4 {
        font-size: 24px;
    }
    /* èµ„æºå¯¼å…¥ end */
    /* æ¡ˆä¾‹ */
    .caseImg li {
        width: 100%;
        margin-right: 0;
    }
    .caseContent .caseImg .caseImgItem {
        width: 100%;
    }
    .caseImg li img {
        width: 100%;
        height: 100%;
    }
    /* æ¡ˆä¾‹ end*/
    .conTxt {
        width: 100%;
    }
   .con-4 .conTitle&gt;img {
        width: 100%;
    }
    #content {
        width: 100%;
        padding: 15px;
        background-color: transparent;
    }
    .conAll {
        height: 100%;
        background-position-x: 100%;
        background-position-y: 100%;
    }
}</pre></body></html>