/* common start */
:root {
    --theme: #0053ff;
    --darkblack: #181818;
    --black: #333;
    --red: #f00202;
    --orange: #f18200;
    --darkgray: #666;
    --gray: #999;
    --dist40: 40px;
    --dist30: 30px;
    --dist24: 24px;
    --dist20: 20px;
    --dist10: 10px;
}
@font-face {
    font-family: Digital;
    src: url(../fonts/UNIDREAMLED.TTF);
}
@font-face {
    font-family: title;
    src: url(../fonts/优设标题黑.ttf);
}
@font-face {
    font-family: jiangxizhuokai;
    src: url(../fonts/jiangxizhuokai.ttf);
}
::-webkit-input-placeholder {
    color: #ccc !important;
}
:-moz-placeholder {
    color: #ccc !important;
}
::-moz-placeholder {
    color: #ccc !important;
}
:-ms-input-placeholder {
    color: #ccc !important;
}
.container {
    width: 1200px;
    margin: 0 auto;
}
.hover-effect {
    transition: all 100ms linear;
    cursor: pointer;
}
.hover-effect:hover {
    opacity: 0.6;
}
.hover-effect:active {
    opacity: 0.8;
}
.block {
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
}
.tabs {
    overflow: hidden;
}
.tabs-bar {
    display: flex;
    height: 37px;
}
.tabs-container > div {
    display: none;
}
.tabs-container > div:first-child {
    display: block;
}
.tab {
    font-size: 20px;
    line-height: 1;
    color: var(--darkblack);
    margin-right: 30px;
    cursor: pointer;
    line-height: 22px;
    transition: border 100ms linear;
    text-decoration: none;
}
.tab.active {
    font-size: 22px;
    color: var(--theme);
    padding-bottom: 13px;
    border-bottom: solid 2px var(--theme);
    font-weight: bold;
    line-height: 1;
}
.tab:last-child {
    margin-right: 0;
}
.tabs-content {
    margin-top: 30px;
}
h1.title {
    font-size: 30px;
    color: var(--darkblack);
    line-height: 42px;
    margin: 0;
}
h1.title > a {
    color: inherit;
    text-decoration: none;
}
h1.title > a:hover {
    color: var(--theme);
}
.ads-block {
    margin: 30px -1px 0 0;
    overflow: hidden;
}
.ads-block a {
    width: calc(50% - 1px);
    float: left;
    margin: 0 1px 0 0;
}
.ads-block a img {
    border-radius: 0;
    margin: 0;
}
.ads-block a:nth-child(1) img {
    border-radius: 10px 0 0 10px;
}
.ads-block a:nth-child(2) img {
    border-radius: 0 10px 10px 0;
}
.ads-block-6 {
    overflow: hidden;
    margin: 30px -1px 0 0;
}
.ads-block-6 a {
    float: left;
    width: 300px;
    margin: 0 1px 0 0;
}
.ads-block-6 a:nth-child(2),
.ads-block-6 a:nth-child(5) {
    width: 598px;
}
.ads-block-6 img {
    margin: 0;
    border-radius: 0;
}
.ads-block-6 a:nth-child(1) img,
.ads-block-6 a:nth-child(4) img {
    border-radius: 10px 0 0 10px;
}
.ads-block-6 a:nth-child(3) img,
.ads-block-6 a:nth-child(6) img {
    border-radius: 0 10px 10px 0;
}
.ads-block-6 a:nth-child(4),
.ads-block-6 a:nth-child(5),
.ads-block-6 a:nth-child(6) {
    margin-top: 20px;
}
.ads {
    display: block;
    width: 100%;
    height: 80px;
    border-radius: 10px;
    overflow: hidden;
    /*margin: 30px 0 0;*/
}
.more {
    font-size: 14px;
    color: var(--theme);
    text-decoration: none;
    display: flex;
    align-items: center;
    font-weight: normal;
    float: right;
}
.more img {
    margin: 0 0 0 10px;
}
.more-btn {
    width: 120px;
    height: 40px;
    background: #fff;
    border: solid 1px var(--theme);
    border-radius: 20px;
    display: inline-block;
    text-align: center;
}
.more-btn .more {
    line-height: 40px;
    display: inline-flex;
    float: none;
}
.breadcrumb {
    margin: 24px 0 0;
    font-size: 18px;
    color: var(--darkblack);
}
.breadcrumb a {
    text-decoration: none;
    color: inherit;
}
.layout {
    display: flex;
    justify-content: space-between;
    margin: 20px 0 0;
}
.layout-main {
    width: 855px;
}
.layout-side {
    width: 325px;
}
.layout-50 {
    width: calc(50% - 10px);
}
.loadmore {
    margin: 40px 0 20px;
    background: #f3f3f3;
    color: #0053ff;
    font-size: 12px;
    text-align: center;
    line-height: 42px;
    text-align: center;
    border-radius: 22px;
    cursor: pointer;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.bg-white {
    background: #fff;
}
.popup-mask {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1000;
    background: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(5px);
    display: none;
}
/* common end */

/* header start */
* {
    box-sizing: border-box;
}
html {
    background: #f8f8f8;
}
html,
body {
    /* font-family: PingFang SC, Lantinghei SC, Microsoft YaHei, HanHei SC,
        Helvetica Neue, Open Sans, Arial, Hiragino Sans GB, 微软雅黑, STHeiti,
        WenQuanYi Micro Hei, SimSun, sans-serif, HYWenHei-GEW !important; */
    font-family: "Arial", "Microsoft YaHei", "黑体", "宋体", sans-serif;
    min-width: 1200px;
    min-width: 1200px;
}
/* .header::before {
    content: "";
    width: 100%;
    height: 230px;
    background: linear-gradient(to right, #00b3ff, #0047ff);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
} */
/* .header::after {
    content: "";
    width: 100%;
    height: 60px;
    position: absolute;
    top: 230px;
    left: 0;
    background: url(../images/headerbg.png) no-repeat;
    background-size: contain;
    z-index: -1;
} */
.header::before,
.header::after {
    content: "";
    width: 100%;
    height: 145px;
    background: linear-gradient(to right, #00b3ff, #0047ff);
    position: absolute;
    top: 60px;
    left: 0;
    z-index: -2;
}
.header::after {
    background-image: url(../images/bg-header1.png);
    background-size: 100% 100%;
}
.header-company::before {
    height: 88px;
    display: none;
}
.header-company::after {
    display: none;
}
.header-company {
    border-bottom: solid 1px rgba(0, 0, 0, 0.05);
}
.header-bar {
    border-bottom: solid 1px rgba(255, 255, 255, 0.2);
    height: 60px;
    background: #fff;
}
.header-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.navbar {
    display: flex;
    align-items: center;
}
.logo {
    height: 60px;
    margin-right: 30px;
    display: flex;
    align-items: center;
}
.logo img {
    height: 30px;
}
.nav a {
    font-size: 18px;
    margin-right: 20px;
    color: var(--darkblack);
    text-decoration: none;
}
.nav .nav-index {
    color: var(--theme);
    position: relative;
    top: -1px;
}
.nav-index img {
    margin: -2px 4px 0 0;
    vertical-align: top;
}
.loginbar {
    display: flex;
    align-items: center;
}
.loginbar-menu {
    display: flex;
    align-items: center;
    position: relative;
}
.loginbar-menu::after {
    content: "|";
    padding: 0 24px;
    color: var(--gray);
    font-size: 16px;
    line-height: 24px;
}
.loginbar-menu:last-child:after {
    content: "";
    padding: 0;
}
.loginbar-login {
    display: flex;
    align-items: center;
}
.loginbar-link {
    color: var(--darkblack);
    font-size: 20px;
    line-height: 1;
    text-decoration: none;
}
.loginbar-more {
    padding: 0 5px;
    transition: all 200ms linear;
}
.loginbar-submenu {
    position: absolute;
    width: 140px;
    padding: 0 10px;
    background: #fff;
    top: 40px;
    left: -30px;
    border-radius: 10px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    display: none;
}
.loginbar-submenu a {
    display: block;
    font-size: 18px;
    padding: 15px 10px;
    text-decoration: none;
    text-align: center;
    color: var(--black);
    border-bottom: solid 1px #eee;
}
.loginbar-submenu a:last-child {
    border: none;
}
.search-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
}
.solgan {
    line-height: 1;
    color: #fff;
    font-family: "jiangxizhuokai";
}
.solgan div {
    font-size: 20px;
    display: none;
}
.solgan p {
    font-size: 32px;
    padding: 0 0 10px;
    margin: 0;
    border-bottom: solid 1px #fff;
}
.search {
    width: 424px;
    height: 54px;
    background: #fff;
    border-radius: 100px;
    display: flex;
    align-items: center;
}
.search-input {
    margin: 0 20px;
    flex: 1;
    height: 50px;
    border: none;
}
.search-input:focus {
    outline: none;
}
.search-button {
    width: 112px;
    height: 50px;
    border-radius: 30px;
    background: linear-gradient(to bottom, #fecc58, #f00302);
    font-size: 24px;
    margin-right: 2px;
    border: none;
    outline: none;
    cursor: pointer;
    color: #fff;
}
.menu {
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
}
.menu > a {
    font-size: 24px;
    margin-right: 80px;
    line-height: 1;
    color: #fff;
    text-decoration: none;
}
.menu > a:last-child {
    margin-right: 0;
}
.menu .menu-block {
    position: relative;
    z-index: 10;
}
.menu .menu-block > a {
    font-size: 20px;
    line-height: 40px;
    color: #fff;
    text-decoration: none;
    white-space: nowrap;
}
.menu .menu-sub {
    position: absolute;
    left: -30px;
    top: 40px;
    width: 160px;
    padding: 0 10px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    display: none;
}
.menu .menu-sub > a {
    display: block;
    font-size: 18px;
    padding: 15px 10px;
    text-decoration: none;
    text-align: center;
    color: var(--black);
    border-bottom: solid 1px #eee;
}
.menu .menu-sub > a:last-child {
    border: none;
}
.menu .menu-block:hover .menu-sub {
    display: block;
}
.header-hot {
    margin: 30px 0 20px;
    display: flex;
    align-items: center;
    font-size: 20px;
    align-items: start;
    position: relative;
}
.header-hot span {
    display: flex;
    align-items: center;
    margin: 11px 28px 11px 0;
    white-space: nowrap;
}
.header-hot span img {
    height: 24px;
    margin-left: 8px;
}
.header-hot div {
    flex-wrap: wrap;
    display: flex;
    max-width: 1000px;
}
.header-hot a {
    margin: 5px 20px 5px 0;
    color: var(--orange);
    height: 36px;
    line-height: 36px;
    background: linear-gradient(to bottom, #f9f4e8, #f8e0e0);
    font-size: 20px;
    padding: 0 12px;
    border-radius: 18px;
    text-decoration: none;
}
.header-hot .header-hot-more {
    position: absolute;
    right: 0;
    top: 0;
    background: none;
    color: var(--theme);
    margin-right: 0;
    font-size: 16px;
}
.header-hot-more img {
    margin: 0 0 0 5px;
}
.header-bg {
    width: 100%;
    margin: 11px 0 0;
    display: block;
}
/* header end */

/* footer start */
.footer {
    margin: 40px 0 0;
    height: 140px;
    position: relative;
}
.footer::before {
    content: "";
    width: 50%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
}
.footer::after {
    content: "";
    width: 50%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background: #34495e;
}
.footer-bar {
    position: relative;
    z-index: 1;
    display: flex;
    height: 100%;
    justify-content: center;
}
.footer-logo {
    width: 230px;
    background: #fff;
    display: flex;
    align-items: center;
}
.footer-content {
    background: #34495e;
    display: flex;
    align-items: center;
    flex: 1;
}
.footer-text {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.5);
    padding: 0 20px;
    text-align: center;
    flex: 1;
}
.footer-text p a {
    text-decoration: none;
    color: inherit;
    line-height: 1;
    display: inline-block;
    vertical-align: top;
    padding: 0 10px;
    border-right: solid 1px var(--darkgray);
}
.footer-text p a:last-child {
    border-right: none;
}
.footer-qrcode {
    font-size: 0;
}
.footer-qrcode img {
    width: 106px;
    height: 106px;
    margin: 0 12px;
}
/* footer end */

/* imgzoom start */
.popup-imgbox {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1001;
    display: none;
    text-align: center;
}
.popup-imgbox::after {
    content: "";
    width: 0;
    height: 100%;
    display: inline-block;
    vertical-align: middle;
}
.popup-img {
    max-width: 80vw;
    max-height: 80vh;
    display: inline-block;
    vertical-align: middle;
}
.popup-img-close {
    position: fixed;
    right: 20px;
    top: 20px;
    width: 40px;
    cursor: pointer;
}
.popup-img-control {
    position: fixed;
    left: 50%;
    bottom: 20px;
    transform: translate(-50%, 0);
    cursor: pointer;
}
.popup-img-control span img {
    width: 40px;
    margin: 0 20px;
}
.popup-img-control .disabled {
    cursor: not-allowed;
    opacity: 0.3;
}
.popup-img-text {
    position: fixed;
    left: 20px;
    top: 20px;
    line-height: 40px;
    font-size: 20px;
    color: #fff;
}
/* imgzoom end */

/* links start */
.links {
    margin: 40px 0 0;
}
.links-block {
    margin: 20px 0 0;
    padding: 10px;
    overflow: hidden;
}
.links-block a {
    float: left;
    color: var(--black);
    text-decoration: none;
    margin: 10px;
}
/* links end */

.index-swiper {
    height: 240px;
    border-radius: 10px;
}
.index-swiper .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.index-ads {
    margin: 0 -1px -1px 0;
}
.index-ads a {
    float: left;
    width: calc(25% - 1px);
    margin: 0 1px 1px 0;
}
.index-ads a img {
    width: 100%;
    height: 65px;
    display: block;
}
.news-bar {
    display: flex;
    margin: 30px 0 0;
}
.news {
    width: 800px;
    padding: 30px;
    height: 628px;
}
.news-ads {
    width: 100%;
    height: 70px;
    border-radius: 10px;
    display: block;
    margin: 20px 0 0;
}
.news-hot {
    align-items: center;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 24px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    line-height: 1;
    color: var(--red);
}
.news-hot a {
    color: var(--red);
    text-decoration: none;
}
.news-hot img {
    margin-right: 12px;
    vertical-align: bottom;
}
.news-normal {
    margin: 0 0 30px 0;
    padding: 0;
}
.news-normal:last-child {
    margin: 0;
}
.news-normal li {
    list-style-position: inside;
    list-style-type: disc;
    font-size: 12px;
    color: var(--darkblack);
    margin-bottom: 22px;
    position: relative;
    line-height: 18px;
}
.news-normal li:last-child {
    margin-bottom: 0;
}
.news-normal li div {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
    max-width: 70%;
    font-size: 18px;
    vertical-align: top;
}
.news-normal li span {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 14px;
    line-height: 18px;
    color: var(--darkgray);
}
.news-normal li a {
    color: var(--darkblack);
    text-decoration: none;
}
.supply {
    margin-left: 20px;
    width: 380px;
}
.supply-tabs {
    height: 300px;
    position: relative;
}
.supply-tabs.bg {
    background: linear-gradient(to bottom, #fffdfb, #ffecd1);
}
.supply-tabs::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-image: url(../images/supplybg.png);
    background-size: 100% 100%;
    z-index: 0;
}
.supply-tabs-bar {
    display: flex;
    position: relative;
    height: 50px;
    overflow: hidden;
    z-index: 1;
}
.supply-content {
    position: relative;
    z-index: 1;
}
.supply-tab {
    width: 217px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    font-size: 20px;
    color: var(--gray);
    cursor: pointer;
}
.supply-tab:nth-child(1) {
    background: url(../images/tab-left.png) no-repeat;
    padding-right: 20px;
    position: absolute;
    top: 0;
    left: 0;
}
.supply-tab:nth-child(2) {
    background: url(../images/tab-right.png) no-repeat;
    padding-left: 20px;
    position: absolute;
    top: 0;
    right: 0;
}
.supply-tab.active {
    font-size: 28px;
    line-height: 1;
    font-weight: bold;
    background-image: -webkit-linear-gradient(top, #fecc58, #f00302);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-top: 20px;
    width: 170px;
    text-align: center;
    padding: 0;
    height: auto;
}
.supply-publish {
    margin-top: 60px;
}
.supply-publish-num {
    display: flex;
}
.supply-publish-num > div {
    width: 50%;
    text-align: center;
}
.supply-publish-num > div h1 {
    font-size: 50px;
    font-family: Digital;
    background-image: -webkit-linear-gradient(top, #fecc58, #f00302);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 1;
    margin: 0;
}
.supply-publish-num > div p {
    font-size: 20px;
    color: var(--darkblack);
    margin: 6px 0 0;
    line-height: 1;
}
.gradient-btn {
    width: 280px;
    height: 60px;
    border-radius: 30px;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    background: linear-gradient(to bottom, #fecc58, #f00302);
    display: block;
    text-decoration: none;
    text-align: center;
    line-height: 60px;
    margin: 0 auto;
}
.supply-publish-btn {
    margin: 30px 0 0;
}
.supply-factory {
    display: none;
}
.supply-factory-title {
    margin: 26px 0 0;
    font-size: 24px;
    font-weight: bold;
    background-image: -webkit-linear-gradient(top, #fecc58, #f00302);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: center;
}
.supply-factory-type,
.c-form-radio {
    margin: 20px 60px 0;
    display: flex;
    justify-content: space-between;
}
.supply-factory-type span,
.c-form-radio span {
    font-size: 16px;
    color: var(--black);
    line-height: 1;
}
.supply-factory-type input[type="radio"],
.c-form-radio input[type="radio"] {
    appearance: none;
    position: relative;
    outline: none;
}
.supply-factory-type input[type="radio"]:before,
.c-form-radio input[type="radio"]:before {
    content: "";
    width: 16px;
    height: 16px;
    border: 1px solid rgba(0, 0, 0, 0.08);
    display: inline-block;
    border-radius: 50%;
    vertical-align: top;
    box-sizing: border-box;
}
.supply-factory-type input[type="radio"]:hover:before,
.c-form-radio input[type="radio"]:hover:before {
    border: 1px solid rgba(0, 0, 0, 0.2);
}
.supply-factory-type input[type="radio"]:checked:after,
.c-form-radio input[type="radio"]:checked:after {
    content: "";
    width: 8px;
    height: 8px;
    text-align: center;
    background: var(--theme);
    border-radius: 50%;
    display: block;
    position: absolute;
    top: 4px;
    left: 4px;
}
.supply-factory-search {
    width: 300px;
    height: 36px;
    appearance: none;
    outline: none;
    border-radius: 18px;
    background: #f5f5f5;
    padding: 0 16px;
    box-sizing: border-box;
    margin: 20px auto 0;
    display: block;
    border: none;
    font-weight: normal;
}
.supply-factory-btn {
    margin: 18px 0 0;
}
.supply-tabs ~ .text-link-block {
    height: 318px;
    margin: 10px 0 0;
}
.text-link-block {
    padding: 20px;
    margin: 0 0 20px;
}
.text-link {
    margin: 30px 0 0;
    height: 206px;
    overflow: hidden;
}
.text-link ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.text-link ul li {
    overflow: hidden;
}
.text-link a {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 18px;
    line-height: 1;
    color: var(--darkblack);
    text-decoration: none;
    display: block;
    margin: 0 0 26px;
}
.company {
    margin: 30px 0 0;
}
.company-block {
    margin: 20px 0 0;
    overflow: hidden;
}
.company-content {
    float: left;
    width: 390px;
    height: 320px;
    text-decoration: none;
    margin: 0 15px 0 0;
}
.company-content:last-child {
    margin: 0;
}
.company-content img {
    width: 100%;
    height: 230px;
    object-fit: cover;
    display: block;
}
.company-content div {
    padding: 20px;
}
.company-content div p {
    font-size: 18px;
    line-height: 25px;
    color: var(--darkblack);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    padding: 0;
}
.tech-bar {
    display: flex;
    margin-top: 30px;
}
.tech {
    padding: 20px;
    width: 780px;
    height: 590px;
}
.tech-tabs-bar {
    margin: 20px 0 0;
}
.tech-tabs {
    display: flex;
}
.tech-tab {
    width: 25%;
    text-align: center;
    cursor: pointer;
}
.tech-tab div {
    width: 110px;
    height: 110px;
    position: relative;
    margin: 0 auto;
}
.tech-tab div img {
    position: absolute;
    width: 100px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.tech-tab div img:nth-child(2) {
    display: none;
}
.tech-tab p {
    font-size: 20px;
    color: var(--darkgray);
    line-height: 1;
    margin: 20px 0 0;
    padding: 0;
}
.tech-tab i {
    width: 0;
    height: 0;
    border-bottom: solid 13px #f3f9ff;
    border-left: solid 13px transparent;
    border-right: solid 13px transparent;
    display: block;
    margin: 20px auto 0;
    opacity: 0;
}
.tech-tab.active i {
    opacity: 1;
}
.tech-tab.active img:nth-child(1) {
    display: none;
}
.tech-tab.active img:nth-child(2) {
    display: block;
}
.tech-tab.active p {
    color: var(--theme);
    font-weight: bold;
}
.tech-content {
    background: #f3f9ff;
    height: 300px;
    border-radius: 10px;
    position: relative;
    padding: 35px 40px;
}
.tech-link {
    padding: 0;
    margin: 0;
}
.tech-link li {
    font-size: 16px;
    line-height: 22px;
    color: var(--theme);
    margin: 0 0 20px;
    list-style-position: inside;
}
.tech-link li a {
    text-decoration: none;
    color: var(--darkblack);
    display: inline-block;
    max-width: 440px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    line-height: 22px;
    vertical-align: top;
}
.tech-link li:last-child {
    margin: 0;
}
.tech-content .more-btn {
    position: absolute;
    right: 40px;
    bottom: 35px;
}
.tech-ads {
    margin: 0 0 0 20px;
}
.tech-ads a {
    display: block;
    margin: 0 0 25px;
}
.tech-ads a:last-child {
    margin: 0;
}
.tech-ads img {
    width: 400px;
    height: 180px;
    border-radius: 10px;
    display: block;
}
.r-product {
    margin: 30px 0 0;
    padding: 20px;
    /* height: 426px; */
}
.r-product-list {
    margin: 20px -8px -10px 0;
    overflow: hidden;
}
.r-product-list a {
    float: left;
    width: 158px;
    height: 220px;
    border: solid 1px #eee;
    border-radius: 10px;
    text-decoration: none;
    margin: 0 8px 10px 0;
    background: #fff;
    overflow: hidden;
}
.r-product-list a img {
    width: 100%;
    height: 158px;
    object-fit: contain;
    display: block;
}
.r-product-list a div {
    display: flex;
    padding: 10px 15px 0;
    align-items: center;
    justify-content: center;
    height: 40px;
}
.r-product-list a div span {
    font-size: 14px;
    line-height: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--black);
    text-align: center;
}
.s-product {
    margin: 30px 0 0;
    padding: 20px;
    display: flex;
}
.s-product-nav {
    margin: 0 0 0 36px;
    display: flex;
    align-items: center;
}
.s-product-nav span {
    cursor: pointer;
    font-size: 24px;
    color: var(--darkblack);
    padding: 0 30px;
    line-height: 1;
    border-right: solid 1px #ddd;
}
.s-product-nav span:last-child {
    border-right: none;
}
.s-product-nav span.active {
    color: var(--theme);
    font-weight: bold;
}
.s-product-nav span.active::after {
    content: "";
    width: 0;
    height: 0;
    border-top: solid 9px var(--theme);
    border-left: solid 8px transparent;
    border-right: solid 8px transparent;
    display: inline-block;
    vertical-align: top;
    margin: 8px 0 0 10px;
}
.s-product-show {
    margin: 10px 0 0;
    display: flex;
}
.s-product-block {
    display: flex;
}
.s-product-link-block {
    width: 282px;
    height: 510px;
    padding: 20px;
    position: relative;
}
.s-product-link-block.blue {
    background: linear-gradient(141deg, #00c2ff 0%, #0047ff 100%);
}
.s-product-link-block.purple {
    background: linear-gradient(141deg, #ee85ff 0%, #4a7dff 100%);
}
.s-product-link-block.orange {
    background: linear-gradient(141deg, #ffb885 0%, #ff764a 100%);
}
.s-product-link-block.green {
    background: linear-gradient(141deg, #98d789 0%, #33b668 100%);
}
.s-product-link-block::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-image: url(../images/mask-group.png);
    background-size: 100% 100%;
    z-index: 0;
    mix-blend-mode: luminosity;
}
.s-product-link {
    margin: 16px -16px -16px 0;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.s-product-link a {
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    padding: 0 16px 16px 0;
    vertical-align: top;
    float: left;
    width: 50%;
    white-space: nowrap;
}
.s-product-block .s-product-link a {
    font-size: 18px;
}
.s-product-list {
    width: 914px;
    height: 510px;
    margin: 0 0 0 18px;
    overflow: hidden;
}
.s-product-list .r-product-list {
    margin: 0 -13px -10px 0;
}
.s-product-list .r-product-list a {
    border: none;
    margin: 0 13px 10px 0;
    width: 170px;
    height: 170px;
}
.s-product-list .r-product-list a img {
    margin: 20px auto 0;
}
.s-product-list .r-product-list a div {
    padding: 15px 15px 0;
}
.s-product-wrap {
    overflow: hidden;
    margin: 0 -16px -10px 0;
}
.s-product-box {
    width: 167px;
    height: 250px;
    float: left;
    margin: 0 16px 10px 0;
}
.s-product-box a {
    text-decoration: none;
    overflow: hidden;
}
.s-product-img {
    width: 100%;
    height: 167px;
    object-fit: contain;
    display: block;
}
.c-product-recommend .s-product-box,
.c-sidebox-product .s-product-box {
    height: 180px;
}
.c-product-recommend .s-product-img,
.c-sidebox-product .s-product-img {
    height: 120px;
}
.s-product-name,
.s-product-company {
    font-size: 12px;
    color: var(--black);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 12px 12px 0;
    text-align: center;
}
.c-product-recommend .s-product-name {
    font-size: 16px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}
.s-product-company {
    color: var(--darkgray);
    margin: 4px 12px 0;
}
.s-product-btn {
    width: 48px;
    height: 20px;
    border-radius: 4px;
    border: solid 1px var(--orange);
    display: block;
    margin: 4px auto 0;
    color: var(--orange);
    text-align: center;
    font-size: 12px;
    line-height: 18px;
}
.exhibition-bar {
    margin: 30px 0 0;
}
.exhibition {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.exhibition-list-bar {
    display: flex;
    margin: 20px 0 0;
}
.exhibition-list-block {
    width: 880px;
    height: 540px;
}
.exhibition-list {
    margin: 0 -10px -20px 0;
    overflow: hidden;
}
.exhibition-list > div {
    width: 286px;
    height: 260px;
    float: left;
    margin: 0 10px 20px 0;
    text-decoration: none;
}
.exhibition-img {
    width: 100%;
    height: 140px;
    object-fit: cover;
    display: block;
}
.exhibition-content {
    padding: 20px;
}
.exhibition-tag,
.news-tag {
    overflow: hidden;
    margin: 0 -8px 0 0;
    height: 22px;
}
.exhibition-tag span,
.news-tag span {
    float: left;
    padding: 5px 8px;
    border-radius: 20px;
    background: #e8faef;
    color: #25d061;
    font-size: 12px;
    line-height: 1;
    margin: 0 8px 0 0;
}
.news-tag {
    margin-top: 10px;
}
.news-tag span {
    background: rgba(0, 83, 255, 0.1);
    color: #0053ff;
}
.exhibition-name {
    font-size: 16px;
    color: var(--darkblack);
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 8px 0 0;
}
.exhibition-name a {
    text-decoration: none;
    color: inherit;
}
.exhibition-time {
    margin: 10px 0 0;
    display: flex;
    align-items: center;
    color: var(--darkgray);
    font-size: 14px;
    line-height: 1;
}
.exhibition-time img {
    margin: 0 12px 0 0;
}
.exhibition-link {
    margin: 0 0 0 20px;
    width: 300px;
    height: 540px;
    padding: 20px;
}
.exhibition-link a {
    font-size: 16px;
    line-height: 22px;
    text-decoration: none;
    color: var(--darkblack);
    margin: 0 0 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}
.exhibition-link a:last-child {
    margin: 0;
}
.video-bar {
    margin: 30px 0 0;
}
.video {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.video-block {
    margin: 20px 0 0;
    display: flex;
}
.video-list-block {
    width: 740px;
    height: 508px;
    overflow: hidden;
}
.video-list {
    margin: 0 -20px -20px 0;
}
.video-content {
    float: left;
    width: 360px;
    height: 244px;
    margin: 0 20px 20px 0;
    text-decoration: none;
}
.video-content-rec {
    padding: 20px;
    display: flex;
    align-items: center;
    font-size: 20px;
    color: var(--darkblack);
}
.video-content-list {
    padding: 0 20px;
}
.video-content-list a {
    display: block;
    margin: 0 0 10px;
    text-decoration: none;
    color: var(--darkblack);
    font-size: 16px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 24px;
}
.video-content-list a:last-child {
    margin: 0;
}
.video-content-rec img {
    margin: 0 10px 0 0;
}
.video-img {
    height: 180px;
    position: relative;
}
.video-poster {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.video-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}
.video-name {
    padding: 20px;
    color: var(--darkblack);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 18px;
    line-height: 1;
}
.video-link-block {
    width: 440px;
    margin-left: 20px;
}
.video-ads {
    display: block;
}
.video-ads img {
    display: block;
    width: 100%;
    height: 244px;
}
.video-link {
    margin: 20px 0 0;
    height: 244px;
    padding: 20px;
}
.video-link a {
    display: block;
    font-size: 18px;
    line-height: 25px;
    color: var(--darkblack);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-decoration: none;
    margin: 0 0 20px;
    align-items: center;
}
.video-link a img {
    margin: 0 10px 0 0;
    position: relative;
    top: 1px;
}
.video-link a:last-child {
    margin: 0;
}
.expert {
    margin: 30px 0 0;
    display: flex;
}
.expert-show {
    width: 784px;
}
.expert-council {
    margin: 20px 0 0;
    background: #001f64;
    height: 600px;
}
.expert-council-title {
    margin: 30px 0 0;
    font-family: title;
    font-size: 40px;
    line-height: 52px;
    color: #fff;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.expert-council-title::before {
    content: "";
    width: 60px;
    height: 5px;
    border-radius: 5px;
    background: linear-gradient(
        to right,
        rgba(255, 255, 255, 0),
        rgba(255, 255, 255, 1)
    );
    margin: 0 25px;
}
.expert-council-title::after {
    content: "";
    width: 60px;
    height: 5px;
    border-radius: 5px;
    background: linear-gradient(
        to left,
        rgba(255, 255, 255, 0),
        rgba(255, 255, 255, 1)
    );
    margin: 0 25px;
}
.expert-council-list-block {
    margin: 30px 20px 0;
}
.expert-council-list {
    margin: 0 -8px -10px 0;
    overflow: hidden;
}
.expert-info {
    width: 180px;
    height: 220px;
    float: left;
    padding: 16px 20px;
    text-align: center;
    text-decoration: none;
    color: var(--darkblack);
    margin: 0 8px 10px 0;
}
.expert-info img {
    width: 100px;
    height: 100px;
    object-fit: cover;
    border-radius: 50%;
    margin: 0 auto;
    display: block;
}
.expert-info div {
    font-size: 20px;
    line-height: 28px;
    margin: 10px 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.expert-info p {
    margin: 10px 0 0;
    padding: 0;
    font-size: 14px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.expert-info span {
    display: block;
    font-size: 14px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.expert-list-block {
    margin: 0 0 0 20px;
    width: 396px;
}
.expert-list {
    margin: 20px 0 0;
    height: 600px;
    overflow: hidden;
}
.expert-list ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.expert-list-link {
    text-decoration: none;
    height: 142px;
    display: block;
    margin: 0 0 10px;
    padding: 20px 30px;
    display: flex;
    align-items: center;
}
.expert-list-link img {
    width: 100px;
    height: 100px;
    border-radius: 60px;
    display: block;
    object-fit: cover;
}
.expert-list-link dl {
    margin: 0 0 0 20px;
    width: 216px;
}
.expert-list-link dt {
    font-size: 24px;
    line-height: 33px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--darkblack);
    margin: 0 0 10px;
    font-weight: bold;
}
.expert-list-link dd {
    margin: 0;
    font-size: 14px;
    color: var(--darkgray);
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.logos {
    margin: 30px 0 0;
}
.logos-block {
    margin: 20px -10px -10px 0;
    overflow: hidden;
}
.logos-link {
    width: 190px;
    height: 180px;
    float: left;
    text-decoration: none;
    text-align: center;
    margin: 0 10px 10px 0;
}
.logos-link img {
    width: 100%;
    height: 122px;
    object-fit: contain;
    display: block;
    margin: 0 auto;
    padding: 10px 10px 0;
}
.logos-link div {
    font-size: 20px;
    line-height: 28px;
    margin: 10px 20px 0;
    color: var(--darkblack);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.news-main {
    display: flex;
}
.news-main-img {
    width: 400px;
    overflow: hidden;
    font-size: 0;
}
.news-main-img img {
    width: 400px;
    height: 257px;
    object-fit: cover;
}
.news-main-list {
    margin: 0 20px;
}
.news-main-link {
    display: block;
    position: relative;
    text-decoration: none;
    margin: 0 0 16px;
    width: 435px;
    height: 75px;
}
.news-main-link:last-child {
    margin: 0;
}
.news-main-date {
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    width: 70px;
    height: 75px;
    background: #eee;
    line-height: 75px;
    color: var(--darkblack);
}
.news-main-text {
    margin: 0 0 0 80px;
}
.news-main-text h4 {
    margin: 0;
    font-size: 18px;
    line-height: 25px;
    color: var(--darkblack);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: normal;
}
.news-main-text p {
    margin: 10px 0 0;
    font-size: 14px;
    line-height: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--black);
}
.news-list {
    margin: 40px 0 0;
    padding: 20px;
}
.news-list-block {
    margin: 0 0 30px;
    display: block;
    text-decoration: none;
    position: relative;
    min-height: 108px;
}
.news-list-block * {
    text-decoration: none;
}
.news-list-block:last-child {
    margin: 0;
}
.news-list-img {
    width: 140px;
    height: 108px;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
}
.news-list-content {
    margin: 0 0 0 160px;
    position: relative;
}
.news-list-text {
    font-size: 20px;
    line-height: 28px;
    color: var(--darkblack);
    margin: 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-weight: normal;
}
.news-list-desc {
    font-size: 14px;
    line-height: 20px;
    height: 40px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--black);
    margin: 10px 0 0;
}
.news-list-time {
    margin: 10px 0 0;
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 20px;
    color: var(--gray);
    position: absolute;
    right: 0;
    bottom: 0;
}
.news-list-time img {
    margin: 0 10px 0 0;
}
.news-list-content .news-list-time {
    position: static;
}
.news-company {
    margin: 0;
}
.news-company .company-block {
    display: block;
}
.news-company .company-content {
    width: 325px;
    height: 290px;
    margin: 0 0 20px;
}
.news-company .company-content img {
    height: 200px;
}
.news-list-ads {
    width: 325px;
    height: 240px;
    display: block;
    margin: 0 0 20px;
}
.news-hot-box {
    padding: 20px;
}
.news-hot-list {
    margin: 30px 0 0;
}
.news-hot-list a {
    font-size: 18px;
    line-height: 25px;
    color: var(--darkblack);
    text-decoration: none;
    display: block;
    margin: 0 0 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.news-hot-list a:last-child {
    margin: 0;
}
.news-detail {
    padding: 30px 20px 0;
}
.news-title {
    text-align: center;
    font-size: 20px;
    margin: 0;
}
.news-data-block {
    margin: 30px 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.news-data span {
    font-size: 14px;
    color: var(--gray);
    margin: 0 25px 0 0;
}
.news-share {
    display: flex;
    align-items: center;
}
.news-share a {
    text-decoration: none;
    margin: 0 0 0 15px;
    font-size: 0;
}
.news-detail .news-tag {
    margin-top: 20px;
}
.news-info {
    margin: 20px 0 0;
    padding: 20px;
    background: rgba(241, 130, 0, 0.06);
    color: var(--orange);
    font-size: 16px;
    line-height: 24px;
}
.news-detail-content {
    font-size: 16px;
    line-height: 28px;
    color: var(--darkblack);
    margin: 30px 0 0;
}
.news-detail-content img {
    max-width: 100%;
}
.news-detail-content p {
    margin: 0;
    padding: 5px 0;
    line-height: normal;
}
.author {
    margin: 20px 0 0;
    padding: 40px 30px;
    background: #f2f2f2;
    display: flex;
    align-items: center;
    text-decoration: none;
}
.author-avatar {
    width: 80px;
    height: 80px;
    object-fit: cover;
}
.author-info {
    margin: 0 0 0 20px;
    flex: 1;
}
.author-info p {
    margin: 0;
    font-size: 24px;
    line-height: 28px;
    color: var(--black);
}
.author-info span {
    margin: 20px 0 0;
    font-size: 16px;
    color: var(--darkgray);
    display: block;
}
.author-link {
    width: 40px;
    height: 40px;
    background: url(../images/icon-go.png);
}
.news-related {
    margin: 20px 0 0;
}
.news-related-title {
    font-weight: bold;
    font-size: 24px;
    line-height: 28px;
    color: var(--darkblack);
}
.news-related-list {
    padding: 0;
}
.news-related-list li {
    margin: 20px 0 0;
    padding: 0;
    list-style-position: inside;
    font-size: 12px;
    line-height: 20px;
    overflow: hidden;
}
.news-related-list li a {
    font-size: 16px;
    color: var(--darkblack);
    text-decoration: none;
    line-height: 20px;
    max-width: 80%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
    vertical-align: top;
}
.news-related-list li span {
    font-size: 14px;
    color: var(--darkgray);
    line-height: 20px;
    float: right;
}
.copyright {
    background-color: #f2f2f2;
    padding: 20px;
    font-size: 16px;
    line-height: 24px;
    color: #aaa;
    margin: 40px -20px 0;
}
.company-top {
    margin: 20px 0 0;
    display: flex;
}
.company-img {
    width: 480px;
    height: 310px;
    font-size: 0;
}
.company-img img {
    width: 480px;
    height: 310px;
    object-fit: cover;
}
.company-news {
    width: 700px;
    margin: 0 0 0 20px;
}
.company-news-list {
    margin: 0 0 30px;
    text-decoration: none;
    display: block;
}
.company-news-list:last-child {
    margin: 0;
}
.company-news-list ul {
    padding: 0;
    margin: 0;
}
.company-news-list li {
    color: var(--darkblack);
    font-size: 18px;
    line-height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    list-style-position: inside;
}
.company-news-list p {
    color: var(--black);
    margin: 10px 0 0;
    font-size: 14px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.company-list {
    overflow: hidden;
    margin: 60px -13px -20px 0;
    padding: 0;
}
.company-list li {
    list-style-type: none;
    margin: 0 13px 20px 0;
    width: 290px;
    float: left;
}
.company-list-img img {
    width: 290px;
    height: 178px;
    display: block;
    object-fit: cover;
}
.company-list-wrap {
    padding: 20px;
}
.company-list-title {
    font-size: 18px;
    line-height: 25px;
    height: 50px;
    color: var(--darkblack);
    text-decoration: none;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}
.company-list-line {
    width: 38px;
    height: 4px;
    background: var(--theme);
    margin: 10px 0 0;
}
.company-list-name {
    margin: 10px 0 0;
    color: var(--darkblack);
    font-size: 14px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.company-list-name a {
    text-decoration: none;
    color: inherit;
}
.tech-block {
    padding: 20px;
}
.tech-wrap {
    overflow: hidden;
    margin: 0 -40px 0 0;
}
.tech-wrap a {
    margin: 20px 40px 0 0;
    position: relative;
    text-decoration: none;
    width: calc(50% - 40px);
    height: 60px;
    float: left;
}
.tech-wrap a img {
    position: absolute;
    width: 80px;
    height: 60px;
    object-fit: cover;
}
.tech-wrap a div {
    margin: 0 0 0 100px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--darkblack);
    font-size: 20px;
    line-height: 30px;
}
.brand {
    padding: 20px;
    margin: 20px 0 0;
    height: 510px;
}
.brand-block {
    position: relative;
    text-decoration: none;
    margin: 0 0 22px;
    display: block;
    height: 60px;
}
.brand-block:last-child {
    margin: 0;
}
.brand-img {
    width: 60px;
    height: 60px;
    object-fit: contain;
    position: absolute;
    left: 0;
    top: 0;
}
.brand-name {
    margin: 0 0 0 70px;
    height: 40px;
}
.brand-name dt {
    font-size: 14px;
    line-height: 20px;
    color: var(--black);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 10px 0 0;
}
.brand-name dd {
    margin: 4px 0 0;
    font-size: 12px;
    line-height: 16px;
    color: var(--darkgray);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.float-btn {
    width: 88px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    border: solid 1px var(--theme);
    border-radius: 20px;
    font-size: 16px;
    color: var(--theme);
}
.news-tag-wrap,
.other-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 10px 0 0;
}
.other-info {
    margin: 6px 0 0;
}
.news-tag-wrap .news-tag {
    margin-top: 0;
}
.other-info span {
    font-size: 14px;
    line-height: 16px;
    color: var(--orange);
}
.other-info div {
    font-size: 14px;
    line-height: 16px;
    color: var(--red);
    align-items: center;
    width: 88px;
    text-align: center;
}
.other-info div img {
    margin: 0 4px 0 0;
    height: 16px;
    vertical-align: top;
}
.meeting-block {
    padding: 20px;
}
.meeting-list {
    margin: 20px 0 0;
}
.meeting-list > div {
    display: flex;
    width: 100%;
    float: none;
    height: 80px;
    margin: 0 0 20px;
}
.meeting-list > div:first-child {
    height: 140px;
}
.meeting-list > div:last-child {
    margin: 0;
}
.meeting-list > div:not(:first-child) .exhibition-img {
    width: 160px;
    height: 80px;
}
.meeting-list .exhibition-content {
    padding: 0 0 0 20px;
}
.meeting-list > div .exhibition-name {
    margin: 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    white-space: wrap;
}
.meeting-list > div:first-child .exhibition-name {
    font-size: 20px;
    -webkit-line-clamp: 2;
    line-height: 28px;
}
.meeting-list .exhibition-tag {
    margin: 10px 0 0;
}
.meeting-list .exhibition-img {
    width: 280px;
    height: 140px;
    border-radius: 10px;
}
.exhibition-block {
    margin: 30px 0 0;
    padding: 20px;
}
.exhibition-block .news-list {
    padding: 0;
    margin: 0 -40px 0 0;
    overflow: hidden;
}
.exhibition-block .news-list-img {
    width: 160px;
    height: 100px;
}
.exhibition-block .news-list-content {
    margin: 0 0 0 180px;
}
.exhibition-block .news-list-block {
    margin: 20px 40px 0 0;
    float: left;
    width: calc(50% - 40px);
}
.exhibition-block .news-list-text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    white-space: wrap;
    font-size: 16px;
    line-height: 22px;
    font-weight: bold;
}
.news-tag .tag-time {
    background: rgba(255, 152, 0, 0.1);
    color: #ff9800;
}
.focus-video {
    display: flex;
    margin: 20px 0 0;
}
.video-banner {
    width: 800px;
    height: 244px;
}
.video-banner img {
    display: block;
    width: 800px;
    height: 244px;
    object-fit: cover;
}
.focus-video .video-content {
    margin: 0 0 0 40px;
}
.video-wrap {
    margin: 20px 0 0;
}
.video-swiper {
    text-decoration: none;
    width: 360px;
}
.video-swiper-wrap {
    width: 360px;
    height: 244px;
}
#st-1 .st-btn {
    border: none !important;
}
.c-header {
    height: 178px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.c-namebox {
    display: inline-flex;
    align-items: center;
}
.c-logo img {
    width: 80px;
    height: 80px;
    object-fit: cover;
}
.c-name {
    margin: 0 0 0 26px;
}
.c-name h1 {
    font-size: 36px;
    line-height: 1;
    margin: 0;
    color: var(--darkblack);
}
.c-name-tag {
    margin: 18px 0 0;
    padding: 0;
    overflow: hidden;
}
.c-name-tag li {
    list-style-type: none;
    float: left;
    padding: 4px 8px;
    border: solid 1px var(--orange);
    border-radius: 20px;
    margin: 0 10px 0 0;
    font-size: 14px;
    color: var(--orange);
}
.c-contactbox {
    background: rgba(0, 0, 0, 0.03);
    width: 350px;
    height: 136px;
    border-radius: 20px;
    text-align: center;
    padding: 0 20px;
}
.c-contact {
    font-size: 20px;
    margin: 14px 0 0;
    color: var(--darkblack);
}
.c-contact div {
    font-size: 20px;
    margin: 8px 0 0;
}
.c-contact-text {
    width: 240px;
    height: 44px;
    border-radius: 22px;
    background: rgba(241, 130, 0, 0.06);
    line-height: 44px;
    font-size: 16px;
    color: var(--orange);
    margin: 10px auto 0;
}
.c-navbox {
    background: rgba(5, 109, 232, 0.03);
    height: 80px;
}
.c-nav {
    overflow: hidden;
}
.c-nav a {
    float: left;
    line-height: 80px;
    font-size: 24px;
    color: var(--theme);
    margin: 0 60px 0 0;
    text-decoration: none;
}
.c-nav a:last-child {
    margin: 0;
}
.c-productbox {
    padding: 0 0 40px;
}
.c-ads-wrap {
    padding: 40px 0 20px;
}
.c-ads-wrap .ads {
    height: auto;
    margin: 0;
}
.c-product {
    margin: 60px -10px 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
    position: relative;
}
.c-product::after {
    content: "";
    width: 100%;
    height: 1px;
    background: #fff;
    position: absolute;
    left: 0;
    bottom: 40px;
}
.c-product li {
    float: left;
    width: 50%;
    padding: 20px 10px;
    /* margin: 0 0 20px; */
    display: flex;
    align-items: center;
    position: relative;
}
.c-product li::after {
    content: "";
    width: calc(100% - 20px);
    height: 1px;
    background: #eee;
    position: absolute;
    left: 10px;
    bottom: 0;
}
.c-product-img img {
    width: 160px;
    height: 160px;
    object-fit: contain;
}
.c-product-info {
    margin: 0 -10px 0 20px;
    overflow: hidden;
    position: relative;
}
.c-product-name,
.c-product-parm {
    font-size: 16px;
    color: var(--darkblack);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 10px;
}
.c-product-name span,
.c-product-parm span {
    color: var(--darkgray);
    margin: 0 10px 0 0;
}
.c-product-parm {
    float: left;
    width: 50%;
    margin: 20px 0 0;
}
.c-container {
    padding: 40px 0;
}
.c-info {
    margin: 20px 0 0;
    display: flex;
}
.c-info-videobox,
.c-info-video-default {
    width: 480px;
    height: 310px;
    position: relative;
    background: #000;
    margin: 0 50px 0 0;
}
.c-info-video-default {
    object-fit: cover;
}
.c-info-video {
    width: 100%;
    height: 100%;
}
.c-info-video-mask {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    background: rgba(0, 0, 0, 0.2);
    display: flex;
    justify-content: center;
    align-items: center;
}
.c-info-video-play {
    cursor: pointer;
}
.c-info-main {
    flex: 1;
}
.c-info-main h1 {
    font-size: 40px;
    margin: 0 0 17px;
    color: var(--darkblack);
}
.c-info-main p {
    font-size: 20px;
    color: var(--black);
    line-height: 2;
    margin: 0;
}
.c-news {
    padding: 40px 0;
}
.c-footer {
    padding: 40px 0 80px;
}
.c-footer-infobox {
    overflow: hidden;
}
.c-footer-info {
    float: left;
    margin: 0 110px 20px 0;
    font-size: 16px;
}
.c-footer-info:last-child {
    margin-right: 0;
}
.c-footer-info span {
    color: var(--darkgray);
    width: 80px;
    display: inline-block;
    vertical-align: top;
    margin: 0 10px 0 0;
}
.c-footer-info div {
    color: var(--darkblack);
}
.c-footer-flex {
    display: flex;
}
.c-footer-flex section {
    flex: 1;
}
.c-footer-flex section a {
    color: var(--darkblack);
    display: inline-block;
    vertical-align: top;
    margin: 0 10px 10px 0;
    text-decoration: none;
}
.c-footer-tips {
    text-align: center;
    font-size: 16px;
    color: var(--darkgray);
    margin: 40px 0 0;
}
.c-container.bg-white ~ .c-footer {
    background: none;
}
.c-introduction {
    padding: 30px 20px 40px;
}
.c-introduction-title {
    font-size: 20px;
    color: var(--darkblack);
    margin: 0 0 20px;
    text-align: center;
}
.c-introduction-article {
    font-size: 16px;
    color: var(--darkblack);
    line-height: 28px;
}
.c-product-recommend {
    padding: 20px 20px 40px;
    margin: 20px 0 0;
}
.c-product-recommend .s-product-wrap {
    margin: 40px -40px -20px 0;
}
.c-product-recommend .s-product-box {
    margin: 0 40px 20px 0;
}
.c-sidebox {
    padding: 20px 10px 30px;
}
.c-side-company {
    position: relative;
    height: 80px;
}
.c-side-company > img {
    width: 80px;
    height: 80px;
    object-fit: contain;
    position: absolute;
    left: 0;
    top: 0;
}
.c-side-company > div {
    padding-left: 90px;
}
.c-side-company-nameS {
    font-size: 20px;
    color: var(--black);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 10px 0 0;
}
.c-side-company-nameL {
    font-size: 16px;
    color: var(--darkgray);
    margin: 16px 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.c-side-info .c-name-tag {
    margin: 10px 0 0;
}
.c-visit {
    font-size: 14px;
    color: var(--darkgray);
    margin: 14px 0 0;
}
.c-form-box {
    margin: 30px 0 0;
}
.c-form {
    margin: 25px 0 0;
}
.c-form-title {
    font-size: 14px;
    color: var(--black);
}
.c-form-title span {
    color: var(--red);
    margin: 0 4px 0 0;
}
.c-form-input,
.c-form-textarea {
    margin: 4px 0 0;
    border-radius: 5px;
    border: solid 1px #ccc;
    font-size: 14px;
    padding: 0 8px;
    height: 40px;
    width: 100%;
}
.c-form-textarea {
    height: 120px;
    padding: 10px 8px;
}
.c-form-submit {
    margin: 30px 0 0;
    height: 40px;
    border-radius: 20px;
    background: var(--theme);
    color: #fff;
    font-size: 16px;
    width: 100%;
    border: none;
}
.c-product-list {
    padding: 20px;
}
/* .c-product-type {
    display: flex;
}
.c-product-type span:nth-of-type(1) {
    color: var(--darkgray);
    font-size: 16px;
}
.c-product-type span:nth-of-type(2) {
    color: var(--darkblack);
    font-size: 16px;
    margin: 0 0 0 20px;
    flex: 1;
} */
.c-product-type-block {
    margin: 0 0 20px;
    overflow: hidden;
}
.c-product-type-title {
    width: 120px;
    float: left;
    color: var(--darkgray);
    font-size: 16px;
    text-align: right;
    padding: 4px 20px 4px 0;
}
.c-product-type-name {
    float: left;
    width: calc(100% - 120px);
}
.c-product-type-name a {
    color: var(--darkblack);
    font-size: 16px;
    text-decoration: none;
    margin: 0 20px 10px 0;
    padding: 4px 8px;
    word-break: keep-all;
    display: inline-block;
}
.c-product-type-name a.active {
    border: solid 1px var(--theme);
    border-radius: 4px;
    color: var(--theme);
}
.c-product-list .c-product {
    margin-top: 24px;
}
.c-product-list .c-product::after {
    display: none;
}
.c-product-list .c-product li {
    width: 100%;
    float: none;
}
.c-product-list .c-product-img img {
    width: 240px;
    height: 150px;
}
.c-product-list .c-product-parm b {
    font-size: 24px;
    color: var(--orange);
    font-weight: normal;
}
.c-product-button {
    width: 148px;
    height: 36px;
    border-radius: 5px;
    background: var(--orange);
    position: absolute;
    right: 25px;
    bottom: 0;
    color: #fff;
    font-size: 14px;
    line-height: 36px;
    text-align: center;
    text-decoration: none;
}
.c-introduction-product {
    margin-top: 20px;
    padding: 0 0 20px;
}
.c-introduction-product .c-introduction-title {
    text-align: left;
}
.c-news-box .news-list {
    margin: 0;
}
.c-more-news {
    overflow: hidden;
    margin: 40px 0;
}
.c-more-news a {
    font-size: 14px;
    color: var(--theme);
    text-decoration: none;
    max-width: 45%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.c-more-left {
    float: left;
}
.c-more-right {
    float: right;
}
.c-video-box {
    padding: 20px 40px 40px;
}
.c-video-list {
    /* overflow: hidden;
    margin: 0 -60px 0 0; */
    /*每行最多两个*/
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.c-video-list > a {
    float: left;
    width: calc(50% - 60px);
    text-decoration: none;
    margin: 0 60px 22px 0;
}
.c-video {
    position: relative;
    overflow: hidden;
    border-radius: 10px 10px 0 0;
}
.c-video-poster {
    width: 100%;
    height: 180px;
    object-fit: cover;
    display: block;
}
.c-video-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.c-video-name {
    font-size: 18px;
    color: var(--darkblack);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 20px 0 0;
}
.c-video-info {
    margin: 8px 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.c-video-time {
    font-size: 12px;
    color: var(--darkgray);
    min-width: 95px;
}
.c-video-detail {
    padding: 20px;
}
.c-video-detail .c-info-videobox {
    width: 100%;
    height: 407px;
    margin: 0;
}
.c-video-title {
    font-size: var(--darkblack);
    font-size: 20px;
    margin: 20px 0 10px;
}
.c-video-logo {
    margin: 10px 0 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.c-video-logo img {
    height: 28px;
    display: block;
}
.c-video-logo span {
    font-size: 14px;
    color: var(--gray);
}
.c-video-logo ~ .c-introduction {
    padding: 0;
    margin: 40px 0 0;
}
.c-video-logo ~ .c-introduction .c-introduction-title {
    text-align: left;
}
.c-prize-box {
    padding: 20px 20px 40px;
}
.c-prize-wrap {
    margin: 0 -18px 0 0;
    overflow: hidden;
}
.c-prize {
    float: left;
    width: 190px;
    margin: 0 18px 20px 0;
    cursor: pointer;
}
.c-prize-img {
    width: 100%;
    height: 120px;
    display: block;
    object-fit: contain;
}
.c-prize-text {
    font-size: 20px;
    color: var(--black);
    margin: 10px 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
}
.c-comment-box {
    padding: 20px;
}
.c-comment-box form {
    width: 590px;
    margin: 40px auto 0;
}
.c-comment-box .c-form {
    display: flex;
}
.c-comment-box .c-form-title {
    width: 100px;
    line-height: 40px;
}
.c-form-radio {
    width: 100%;
    margin: 11px 0 0;
    justify-content: flex-start;
}
.c-form-radio label {
    margin: 0 100px 0 0;
}
.c-comment-box .c-form-submit {
    width: 280px;
    margin: 40px auto;
    display: block;
}
.c-sidebox-product {
    padding: 20px 20px 30px;
    margin: 20px 0 0;
}
.c-sidebox-product .s-product-wrap {
    margin: 0;
}
.c-sidebox-product .s-product-box {
    float: none;
    margin: 20px auto 0;
}
.c-sidebox-product .s-product-name {
    font-size: 16px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}
.c-contact-container {
    padding: 20px 20px 40px;
}
.c-contact-wrap {
    margin: 20px 0 0;
}
.c-contact-content {
    display: flex;
    margin: 0 0 20px;
    font-size: 16px;
}
.c-contact-content dt {
    width: 80px;
    color: var(--darkgray);
}
.c-contact-content dd {
    flex: 1;
    margin: 0 0 0 10px;
    color: var(--darkblack);
}
.c-contact-content dd a {
    color: inherit;
    text-decoration: none;
}
.c-map {
    height: 424px;
    background: #f0f0f0;
}
.expert-banner {
    width: 100%;
    height: 320px;
    object-fit: cover;
    display: block;
    margin: 20px 0 0;
}
.expert-committee-box {
    margin: 40px 0 0;
    padding: 20px;
}
.expert-committee-wrap {
    overflow: hidden;
    margin: 40px 0 -20px;
}
.expert-committee {
    float: left;
    width: 33.33%;
    padding: 0 10px;
    position: relative;
    height: 120px;
    text-decoration: none;
    margin: 0 0 40px;
}
.expert-committee-avatar {
    width: 120px;
    height: 120px;
    border-radius: 60px;
    object-fit: cover;
    position: absolute;
    left: 10px;
    top: 0;
}
.expert-committee-info {
    padding: 0 30px 0 150px;
    margin: 0;
}
.expert-committee-info dt {
    font-size: 24px;
    color: var(--darkblack);
    font-weight: bold;
    padding: 18px 0 0;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.expert-committee-info dd {
    margin: 10px 0 0;
    color: var(--darkgray);
    font-size: 14px;
}
.expert-committee-info dd div {
    margin: 4px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.expert-industry-box {
    margin: 20px 0 0;
    padding: 20px;
}
.expert-industry-box .expert-council-list {
    margin: 20px -16px 0 0;
}
.expert-industry-box .expert-info {
    border: solid 1px rgba(0, 0, 0, 0.1);
    height: 280px;
    margin: 0 16px 20px 0;
}
.expert-industry-box .expert-info section {
    font-size: 14px;
    color: var(--theme);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.expert-industry-box .expert-info section b {
    display: block;
    margin: 10px 0 4px;
}
.expert-class-box .video-list-block {
    width: 100%;
    height: auto;
}
.expert-class-box .video-list {
    margin: 0 -15px -20px 0;
}
.expert-class-box .video-content {
    width: 390px;
    margin: 0 15px 20px 0;
}
.sort-box {
    margin: 10px 0 0;
    display: flex;
    font-size: 18px;
    color: var(--darkblack);
}
.sort-box span {
    margin: 0 20px 0 0;
    line-height: 40px;
}
.sort-box span.active {
    color: var(--theme);
    font-weight: bold;
}
.result-null {
    text-align: center;
    margin: 50px 0;
    color: var(--gray);
    font-size: 16px;
    display: none;
}
.expert-detail {
    padding: 30px 20px;
}
.expert-title {
    font-size: 20px;
    color: var(--darkblack);
    margin: 0;
}
.expert-recommended {
    padding: 20px 20px 0;
}
.expert-recommended-wrap {
    margin: 20px 0 0;
}
.expert-recommended-wrap .expert-committee {
    float: none;
    width: 100%;
    height: 100px;
    display: block;
    padding: 0;
    margin: 0 0 40px;
}
.expert-recommended-wrap .expert-committee-avatar {
    width: 100px;
    height: 100px;
    left: 0;
}
.expert-recommended-wrap .expert-committee-info {
    padding: 0 0 0 120px;
}
.expert-recommended-wrap .expert-committee-info dt {
    padding: 10px 0 0;
}
.exhibition-recommended {
    padding: 20px 20px 0;
    margin: 20px 0 0;
}
.exhibition-recommended-wrap {
    margin: 20px 0 0;
}
.exhibition-recommended-wrap a {
    display: block;
    margin: 0 0 40px;
    text-decoration: none;
}
.exhibition-recommended-wrap a img {
    width: 284px;
    height: 142px;
    object-fit: cover;
}
.exhibition-recommended-wrap a div {
    margin: 10px 0 0;
    font-size: 16px;
    color: var(--darkblack);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.expert-class-wrap {
    margin: 20px 0 0;
}
.expert-class-wrap .video-list {
    overflow: hidden;
    margin: 20px -15px 0 0;
}
.expert-class-wrap .video-content {
    width: 390px;
    height: 260px;
    margin: 0 15px 20px 0;
}
.expert-class-wrap .video-img {
    height: 195px;
}
.p-nav {
    display: flex;
    justify-content: center;
}
.p-nav a {
    float: none;
    margin: 0 60px;
}
.p-nav a:last-child {
    margin: 0 60px;
}
.p-nav a.active {
    font-weight: bold;
}
.article-container {
    padding: 50px 0 60px;
    margin: 0 0 -40px;
}
.supply-bar {
    display: flex;
    margin: 20px 0 0;
}
.supply-list-box {
    width: 855px;
    padding: 20px;
    margin: 20px 0 0;
}
.supply-bar .supply {
    width: 325px;
    margin-top: 65px;
}
.supply-bar .supply .supply-tab.active {
    width: 130px;
}
.supply-tabs ~ .supply-hot {
    height: auto;
}
.supply-hot .text-link a:nth-child(1) {
    color: var(--red);
}
.supply-hot .text-link a:nth-child(2) {
    color: #c76d04;
}
.supply-hot .text-link a:nth-child(3) {
    color: #e29131;
}
.supply-list-block {
    margin: 0 0 30px;
}
.supply-list-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.supply-list-title span {
    padding: 0 8px;
    line-height: 24px;
    margin: 2px 0 0;
    background: rgba(0, 83, 255, 0.1);
    border-radius: 20px;
    font-size: 12px;
    color: var(--theme);
    display: inline-block;
    vertical-align: top;
}
.supply-list-title a {
    font-size: 20px;
    color: var(--darkblack);
    line-height: 28px;
    vertical-align: top;
    text-decoration: none;
}
.supply-list-desc {
    margin: 10px 0 0;
    font-size: 16px;
    color: var(--darkgray);
    line-height: 22px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}
.supply-list-info {
    margin: 10px 0 0;
    display: flex;
    align-items: center;
}
.supply-list-info span {
    margin: 0 40px 0 0;
    font-size: 14px;
    color: var(--gray);
}
.supply-list-info span img {
    margin: 0 10px 0 0;
}
.supply-tag {
    font-size: 12px;
    padding: 0 8px;
    line-height: 24px;
    border-radius: 20px;
}
.supply-list-info .supply-tab-expired {
    background: rgba(240, 2, 2, 0.1);
    color: var(--red);
}
.supply-list-info .supply-tab-valid {
    background: rgba(24, 205, 87, 0.1);
    color: #18cd57;
}
.expert-personal-info {
    display: flex;
}
.expert-personal-avatar {
    width: 164px;
    height: 164px;
    object-fit: cover;
}
.expert-personal-namebox {
    padding: 0 0 0 34px;
    flex: 1;
}
.expert-personal-name {
    font-size: 24px;
    color: var(--darkblack);
    padding: 3px 0 0;
}
.expert-personal-title {
    font-size: 20px;
    color: var(--darkblack);
    margin: 16px 0 0;
}
.expert-personal-authentication {
    width: 164px;
    height: 164px;
}

.powder_page {
    clear: both;
    text-align: center;
    font-size: 14px;
    line-height: 38px;
}

.powder_page span {
    margin: 0 2px;
    color: #fff;
    background: #288bde;
    display: inline-block;
    border-radius: 2px;
    height: 38px;
    min-width: 38px;
}

.powder_page a {
    display: inline-block;
    margin: 0 2px 0 3px;
    color: #999;
    height: 38px;
    min-width: 38px;
    border: 1px solid #e7e7e7;
    text-decoration: none;
    border-radius: 2px;
}

.powder_page a:hover {
    color: #fff;
    text-decoration: underline;
    background-color: #288bde;
    text-decoration: none;
}

.powder_page .prev,
.powder_page .next {
    width: 74px;
    color: #333333;
}