<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.content .container .cate {
    display:flex;
    flex-direction: row;
    justify-content: space-between;
}
.content .nav {
    width: 20%;
}
.content .right-cly {
    width: 75%;
}

.content .container .select .reperfor ul li {
    width: 32%;
}
.content .container .select .reperfor ul {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
}

/* -------------------------project bottom slider start--------------------------------- */
  /* .content .container .slider-open .cl-switch .slider-up .left { */

  /*     width: 40px; */

  /*     height: 230px; */

  /*     float: left; */

  /*     text-align: center; */

  /*     margin: 0; */

  /*     padding: 0; */

  /*     border: none; */

  /*     margin-right: 0; */

  /*     line-height: 230px; */

  /* } */



  /* .content .container .slider-open .cl-switch .slider-up .left a { */

  /*     display: block; */

  /*     width: 100%; */

  /*     height: auto; */

  /*     color: #86C440; */

  /* } */



  /* .content .container .slider-open .cl-switch .slider-up .left span { */

  /*     font-size: 28px; */

  /*     color: #86C440; */

  /*     line-height: 230px; */

  /*     display: inline; */

  /*     font-family: "iconfont" !important; */

  /* } */



  /* .content .container .slider-open .cl-switch .slider-up .shift { */

  /*     /\* width: 840px; *\/ */

  /*     height: 230px; */

  /*     overflow: hidden; */

  /*     position: relative; */

  /*     float: left; */

  /* } */



  /* .content .container .slider-open .cl-switch .slider-up ul { */

  /*     /\* width: 3400px; *\/ */

  /*     height: 230px; */

  /*     position: absolute; */

  /*     top: 0; */

  /*     z-index: 20; */

  /* } */



  /* .content .container .slider-open .cl-switch .slider-up ul li { */

  /*     width: 260px; */

  /*     height: 100%; */

  /*     float: left; */

  /*     margin: 0 10px; */

  /*     text-align: center; */

  /*     padding: 5px; */

  /*     border: 1px solid #ccc; */

  /*     box-sizing: border-box; */

  /* } */



  /* .content .container .slider-open .cl-switch .slider-up ul li a { */

  /*     display: block; */

  /*     width: 100%; */

  /*     height: 100%; */

  /*     overflow: hidden; */

  /* } */



  /* .content .container .slider-open .cl-switch .slider-up ul li img { */

  /*     width: 100%; */

  /*     /\* height: 186px; *\/ */

  /* } */



  /* .content .container .slider-open .cl-switch .slider-up .right { */

  /*     width: 40px; */

  /*     height: 230px; */

  /*     float: left; */

  /*     text-align: center; */

  /*     box-sizing: border-box; */

  /*     margin: 0; */

  /*     line-height: 230px; */

  /*     margin-left: 0; */

  /*     border: none; */

  /* } */



  /* .content .container .slider-open .cl-switch .slid-shift .left { */

  /*     width: 40px; */

  /*     height: 230px; */

  /*     float: left; */

  /*     text-align: center; */

  /*     margin-right: 6px; */

  /*     border: none; */

  /*     padding: 0; */

  /*     line-height: 180px; */

  /*     margin-left: 0; */

  /* } */



  /* .content .container .slider-open .cl-switch .slid-shift .left a { */

  /*     margin: 0; */

  /* } */



  /* .content .container .slider-open .cl-switch .slid-shift .left span { */

  /*     font-size: 28px; */

  /*     color: #86C440; */

  /*     line-height: 230px; */

  /*     display: inline; */

  /*     font-family: "iconfont" !important; */

  /* } */



  /* .content .container .slider-open .cl-switch .slid-shift .transform { */

  /*     width: 840px; */

  /*     height: 230px; */

  /*     overflow: hidden; */

  /*     position: relative; */

  /*     float: left; */

  /* } */



  /* .content .container .slider-open .cl-switch .slid-shift ul { */

  /*     width: 3400px; */

  /*     height: 230px; */

  /*     position: absolute; */

  /*     top: 0; */

  /*     z-index: 20; */

  /* } */



  /* .content .container .slider-open .cl-switch .slid-shift ul li { */

  /*     width: 260px; */

  /*     height: 100%; */

  /*     float: left; */

  /*     margin: 0 10px; */

  /*     text-align: center; */

  /*     padding: 5px; */

  /*     border: 1px solid #ccc; */

  /*     box-sizing: border-box; */

  /* } */



  /* .content .container .slider-open .cl-switch .slid-shift ul li a { */

  /*     display: block; */

  /*     width: 100%; */

  /*     height: 100%; */

  /* } */



  /* .content .container .slider-open .cl-switch .slid-shift ul li img { */

  /*     width: 100%; */

  /*     height: 186px; */

  /* } */



  /* .content .container .slider-open .cl-switch .slid-shift .right { */

  /*     width: 40px; */

  /*     height: 230px; */

  /*     float: left; */

  /*     text-align: center; */

  /*     line-height: 230px; */

  /*     margin-left: 0; */

  /*     border: none; */

  /* } */

  /* .content .container .slider-open .cl-switch .slider-up ul li .shiftimg, .content .container .slider-open .cl-switch .slid-shift ul li .shiftimg { */

  /*     width: 100%; */

  /*     overflow: hidden; */

  /*     height: 186px; */

  /* } */
/* --------------------------project bottom slider end---------------------------------- */
@media screen and (min-width: 1440px) {
    .content .container .select .reperfor ul li {
        width: 32%;
    }
}
@media screen and (max-width: 1060px) {
    .content .nav {
        width: 30%;
    }
    .content .right-cly {
        width: 65%;
    }
    .content .container .select .reperfor ul li {
        width: 48%;
    }
}
@media screen and (max-width: 768px) {
    .content .container .select .reperfor ul li {
        width: 100%;
    }
}
@media screen and (max-width: 568px) {
    .content .nav {
        width: 45%;
    }
    .content .right-cly {
        width: 50%;
    }
}
@media screen and (max-width: 368px) {
    .content .container .select {
        display: flex;
        flex-direction: column;
    }
    .content .nav {
        width: 100%;
    }
    .content .right-cly {
        width: 100%;
    }
}
/* é€‚é…æ‰‹æœº */
@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 812px) {
    .content .container .cate {
        display: flex;
        flex-direction: column;
    }
    .content .right-cly {
        width: 100%;
    }
    .content .container .select .reperfor ul li {
        /* margin-bottom: 0 !important; */
        margin-right: 0 !important;
    }
    .content .nav {
        width: 100%;
    }
    .content .download {
        width: 100%;
    }

}
</pre></body></html>