<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.body_box.homeknots{background-image: url(/uploads/image/pstcicrl/bg_01.jpg); line-height: 1.2; padding-top: 105px; padding-bottom: 20px;}
.body_box.homeknots .title{ text-align: center;}
.body_box.homeknots .title .h2{ display: inline-block; position: relative; padding: 0 35px; font-size: 32px; text-align: center; font-weight: bold;}
.body_box.homeknots .title .h2::before,
.body_box.homeknots .title .h2::after{ content: ''; position: absolute; top: 0; bottom: 0; width: 24px; background: center no-repeat; background-size: contain;}
.body_box.homeknots .title .h2::before{ left: 0; background-image: url(/uploads/image/pstcixf/png1.png);}
.body_box.homeknots .title .h2::after{ right: 0; background-image: url(/uploads/image/pstcixf/png2.png);}
.body_box.homeknots .tit{font-size: 30px; background: url(/uploads/image/pstcicrl/tit_bg.png) no-repeat center bottom; text-align: center; padding: 16px 0;}
.body_box.homeknots .st{ margin-top: 45px; font-size: 30px; text-align: center;}
.body_box.homeknots a{display: block; width: 100%; height: 100%; position: relative;}
.body_box.homeknots .mask{ position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
.homeknots1, .homeknots2, .homeknots3, .homeknots5, .homeknots6{margin-bottom: 60px;}
.body_box.homeknots .content, .homeknots2 .content{margin-top: 30px;}
.body_box.homeknots .slick .slick-dots{bottom: 15px;}
.body_box.homeknots .slick .slick-dots li button{width: 5px; height: 5px; padding: 0;}
.body_box.homeknots .slick .slick-dots li button::before{border-radius: 5px;}
.body_box.homeknots .slick .slick-dots li.slick-active button{width: 15px;}
.body_box.homeknots .slick .slick-dots li.slick-active button::before{background-color: #fff;}
.body_box.homeknots .more{position: relative; display: table; overflow: hidden;}
.body_box.homeknots .more a{display: inline-block; width: auto; height: auto; font-size: 16px; padding: 5px 16px; position: relative; z-index: 10; transition: all 0.3s;}
.body_box.homeknots .more span{position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden;}
.body_box.homeknots .more span i{position: absolute; height: 2px; background-color: #c2c2c2; bottom: 0; transition: all 0.3s;}
.body_box.homeknots .more span .i1{width: 10px; left: 0;}
.body_box.homeknots .more span .i2{width: 10px; left: 12px;}
.body_box.homeknots .more span .i3{width: 10px; left: 24px;}
.body_box.homeknots .more span .i4{width: 100%; left: 36px;}
.body_box.homeknots .more span .i5{width: 12px; right: 3px; top: 14px;}
.body_box.homeknots .more span .i6{width: 14px; right: 0; top: 18px;}
.body_box.homeknots .more span .i7{width: 12px; right: 3px; top: 22px;}
.body_box.homeknots .content img{width: 100%;}

.homeknots1{margin-top: 30px;}
.homeknots1 .l, .homeknots1 .r{width: 50%; float: left;}
.homeknots1 .slick .pic{width: 100%; height: 466px; overflow: hidden;}
.homeknots1 .r{background-color: #914217; height: 466px;}
.homeknots1 .tab{padding: 40px 60px;}
.homeknots1 .r .bar{font-size: 0; margin: 0 -12px;}
.homeknots1 .r .term{display: inline-block; vertical-align: middle; margin: 0 12px; cursor: pointer;}
.homeknots1 .r .term.cur .txt{font-size: 24px; color: #fff;}
.homeknots1 .r .term.cur .bg{display: block;}
.homeknots1 .r .th .txt{font-size: 20px; color: #f7c6ab; padding: 12px 0; }
.homeknots1 .r .th .bg{height: 2px; background-image: url(/uploads/image/pstcicrl/tit_bg_c.png); background-repeat: no-repeat; background-repeat: repeat-x; background-size: contain; margin: 0 20px; position: relative; display: none;}
.homeknots1 .r .th .bg::before, .homeknots1 .r .th .bg::after{content: ''; position: absolute; top: 0; bottom: 0; margin: auto; width: 20px; height: 6px; background-repeat: no-repeat; background-size: contain;}
.homeknots1 .r .th .bg::before{left: -20px; background-position: right; background-image: url(/uploads/image/pstcicrl/tit_bg_l.png);}
.homeknots1 .r .th .bg::after{right: -20px; background-position: left; background-image: url(/uploads/image/pstcicrl/tit_bg_r.png);}
.homeknots1 .r .cont{position: relative; margin-top: 30px;}
.homeknots1 .r .item{position: absolute; opacity: 0; visibility: hidden;line-height: 35px; color: #fff; font-size: 14px;}
.homeknots1 .r .item a{color: #fff;}
.homeknots1 .r .item.act{position: relative; opacity: 1; visibility: visible;}
.homeknots1 .r .item .p{float: left; padding-left: 12px; position: relative;}
.homeknots1 .r .item .p::before{content: ''; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; width: 6px; height: 6px; background-color: #fff; border-radius: 50%;}
.homeknots1 .r .item .date{float: right; font-family: 'avianregular';}
.homeknots1 .r .item .more{margin-top: 14px;}
.homeknots1 .r .item .more a{padding: 0 34px 0 0;}
.homeknots1 .r .item .more span i{background-color: #fff;}

.homeknots2 .list{margin-left: -11px; font-size: 0;}
.homeknots2 .item{margin-left: 11px; display: inline-block; vertical-align: middle; width: 299px;}
.homeknots2 .item .pic, .homeknots2 .item .text, .homeknots2 .item .mask{border-radius: 10px;}
.homeknots2 .item .pic{width: 100%; height: 360px; overflow: hidden;}
.homeknots2 .item .text{position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; text-align: center; width: 80%; line-height: 360px;}
.homeknots2 .item .text::after{content: '';display: inline-block;height: 100%;vertical-align: middle;}
.homeknots2 .item .text .inner{display: inline-block;vertical-align: middle;}
.homeknots2 .item .text .p{font-size: 24px; color: #fff; line-height: 36px; }
.homeknots2 .item .mask{transition: all 0.3s;}

.homeknots3 .slick{width: 100%;}
.homeknots3 .slick .div{position: relative;}
.homeknots3 .slick .pic, .homeknots3 .slick .text, .homeknots3 .slick .mask{border-radius: 10px;}
.homeknots3 .slick .pic{height: 342px; overflow: hidden;}
.homeknots3 .slick .text{position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; text-align: center; width: 70%; line-height: 342px;}
.homeknots3 .slick .text .inner{display: inline-block; vertical-align: middle; line-height: 1.2;}
.homeknots3 .slick .text .p{font-size: 24px; color: #fff;}
.homeknots3 .slick .mask{background-color: rgba(0, 0, 0, 0.4);}
.homeknots3 .slick .slick-prev, .homeknots3 .slick .slick-next{width: 54px; height: 54px; background-repeat: no-repeat; background-size: contain;}
.homeknots3 .slick .slick-prev{left: 38px; background-image: url(/uploads/image/pstcicrl/slick_prev.png);}
.homeknots3 .slick .slick-next{right: 38px; background-image: url(/uploads/image/pstcicrl/slick_next.png);}
.homeknots3 .more{margin: 22px auto 0;}

.homeknots4 .item{position: relative; box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.1);}
.homeknots4 .l, .homeknots4 .c, .homeknots4 .r{float: left;}
.homeknots4 .l{width: 582px;}
.homeknots4 .l .pic{width: 100%; height: 404px; overflow: hidden;}
.homeknots4 .l .text{position: absolute; top: 40px; left: 28px;}
.homeknots4 .l .text .p{font-size: 24px; color: #814421;}
.homeknots4 .c{margin: -11px 0 0 11px; width: 284px;}
.homeknots4 .c .item{margin-top: 11px;}
.homeknots4 .c .pic{width: 100%; height: 196px; overflow: hidden;}
.homeknots4 .c .mask{background-color: rgba(0, 0, 0, 0.1);}
.homeknots4 .c .text{position: absolute; bottom: 15px; left: 0; right: 0; margin: auto; text-align: center; width: 80%;}
.homeknots4 .c .text .p{font-size: 20px; line-height: 30px; color: #fff;}
.homeknots4 .r{margin-left: 11px; width: 342px;}
.homeknots4 .r .pic{width: 100%; height: 404px; overflow: hidden;}
.homeknots4 .r .text{position: absolute;top: 50px; left: 20px;}
.homeknots4 .r .text .p{font-size: 24px; color: #814421; width: 1em; line-height: 1;}
.homeknots4 .r .outpic{position: absolute; top: 50%; right: 35px; transform: translatey(-50%); width: 196px; height: 454px; overflow: hidden;}

.homeknots5 .content{}
.homeknots5 .content .img{ float: left; margin-right: 10px; width: 50%;}
.homeknots5 .content .img img{ display: block; width: 100%;}
.homeknots5 .content .cont{ height: 450px; background: url(/uploads/image/pstcixf/img3.jpg) no-repeat; background-size: cover; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1); overflow: hidden;}
.homeknots5 .content .pad{ padding: 73px 58px;}
.homeknots5 .content .t{ font-size: 26px;}
.homeknots5 .content .s{ font-size: 20px;}
.homeknots5 .content .p{ margin-top: 38px; line-height: 1.5;}
.homeknots5 .content .more{ margin-top: 16px; line-height: 35px;}
.homeknots5 .content .more a{ padding: 0 34px 0 0;}

.homeknots5 .content .pic{width: 100%; height: 408px; overflow: hidden;}
.homeknots5 .content .mask{background-color: rgba(255, 255, 255, .6);}
.homeknots5 .content .text{position: absolute; left: 0; right: 0; margin: auto; top: 0; text-align: center; width: 80%; line-height: 408px;}
.homeknots5 .content .text .inner{display: inline-block; vertical-align: middle;}
.homeknots5 .content .txt{margin-top: 30px;}
.homeknots5 .content .text .h{font-size: 24px; line-height: 1.2;}
.homeknots5 .content .text .p{font-size: 20px; line-height: 50px;}
.homeknots5 .content .text .t{ position: relative; padding: 0 16px; display: inline-block;}
.homeknots5 .content .text .t::before, .homeknots5 .content .text .t::after{content: ''; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 6px; height: 6px; background-color: #333; border-radius: 50%;}
.homeknots5 .content .text .t::before{left: 0;}
.homeknots5 .content .text .t::after{right: 0;}
.homeknots5 .more{ }

.homeknots6 .l, .homeknots6 .r{float: left;}
.homeknots6 .content .mask{background-color: rgba(0, 0, 0, .45);}
.homeknots6 .item a{color: #fff; display: inherit; width: auto;}
.homeknots6 .more a{color: #fff;}
.homeknots6 .item{width: 100%; position: relative; color: #fff;}
.homeknots6 .item .text{position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center;}
.homeknots6 .item .text .h{font-size: 24px;}
.homeknots6 .item .text .p{text-align: justify; line-height: 24px; margin-top: 10px; font-size: 14px;}
.homeknots6 .item .cell{padding: 0 58px; display: inline-block; vertical-align: middle;}
.homeknots6 .l{width: 398px;}
.homeknots6 .l .pic{width: 100%; height: 536px; overflow: hidden;}
.homeknots6 .l .more{margin: 120px auto 0;}
.homeknots6 .r{width: 821px; margin-left: 11px;}
.homeknots6 .t{height: 283px;}
.homeknots6 .t .item, .homeknots6 .t .item{height: 100%; float: left;}
.homeknots6 .t .item .pic, .homeknots6 .t .item .pic{width: 100%; height: 100%;}
.homeknots6 .t .img1, .homeknots6 .t .img2{width: 224px; margin-right: 11px;}
.homeknots6 .t .img1 .pic, .homeknots6 .t .img2 .pic{background-color: #1e7832;}
.homeknots6 .t .img3{width: 351px;}
.homeknots6 .t .img3 .pic{background-color: #914217;}
.homeknots6 .b{margin-top: 11px;}
.homeknots6 .b .pic{width: 100%; height: 242px; overflow: hidden;}
.homeknots6 .b .cell{left: 70px; right: 70px;}
.homeknots6 .t .img1{z-index: 1;}
.homeknots6 .t .img1 .outpic{position: absolute; bottom: 0; right: -26px; width: 144px; height: 88px; overflow: hidden;}
.homeknots6 .item .text{line-height: 536px;}
.homeknots6 .item .cell{line-height: 1.2;}
.homeknots6 .t .item .text{line-height: 283px;}
.homeknots6 .b .item .text{line-height: 242px;}


.homeknots7{ padding: 75px 0 20px;}
.homeknots8{ margin-bottom: 50px;}
.homeknots9{ margin-bottom: 50px;}
.homeknots9 .more{ margin: auto;}


@media screen and (max-width: 1279px){
  .homeknots1, .homeknots2, .homeknots3, .homeknots4, .homeknots5, .homeknots6{margin-bottom: 40px;}
  .body_box.homeknots{padding-top: 200px;}
  .homeknots1 .r{height: auto;}
  .homeknots1 .tab{padding: 20px 40px 30px;}
  .homeknots1 .r .term{margin: 0 10px;}
  .homeknots1 .r .term.cur .txt{font-size: 20px;}
  .homeknots1 .r .th .txt{font-size: 18px; padding: 10px 0;}
  .homeknots1 .r .cont{margin-top: 20px;}
  .homeknots1 .slick .pic{height: 373px;}
  .homeknots1 .r .item .more{margin-top: 10px;}
  .homeknots1 .r .item{line-height: 30px;}

  .homeknots2 .item{width: calc(25% - 10px); margin-left: 10px;}
  .homeknots2 .item .pic{height: 287px;}
  .homeknots2 .item .text{line-height: 287px;}

  .homeknots3 .slick .pic{height: 274px;}
  .homeknots3 .slick .text{line-height: 274px;}
  .homeknots3 .slick .slick-prev, .homeknots3 .slick .slick-next{width: 45px; height: 45px;}

  .homeknots4 .l{width: 47%;}
  .homeknots4 .c{width: 23%;}
  .homeknots4 .r{width: 27.6%;}
  .homeknots4 .l .pic{height: 321px;}
  .homeknots4 .c .pic{height: 155px;}
  .homeknots4 .r .pic{height: 321px;}
  .homeknots4 .r .outpic{width: 150px; height: 347px;}

  .homeknots5 .content .pic{height: 326px;}
  .homeknots5 .content .text{height: 326px; line-height: 326px;}
  .homeknots5 .content .txt{margin-top: 20px;}
  .homeknots5 .content .text .p{line-height: 40px;}

  .homeknots6 .l{width: 32.358%;}
  .homeknots6 .r{width: 66.4%;}
  .homeknots6 .t .img1, .homeknots6 .t .img2{width: 27.283%;}
  .homeknots6 .t .img3{width: 41.752%;}
  .homeknots6 .l .pic{height: 429px;}
  .homeknots6 .item .text{line-height: 429px;}
  .homeknots6 .item .cell{padding: 0 30px;}
  .homeknots6 .l .more{margin-top: 80px;}
  .homeknots6 .b .pic{height: 193px;}
  .homeknots6 .b .item .text{line-height: 193px;}
  .homeknots6 .t{height: 225px;}
  .homeknots6 .t .item .text{line-height: 225px;}
  .homeknots6 .t .img1 .outpic{width: 120px; height: 73px;}

  .homeknots5 .content .cont{ height: 360px;}
  .homeknots5 .content .pad{ padding: 50px;}
  .homeknots8{}
  .homeknots8 .l{ width: 524px;}
  .homeknots8 .l .text{ padding-top: 50px;}
}

@media screen and (max-width: 1023px){
  .homeknots1 .l, .homeknots1 .r{width: 100%; float: none;}
  .homeknots2 .item .pic{height: 205px;}
  .homeknots2 .item .text{line-height: 205px;}
  .homeknots3 .slick .pic{height: 197px;}
  .homeknots3 .slick .text{line-height: 197px;}

  .homeknots4 .l{width: 100%;}
  .homeknots4 .l .pic{height: 493px;}
  .homeknots4 .c{width: 44%; margin-left: 0; margin-top: 0;}
  .homeknots4 .r{width: 54.5%; float: right; margin-left: 0; margin-top: 10px;}
  .homeknots4 .c .pic{height: 216px;}
  .homeknots4 .r .pic{height: 444px;}
  .homeknots4 .r .outpic{width: 210px; height: 486px;}

  .homeknots5 .content .pic{height: 234px;}
  .homeknots5 .content .text{height: 234px; line-height: 234px;}
  .homeknots5 .content .text .p{line-height: 30px;}

  .homeknots6 .r{width: 66%;}
  .homeknots6 .l .pic{height: 309px;}
  .homeknots6 .item .text{line-height: 309px;}
  .homeknots6 .item .text .p{line-height: 1.3;}
  .homeknots6 .l .more{margin-top: 20px;}
  .homeknots6 .t .img3{width: 40.5%;}
  .homeknots6 .b .pic{height: 138px;}
  .homeknots6 .b .item .text{line-height: 138px;}
  .homeknots6 .t{height: 160px;}
  .homeknots6 .t .item .text{line-height: 160px;}
  .homeknots6 .t .img1 .outpic{display: none;}
  .homeknots6 .item .text .p{margin-top: 5px;}

  .homeknots5 .content .img{ float: none; width: 100%;}
  .homeknots5 .content .cont{ height: auto;}

  .homeknots8 .l{ float: none; width: 100%; height: auto;}
  .homeknots8 .l .text{ padding: 50px;}
  .homeknots8 .r{ padding-left: 0; height: auto;}

}


/*	pc ç«¯	*/
/* @media screen and (min-width: 751px){ */

  .homeknots1 .r .item .li:hover a{
    color: #f7c6ab;
  }
  .homeknots1 .r .item .li:hover .p::before{
    background-color: #f7c6ab;
  }

  .homeknots1 .r .item .more:hover a, i{
    color: #f7c6ab;
  }
  .homeknots1 .r .item .more:hover  i{
    background-color: #f7c6ab;
  }

  .homeknots2 .item:hover .mask{
    background-color: rgba(0, 0, 0, 0) !important;
  }

  .body_box.homeknots .more:hover a{
    color: #6b381b;
  }
  .body_box.homeknots .more:hover span i{
    background-color: #6b381b;
  }
  .body_box.homeknots .more:hover span .i1, .body_box.homeknots .more:hover span .i2, .body_box.homeknots .more:hover span .i3{
    width: 20px;
  }
  .body_box.homeknots .more:hover span .i5{
    transform: translate(3px,2px) rotate(45deg);
    width: 8px;
  }
  .body_box.homeknots .more:hover span .i6{
    width: 18px;
    right: 2px;
  }
  .body_box.homeknots .more:hover span .i7{
    transform: translate(3px,-2px) rotate(-45deg);
    width: 8px;
  }

  .homeknots5 .content a:hover{
    color: #333;
  }

  .homeknots6 .more:hover a, .homeknots6 a:hover{
    color: #fff;
  }
/* } */

/*	ç§»åŠ¨ç«¯	*/
@media screen and (max-width: 750px){
  .body_box.homeknots{padding-top: 120px; padding-bottom: .2rem;}
  .body_box.homeknots .title.h2, .body_box.homeknots .tit{font-size: .4rem; padding: .16rem 0;}
  .body_box.homeknots .title.h2{padding: .6rem .2rem .16rem;}
  .homeknots1, .homeknots2, .homeknots3, .homeknots4, .homeknots5, .homeknots6{margin-bottom: .6rem;}
  .body_box.homeknots .content, .homeknots2 .content{margin-top: .2rem;}
  .body_box.homeknots .slick .slick-dots{bottom: .15rem;}
  /* .slick-dots li{margin: 0 .05rem;} */
  /* .body_box.homeknots .slick .slick-dots li button{width: .05rem; height: .05rem;} */
  /* .body_box.homeknots .slick .slick-dots li.slick-active button{width: .15rem;} */
  .body_box.homeknots .more a{font-size: 12px; padding-left: .15rem; padding-right: .15rem;}
  /* .body_box.homeknots .more span .i5{top: 10px;} */
  /* .body_box.homeknots .more span .i6{top: 14px;} */
  /* .body_box.homeknots .more span .i7{top: 18px;} */

  .homeknots1{margin-top: .2rem;}
  .homeknots1 .l, .homeknots1 .r{width: 100%;}
  .homeknots1 .slick .pic{height: 4.66rem;}
  .homeknots1 .r{height: auto;}
  .homeknots1 .tab{padding: .2rem .27rem;}
  .homeknots1 .r .bar{margin: 0 -.1rem;}
  .homeknots1 .r .term{margin: 0 .1rem; -webkit-tap-highlight-color:rgba(0,0,0,0); }
  .homeknots1 .r .th .txt{padding: .12rem 0; font-size: .3rem;}
  .homeknots1 .r .th .bg{height: .02rem; margin: 0 .2rem;}
  .homeknots1 .r .th .bg::before, .homeknots1 .r .th .bg::after{width: .2rem; height: .06rem;}
  .homeknots1 .r .th .bg::before{left: -.2rem;}
  .homeknots1 .r .th .bg::after{right: -.2rem;}
  .homeknots1 .r .term.cur .txt{font-size: .32rem;}
  .homeknots1 .r .cont{margin-top: .3rem;}
  .homeknots1 .r .item{line-height: .35rem;}
  .homeknots1 .r .item a{display: flex; justify-content: space-between;}
  .homeknots1 .r .item a::before, .homeknots1 .r .item a::after{display: none;}
  .homeknots1 .r .item .p{padding-left: .12rem; text-overflow: ellipsis; overflow: hidden; white-space:nowrap; float: none;}
  .homeknots1 .r .item .p::before{width: .06rem; height: .06rem;}
  .homeknots1 .r .item .more{margin-top: .1rem; height: 28px; line-height: 24px;}
  .homeknots1 .r .item .more a{padding: 5px 30px 5px 0;}
  .homeknots1 .r .item .li{margin-top: 5px;}

  .homeknots2 .list{margin-left: 0;}
  .homeknots2 .item{width: calc(100% / 2 - 10px); margin: 10px 5px 0;}
  .homeknots2 .item .pic{height: auto;}
  .homeknots2 .item .text .p{font-size: .3rem; line-height: .36rem;}
  
  .homeknots3 .slick .pic{height: 1.98rem;}
  .homeknots3 .slick .text .p{font-size: .3rem;}
  .homeknots3 .slick .slick-prev, .homeknots3 .slick .slick-next{width: .54rem; height: .54rem;}
  .homeknots3 .slick .slick-prev{left: .38rem;}
  .homeknots3 .slick .slick-next{right: .38rem;}
  .homeknots3 .more{margin-top: .22rem;}

  .homeknots4 .l{width: 100%;}
  .homeknots4 .l .pic{height: 4.9rem;}
  .homeknots4 .l .text{top: .4rem; left: .28rem;}
  .homeknots4 .l .text .p{font-size: .32rem;}
  .homeknots4 .c{width: 100%; margin: 0;}
  .homeknots4 .c .item{margin-top: 10px;}
  .homeknots4 .c .pic{height: 4.9rem;}
  .homeknots4 .c .text{bottom: .15rem;}
  .homeknots4 .c .text .p{font-size: .32rem; line-height: .4rem;}
  .homeknots4 .r{width: 100%; margin: 10px 0 0;}
  .homeknots4 .r .pic{height: 8.4rem;}
  .homeknots4 .r .outpic{width: 3.9rem; height: 9rem;}
  .homeknots4 .r .text{top: 1rem; left: .4rem;}
  .homeknots4 .r .text .p{font-size: .32rem;}
  
  .homeknots5 .content .pic{height: 2.3rem;}
  .homeknots5 .content .text{width: 100%;}
  .homeknots5 .content .text .h{font-size: .28rem;}
  .homeknots5 .content .txt{margin-top: .1rem;}
  .homeknots5 .content .text .p{font-size: .24rem; line-height: .4rem;}
  .homeknots5 .content .text .t{padding: 0 .16rem;}
  .homeknots5 .content .text .t::before, .homeknots5 .content .text .t::after{width: .06rem; height: .06rem;}
  .homeknots5 .more{margin-top: .22rem;}
  
  .homeknots6 .item .cell{left: 1rem; right: 1rem; text-align: center;}
  .homeknots6 .item .text .h{font-size: .36rem;}
  .homeknots6 .item .text .p{line-height: .5rem; margin-top: .2rem;}
  .homeknots6 .l{width: 100%;}
  .homeknots6 .l .pic{height: 9.5rem;}
  .homeknots6 .r{width: 100%; margin-left: 0;}
  .homeknots6 .t{height: inherit; margin-top: 10px;}
  .homeknots6 .t .img1, .homeknots6 .t .img2{width: calc(100% / 2 - 5px); height: 3rem; margin-right: 0;}
  .homeknots6 .t .img2{margin-left: 10px;}
  .homeknots6 .t .item .cell{left: .5rem; right: .5rem;}
  .homeknots6 .b{margin-top: 10px;}
  .homeknots6 .content img{height: 100%; width: auto; max-width: inherit;}
  .homeknots6 .t .img1 .outpic{width: 1.44rem; height: .88rem; bottom: 0; right: 0;}
  .homeknots6 .t .img3{height: 3rem; width: 100%; margin-top: 10px;}

  .homeknots2 .item .text{line-height: 4.1rem;}
  .homeknots3 .slick .text{line-height: 1.98rem;}

  .body_box.homeknots .title{ padding: 0.5rem 0;}
  .body_box.homeknots .title .h2{ font-size: 0.42rem;}

  .homeknots5 .content .text{line-height: 2.3rem;}
  .homeknots5 .content .pad{ padding: 0.5rem;}
  .homeknots5 .content .t{ font-size: 0.36rem;}
  .homeknots5 .content .p{ margin-top: 0.2rem;}
  .homeknots5 .content .more{ margin-top: 0.3rem; padding: 5px 30px 5px 0; line-height: 24px;}

  .homeknots6 .item .text{line-height: 9.5rem;}
  .homeknots6 .t .item .text{line-height: 3rem;}
  .homeknots6 .l .more{margin-top: 1rem;}

  .homeknots7 .l{ background-size: cover;}
  .homeknots8 .l .text{ padding: 0.5rem;}
}

@media screen and (max-width: 640px){
  .body_box.homeknots{padding-top: 110px;}
}


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