@media screen and (min-width: 769px) {
  .box {
    overflow: hidden;
  }
  .box .Top {
    width: 100%;
    min-width: 1500px;
    position: relative;
  }
  .box .Top .Bgc {
    width: 100%;
    height: 449px;
    background: url(../img/product/Bgc.png) top center no-repeat;
    background-size: 100% 200%;
    position: relative;
    padding: 175px 0 0 0;
  }
  .box .Top .Bgc .Title h2 {
    font-family: MicrosoftYaHei;
    font-size: 26px;
    line-height: 26px;
    letter-spacing: 5px;
    color: #12e799;
    font-weight: normal;
    text-align: center;
  }
  .box .Top .Bgc .Title h1 {
    font-size: 54px;
    line-height: 54px;
    letter-spacing: 4px;
    color: #ffffff;
    margin-top: 32px;
    text-align: center;
  }
  .box .Top .List {
    width: 1440px;
    height: 287px;
    background: url(../img/product/listBgc.png) center no-repeat;
    background-size: 102% 105%;
    padding: 39px 0 0 0;
    border-radius: 20px;
    display: flex;
    margin: 0 auto;
    position: absolute;
    z-index: 9;
    left: 50%;
    bottom: -227px;
    transform: translate(-50%);
  }
  .box .Top .List h4 {
    font-family: 'PingFang';
    font-size: 24px;
    line-height: 24px;
    color: #ffffff;
  }
  .box .Top .List .hot {
    width: 338px;
    min-width: 338px;
    height: 100%;
    padding: 0 34px 0 32px;
  }
  .box .Top .List ul {
    margin-top: 37px;
  }
  .box .Top .List ul li {
    width: 100%;
    margin-bottom: 30px;
  }
  .box .Top .List ul li a {
    font-size: 16px;
    line-height: 16px;
    color: #ffffff;
    display: flex;
    align-items: center;
    width: 100%;
  }
  .box .Top .List ul li a .round {
    width: 6px;
    height: 6px;
    background-color: #ffffff;
    border-radius: 50%;
    margin-right: 9px;
  }
  .box .Top .List ul li a p {
    width: 95%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .box .Top .List ul li:hover p {
    text-decoration: underline;
  }
  .box .Top .List .right {
    width: 1103px;
    display: flex;
    padding: 0 34px 0 32px;
  }
  .box .Top .List .right h4 {
    color: #1f9c59;
  }
  .box .Top .List .right li a {
    color: #333333;
  }
  .box .Top .List .right li a .round {
    background-color: #1f9c59;
  }
  .box .Top .List .right .try {
    width: 734px;
    min-width: 743px;
    padding-right: 34px;
  }
  .box .Top .List .right .try ul {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .box .Top .List .right .try ul li {
    width: 50%;
  }
  .box .Top .List .right .news {
    width: 304px;
  }
  .box .container {
    width: 1440px;
    margin: 0 auto;
  }
  .box .Content {
    background-color: #f3f7fd;
    padding-top: 301px;
    padding-bottom: 24px;
  }
  .box .Content .container {
    display: flex;
    justify-content: space-between;
  }
  .box .Content .container .left {
    width: 215px;
    height: 128px;
  }
  .box .Content .container .left li {
    width: 100%;
    height: 64px;
    background-color: #fff;
    position: relative;
  }
  .box .Content .container .left li a {
    display: block;
    width: 100%;
    height: 100%;
    padding-left: 22px;
    font-family: 'PingFang';
    font-size: 20px;
    line-height: 64px;
    color: #333333;
  }
  .box .Content .container .left li.active {
    background-color: transparent;
  }
  .box .Content .container .left li.active a {
    font-size: 23px;
    color: #008755;
  }
  .box .Content .container .left li.active::before {
    content: '';
    display: block;
    width: 2px;
    height: 21px;
    background-color: #1f9c59;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }
  .box .Content .container .right {
    width: 1197px;
  }
  .box .Content .container .right h2 {
    font-family: 'PingFang';
    font-size: 34px;
    line-height: 34px;
    color: #008755;
  }
  .box .Content .container .right ul {
    margin-top: 59px;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 47px;
  }
  .box .Content .container .right ul li {
    width: 291px;
    height: 287px;
    background-color: #ffffff;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.05);
    border-radius: 20px;
    margin-right: 11px;
    margin-bottom: 15px;
    padding: 22px 28px 0 30px;
    position: relative;
  }
  .box .Content .container .right ul li a {
    width: 100%;
    height: 100%;
  }
  .box .Content .container .right ul li a .topic {
    padding-bottom: 20px;
    border-bottom: 1px solid #e8e8e8;
  }
  .box .Content .container .right ul li a .topic h4 {
    font-size: 20px;
    line-height: 28px;
    color: #000000;
    font-weight: normal;
    margin-bottom: 5px;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
  .box .Content .container .right ul li a .topic span {
    font-size: 14px;
    line-height: 14px;
    color: #8ec246;
  }
  .box .Content .container .right ul li a p {
    width: 100%;
    font-family: MicrosoftYaHei;
    font-size: 14px;
    line-height: 21px;
    color: #616161;
    margin-top: 20px;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
  .box .Content .container .right ul li a .button {
    position: absolute;
    right: 28px;
    bottom: 30px;
    display: flex;
    align-items: center;
  }
  .box .Content .container .right ul li a .button button {
    width: 94px;
    height: 36px;
    background-color: #1f9c59;
    border-radius: 18px;
    border: none;
    outline: none;
    font-size: 14px;
    line-height: 14px;
    color: #ffffff;
    cursor: pointer;
  }
  .box .Content .container .right ul li a .button button:hover {
    text-decoration: underline;
  }
  .box .Content .container .right ul li a .button p {
    width: 56px;
    font-size: 14px;
    line-height: 14px;
    color: #000000;
    margin: 0;
    margin-right: 28px;
  }
  .box .Content .container .right ul li a .button p:hover {
    text-decoration: underline;
  }
  .box .Content .container .right ul li:nth-child(4n) {
    margin-right: 0;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1500px) {
  .box {
    overflow: hidden;
  }
  .box .Top {
    width: 100%;
    min-width: 769px;
    position: relative;
  }
  .box .Top .Bgc {
    width: 100%;
    height: 449px;
    background: url(../img/product/Bgc.png) top center no-repeat;
    background-size: 100% 200%;
    padding: 175px 0 0 0;
  }
  .box .Top .Bgc .Title h2 {
    font-size: 26px;
    line-height: 26px;
    letter-spacing: 5px;
  }
  .box .Top .Bgc .Title h1 {
    font-size: 54px;
    line-height: 54px;
    letter-spacing: 4px;
    margin-top: 32px;
  }
  .box .Top .List {
    width: 95%;
    height: 287px;
    background: url(../img/product/listBgc.png) center no-repeat;
    background-size: 102% 105%;
    padding: 39px 0 0 0;
    border-radius: 20px;
    margin: 0 auto;
    bottom: -227px;
  }
  .box .Top .List h4 {
    font-size: 24px;
    line-height: 24px;
  }
  .box .Top .List .hot {
    width: 25%;
    min-width: 0;
    padding: 0 34px 0 32px;
  }
  .box .Top .List ul {
    margin-top: 37px;
  }
  .box .Top .List ul li {
    width: 100%;
    margin-bottom: 30px;
  }
  .box .Top .List ul li a {
    font-size: 16px;
    line-height: 16px;
    width: 100%;
  }
  .box .Top .List ul li a .round {
    width: 6px;
    height: 6px;
    margin-right: 9px;
  }
  .box .Top .List ul li a p {
    width: 95%;
  }
  .box .Top .List ul li:hover p {
    text-decoration: underline;
  }
  .box .Top .List .right {
    width: 75%;
    padding: 0 34px 0 15px;
  }
  .box .Top .List .right h4 {
    color: #1f9c59;
  }
  .box .Top .List .right li a {
    color: #333333;
  }
  .box .Top .List .right li a .round {
    background-color: #1f9c59;
  }
  .box .Top .List .right .try {
    width: 65%;
    min-width: 0;
    padding-right: 34px;
  }
  .box .Top .List .right .try ul {
    width: 100%;
  }
  .box .Top .List .right .try ul li {
    width: 50%;
  }
  .box .Top .List .right .news {
    width: 35%;
  }
  .box .container {
    width: 95%;
    margin: 0 auto;
  }
  .box .Content {
    padding-top: 301px;
    padding-bottom: 24px;
  }
  .box .Content .container .left {
    width: 15%;
    height: 128px;
  }
  .box .Content .container .left li {
    width: 100%;
    height: 64px;
    background-color: #fff;
    position: relative;
  }
  .box .Content .container .left li a {
    display: block;
    width: 100%;
    height: 100%;
    padding-left: 22px;
    font-family: 'PingFang';
    font-size: 20px;
    line-height: 64px;
    color: #333333;
  }
  .box .Content .container .left li.active {
    background-color: transparent;
  }
  .box .Content .container .left li.active a {
    font-size: 23px;
    color: #008755;
  }
  .box .Content .container .left li.active::before {
    content: '';
    display: block;
    width: 2px;
    height: 21px;
    background-color: #1f9c59;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }
  .box .Content .container .right {
    width: 82%;
  }
  .box .Content .container .right h2 {
    font-size: 34px;
    line-height: 34px;
  }
  .box .Content .container .right ul {
    width: 100%;
    margin-top: 59px;
    margin-bottom: 47px;
  }
  .box .Content .container .right ul li {
    width: 24%;
    height: 287px;
    border-radius: 20px;
    margin-right: 1.3%;
    margin-bottom: 15px;
    padding: 22px 28px 0 30px;
  }
  .box .Content .container .right ul li a {
    width: 100%;
    height: 100%;
  }
  .box .Content .container .right ul li a .topic {
    padding-bottom: 20px;
  }
  .box .Content .container .right ul li a .topic h4 {
    min-height: 56px;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 5px;
  }
  .box .Content .container .right ul li a .topic span {
    font-size: 14px;
    line-height: 14px;
  }
  .box .Content .container .right ul li a p {
    width: 100%;
    font-size: 14px;
    line-height: 21px;
    margin-top: 20px;
  }
  .box .Content .container .right ul li a .button {
    right: 28px;
    bottom: 30px;
  }
  .box .Content .container .right ul li a .button button {
    width: 94px;
    height: 36px;
    border-radius: 18px;
    font-size: 14px;
    line-height: 14px;
  }
  .box .Content .container .right ul li a .button p {
    width: 56px;
    font-size: 14px;
    line-height: 14px;
    margin: 0;
    margin-right: 28px;
  }
}
@media screen and (min-width: 900px) and (max-width: 1200px) {
  .box {
    overflow: hidden;
  }
  .box .Top {
    width: 100%;
    min-width: 769px;
    position: relative;
  }
  .box .Top .Bgc {
    width: 100%;
    height: 400px;
    background: url(../img/product/Bgc.png) top center no-repeat;
    background-size: 100% 200%;
    padding: 145px 0 0 0;
  }
  .box .Top .Bgc .Title h2 {
    font-size: 22px;
    line-height: 22px;
    letter-spacing: 5px;
  }
  .box .Top .Bgc .Title h1 {
    font-size: 48px;
    line-height: 48px;
    letter-spacing: 4px;
    margin-top: 28px;
  }
  .box .Top .List {
    width: 95%;
    height: 270px;
    background: url(../img/product/listBgc.png) center no-repeat;
    background-size: 102% 105%;
    padding: 39px 0 0 0;
    border-radius: 20px;
    margin: 0 auto;
    bottom: -227px;
  }
  .box .Top .List h4 {
    font-size: 22px;
    line-height: 22px;
  }
  .box .Top .List .hot {
    width: 25%;
    min-width: 0;
    padding: 0 24px 0 24px;
  }
  .box .Top .List ul {
    margin-top: 32px;
  }
  .box .Top .List ul li {
    width: 100%;
    margin-bottom: 30px;
  }
  .box .Top .List ul li a {
    font-size: 15px;
    line-height: 15px;
    width: 100%;
  }
  .box .Top .List ul li a .round {
    width: 4px;
    height: 4px;
    margin-right: 5px;
  }
  .box .Top .List ul li a p {
    width: 95%;
  }
  .box .Top .List ul li:hover p {
    text-decoration: underline;
  }
  .box .Top .List .right {
    width: 75%;
    padding: 0 34px 0 15px;
  }
  .box .Top .List .right h4 {
    color: #1f9c59;
  }
  .box .Top .List .right li a {
    color: #333333;
  }
  .box .Top .List .right li a .round {
    background-color: #1f9c59;
  }
  .box .Top .List .right .try {
    width: 65%;
    min-width: 0;
    padding-right: 34px;
  }
  .box .Top .List .right .try ul {
    width: 100%;
  }
  .box .Top .List .right .try ul li {
    width: 50%;
  }
  .box .Top .List .right .news {
    width: 35%;
  }
  .box .container {
    width: 95%;
    margin: 0 auto;
  }
  .box .Content {
    padding-top: 280px;
    padding-bottom: 24px;
  }
  .box .Content .container .left {
    width: 18%;
    height: 128px;
  }
  .box .Content .container .left li {
    width: 100%;
    height: 64px;
  }
  .box .Content .container .left li a {
    padding-left: 20px;
    font-size: 18px;
    line-height: 58px;
  }
  .box .Content .container .left li.active a {
    font-size: 20px;
    color: #008755;
  }
  .box .Content .container .left li.active::before {
    height: 21px;
  }
  .box .Content .container .right {
    width: 80%;
  }
  .box .Content .container .right h2 {
    font-size: 30px;
    line-height: 30px;
  }
  .box .Content .container .right ul {
    width: 100%;
    margin-top: 50px;
    margin-bottom: 47px;
  }
  .box .Content .container .right ul li {
    width: 32%;
    height: 287px;
    border-radius: 20px;
    margin-right: 2%;
    margin-bottom: 15px;
    padding: 22px 20px 0 22px;
  }
  .box .Content .container .right ul li a {
    width: 100%;
    height: 100%;
  }
  .box .Content .container .right ul li a .topic {
    padding-bottom: 20px;
  }
  .box .Content .container .right ul li a .topic h4 {
    min-height: 56px;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 5px;
  }
  .box .Content .container .right ul li a .topic span {
    font-size: 14px;
    line-height: 14px;
  }
  .box .Content .container .right ul li a p {
    width: 100%;
    font-size: 14px;
    line-height: 21px;
    margin-top: 20px;
  }
  .box .Content .container .right ul li a .button {
    right: 28px;
    bottom: 30px;
  }
  .box .Content .container .right ul li a .button button {
    width: 94px;
    height: 36px;
    border-radius: 18px;
    font-size: 14px;
    line-height: 14px;
  }
  .box .Content .container .right ul li a .button p {
    width: 56px;
    font-size: 14px;
    line-height: 14px;
    margin: 0;
    margin-right: 15px;
  }
  .box .Content .container .right ul li:nth-child(3n) {
    margin-right: 0;
  }
  .box .Content .container .right ul li:nth-child(4) {
    margin-right: 2%;
  }
}
@media screen and (min-width: 769px) and (max-width: 900px) {
  .box {
    overflow: hidden;
  }
  .box .Top {
    width: 100%;
    min-width: 769px;
    position: relative;
  }
  .box .Top .Bgc {
    width: 100%;
    height: 320px;
    background: url(../img/product/Bgc.png) top center no-repeat;
    background-size: 100% 200%;
    padding: 110px 0 0 0;
  }
  .box .Top .Bgc .Title h2 {
    font-size: 20px;
    line-height: 20px;
    letter-spacing: 4px;
  }
  .box .Top .Bgc .Title h1 {
    font-size: 44px;
    line-height: 44px;
    letter-spacing: 4px;
    margin-top: 28px;
  }
  .box .Top .List {
    width: 95%;
    height: 230px;
    background: url(../img/product/listBgc.png) center no-repeat;
    background-size: 102% 105%;
    padding: 28px 0 0 0;
    border-radius: 20px;
    margin: 0 auto;
    bottom: -177px;
  }
  .box .Top .List h4 {
    font-size: 20px;
    line-height: 20px;
  }
  .box .Top .List .hot {
    width: 25%;
    min-width: 0;
    padding: 0 24px 0 20px;
  }
  .box .Top .List ul {
    margin-top: 28px;
  }
  .box .Top .List ul li {
    width: 100%;
    margin-bottom: 25px;
  }
  .box .Top .List ul li a {
    font-size: 14px;
    line-height: 14px;
    width: 100%;
  }
  .box .Top .List ul li a .round {
    width: 4px;
    height: 4px;
    margin-right: 5px;
  }
  .box .Top .List ul li a p {
    width: 95%;
  }
  .box .Top .List ul li:hover p {
    text-decoration: underline;
  }
  .box .Top .List .right {
    width: 75%;
    padding: 0 34px 0 15px;
  }
  .box .Top .List .right h4 {
    color: #1f9c59;
  }
  .box .Top .List .right li a {
    color: #333333;
  }
  .box .Top .List .right li a .round {
    background-color: #1f9c59;
  }
  .box .Top .List .right .try {
    width: 65%;
    min-width: 0;
    padding-right: 34px;
  }
  .box .Top .List .right .try ul {
    width: 100%;
  }
  .box .Top .List .right .try ul li {
    width: 50%;
  }
  .box .Top .List .right .news {
    width: 35%;
  }
  .box .container {
    width: 95%;
    margin: 0 auto;
  }
  .box .Content {
    padding-top: 280px;
    padding-bottom: 24px;
  }
  .box .Content .container .left {
    width: 22%;
    height: 128px;
  }
  .box .Content .container .left li {
    width: 100%;
    height: 64px;
  }
  .box .Content .container .left li a {
    padding-left: 20px;
    font-size: 18px;
    line-height: 58px;
  }
  .box .Content .container .left li.active a {
    font-size: 20px;
    color: #008755;
  }
  .box .Content .container .left li.active::before {
    height: 21px;
  }
  .box .Content .container .right {
    width: 75%;
  }
  .box .Content .container .right h2 {
    font-size: 28px;
    line-height: 28px;
  }
  .box .Content .container .right ul {
    width: 100%;
    margin-top: 40px;
    margin-bottom: 42px;
  }
  .box .Content .container .right ul li {
    width: 49%;
    height: 287px;
    border-radius: 20px;
    margin-right: 2%;
    margin-bottom: 15px;
    padding: 22px 20px 0 22px;
  }
  .box .Content .container .right ul li a {
    width: 100%;
    height: 100%;
  }
  .box .Content .container .right ul li a .topic {
    padding-bottom: 20px;
  }
  .box .Content .container .right ul li a .topic h4 {
    min-height: 56px;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 5px;
  }
  .box .Content .container .right ul li a .topic span {
    font-size: 14px;
    line-height: 14px;
  }
  .box .Content .container .right ul li a p {
    width: 100%;
    font-size: 14px;
    line-height: 21px;
    margin-top: 20px;
  }
  .box .Content .container .right ul li a .button {
    right: 28px;
    bottom: 30px;
  }
  .box .Content .container .right ul li a .button button {
    width: 94px;
    height: 36px;
    border-radius: 18px;
    font-size: 14px;
    line-height: 14px;
  }
  .box .Content .container .right ul li a .button p {
    width: 56px;
    font-size: 14px;
    line-height: 14px;
    margin: 0;
    margin-right: 15px;
  }
  .box .Content .container .right ul li:nth-child(2n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 768px) {
  .box .Top {
    width: 100%;
    position: relative;
  }
  .box .Top .Bgc {
    width: 100%;
    height: 64vw;
    background: url(../img/product/Bgc.png) top center no-repeat;
    background-size: 300% 190%;
    position: relative;
    padding: 26.66666667vw 0 0 0;
  }
  .box .Top .Bgc .Title h2 {
    font-family: MicrosoftYaHei;
    font-size: 5.33333333vw;
    line-height: 5.33333333vw;
    letter-spacing: 1.33333333vw;
    color: #12e799;
    font-weight: normal;
    text-align: center;
  }
  .box .Top .Bgc .Title h1 {
    font-size: 10.66666667vw;
    line-height: 10.66666667vw;
    letter-spacing: 1.06666667vw;
    color: #ffffff;
    margin-top: 5.33333333vw;
    text-align: center;
  }
  .box .Top .List {
    width: 100%;
    height: 205.33333333vw;
    background: url(../img/product/listBgcYd.png) center no-repeat;
    background-size: 110% 104%;
    border-radius: 0;
    margin: 0 auto;
  }
  .box .Top .List h4 {
    font-family: 'PingFang';
    font-size: 6.4vw;
    line-height: 6.4vw;
    color: #ffffff;
    writing-mode: vertical-rl;
    margin-right: 12vw;
  }
  .box .Top .List .hot {
    width: 100%;
    padding: 0 4vw 0 6.66666667vw;
    display: flex;
    align-items: center;
  }
  .box .Top .List ul {
    width: 80%;
    margin-top: 6.66666667vw;
  }
  .box .Top .List ul li {
    width: 100%;
    margin-bottom: 6.66666667vw;
  }
  .box .Top .List ul li a {
    font-size: 4.26666667vw;
    line-height: 4.26666667vw;
    color: #ffffff;
    display: flex;
    align-items: center;
    width: 100%;
  }
  .box .Top .List ul li a .round {
    width: 1.6vw;
    height: 1.6vw;
    background-color: #ffffff;
    border-radius: 50%;
    margin-right: 2.4vw;
  }
  .box .Top .List ul li a p {
    width: 90%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .box .Top .List ul li:hover p {
    text-decoration: underline;
  }
  .box .Top .List .right {
    width: 100%;
    padding: 0 4vw 0 6.66666667vw;
  }
  .box .Top .List .right h4 {
    color: #1f9c59;
  }
  .box .Top .List .right li a {
    color: #333333;
  }
  .box .Top .List .right li a .round {
    background-color: #1f9c59;
  }
  .box .Top .List .right .try {
    width: 100%;
    padding-right: 9.06666667vw;
    display: flex;
    align-items: center;
  }
  .box .Top .List .right .try ul {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .box .Top .List .right .try ul li {
    width: 100%;
  }
  .box .Top .List .right .news {
    width: 100%;
    display: flex;
    align-items: center;
  }
  .box .Content {
    background-color: #f3f7fd;
    padding-top: 12vw;
    padding-bottom: 6.4vw;
  }
  .box .Content .container .left {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
  }
  .box .Content .container .left li {
    flex: 1;
    height: 12vw;
    background-color: #fff;
    position: relative;
  }
  .box .Content .container .left li a {
    display: block;
    width: 100%;
    height: 100%;
    font-family: 'PingFang';
    font-size: 4.8vw;
    line-height: 12vw;
    color: #333333;
    text-align: center;
  }
  .box .Content .container .left li.active {
    background-color: transparent;
  }
  .box .Content .container .left li.active a {
    font-size: 5.6vw;
    color: #008755;
  }
  .box .Content .container .left li.active::before {
    content: '';
    display: block;
    width: 5.33333333vw;
    height: 0.53333333vw;
    background-color: #1f9c59;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%);
  }
  .box .Content .container .right {
    width: 100%;
    margin-top: 12vw;
  }
  .box .Content .container .right h2 {
    font-family: 'PingFang';
    font-size: 7.46666667vw;
    line-height: 7.46666667vw;
    color: #008755;
    text-align: center;
  }
  .box .Content .container .right ul {
    margin-top: 6.66666667vw;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 12.53333333vw;
  }
  .box .Content .container .right ul li {
    width: 100%;
    height: 76.53333333vw;
    background-color: #ffffff;
    box-shadow: 0vw 0vw 4vw 0vw rgba(0, 0, 0, 0.05);
    border-radius: 5.33333333vw;
    margin-right: 2.93333333vw;
    margin-bottom: 4vw;
    padding: 5.86666667vw 7.46666667vw 0 8vw;
    position: relative;
  }
  .box .Content .container .right ul li a {
    width: 100%;
    height: 100%;
  }
  .box .Content .container .right ul li a .topic {
    padding-bottom: 5.33333333vw;
    border-bottom: 0.26666667vw solid #e8e8e8;
  }
  .box .Content .container .right ul li a .topic h4 {
    font-size: 5.33333333vw;
    line-height: 7.46666667vw;
    color: #000000;
    font-weight: normal;
    margin-bottom: 1.33333333vw;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
  .box .Content .container .right ul li a .topic span {
    font-size: 3.73333333vw;
    line-height: 3.73333333vw;
    color: #8ec246;
  }
  .box .Content .container .right ul li a p {
    width: 100%;
    font-family: MicrosoftYaHei;
    font-size: 3.73333333vw;
    line-height: 5.6vw;
    color: #616161;
    margin-top: 5.33333333vw;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
  .box .Content .container .right ul li a .button {
    position: absolute;
    right: 7.46666667vw;
    bottom: 8vw;
    display: flex;
    align-items: center;
  }
  .box .Content .container .right ul li a .button button {
    width: 25.06666667vw;
    height: 9.6vw;
    background-color: #1f9c59;
    border-radius: 4.8vw;
    border: none;
    outline: none;
    font-size: 3.73333333vw;
    line-height: 3.73333333vw;
    color: #ffffff;
    cursor: pointer;
  }
  .box .Content .container .right ul li a .button button:hover {
    text-decoration: underline;
  }
  .box .Content .container .right ul li a .button p {
    width: 14.93333333vw;
    font-size: 3.73333333vw;
    line-height: 3.73333333vw;
    color: #000000;
    margin: 0;
    margin-right: 7.46666667vw;
  }
  .box .Content .container .right ul li a .button p:hover {
    text-decoration: underline;
  }
  .box .Content .container .right ul li:nth-child(4n) {
    margin-right: 0;
  }
}