﻿@charset "utf-8";
.mt10{ margin-top: 10px;}
.mt24{ margin-top: 24px;}

/* ----------------------首页banner--------------------- */
.news_banner{ height: 358px; margin-top: 10px;}
.news_banner_con{ width: 716px; height: 358px; overflow: hidden;}
.news_banner_con .swiper-container { width: 100%; height: 100%;}
.news_banner_con .swiper-slide {text-align: center;}
.news_banner_con .swiper-slide img{ width: 100%; height: 100%; position: absolute; z-index: 1; left: 0px;  object-fit: cover;}
.news_banner_con .swiper-slide img:hover{ transform: scale(1.05);}
.news_banner_con .swiper-pagination-bullet{width: 48px; border-radius: 0;height: 4px;background: rgba(255, 255, 255, 0.5); opacity: 1;}
.news_banner_con .swiper-pagination-bullet-active{background: #E1251B;}
.news_banner_con .swiper-container-horizontal>.swiper-pagination-bullets{ width: 168px; left: 540px; bottom: 34px; height: 4px;}
.news_banner_con .swiper-wrapper-con{ position: absolute; z-index: 2; left: 0px; bottom: 0px; height: 72px; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); font-size: 24px; font-weight: 600;color: #FFFFFF;line-height: 72px; text-align: left; padding-left: 24px;}
.news_banner_r{ width: 474px; height: 358px; overflow: hidden;}
.news_banner_r ul li{ float: left; width: 232px; height: 174px; margin-bottom: 10px; margin-right: 10px; position: relative; overflow: hidden;}
.news_banner_r ul li:nth-child(2n){ margin-right: 0px;}
.news_banner_r ul li img{ position: absolute; z-index: 1; width: 232px; height: 174px; left: 0px;}
.news_banner_r ul li p{ padding:0px 12px; position: absolute; z-index: 2; left: 0px; bottom: 0px; height: 32px;font-weight: 600; color: #FFFFFF; line-height: 32px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

/* ----------------------首页列表--------------------- */
.news_con{ height: auto;}
.news_con_l{width: 958px; height: auto;}
.news_con_r{width: 232px; height: auto;}
.news_con_trends{ height: auto; background: #FFFFFF; border-radius: 2px; border: 1px solid #EBEBEB; }
.news_con_title{ line-height: 48px; padding-left: 24px; font-weight: 600;height: 48px; border-radius: 2px 2px 0px 0px; border-bottom: 1px solid #EBEBEB;}
.news_con_l .content{ padding: 20px; height: auto;}
.news_con_l .content .trends li{ padding: 24px; height: 154px; background: #F4F6F7; border-radius: 2px; overflow: hidden; margin-bottom: 20px;}
.news_con_l .content .trends_img{width: 160px; height: 106px; overflow: hidden; border-radius: 2px; margin-right: 20px;}
.news_con_l .content .trends li img{ width: 160px; height: 106px; border-radius: 2px;  object-fit: cover;}
.news_con_l .content .trends li img:hover{ transform: scale(1.05);}
.news_con_l .content .trends_con{ width: 688px; height: 100%;}
.news_con_l .content .trends_con a{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 8px; height: 24px; font-weight: 600; line-height: 24px;}
.news_con_l .content .trends_con strong{ height: 32px; font-size: 12px; font-weight: 400; margin-bottom: 26px; color: #666666;line-height: 16px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.news_con_l .content .trends_con p{ height: 16px; font-size: 12px;color: #666666;line-height: 16px;}
.news_con_l .content .trends_con p span{ float: right;}
.news_con_l .content .trends_con a:hover{ color: #E1251B;}
.news_con .news_con_a{ line-height: 38px; text-align: center; display: block; color: #4D4D4D;height: 40px; border-radius: 2px; border: 1px solid #EBEBEB;}
.news_con .news_con_a:hover{ color: #E1251B; border-color: #E1251B;}
.news_con_l .content .recommend li{ float: left; padding: 20px; position: relative; width: 292px; height: 264px; background: #F4F6F7; border-radius: 2px; margin-bottom: 20px; margin-right: 20px; }
.news_con_l .content .recommend li:nth-child(3n){ margin-right: 0px;}
.news_con_l .content .recommend li img{width: 252px; margin-bottom: 12px; height: 164px; border-radius: 2px;}
.news_con_l .content .recommend li h2:hover{ color: #E1251B;}
.news_con_l .content .recommend li h2{ width: 252px; height: 48px; font-weight: 600;color: #333333; line-height: 24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.news_con_l .content .recommend li span{ position: absolute; z-index: 2; width: 32px; height: 20px; display: block; text-align: center;top: 4px; left: 4px; font-size: 12px; font-weight: 500; color: #FFFFFF;line-height: 20px; background: rgba(0, 0, 0, 0.4); border-radius: 2px;}
.news_con_r .news_con_info{ height: auto; background: #FFFFFF; border-radius: 2px; border: 1px solid #EBEBEB;}
.news_con_r .content{ height: auto; padding: 16px;}
.news_con_r .content .info{ height: 336px; background: url(../images/news_info_bg.png) no-repeat 0px 6px;}
.news_con_r .content .info li{ height: 56px;}
.news_con_r .content .info li a{ padding-left: 16px; display: block; width: 200px; height: 24px; font-weight: 600; color: #4D4D4D; line-height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.news_con_r .content .info li span{ padding-left: 16px; margin-top: 4px; height: 16px;font-size: 12px; color: #B3B3B3;line-height: 16px; }
.news_con_r .content .info li a:hover{ color: #E1251B;}
.news_con .news_con_r_a{ line-height: 30px; text-align: center; display: block; color: #4D4D4D;height: 32px; border-radius: 2px; border: 1px solid #EBEBEB;}
.news_con .news_con_r_a:hover{ color: #E1251B; border-color: #E1251B;}
.news_con_r .content .all_watch{ width: 200px; height: 112px; border-radius: 2px; margin-bottom: 16px; position: relative; overflow: hidden;}
.news_con_r .content .all_watch a{ display: block;}
.news_con_r .content .all_watch img{ width: 200px; height: 112px; position: absolute; z-index: 1;  object-fit: cover;}
.news_con_r .content .all_watch .title{ position: absolute; z-index: 2; width: 200px; font-size: 12px; font-weight: 600; color: #FFFFFF;line-height: 32px; height: 32px; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); padding: 0px 16px; bottom: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.news_con_r .content .all_watch span{ position: absolute; z-index: 2; margin-top: 4px; margin-left: 4px; text-align: center; width: 42px; height: 20px; background: rgba(0, 0, 0, 0.4); border-radius: 2px; font-size: 12px; color: #FFFFFF; line-height: 20px; }
.news_con_r .content .all_watch_list{ padding-top: 8px; height: auto;}
.news_con_r .content .all_watch_list li{ margin-bottom: 20px; height: 56px; overflow: hidden;}
.news_con_r .content .all_watch_list li img{ width: 56px; height: 56px; margin-right: 12px; float: left;  object-fit: cover;}
.news_con_r .content .all_watch_list_con{ width: 132px;}
.news_con_r .content .all_watch_list_con .title{ height: 32px; font-size: 12px;line-height: 16px;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-bottom: 8px;}
.news_con_r .content .all_watch_list_con span{width: 132px; height: 16px; font-size: 12px; color: #666666; line-height: 16px;}
.news_con_r .content .all_watch_list_con a:hover{ color: #E1251B;}
.news_con_r .content .all_watch_list li:last-child{ margin-bottom: 12px;}

/* ----------------------列表--------------------- */
.news_list_banner{ height: 240px; min-width: 1200px; overflow: hidden;}
.news_con_l .news_tab{ border-radius: 2px 2px 0px 0px; height: 48px; overflow: hidden; background: #F4F6F7;}
.news_con_l .news_tab li{ width: 33.3%; float: left; cursor: pointer; height: 48px; border-top: 2px solid #F4F6F7; line-height: 46px; text-align: center;  font-size: 18px; font-weight: 600; color: #8C8C8C;}
.news_con_l .news_tab li.cur{ background: #fff; border-color: #E1251B;}
.news_con_l .news_tab li.cur a{ color: #E1251B;}
.news_con_l .news_tab li:hover{ background: #fff; color: #E1251B; border-color: #E1251B;}
.news_con_l .news_tab li:hover a{ color: #E1251B;}
.news_con_l .news_tab li a{ color: #8C8C8C; }

/* ----------------------详情--------------------- */
.news_show{ height: auto; background: #FFFFFF; border-radius: 2px; border: 1px solid #EBEBEB;}
.news_show_con{ padding: 40px; height: auto;}
.news_show_page{ border-top: 1px solid #EBEBEB; height: 64px; line-height: 64px; padding: 0px 40px;}
.news_show_page p{ width: 50%; height: 64px; color: #B3B3B3; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.news_show_page .page_right{ text-align: right;}
.news_show_page p a:hover{ color: #E1251B;}
.news_show_con .title{ font-size: 18px;font-weight: 600;line-height: 24px; margin-bottom: 8px;}
.news_show_con .time{height: 24px;color: #B3B3B3; line-height: 24px;}
.news_show_con .time p{ margin-right: 40px; float: left;}
.news_show_con .description{ padding: 8px 16px; height: 48px; background: #F4F6F7; border-radius: 2px; font-size: 12px; color: #8C8C8C; line-height: 16px;}
.news_show_con .description p{ height: 32px;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.news_show_con .show{ height: auto;line-height: 24px;}
.news_con_r .content .type li{ height: 48px; line-height: 46px; margin-bottom: 16px; background: #FFFFFF; border-radius: 2px; border: 1px solid #EBEBEB;}
.news_con_r .content .type li .iconnews{ color: #E1251B; font-size: 20px; margin: 0px 8px 0px 16px; position: relative; top: 2px;}
.news_con_r .content .type li .iconarrow-more{ float: right; color: #CCCCCC; margin-right: 16px; position: relative; top: 2px;}
.news_con_r .content .type li:last-child{ margin-bottom: 0px;}
.news_con_r .content .type li a{ display: block;}
.news_con_r .content .type li:hover{ border-color: #E1251B;}
.news_con_r .content .type li:hover a{ color: #E1251B;}
.news_con_r .content .type li .iconarrow-more-fill{ float: right; color: #E1251B;  margin-right: 16px; position: relative; top: 2px;}

