.news-top-banner{background: #394fa2 url(../images/news-banner.jpg)  no-repeat center center / cover; min-height: 600px; color: #fff; padding: 30px 0; overflow: hidden;}
.news-top-banner .breadcrumb{background: none; color: #fff; margin-bottom: 30px;}
.news-top-banner .breadcrumb a{color: #fff;}
.news-top-banner .breadcrumb span{margin: 0 5px;}
.news-top-banner .breadcrumb a:hover{color: #ef4646;}
.news-top-text{padding: 30px 0 50px; text-align: center;}
.news-top-label-til{ margin-bottom: 10px; padding: 0 20%;}
.news-top-label-til img{ margin: 0 auto;}
.news-top-label{ font-size: 34px;line-height: 48px; font-weight: bold; margin-bottom: 15px; font-family: Arial, Helvetica, sans-serif; color: #ff4b2b; background-image:-webkit-linear-gradient(top,#ff4b2b,#ff416c); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.news-top-text-desc{ font-size: 26px; line-height: 46px; margin-bottom: 30px; color: #fff;}
.news-top-text-btn a{display: block; width: 150px; height: 46px; font-size: 16px; line-height: 46px; color: #fff; border-radius: 23px; text-align: center;
    background: #f45c43;
    background: -moz-linear-gradient(left,  #f45c43 0%, #eb3349 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f45c43), color-stop(100%,#eb3349));
    background: -webkit-linear-gradient(left,  #f45c43 0%,#eb3349 100%);
    background: -o-linear-gradient(left,  #f45c43 0%,#eb3349 100%);
    background: -ms-linear-gradient(left,  #f45c43 0%,#eb3349 100%);
    background: linear-gradient(to right,  #f45c43 0%,#eb3349 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f45c43', endColorstr='#eb3349',GradientType=1 );}
.news-defa-btn:hover{color: #fff;}
.hover-slide{ position: relative; overflow: hidden;}
.hover-slide::before{ position: absolute; content: " "; top: 0; right: 100%; width: 300%; height: 100%; border-radius: 23px ; background: rgba(255,255,255,.3); transition: all .5s;}
.hover-slide:hover::before{  right: -300%;}

.news-index-text a{display: block; width: 150px; height: 46px; font-size: 16px; line-height: 46px; margin: 20px auto; color: #fff; border-radius: 23px; text-align: center;
    background: #f45c43;
    background: -moz-linear-gradient(left,  #f45c43 0%, #eb3349 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f45c43), color-stop(100%,#eb3349));
    background: -webkit-linear-gradient(left,  #f45c43 0%,#eb3349 100%);
    background: -o-linear-gradient(left,  #f45c43 0%,#eb3349 100%);
    background: -ms-linear-gradient(left,  #f45c43 0%,#eb3349 100%);
    background: linear-gradient(to right,  #f45c43 0%,#eb3349 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f45c43', endColorstr='#eb3349',GradientType=1 );}

.news-container{background: #fff;}

.news-head{ padding: 70px 0 30px; text-align: center;}
.news-til{font-size: 32px; line-height: 56px; color: #333333; margin-bottom: 10px;}
.news-desc{ font-size: 22px; line-height: 38px; color: #333333; margin-bottom: 5px;}
.news-text{ font-size: 16px; line-height: 30px; color: #555555;}

.group-news{ background: #fff; padding-bottom: 50px;}
.group-news-hotlist{ margin-bottom: 30px;}
.group-news-hotlist li{ margin-bottom: 30px;}
.group-news-hotlist-main{ background: #fff; transition: all .3s; box-shadow: 0px 0px 5px rgba(0,0,0,0.5);}
.group-news-hotlist-main:hover{ box-shadow: 0px 0px 10px rgba(0,0,0,0.5);}
.group-news-hotlist-desc{ padding: 25px; background: #fff; position: relative;}
.group-news-hotlist-til{  font-size: 18px; font-weight: bold; line-height: 36px; margin-bottom: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.group-news-hotlist-tex{ font-size: 16px; line-height: 32px; color: #555555; margin-bottom: 10px; max-height: 64px; display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}
.group-news-hotlist-date{ font-size: 14px; line-height: 24px; color: #777777; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.group-news-list li{ margin-bottom: 15px;}
.group-news-list a{ display: block; font-size: 16px; line-height: 42px; border-bottom: 1px dotted #ccc; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.group-news-list a::before{  content: ">"; font-family: serif; font-size: 18px; font-weight: bold; margin-right: 10px;}

.industry-info{ margin-top: 50px; padding-bottom: 70px; color: #333; background: #fff;}
.industry-info .news-head{ padding: 30px 0 30px;}
.industry-info-list { display: flex; flex-wrap: wrap;}
.industry-info-list li{margin-bottom: 30px;}
.industry-info-list a{ display: flex; flex-direction: column; justify-content: space-between; height: 100%; border: 1px solid #ccc; padding: 20px; transition: all .3s;}
.industry-info-list-til{ font-size: 18px; line-height: 32px; font-weight: bold; color: #333; margin-bottom: 10px; transition: all .3s; max-height: 64px; display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}
.industry-info-list-tex{ font-size: 16px; line-height: 26px; color: #555555; margin-bottom: 10px; max-height: 84px; display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;}
.industry-info-list-date{ font-size: 14px; line-height: 24px; color: #777777;}
.industry-info-list a:hover{ background: #f4f4f4; border: 1px solid #f4f4f4; box-shadow: 0px 3px 6px rgba(0,0,0,0.2);}
.industry-info-list a:hover .industry-info-list-til{ color: #ff464c;}


.special-report{ background: #fff url(../images/special-report-bg.jpg)  no-repeat center center / cover; min-height: 600px; color: #fff; padding: 50px 0 100px;}
.special-report .news-head{ padding: 20px 0 30px}
.special-report .news-til,.special-report .news-text{ color: #fff;}
.special-report-list{ display: flex; flex-wrap: wrap; justify-content:center}
.special-report-list li{ margin-bottom: 30px;}
.special-report-list a{ display: flex; flex-wrap: wrap; height: 100%; background: #fff; overflow: hidden; position: relative;}
.special-report-img{ padding: 0; overflow: hidden; width: 100%;}
.special-report-img img{ width: 100%;}
.special-report-desc{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 30px; display: flex; flex-direction: column; justify-content: center;  text-align: center; background: rgba(238, 66, 71, 0.9); transition: all .3s; opacity: 0;}
.special-report-til{ font-size: 24px; line-height: 32px; font-weight: bold; color: #fff; margin-bottom: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.special-report-tex{ font-size: 18px; line-height: 28px; color: #fff; margin-bottom: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.special-report-btn{ display: block; width: 120px; font-size: 16px; font-weight: bold; line-height: 42px; margin: 0 auto; border-radius: 25px; text-align: center; color: #ff464c; background: #fff;}
.special-report-list a:hover .special-report-desc{ opacity: 1;}


.weekly-info{ background-color: #f4f4f4; background-repeat: no-repeat; background-position: center center; background-size: cover; padding: 5px 0px 50px; color: #333;}
.weekly-info-list li{ margin-bottom: 30px;}
.weekly-info-main{ position: relative; display: flex; background: #fff; color: #333; transition: all .3s;}
.weekly-info-main:hover{ background: #ff464c ; color: #fff; box-shadow: 2px 2px 5px rgba(0,0,0,0.5);}
.weekly-info-main:hover .weekly-info-tex{ color: #fff;}
.weekly-info-main dt{ flex-grow: 0; flex-shrink: 0;}
.weekly-info-main dd{ padding: 0 25px; overflow: hidden; display: flex;flex-direction: column; justify-content: center ; }
.weekly-info-period{ font-size: 16px; line-height: 38px; margin-bottom: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.weekly-info-til{ font-size: 24px; line-height: 32px; font-weight: bold; margin-bottom: 5px; max-height: 64px; display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}
.weekly-info-tex{ display: block; color: #555; font-size: 16px; line-height: 26px; max-height: 52px; transition: all .3s; display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}



@media (max-width: 999px) { 
    .news-top-banner{ min-height: 200px;}
    .news-top-banner .breadcrumb{ margin-bottom: 15px;}
    .solution-til{ font-size: 32px;}
    .weekly-info-main dd{ position: relative; width: 100%;}
}

@media (max-width: 559px) { .line-big .xsm1, .line-big .xsm10, .line-big .xsm11, .line-big .xsm12, .line-big .xsm2, .line-big .xsm3, .line-big .xsm4, .line-big .xsm5, .line-big .xsm6, .line-big .xsm7, .line-big .xsm8, .line-big .xsm9 { min-height: 1px; padding-right: 15px; padding-left: 15px; }
  .show-sm { display: block; }
  .xsm1, .xsm10, .xsm11, .xsm12, .xsm2, .xsm3, .xsm4, .xsm5, .xsm6, .xsm7, .xsm8, .xsm9 { float: left; }
  .xsm12 { width: 100%; }
  .xsm11 { width: 91.66666667%; }
  .xsm10 { width: 83.33333333%; }
  .xsm9 { width: 75%; }
  .xsm8 { width: 66.66666667%; }
  .xsm7 { width: 58.33333333%; }
  .xsm6 { width: 50%; }
  .xsm5 { width: 41.66666667%; }
  .xsm4 { width: 33.33333333%; }
  .xsm3 { width: 25%; }
  .xsm2 { width: 16.66666667%; }
  .xsm1 { width: 8.33333333%; }
  .special-report-desc{ padding: 5px;}
  .weekly-info-main dt{ max-width: 45%;}
  .weekly-info-period{ margin-bottom: 0px;}
  .weekly-info-til{ margin-bottom: 0px;}
}

@media (max-width: 400px) { .line-big .xmm1, .line-big .xmm10, .line-big .xmm11, .line-big .xmm12, .line-big .xmm2, .line-big .xmm3, .line-big .xmm4, .line-big .xmm5, .line-big .xmm6, .line-big .xmm7, .line-big .xmm8, .line-big .xmm9 { min-height: 1px; padding-right: 15px; padding-left: 15px; }
  .show-sm { display: block; }
  .xmm1, .xmm10, .xmm11, .xmm12, .xmm2, .xmm3, .xmm4, .xmm5, .xmm6, .xmm7, .xmm8, .xmm9 { float: left; }
  .xmm12 { width: 100%; }
  .xmm11 { width: 91.66666667%; }
  .xmm10 { width: 83.33333333%; }
  .xmm9 { width: 75%; }
  .xmm8 { width: 66.66666667%; }
  .xmm7 { width: 58.33333333%; }
  .xmm6 { width: 50%; }
  .xmm5 { width: 41.66666667%; }
  .xmm4 { width: 33.33333333%; }
  .xmm3 { width: 25%; }
  .xmm2 { width: 16.66666667%; }
  .xmm1 { width: 8.33333333%; }
}
@media(min-width: 560px) and (max-width:660px){
    
}
@media(min-width: 560px) and (max-width:759px) { 
    .special-report-desc{ padding: 10px;}
    .special-report-til{ margin-bottom: 2px;}
    .special-report-tex{ line-height: 24px;}
    .group-news-hotlist-main a{ display: flex;}
    .group-news-hotlist-img{ flex-grow: 0; flex-shrink: 0; width: 45%;}
    .group-news-hotlist-desc{ width: 55%; padding: 0 25px; display: flex; flex-direction: column; justify-content: center; }
}
@media (max-width:759px) { 
    .group-news-hotlist{ padding-top: 50px;}
    .special-report-desc{ position: relative; height: auto; opacity: 1; padding: 25px;}
}

@media(min-width: 760px) and (max-width:999px) { 
    .special-report-desc{ padding: 15px;}
}

@media (max-width:599px){ 
    
}

@media(min-width: 600px) and (max-width:700px){ 
    
}
@media(min-width: 650px) and (max-width:700px){ 
    
}

@media(min-width: 760px){ 
    .news-top-text{padding: 30px 0 150px;}
    .group-news-hotlist-img{ position: relative;}
    .group-news-hotlist-img img{ position: absolute; bottom: 0; width: 100%; box-shadow: 0px 0px 5px rgba(0,0,0,0.5);}
}

@media(min-width: 1000px) and (max-width:1199px){ 
    .special-report-desc{ padding: 20px;}
    .weekly-info-til{ margin-bottom: 5px;}
    .weekly-info-tex a{ line-height: 32px;}
    .weekly-info-btn a{ margin-top: 10px; width: 30px; height: 5px;}
}
@media(min-width: 1200px){ 
    .weekly-info-til{ margin-bottom: 15px;}
    .weekly-info-tex a{ line-height: 36px;}
    .weekly-info-btn a{ margin-top: 20px; width: 30px; height: 5px;}
}
@media(min-width: 1440px){ 
    .news-top-banner .breadcrumb{ margin-bottom: 0px;}
}