@charset "UTF-8";
/*背景色*/
/*按钮*/
/*字体颜色*/
/*主色*/
/*中性色*/
/*功能色*/
.banner { height: 680px; width: 100%; position: relative; background-color: #2D2D2F; }

.range { height: auto; width: 100%; padding: 0 5%; background: url("../images/index/index_product.png") no-repeat; background-size: 100% 100%; box-sizing: border-box; }

.range_title { height: 59px; font-size: 42px; font-family: Arial-Black, Arial, sans-serif; font-weight: 900; color: #003A85; margin: 5% auto; }

.range_title_img { height: 100%; cursor: pointer; }

.range_box { display: flex; }

.range_box_item { flex-grow: 1; display: flex; flex-direction: column; align-items: center; }

.range_box_item_img { margin: 14px 14px 0; }

.range_box_item_img img { width: 100%; height: 100%; }

.range_box_item_text { display: flex; align-items: center; justify-content: space-between; width: 100%; }

.range_box_item_text .materials { font-size: 31px; /*font-family: PingFang-SC-Heavy, PingFang-SC;*/ font-weight: 800; color: #231E24; line-height: 44px; margin-top: 15px; margin-left: 15px; margin-bottom: 22px; float: left; }

.range_box_item_text .view_p { float: right; margin-right: 40px; }

.range_box_item_text .view { font-size: 20px; font-family: PingFang-SC-Heavy, PingFang-SC, serif; font-weight: 800; color: #003A85; line-height: 28px; margin-left: 40px; cursor: pointer; }

.range_box_item_text .jiantou { font-size: 18px; color: #D1D1D1; margin-left: 20px; font-weight: 900; }

.range_box_item:hover { border-bottom: 14px solid #003A85; border-radius: 15px; box-shadow: 0 2px 4px 0 #ACADAE; }

.news { width: 100%; padding: 5%; background: url("../images/index/news@2x.png") no-repeat; background-size: 100% 100%; box-sizing: border-box; }

.news_title { height: 59px; font-size: 42px; font-family: Arial-Black, Arial, sans-serif; font-weight: 900; color: #003A85; line-height: 59px; margin: 0 auto 5%; }

.news_content { margin: 0 auto; display: flex; }

.news_ul { width: 60%; max-width: 60%; }

.news_ul .label { width: 146px; height: 36px; background: #9F9F9F; color: #fff; text-align: center; line-height: 36px; font-size: 18px; display: inline-block; font-weight: 900; }

.news_ul .dateStr { display: inline-block; margin-left: 26px; font-size: 18px; line-height: 30px; font-size: 14px; }

.news_ul_item { margin-bottom: 40px; }

.news_detils { width: 100%; color: #616466; margin-top: 11px; font-size: 16px; cursor: pointer; font-weight: 900; }

.news .news_detils:hover { text-decoration: underline; text-decoration-color: #313233; }

.news_images { width: 100%; margin-top: 11px; display: flex; align-items: center; }

.news_images img { width: 236px; height: 144px; margin-right: 10px; object-fit: cover; }

.news_video { margin-top: 20px; width: 235px; height: 144px; background: blue; position: relative; }

.news_video .video { width: 100%; height: 100%; }

.news_video .bofang { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 30px; height: 40px; cursor: pointer; }

.news_right { flex-grow: 1; }

.news_right_top_img { width: 100%; }

.news_right_top_img img { width: 100%; height: 100%; }

.news_right_bottom_span { font-size: 18px; color: #003A84; font-weight: 900; }

.news_right_bottom_img { width: 235px; height: 144px; }

.news_right_bottom_img img { width: 100%; height: 100%; }

.news_right_bottom_more { font-size: 16px; color: #003A84; font-weight: 900; text-align: right; cursor: pointer; }

.news_right_bottom_more span { margin-right: 20px; }

.news_right_bottom_more img { width: 28px; height: 28px; }

.news_btn { width: 102px; height: 43px; background: #003A84; display: inline-block; color: #FFFFFF; font-size: 16px; line-height: 43px; text-align: center; cursor: pointer; }

.news_content2 { display: none; }

.swiper { width: 100%; height: 100%; }

.swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }

.indexS1 { display: block; }

.indexS2 { display: none; }

@media screen and (max-width: 833px) { .banner { height: auto; width: 90%; margin: 15px auto; background-color: #FFFFFF; }
  .indexS1 { display: none; }
  .indexS2 { display: block; }
  .range_title, .news_title { font-size: 30px; }
  .range_title_img { height: 50%; }
  .materials { font-size: 16px !important; }
  .view_p { display: none; }
  .news_content { display: none; }
  .news_content2 { display: flex; flex-direction: column; align-items: center; }
  .news_content2_list { display: flex; flex-direction: column; margin-bottom: 30px; }
  .news_content2_list_item { display: flex; margin-bottom: 20px; height: 70px; }
  .news_content2_list_item_img { width: 100px; margin-right: 10px; }
  .news_content2_list_item_img img { width: 100%; height: 100%; }
  .news_content2_list_item_content { flex: 1; }
  .news_content2_list_item_content_title { font-size: 16px; font-weight: bold; display: -webkit-box; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; }
  .news_content2_more { font-size: 20px; font-weight: 600; color: #003A85; }
  .range_box_item:hover { border-bottom: none; border-radius: 0; box-shadow: none; } }