@charset "UTF-8";
/* 主题色*/
/* 
背景色
由深到浅排序
*/
/*
文本颜色
由深到浅排序
*/
.trend-hot-mews { margin-top: 30px; }

.trend-hot-mews .trend-hot-mews-first { display: block; width: 563px; height: 282px; float: left; position: relative; }

.trend-hot-mews .trend-hot-mews-first img { width: 100%; height: 100%; }

.trend-hot-mews .trend-hot-mews-first h5 {width: 100%; box-sizing: border-box; min-height: 52px; padding: 30px 40px 30px 30px; font-size: 18px; font-weight: bold; color: #ffffff; background: linear-gradient(180deg, rgba(42, 52, 87, 0) 0%, #2a3457 100%); position: absolute; left: 0; bottom: 0; }

.trend-hot-mews .trend-hot-mews-sub { width: 268px; float: right; }

.trend-hot-mews .trend-hot-mews-sub a { display: block; box-sizing: border-box; width: 100%; height: 135px;  color: #ffffff; position: relative;}
.trend-hot-mews .trend-hot-mews-sub a img {display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.trend-hot-mews .trend-hot-mews-sub a div {box-sizing: border-box; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1;  padding: 20px 30px 0;}
.trend-hot-mews .trend-hot-mews-sub a:first-child div{ background: rgba(42, 52, 87, 0.95); }

.trend-hot-mews .trend-hot-mews-sub a:last-child div{ background: rgba(232, 123, 43, 0.95); }

.trend-hot-mews .trend-hot-mews-sub a p { margin-top: 15px; line-height: 24px; font-size: 16px; }

.trend-news-list { overflow: hidden; }

.trend-news-list a { display: block; box-sizing: border-box; padding: 20px 255px 20px 20px; width: 100%; margin-top: 20px; background-color: #F7F9FA; border: 1px solid #E8EDF2; position: relative; }

.trend-news-list a:hover { box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1); }

.trend-news-list a img { display: block; width: 215px; height: 145px; position: absolute; top: 20px; right: 20px; }

.trend-news-list a h5 { width: 100%; height: 51px; font-size: 18px; line-height: 26px; overflow: hidden; color: #2A3457; }

.trend-news-list a p { width: 100%; height: 39px; margin-top: 20px; font-size: 13px; line-height: 21px; overflow: hidden; }

.trend-news-list a .u-time { margin-top: 20px; color: #686F88; }

.trend-news-list a:hover h5 { color: #258aff; }

.trend-news-list a:hover p { color: #2A3457; }

.trend-news-pagination { margin-top: 40px; text-align: center; }

.trend-news-contact { padding: 80px 0; }

.trend-news-contact .xz-contact { margin: 40px auto 0; }

.m-topic-tab { box-sizing: border-box; height: 60px; width: 100%; margin-top: 30px; border: 1px solid #EAEEF3; background-color: #F7F9FA; position: relative; }

.m-topic-tab ul { width: 100%; height: 100%; position: absolute; top: 0; left: -1px; }

.m-topic-tab li { line-height: 22px; font-size: 16px; color: #686F88; float: left; position: relative; cursor: pointer; }
.m-topic-tab li a{ display: block;padding: 20px 25px 18px;  }
.m-topic-tab li.active, .m-topic-tab li:hover { background-color: #ffffff; }

.m-topic-tab li.active::before, .m-topic-tab li:hover::before { content: ''; display: block; width: 100%; height: 3px; background-color: #258aff; position: absolute; left: 0; top: -2px; }

.trend-topic-main { margin-top: 20px; }

.trend-topic-main li { display: none; }

.trend-topic-main li.active { display: block; }

.trend-topic-list { margin-right: -20px; }

.m-trend-item { display: block; width: 268px; margin: 0 20px 20px 0; float: left; background-color: #ffffff; position: relative; }

.m-trend-item:hover { box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1); }

.m-trend-item .u-gallery-icon { display: block; width: 24px; height: 24px; position: absolute; top: 148px; right: 30px; }

.m-trend-item .m-trend-video-info { box-sizing: border-box; width: 100%; padding: 0 20px; height: 20px; line-height: 20px; position: absolute; top: 108px; left: 0; color: #ffffff; }

.m-trend-item .m-trend-video-info img { display: block; width: 30px; height: 20px; float: left; }

.m-trend-item:hover dt { color: #258aff; }

.u-trend-img { display: block; width: 100%; height: 178px; }

.trend-topic-intro { padding: 20px; border: 1px solid #E8EDF2; border-top: none; }

.trend-topic-intro dt { height: 46px; font-size: 16px; line-height: 24px; overflow: hidden; color: #2A3457; }

.trend-topic-intro dd { height: 39px; margin-top: 20px; font-size: 13px; line-height: 21px; color: #686F88; overflow: hidden; }

.trend-gallery-intro { margin-top: 20px; }

.trend-gallery-intro dt { width: 100%; height: 22px; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #2A3457; }

.trend-gallery-intro dd { display: block; height: 20px; margin-top: 15px; line-height: 20px; color: #9FA3B3; }

.trend-gallery-intro dd i { margin-right: 10px; vertical-align: bottom; }

.trend-video-intro { padding: 20px; border: 1px solid #E8EDF2; border-top: none; }

.trend-video-intro dt { height: 51px; font-size: 18px; line-height: 26px; overflow: hidden; color: #2A3457; }

.trend-video-intro dd { height: 18px; margin-top: 20px; font-size: 13px; line-height: 18px; color: #9FA3B3; }

.trend-topic-list.z-gallery-list a { box-sizing: border-box; padding: 10px 10px 20px; border: 1px solid #E8EDF2; }

.trend-topic-list.z-gallery-list a .u-trend-img { height: 182px; }

.trend-topic-list.z-video-list a .u-trend-img { height: 150px; }

.trend-question-main li { display: none; }

.trend-question-main li.active { display: block; }

.trend-question-list { overflow: hidden; }

.trend-question-item { box-sizing: border-box; padding: 20px; margin-top: 20px; background-color: #F7F9FA; border: 1px solid #EAEEF3; }

.trend-question-item h5 { box-sizing: border-box; width: 100%; height: 24px; line-height: 24px; padding-left: 34px; font-size: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; }

.trend-question-item h5::before { content: '问'; display: block; width: 24px; height: 24px; line-height: 24px; font-size: 18px; text-align: center; background-color: #258aff; color: #ffffff; position: absolute; top: 0; left: 0; }

.trend-question-item p { box-sizing: border-box; width: 100%; height: 39px; margin-top: 20px; padding-left: 34px; line-height: 21px; font-size: 13px; color: #686F88; position: relative; overflow: hidden; }

.trend-question-item p::before { content: '答'; display: block; width: 24px; height: 24px; line-height: 24px; font-size: 18px; text-align: center; background-color: #3CC651; color: #ffffff; position: absolute; top: 0; left: 0; }

.trend-question-item span { display: block; height: 18px; line-height: 18px; margin-top: 15px; padding-left: 34px; color: #9FA3B3; font-size: 13px; }

.trend-question-item span i { margin-right: 6px; vertical-align: bottom; }
                           
.trend-info-list li { box-sizing: border-box; min-height: 152px; padding: 40px 40px 32px 162px; background: #f7f9fa; border: 1px solid #e8edf2; margin-bottom: 20px; position: relative; }

.trend-info-list li:hover { box-shadow: 0px 6px 18px -9px rgba(0, 0, 0, 0.4); }

.trend-info-list li a { display: block; width: 100%; height: 25px; line-height: 25px; font-size: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 18px; color: #2A3457; }

.trend-info-list li a:hover { color: #258aff; }

.trend-info-list li p { width: 100%; height: 39px; margin-top: 16px; overflow: hidden; font-size: 13px; color: #686F88; }

.trend-info-list dl { box-sizing: border-box; width: 112px; height: 112px; padding-top: 15px; text-align: center; position: absolute; top: 20px; left: 20px; background-color: #ffffff; }

.trend-info-list dl dt { height: 45px; line-height: 45px; font-size: 32px; font-weight: 600; color: #258aff; }

.trend-info-list dl dd { height: 20px; line-height: 20px; margin-top: 11px; color: #9FA3B3; }

.u-trend-img.z-zt-item-img {height: 134px;}
                        
.m-xz-news-list a h5 {
	height: 26px;
    text-overflow: ellipsis;
    white-space: nowrap;
}                        
.m-xz-news-list.trend-news-list a p {margin-top: 15px;}
.m-xz-news-list.trend-news-list a .u-time {margin-top: 15px;}   
.m-xz-news-list.trend-news-list a img  {height: 114px; width: 229px;}