.banner .banner-item { height: 618px; background: url(../images/banner.jpg) no-repeat center; background-size: cover; color: #fff; display: flex; align-items: center; }

.banner .banner-item .banner-item-title1 { font-size: 18px; font-weight: bold; }

.banner .banner-item .banner-item-title3 { font-size: 18px; }

.banner .banner-item .banner-item-title2 { font-weight: bold; font-size: 50px; margin: 30px 0 10px; }

.banner .banner-item .banner-item-more { text-align: center; height: 50px; line-height: 48px; width: 140px; border: 1px solid #fff; border-radius: 50px; color: #fff; display: block; margin-top: 30px; transition: background 0.3s; }

.banner .banner-item .banner-item-more:hover { background-color: rgba(255, 255, 255, 0.3); }

.index-block:nth-child(2n) { background-color: #f8f8f8; }

.index-block:nth-child(2n) .common-title::after { box-shadow: 0 0 0 6px #f8f8f8; background: #f8f8f8; }

.count { display: flex; align-items: center; padding: 40px 0; justify-content: space-around; flex-wrap: wrap; }

.count .count-item { text-align: center; margin-bottom: 20px; }

.count .count-item .count-item-icon { width: auto; height: 28px; }

.count .count-item .count-item-number { font-weight: bold; margin: 10px 0; font-size: 16px; color: #232323; }

.program { padding: 50px 0; }

.program .program-list { display: flex; justify-content: space-between; flex-wrap: wrap; }

.program .program-list .program-item { display: block; width: 32.5%; text-align: center; transition: all 0.2s; background-color: #fff; }

.program .program-list .program-item .v-flex::after { padding-bottom: 66.66667%; }

.program .program-list .program-item .program-item-cover { position: absolute; width: 100%; height: 100%; object-fit: cover; left: 0; }

.program .program-list .program-item .program-item-title { color: #4c4c4c; font-size: 16px; font-weight: bold; line-height: 80px; }

.program .program-list .program-item:hover { box-shadow: 0px 7px 10px -5px #999; }

.program .program-sub { display: block; margin: 20px auto 0; }

.product { padding: 50px 0 30px; }

.product .product-list { padding: 50px 0 80px; }

.product .product-list .product-item { border: 1px solid #ddd; }

.product .product-list .product-item .v-flex img { position: absolute; width: 100%; height: 100%; object-fit: cover; }

.product .product-list .product-item .product-item-content { padding: 10px 20px 20px; }

.product .product-list .product-item .product-item-content .product-item-title { line-height: 1.8; }

.product .product-list .product-item .product-item-content .product-item-more { margin: 30px 0; width: 100px; height: 30px; border: 1px solid #ccc; font-size: 13px; }

.product .product-list .product-item .product-item-content .product-item-footer { display: flex; align-items: center; font-size: 12px; color: #999; }

.product .product-list .product-item .product-item-content .product-item-footer .product-item-icon { height: 16px; margin-right: 4px; }

.product .product-list .product-item:hover { border-width: 3px; }

.product .product-list .product-item:hover .product-item-more { border-color: #2c9a89; background-color: #2c9a89; color: #fff; }

.news { padding: 50px 0 30px; }

.news .news-list { padding: 50px 0 80px; }

.news .news-list .news-item .v-flex { margin-bottom: 20px; border-radius: 10px; }

.news .news-list .news-item .v-flex img { position: absolute; width: 100%; height: 100%; object-fit: cover; }

.news .news-list .news-item .v-flex::after { padding-bottom: 59.44056%; }

.news .news-list .news-item .news-item-title { font-size: 16px; color: #4c4c4c; font-weight: bold; display: block; }

.news .news-list .news-item .news-item-desc { color: #565656; height: 40px; margin: 15px 0; }

.news .news-list .news-item .news-item-subset { line-height: 2; display: block; align-items: center; color: #565656; }

.news .news-list .news-item .news-item-subset::before { content: " "; border: 1px solid currentColor; border-radius: 50%; width: 6px; height: 6px; margin-right: 4px; display: inline-block; }

.cases { padding: 50px 0 30px; }

.cases .cases-list { padding: 20px 0 80px; }

.cases .cases-list .cases-item .v-flex img { position: absolute; width: 100%; height: 100%; object-fit: cover; }

.cases .cases-list .cases-item .v-flex::after { padding-bottom: 68.42105%; }

.cases .cases-list .cases-item .cases-item-content { position: relative; padding: 20px 20px 60px; margin: -60px 10px; background-color: #fff; z-index: 1; }

.cases .cases-list .cases-item .cases-item-content .cases-item-title { font-weight: bold; color: #616265; margin-bottom: 20px; }

.cases .cases-list .cases-item .cases-item-content .cases-item-desc { line-height: 1.8; }

@media (max-width: 768px) { .banner .banner-item { height: 200px; }
  .banner .banner-item .banner-item-title3, .banner .banner-item .banner-item-title1 { font-size: 12px; }
  .banner .banner-item .banner-item-title2 { font-size: 18px; margin: 10px 0; }
  .banner .banner-item .banner-item-more { width: 80px; height: 32px; line-height: 30px; font-size: 12px; margin-top: 20px; }
  .count-item { width: 33.33%; }
  .program, .product, .cases, .news { padding: 0 10px 30px; }
  .program .product-list, .program .cases-list, .program .news-list, .product .product-list, .product .cases-list, .product .news-list, .cases .product-list, .cases .cases-list, .cases .news-list, .news .product-list, .news .cases-list, .news .news-list { padding: 10px 0 40px; }
  .program .program-list .program-item { width: calc(50% - 5px); }
  .program .program-list .program-item .program-item-title { line-height: 50px; font-size: 13px; }
  .program .program-list .program-item:nth-child(1) { width: 100%; }
  .product .product-list .product-item .product-item-content { padding: 10px; } }