@charset "utf-8";.gs-banner-5{width:100%;height:auto;position:relative;z-index:1;overflow:hidden}.gs-banner-5 .banner-box{width:100%;height:100%;position:absolute;left:0;top:0;z-index:10;overflow:hidden}.gs-banner-5 .banner-box .container1600{height:100%}.gs-banner-5 .banner-box .banner-info{width:100%;height:100%;position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.gs-banner-5 .banner-box .banner-info .breadcrumb-nav{width:100%;height:auto;position:absolute;top:0;left:0;z-index:10;overflow:hidden}.gs-banner-5 .banner-box .banner-info .breadcrumb-nav .nav-box{width:100%;height:auto;display:flex;flex-wrap:wrap;align-items:center;margin:14px 0}.gs-banner-5 .banner-box .banner-info .breadcrumb-nav .nav-box,.gs-banner-5 .banner-box .banner-info .breadcrumb-nav .nav-box *{font-size:var(--font-size9);color:#FFFFFF;line-height:1.2}.gs-banner-5 .banner-box .banner-info .breadcrumb-nav .nav-box a{color:#8E8E8E;transition:all .5s ease}.gs-banner-5 .banner-box .banner-info .breadcrumb-nav .nav-box a:hover{color:#FFFFFF}.gs-banner-5 .banner-box .banner-info .breadcrumb-nav .nav-box span{margin:0 .8em;color:#8E8E8E}.gs-banner-5 .banner-box .banner-info .title{width:100%;height:auto;text-align:center;font-weight:bold;font-size:var(--font-size1);color:#FFFFFF}.gs-banner-5 .banner-box .banner-info .x-p{font-size:var(--font-size8);color:#FFFFFF;line-height:1.81;text-align:center;margin-top:.2rem}.gs-banner-5 .banner-box .banner-info .x-sp{display:flex;justify-content:center;flex-wrap:wrap;margin-top:.75rem}@media (max-width: 767px){.gs-banner-5 .banner-box .banner-info .x-sp{justify-content:center}}.gs-banner-5 .banner-box .banner-info .x-sp p{display:flex;align-items:center;margin:0 .3rem}@media (max-width: 767px){.gs-banner-5 .banner-box .banner-info .x-sp p{width:100%;margin-right:0;margin-bottom:.2rem;text-align:center}}.gs-banner-5 .banner-box .banner-info .x-sp p i{display:inline-flex;align-items:center;justify-content:center;width:.2rem;min-width:16px;height:.2rem;min-height:16px;margin-right:.1rem;flex-shrink:0}.gs-banner-5 .banner-box .banner-info .x-sp p i img{width:100%;height:100%;object-fit:contain}.gs-banner-5 .banner-box .banner-info .x-sp p span{font-size:var(--font-size8);color:rgba(255,255,255,0.77)}.gs-banner-5 .images{width:100%;height:8rem;font-size:0;overflow:hidden}.gs-banner-5 .images img{width:100%;height:100%;min-height:300px;object-fit:cover}@media (max-width: 991px){.gs-banner-5 .images img{min-height:500px}}
 
@charset "utf-8";.inner-title{width:100%;height:auto;text-align:center;overflow:hidden}.inner-title .headline{font-weight:500;font-size:var(--font-size1)}.inner-title .subtitle{color:#858791;font-size:var(--font-size7)}.flex{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex}.f_column{-webkit-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.f_column_right{-webkit-box-orient:vertical;-ms-flex-direction:column-reverse;-webkit-flex-direction:column-reverse;flex-direction:column-reverse}.f_row{-webkit-flex-direction:row;-moz-flex-direction:row;-ms-flex-direction:row;-o-flex-direction:row;flex-direction:row}.f_row_right{-webkit-flex-direction:row-reverse;-moz-flex-direction:row-reverse;-ms-flex-direction:row-reverse;-o-flex-direction:row-reverse;flex-direction:row-reverse}.j_center{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.j_end{-webkit-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end}.j_start{-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start}.j_justify{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.j_around{-moz-justify-content:space-around;-webkit-justify-content:space-around;justify-content:space-around}.a_start{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start}.a_end{-webkit-box-align:end;-ms-flex-align:end;-webkit-align-items:flex-end;align-items:flex-end}.a_center{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.a_baseline{-webkit-box-align:baseline;-ms-flex-align:baseline;-webkit-align-items:baseline;align-items:baseline}.a_stretch{-webkit-box-align:stretch;-ms-flex-align:stretch;-webkit-align-items:stretch;align-items:stretch}.a_s_stretch{-webkit-box-self:stretch;-ms-align-self:stretch;-webkit-align-self:stretch;align-self:stretch}.a_s_center{-webkit-box-self:center;-ms-align-self:center;-webkit-align-self:center;align-self:center}.a_s_end{-webkit-box-self:end;-ms-align-self:end;-webkit-align-self:end;align-self:end}.flex_wrap{flex-wrap:wrap;-ms-flex-wrap:wrap}.text-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dh{-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease}:root{--radius:6px}.ptb120{padding-top:1.2rem;padding-bottom:1.2rem}.casebox-sec1 .basepage{display:flex;align-items:center;flex-wrap:wrap;justify-content:center}.casebox-sec1 .basepage a,.casebox-sec1 .basepage span,.casebox-sec1 .basepage .f_fan{width:50px;height:50px;display:flex;align-items:center;justify-content:center;color:#222222;margin:0 6px 10px;flex-shrink:0;transition:all .4s;float:left;font-size:16px;margin:0 5px 10px;position:relative}@media (max-width: 1580px){.casebox-sec1 .basepage a,.casebox-sec1 .basepage span,.casebox-sec1 .basepage .f_fan{font-size:14px;width:46px;height:46px}}@media (max-width: 991px){.casebox-sec1 .basepage a,.casebox-sec1 .basepage span,.casebox-sec1 .basepage .f_fan{width:34px;height:34px;font-size:14px}}.casebox-sec1 .basepage a:before,.casebox-sec1 .basepage span:before,.casebox-sec1 .basepage .f_fan:before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:url(/static/home/images/pageimgz1.svg) no-repeat center / 100% 100%}.casebox-sec1 .basepage .active{color:#fff;background:url(/static/home/images/pageimgz2.svg) no-repeat center / 100% 100%}.casebox-sec1 .basepage .active:hover{color:#fff}.casebox-sec1 .basepage .f_fan{color:var(--color);padding:0 4px;text-align:center;position:relative}.casebox-sec1 .basepage .f_fan .f_int{width:100%;height:100%;text-align:center;z-index:2}.casebox-sec1 .basepage .f_fan .f_int::-webkit-input-placeholder{color:#999999}.casebox-sec1 .basepage .f_fan .f_int::-ms-input-placeholder{color:#999999}.casebox-sec1 .basepage .prev,.casebox-sec1 .basepage .next{position:relative;color:#999999}.casebox-sec1 .basepage .prev svg,.casebox-sec1 .basepage .next svg{width:10px;height:10px}.casebox-sec1 .basepage .prev svg path,.casebox-sec1 .basepage .next svg path{transition:all .4s;fill:#999999}.casebox-sec1 .basepage .prev:hover svg path,.casebox-sec1 .basepage .next:hover svg path{fill:var(--color)}.casebox-sec1 .basepage span{color:var(--color)}.casebox-sec1 .basepage span:before{display:none}.casebox-sec1 .basepage .f_name{width:auto;color:#222222;font-weight:bold;padding:0 15px}.casebox-sec1 .basepage .f_name:before{display:none}.casebox-sec1 .basepage .fan{width:auto;padding:0 15px}.casebox-sec1 .basepage a{font-weight:bold}.casebox-sec1 .basepage a:hover{color:var(--color)}.casebox-sec1 .casebox_nav{padding-bottom:.12rem;border-bottom:1px solid rgba(0,0,0,0.1);display:flex;align-items:flex-start}@media (max-width: 767px){.casebox-sec1 .casebox_nav{flex-wrap:wrap;padding-bottom:.3rem}}.casebox-sec1 .casebox_nav .name{margin-top:.12rem;margin-right:.42rem;flex:0 0 auto}@media (max-width: 767px){.casebox-sec1 .casebox_nav .name{margin-top:0;margin-bottom:.26rem;width:100%}}.casebox-sec1 .casebox_nav .f_jut{flex:1 1 auto}@media (max-width: 767px){.casebox-sec1 .casebox_nav .f_jut{width:100%}}.casebox-sec1 .casebox_nav .f_jut .f_nei{display:flex;flex-wrap:wrap;margin:0 -0.1rem}.casebox-sec1 .casebox_nav .f_jut .f_nei .item{padding:0 .1rem;width:11.111%;margin-bottom:.2rem}@media (max-width: 1580px){.casebox-sec1 .casebox_nav .f_jut .f_nei .item{width:14%}}@media (max-width: 1260px){.casebox-sec1 .casebox_nav .f_jut .f_nei .item{width:20%}}@media (max-width: 767px){.casebox-sec1 .casebox_nav .f_jut .f_nei .item{width:33.33%}}.casebox-sec1 .casebox_nav .f_jut .f_nei .item .li{display:block;text-align:center;color:#999999;border-radius:.26rem;padding:.12rem .2rem;font-weight:bold;transition:all .4s;border:1px solid rgba(0,0,0,0.1)}@media (max-width: 767px){.casebox-sec1 .casebox_nav .f_jut .f_nei .item .li{border-radius:.4rem}}.casebox-sec1 .casebox_nav .f_jut .f_nei .item .li span{display:block;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.casebox-sec1 .casebox_nav .f_jut .f_nei .item:not(.on) .li:hover{border-color:var(--color);background-color:var(--color);color:#ffffff}.casebox-sec1 .casebox_nav .f_jut .f_nei .on .li{border-color:var(--color);background-color:var(--color);color:#ffffff}.casebox-sec1 .casebox_search{display:flex;flex-wrap:wrap;justify-content:space-between}.casebox-sec1 .casebox_search .lt{display:flex;align-items:center;color:#333333}@media (max-width: 767px){.casebox-sec1 .casebox_search .lt{width:100%;margin-bottom:.26rem}}.casebox-sec1 .casebox_search .lt img,.casebox-sec1 .casebox_search .lt svg{color:var(--color);width:18px;margin-right:14px}@media (max-width: 1580px){.casebox-sec1 .casebox_search .lt img,.casebox-sec1 .casebox_search .lt svg{width:16px;margin-right:10px}}.casebox-sec1 .casebox_search .lt span{color:var(--color)}.casebox-sec1 .casebox_search .f_form{width:4rem;display:flex;align-items:center;background-color:#ffffff;border-radius:.38rem;border:solid 1px rgba(0,0,0,0.1);padding:4px;margin-bottom:.3rem}@media (max-width: 1580px){.casebox-sec1 .casebox_search .f_form{padding:6px}}@media (max-width: 767px){.casebox-sec1 .casebox_search .f_form{width:100%;border-radius:.5rem}}.casebox-sec1 .casebox_search .f_form input{width:50%;width:calc(100% - .92rem);padding:0 .2rem;color:#999999}@media (max-width: 1580px){.casebox-sec1 .casebox_search .f_form input{padding:0 10px;width:calc(100% - 1.2rem)}}@media (max-width: 767px){.casebox-sec1 .casebox_search .f_form input{width:calc(100% - 1.5rem)}}.casebox-sec1 .casebox_search .f_form .f_sub{color:#ffffff;transition:all .4s;width:.92rem;height:.48rem;display:flex;align-items:center;justify-content:center;background-color:var(--color);border-radius:.3rem}@media (max-width: 1580px){.casebox-sec1 .casebox_search .f_form .f_sub{height:.56rem;width:1.2rem;border-radius:.3rem}}@media (max-width: 767px){.casebox-sec1 .casebox_search .f_form .f_sub{width:1.5rem;height:.78rem;border-radius:.4rem}}.casebox-sec1 .casebox_search .f_form .f_sub svg{width:22px;height:22px}@media (max-width: 1580px){.casebox-sec1 .casebox_search .f_form .f_sub svg{width:18px;height:18px}}@media (max-width: 767px){.casebox-sec1 .casebox_search .f_form .f_sub svg{width:.36rem;height:.36rem}}.casebox-sec1 .casebox_search .f_form .f_sub svg path{fill:#ffffff}.casebox-sec1 .casebox_search .f_form .f_sub:hover{opacity:.9}.casebox-sec1 .base_img{position:relative;overflow:hidden}.casebox-sec1 .base_img img{transition:all .6s;-webkit-transition:all .6s;width:100%;height:100%;object-fit:cover;position:absolute;top:0;bottom:0;right:0;left:0;margin:auto}.casebox-sec1 .base_img:before{content:"";display:block}.casebox-sec1 .casebox_nav{margin-bottom:.3rem}.casebox-sec1 .cont{display:flex;flex-wrap:wrap;margin:0 -0.1rem}.casebox-sec1 .cont .item{padding:0 .1rem;width:33.33%;margin-bottom:.2rem}@media (max-width: 767px){.casebox-sec1 .cont .item{width:100%}}.casebox-sec1 .cont .item .list{display:block;overflow:hidden;background-color:#ffffff;box-shadow:0 0 .4rem 0 rgba(178,178,178,0.1)}.casebox-sec1 .cont .item .list .img{padding-top:53.84615385%;border-radius:.1rem .1rem 0 0}.casebox-sec1 .cont .item .list .font{border:solid 1px #ededed;border-top:none;padding:0 .34rem .36rem;position:relative;z-index:2;border-radius:0 0 .1rem .1rem}.casebox-sec1 .cont .item .list .font .f_icon{box-shadow:0 0 10px 0 rgba(178,178,178,0.4);display:flex;align-items:center;justify-content:center;width:1rem;height:1rem;border-radius:50%;margin-top:-0.5rem;background-color:#ffffff;margin-bottom:.1rem}.casebox-sec1 .cont .item .list .font .f_icon img{width:auto;height:auto;max-width:76%;max-height:76%;object-fit:contain}.casebox-sec1 .cont .item .list .font .f_jt{flex-wrap:wrap;display:flex;align-items:center;color:var(--color);line-height:1.875;font-weight:bold;margin-bottom:.1rem}.casebox-sec1 .cont .item .list .font .f_jt i{display:block;width:2px;height:.16rem;background-color:var(--color);margin:0 .1rem}.casebox-sec1 .cont .item .list .font .f_jt .f_tag{padding:0 .12rem;border-radius:.8em;background-color:rgba(0,131,59,0.1)}.casebox-sec1 .cont .item .list .font .f_jt .f_name{line-height:1.8;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;height:3.6em}.casebox-sec1 .cont .item .list .font .f_tit{line-height:1.41666667;font-weight:bold;color:#000;display:-webkit-box;-webkit-line-clamp:2;height:2.83333333em;-webkit-box-orient:vertical;overflow:hidden;transition:all .4s linear;margin-bottom:.3rem;font-size:24px}@media (max-width: 1260px){.casebox-sec1 .cont .item .list .font .f_tit{font-size:18px}}@media (max-width: 767px){.casebox-sec1 .cont .item .list .font .f_tit{font-size:14px}}.casebox-sec1 .cont .item .list .font .but{display:flex;align-items:center;color:var(--color);font-weight:bold;border-top:1px solid rgba(0,0,0,0.1);padding-top:.28rem}.casebox-sec1 .cont .item .list .font .but svg{width:12px;height:12px;transition:all .4s;margin-left:10px}@media (max-width: 1580px){.casebox-sec1 .cont .item .list .font .but svg{width:10px;height:10px}}.casebox-sec1 .cont .item .list .font .but svg path{fill:var(--color)}.casebox-sec1 .cont .item .list:hover .img img{transform:scale(1.08)}.casebox-sec1 .cont .item .list:hover .font .f_tit{color:var(--color);opacity:.7}.casebox-sec1 .cont .item .list:hover .font .but svg{transform:rotate(45deg)}.casebox-sec1 .basepage{margin-top:.4rem}
 
@charset "utf-8";
.c-case-1 {
  padding: 1.2rem 0;
}
.c-case-1 .base_img {
  position: relative;
  overflow: hidden;
}
.c-case-1 .base_img img {
  transition: all 0.6s;
  -webkit-transition: all 0.6s;
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
.c-case-1 .base_img:before {
  content: "";
  display: block;
}
.c-case-1 .c-case1-nav {
  padding-bottom: 0.12rem;
  margin-bottom: 0.3rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .c-case-1 .c-case1-nav {
    flex-wrap: wrap;
    padding-bottom: 0.3rem;
  }
}
.c-case-1 .c-case1-nav .name {
  margin-top: 0.12rem;
  margin-right: 0.42rem;
  flex: 0 0 auto;
}
@media (max-width: 767px) {
  .c-case-1 .c-case1-nav .name {
    margin-top: 0;
    margin-bottom: 0.26rem;
    width: 100%;
  }
}
.c-case-1 .c-case1-nav .f_jut {
  flex: 1 1 auto;
}
@media (max-width: 767px) {
  .c-case-1 .c-case1-nav .f_jut {
    width: 100%;
  }
}
.c-case-1 .c-case1-nav .f_jut .f_nei {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.1rem;
}
.c-case-1 .c-case1-nav .f_jut .f_nei .item {
  padding: 0 0.1rem;
  width: 11.111%;
  margin-bottom: 0.2rem;
}
@media (max-width: 1580px) {
  .c-case-1 .c-case1-nav .f_jut .f_nei .item {
    width: 14%;
  }
}
@media (max-width: 1260px) {
  .c-case-1 .c-case1-nav .f_jut .f_nei .item {
    width: 20%;
  }
}
@media (max-width: 767px) {
  .c-case-1 .c-case1-nav .f_jut .f_nei .item {
    width: 33.33%;
  }
}
.c-case-1 .c-case1-nav .f_jut .f_nei .item .li {
  display: block;
  text-align: center;
  color: var(--color4);
  border-radius: 0.26rem;
  padding: 0.12rem 0.2rem;
  font-weight: bold;
  transition: all 0.4s;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
@media (max-width: 767px) {
  .c-case-1 .c-case1-nav .f_jut .f_nei .item .li {
    border-radius: 0.4rem;
  }
}
.c-case-1 .c-case1-nav .f_jut .f_nei .item .li span {
  display: block;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.c-case-1 .c-case1-nav .f_jut .f_nei .item:not(.on) .li:hover {
  border-color: var(--color);
  background-color: var(--color);
  color: var(--color10);
}
.c-case-1 .c-case1-nav .f_jut .f_nei .on .li {
  border-color: var(--color);
  background-color: var(--color);
  color: var(--color10);
}
.c-case-1 .c-case1-search {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.c-case-1 .c-case1-search .lt {
  display: flex;
  align-items: center;
  color: var(--color2);
}
@media (max-width: 767px) {
  .c-case-1 .c-case1-search .lt {
    width: 100%;
    margin-bottom: 0.26rem;
  }
}
.c-case-1 .c-case1-search .lt img {
  width: 18px;
  margin-right: 14px;
}
@media (max-width: 1580px) {
  .c-case-1 .c-case1-search .lt img {
    width: 16px;
    margin-right: 10px;
  }
}
.c-case-1 .c-case1-search .lt span {
  color: var(--color);
}
.c-case-1 .c-case1-search .f_form {
  width: 4rem;
  display: flex;
  align-items: center;
  background-color: #ffffff;
  border-radius: 0.38rem;
  border: solid 1px rgba(0, 0, 0, 0.1);
  padding: 4px;
  margin-bottom: 0.3rem;
}
@media (max-width: 1580px) {
  .c-case-1 .c-case1-search .f_form {
    padding: 6px;
  }
}
@media (max-width: 767px) {
  .c-case-1 .c-case1-search .f_form {
    width: 100%;
    border-radius: 0.5rem;
  }
}
.c-case-1 .c-case1-search .f_form input {
  width: 50%;
  width: calc(100% - 0.92rem);
  padding: 0 0.2rem;
  color: #999999;
}
@media (max-width: 1580px) {
  .c-case-1 .c-case1-search .f_form input {
    padding: 0 10px;
    width: calc(100% - 1.2rem);
  }
}
@media (max-width: 767px) {
  .c-case-1 .c-case1-search .f_form input {
    width: calc(100% - 1.5rem);
  }
}
.c-case-1 .c-case1-search .f_form .f_sub {
  color: var(--color10);
  transition: all 0.4s;
  width: 0.92rem;
  height: 0.48rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color);
  border-radius: 0.3rem;
}
@media (max-width: 1580px) {
  .c-case-1 .c-case1-search .f_form .f_sub {
    height: 0.56rem;
    width: 1.2rem;
    border-radius: 0.3rem;
  }
}
@media (max-width: 767px) {
  .c-case-1 .c-case1-search .f_form .f_sub {
    width: 1.5rem;
    height: 0.78rem;
    border-radius: 0.4rem;
  }
}
.c-case-1 .c-case1-search .f_form .f_sub svg {
  width: 22px;
  height: 22px;
}
@media (max-width: 1580px) {
  .c-case-1 .c-case1-search .f_form .f_sub svg {
    width: 18px;
    height: 18px;
  }
}
@media (max-width: 767px) {
  .c-case-1 .c-case1-search .f_form .f_sub svg {
    width: 0.36rem;
    height: 0.36rem;
  }
}
.c-case-1 .c-case1-search .f_form .f_sub svg path {
  color: var(--color10);
}
.c-case-1 .c-case1-search .f_form .f_sub:hover {
  opacity: 0.9;
}
.c-case-1 .cont {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.1rem;
}
.c-case-1 .cont .item {
  padding: 0 0.1rem;
  width: 33.33%;
  margin-bottom: 0.2rem;
}
@media (max-width: 767px) {
  .c-case-1 .cont .item {
    width: 100%;
  }
}
.c-case-1 .cont .item .list {
  display: block;
  overflow: hidden;
  background-color: #ffffff;
  box-shadow: 0px 0px 0.4rem 0px rgba(178, 178, 178, 0.1);
}
.c-case-1 .cont .item .list .img {
  padding-top: 53.84615385%;
  border-radius: 0.1rem 0.1rem 0 0;
}
.c-case-1 .cont .item .list .font {
  border: solid 1px #ededed;
  border-top: none;
  padding: 0 0.34rem 0.36rem;
  position: relative;
  z-index: 2;
  border-radius: 0 0 0.1rem 0.1rem;
}
.c-case-1 .cont .item .list .font .f_icon {
  box-shadow: 0px 0px 10px 0px rgba(178, 178, 178, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  margin-top: -0.5rem;
  background-color: #ffffff;
  margin-bottom: 0.1rem;
}
.c-case-1 .cont .item .list .font .f_icon img {
  width: auto;
  height: auto;
  max-width: 76%;
  max-height: 76%;
  object-fit: contain;
}
.c-case-1 .cont .item .list .font .f_jt {
  flex-wrap: wrap;
  display: flex;
  align-items: center;
  color: var(--color);
  line-height: 1.875;
  font-weight: bold;
  margin-bottom: 0.1rem;
}
.c-case-1 .cont .item .list .font .f_jt i {
  display: block;
  width: 2px;
  height: 0.16rem;
  background-color: var(--color);
  margin: 0 0.1rem;
}
.c-case-1 .cont .item .list .font .f_jt .f_tag {
  position: relative;
  z-index: 2;
  padding: 0 0.12rem;
  border-radius: 0.8em;
  background-color: #eee;
}
.c-case-1 .cont .item .list .font .f_tit {
  font-size: var(--font-size4);
  line-height: 1.41666667;
  font-weight: bold;
  color: var(--color1);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  height: 2.83333333em;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: all 0.4s linear;
  margin-bottom: 0.3rem;
}
.c-case-1 .cont .item .list .font .but {
  display: flex;
  align-items: center;
  color: var(--color);
  font-weight: bold;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding-top: 0.28rem;
}
.c-case-1 .cont .item .list .font .but svg {
  width: 12px;
  height: 12px;
  transition: all 0.4s;
  margin-left: 10px;
}
@media (max-width: 1580px) {
  .c-case-1 .cont .item .list .font .but svg {
    width: 10px;
    height: 10px;
  }
}
.c-case-1 .cont .item .list .font .but svg path {
  color: var(--color);
}
.c-case-1 .cont .item .list:hover .img img {
  transform: scale(1.08);
}
.c-case-1 .cont .item .list:hover .font .f_tit {
  color: var(--color);
}
.c-case-1 .cont .item .list:hover .font .but svg {
  transform: rotate(45deg);
}
.c-case-1 .basepage {
  margin-top: 0.4rem;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}
.c-case-1 .basepage a,
.c-case-1 .basepage span,
.c-case-1 .basepage .f_fan {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color2);
  border: 1px solid var(--color6);
  margin: 0 6px 10px;
  flex-shrink: 0;
  transition: all 0.4s;
  float: left;
  font-size: 16px;
  margin: 0 5px 10px;
  position: relative;
}
@media (max-width: 1580px) {
  .c-case-1 .basepage a,
  .c-case-1 .basepage span,
  .c-case-1 .basepage .f_fan {
    font-size: 14px;
    width: 46px;
    height: 46px;
  }
}
@media (max-width: 991px) {
  .c-case-1 .basepage a,
  .c-case-1 .basepage span,
  .c-case-1 .basepage .f_fan {
    width: 34px;
    height: 34px;
    font-size: 14px;
  }
}
.c-case-1 .basepage a:before,
.c-case-1 .basepage span:before,
.c-case-1 .basepage .f_fan:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
}
.c-case-1 .basepage .active {
  background: var(--color);
  color: var(--color10);
  border-color: var(--color);
}
.c-case-1 .basepage .active:hover {
  background: var(--color);
  color: var(--color10);
}
.c-case-1 .basepage .f_fan {
  color: var(--color);
  padding: 0 4px;
  text-align: center;
  position: relative;
}
.c-case-1 .basepage .f_fan .f_int {
  width: 100%;
  height: 100%;
  text-align: center;
  z-index: 2;
}
.c-case-1 .basepage .f_fan .f_int::-webkit-input-placeholder {
  color: var(--color4);
}
.c-case-1 .basepage .f_fan .f_int::-ms-input-placeholder {
  color: var(--color4);
}
.c-case-1 .basepage .prev,
.c-case-1 .basepage .next {
  position: relative;
  color: var(--color4);
}
.c-case-1 .basepage .prev svg,
.c-case-1 .basepage .next svg {
  width: 10px;
  height: 10px;
}
.c-case-1 .basepage .prev svg path,
.c-case-1 .basepage .next svg path {
  transition: all 0.4s;
  color: var(--color4);
}
.c-case-1 .basepage .prev:hover svg path,
.c-case-1 .basepage .next:hover svg path {
  color: var(--color);
}
.c-case-1 .basepage span {
  color: var(--color);
}
.c-case-1 .basepage span:before {
  display: none;
}
.c-case-1 .basepage .f_name {
  width: auto;
  color: var(--color2);
  font-weight: bold;
  padding: 0 15px;
}
.c-case-1 .basepage .f_name:before {
  display: none;
}
.c-case-1 .basepage .fan {
  width: auto;
  padding: 0 15px;
}
.c-case-1 .basepage a {
  font-weight: bold;
}
.c-case-1 .basepage a:hover {
  background: var(--color);
  color: var(--color10);
}