/*
 * @Author: Shu Binqi
 * @Date: 2020-11-06 10:47:38
 * @Last Modified by: Shu Binqi
 * @Last Modified time: 2021-07-13 10:58:29
 */

 @font-face {
    font-family: "SourceHanSerifCN-Bold";
    src: url("/static/fonts/SourceHanSerifCN-Bold.ttf");
}
@font-face {
    font-family: "Barlow-Black";
    src: url("/static/fonts/Barlow-Black.ttf");
}
* {
    box-sizing: border-box;
}
img {
    display: block;
    max-width: 100%;
}
ul,li,ol {
    list-style: none;
}
div,span,p,h1,h2,h3,h4,h5,h6,ul,li,ol {
    margin: 0;
    padding: 0;
}
a {
    display: block;
    transition: all .5s !important;
}
a:hover {
    color: #3b90ff !important;
    text-decoration: none;
    transition: all .5s !important;
}
a .title {
    color: #333333;
    transition: all .5s !important;
}
a:hover .title {
    color: #3b90ff !important;
}
.tac {
    text-align: center;
}
.en {
    text-transform: uppercase;
}
.mt20 {
    margin-top: 20px;
}
.mb20 {
    margin-bottom: 20px;
}
.mb30 {
    margin-bottom: 30px;
}
.mb40 {
    margin-bottom: 40px;
}
.mb50 {
    margin-bottom: 50px;
}


@media screen and (min-width: 1480px) {
    .container {
        max-width: 1400px;
    }
}
.menu {
    display: none;
}

.header {
    width: 100%;
    height: 80px;
    padding: 0 20px;
    /* overflow: hidden; */
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(255, 255, 255, 0.5);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
    z-index: 99;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
}
.header-bg {
    height: 80px;
    width: 100%;
    background: transparent;
}
.brand {
    float: left;
    margin-top: 20px;
}
.brand a {
    display: block;
    height: 40px;
}
.brand a img {
    height: 100%;
}
.branden {
    float: right;
    margin-top: 22px;
    margin-right: 480px;
    font-size: 18px;
    color: #1A2D55;
    line-height: 40px;
    display: inline-block;
    vertical-align: middle;
}

.navbar {
    /* display: none; */
    float: left;
    height: 100%;
    padding: 0 0 0 50px;
}
.navbar .nav {
    height: 100%;
}
.navbar li {
    margin: 0 35px;
}
.navbar li a {
    display: block;
    line-height: 80px;
    height: 100%;
    color: #333;
    position: relative;
}
.navbar li a:after {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    bottom: 0;
    background: #6FAAF7;
    height: 3px;
    -webkit-transition-property: left,right;
    transition-property: left,right;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    z-index: 9;
}
.navbar li:hover a:after,
.navbar li.active a:after {
    left: 0;
    right: 0;
}
.navbar li:hover a,
.navbar li.active a {
    color: #3B90FF;
}
.header-icon {
    position: fixed;
    right: 35px;
    top: 20px;
}
.header-icon li {
    float: left;
    margin-left: 10px;
}
.header-icon a {
    display: block;
    height: 40px;
    line-height: 40px;
}
.header-icon img {
    height: 30px;
    width: 30px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
}
.header-icon span {
    font-size: 16px;
    color: #1A2D55;
    line-height: 40px;
    display: inline-block;
    vertical-align: middle;
}
.header-icon li:nth-child(2) {
    font-size: 16px;
    color: #1a2d55;
    margin-left: 20px;
    margin-right: 10px;
}
.header-icon li:nth-child(2) a {
    display: inline-block;
    font-size: 16px;
    color: #1a2d55;
    vertical-align: middle;
}
.header-icon li:nth-child(2) span {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    color: #1a2d55;
    margin: 0 5px;
}
.header-icon li:last-child span {
    font-size: 14px;
}
.banner {
    width: 100%;
    height: 100vh;
    position: relative;
    /* overflow: hidden; */
}
.banner video {
    object-fit: cover;
    width: 100%;
    height: 100vh;
}
.banner .b-text {
    position: absolute;
    bottom: 500px;
    width: 30.9%;
}

/* 页面底部 */
.footer {
    background: #E8E8E9;
}
.footer-body {
    padding: 40px 15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.footer-left {
    min-width: 280px;
    margin-right: 80px;
}
.footer-left img {
    height: 55px;
    margin-bottom: 20px;
}
.footer-left p.tel {
    font-size: 36px;
    line-height: 45px;
    font-weight: 700;
    color: #192C53;
}
.footer-left p.address {
    font-size: 18px;
    line-height: 30px;
    color: #192C53;
}
.footer-left p a {
    color: #192C53;
}
.footer-center {
    flex: 1;
}
.footer-center dl {
    float: left;
    min-width: 240px;
    margin-bottom: 15px;
    margin-right: 20px;
}
.footer-center dl dt {
    font-size: 24px;
    color: #192C53;
    line-height: 32px;
    margin-bottom: 10px;
}
.footer-center dl dd {
    font-size: 16px;
    line-height: 30px;
    color: #647995;
}
.footer-center dl dd a {
    display: block;
    color: #647995;
}
.dl2 {
    width: 320px;
}
.dl2 dd {
    min-width: 100%;
    float: left;
}
.footer-right img {
    display: inline-block;
    max-width: 150px;
}
.footer-right .icon-wechat {
    width: 18px;
}
.copyright p {
    text-align: center;
    line-height: 90px;
    border-top: 1px solid #cbcbcb;
}
.copyright p a {
    display: inline-block;
    color: #192C53;
    font-size: 18px;
    line-height: 90px;
    margin-left: 10px;
}
.copyright p a.dowv {
    color: #e6e6e8;
}
.copyright p a.dowv:hover {
    color: #e6e6e8 !important;
}

/* 首页公共部分 */
.index-section {
    padding: 80px 0;
    position: relative;
    z-index: 1;
}
.index-title {
    margin-bottom: 30px;
}
.index-title h4 {
    text-align: center;
}
.index-title h4.en {
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    color: #184390;
    margin-bottom: 10px;
    margin-top: 0;
}
.index-title h4.cn {
    font-size: 48px;
    font-family: SourceHanSerifCN-Bold;
    font-weight: 700;
    line-height: 60px;
    color: #414141;
    margin-bottom: 10px;
}
.index-more {
    text-align: center;
}
.index-more a {
    display: inline-block;
    height: 45px;
    border: 1px solid #CCCCCC;
    border-radius: 30px;
    padding: 0 35px;
    margin: 0 auto;
}
.index-more a span {
    display: inline-block;
    vertical-align: middle;
    line-height: 45px;
    font-size: 14px;
    color: #5b5b5b;
    margin-right: 5px;
}
.index-more a img {
    display: inline-block;
    vertical-align: middle;
    height: 12px;
}
/* 视频菜单 */
.index-navbar {
    position: absolute;
    height: 86px;
    bottom: 50px;
    background: #fff;
    border-radius: 10px;
    /* overflow: hidden; */
    width: 100%;
    max-width: 100%;
    margin-left: -15px;
}
.index-navbar > ul {
    padding-left: 116px;
    position: relative;
}
.index-navbar > ul:after {
    display: none;
    content: "";
    width: 100%;
    min-height: 325px;
    background: rgba(255, 255, 255, 0.95);
    position: absolute;
    bottom: 0;
    left: 0;
    border-radius: 10px;
    z-index: 9;
    transition: all .5s;
}
.index-navbar > ul ul {
    display: none;
    position: absolute;
    bottom: 86px;
    left: 0;
    height: auto;
    z-index: 10;
    padding-bottom: 5px;
    transition: all .5s;
}
.index-navbar.active > ul ul {
    height: 285px;
}
.index-navbar.hover > ul:after {
    display: block;
}
.index-navbar.hover > ul ul {
    display: block;
}
.index-navbar.active > ul:after {
    top: 86px;
    bottom: auto;
    box-shadow: rgba(0, 0, 0, 0.21);
}
.index-navbar.active > ul ul {
    top: 86px;
    bottom: auto;
}
.index-navbar > ul ul li {
    position: relative;
}
.index-navbar > ul ul li:after {
    content: "";
    width: 12px;
    height: 14px;
    background: url(/static/images/icon-x2.png) no-repeat center center;
    background-size: contain;
    position: absolute;
    left: -17px;
    top: 11px;
    transition: all .5s;
}
.index-navbar > ul ul li:hover:after {
    background: url(/static/images/icon-x1.png) no-repeat center center;
    background-size: contain;
}
.index-navbar > ul ul a {
    width: 100%;
    display: block;
    font-size: 14px;
    color: #333333;
    white-space: pre;
    line-height: 35px;
    transition: all .5s;
}
.index-navbar > ul ul a:hover {
    color: #6FAAF7;
}
.index-navbar > ul > li {
    float: left;
    margin: 0 48px;
    position: relative;
}
.index-navbar > ul > li:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    bottom: 0;
    background: #6FAAF7;
    height: 3px;
    -webkit-transition-property: left,right;
    transition-property: left,right;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    z-index: 9;
}
.index-navbar > ul > li:hover:before {
    left: 0;
    right: 0;
}
.index-navbar > ul > li > a {
    line-height: 86px;
    height: 86px;
    color: #000000;
}
.index-navbar a.logo {
    display: block;
    height: 86px;
    width: 116px;
    background: #6FAAF7;
    padding: 30px;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 10px 0 0 10px;
}
.index-navbar a.logo img {
    height: 26px;
}
/* 产品及解决方案 */
.index-solutions-tab .taba-hd {
    padding: 25px;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.21);
    border-radius: 17px;
    margin-top: 60px;
    margin-bottom: 90px;
}
.index-solutions-tab .tab-bd-item {
    height: 0;
    overflow: hidden;
    position: relative;
}
.index-solutions-tab .tab-bd-item.active {
    height: auto;
    overflow: inherit;
}
.index-solutions-tab .tab-bd-item .swiper-button-next {
    right: -40px;
    background: url(/static/images/icon-right.png) no-repeat center center;
    background-size: contain;
    outline: none;
}
.index-solutions-tab .tab-bd-item .swiper-button-prev {
    left: -40px;
    background: url(/static/images/icon-left.png) no-repeat center center;
    background-size: contain;
    outline: none;
}
.index-solutions-tab .tab-bd-item .swiper-button-prev:after,
.index-solutions-tab .tab-bd-item .swiper-button-next:after {
    display: none;
}
.index-solutions-tab .col-md-4 {
    position: relative;
}
.index-solutions-tab .col-md-4.active:after {
    content: "";
    background: #3B90FF;
    position: absolute;
    width: 100%;
    height: 250px;
    border-radius: 17px;
    top: -60px;
    left: 0;
    z-index: 9;
    transition: all .5s;
}
.index-solutions-tab .col-md-4 i {
    display: block;
    width: 56px;
    height: 56px;
    margin: 0 auto;
    margin-bottom: 14px;
    transition: all .5s;
}
.index-solutions-tab .col-md-4 h4.cn {
    font-size: 24px;
    color: #666;
    line-height: 33px;
    margin-bottom: 5px;
    text-align: center;
    /* transition: all .5s; */
}
.index-solutions-tab .col-md-4 h4.en {
    font-size: 16px;
    color: #999999;
    line-height: 22px;
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: center;
    text-transform: uppercase;
    /* transition: all .5s; */
}
.index-solutions-tab .col-md-4 .tab-intro {
    display: none;
    transition: all .5s;
}
.index-solutions-tab .col-md-4 a.more {
    display: none;
}
.index-solutions-tab .col-md-4.active i {
    position: absolute;
    left: 20px;
    top: 0;
}
.index-solutions-tab .col-md-4.active h4.cn,
.index-solutions-tab .col-md-4.active h4.en {
    padding-left: 90px;
    text-align: left;
    color: #fff;
}
.index-solutions-tab .col-md-4.active h4.cn {
    margin-top: -20px;
}
.index-solutions-tab .col-md-4.active .tab-intro {
    position: absolute;
    display: block;
    font-size: 16px;
    line-height: 20px;
    height: 96px;
    color: #CEE3FF;
    padding: 0 80px 0 20px;
    margin-top: 10px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3; /* 行数 */
    -webkit-box-orient: vertical;
}
.index-solutions-tab .col-md-4.active a.more {
    display: block;
    width: 70px;
    height: 95px;
    background: url(/static/images/bg6.png) no-repeat center center;
    background-size: contain;
    position: absolute;
    right: 0;
    bottom: -55px;
    z-index: 11;
}
.index-solutions-tab .col-md-4.active a.more img {
    height: 13px;
    position: absolute;
    top: 65%;
    left: 45%;
}
.index-solutions-tab .tab-hd-item1 i {
    background: url(/static/images/icon-p2.png) no-repeat center center;
    background-size: contain;
}
.index-solutions-tab .tab-hd-item2 i {
    background: url(/static/images/icon-p3.png) no-repeat center center;
    background-size: contain;
}
.index-solutions-tab .tab-hd-item3 i {
    background: url(/static/images/icon-p1.png) no-repeat center center;
    background-size: contain;
}
.index-solutions-tab .tab-hd-item1.active i {
    background: url(/static/images/icon-p2w.png) no-repeat center center;
    background-size: contain;
}
.index-solutions-tab .tab-hd-item2.active i {
    background: url(/static/images/icon-p3w.png) no-repeat center center;
    background-size: contain;
}
.index-solutions-tab .tab-hd-item3.active i {
    background: url(/static/images/icon-p1w.png) no-repeat center center;
    background-size: contain;
}
.index-solutions-tab .tab-intro,
.index-solutions-tab .tab-hd-title {
    position: relative;
    z-index: 10;
}
.index-solutions-tab .tab-hd-title {
    cursor: pointer;
}
.swiper-s .list-item {
    display: block;
    height: 260px;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}
.swiper-s .title {
    width: 150px;
    height: 200px;
    position: absolute;
    right: 0;
    bottom: 0;
    transition: all .5s;
}
.swiper-s .title:after {
    content: "";
    position: absolute;
    left: 40px;
    bottom: -500px;
    width: 500px;
    height: 1000px;
    background: rgba(255, 255, 255, 0.65);
    transform: rotate(35deg);
    z-index: 0;
    transition: all .5s;
}
.swiper-s .title i {
    display: block;
    width: 25px;
    height: 25px;
    background: url(/static/images/icon-more1.png) no-repeat center center;
    background-size: contain;
    position: absolute;
    bottom: 90px;
    right: 20px;
    z-index: 10;
    transition: all .5s;
}
.swiper-s .title span {
    display: block;
    font-size: 18px;
    color: #333333;
    line-height: 30px;
    text-align: right;
    position: absolute;
    bottom: 20px;
    right: 0px;
    z-index: 10;
    padding: 0 20px;
    transition: all .5s;
}
.swiper-s .list-item p {
    display: none;
    transition: all .5s;
    font-size: 16px;
    color: #333333;
    line-height: 32px;
    position: absolute;
    left: 0;
    top: 100px;
    z-index: 10;
    padding: 0 25px;
}
.swiper-s .list-item:hover .title:after {
    left: -120px;
    bottom: -500px;
    /* -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px); */
}
.swiper-s .list-item:hover .title {
    width: 100%;
    top: 0;
    left: 0;
}
.swiper-s .list-item:hover .title i {
    right: 20px;
    top: 20px;
}
.swiper-s .list-item:hover span {
    left: 5px;
    top: 20px;
    text-align: left;
}
.swiper-s .list-item:hover p {
    display: block;
    top: 86px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 4; /* 行数 */
    -webkit-box-orient: vertical;
}
/* 热门产品 */
.index-products {
    background: url(/static/images/bg1.png) no-repeat center center;
    background-size: cover;
}
.index-products-list {
    margin-bottom: 0;
    position: relative;
}
.index-products-list .swiper-p-next {
    right: -40px !important;
    background-image: transparent !important;
    background: url(/static/images/icon-right.png) no-repeat center center;
    background-size: contain;
    outline: none;
}
.index-products-list .swiper-p-prev {
    left: -40px !important;
    background-image: transparent !important;
    background: url(/static/images/icon-left.png) no-repeat center center;
    background-size: contain;
    outline: none;
}
.swiper-p-next::after {
    display: none;
}
.swiper-p-prev::after {
    display: none;
}
.index-intro {
    font-size: 21px;
    color: #666666;
    line-height: 29px;
    text-align: center;
    max-width: 1200px;
    margin: 0 auto;
    margin-bottom: 30px;
}
.index-products-item {
    position: relative;
}
.index-products-item {
    display: block;
    height: 380px;
    background-size: cover;
}
.products-item-top,
.products-item-back {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
    backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    border-radius: 8px;
}
.products-item-top {
    background: url(/static/images/bg4.png) no-repeat center center;
    z-index: 10;
}
.products-item-top .item-img {
    height: 203px;
    width: 100%;
    display: block;
    margin-bottom: 40px;
    border-radius: 8px 8px 0 0;
}
.products-item-top b {
    display: block;
    height: 4px;
    width: 70px;
    background: #647995;
    border-radius: 2px;
    margin: 0 auto;
    margin-bottom: 26px;
}
.products-item-top h4 {
    padding: 0 30px;
    font-size: 20px;
    line-height: 30px;
    height: 60px;
    color: #666;
    text-align: center;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2; /* 行数 */
    -webkit-box-orient: vertical;
    margin-bottom: 60px;
}
.products-item-back {
    background: url(/static/images/bg5.png) no-repeat center center;
    padding: 40px 15px;
    z-index:9;
    transform:rotate3d(0,1,0,-180deg);
    -ms-transform:rotate3d(0,1,0,-180deg);  /* IE 9 */
    -moz-transform:rotate3d(0,1,0,-180deg); /* Firefox */
    -webkit-transform:rotate3d(0,1,0,-180deg); /* Safari 和 Chrome */
    -o-transform:rotateY(0,1,0,-180deg);  /* Opera */
    /* box-shadow: 0px 10px 40px 0px rgba(0,12,42,0.2); */
}
.products-item-back a {
    display: block;
}
.products-item-back:hover,
.products-item-back a:hover .title {
    color: #fff !important;
}
.products-item-back .title {
    padding: 0 20px;
    display: block;
    font-size: 20px;
    line-height: 30px;
    color: #fff;
    text-align: center;
    margin-bottom: 26px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2; /* 行数 */
    -webkit-box-orient: vertical;
    margin-bottom: 50px;
}
.products-item-back .title:hover {
    color: #fff !important;
}
.products-item-back b {
    display: block;
    height: 4px;
    width: 70px;
    background: #fff;
    border-radius: 2px;
    margin: 0 auto;
    margin-bottom: 26px;
}
.products-item-back .intro {
    font-size: 16px;
    line-height: 30px;
    height: 90px;
    color: #fff;
    text-align: center;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3; /* 行数 */
    -webkit-box-orient: vertical;
    margin-bottom: 50px;
    text-align: left;
}
.products-item-back .more img {
    width: 25px;
    display: block;
    margin: 0 auto;
}
.index-products-item:hover .products-item-top {
    transform: rotate3d(0,1,0,180deg);
    -ms-transform: rotate3d(0,1,0,180deg);
    -moz-transform: rotate3d(0,1,0,180deg);
    -webkit-transform: rotate3d(0,1,0,180deg);
    -o-transform: rotate3d(0,1,0,180deg);
    z-index: 9;
}
.index-products-item:hover .products-item-back {
    transform: rotate3d(0,1,0,0deg);
    -ms-transform: rotate3d(0,1,0,0deg);
    -moz-transform: rotate3d(0,1,0,0deg);
    -webkit-transform: rotate3d(0,1,0,0deg);
    -o-transform: rotate3d(0,1,0,0deg);
    z-index: 10;
}
/* 新闻资讯 */
.index-news {
    background: url(/static/images/bg2.png) no-repeat center center;
    background-size: cover;
}
.index-news-tab .row {
    margin-bottom: 40px;
}
.index-news-tab .tab-hd {
    text-align: center;
    margin-bottom: 45px;
}
.index-news-tab .tab-hd span {
    display: inline-block;
    height: 48px;
    line-height: 48px;
    padding: 0 35px;
    font-size: 21px;
    background: rgba(224, 238, 255, 0.59);
    border-radius: 24px 0px 24px 0px;
    margin: 0 11px;
    cursor: pointer;
}
.index-news-tab .tab-hd span:hover,
.index-news-tab .tab-hd span.active {
    color: #fff;
    background: #6faaf7;
}
.index-news-left .item-img {
    display: block;
    height: 448px;
    border-radius: 10px 10px 0 0;
}
.index-news-left .item-text {
    display: block;
    height: 188px;
    border-radius: 0 0 10px 10px;
    padding: 12px 20px;
    background: #fff;
}
.index-news-left .item-text h4 {
    font-size: 24px;
    color: #333333;
    line-height: 33px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 0;
    margin-bottom: 5px;
}
.index-news-left p.time {
    margin-bottom: 5px;
}
.index-news-left p.time img {
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}
.index-news-left p.time span {
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    color: #999;
}
.index-news-left p.intro {
    font-size: 16px;
    color: #666666;
    line-height: 30px;
    height: 90px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3; /* 行数 */
    -webkit-box-orient: vertical;
}
.index-news-right li a {
    background: #fff;
    padding: 10px;
    border-radius: 10px;
}
.index-news-right .list-item {
    width: 100%;
    display: block;
    margin-bottom: 20px;
}
.index-news-right li:last-child .list-item {
    margin-bottom: 0;
}
.index-news-right .item-img {
    width: 183px;
    height: 124px;
    border-radius: 10px;
    overflow: hidden;
    margin-right: 15px;
    float: left;
}
.index-news-right .item-text {
    width: calc(100% - 200px);
    float: left;
}
.index-news-right .item-text h4 {
    font-size: 20px;
    color: #333333;
    line-height: 33px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 2px;
}
.index-news-right p.time {
    margin-bottom: 2px;
}
.index-news-right p.time img {
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}
.index-news-right p.time span {
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    color: #999;
}
.index-news-right p.intro {
    font-size: 16px;
    color: #666666;
    line-height: 29px;
    height: 29px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.index-news-list2 .list-item {
    display: flex;
    align-items: center;
}
.index-news-list2 .item-img {
    width: 310px;
    height: 210px;
    border-radius: 15px;
    margin-right: 20px;
}
.index-news-list2 p.time {
    margin-bottom: 5px;
}
.index-news-list2 p.time img {
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}
.index-news-list2 p.time span {
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    color: #999;
}
.index-news-list2 .title {
    font-size: 20px;
    color: #666666;
    line-height: 32px;
    height: 64px;
    margin-bottom: 10px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2; /* 行数 */
    -webkit-box-orient: vertical;
}
.index-news-list2 .intro {
    font-size: 16px;
    color: #666666;
    line-height: 29px;
    height: 87px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3; /* 行数 */
    -webkit-box-orient: vertical;
}
.index-news-list2 .col-md-6 {
    margin-top: 20px;
}
.index-news-list2 .col-md-6.list-item {
    margin-top: 0;
    margin-bottom: 5px;
}
.index-news-list2 .col-md-6 > a {
    display: block;
    position: relative;
}
.index-news-list2 .col-md-6 > a > span {
    display: block;
    font-size: 16px;
    color: #666666;
    line-height: 50px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 160px;
}
.index-news-list2 .col-md-6 div.time {
    position: absolute;
    right: 0;
    top: 0;
}
.index-news-list2 div.time img {
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}
.index-news-list2 div.time span {
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    line-height: 50px;
    color: #999;
}
/* 服务网络 */
.index-section-num {
    margin-bottom: 40px;
}
.index-counter {
    width: 150px;
    margin: 0 auto;
}
.index-counter span.counter {
    display: block;
    color: #333333;
    font-family: Barlow-Black;
    font-size: 48px;
    font-weight: 700;
    line-height: 58px;
    margin-bottom: 20px;
    position: relative;
}
.index-counter span.counter:after {
    content: "";
    width: 100%;
    height: 1px;
    background: #d8d8d8;
    position: absolute;
    bottom: -10px;
    left: 0;
}
.index-counter span.counter.active {
    color: #3b90ff;
}
.index-counter span:nth-child(2) {
    font-size: 16px;
    color: #666666;
}
.index-map {
    position: relative;
    margin-bottom: 20px;
}
.index-map .map-circle {
    position: absolute;
}
.index-map-m {
    display: none;
}

.index-map .map-hover img {
    width: 20px;
}
.index-map .map-content {
    display: none;
    position: absolute;
    left: 50%;
    bottom: 44px;
    margin-left: -131px;
    width: 262px;
    min-height: 40px;
    background: #fff;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
    z-index: 9;
}
.index-map .map-content:after {
    content: "";
    width: 26px;
    height: 12px;
    background: url(/static/images/map-content.png) no-repeat center center;
    background-size: cover;
    position: absolute;
    bottom: -12px;
    left: 50%;
    margin-left: -13px;
}
.index-map .map-content p {
    display: flex;
}
.index-map .map-content span {
    word-break: break-all;
}
.index-map .map-content span:nth-child(1) {
    width: 50px;
    min-width: 50px;
}
/* 服务网络 */

/* --- 栏目页公共部分 --- */
.sort-nav {
    width: 100%;
    padding: 20px 40px;
    background: url(/static/images/ico-p4.png) no-repeat center top;
    background-size: 100% 80px;
    border-radius: 20px 0 0 0;
    margin-top: -80px;
    position: relative;
    z-index: 9;
    margin-bottom: 30px;
}
.sort-nav li {
    float: left;
    margin-right: 30px;
}
.sort-nav li a {
    display: block;
    padding: 0 25px;
    font-size: 18px;
    height: 40px;
    color: #fff;
    line-height: 40px;
    border-radius: 20px;
}
.sort-nav-about li {
    margin-right: 20px;
}
.sort-nav-about li a {
    padding: 0 20px;
}
.sort-nav li i {
    display: none;
    height: 12px;
    width: 9px;
    background: url(/static/images/ico-r5.png) no-repeat center center;
    background-size: contain;
    margin-left: 6px;
}
.sort-nav li.active i {
    display: inline-block;
}
.sort-nav li:hover a {
    background: #fff;
}
.sort-nav li.active a {
    background: #fff;
    color: #3b90ff;
}
/* -- 面包屑导航 -- */
.sort-position {
    height: 50px;
    background: #F2F2F2;
    font-size: 14px;
    color: #666666;
}
.sort-position a {
    color: #666666;
    display: inline-block;
    height: 50px;
    line-height: 50px;
}
.sort-position span {
    margin: 0 2px;
}
.sort-position i {
    font-style: normal;
}
/* -- 面包屑导航 -- */
/* --- 栏目页公共部分 --- */

/* --- 产品列表 --- */
.sort-banner {
    padding: 180px 0 0 0;
    height: 780px;
    position: relative;
}
.sort-banner:after {
    content: "";
    width: 50%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(to right,rgba(0, 0, 0, 0.2),rgba(0, 0, 0, 0));
    z-index: 0;
}
.sort-banner .container {
    position: relative;
    z-index: 2;
}
.sort-banner video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.sort-banner h2.en {
    font-size: 24px;
    line-height: 33px;
    color: #fff;
}
.sort-banner h2.cn {
    font-size: 48px;
   font-family: SourceHanSerifCN-Bold;
    line-height: 70px;
    color: #fff;
    margin-bottom: 15px;
}
.sort-banner.text-color h2.en,
.sort-banner.text-color h2.cn {
    color: #fff;
    font-family: SourceHanSerifCN-Bold;
}
.sort-banner p {
    font-size: 21px;
    line-height: 30px;
    color: #fff;
}
.sort-banner .video a {
    background: #3B90FF;
    border-radius: 35px;
    height: 60px;
    line-height: 60px;
    padding: 0 30px 0 20px;
    display: inline-block;
    font-size: 18px;
    color: #fff;
}
.sort-banner .video a:hover {
    color: #fff !important;
}
.sort-banner .video a i {
    width: 33px;
    height: 33px;
    background: url(/static/images/ico-play.svg) no-repeat center;
    background-size: cover;
    display: inline-block;
    vertical-align: middle;
    transform: translateY(-2px);
}
.sort-main {
    position: relative;
    /* z-index: 2; */
}
.sort-left {
    width: 260px;
    float: left;
}
.sort-navbar {
    width: 100%;
    position: relative;
    background: #f6faff;
    border-radius: 0 0 20px 0;
    padding: 30px 15px;
    border: 1px solid #3b90ff;
    border-top: 0;
    margin-bottom: 20px;
}
.sort-navbar > li {
    margin-bottom: 35px;
}
.sort-navbar > li:last-child {
    margin-bottom: 0;
}
.sort-navbar li:nth-child(2) .item-img i {
    display: block;
    background: url(/static/images/ico-bg22.png) no-repeat center center;
    background-size: contain;
    width: 33px;
    height: 33px;
}
.sort-navbar li:nth-child(2).active .item-img i {
    background: url(/static/images/ico-bg2.png) no-repeat center center;
    background-size: contain;
}
.sort-navbar li:nth-child(3) .item-img i {
    display: block;
    background: url(/static/images/ico-bg33.png) no-repeat center center;
    background-size: contain;
    width: 33px;
    height: 33px;
}
.sort-navbar li:nth-child(3).active .item-img i {
    background: url(/static/images/ico-bg3.png) no-repeat center center;
    background-size: contain;
}
.sort-navbar li:nth-child(4) .item-img i {
    display: block;
    background: url(/static/images/ico-bg11.png) no-repeat center center;
    background-size: contain;
    width: 33px;
    height: 33px;
}
.sort-navbar li:nth-child(4).active .item-img i {
    background: url(/static/images/ico-bg1.png) no-repeat center center;
    background-size: contain;
}
.sort-navbar > li .item {
    position: relative;
    cursor: pointer;
}
.sort-navbar > li .item-text i {
    position: absolute;
    top: 16px;
    right: 0;
    width: 12px;
    height: 12px;
    background: url(/static/images/ico-r1.png) no-repeat center center;
    background-size: contain;
    transition: all .5s;
}
.sort-navbar > li.active .item-text i {
    background: url(/static/images/ico-r2.png) no-repeat center center;
    background-size: contain;
}
.sort-navbar li .item {
    display: flex;
    align-items: center;
}
.sort-navbar li .item-img {
    margin-right: 10px;
}
.sort-navbar li .cn {
    font-size: 20px;
    color: #333333;
    line-height: 28px;
}
.sort-navbar li .en {
    font-size: 12px;
    color: #999999;
    line-height: 17px;
}
.sort-navbar li.active .cn,
.sort-navbar li.active .en {
    color: #3b90ff;
}
.sort-navbar .sortbar-list {
    display: none;
    padding-top: 30px;
    padding-left: 25px;
}
.sort-navbar li.active .sortbar-list {
    display: block;
}
.sortbar-list li {
    margin-bottom: 0px;
}
.sortbar-list li a {
    display: block;
    line-height: 40px;
    height: 40px;
    color: #333333;
    font-size: 16px;
    position: relative;
}
.sortbar-list li.active a {
    color: #3b90ff;
}
.sortbar-list li.active a:after {
    content: "";
    width: 31px;
    height: 31px;
    background: url(/static/images/ico-r3.png) no-repeat center center;
    position: absolute;
    right: 0;
    top: 5px;
}
.sortbar-list li i {
    display: inline-block;
    background: url(/static/images/ico-p1.png) no-repeat center center;
    background-size: 18px 18px;
    width: 22px;
    height: 22px;
    vertical-align: middle;
    margin-top: -2px;
    margin-right: 3px;
}
.sort-navbar-title {
    position: absolute;
    top: -80px;
    left: 0;
    background: url(/static/images/ico-p2.png) no-repeat center center;
    line-height: 80px;
    width: 260px;
    font-size: 24px;
    padding-left: 20px;
    color: #fff;
}
.sort-content {
    padding: 35px 0 35px 280px;
}
.sort-content .sort-title {
    position: relative;
    background: url(/static/images/ico-bg6.png) no-repeat left 6px;
    background-size: 63px 37px;
    margin-bottom: 25px;
}
.sort-content .sort-title .cn {
    font-size: 20px;
    color: #333333;
    line-height: 28px;
    padding-left: 50px;
}
.sort-content .sort-title .en {
    font-size: 14px;
    color: #666666;
    line-height: 20px;
    padding-left: 50px;
}
.sort-search {
    position: absolute;
    right: 75px;
    top: 20px;
}
.sort-search.p-s {
    right: 0;
    top: 10px;
}
.sort-search input {
    font-size: 14px;
    color: #fff;
    line-height: 20px;
    width: 267px;
    height: 33px;
    background: transparent;
    border-radius: 20px;
    border: 1px solid #fff;
    padding: 0 45px 0 15px;
    outline: none;
}
.sort-search input:focus {
    color: #fff;
    background: transparent;
    border: 1px solid #fff;
}
.sort-search button {
    width: 22px;
    height: 22px;
    background: url(/static/images/ico-search.png) no-repeat center;
    background-size: contain;
    position: absolute;
    right: 10px;
    top: 5px;
    border: 0;
}
.sort-search-form input {
    font-size: 14px;
    color: #333;
    line-height: 20px;
    width: 267px;
    height: 33px;
    background: #FFFFFF;
    border-radius: 20px;
    border: 1px solid #CECECE;
    padding: 0 45px 0 15px;
    outline: none;
}
.sort-search-form input:focus {
    background: #fff;
    color: #333;
    border: 1px solid #CECECE;
}
.sort-search-form button {
    position: absolute;
    right: 15px;
    top: 5px;
    background: transparent;
    border: 0;
    padding: 0;
    outline: none;
}
.sort-search-form button i {
    display: block;
    width: 22px;
    height: 22px;
    background: url(/static/images/icon-search.png) no-repeat center center;
    background-size: contain;
}
.select-choose {
    display: flex;
    border: 1px solid #e9e9e9;
    position: relative;
    border-bottom: 0;
}
.sort-select .select-choose:last-child {
    border-bottom: 1px solid #e9e9e9;
}
.select-choose .select-title {
    line-height: 45px;
    background: #f3f3f3;
    min-width: 112px;
    padding-left: 15px;
}
.select-option {
    padding: 5px 80px 5px 20px;
    /* height: 45px; */
    overflow: hidden;
}
.select-option.more {
    height: 45px;
}
.select-option.active {
    height: auto;
}
.select-option a {
    line-height: 35px;
    font-size: 14px;
    color: #666666;
    margin-right: 20px;
    word-break: keep-all;
    display: inline-block;
}
.select-option a.active {
    color: #3b90ff;
}
.select-more {
    position: absolute;
    right: 10px;
    top: 11px;
    height: 23px;
    font-size: 14px;
    color: #666666;
    line-height: 22px;
    background: #fff;
    border: 1px solid #e3e3e3;
    padding: 0 9px;
    cursor: pointer;
}
.select-more i {
    background: url(/static/images/ico-up.png) no-repeat center center;
    background-size: contain;
    width: 10px;
    height: 10px;
    display: inline-block;
    transform: rotate(180deg);
    transition: all .5s;
}
.select-more.active i {
    transform: rotate(0deg);
}
.sort-product-list {
    margin-top: 30px;
}
.sort-product-list .item-img {
    overflow: hidden;
    height: 167px;
}
.sort-product-list .item-img a {
    width: 100%;
    height: 100%;
    display: block;
    transition: all .5s;
}
.sort-product-list .item-img a:hover {
    transform: scale(1.03);
}
.sort-product-list .item-img img {
    width: 100%;
    height: auto;
    opacity: 0;
}
.sort-product-list .col-md-3 {
    margin-bottom: 30px;
}
.sort-product-list .col-md-3 .item {
    box-shadow: 0px 0px 5px 0px #DEDEDE;
    border-radius: 5px;
    overflow: hidden;
}
.sort-product-list .item .title {
    line-height: 35px;
    padding: 10px 15px;
    /*white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;*/
}
.sort-contact {
    display: flex;
    background: url(/static/images/ico-bg8.png) no-repeat center center;
    padding: 20px;
}
.sort-contact i {
    background: url(/static/images/ico-tel.png) no-repeat center;
    background-size: contain;
    width: 28px;
    height: 28px;
    margin-right: 10px;
}
.sort-contact-info span:nth-child(1) {
    display: block;
    font-size: 18px;
    color: #fff;
}
.sort-contact-info span:nth-child(2) {
    display: block;
    font-size: 24px;
    color: #fff;
}
.sort-map {
    border-radius: 20px 0 20px 0;
    background-image: linear-gradient(to right, #f6faff, #d4d4dc);
    padding: 15px;
}
.sort-map .en {
    display: block;
    font-size: 14px;
    color: #B1B3C5;
}
.sort-map .cn {
    display: block;
    font-size: 18px;
    color: #666666;
    line-height: 20px;
    margin-bottom: 20px;
}
/* --- 产品列表 --- */

/* --- 产品详情 --- */
.product-pics {
    position: relative;
}
.product-pics .gallery-top {
    border-radius: 10px;
    overflow: hidden;
}
.product-pics .gallery-top,
.product-pics .gallery-thumbs {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.product-pics .gallery-top .swiper-wrapper {
    height: 520px;
    /*height: 100%;*/
}
.product-pics .gallery-thumbs {
    width: calc(100% - 120px);
}
.product-pics .gallery-thumbs .swiper-wrapper {
    height: 105px;
}
.product-pics .swiper-slide {
    background-size: cover;
    background-position: center;
}
.product-pics .swiper-slide video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.product-pics .gallery-top {
    height: 80%;
    width: 100%;
}
.product-pics .gallery-thumbs {
    height: 20%;
    box-sizing: border-box;
    padding: 5px 0;
    margin-top: 10px;
}
.product-pics .gallery-thumbs .swiper-slide {
    width: 25%;
    height: 100%;
    opacity: 0.4;
}
.product-pics .gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1;
}
.product-pics .swiper-button-next,.product-pics .swiper-button-prev {
    height: 100px;
    width: 50px;
    background: #f3f3f3;
}
.product-pics .swiper-button-next {
    right: 15px;
    bottom: 10px;
    top: inherit;
    margin-top: 0;
    color: #666666;
    background-size: 20px 30px;
    background-repeat: no-repeat;
    background-position: 14px;
}
.product-pics .swiper-button-prev {
    left: 15px;
    bottom: 10px;
    top: inherit;
    margin-top: 0;
    color: #666666;
    background-size: 20px 30px;
    background-repeat: no-repeat;
    background-position: 14px;
}
.product-pics .swiper-button-next:after,
.product-pics .swiper-button-prev:after {
    font-size: 24px;
}
.video-play .playbtn {
    width: 60px;
    height: 60px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -30px;
    margin-top: -30px;
    cursor: pointer;
}
.videoplay .playbtn1 {
    width: 36px;
    height: 36px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -18px;
    margin-top: -18px;
}
/* 产品简介 */
.product-info h2 {
    margin-top: 40px;
    font-size: 36px;
    line-height: 37px;
    margin-bottom: 36px;
}
.product-info .intro {
    background: url(/static/images/ico-bg7.png) no-repeat center center;
    background-size: cover;
    padding: 25px 20px;
    margin-bottom: 60px;
}
.product-info .intro p {
    color: #666666;
    font-size: 16px;
    line-height: 32px;
}
.product-info .intro strong {
    color: #333333;
}
.product-info .specs {
    margin-bottom: 20px;
}
.product-info .specs .specs-title {
    font-size: 18px;
    line-height: 25px;
    color: #333333;
    margin-bottom: 15px;
}
.product-info .specs .specs-choose {
    margin-bottom: 60px;
}
.product-info .specs .specs-option {
    display: inline-block;
    margin: 0 10px 10px 0;
    font-size: 16px;
    line-height: 40px;
    color: #3b90ff;
    border: 1px solid #3b90ff;
    padding: 0 40px;
    position: relative;
}
.product-info .specs .specs-option:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 10px 10px;
    border-color: transparent transparent #3b90ff transparent;
    position: absolute;
    right: 0;
    bottom: 0;
}
.product-btn a {
    margin-right: 30px;
    padding: 0 30px;
    line-height: 50px;
    display: inline-block;
    font-size: 16px;
    border: 1px solid #3b90ff;
}
.product-btn a.msg {
    background: #3b90ff;
    color: #fff;
    opacity: 0.9;
}
.product-btn a.msg:hover {
    color: #fff !important;
    opacity: 1;
}
.product-btn a i {
    display: inline-block;
    vertical-align: middle;
    width: 22px;
    height: 22px;
}
.product-btn a.msg i {
    background: url(/static/images/ico-msg.png) no-repeat center center;
    background-size: contain;
}
.product-btn a.down i {
    background: url(/static/images/ico-note.png) no-repeat center center;
    background-size: contain;
}
.product-btn {
    margin-bottom: 30px;
}
.product-title {
    font-size: 20px;
    line-height: 30px;
    border-bottom: 3px solid #3b90ff;
    margin-top: 40px;
    margin-bottom: 30px;
}
.product-title span {
    display: inline-block;
    height: 48px;
    line-height: 48px;
    padding: 0 70px 0 46px;
    color: #fff;
    background: url(/static/images/ico-p3.png) no-repeat center right;
    background-size: contain;
    border-radius: 10px 0 0 0;
}
.product-editor {
    padding-bottom: 30px;
    margin-bottom: 30px;
}
.product-editor .product-editor-title {
    font-size: 24px;
    color: #333333;
    line-height: 36px;
    margin-bottom: 15px;
}
.p_border_b {
    border-bottom: 1px solid #6f6f6f;
}
.product-editor h2 {
    font-size: 24px;
    font-weight: 700;
    color: #000000;
    line-height: 36px;
    margin-bottom: 10px;
    text-align: center;
}
.product-editor h1,h2,h3,h4,h5,h6 {
    line-height: 1.5;
    color: #333;
    margin-top: 15px;
    margin-bottom: 15px;
}
.product-editor h1 {
    font-size: 30px;
}
.product-editor h2 {
    font-size: 24px;
}
.product-editor h3 {
    font-size: 20px;
}
.product-editor h4 {
    font-size: 18px;
}
.product-editor h5 {
    font-size: 16px;
}
.product-editor h6 {
    font-size: 14px;
}
.product-editor span,
.product-editor p {
    /*font-size: 16px !important;*/
    font-size: 16px ;
    /*color: #6f6f6f !important;*/
    color: #6f6f6f ;
    /*line-height: 32px !important;*/
    line-height: 32px ;
    /*margin-bottom: 10px !important;*/
    margin-bottom: 5px ;
    /*word-break: break-all;*/
    word-break: break-word;
}
.product-editor > div:nth-child(2) {
    font-size: 16px !important;
    color: #6f6f6f !important;
    line-height: 42px !important;
    white-space: pre-wrap;
}
.product-editor ol,
.product-editor ul {
    padding-left: 25px;
}
.product-editor ul li {
    list-style: disc;
}
.product-editor ol li {
    list-style: decimal;
}
.product-editor video,
.product-editor table,
.product-editor img {
    max-width: 100%;
    height: auto !important;
}
.product-editor img {
    display: inline-block;
    /*margin: 0 auto;*/
}
.product-editor a {
    color: #103673;
}
/* 产品留言 */
.product-msg {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    background: rgba(0, 0, 0, 0.4);
}
.product-msg.show {
    display: block;
}
.product-msg.show .product-msg-form {
    -webkit-transform: translate(0,0px);
    transform: translate(0,0px);
}
.product-msg .product-msg-form {
    max-width: 520px;
    margin: 1.75rem auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - 1rem);
    min-height: calc(100% - 3.5rem);
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out,-webkit-transform .3s ease-out;
    -webkit-transform: translate(0,-50px);
    transform: translate(0,-50px);
}
.pmf-model {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 8px;
    outline: 0;
    padding: 35px 90px;
}
.pmf-model .msg-title {
    font-size: 20px;
    line-height: 40px;
    color: #2b2b2b;
    text-align: center;
    margin-bottom: 30px;
    position: relative;
}
.pmf-model .msg-title:after {
    content: "";
    width: 74px;
    height: 3px;
    position: absolute;
    left: 50%;
    top: 44px;
    margin-left: -37px;
    background: #3b90ff;
}
.pmf-model input.form-control {
    height: 40px;
    line-height: 40px;
    background: #dedede;
    font-size: 14px;
}
.pmf-model .form-group {
    margin-bottom: 15px;
}
.pmf-model textarea.form-control {
    line-height: 40px;
    background: #dedede;
    font-size: 14px;
}
.pmf-model button {
    width: 100%;
    height: 43px;
    line-height: 43px;
    background: #3B90FF;
    text-align: center;
    font-size: 14px;
    color: #fff;
    border-radius: 5px;
    border: 1px solid #3B90FF;
}
.close-msg {
    position: absolute;
    right: 25px;
    top: 25px;
    width: 30px;
    height: 30px;
    background: url(/static/images/ico-close.svg) no-repeat center;
    background-size: 20px 20px;
    cursor: pointer;
    z-index: 1099;
}
.more-list {
    margin-left: -12px;
    margin-right: -12px;
    margin-bottom: 60px;
}
.more-list > div {
    width: 20%;
    padding-left: 12px;
    padding-right: 12px;
}
.more-list .item {
    box-shadow: 0px 0px 5px 0px #DEDEDE;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 30px;
}
.more-list .item img {
    width: 100%;
    height: 190px;
}
.more-list .item .title {
    font-size: 16px;
    color: #333333;
    line-height: 36px;
    padding: 6px 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* --- 产品详情 --- */

/* --- 所有新闻 --- */
.news-list {
    margin-bottom: 45px;
    padding-bottom: 45px;
    border-bottom: 1px dashed #999999;
}
.news-list:last-child {
    border-bottom: 0;
    margin-bottom: 0;
}
.news-list .index-news-left .item-text,
.news-list .index-news-right a {
    background: #f7f7f7;
}
.news-title {
    margin-bottom: 35px;
    position: relative;
    padding-left: 50px;
    background: url(/static/images/ico-bg6.png) no-repeat center left;
    background-size: 63px 37px;
}
.news-title .cn {
    font-size: 20px;
    color: #333333;
    line-height: 28px;
}
.news-title .en {
    font-size: 14px;
    color: #666666;
    line-height: 20px;
}
.news-title .more {
    position: absolute;
    right: 0;
    top: 15px;
}
.news-title .more span {
    font-size: 14px;
    color: #5b5b5b;
    display: inline-block;
    vertical-align: middle;
}
.news-title .more i {
    display: inline-block;
    vertical-align: middle;
    background: url(/static/images/icon-r2.png) no-repeat center center;
    background-size: contain;
    height: 13px;
    width: 28px;
    margin-left: 5px;
}
/* --- 所有新闻 --- */

/* --- 新闻列表 --- */
.news-list-common li {
    margin-bottom: 35px;
    padding-bottom: 35px;
    border-bottom: 1px dashed #999999;
}
.news-list-common .list-item {
    display: flex;
    align-items: center;
}
.news-list-common .item-img {
    width: 322px;
    min-width: 322px;
    height: 215px;
    overflow: hidden;
    margin-right: 30px;
}
.news-list-common .item-img .img {
    display: block;
    width: 100%;
    height: 100%;
    transition: all .5s;
}
.news-list-common .item-img:hover .img {
    transform: scale(1.05);
}
.news-list-common .item-text {
    flex: 1;
}
.news-list-common .item-text .title {
    font-size: 24px;
    color: #666666;
    line-height: 33px;
    max-height: 66px;
    /* height: 66px; */
    margin-bottom: 5px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2; /* 行数 */
    -webkit-box-orient: vertical;
}
.news-list-common p.time {
    margin-bottom: 5px;
}
.news-list-common p.time img {
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}
.news-list-common p.time span {
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    color: #999;
}
.news-list-common p.intro {
    font-size: 16px;
    color: #666666;
    line-height: 30px;
    height: 90px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3; /* 行数 */
    -webkit-box-orient: vertical;
}
.news-list-common .item-more {
    height: 140px;
    border-left: 1px solid #d8d8d8;
    padding-left: 50px;
    padding-right: 15px;
    margin-left: 35px;
}
.news-list-common .item-more a {
    line-height: 140px;
}
.news-list-common .item-more i {
    width: 25px;
    height: 25px;
    display: inline-block;
    background: url(/static/images/icon-more1.png) no-repeat center center;
    background-size: contain;
}
/* --- 新闻列表 --- */

/* --- 新闻详情 --- */
.news-content {
    padding-top: 20px;
}
.news-content .container h2 {
    font-size: 24px;
    line-height: 36px;
    color: #666666;
    text-align: center;
    margin-bottom: 20px;
}
.news-content p.time {
    text-align: center;
    padding-bottom: 15px;
    border-bottom: 1px dashed #999999;
    max-width: 1200px;
    margin: 0 auto;
    margin-bottom: 30px;
}
.news-content p.time i {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    width: 20px;
    height: 20px;
    background: url(/static/images/icon-date.png) no-repeat center center;
    background-size: contain;
}
.news-content p.time span {
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    color: #999;
    line-height: 25px;
}
.news-content-c {
    max-width: 1200px;
    margin: 0 auto;
}
.news-content-c h2 {
    font-size: 24px;
    font-weight: 700;
    color: #000000;
    line-height: 36px;
    margin-bottom: 10px;
    text-align: center;
}
.news-content-c h1,h2,h3,h4,h5,h6 {
    line-height: 1.5;
    color: #333;
    margin-top: 15px;
    margin-bottom: 15px;
}
.news-content-c h1 {
    font-size: 30px;
}
.news-content-c h2 {
    font-size: 24px;
}
.news-content-c h3 {
    font-size: 20px;
}
.news-content-c h4 {
    font-size: 18px;
}
.news-content-c h5 {
    font-size: 16px;
}
.news-content-c h6 {
    font-size: 14px;
}
.news-content-c p {
    font-size: 16px;
    color: #6f6f6f;
    line-height: 32px;
    margin-bottom: 1.5px;
    word-break: break-word;
}
.news-content-c ol,
.news-content-c ul {
    padding-left: 25px;
}
.news-content-c ul li {
    list-style: disc;
}
.news-content-c ol li {
    list-style: decimal;
}
.news-content-c table,
.news-content-c img {
    max-width: 75%;
    margin: 0 auto;
    margin-top: 15px;
    height: auto !important;
}
.news-content-c table{
    max-width: 90%;
}
.news-content-c table p{
     word-break: inherit;
}
.news-content-c video {
    display: block;
    max-width: 85%;
    margin: 0 auto;
    margin-bottom: 40px;
    margin-top: 40px;
}
.news-content-c img {
    display: inline-block;
    /* margin: 0 auto; */
}
.news-content-c a {
    color: #103673;
    display: contents;
}
.news-content-next {
    margin-bottom: 40px;
    border-top: 1px solid #d8d8d8;
}
.news-content-next p {
    font-size: 16px;
    line-height: 60px;
    color: #666666;
    border-bottom: 1px solid #d8d8d8;
    height: 60px;
    display: flex;
    margin-bottom: 0;
}
.news-content-next p.prev i {
    display: inline-block;
    width: 44px;
    height: 60px;
    background: url(/static/images/ico-up1.png) no-repeat center left;
    background-size: 18px auto;
}
.news-content-next p.next i {
    display: inline-block;
    width: 44px;
    height: 60px;
    background: url(/static/images/ico-down1.png) no-repeat center left;
    background-size: 18px auto;
}
.news-content-next p span {
    display: inline-block;
    min-width: 65px;
}
.news-content-next a {
    display: inline-block;
    font-size: 16px;
    line-height: 60px;
    color: #666666;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.back-page {
    text-align: right;
    margin-bottom: 40px;
}
.back-page a {
    display: inline-block;
    background: #3B90FF;
    padding: 8px 20px;
    border-radius: 10px;
}
.back-page i {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 18px;
    background: url(/static/images/ico-back.png) no-repeat center center;
    background-size: cover;
    margin-right: 7px;
}
.back-page span {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    line-height: 30px;
    color: #fff;
}
/* --- 新闻详情 --- */

/* --- 试剂操作视频 --- */
.videos-title {
    margin-bottom: 35px;
    position: relative;
    padding-left: 50px;
    background: url(/static/images/ico-bg6.png) no-repeat center left;
    background-size: 63px 37px;
}
.videos-title .cn {
    font-size: 20px;
    color: #333333;
    line-height: 28px;
}
.videos-title .en {
    font-size: 14px;
    color: #666666;
    line-height: 20px;
}
.videos-title .title {
    float: left;
}
.videos-title .more {
    position: absolute;
    right: 0;
    top: 0;
}
.videos-title .more span {
    font-size: 14px;
    color: #5b5b5b;
    display: inline-block;
    vertical-align: middle;
}
.videos-title .more i {
    display: inline-block;
    vertical-align: middle;
    background: url(/static/images/icon-r2.png) no-repeat center center;
    background-size: contain;
    height: 13px;
    width: 28px;
    margin-left: 5px;
}
.videos-navbar {
    float: left;
}
.videos-navbar li {
    float: left;
    margin-left: 25px;
}
.videos-navbar li a {
    display: block;
    height: 40px;
    padding: 0 35px;
    line-height: 38px;
    font-size: 16px;
    color: #333333;
    border-radius: 20px;
    border: 1px solid #d0d0d0;
    position: relative;
}
.videos-navbar li a:hover {
    border: 1px solid #3b90ff;
}
.videos-navbar li.active a {
    border: 1px solid #3b90ff;
    background: #3b90ff;
    color: #fff;
}
.videos-navbar li.active a:hover {
    color: #fff !important;
}
.videos-navbar li.active a:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 10px 0 10px;
    border-color: #3b90ff transparent transparent transparent;
    position: absolute;
    left: 50%;
    margin-left: -10px;
    bottom: -10px;
}
.allvideos-list {
    margin-bottom: 40px;
    min-height: 350px;
}
.allvideos-list {
    display: flex;
    border-radius: 20px;
    overflow: hidden;
    background: #f5f5f5;
}
.videos-list-left {
    width: 90px;
    min-width: 90px;
    border-radius: 20px 0px 0px 20px;
    position: relative;
}
.videos-list-left i {
    width: 37px;
    height: 37px;
    display: block;
    margin: 0 auto;
    margin-bottom: 15px;
    margin-top: 30px;
}
.videos-bg1 {
    background: #3b90ff;
}
.videos-bg2 {
    background: #31b575;
}
.videos-bg3 {
    background: #3b90ff;
}
.videos-bg1 i {
    background: url(/static/images/icon-p2w.png) no-repeat center center;
    background-size: contain;
}
.videos-bg2 i {
    background: url(/static/images/icon-p3w.png) no-repeat center center;
    background-size: contain;
}
.videos-bg3 i {
    background: url(/static/images/icon-p1w.png) no-repeat center center;
    background-size: contain;
}
.videos-list-left span {
    width: 90px;
    color: #fff;
    display: block;
    text-align: center;
    font-size: 24px;
    line-height: 26px;
}
.videos-list-left a {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    background: url(/static/images/ico-bg4.png) no-repeat center right;
    background-size: contain;
}
.videos-list-left a:hover {
    color: #fff !important;
}
.videos-list-right {
    padding: 40px 50px;
    width: calc(100% - 90px);
    position: relative;
}
.videos-item {
    display: block;
    box-shadow: 0px 0px 5px 0px #DEDEDE;
    border-radius: 5px;
    overflow: hidden;
}
.videos-item .item-img {
    position: relative;
}
.videos-item .item-img img {
    width: 100%;
}
.videos-item .item-img .video-play {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -25px;
    margin-left: -25px;
    width: 50px;
    height: 50px;
}
.videos-item .item-text {
    padding: 15px;
    background: #fff;
}
.videos-item .title {
    font-size: 18px;
    line-height: 30px;
    height: 60px;
    color: #333333;
    margin-bottom: 10px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2; /* 行数 */
    -webkit-box-orient: vertical;
}
.videos-item .item-text p {
    font-size: 14px;
    line-height: 20px;
    color: #999999;
}
.videos-list-right .swiper-button-next, .videos-list-right .swiper-button-prev {
    color: #848484;
    width: 22px;
    height: 22px;
    outline: none;
    margin-top: -11px;
}
.videos-list-right .swiper-button-next {
    background: url(/static/images/ico-r4.png) no-repeat center center;
    background-size: contain;
}
.videos-list-right .swiper-button-prev {
    background: url(/static/images/ico-l1.png) no-repeat center center;
    background-size: contain;
}
.videos-list-right .swiper-button-next:after, .videos-list-right .swiper-button-prev:after {
    font-size: 18px;
    font-weight: 700;
}
.video-list li {
    margin-bottom: 40px;
}
/* --- 试剂操作视频 --- */

/* --- 下载资料 --- */
.download-list {
    margin-bottom: 40px;
}
.download-border {
    height: 1px;
    border-top: 1px dashed #999;
    margin: 20px 0 40px 0;
}
.down-list li {
    margin-bottom: 22px;
}
.down-list .down-item {
    display: flex;
    align-items: center;
    padding: 15px 60px 15px 20px;
    border-radius: 8px;
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.25);
    position: relative;
}
.down-list .item-img {
    min-width: 43px;
    padding-right: 13px;
    margin-top: -2px;
}
.down-list .item-info {
    width: 100%;
    padding-right: 36px;
}
.down-list .down-btn {
    position: absolute;
    right: 30px;
    top: 25px;
}
.down-list .title {
    font-size: 16px;
    color: #666666;
    line-height: 24px;
    margin-bottom: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.down-list p {
    font-size: 14px;
    color: #999999;
    line-height: 20px;
}
/* --- 下载资料 --- */

/* --- 下载详情 --- */
.down-content .row {
    margin-bottom: 45px;
}
.down-content .col-md-5 img {
    width: 100%;
}
.down-content .col-md-7 h2 {
    font-size: 24px;
    font-weight: 400;
    line-height: 36px;
    color: #333333;
    margin-bottom: 15px;
}
.down-content .time {
    font-size: 16px;
    line-height: 24px;
    color: #999999;
    margin-bottom: 60px;
}
.down-content .col-md-7 {
    padding: 10px 30px;
}
.down-content .col-md-7 a {
    display: inline-block;
    padding: 0 50px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    color: #fff;
    background: #3b90ff;
    opacity: 0.8;
    transition: all .5s;
}
.down-content .col-md-7 a:hover {
    opacity: 1;
    color: #fff !important;
}
.down-editor h1,h2,h3,h4,h5,h6 {
    line-height: 1.5;
    color: #333;
    margin-top: 15px;
    margin-bottom: 15px;
}
.down-editor h1 {
    font-size: 30px;
}
.down-editor h2 {
    font-size: 24px;
}
.down-editor h3 {
    font-size: 20px;
}
.down-editor h4 {
    font-size: 18px;
}
.down-editor h5 {
    font-size: 16px;
}
.down-editor h6 {
    font-size: 14px;
}
.down-editor p {
    font-size: 16px;
    color: #6f6f6f;
    line-height: 32px;
    margin-bottom: 10px;
    word-break: break-all;
}
.down-editor ol,
.down-editor ul {
    padding-left: 25px;
}
.down-editor ul li {
    list-style: disc;
}
.down-editor ol li {
    list-style: decimal;
}
.down-editor video,
.down-editor table,
.down-editor img {
    max-width: 100%;
    height: auto !important;
}
.down-editor img {
    display: block;
    margin: 0 auto;
}
.down-editor a {
    color: #103673;
}
/* --- 下载详情 --- */




/* --- 登录页面 --- */
.login-main {
    background: url(/static/images/bg-login.jpg) no-repeat center center;
    background-size: cover;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
}
.login-logo {
    position: fixed;
    left: 40px;
    top: 40px;
    height: 40px;
}
.login-logo a {
    display: block;
}
.login-logo img {
    height: 40px;
}
.login-copyright {
    position: fixed;
    bottom: 20px;
    width: 100%
}
.login-copyright p {
    text-align: center;
    font-size: 18px;
    line-height: 30px;
    color: #fff;
}
.login-copyright a {
    display: inline-block;
    color: #fff;
    margin-left: 5px;
}
.login {
    width: 400px;
    padding: 25px 30px 30px;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -200px;
    margin-top: -200px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
}
.login-title {
    font-size: 18px;
    color: #333333;;
    line-height: 30px;
    padding-bottom: 13px;
    border-bottom: 2px solid #d8d8d8;
    margin-bottom: 30px;
}
.login-title span {
    position: relative;
}
.login-title span:after {
    content: "";
    width: 70px;
    height: 2px;
    background: #333333;
    position: absolute;
    bottom: -20px;
    left: 0;
}
.form-login .form-control {
    background: #f4f4f4;
    border: 1px solid #DEDEDE;
    border-radius: 8px;
    height: 45px;
    line-height: 45px;
    font-size: 14px;
    color: #999999;
    outline: none;
}
.form-login .btn-login {
    width: 100%;
    border: 0;
    height: 45px;
    background: #eee;
    border-radius: 8px;
    outline: none;
}
.form-login .btn-login:hover {
    background: #3b90ff;
    color: #fff;
}
.login .not-login p {
    text-align: right;
}
.login .not-login a {
    font-size: 14px;
    color: #666666;
    line-height: 24px;
}
/* --- 登录页面 --- */

/* --- 关于我们 --- */
.about-title {
    margin-bottom: 40px;
}
.about-title .cn {
    font-size: 36px;
    font-weight: 700;
    font-family: SourceHanSerifCN-Bold;
    line-height: 50px;
    color: #414141;
    text-align: center;
}
.about-title .en {
    font-size: 16px;
    color: #999999;
    line-height: 22px;
    text-align: center;
    margin-bottom: 10px;
}
.about-title p {
    text-align: center;
}
.about-title p i {
    background: url(/static/images/ico-bg9.png) no-repeat center;
    background-size: contain;
    display: inline-block;
    width: 31px;
    height: 18px;
    position: relative;
}
.about-title p i:after,
.about-title p i:before {
    content: "";
    width: 150px;
    height: 1px;
    background: #d8d8d8;
    position: absolute;
}
.about-title p i:after {
    left: -160px;
    top: 10px;
}
.about-title p i:before {
    right: -160px;
    top: 10px;
}
.about-us-editor {
    margin-bottom: 30px;
}
.about-us-editor p {
    font-size: 16px;
    line-height: 30px;
    color: #333;
    margin-bottom: 20px;
    /* text-indent: 2em; */
}
.about-us-number {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 100px;
}
.about-us-number .number-item {
    width: 20%;
}
.about-us-number .counter {
    display: block;
    font-size: 48px;
    font-size: #333333;
    font-weight: 700;
    line-height: 58px;
    margin-bottom: 15px;
    position: relative;
}
.about-us-number .counter:after {
    content: "";
    width: 146px;
    height: 1px;
    background: #d8d8d8;
    position: absolute;
    bottom: -8px;
    left: 0;
}
.about-us-number p {
   font-size: 16px;
   color: #666666;
   line-height: 30px;
   max-width: 188px;
}
.about-title-m .cn {
    font-size: 30px;
    font-family: sans-serif;
}
.about-title-m p span {
    display: block;
    width: 48px;
    height: 3px;
    background: #3b90ff;
    margin: 0 auto 40px auto;
}
.about-us {
    background: url(/static/images/about-us-bg1.png) no-repeat center;
    background-size: cover;
    padding-top: 50px;
    margin-top: -30px;
}

.about-us-cy {
    padding: 40px 0 80px 0;
}
.mz-partner {
    height: 680px;
    background: url(/static/images/about-us-map.png) no-repeat center;
    background-size: contain;
    padding-top: 100px;
    position: relative;
}
.mz-logo {
    width: 380px;
    height: 380px;
    display: block;
    margin: 0 auto;
    position: relative;
    animation: spin2 16s infinite linear;
}
.mz-logo .logo {
    width: 186px;
    height: 154px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -98px;
    margin-top: -76px;
    animation: spin1 16s infinite linear;
}
@keyframes spin1{
    to{ transform: rotate(-1turn);}
}
@keyframes spin2{
    to{ transform: rotate(1turn);}
}
.mz-p-content {
    width: 460px;
    padding: 10px 20px;
    border-radius: 10px;
    box-shadow: 0px 0px 10px 0px rgba(100, 121, 149, 0.45);
    background: #fff;
}
.mz-p-content a {
    display: block;
    border-bottom: 1px solid #d8d8d8;
    padding-bottom: 15px;
    margin-bottom: 10px;
    position: relative;
}
.mz-p-content a .logo {
    height: 40px;
}
.mz-p-content a .more {
    position: absolute;
    right: 10px;
    top: 8px;
    height: 26px;
}
.mz-p-content .time {
    font-size: 16px;
    font-weight: 700;
    line-height: 28px;
    color: #3c90ff;
}
.mz-p-content p {
    font-size: 16px;
    line-height: 28px;
    height: 84px;
    color: #333;
    /* text-indent: 2em; */
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3; /* 行数 */
    -webkit-box-orient: vertical;
}
.mz-p1 {
    position: absolute;
    left: 82px;
    top: -13px;
}
.mz-p2 {
    position: absolute;
    right: 45px;
    top: -13px;
}
.mz-p3 {
    position: absolute;
    left: 8px;
    top: 260px;
}
.mz-p4 {
    position: absolute;
    right: 15px;
    top: 260px;
}
.mz-p5 {
    position: absolute;
    left: 50%;
    margin-left: -230px;
    top: 520px;
}

.about-us-more {
    background: url(/static/images/about-us-bg.png) no-repeat center;
    background-size: cover;
    padding-top: 40px;
    padding-bottom: 200px;
}
.about-us-more .list-item {
    border-radius: 10px;
    overflow: hidden;
}
.about-us-more .list-item .item-img {
    height: 200px;
    overflow: hidden;
}
.about-us-more .list-item .item-img img {
    opacity: 0;
}
.about-us-more .item-text {
    padding: 20px 25px;
    background: #fff;
}
.about-us-more .item-text p {
    font-size: 24px;
    line-height: 30px;
    color: #333;
    position: relative;
    transition: color .5s;
}
.about-us-more .item-text:hover p {
    color: #3b90ff;
}
.about-us-more .item-text img {
    position: absolute;
    top: 5px;
    right: 0px;
    width: 22px;
    height: 22px;
}
/* --- 关于我们 --- */

/* --- 关于我们 - 企业大事件 --- */
.about-dashiji {
    padding-bottom: 120px;
    background: url(/static/images/about-dsj-time.png) no-repeat bottom;
    background-size: contain;
}
.gallery-d-thumbs .swiper-wrapper {
    position: relative;
}
.about-dashiji .gallery-d-thumbs:after {
    content: "";
    width: calc(100% - 100px);
    height: 2px;
    background: #d8d8d8;
    position: absolute;
    left: 50px;
    top: 17px;
    z-index: -1;
}
.gallery-d-thumbs .swiper-slide i {
    display: block;
    margin: 0 auto;
    width: 35px;
    height: 35px;
    background: url(/static/images/about-ds-over.png) no-repeat center;
    background-size: 18px 18px;
    margin-bottom: 16px;
    transition: all .5s;
}
.gallery-d-thumbs .swiper-slide-thumb-active i {
    background: url(/static/images/about-ds-active.png) no-repeat center;
    background-size: 32px 32px;
}
.gallery-d-thumbs .swiper-slide p {
    font-size: 24px;
    line-height: 36px;
    color: #333;
    text-align: center;
    transition: all .5s;
}
.gallery-d-thumbs .swiper-slide-thumb-active p {
    font-size: 36px;
    line-height: 36px;
    color: #3b90ff;
}
.gallery-d-thumbs .swiper-button-next, .gallery-d-thumbs .swiper-button-prev {
    width: 32px;
    height: 32px;
    top: 22px;
}
.gallery-d-thumbs .swiper-button-next:after, .gallery-d-thumbs .swiper-button-prev:after {
    display: none;
}
.gallery-d-thumbs .swiper-button-next {
    background-image: url(/static/images/about-r1.png) !important;
    /* background: url(/static/images/about-r1.png) no-repeat center; */
    background-size: contain;
}
.gallery-d-thumbs .swiper-button-prev {
    background-image: url(/static/images/about-l1.png) !important;
    /* background: url(/static/images/about-l1.png) no-repeat center; */
    background-size: contain;
}
.dashiji-c {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    margin-top: 35px;
    padding: 0 20px 35px 20px;
    border-bottom: 1px dashed #999999;
}
.dashiji-c .dsj-time {
    margin-right: 20px;
}
.dashiji-c .dsj-time span {
    font-size: 36px;
    color: #333;
}
.dashiji-c .dsj-img {
    min-width: 235px;
    width: 235px;
    height: 160px;
    margin-right: 30px;
}
.dashiji-c .dsj-img img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
}
.dashiji-c .dsj-text {
    flex: 1;
}
.dashiji-c .dsj-text .title {
    font-size: 24px;
    font-weight: 700;
    color: #333;
    margin-top: 10px;
    margin-bottom: 20px;
}
.dashiji-c .dsj-text p {
    font-size: 18px;
    color: #333;
}
/* --- 关于我们 - 企业大事件 --- */

/* --- 关于我们 成员公司 --- */
.about-cy-editor {
    margin-bottom: 70px;
}
.about-cy-text p {
    font-size: 14px;
    color: #666;
    line-height: 30px;
    margin-bottom: 20px;
}
.about-cy-swiper {
    position: relative;
    margin-bottom: 60px;
}
.swiper-group .swiper-slide {
    padding: 10px;
}
.others-group {
    padding: 10px 20px;
    border-radius: 10px;
    box-shadow: 0px 0px 10px 0px rgba(100, 121, 149, 0.45);
}
.others-group a {
    display: block;
    border-bottom: 1px solid #d8d8d8;
    padding-bottom: 15px;
    margin-bottom: 10px;
    position: relative;
}
.others-group a .logo {
    height: 40px;
}
.others-group a .more {
    position: absolute;
    right: 10px;
    top: 8px;
    height: 26px;
}
.others-group .time {
    font-size: 16px;
    font-weight: 700;
    line-height: 28px;
    color: #3c90ff;
}
.others-group p {
    font-size: 16px;
    line-height: 28px;
    height: 84px;
    color: #333;
    /* text-indent: 2em; */
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3; /* 行数 */
    -webkit-box-orient: vertical;
}
.about-cy-swiper .swiper-button-next {
    background-image: url(/static/images/ico-r4.png) !important;
    background-size: 14px 30px;
    color: #333;
    right: -30px;
}
.about-cy-swiper .swiper-button-prev {
    background-image: url(/static/images/ico-l1.png) !important;
    background-size: 14px 30px;
    color: #333;
    left: -30px;
}
/* --- 关于我们 成员公司 --- */

/* --- 关于我们 - 员工风采 --- */
.about-staff-list .list-item {
    display: flex;
    box-shadow: 0px 0px 8px 0px rgba(161, 161, 161, 0.5);
    margin-bottom: 45px;
    border-radius: 10px;
    overflow: hidden;
}
.about-staff-list .item-img {
    min-width: 445px;
}
.about-staff-list .item-img img {
    height: 300px;
    opacity: 0;
}
.about-staff-list .item-text {
    padding: 30px 35px;
}
.about-staff-list .item-text .title {
    font-size: 24px;
    line-height: 32px;
    color: #666666;
    margin-bottom: 10px;
}
.about-staff-list p.time {
    font-size: 18px;
    color: #999999;
    margin-bottom: 15px;
}
.about-staff-list p.time img {
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
}
.about-staff-list p.time span {
    vertical-align: middle;
}
.about-staff-list p.intro {
    font-size: 16px;
    color: #666666;
    line-height: 30px;
    height: 90px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3; /* 行数 */
    -webkit-box-orient: vertical;
}
/* --- 关于我们 - 员工风采 --- */

/* --- 关于我们 - 合作企业 --- */
.about-hezuo-list {
    max-width: 1275px;
    margin: 0 auto;
    padding-bottom: 100px;
}
.swiper-hezuo .swiper-slide img {
    width: 100%;
}
.swiper-pagination-hezuo {
    width: 100%;
    text-align: center;
    margin-top: 8px;
}
.swiper-pagination-hezuo .swiper-pagination-bullet {
    width: 20px;
    height: 20px;
    margin: 0 10px;
    border: 1px solid #979797;
    /*background: #fff;*/
    position: relative;
}
.swiper-pagination-hezuo .swiper-pagination-bullet:focus {
    outline: none;
}
.swiper-pagination-hezuo .swiper-pagination-bullet:hover,
.swiper-pagination-hezuo .swiper-pagination-bullet-active {
    border: 1px solid #3c90ff;
}
.swiper-pagination-hezuo .swiper-pagination-bullet-active:after {
    content: "";
    width: 14px;
    height: 14px;
    border-radius: 50%;
    position: absolute;
    left: 2px;
    top: 2px;
    background: #3c90ff;
}
/* --- 关于我们 - 合作企业 --- */

/* --- 关于我们 - 企业文化 --- */
.about-wenhua {
    margin-bottom: 50px;
}
.culture {
    display: flex;
    justify-content: space-between;
}
.culture .item {
    background-repeat: no-repeat;
    width: 100%;
    height: 600px;
    background-size: 100%;
    padding: 60px 50px;
    color: #fff;
    font-size: 24px;
    border-radius: 10px;
}
.culture .item:hover .line {
    width: 100%;
}
.culture .zhifeiji {
    background: url(/static/images/yuanjing.png) no-repeat center;
    background-size: cover;
}
.culture .mubiao {
    background: url(/static/images/mubiao.png) no-repeat center;
    background-size: cover;
}
.culture .jiangzhang {
    background: url(/static/images/jiangzhang1.png) no-repeat center;
    background-size: cover;
}
.culture img {
    width: 70px;
    height: 70px;
    margin-bottom: 35px;
}
.culture .cultureCH {
    margin-bottom: 15px;
}
.culture .cultureEN {
    margin-bottom: 30px;
}
.culture .line {
    height: 2px;
    background-color: #fff;
    width: 50px;
    margin-bottom: 40px;
    transition: 1.5s;
}
.culture .title {
    font-size: 16px;
}
.about-lx-s2 {
    padding-top: 20px;
    padding-bottom: 60px;
    background: url(/static/images/tabImg.png) no-repeat center;
    background-size: cover;
}
.cultureTab {
    margin-top: 60px;
}
.cultureTab .tab-hd {
    display: inline-block;
    background-color: #fff;
}
.cultureTab .tab-hd span {
    display: block;
    width: 310px;
    height: 80px;
    line-height: 40px;
    box-sizing: border-box;
    padding: 20px;
}
.cultureTab .tab-bd {
    display: inline-block;
    width: calc(100% - 320px);
    padding-top: 20px;
    padding-left: 40px;
    vertical-align: top;
}
.cultureTab .tab-content {
    display: none;
}
.cultureTab .tab-content.active {
    display: block;
}
.cultureTab span.active {
    width: 310px;
    height: 80px;
    color: #fff;
    background: linear-gradient(270deg, #12C1D9 0%, #3B90FF 100%);
    position: relative;
}
.cultureTab span.active::before {
    background-image: url(/static/images/right@2x.png);
    background-size: 100%;
    content: '';
    width: 24px;
    height: 10px;
    position: absolute;
    top: 35px;
    right: 21px;
}
.cultureTab .title {
    font-size: 24px;
    line-height: 36px;
    color: #333;
}
.cultureTab .line {
    width: 50px;
    height: 3px;
    background-color: #000;
    margin: 20px 0;
}
.cultureTab .content {
    font-size: 16px;
    line-height: 32px;
    color: #333;
}
/* --- 关于我们 - 企业文化 --- */


/* --- 关于我们 - 荣誉资质 --- */
.honor {
    position: relative;
    margin-bottom: 70px;
}
.honor > img{
    width: 520px;
    max-width: 100%;
}
.honor .list {
    position: absolute;
    width: 70%;
    height: 490px;
    background-color: #fff;
    top: 60px;
    right: 30px;
    box-sizing: border-box;
    padding: 30px;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.27);
    border-radius: 5px;
    overflow: auto;
}
.honor .list .zizhi {
    height: 430px;
    overflow-x: auto;
}
.honor .list .zizhi::-webkit-scrollbar {
    width: 10px;
    height: 1px;
}
.honor .list .zizhi::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: #535353;
}
.honor .list .zizhi::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 10px;
    background: #d8d8d8;
}
.honor .list p{
    background: url(/static/images/ico-bg9.png) no-repeat left 14px;
    background-size: 22px 13px;
    font-size: 16px;
    line-height: 40px;
    color: #333333;
    padding-left: 35px;
    vertical-align: middle;
    margin-bottom: 8px;
}
.honor .line {
    height: 3px;
    width: 50px;
    background-color: #3B90FF;
    margin: auto;
}
.about-zhengshu {
    margin-bottom: 20px;
}
.about-zhengshu .list-item {
    margin-bottom: 40px;
}
.about-zhengshu .list-item {
    position: relative;
}
.about-zhengshu .list-item:after {
    content: "";
    width: 100%;
    height: 188px;
    /* background: url(/static/images/ico-tz.png) no-repeat center; */
    /* background-size: contain; */
    display: none;
    position: absolute;
    bottom: -85px;
    z-index: -1;
}
.about-zhengshu .item-img {
    height: 260px;
    width: 100%;
}
.about-zhengshu .item-img img {
    opacity: 0;
}
.about-zhengshu .list-item p {
    font-size: 18px;
    line-height: 30px;
    color: #333333;
    text-align: center;
    margin-top: 30px;
}
/* --- 关于我们 - 荣誉资质 --- */

/* --- 关于我们 - 联系我们 --- */
.about-map div {
    display: inline-block;
}
.about-map .lianxi {
    height: 500px;
    width: 600px;
    padding: 20px 50px;
    box-sizing: border-box;
    position: relative;
    margin-left: -3px;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
    border-radius: 0px 10px 10px 0px;
    opacity: 0.97;
    float: right;
    margin-top: 0px;
}
.about-map .lianxi img {
    display: inline;
    margin-right: 15px;
}
.about-map .lianxi p:first-of-type {
    color: #3B90FF;
    font-size: 36px;
    margin-bottom: 0px;
}
.about-map .lianxi p {
    color: #666666;
    font-size: 16px;
    margin-bottom: 0px;
    display: flex;
}
.about-map #allmap {
    width: calc(100% - 600px);
    height: 500px;
    border-radius: 10px 10px 0 10px;
    vertical-align: bottom;
    overflow: hidden;
}
.about-map .lianxi .aboutmap {
    position: absolute;
    bottom: -4px;
    right: -4px;
    margin: 0;
}
.about-map .lianxi span {
    display: inline-block;
    vertical-align: middle;
    word-break: break-all;
    line-height: 30px;
    font-size: 16px;
    color: #666666;
}
.about-map .lianxi span:nth-child(1) {
    min-width: 95px;
}
.about-map .lianxi p.gat span:nth-child(1) {
    min-width: 240px;
}
.about-map .lianxi p.phone span {
    min-width: auto !important;
    font-size: 36px;
    line-height: 36px;
    color: #3b90ff;
}
.contact-tel {
    margin-bottom: 50px;
    margin-top: 40px;
}
.contact-tel .img-box{
    width: calc(100% - 600px);
    height: 600px;
    display: inline-block;
    border-radius: 10px 0 0 10px;
    vertical-align: top;
}
.contact-tel .img-box img {
    opacity: 0;
}
.contact-tel .list {
    width: 600px;
    height: 600px;
    background-color: #fff;
    box-sizing: border-box;
    padding: 35px 0 0 75px;
    border-radius: 0px 10px 10px 0px;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
    overflow: auto;
    margin-left: -3px;
    float: right;
}
.contact-tel .list p a,
.contact-tel .list p {
    display: block;
    line-height: 50px;
    border-bottom: 1px solid #ECECEC;
    position: relative;
    width: 90%;
    font-size: 16px;
    color: #333;
}
.contact-tel .list p::after {
    position: absolute;
    top: 13px;
    left: -20px;
    content: '';
    width: 5px;
    height: 50%;
    background-color: #3B90FF;
}
.contact-tel .line {
    height: 3px;
    width: 50px;
    background-color: #3B90FF;
    margin: auto;
}
/* --- 关于我们 - 联系我们 --- */

/* --- 关于我们 销售网络 --- */
.about-xs-map {
    max-width: 1270px;
    margin: 0 auto 80px auto;
    position: relative;
}
.about-xs-map .map-circle {
    position: absolute;
}
/* 地图定位点 */
.about-xs-map .map-hover {
    position: relative;
    z-index: 9;
    padding: 10px;
}
.about-xs-map .map-hover img {
    width: 20px;
    display: inline-block;
    margin-left: 5px;
}
.about-xs-map .map-hover span {
    position: absolute;
    left: -39px;
    top: 30px;
    width: 130px;
    font-size: 16px;
    font-weight: 700;
    line-height: 30px;
    color: #94bafd;
    text-align: center;
}
.about-xs-map .map-content {
    display: none;
    position: absolute;
    left: 50%;
    bottom: 45px;
    margin-left: -129px;
    width: 262px;
    min-height: 100px;
    background: #fff;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
    z-index: 10;
}
.about-xs-map .map-content:after {
    content: "";
    width: 26px;
    height: 12px;
    background: url(/static/images/map-content.png) no-repeat center center;
    background-size: cover;
    position: absolute;
    bottom: -12px;
    left: 50%;
    margin-left: -13px;
}
/* .about-xs-map .map-content p {
    display: flex;
} */
.about-xs-map .map-content span {
    /* word-break: keep-all; */
}
.about-xs-map .map-content span:nth-child(1) {
    /* width: 50px; */
    /* min-width: 50px; */
}
.about-xs-map .map-content span:nth-child(2) {
    /* word-break: break-all; */
}
.about-xswl-list {
    background: url(/static/images/about-xs1.png) no-repeat center;
    background-size: cover;
    padding-bottom: 220px;
}
.xswl-list .col-md-4 {
    margin-bottom: 30px;
}
.xswl-list .address-wangluo {
    background: #fff;
    box-shadow: 0px 0px 10px 0px rgba(100, 121, 149, 0.45);
    border-radius: 10px;
    padding: 10px 25px 20px 25px;
    height: 100%;
}
.address-wangluo h3 {
    font-size: 24px;
    line-height: 36px;
    color: #3b90ff;
    margin-bottom: 30px;
    position: relative;
}
.address-wangluo h3:before {
    content: "";
    width: 48px;
    height: 3px;
    background: #999;
    position: absolute;
    bottom: -15px;
    left: 0;
}
.address-wangluo .address {
    font-size: 16px;
    line-height: 36px;
    color: #666666;
    display: flex;
}
/* .address-wangluo .address span:nth-child(1) {
    min-width: 50px;
} */
/* --- 关于我们 销售网络 --- */


/* --- 关于我们 人才战略 列表页 --- */
.about-rencai-nav {
    text-align: center;
    margin-bottom: 35px;
}
.about-rencai-nav a {
    display: inline-block;
    margin: 0 11px;
    padding: 0 35px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    color: #333;
    border: 1px solid #d0d0d0;
    border-radius: 20px;
    position: relative;
}
.about-rencai-nav a:hover {
    color: #3b90ff;
    border: 1px solid #3b90ff;
}
.about-rencai-nav a.active {
    background: #3b90ff;
    color: #fff;
}
.about-rencai-nav a.active:hover {
    color: #fff;
}
.about-rencai-nav a.active:after {
    content: "";
    position: absolute;
    left: 50%;
    margin-left: -10px;
    top: 100%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #3b90ff transparent transparent transparent;
}
.about-join-us {
    margin-bottom: 35px;
}
.join-our-work h5 {
    font-size: 30px;
    line-height: 42px;
    color: #333;
    margin-top: 50px;
    margin-bottom: 0;
}
.join-our-work p {
    font-size: 16px;
    line-height: 22px;
    color: #999;
}
.join-our-work p i {
    display: block;
    width: 48px;
    height: 3px;
    background: #3b90ff;
    margin-top: 10px;
}
.join-our-work .swiper-j-prev,
.join-our-work .swiper-j-next {
    width: 16px;
    margin-top: 30px;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    float: left;
    color: #666;
    outline: none;
}
.join-our-work .swiper-j-next {
    margin-left: 10px;
    background-image: transparent !important;
    background: url(/static/images/ico-r4.png) no-repeat center;
    background-size: 12px 20px;
}
.join-our-work .swiper-j-prev {
    background-image: transparent !important;
    background: url(/static/images/ico-l1.png) no-repeat center;
    background-size: 12px 20px;
}
.swiper-button-next:after,
.swiper-button-prev:after {
    font-size: 20px;
}
.about-join-us .join-slogan {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 25px;
    border-radius: 10px;
    overflow: hidden;
}
.about-join-us .join-img img {
    opacity: 0;
}
.about-join-us .our-slogan {
    flex: 1;
    background: #3b90ff;
    padding: 100px 60px 0;
}
.about-join-us .our-slogan .logo {
    height: 55px;
    margin-bottom: 24px;
}
.about-join-us .our-slogan p {
    font-size: 24px;
    line-height: 36px;
    color: #fff;
}
.join-our-work h5 {
    font-size: 20px;
    line-height: 30px;
}
.join-our-work p {
    font-size: 14px;
}
.swiper-join-us {
    width: 100%;
    border-radius: 8px;
    overflow: hidden;
}
.swiper-join .swiper-slide {
    border-radius: 10px;
}
.swiper-join img {
    width: 100%;
    height: 250px;
    border-radius: 10px;
}
.about-join-search {
    margin-bottom: 25px;
}
.about-join-search input {
    width: 300px;
    height: 55px;
    padding: 0 20px;
    border: 1px solid #BBBBBB;
    font-size: 16px;
    color: #333;
    margin-right: 20px;
    border-radius: 5px;
    display: inline-block;
}
input::-webkit-input-placeholder {
    color: #999;
    font-size: 16px;
}
.about-join-search button {
    height: 55px;
    font-size: 16px;
    color: #fff;
    background: #3b90ff;
    padding: 0 40px;
    border: 1px solid #3b90ff;
    border-radius: 5px;
    opacity: 0.8;
    transition: opacity .5s;
    display: inline-block;
}
.about-join-search button:hover {
    opacity: 1;
}
.about-rencai-table table {
    width: 100%;
    margin-bottom: 60px;
}
.about-rencai-table table thead {
    background: #b2b2b2;
    font-size: 20px;
    color: #fff;
    height: 70px;
    line-height: 70px;
}
.about-rencai-table table th,
.about-rencai-table table td {
    padding: 15px 30px;
    line-height: 36px;
}
.about-rencai-table tbody tr {
    border-top: 8px solid #fff;
    background: #f9f9f9;
}
.about-rencai-table tbody td {
    /* height: 66px; */
    line-height: 36px;
    padding: 15px 30px;
    font-size: 16px;
    color: #666;
}
/* --- 关于我们 人才战略 列表页 --- */

/* --- 关于我们 人才招聘 详情页 --- */
.about-rc-content {
    padding: 40px 60px;
    box-shadow: 0px 0px 5px 0px #DEDEDE;
    border-radius: 5px;
    margin-bottom: 50px;
}
.about-rc-content .title {
    margin-bottom: 20px;
    font-size: 20px;
    color: #333;
    line-height: 30px;
    text-align: center;
}
.about-rc-content .rc-table {
    width: 100%;
    background: #f9f9f9;
    padding: 20px;
}
.about-rc-content .rc-table span {
    display: inline-block;
    width: 30%;
    font-size: 16px;
    color: #333;
    line-height: 35px;
    padding: 10px 20px;
}
.about-rc-content .rc-table span:nth-child(1),
.about-rc-content .rc-table span:nth-child(4) {
    width: 39%;
}
.about-rc-content table {
    width: 100%;
    background: #f9f9f9;
    padding: 20px;
}
.about-rc-content table td {
    font-size: 16px;
    color: #333;
    line-height: 35px;
    padding: 10px 20px;
}
.about-rc-editor h3,
.about-rc-editor h4 {
    font-size: 18px;
    line-height: 30px;
    color: #333;
    margin-top: 40px;
}
.about-rc-editor p {
    font-size: 16px;
    line-height: 30px;
    color: #666;
    margin-bottom: 10px;
}
/* --- 关于我们 人才招聘 详情页 --- */

.swiper-button-next, .swiper-button-prev {
    outline: none;
}

@media screen and (min-width: 768px) {
    .index-navbar {
        max-width: 720px;
    }
    .swiper-banner-mb {
        display: none;
    }
    .swiper-banner-pc {
        display: block;
    }
}
@media screen and (min-width: 992px) {
    .index-navbar {
        max-width: 960px;
    }
}
@media screen and (min-width: 1024px) {
    .navbar-m,
    .about-sm-map,
    .select-sort,
    .select-menu {
        display: none;
    }
}
@media screen and (min-width: 1200px) {
    .index-navbar {
        max-width: 1140px;
    }
}
@media screen and (min-width: 1360px) {
    .index-navbar {
        max-width: 1200px;
    }
}
@media screen and (min-width: 1480px) {
    .index-navbar {
        max-width: 1370px;
    }
}


@media screen and (max-width: 1660px) {
    .navbar {
        padding: 0 0 0 50px;
    }
    .navbar li {
        margin: 0 25px;
    }
}
@media screen and (max-width: 1560px) {
    .navbar {
        padding: 0 0 0 40px;
    }
    .navbar li {
        margin: 0 20px;
    }
    .sort-nav-about li {
        margin-right: 15px;
    }
    .sort-nav-about li a {
        padding: 0 16px;
    }
}
@media screen and (max-width: 1480px) {
    .navbar {
        padding: 0 0 0 20px;
    }
    .navbar li {
        margin: 0 15px;
    }
    .sort-nav-about li {
        margin-right: 10px;
    }
    .sort-nav-about li a {
        padding: 0 12px;
    }
    .mz-p-content {
        width: 350px;
    }
    .mz-p1 {
        left: 42px;
    }
    .mz-p5 {
        margin-left: -175px;
    }
}
@media screen and (max-width: 1378px) {
    .navbar {
        padding: 0 0 0 30px;
    }
    .navbar li {
        margin: 0 10px;
    }
    .index-navbar > ul > li {
        margin: 0 66px 0 20px;
    }
    .sort-nav {
        padding: 20px 50px 20px 10px;
    }
    .sort-nav-about li {
        margin-right: 2px;
    }
    .mz-p-content {
        width: 320px;
    }
    .mz-p1 {
        left: 42px;
    }
    .mz-p5 {
        margin-left: -160px;
    }
    .sort-nav-about li a {
        padding: 0 10px;
    }
    .sort-product-list .item-img {
        height: 140px;
    }
}
@media screen and (max-width: 1280px) {
    .navbar li {
        margin: 0 5px;
    }
    .header-icon li {
        margin-left: 5px;
    }
    .sort-product-list .item-img {
        height: 130px;
    }
}
@media screen and (max-width: 1180px) {
    .header-icon span {
        font-size: 18px;
    }
    .navbar {
        padding-left: 10px;
    }
    .navbar li {
        margin: 0 2px;
    }
}
@media screen and (max-width: 1025px) {
    .header {
        height: 60px;
    }
    .brand {
        margin-top: 15px;
    }
    .brand a {
        height: 30px;
    }
    .header-icon {
        display: none;
    }
    .index-navbar {
        display: none;
    }
    .navbar {
        display: none;
    }
    .menu{display:block;float:right;cursor:pointer;height:40px;width:30px;position:absolute;top: 4px;right: 20px;}
    .menu span{display:inline-block;width:26px;height:2px;background-color:#103673;border-radius: 5px;position:absolute;top:25px;left:0px;transition:background-color 0.2s ease-out 0.1s;}
    .menu span:before{content:'';display:inline-block;width:26px;height:2px;background-color:#103673;border-radius: 5px;position:absolute;top:-8px;left:0px;transition:transform 0.1s ease-out,top 0.3s ease 0.2s;transform:rotate(0deg);}
    .menu span:after{content:'';display:inline-block;width:26px;height:2px;background-color:#103673;border-radius: 5px;position:absolute;top:8px;left:0px;transition:transform 0.1s ease-out,top 0.3s ease 0.2s;transform:rotate(0deg);}
    .header.menu_click .menu span{background-color:transparent;}
    .header.menu_click .menu span:before{transition:top 0.3s ease,transform 0.1s ease-out 0.2s;transform:rotate(45deg);top:0px;}
    .header.menu_click .menu span:after{transition:top 0.3s ease,transform 0.1s ease-out 0.2s;transform:rotate(-45deg);top:0px;}
    .navbar-m {
        width: 280px;
        position: fixed;
        top: 60px;
        right: -280px;
        height: calc(100% - 60px);
        padding: 0;
        background: rgba(255, 255, 255, 0.95);
        z-index: 90;
        transition: all .5s;
    }
    .navbar-model-bg {
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.4);
        position: fixed;
        left: 0;
        top: 0;
        display: none;
        z-index: 10;
    }
    .navbar-m.active {
        right: 0;
    }
    .navbar-m .nav {
        height: 100%;
        display: block;
        overflow-y: auto;
        padding-top: 10px;
    }
    .navbar-m .nav > li {
        width: 100%;
        margin: 0;
        line-height: 50px;
        position: relative;
    }
    .nav > li > i {
        width: 50px;
        height: 50px;
        background: url(/static/images/ico-r6.svg) no-repeat center;
        background-size: 24px 24px;
        position: absolute;
        right: 0;
        top: 0;
        transition: all .5s;
    }
    .nav > li > i.active {
        transform: rotate(90deg);
    }
    .nav > li > a {
        display: block;
        height: 50px;
        line-height: 50px;
        padding: 0 15px;
        font-size: 16px;
        color: #333;
    }
    .nav > li > a:hover {
        color: #007bff
    }
    .nav-two li a {
        display: block;
        line-height: 36px;
        padding-left: 40px;
        font-size: 14px;
        color: #333;
        position: relative;
    }
    .nav-two li a:after {
        content: "";
        width: 12px;
        height: 14px;
        background: url(/static/images/icon-x2.png) no-repeat center center;
        background-size: contain;
        position: absolute;
        left: 20px;
        top: 12px;
        transition: all .5s;
    }
    .nav-two li a:hover {
        color: #007bff
    }
    .nav-three {
        padding-left: 20px;
    }
    .header-icon-m {
        padding: 10px 15px;
        text-align: center;
    }
    .header-icon-m li {
        width: 45%;
        display: inline-block;
    }
    .header-icon-m li span,
    .header-icon-m li a {
        display: inline-block;
        font-size: 14px;
        line-height: 30px;
        color: #333;
    }
    .header-icon-m li span {
        margin: 0 5px;
    }
    .header-icon-m li img {
        height: 20px;
        display: inline-block;
        vertical-align: middle;
        margin-right: 4px;
    }
    .branden {
        float: right;
        margin-top: 18px;
        line-height: 1;
        margin-right: 60px;
        font-size: 12px;
        width: 450px;
    }
}
@media screen and (max-width: 767px) {
    .swiper-banner-mb {
        display: block;
    }
    .swiper-banner-pc {
        display: none;
    }
    .container {
        width: 100%;
    }
    .index-solutions-tab .taba-hd {
        flex-wrap: nowrap;
        margin: 0;
        overflow: hidden;
        overflow-x: auto;
        margin-bottom: 30px;
    }
    .index-solutions-tab .col-md-4 {
        min-width: 260px;
    }
    .index-solutions-tab .col-md-4 .tab-intro {
        display: none !important;
    }
    .sort-nav {
        display: none;
    }
    .index-products-list .swiper-p-next,
    .index-solutions-tab .tab-bd-item .swiper-button-next {
        right: 5px !important;
    }
    .index-products-list .swiper-p-prev,
    .index-solutions-tab .tab-bd-item .swiper-button-prev {
        left: 5px !important;
    }
    .footer-body {
        padding: 30px 15px;
    }
    .footer-left {
        margin-bottom: 20px;
    }
    .footer-center dl dt {
        font-size: 20px;
        line-height: 24px;
    }
    .footer-left img {
        height: 40px;
    }
    .footer-left p.tel {
        font-size: 30px;
        line-height: 40px;
    }
    .footer-left p.address,
    .footer-center dl dd {
        font-size: 14px;
        line-height: 20px;
    }
    .footer-right {
        width: 100%;
        text-align: center;
    }
    .copyright p {
        padding-top: 10px;
        font-size: 14px;
    }
    .copyright p,
    .copyright p a {
        line-height: 20px;
        font-size: 12px;
    }
    .copyright p a.dowv {
        display: block;
        line-height: 12px;
    }
    .index-more a {
        height: 36px;
        padding: 0 20px;
    }
    .index-more a span {
        line-height: 36px;
    }
    .sort-position {
        display: none;
    }
    .index-title {
        margin-bottom: 20px;
    }
    .index-title h4.en {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 5px;
    }
    .index-title h4.cn {
        margin-top: 5px;
        font-size: 26px;
        line-height: 34px;
    }
    .index-products-item {
        height: 330px;
    }
    .products-item-back .title,
    .products-item-top h4 {
        font-size: 18px;
        line-height: 24px;
    }
    .products-item-back .intro {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 40px;
    }
    .products-item-back span.more {
        position: absolute;
        bottom: 40px;
        left: 50%;
        margin-left: -13px;
    }
    .index-news-left {
        margin-bottom: 20px;
    }
    .index-news-left .item-text {
        height: auto;
    }
    .index-section {
        padding: 20px 0;
    }
    .index-intro {
        font-size: 14px;
        line-height: 20px;
    }
    .index-news-right p.time img,
    .index-news-left p.time img {
        height: 14px;
    }
    .index-news-right p.time span,
    .index-news-right p.intro,
    .index-news-left p.intro {
        font-size: 12px;
        line-height: 16px;
    }
    .index-news-left p.intro {
        height: 48px;
    }
    .index-news-right .item-text h4,
    .index-news-left .item-text h4 {
        font-size: 16px;
        line-height: 20px;
        margin-top: 4px;
    }
    .index-news-left .item-img {
        height: 220px;
    }
    .index-news-right .item-img {
        width: 120px;
        height: 72px;
    }
    .index-news-right .item-text {
        width: calc(100% - 136px);
    }
    .index-news-left p.time span {
        font-size: 12px;
    }
    .product-pics .gallery-top .swiper-wrapper {
        height: 250px;
    }
    .index-solutions-tab .taba-hd {
        padding: 15px;
    }
    .index-solutions-tab .col-md-4.active:after {
        height: 130px;
        top: 0;
    }
    .index-solutions-tab .col-md-4.active h4.cn {
        margin-top: 0;
        padding-top: 20px;
    }
    .index-solutions-tab .col-md-4.active a.more {
        height: 60px;
        right: -13px;
        bottom: -5px;
    }
    .index-solutions-tab .col-md-4.active a.more img {
        height: 10px;
    }
    .index-solutions-tab .col-md-4 {
        height: 130px;
    }
    .index-solutions-tab .col-md-4.active i {
        left: 2px;
        top: 32px;
        margin-bottom: 0;
    }
    .index-solutions-tab .col-md-4 h4.cn {
        font-size: 18px;
    }
    .index-solutions-tab .col-md-4 h4.en {
        font-size: 14px;
    }
    .index-solutions-tab .col-md-4.active h4.cn, .index-solutions-tab .col-md-4.active h4.en {
        padding-left: 76px;
    }
    .index-solutions-tab .tab-hd-title .title {
        height: 130px;
    }
    .index-counter span.counter {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 10px;
    }
    .index-counter span.counter:after {
        bottom: -5px;
    }
    .index-section-num {
        justify-content: center;
    }
    .index-counter span:nth-child(2) {
        font-size: 12px;
    }
    .index-section-num .col-md-3 {
        width: 45%;
    }
    .index-section-num .index-counter {
        width: 100%;
    }
    .index-map {
        display: none;
    }
    .index-map-m {
        display: block;
        margin-bottom: 10px;
    }

    .sort-banner {
        height: 240px;
        padding-top: 100px;
    }
    .sort-banner h2.en {
        margin-bottom: 0;
    }
    .sort-banner h2.cn {
        font-size: 26px;
        line-height: 36px;
        margin-top: 0;
    }
    .sort-banner p {
        display: none;
    }

    .news-content .container h2 {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 10px;
    }
    .news-content p.time {
        margin-bottom: 20px;
    }
    .news-content p.time i {
        height: 12px;
    }
    .news-content p.time span {
        font-size: 12px;
        line-height: 16px;
    }
    .news-content-next a {
        min-width: 30px;
    }
    .news-list-common .list-item {
        flex-wrap: wrap;
    }
    .news-list-common .item-img {
        width: 100%;
        min-width: 100%;
        height: 220px;
        margin-bottom: 10px;
    }
    .news-list-common .item-text .title {
        font-size: 18px;
        font-weight: 700;
        line-height: 26px;
    }
    .news-list-common p.time img {
        height: 12px;
    }
    .news-list-common p.time span {
        font-size: 12px;
    }
    .news-list-common p.intro {
        font-size: 12px;
        line-height: 20px;
        height: 60px;
    }
    .news-list-common li {
        margin-bottom: 20px;
        padding-bottom: 20px;
    }
    .news-list-common .item-more {
        padding-left: 15px;
        padding-right: 15px;
        margin-left: 15px;
    }

    .sort-left {
        display: none;
    }
    .sort-content {
        padding: 35px 0;
    }
    .sort-search {
        position: inherit;
        left: 0;
        top: 0;
        margin-top: 15px;
        /* width: calc(100% - 50px); */
    }
    .sort-search-form input {
        width: 100%;
    }
    .sort-search-form button i {
        width: 18px;
        height: 18px;
    }
    .sort-product-list .item-img {
        height: 220px;
    }
    input::-webkit-input-placeholder {
        color: #999;
        font-size: 12px;
    }
    .select-sort {
        display: block;
        position: fixed;
        right: -280px;
        top: 60px;
        width: 280px;
        height: calc(100% - 60px);
        background: rgba(255, 255, 255, 0.86);
        z-index: 80;
        transition: all .5s;
    }
    .select-sort.active {
        right: 0;
    }
    .select-sort .sort-search {
        position: relative;
        left: 0;
        top: 0;
        margin-top: 10px;
        margin-bottom: 10px;
        padding: 0 10px;
    }
    .select-sort .sort-navbar {
        height: calc(100% - 56px);
        overflow-y: auto;
        padding: 15px;
        margin-bottom: 0;
        border: 0;
        border-radius: 0;
    }
    .select-menu {
        display: block;
        position: absolute;
        right: 0;
        top: 10px;
    }
    .select-menu i {
        background: url(/static/images/select.svg) no-repeat center;
        background-size: 30px 26px;
        width: 30px;
        height: 26px;
        display: block;
    }
    .select-menu span {
        display: none;
    }
    .sort-navbar li .cn {
        font-size: 18px;
    }
    .sort-product-list .col-md-3 {
        margin-bottom: 20px;
    }
    .sort-content {
        padding-bottom: 15px;
    }
    .sort-navbar .sortbar-list {
        padding-top: 15px;
    }
    .sort-navbar > li {
        margin-bottom: 20px;
    }
    .sortbar-list li.active a:after {
        top: 4px;
    }
    .select-choose .select-title {
        min-width: 75px;
        padding-left: 8px;
        font-size: 14px;
    }
    .select-option {
        padding-left: 10px;
    }
    .select-option a {
        margin-right: 10px;
    }
    .more-list {
        margin-bottom: 30px;
    }

    .download-list {
        padding-top: 30px;
    }
    
    .allvideos,
    .about-hezuo,
    .about-dashiji,
    .about-us,
    .about-rencai,
    .about-xiaoshou,
    .about-cy,
    .about-wenhua,
    .about-staff {
        padding-top: 30px;
    }
    .about-hezuo-list {
        padding-bottom: 30px;
    }
    .about-us {
        margin-top: 0px;
    }
    .about-join-us .our-slogan {
        padding: 30px 20px;
    }
    .about-join-us .our-slogan .logo {
        height: 40px;
    }
    .about-join-us .our-slogan p {
        font-size: 18px;
        line-height: 24px;
    }
    .about-us-number {
        padding-bottom: 30px;
    }
    .about-us-number .counter {
        font-size: 30px;
        line-height: 40px;
    }
    .about-us-number .number-item {
        width: 100%;
    }
    .about-title .cn {
        font-size: 26px;
        line-height: 36px;
    }
    .about-title .en {
        font-size: 14px;
    }
    .about-title p i:after, .about-title p i:before {
        width: 80px;
    }
    .about-title p i:after {
        left: -90px;
    }
    .about-title p i:before {
        right: -90px;
    }
    .about-title {
        margin-bottom: 20px;
    }
    .about-us-cy {
        padding-bottom: 20px;
    }
    .about-cy-img {
        margin-bottom: 20px;
    }
    .mz-logo {
        width: 280px;
        height: 280px;
    }
    .mz-partner {
        height: auto;
        padding-top: 0;
    }
    .mz-p-content {
        width: 100%;
        position: relative;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: 20px auto;
    }
    .mz-logo .logo {
        width: 145px;
        height: 120px;
        margin-left: -73px;
        margin-top: -60px;
    }
    .about-wenhua {
        margin-bottom: 20px;
    }
    .culture .item {
        height: 500px;
        margin-bottom: 10px;
    }
    .about-map .lianxi {
        height: auto;
        width: 100%;
        padding: 15px;
        margin-top: 20px;
        margin-bottom: 20px;
        border-radius: 10px;
        overflow: hidden;
    }
    .about-map #allmap {
        width: 100%;
        height: 200px;
        border-radius: 10px;
    }
    .about-map .lianxi .aboutmap {
        width: 40px;
    }
    .about-xs-map {
        display: none;
    }
    .about-sm-map {
        display: block;
        margin-bottom: 40px;
    }
    .about-sm-map img {
        width: 100%;
    }
    .contact-tel .img-box {
        width: 100%;
        height: 260px;
        border-radius: 10px;
        margin-top: 20px;
        overflow: hidden;
    }
    .contact-tel .list {
        width: 100%;
        height: auto;
        padding: 15px 15px 15px 30px;
        border-radius: 10px;
        float: inherit;
        margin-top: 20px;
        margin-left: 0;
    }
    .contact-tel .list p {
        font-size: 16px;
        line-height: 40px;
        margin-right: 0;
        width: 100%;
    }
    .contact-tel .list p::after {
        position: absolute;
        top: 50%;
        left: -15px;
        content: '';
        width: 3px;
        height: 16px;
        background-color: #3B90FF;
        margin-top: -8px;
    }
    .about-rencai-nav a {
        margin: 0 2px;
        padding: 0 10px;
        font-size: 14px;
    }
    .about-map .lianxi p {
        flex-wrap: wrap;
    }
    .about-map .lianxi span:nth-child(2) {
        padding-left: 45px;
        display: block;
        width: 100%;
    }
    .about-map .lianxi p.phone span:nth-child(2) {
        width: auto;
        padding-left: 0;
        margin-top: 3px;
    }
    .about-xswl-list {
        background: url(/static/images/about-xs1.png) no-repeat bottom;
        background-size: contain;
        padding-bottom: 30px;
    }
    .xswl-list .address-wangluo {
        padding: 15px;
    }
    .address-wangluo h3 {
        font-size: 20px;
        margin-top: 0;
    }
    .address-wangluo .address {
        font-size: 14px;
        line-height: 24px;
    }
    .address-wangluo .address span:nth-child(1) {
        min-width: 45px;
    }
    .about-staff-list .list-item {
        flex-wrap: wrap;
    }
    .about-staff-list .item-img {
        min-width: 100%;
        height: 220px;
    }
    .about-staff-list .item-text {
        padding: 15px;
    }
    .about-staff-list .item-text .title {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 5px;
    }
    .about-staff-list p.intro {
        font-size: 12px;
        line-height: 22px;
    }
    .about-staff-list p.time {
        margin-bottom: 5px;
    }
    .about-staff-list p.time img {
        height: 12px;
    }
    .about-staff-list p.time span {
        font-size: 12px;
    }
    .about-staff-list .list-item {
        margin-bottom: 20px;
    }
    .about-title-m .cn {
        font-size: 20px;
    }
    .about-title-m .en {
        font-size: 14px;
    }
    .about-cy-swiper .swiper-button-next {
        right: -15px;
        outline: none;
    }
    .about-cy-swiper .swiper-button-prev {
        left: -15px;
        outline: none;
    }
    .honor > img {
        width: 100%;
    }
    .honor .list {
        position: relative;
        width: 100%;
        height: auto;
        top: 0;
        right: 0;
        padding: 15px;
        margin-top: 20px;
    }
    .honor .list .zizhi {
        height: auto;
    }
    .honor .list p {
        background: url(/static/images/ico-bg9.png) no-repeat left 7px;
        background-size: 22px 13px;
        line-height: 26px;
    }
    .cultureTab span.active,
    .cultureTab .tab-hd span {
        width: 100px;
        height: auto;
        line-height: 24px;
        padding: 12px 6px;
    }
    .cultureTab .tab-bd {
        width: calc(100% - 110px);
        padding-top: 10px;
        padding-left: 15px;
    }
    .cultureTab .title {
        font-size: 18px;
        line-height: 26px;
    }
    .cultureTab .content {
        font-size: 14px;
        line-height: 20px;
    }
    .cultureTab span.active::before {
        display: none;
    }
    .about-rencai-table table th, 
    .about-rencai-table table td {
        display: none;
    }
    .about-rencai-table table th:first-child, 
    .about-rencai-table table td:first-child {
        display: inline-block;
        width: 70%;
        line-height: 20px;
        padding: 15px;
    }
    .about-rencai-table table th:last-child,
    .about-rencai-table table td:last-child {
        display: inline-block;
        width: 30%;
        line-height: 20px;
        padding: 15px;
    }
    .about-rencai-table table th, .about-rencai-table table td {
        font-size: 14px;
    }
    .about-join-search input {
        width: 200px;
        margin-right: 10px;
    }
    .about-join-search button {
        padding: 0 20px;
    }
    .join-our-work h5 {
        margin-top: 20px;
    }
    .join-our-work .swiper-j-prev {
        position: absolute;
        right: 40px;
        left: auto;
    }
    .join-our-work .swiper-j-next {
        position: absolute;
        right: 15px;
        left: auto;
    }
    .join-our-work p i {
        margin-bottom: 30px;
    }
    .dashiji-c {
        flex-wrap: wrap;
        margin-top: 15px;
    }
    .dashiji-c .dsj-img {
        width: 100%;
        height: auto;
        display: block;
        margin: 0;
    }
    .gallery-d-thumbs .swiper-slide-thumb-active i {
        background-size: 26px 26px;
        width: 26px;
        height: 26px;
        margin-bottom: 10px;
        margin-top: 4px;
    }
    .gallery-d-thumbs .swiper-slide p {
        font-size: 20px;
    }
    .gallery-d-thumbs .swiper-slide-thumb-active p {
        font-size: 24px;
    }
    .dashiji-c .dsj-text .title {
        font-size: 20px;
        line-height: 30px;
    }
    .dashiji-c .dsj-text p {
        font-size: 14px;
    }
    .about-rc-content {
        padding: 15px;
    }
    .about-rc-content table td {
        width: 100%;
    }
    
    .product-pics .gallery-thumbs .swiper-wrapper {
        height: 60px;
    }
    .product-info h2 {
        margin-top: 20px;
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 20px;
    }
    .product-info .specs .specs-choose,
    .product-info .intro {
        margin-bottom: 20px;
    }
    .product-btn {
        margin-bottom: 0;
    }
    .product-info .specs .specs-title,
    .product-editor .product-editor-title {
        font-size: 20px;
    }
    .product-editor > div:nth-child(2),
    .product-editor p {
        font-size: 14px !important;
        line-height: 30px !important;
    }
    .product-editor {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .more-list > div {
        width: 100%;
    }
    .more-list .item {
        margin-bottom: 20px;
    }
    .more-list .item img {
        height: auto;
    }
    .about-rc-content .rc-table span {
        display: inline-block;
        width: 100%;
        font-size: 16px;
        color: #333;
        line-height: 35px;
        padding: 10px 20px;
    }
    .about-rc-content .rc-table span:nth-child(1),
    .about-rc-content .rc-table span:nth-child(4) {
        width: 100%;
    }
    .about-rc-content .rc-table {
        padding: 10px;
    }
    .about-rc-content .rc-table span {
        font-size: 14px;
        line-height: 25px;
        padding: 5px;
    }

    .videos-navbar {
        display: none;
    }
    .product-pics .swiper-button-next, .product-pics .swiper-button-prev {
        height: 50px;
    }
    .product-pics .swiper-button-prev,
    .product-pics .swiper-button-next {
        bottom: -5px;
    }
    .allvideos-list {
        flex-wrap: wrap;
    }
    .videos-list-left {
        width: 100%;
        min-width: 100%;
        padding: 5px 15px;
        border-radius: 30px;
    }
    .videos-list-left i {
        display: inline-block;
        vertical-align: middle;
        margin: 0;
    }
    .videos-list-left span {
        display: inline-block;
        width: auto;
        font-size: 20px;
        line-height: 37px;
    }
    .videos-list-right {
        width: 100%;
    }
    .videos-list-left a {
        left: inherit;
        right: 0;
        bottom: 0;
        width: 60px
    }
    .videos-list-right {
        padding: 30px 15px;
    }
    .product-msg {
        padding: 0 15px;
    }
    .product-msg .product-msg-form {
        margin: 20px auto;
    }
    .pmf-model {
        padding: 15px;
    }
    .branden {
        float: right;
        margin-top: 18px;
        line-height: 1;
        margin-right: 14px;
        font-size: 12px;
        width: 185px;
    }
}