.banner-news { position: relative; overflow: hidden; }
.banner-news .img-div { display: block; margin: 0 auto; }
.banner-news .cont { position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding-bottom: 180px; background-color: rgba(0, 0, 0, 0.45); color: #ffffff; }
.banner-news .cont .cont-title { font-size: 58px; line-height: 1.4em; letter-spacing: 1px; }
.banner-news .cont .cont-des { margin-top: 20px; font-size: 20px; line-height: 1.4em; }
/* 图片居中代码 */
.centered-image { display: block; max-width: 80%; height: auto; margin-left: auto; margin-right: auto; }
@media (max-width: 1660px) {
.banner-news .cont { padding-bottom: 120px; }
.banner-news .cont .cont-title { font-size: 54px; }
.banner-news .cont .cont-des { margin-top: 5px; font-size: 19px; }
}
@media (max-width: 1550px) {
.banner-news .cont { padding-bottom: 110px; }
.banner-news .cont .cont-title { font-size: 50px; }
.banner-news .cont .cont-des { font-size: 18px; }
}
@media (max-width: 1400px) {
.banner-news .cont { padding-bottom: 100px; }
.banner-news .cont .cont-title { font-size: 40px; }
.banner-news .cont .cont-des { font-size: 16px; }
}
@media (max-width: 1300px) {
.banner-news .cont { padding-bottom: 90px; }
.banner-news .cont .cont-title { font-size: 36px; }
}
.news-menu-type .wrap3 { padding: 1.977% 0; }
.news-menu-type .menu-son { margin: 5px 10px 5px 0; padding: 0 2.6em; background: transparent; font-size: 18px; color: #333333; }
.news-menu-type .menu-son.on, .news-menu-type .menu-son:hover { background: var(--linear-color-h); color: #ffffff; }
.news-menu-type .more-box-a { float: left; }
.news-menu-type .news_one_r { float: right; overflow: hidden; height: 50px; line-height: 50px; background: #f5f5f5; }
.news-menu-type .news_one_r .cinputs { width: 270px; border: 0; height: 50px; text-indent: 20px; background: none; color: #999999; font-size: 14px; font-family: "微软雅黑"; outline: none; float: left; }
.news-menu-type .news_one_r .cbnts { float: right; width: 50px; height: 50px; display: block; background: url(../images/news_bg1.jpg) no-repeat; border: 0; outline: none; color: #fff; font-size: 18px; text-align: center; line-height: 68px; cursor: pointer; font-family: '微软雅黑'; transition: all 0.3s; }
.news-menu-type .news_one_r .cbnts:Hover { opacity: 0.8; filter: Alpha(opacity=80); }
.news-block {
 --ww: var(--wrap-1760-width);
 --wson: 31.25%; position: relative; padding: 1px 0 105px; }
.news-block .list { margin-top: 1.1%; }
.news-block .list::after { content: ''; display: block; width: var(--wson); }
.news-block .list .list-li { margin-top: 1.7%; width: var(--wson); }
.news-block .list .list-li:nth-child(1), .news-block .list .list-li:nth-child(2), .news-block .list .list-li:nth-child(3) { margin-top: 0; }
.news-block .list .list-box { display: block; position: relative; border-top: 1px solid #e4e4e4; padding: calc(var(--ww)*.035) 0;
}
.news-block .list .list-box::before { content: ''; display: block; position: absolute; left: 0; top: -1px; width: 0; height: 1px; background: var(--main-color); transition: width .3s; }
.news-block .list .time { display: block; font-size: 14px; line-height: 1.4em; color: #888888; }
.news-block .list .line { display: block; transform: translate(0, 0); margin-top: 12px; width: 24px; height: 2px; background-color: #dadada; transition: transform .3s; }
.news-block .list .list-title { margin-top: 18px; font-size: 24px; line-height: 1.4em; color: #333333; transition: color .3s; }
.news-block .list .list-des { margin-top: 36px; -webkit-line-clamp: 3; font-size: 15px; line-height: 1.86em; color: #888888; }
.news-block .list .tags { overflow: hidden; height: 22px; line-height: 22px; color: #999; margin-top: 10px; }
.news-block .list .tags span { float: left; margin-right: 6px; font-size: 14px; }
.news-block .list .tags a { float: left; margin-right: 5px; font-size: 14px; color: #999; }
.news-block .list .tags a:hover { color: var(--main-color); }
.news-block .list .list-box:hover::before { width: 100%; }
.news-block .list .list-box:hover .line { transform: translate(3px, 0); background: var(--main-color); }
.news-block .list .list-box:hover .list-title { color: var(--main-color); }
.news-block .page-btn-box { padding-top: 15px; }
@media (max-width: 1800px) {
.news-menu-type .menu-son { padding: 0 1.6em; }
}
@media (max-width: 1660px) {
.news-menu-type .menu-son { /* padding: 0 2.3em; */ }
}
@media (max-width: 1550px) {
.news-menu-type .menu-son { font-size: 16px; padding: 0 1.4em; margin-right: 5px; }
.news-block .list { margin-top: 0; }
}
@media (max-width: 1400px) {
.news-menu-type .menu-son { padding: 0 1.5em; /* margin-right:8px; */ font-size: 15px; }
.news-block { padding-bottom: 80px; margin-top: 40px; }
}
@media (max-width: 992px) {
.news-menu-type { pointer-events: auto; }
.news-menu-type .wrap3 { white-space: nowrap; height: 90px; overflow: hidden; }
.news-menu-type .menu-son { font-size: 15px; }
.news-menu-type .more-box-a { display: block; float: none; width: 100%; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; height: 70px; line-height: 50px; }
.news-menu-type .menu-son { line-height: 40px; height: 40px; display: inline-block; }
.news-menu-type .news_one_r { float: none; margin-top: 2%; display: none; }
.news-menu-type .news_one_r .cinputs { width: calc(100% - 50px); width: -webkit-calc(100% - 50px); width: -moz-calc(100% - 50px); }
.news-block .list .list-title { font-size: 22px; }
}
@media (max-width: 960px) {
.news-menu-type .menu-son { font-size: 14px; }
.news-block .list .list-li { width: 49%; margin-top: 0; }
.news-block .list .list-title { font-size: 20px; }
.news-block .list .list-box { padding: 6% 0; }
}
@media (max-width: 640px) {
.news-menu-type .wrap3 { height: 80px; }
.news-menu-type .news_one_r { height: 40px; }
.news-menu-type .news_one_r .cinputs { height: 40px; width: calc(100% - 40px); width: -webkit-calc(100% - 40px); width: -moz-calc(100% - 40px); }
.news-menu-type .news_one_r .cbnts { width: 40px; height: 40px; background-position: center center; }
.news-block { margin-top: 2%; padding-bottom: 8%; }
.news-block .list .list-title { font-size: 18px; }
.news-block .list .list-des { margin-top: 3.6%; font-size: 14px; }
}
@media (max-width: 480px) {
.news-block { margin-top: 1%; }
.news-block .list .list-title { font-size: 16px; }
}
.news-menu { padding: 28px 0; }
.news-menu .h2 { font-size: 36px; line-height: 1.4em; letter-spacing: 1px; color: #000000; }
.news-menu .select-box .select-bg {
 --c: #000000; position: relative; background-color: #ffffff; border-radius: 10px; min-width: 305px; }
.news-menu .select-box .select-word { padding-left: 17px; padding-right: calc(17px + 1.2em); font-size: 18px; color: var(--c); }
.news-menu .select-box .select-word::after { display: none; }
.news-menu .select-box .self-svg {
 --size: 0.8em;
 --fill: var(--c); position: absolute; transform: translateY(-60%); top: 50%; right: 17px; }
.news-menu .select-box .self-svg svg { transform: rotate(90deg); }
.news-menu .select-box .on .select-bg { --c: var(--hc);
}
@media (max-width: 1550px) {
.news-menu { padding: 25px 0; }
.news-menu .h2 { font-size: 30px; }
.news-menu .select-box .select-bg { border-radius: 5px; min-width: 295px; }
.news-menu .select-box .select-word { font-size: 17px; }
}
@media (max-width: 1400px) {
.news-menu { padding: 20px 0; }
.news-menu .h2 { font-size: 24px; }
.news-menu .select-box .select-bg { border-radius: 5px; min-width: 295px; }
.news-menu .select-box .select-word { padding-left: 13px; padding-right: calc(13px + 1.2em); font-size: 16px; }
}
/*新闻详情*/
.news-info { padding-top: 15px; padding-bottom: 40px; }
.news-info .left-cont { width: 71%; margin-left: 20px; }
.news-info .left-cont .info-header { font-size: 28px; font-weight: bold; line-height: 1.4em; color: #333333; }
.news-info .left-cont .other { margin-top: 20px; font-size: 15px; line-height: 1.4em; color: #c8c8c8; }
.news-info .left-cont .info-content { margin-top: 40px; border-top: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; padding-top: 1.8em; /*padding-bottom: 5em;*/ padding-bottom: 1em; font-size: 15px; line-height: 1.8em; color: #555555; }
.news-info .left-cont .info-content p { margin-bottom: 17px; }
.news-info .left-cont .info-content img { height: auto!important; max-width: 80%; display: block; margin-left: auto; margin-right: auto; }
.news-info .right-cont { width: 24.43%; }
.news-info .right-cont .h3 { margin-bottom: 28px; font-size: 22px; font-weight: bold; line-height: 1.4em; color: #333333; border-left: 5px solid #0099FF; padding-left: 8px; }
.news-info .right-cont .list .list-li { border-bottom: 1px solid #f0f0f0; padding-bottom: 20px; }
.news-info .right-cont .list .list-li + .list-li { margin-top: 18px; }
.news-info .right-cont .list .list-li .list-box { display: block; }
.news-info .right-cont .list .list-li .list-box .title { font-size: 16px; line-height: 1.8em; color: #333333; transform: translateX(0); transition: all 0.3s; }
.news-info .right-cont .list .list-li .list-box .other { margin-top: 5px; font-size: 14px; line-height: 1.4em; color: #c8c8c8; }
.news-info .right-cont .list .list-li .list-box:hover .title { transform: translateX(3px); color: var(--main-color); }
 @media (max-width: 996px) {
.news-info { padding-bottom: 4%; }
.news-info .info-flex { display: block; }
.news-info .left-cont { width: 100%; }
.news-info .left-cont .info-header { text-align: center; }
.news-info .left-cont .other { text-align: center; font-size: 14px; }
.news-info .right-cont { width: 100%; display: none; }
}
 @media (max-width: 640px) {
.news-info .left-cont .info-header { font-size: 24px; }
.news-info .left-cont .info-content { margin-top: 4%; padding-top: 4%; }
.news-info .left-cont .other { text-align: center; font-size: 13px; }
}
@media (max-width: 480px) {
.news-info .left-cont .info-header { font-size: 20px; }
.news-info .left-cont .other { font-size: 12px; }
}