* {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    outline: 0;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
fieldset, img {
    border: 0
}
li {
    list-style-type: none
}
h1, h2, h3, h4, h5, h6 {
    font-weight: normal
}
input, textarea, select {
    font-size: inherit;
    font-weight: inherit;
    outline: 0px !important;
    outline-offset: 0px !important;
    box-shadow: none !important;
}
input, textarea, select {
    font-size: 100%
}
select, input, button, textarea {
    font: 99% arial, helvetica, clean, sans-serif
}
table {
    font-size: inherit;
    font: 100%
}
a {
    text-decoration: none
}
a:hover, a:focus {
    text-decoration: underline
}
strong {
    font-weight: bold
}
.l {
    float: left
}
.c {
    display: block;
    overflow: hidden;
    clear: both;
    height: 0;
    line-height: 0;
    font-size: 0;
}
.b {
    font-weight: bold
}
.r {
    float: right
}
em, i {
    font-style: normal
}
*, blockquote, body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, hr, input, legend, li, ol, p, pre, td, textarea, th, ul {
    vertical-align: baseline
}
body {
    margin: 0 auto;
    font-size: 14px;
    line-height: 1.5;
    -webkit-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
    background: #f2f2f2;
    font-family: "Microsoft Yahei"
}
input[type=text], textarea {
    -webkit-appearance: none;
    appearance: none
}
a {
    color: #666;
    text-decoration: none
}
a:link, a:visited, a:hover, a:active {
    text-decoration: none;
}
/* .container {max-width: 1200px; margin: 0 auto;} */
.markBg {background-color: #000000cc; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; display: none;}
.header {position: fixed; left: 0; top: 0; height: 54px; padding-inline: 30px; width: calc(100% - 60px); background-color: #f2f2f2; z-index: 9;}
.header .header-inner {display: flex; height: 54px; position: relative; align-items: center; justify-content: space-between;}
.header .header-inner .menu_m {display: none; width: 40px; height: 40px; margin-right: 5px; align-items: center; justify-content: center; cursor: pointer;}
.header .header-inner .menu_m .ico {width: 30px; height: 30px;}
.header .header-inner .logo {width: 40px;}
.header .header-inner .menuList {display: flex; margin-inline: 60px 30px;}
.header .header-inner .menuList .sub a {padding-inline: 12px; height: 54px; display: flex; align-items: center; justify-content: center; font-size: 15px; font-weight: 600;}
.header .header-inner .menuList .sub a .ico {width: 14px; height: 14px; margin-right: 5px;}
.header .header-inner .searchBtn {background-color: #fff; flex: 1; border-radius: 4px; height: 42px; padding: 0 12px; display: flex; align-items: center; cursor: pointer; width: 40%; color: #999;}
.header .header-inner .searchBtn .ico {width: 15px; height: 15px; margin-right: 5px; opacity: .5; }
.header .header-inner .rightNav {display: flex; align-items: center;}
.header .header-inner .rightNav .sub {padding-inline: 12px; margin-left: 12px; height: 42px; display: flex; align-items: center; justify-content: center; font-size: 15px; font-weight: 600;}
.header .header-inner .rightNav .sel {background-color: #222; border-radius: 4px; color: #fff; position: relative;}
.header .header-inner .rightNav .sel:hover {background-color: #41dee9;}
.header .header-inner .rightNav .sel .showDcode {position: absolute; right: 0; top: 60px; width: 132px; border-radius: 6px; padding-block: 12px; line-height: 0; display: none; align-items: center; flex-direction: column; background-color: #41dee9;}
.header .header-inner .rightNav .sel .showDcode::before {content: ""; width: 0; height: 0; position: absolute; right: 30px; top: -8px; border-bottom: 8px solid #41dee9; border-left: 12px solid transparent; border-right: 0px solid transparent;}
.header .header-inner .rightNav .sel .showDcode .dcode {background-color: #fff; padding: 4px; border-radius: 4px; width: 100px;}
.header .header-inner .rightNav .sel .showDcode .tip {font-size: 12px; margin-top: 5px; line-height: 20px;}
.header .header-inner .rightNav .sel:hover .showDcode {display: flex;}
.header .header-inner .rightNav .sub .ico {width: 14px; height: 14px; margin-right: 5px;}
.header-float {position: fixed; left: 22px; top: 6px; width: calc(100% - 44px); background-color: #ededed; z-index: 11; border-radius: 8px; padding-bottom: 30px; display: none;}
.header-float .topRow {display: flex; align-items: center; padding-inline: 6px; height: 54px;}
.header-float .topRow .menu_m {display: none; width: 40px; height: 40px; margin-right: 5px; align-items: center; justify-content: center; cursor: pointer;}
.header-float .topRow .menu_m .ico {width: 30px; height: 30px;}
.header-float .topRow .logo {width: 40px;}
.header-float .topRow .searchBtn {background-color: #fff; flex: 1; border-radius: 4px; height: 42px; padding-inline: 12px;  margin-inline: 30px; display: flex; align-items: center; width: 100%; color: #999; position: relative;}
.header-float .topRow .rightNav {display: flex; align-items: center;}
.header-float .topRow .rightNav .sub {padding-inline: 12px; margin-left: 12px; height: 42px; display: flex; align-items: center; justify-content: center; font-size: 15px; font-weight: 600;}
.header-float .topRow .rightNav .sel {background-color: #222; border-radius: 4px; color: #fff;}
.header-float .topRow .rightNav .sub .ico {width: 14px; height: 14px; margin-right: 5px;}
.header-float .topRow .rightNav .sel .showDcode {position: absolute; right: 5px; top: 60px; width: 132px; border-radius: 6px; padding-block: 12px; line-height: 0; display: none; align-items: center; flex-direction: column; background-color: #41dee9;}
.header-float .topRow .rightNav .sel .showDcode::before {content: ""; width: 0; height: 0; position: absolute; right: 30px; top: -8px; border-bottom: 8px solid #41dee9; border-left: 12px solid transparent; border-right: 0px solid transparent;}
.header-float .topRow .rightNav .sel .showDcode .dcode {background-color: #fff; padding: 4px; border-radius: 4px; width: 100px;}
.header-float .topRow .rightNav .sel .showDcode .tip {font-size: 12px; margin-top: 5px; line-height: 20px;}
.header-float .topRow .rightNav .sel:hover .showDcode {display: flex;}
.header-float .topRow .searchBtn .ico {width: 15px; height: 15px; margin-right: 5px; opacity: .5; position: absolute; left: 12px; top: 13.5px; z-index: 2;}
.header-float .topRow .searchBtn .input {width: calc(100% - 20px - 24px - 100px - 18px - 12px); height: 100%; position: absolute; left: 32px; top: 0; border: none; z-index: 1;}
.header-float .topRow .searchBtn .input::placeholder {color: #999;}
.header-float .topRow .searchBtn .sBtn {width: 100px; height: 38px; border-radius: 4px; font-size: 16px; position: absolute; right: 2px; top: 2px; display: none; justify-content: center; align-items: center; color: #fff; background-color: #41dee9; font-weight: 600;}
.header-float .topRow .searchBtn .clear {position: absolute; right: 114px; top: 12px; width: 18px; height: 18px; display: none;}
.header-float .s_menu {padding: 0 375px 6px 76px; display: flex; justify-content: space-between; font-size: 15px;}
.header-float .s_menu .lcol {width: 120px; display: flex; flex-direction: column; font-weight: bold;}
.header-float .s_menu .lcol .nav-link {padding: 6px; border-radius: 4px; display: flex; align-items: center;}
.header-float .s_menu .lcol .nav-link .ico {width: 18px; height: 18px; margin-right: 8px;}
.header-float .s_menu .lcol .nav-link.hover {background-color: #fff;}
.header-float .s_menu .lcol .nav-link:hover {background-color: #fff;}
.header-float .s_menu .rcol {width: calc(100% - 140px);}
.header-float .s_menu .rcol .list a {padding-block: 6px; display: flex; justify-content: space-between; align-items: center;}
.header-float .navList_m,.header-float .navList2_m {display: none; line-height: 0;}
.header-float .navList_m .sub,.header-float .navList2_m .sub {background-color: rgba(0,0,0,0.13); display: flex; align-items: center; cursor: pointer; height: 30px; padding: 12px 20px; font-weight: 500; border-top: 1px solid rgba(0,0,0,0.23);}
.header-float .navList_m .sub a,.header-float .navList2_m .sub a {display: flex; align-items: center; position: relative; width: 100%;}
.header-float .navList_m .sub a::after,.header-float .navList2_m .sub a::after {content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 10px; height: 10px; background-image: url("../img/arrow.png"); background-size: 100%;}
.header-float .navList_m .sub .ico,.header-float .navList2_m .sub .ico {width: 18px; height: 18px; margin-right: 8px;}
.header-float .navList_m .s_sub {background-color: #f2f2f2; font-weight: 500;}
.header-float .navList_m .s_sub a {display: flex; align-items: center; padding: 12px 20px; height: 30px; border-bottom: 1px solid #ccc; position: relative;}
.header-float .navList_m .s_sub a::after {content: ""; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); width: 10px; height: 10px; background-image: url("../img/arrow.png"); background-size: 100%;}
.header-float .navList_m .s_sub a:last-child {border: none;}
.header-float .navList_m .s_sub .ico {width: 18px; height: 18px; margin-right: 8px;}
.header-float .sponsored {position: absolute; right: 12px; bottom: 12px; display: flex; flex-direction: column;}
.header-float .sponsored .text {font-size: 12px; color: #666;}
.header-float .sponsored .logoFull {width: 90px; margin-top: 6px;}
.text-default {font-size: 14px; display: flex; align-items: center; justify-content: center; padding-top: clamp(20px, 3vw, 50px);}
.text-default .budget-tag {border: 1px solid #ccc; border-radius: 4px; padding: 4px; margin-left: 12px;}
.bTitle {font-size: clamp(42px, -6.5915492958px + 9.7183098592vw, 100px); font-weight: 600; text-align: center; line-height: clamp(42px, -6.5915492958px + 9.7183098592vw, 100px); margin-top: 12px;}
.carousel {margin-inline: 30px; padding-bottom: 30px;}
.carousel .carousel-indicators {display: flex; align-items: center; flex-wrap: wrap; gap: clamp(10px, 3vw, 20px); justify-content: center; margin-top: 60px;}
.carousel .carousel-indicators li {display: flex; align-items: center; opacity: .5; cursor: pointer;}
.carousel .carousel-indicators li .img {width: 24px; height: 24px; border-radius: 50%; margin-right: 10px;}
.carousel .carousel-indicators li .name {font-size: clamp(12px,15.8873239437px + 0.4225352113vw,16px); font-weight: bold; position: relative;}
.carousel .carousel-indicators .active {opacity: 1;}
.carousel .carousel-indicators .active .name::after {content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: #222;}
.carousel .carousel-inner {position: relative; overflow: hidden; margin-top: 30px;}
.carousel .carousel-inner .carousel-item {position: absolute; width: 100%; right: -200%; top: 0; transition: all .5s;}
.carousel .carousel-inner .active {position: relative; right: 0;}
.carousel .carousel-inner .carousel-item .imgBox {overflow: hidden; border-radius: 8px; line-height: 0;}
.carousel .carousel-inner .carousel-item .carousel-caption {margin-top: 15px; font-size: 16px; text-align: center; display: block;}
.newList {display: flex; align-items: center; justify-content: space-between; margin-top: 80px; margin-inline: 30px;}
.newList .sub {width: calc(100% / 3 - 12px);}
.newList .sub .imgBox {width: 100%; overflow: hidden; border-radius: 8px; display: flex; justify-content: center; align-items: center;}
.newList .sub .imgBox .img {width: 100%;}
.newList .sub .name {font-size: 20px; font-weight: 600; margin-top: 20px; display: flex; align-items: center; position: relative;}
.newList .sub .name::before {content: ""; width: 4px; height: 18px; border-radius: 4px; background-color: #41dee9; margin-right: 8px;}
.newList .sub .name .more {position: absolute; right: 0; bottom: 0; color: #ccc; font-size: 12px; font-weight: 100;}
.articleList {display: flex; align-items: center; flex-wrap: wrap; margin-top: 30px; margin-inline: 30px; position: relative;}
.articleList .sub {width: calc(100% / 4 - 12px); margin-bottom: 30px; margin-inline: 6px;}
.articleList .sub .imgBox {width: 100%; height: calc(((100vw - 60px) / 4 - 12px) / 16 * 9); overflow: hidden; border-radius: 8px; display: flex; justify-content: center; align-items: center;}
.articleList .sub .imgBox .img {min-width: 100%; min-height: 100%;}
.articleList .sub .name {font-size: 20px; font-weight: 600; margin-top: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.articleList .more {width: 100%; text-align: right; font-size: 16px; font-weight: 300;}
.articleList .more .text {}
.articleList .more .text a {color: #ccc;}
.main {padding-top: 54px; background-color: #f2f2f2;}
.textList {margin-top: 50px; display: flex; flex-wrap: wrap; margin-inline: 30px; justify-content: space-between; position: relative;}
.textList::before {content: ""; position: absolute; top: 12px; left: calc(100% / 3); width: 1px; height: calc(100% - 24px); border-right: 1px dashed #f2f2f2;}
.textList::after {content: ""; position: absolute; top: 12px; left: calc(100% / 3 * 2); width: 1px; height: calc(100% - 24px); border-right: 1px dashed #f2f2f2;}
.textList a {width: calc(100% / 3 - 30px); display: flex; justify-content: space-between; padding: 8px 15px;}
.textList a .lcol {display: flex; align-items: center; width: calc(100% - 90px);}
.textList a .lcol .ico {width: 12px; height: 12px; margin-right: 4px;}
.textList a .lcol .textInner {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: calc(100% - 16px);}
.textList a .time {color: #999;}
.lTitle {font-size: clamp(26px,15.4366197183px + 2.1126760563vw,56px); font-weight: 600; margin-top: 8px; line-height: clamp(26px,15.4366197183px + 2.1126760563vw,56px); padding-inline: 30px;}
.eTitle {font-size: 14px; padding-inline: 30px; margin-top: 60px;}
.scroll-top {position: fixed; right: 12px; bottom: 30px; cursor: pointer; width: 40px; height: 40px; background-color: #41dee9; border-radius: 6px; border: none; color: #fff; display: none;}
.main-footer {background-color: #222; color: #fff; padding-block: 12px; text-align: center;}
.main-footer a {color: #fff;}
body {background-color: #fff;}
.trendsList {}
.trendsList .list {display: flex; flex-wrap: wrap; margin-top: 30px; background-color: #fff; padding: 30px 20px 0 20px;}
.trendsList .list .sub {width: calc(100% / 3 - 20px); margin-inline: 10px; margin-bottom: 20px;}
.trendsList .list .sub .imgBox {line-height: 0;}
.trendsList .list .sub .imgBox .img {width: 100%; border-radius: 8px;}
.trendsList .list .sub .name {font-size: 16px; font-weight: 600; margin-top: 12px;}
.trendsList .list .sub .des {font-size: 14px; margin-top: 10px; font-weight: 300; line-height: 20px; color: #999;}
.resourcesList .list {display: flex; flex-wrap: wrap; margin-top: 30px; background-color: #fff; padding: 30px 20px 0 20px;}
.resourcesList .list .sub {width: calc(100% / 3 - 20px); margin-inline: 10px; margin-bottom: 20px;}
.resourcesList .list .sub .img {width: 100%; border-radius: 8px;}
.resourcesList .list .sub .name {font-size: 16px; font-weight: 600; margin-top: 12px;}
.aboutUs .text {padding: 30px;}
.aboutUs .text .img {margin-bottom: 20px; border-radius: 8px;}
.aboutUs .text p {margin-bottom: 12px;}
.aboutUs .text h2 {font-weight: 600; font-size: 18px; margin-bottom: 10px;}
.contactUs .row {height: calc(100vh - 54px - 45px); position: relative;}
.contactUs .row .lbg {position: absolute; left: 0; bottom: 0; width: auto; height: 100%;}
.contactUs .row .text {position: absolute; right: 20%; top: 10%; text-align: right; font-size: 16px; line-height: 40px;}
.contactUs .row .text .lTitle,.contactUs .row .text .eTitle {padding-inline: 0;}
.contactUs .row .text .lTitle {margin-bottom: 30px;}
.contactUs .row .text p {color: #999;}
.contactUs .row .text .telBtn {margin-top: 30px; padding-inline: 30px; font-weight: 600; border-radius: 23px; height: 46px; color: #fff; line-height: 0; display: inline-flex; justify-content: center; align-items: center; background-image: linear-gradient(90deg, #5B6DFF,#EF5EB8);}
.articleRow {display: flex; justify-content: space-between; background-color: #fff; flex-wrap: wrap;}
.articleRow .articleDetail {width: calc(100% - 320px);}
.articleRow .rightCol {width: 276px; padding-block: 30px; position: fixed; right: 0; top: 54px}
.articleRow .rightCol::before {content: ""; width: 1px; height: calc(100% - 60px); position: absolute; left: -15px; top: 30px; background-color: #f2f2f2;}
.articleRow .rightCol .default-sidebar .widget-title h3 {font-weight: 600; font-size: 18px; margin-bottom: 12px;}
.articleRow .rightCol .default-sidebar .widget-content a {display: flex; align-items: center; height: 40px; padding-inline: 12px; line-height: 0; font-size: 15px;}
.articleRow .rightCol .default-sidebar .widget-content a .ico {width: 18px; height: 18px; margin-right: 5px; fill: #333;}
.articleRow .rightCol .default-sidebar .widget-content a.sel {background-color: #333; color: #fff;}
.articleRow .rightCol .default-sidebar .widget-content a.sel .ico {fill: #fff;}
.articleRow .rightCol .default-sidebar .post-inner .sub {display: flex; align-items: center; line-height: 0; margin-bottom: 12px;}
.articleRow .rightCol .default-sidebar .post-inner .sub img {width: 100px; border-radius: 4px;}
.articleRow .rightCol .default-sidebar .post-inner .sub .rcol {margin-left: 12px; width: calc(100% - 112px);}
.articleRow .rightCol .default-sidebar .post-inner .sub .rcol h5 {font-size: 14px; line-height: 20px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.articleRow .rightCol .default-sidebar .post-inner .sub .rcol .des {color: #999; font-size: 12px; line-height: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.articleRow .rightCol .default-sidebar .post-inner .sub .rcol .time {font-size: 12px; color: #999; line-height: 18px;}
.articleRow .rightCol .blog-sidebar {margin-top: 20px; padding-inline: 12px;}
.articleRow .articleDetail .conBox {padding: 30px;}
.articleRow .articleDetail .conBox h1 {font-size: 30px; font-weight: 600;}
.articleRow .articleDetail .conBox .img {width: 100%; margin-top: 30px;}
.articleRow .articleDetail .conBox .des {font-size: 16px; line-height: 30px;}
.articleRow .articleDetail .textCon {padding: 30px; font-family: "Microsoft Yahei" !important}
.articleRow .articleDetail .textCon img {width: 100% !important; height: auto !important; border-radius: 8px !important;}
.articleRow .articleDetail .textCon p {margin-bottom: 12px !important;}
.articleRow .articleDetail .textCon span {font-family: "Microsoft Yahei" !important}
.articleRow .newsList {width: calc(100% - 320px);}
.articleRow .newsList .hotNews {padding: 30px;}
.articleRow .newsList .hotNews .sub {display: flex;width: 100%;}
.articleRow .newsList .hotNews .sub .img {width: 260px; border-radius: 8px;}
.articleRow .newsList .hotNews .sub .text {width: calc(100% - 272px); margin-left: 12px; display: flex; flex-direction: column;}
.articleRow .newsList .hotNews .sub .text .name {font-size: 18px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 12px;}
.articleRow .newsList .hotNews .sub .text .des {font-size: 14px; color: #666; flex: 1}
.articleRow .newsList .hotNews .sub .text .createTime {font-size: 12px; color: #999; justify-items: flex-end; margin-top: 12px;}
.articleRow .newsList .hotNews .sub .text .createTime .type {margin-right: 12px; border: 1px solid #f2f2f2; padding: 4px 10px; border-radius: 4px;}
.articleRow .newsList .list {margin-inline: 30px; padding-block: 30px; border-top: 1px solid #f2f2f2;}
.articleRow .newsList .list .sub {display: flex; flex-direction: row-reverse; margin-bottom: 30px; width: 100%;}
.articleRow .newsList .list .sub .img {width: 150px; border-radius: 8px;}
.articleRow .newsList .list .sub .text {width: calc(100% - 180px); margin-right: 30px; display: flex; flex-direction: column;}
.articleRow .newsList .list .sub .text .name {font-size: 16px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 4px;}
.articleRow .newsList .list .sub .text .des {font-size: 14px; color: #666; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.articleRow .newsList .list .sub .text .createTime {font-size: 12px; color: #999; justify-items: flex-end;}
.articleRow .newsList .list .sub .text .createTime .type {margin-right: 12px; border: 1px solid #f2f2f2; padding: 4px 10px; border-radius: 4px;}
.notFound {display: flex; justify-content: center; align-items: center; flex-direction: column; min-height: calc(100vh - 60px - 45px - 54px);}
.notFound .ico {width: 160px; height: 160px; opacity: .6; margin-bottom: 12px;}
.notFound p {font-size: 16px; font-weight: 600; color: #999;}
@media (max-width: 1200px) {
    .header .header-inner .menuList {display: none;}
    .header .header-inner .searchBtn {margin-left: 30px;}
    .header-float .s_menu {display: none;}
    .header-float .topRow .menu_m {display: flex;}
    .header-float .navList_m {display: block;}
    .header-float .sponsored {display: none;}
    .header-float {padding-bottom: 0;}
    .header .header-inner .menu_m {display: flex;}
    .contactUs .row .text {right: 30px;}
}
@media (max-width: 768px) {
    .header-float .navList2_m {display: block;}
    .header-float .topRow .rightNav {display: none;}
    .header .header-inner .rightNav {display: none;}
    .newList {flex-direction: column;}
    .newList .sub {width: 100%;}
    .newList .sub .name {margin-block: 20px;}
    .textList {flex-direction: column;}
    .textList a {width: 100%; padding-inline: 0;}
    .textList::before {display: none;}
    .textList::after {display: none;}
    .articleList {flex-direction: column; margin-inline: 12px;}
    .articleList .sub {width: calc(100% - 12px);}
    .articleList .sub .imgBox {height: auto;}
    .articleList .sub .name {margin-top: 12px;}
    .articleList .more {bottom: auto; top: -50px;}
    .articleList .more .text {font-size: 12px; font-weight: 100;}
    .eTitle,.lTitle {padding-inline: 12px;}
    .trendsList .list .sub,.resourcesList .list .sub {width: calc(50% - 20px);}
    .articleRow {display: block;}
    .articleRow .articleDetail {width: auto;}
    .articleRow .rightCol {width: auto; position: relative; padding-bottom: 100px;}
    .articleRow .rightCol::before {display: none;}
    .contactUs .row .text {right: 12px; top: 12px;}
    .contactUs .row .lbg {height: 300px;}
    .articleRow .newsList {width: 100%;}
}
@media (max-width: 500px) {
    .header {padding-inline: 12px; width: calc(100% - 24px);}
    .header-float {left: 12px; width: calc(100% - 24px);}
    .carousel {margin-inline: 12px;}
    .newList,.textList {margin-inline: 12px;}
    .trendsList .list .sub,.resourcesList .list .sub {width: 100%; margin-inline: 0;}
    .trendsList .list,.trendsList .list {padding-inline: 12px;}
    .contactUs .row .text {font-size: 12px;}
    .contactUs .row .text .lTitle, .contactUs .row .text .eTitle {margin-top: 12px;}
    .carousel .carousel-indicators li .img {width: 18px; height: 18px; margin-right: 5px;}
    .carousel .carousel-indicators li .name {font-size: 12px;}
    .carousel .carousel-inner .carousel-item .carousel-caption {font-size: 12px;}
    .articleRow .newsList .hotNews {padding-inline: 12px;}
    .articleRow .newsList .hotNews .sub .img {width: 120px;}
    .articleRow .newsList .hotNews .sub .text {width: calc(100% - 132px);}
    .articleRow .newsList .hotNews .sub .text .name {margin-bottom: 5px;}
    .articleRow .newsList .hotNews .sub .text .des {white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
    .articleRow .newsList .hotNews .sub .text .createTime {margin-top: 5px;}
    .articleRow .newsList .list {margin-inline: 12px;}
    .articleRow .newsList .list .sub {flex-wrap: wrap;}
    .articleRow .newsList .list .sub .img {width: 100%;}
    .articleRow .newsList .list .sub .text .createTime {margin-top: 12px;}
    .articleRow .newsList .list .sub .text {width: 100%;margin-right:0; margin-top: 12px;}
    .articleRow .newsList .list .sub .text .createTime {display: flex; justify-content: space-between;}
}