/*.brand-wrap {*/
/*  display: flex;*/
/*  align-items: center;*/
/*  padding: 30px 0;*/
/*  font-size: 14px;*/
/*  font-family: Microsoft YaHei;*/
/*  font-weight: 400;*/
/*}*/
/*.brand-wrap > li {*/
/*  color: #999999;*/
/*}*/
/*.brand-wrap > li > a {*/
/*  color: #4D4D4D;*/
/*}*/
/*@media screen and (max-width: 600px) {*/
/*  .brand-wrap {*/
/*    padding: 20px 0;*/
/*  }*/
/*  .brand-wrap > li {*/
/*    font-size: 12px;*/
/*  }*/
/*}*/


/*html {*/
/*  background: #f7f8fa;*/
/*}*/
/*.main .container {*/
/*  padding-bottom: 60px;*/
/*  max-width: 1280px;*/
/*}*/

/*.cs21 .wrap {*/
/*  background: #FFFFFF;*/
/*  padding: 30px;*/
/*  box-shadow: 0px 1px 4px 0px rgba(3,27,28,0.1);*/
/*  margin-bottom: 20px;*/
/*}*/
/*.cs21 h2 {*/
/*  font-size: 24px;*/
/*  font-family: Microsoft YaHei;*/
/*  font-weight: bold;*/
/*  color: #333333;*/
/*  margin: 0 0 23px;*/
/*}*/
/*.cs21 .tag-wrap {*/
/*  font-size: 14px;*/
/*  font-family: Microsoft YaHei;*/
/*  font-weight: 400;*/
/*  color: #808080;*/
/*}*/
/*.cs21 .tag-wrap span {*/
/*  display: flex;*/
/*  align-items: center;*/
/*  margin-right: 15px;*/
/*}*/
/*.cs21 .tag-wrap img {*/
/*  height: 20px;*/
/*  margin-right: 10px;*/
/*}*/
/*.cs21 .tag-wrap li {*/
/*  padding: 10px 20px;*/
/*  background: #F5F7FA;*/
/*  border: 1px solid #E1E3E6;*/
/*  border-radius: 4px;*/
/*}*/
/*.cs21 .tag-wrap li {*/
/*  margin-right: 15px;*/
/*}*/
/*.cs21 .tag-wrap li:last-child {*/
/*  margin: unset;*/
/*}*/
/*.rich-text img {*/
/*  max-width: 100%;*/
/*  !*width: 100%;*!*/
/*  display: block;*/
/*  margin: 0 auto;*/
/*}*/
/*.rich-text p {*/
/*  font-size: 16px;*/
/*  font-family: Microsoft YaHei;*/
/*  color: #333333;*/
/*  line-height: 2.1;*/
/*}*/
/*.c1 {*/
/*  display: flex;*/
/*  justify-content: space-between;*/
/*  flex-wrap: wrap;*/
/*  padding-bottom: 15px;*/
/*  border-bottom: 1px solid #E1E3E6;*/
/*}*/
/*.tag-wrap,*/
/*.share-wrap  {*/
/*  display: flex;*/
/*  align-items: center;*/

/*}*/
/*.tag-wrap ul,*/
/*.share-wrap ul {*/
/*  display: flex;*/
/*  flex-wrap: wrap;*/
/*}*/
/*.share-wrap ul > li {*/
/*  margin-right: 15px;*/
/*}*/
/*.share-wrap ul li a {*/
/*  display: block;*/
/*}*/
/*.share-wrap ul li a img {*/
/*  display: block;*/
/*  transform: scale(1);*/
/*  transition: all .3 ease;*/
/*}*/
/*.share-wrap ul li:hover img {*/
/*  transform: scale(1.2);*/
/*}*/
/*.aside .wrap {*/
/*  background: #FFFFFF;*/
/*  box-shadow: 0px 1px 4px 0px rgba(3,27,28,0.1);*/
/*  padding: 30px;*/
/*}*/
/*.aside .wrap h2 {*/
/*  font-size: 24px;*/
/*  font-family: Microsoft YaHei;*/
/*  font-weight: bold;*/
/*  color: #333333;*/
/*  margin: 0 0 23px;*/
/*}*/
/*.aside .panel-wrap {*/
/*  display: block;*/
/*  background: #FFFFFF;*/
/*  border: 1px solid #E5E8ED;*/
/*  box-shadow: 1px 2px 4px 0px rgba(3,27,28,0.1);*/
/*  border-radius: 8px;*/
/*}*/
/*.aside .panel-wrap .cover {*/
/*  height: 151px;*/
/*}*/
/*.aside .panel-wrap img {*/
/*  max-width: 100%;*/
/*  height: 100%;*/
/*  object-fit: cover;*/
/*}*/
/*.aside .panel-wrap .w {*/
/*  padding: 20px;*/
/*}*/
/*.aside .panel-wrap .w h3 {*/
/*  margin: 0 0 16px;*/
/*  font-size: 16px;*/
/*  font-family: Microsoft YaHei;*/
/*  font-weight: bold;*/
/*  color: #333333;*/
/*}*/
/*.aside .panel-wrap .w p {*/
/*  font-size: 14px;*/
/*  font-family: Microsoft YaHei;*/
/*  font-weight: 400;*/
/*  color: #999999;*/
/*  line-height: 1.7;*/
/*  margin: unset;*/
/*}*/
/*.aside .panel-wrap + .panel-wrap {*/
/*  margin-top: 20px;*/
/*}*/




/*@media screen and (max-width: 600px) {*/
/*  .cs21 .tag-wrap {*/
/*    white-space: nowrap;*/
/*    margin-bottom: 15px;*/
/*  }*/
/*  .cs21 .tag-wrap ul {*/
/*    flex-wrap: nowrap;*/
/*  }*/
/*  .cs21 .tag-wrap li {*/
/*    font-size: 12px;*/
/*    padding: 8px 10px;*/
/*    margin-right: 10px;*/
/*  }*/
/*  .cs21 .wrap {*/
/*    padding: 30px 15px;*/
/*  }*/
/*  .cs21 .share-wrap {*/
/*    color: #666;*/
/*  }*/
/*}*/



.banner-wrap .hover h2 {
  text-align: center;
  font-weight: 400;
  font-size: 32px;
}
.banner-wrap .hover small {
  text-align: center;
  font-weight: 700;
  font-size: 50px;
  opacity: 1;
}


.content-wrap {
  /*/assets/images/bg/xwxq.jpg*/
  background: url(/assets/images/banner/about-layout.png) no-repeat center;
  background-size: cover;
}
.content-wrap .container {
  max-width: 1400px;
  width: 90%;
  transform: translateY(-8vw);
}
.content-wrap .container .content {
  background: #fff;
  padding: 4.375vw 3.375vw;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
}
.content-wrap .container .content h2 {
  font-size: 35px;
  font-weight: 400;
  color: #555;
  line-height: 1.4;
}
.content-wrap .container .list-wrap {
  background: var(--main-color);
  padding: 4.375vw 0 0;
}
.content-wrap .container .list-wrap h2 {
  color: #fff;
  font-size: 22px;
  font-weight: 400;
  padding: 0 1vw 2vw;
  /*padding-bottom: 2vw;*/
}
.content-wrap .container .list-wrap ul {
  padding: 0 1vw 4vw;
}
.content-wrap .container .list-wrap ul li + li {
  margin-top: 20px;
}
.content-wrap .container .list-wrap > a {
  background: #a9aebb;
  color: #f0f4f7;
  font-size: 1rem;
  height: 5rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
}
.content-wrap .container .list-wrap a span {
  font-size: 14px;
  color: #fff;
  opacity: .8;
}
.content-wrap .container .list-wrap a p {
  margin: 5px 0 0;
  font-size: 16px;
  color: #ffff;
}
.content-wrap .container h2 {
  margin: unset;
}
.content-wrap .container .share-list-wrap {
  display: flex;
}
.content-wrap .container .share-list-wrap li + li {
  margin-left: 10px;
}
.content-wrap .container .rich-text {
  font-size: 16px;
  color: #666;
  line-height: 1.8;
}
.content-wrap .container .rich-text p {
  line-height: 1.8;
}
.content-wrap .container .rich-text img {
  max-width: 100%;
}
.content-wrap .container .bts {
  display: flex;
  justify-content: space-between;
  padding: 2vw 0 10px;
  border-bottom: 1px solid #e5e5e5;
}
.content-wrap .container .bts span {
  font-size: 14px;
  color: #666;
}
@media screen and (max-width: 640px) {
  .banner-wrap img {
    height: 240px;
  }
  .banner-wrap .hover small {
    font-size: 30px;
  }
  .content-wrap .container .content h2 {
    font-size: 24px;
  }
  .content-wrap .container .list-wrap {
    display: none;
  }
}