@charset "UTF-8";
/* 主题色*/
/* 
背景色
由深到浅排序
*/
/*
文本颜色
由深到浅排序
*/
.m-module-header { height: 33px; padding-bottom: 16px; line-height: 33px; border-bottom: 1px solid #E0E6ED; }

.m-module-header p { font-size: 24px; float: left; color: #2A3457; position: relative; }

.m-module-header a { display: block; padding-right: 24px; float: right; color: #686F88; position: relative; font-size: 14px; }

.m-module-header a i { position: absolute; top: 0; right: 0; }

.m-module-header a:hover { color: #258aff; }

.m-trend-module-header { height: 50px; line-height: 50px; position: relative; }

.m-trend-module-header p { font-size: 32px; }

.m-trend-module-header a { display: block; height: 20px; line-height: 20px; padding-right: 24px; color: #686F88; position: absolute; bottom: 0; right: 0; }

.m-trend-module-header a i { position: absolute; top: 0; right: 0; }

.m-trend-module-header a:hover { color: #258aff; }

.trend-banner { box-sizing: border-box; height: 420px; padding-top: 166px; background: url("https://img-i.westarcloud.com/2020/0331/mntzy77edev2vrfq091417.png") no-repeat center center; text-align: center; color: #ffffff; }

.trend-banner h5 { height: 40px; line-height: 40px; font-size: 40px; text-shadow: 0px 2px 5px rgba(42, 52, 87, 0.1); }

.trend-banner p { margin-top: 30px; font-size: 18px; color: rgba(255, 255, 255, 0.8); text-shadow: 0px 2px 5px rgba(42, 52, 87, 0.1); }

.trend-contact { padding: 80px 0; background-color: #F7F9FA; }

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

.trend-question { padding: 80px 0 70px; }

.trend-question .trend-question-list { width: 1240px; margin-top: 20px; }

.trend-question .trend-question-list li { width: 580px; height: 40px; margin-right: 40px; line-height: 40px; float: left; }

.trend-question .trend-question-list li a { display: block; width: 500px; height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #686F88; float: left; }

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

.trend-question .trend-question-list li span { float: right; color: #9FA3B3; }

.trend-info { padding: 80px 0; }

.trend-info-list { width: 1218px; margin-top: 40px; }

.trend-info-list a { display: block; width: 388px; margin-right: 18px; float: left; background-color: #ffffff; }

.trend-info-list a img { display: block; width: 100%; height: 258px; }

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

.trend-info-list div { box-sizing: border-box; padding: 40px; border: 1px solid #E8EDF2; border-top: none; }

.trend-info-list span { display: block; height: 20px; line-height: 20px; padding-left: 24px; color: #9FA3B3; position: relative; }

.trend-info-list span i { position: absolute; left: 0; top: 0; }

.trend-info-list h5 { width: 100%; height: 52px; margin-top: 16px; line-height: 26px; font-size: 18px; overflow: hidden; }

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

.trend-topic { padding: 80px 0 60px; background: url("https://img-i.westarcloud.com/2020/0401/ul6fxew83cdmxdwp020459.png") no-repeat center center; }

.trend-topic-list { width: 1220px; margin-top: 40px; }

.trend-topic-list a { display: block; width: 285px; margin-right: 20px; float: left; background-color: #ffffff; }

.trend-topic-list a img { display: block; width: 100%; height: 190px; }

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

.trend-topic-list div { padding: 20px; }

.trend-topic-list h5 { width: 100%; height: 46px; line-height: 24px; font-size: 16px; overflow: hidden; }

.trend-topic-list p { width: 100%; height: 39px; margin-top: 20px; line-height: 21px; font-size: 13px; color: #9FA3B3; overflow: hidden; }

.trend-img { padding: 80px 0 48px; }

.trend-img-list { width: 1220px; margin-top: 40px; }

.trend-img-list a { display: block; box-sizing: border-box; width: 285px; margin-right: 20px; padding: 10px 10px 20px; float: left; border: 1px solid #E8EDF2; background-color: #ffffff; position: relative; }

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

.trend-img-list a img { display: block; width: 100%; height: 196px; }

.trend-img-list a p { width: 100%; height: 22px; margin-top: 20px; padding-left: 10px; line-height: 22px; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.trend-img-list a span { display: block; height: 20px; margin-top: 15px; padding-left: 34px; line-height: 20px; color: #9FA3B3; position: relative; }

.trend-img-list a span em { position: absolute; left: 10px; top: 0; }

.trend-img-list a i { display: block; width: 24px; height: 24px; background: url("https://img-i.westarcloud.com/2020/0401/yh9c1bausfoo6i51024029.png") no-repeat center center; background-size: 100% 100%; position: absolute; top: 162px; right: 30px; }

.trend-video { padding: 80px 0; background: #f8f9fd url("https://img-i.westarcloud.com/2020/0401/4szu3l9r5bwkrzq8024435.png") no-repeat center center; }

.trend-video-list { width: 1220px; margin-top: 28px; }

.trend-video-list a { display: block; width: 285px; margin-right: 20px; float: left; background-color: #ffffff; position: relative; }

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

.trend-video-list img { display: block; width: 100%; height: 160px; }

.trend-video-list dl { padding: 20px; }

.trend-video-list dt { width: 100%; height: 52px; line-height: 26px; font-size: 18px; overflow: hidden; }

.trend-video-list dd { margin-top: 20px; height: 18px; color: #9FA3B3; }

.trend-video-list p { box-sizing: border-box; width: 100%; height: 20px; line-height: 20px; padding: 0 20px; position: absolute; top: 120px; left: 0; color: #ffffff; }

.trend-video-list p img { display: block; width: 30px; height: 20px; float: left; }

.trend-news { padding: 80px 0; background: #f9f9fb url("https://img-i.westarcloud.com/2020/0401/uodm1xiu2nkwvjui030408.png") no-repeat center center; }

.trend-mews-main { margin-top: 40px; }

.trend-mews-main .swiper-container { width: 780px; height: 520px; float: left; }

.trend-mews-main .swiper-slide { display: block; }

.trend-mews-main .swiper-slide img { display: block; width: 100%; height: 100%; }

.trend-mews-main .u-trend-news-intro { min-height: 68px; padding: 40px 156px 40px 40px; line-height: 34px; background: linear-gradient(180deg, rgba(42, 52, 87, 0) 0%, #2a3457 100%); font-size: 24px; color: #ffffff; position: absolute; bottom: 0; left: 0; }

.trend-mews-main .swiper-pagination { box-sizing: border-box; padding-right: 36px; text-align: right; bottom: 40px !important; }

.trend-mews-main .swiper-pagination-bullet { width: 20px; height: 3px; border-radius: 0; background-color: rgba(255, 255, 255, 0.5); }

.trend-mews-main .swiper-pagination-bullet-active { background-color: #258aff; }

.trend-mews-side { width: 400px; float: right; }

.trend-mews-side li { box-sizing: border-box; width: 100%; height: 250px; padding: 40px 40px 0; color: #ffffff; }

.trend-mews-side li:first-child { background-color: rgba(42, 52, 87, 0.95); }

.trend-mews-side li:last-child { background-color: rgba(232, 123, 43, 0.95); }

.trend-mews-side li span { display: block; height: 20px; line-height: 20px; padding-left: 24px; position: relative; }

.trend-mews-side li span i { position: absolute; top: 0; left: 0; }

.trend-mews-side li p { margin: 15px 0 40px; line-height: 26px; font-size: 18px; }

.trend-mews-side li a { height: 44px; line-height: 42px; }
                     
                     
                  
.trend-news-first { width: 100%; height: 295px; background-color: #F1F4F7; }

.trend-news-first .trend-news-first-img-wrap { display: block; width: 590px; height: 100%; float: left; }

.trend-news-first .trend-news-first-img-wrap img { width: 100%; height: 100%; }

.trend-news-first .trend-news-firs-info { box-sizing: border-box; width: 610px; padding: 40px 40px 0; float: right; }

.trend-news-first .trend-news-firs-info dt { width: 100%; height: 52px; overflow: hidden; font-size: 18px; line-height: 27px; }

.trend-news-first .trend-news-firs-info dt a { color: #2A3457; }

.trend-news-first .trend-news-firs-info dt a:hover { color: #258aff; }

.trend-news-first .trend-news-firs-info dd { width: 100%; height: 49px; margin-top: 16px; line-height: 24px; color: #686F88; overflow: hidden; }

.trend-news-first .trend-news-firs-info p { height: 18px; margin-top: 16px; line-height: 18px; font-size: 13px; color: #9FA3B3; }

.trend-news-first .trend-news-firs-info p i { vertical-align: bottom; margin-right: 4px; }

.trend-news-first .trend-news-firs-info .btn-orange { margin-top: 24px; }

.trend-news-sub-list { margin-left: -20px; margin-top: 20px; }

.trend-news-sub-list li { width: 285px; float: left; margin-left: 20px; background-color: #ffffff; }

.trend-news-sub-list li .sub-news-img-wrap { display: block; width: 285px; height: 142px; }

.trend-news-sub-list li .sub-news-img-wrap img { width: 100%; height: 100%; }

.trend-news-sub-list li dl { box-sizing: border-box; width: 100%; padding: 20px 20px 14px; }

.trend-news-sub-list li dt { width: 100%; height: 22px; line-height: 22px; font-size: 16px; overflow: hidden; }

.trend-news-sub-list li dt a { color: #2A3457; }

.trend-news-sub-list li dt a:hover { color: #258aff; }

.trend-news-sub-list li dd { height: 18px; margin-top: 12px; line-height: 18px; font-size: 13px; color: #9FA3B3; }

.trend-news-sub-list li dd i { vertical-align: bottom; margin-right: 4px; }

.trend-information-img { display: block; width: 590px; height: 370px; float: left; }

.trend-information-list { margin-top: 60px; }

.trend-information-list ul { float: right; }

.trend-information-list li { margin-bottom: 20px; }

.trend-information-list li:last-child { margin-bottom: 0; }

.trend-information-list li div { box-sizing: border-box; width: 473px; height: 110px; padding: 14px 0 0 20px; border-bottom: 1px solid #E8EDF2; float: left; }

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

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

.trend-information-list li div p { width: 100%; height: 45px; margin-top: 12px; overflow: hidden; line-height: 21px; font-size: 13px; color: #686F88; }

.trend-information-list dl { box-sizing: border-box; width: 110px; height: 110px; padding-top: 17px; float: left; text-align: center; background-color: #F1F4F7; }

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

.trend-information-list dl dd { height: 20px; line-height: 20px; margin-top: 10px; color: #686F88; }

.trend-topic-list a img.z-zt-item-img {height: 142px;}