html,
body {
  background-color: #fff;
}
.hide {
  display: none;
}

/* 超大宽屏 */
.main_box { padding: 78px 0; }
.main_box .con_box { width: 1400px; margin: 0 auto; }
.main_box .con_box .con_list { display: flex; }
.main_box .con_box .con_list img { width: 100%; }
.main_box .con_box .con_list .con_item:first-child { width: 560px; height: 500px; }
.main_box .con_box .con_list .con_item:first-child img { width: 560px; height: 500px; }
.main_box .con_box .con_list .con_item { width: 280px; height: 500px; position: relative; }
.main_box .con_box .con_list .con_item img { width: 280px; height: 500px; object-fit: cover; object-position: center; }
.main_box .con_box .con_list .con_item .item_mask { height: 500px; background: rgba(0, 0, 0, 0.3); width: 100%; position: absolute; top: 0; color: #fff; }

.main_box .con_box .con_list .con_item .item_mask .detail { background: rgba(0, 0, 0, 0.5); height: 500px; }
.main_box .con_box .con_list .con_item .item_mask .detail .detail_con { padding: 44px; }
.main_box .con_box .con_list .con_item .item_mask .detail .detail_con .title_d { text-align: center; font-size: 24px; font-weight: bold; }
.main_box .con_box .con_list .con_item .item_mask .detail .detail_con .desc_d { height: 300px; font-size: 16px; line-height: 34px; margin-top: 10px; }
.main_box .con_box .con_list .con_item .item_mask .detail .detail_con a { color: #fff; }
.main_box .con_box .con_list .con_item .item_mask .detail .detail_con a .button_d { width: 130px; height: 40px; line-height: 40px; background-color: #ca931c; text-align: center; border-radius: 20px; margin: 0 auto; margin-top: 20px; }
.main_box .con_box .con_list .con_item .item_mask .detail .detail_con a .button_d:hover { opacity: .8; }

.main_box .con_box .con_list .con_item .item_mask .info { padding: 82px 34px 46px; }
.main_box .con_box .con_list .con_item .item_mask .info .title_i { text-align: center; font-size: 24px; font-weight: bold; }
.main_box .con_box .con_list .con_item .item_mask .info .line_i { width: 40px; height: 4px; background-color: #c6c9cb; margin: 0 auto; margin-top: 14px; }
.main_box .con_box .con_list .con_item .item_mask .info .desc_i { height: 232px; font-size: 16px; line-height: 22px; margin-top: 20px; text-align: center; }
.main_box .con_box .con_list .con_item .item_mask .info a { color: #ca931c; }
.main_box .con_box .con_list .con_item .item_mask .info a .button_i { width: 130px; height: 40px; line-height: 40px; border: 1px solid #ca931c; text-align: center;
  border-radius: 20px; margin: 0 auto; margin-top: 20px; }

/* 宽屏设备 */
@media screen and (min-width: 1200px) and (max-width: 1399px) {
  .main_box .con_box { width: 96%; }
}

/* 中等屏幕 */
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .main_box { overflow-x: auto; }
  .main_box .con_box { width: 96%; }
}

/* ipad */
@media screen and (max-width: 991px) {
  .main_box { overflow-x: auto; }
  .main_box .con_box { width: 96%; }
}

/* 手机端 */
@media screen and (max-width: 767px) {
  .main_box { padding: 30px 0; }
  .main_box .con_box .con_list .con_item:first-child { width: 280px; position: relative; }
  .main_box .con_box .con_list .con_item .item_mask .info a .button_i { background-color: #ca931c; color: #fff; }

  .main_box .con_box .con_list .con_item:first-child { width: 200px; height: 360px; }
  .main_box .con_box .con_list .con_item:first-child img { width: 200px; height: 360px; }
  .main_box .con_box .con_list .con_item { width: 200px; height: 360px; }
  .main_box .con_box .con_list .con_item img { width: 200px; height: 360px;}
  .main_box .con_box .con_list .con_item .item_mask { height: 360px; }

  .main_box .con_box .con_list .con_item .item_mask .info { padding: 60px 16px 38px; }
  .main_box .con_box .con_list .con_item .item_mask .info .title_i { font-size: 22px; }
  .main_box .con_box .con_list .con_item .item_mask .info .desc_i { height: 140px; }
  .main_box .con_box .con_list .con_item .item_mask .info a .button_i { width: 100px; height: 32px; line-height: 32px; }
}
