@charset "UTF-8";
@import url(swiper-bundle.min.css);
@import url(aos.css);
@font-face {
    font-family: impact;
    src: url(../font/impact.ttf);
}
html,
body,
div,
p,
ol,
ul,
li,
img {
    margin: 0;
    padding: 0
}

a {
    text-decoration: none;
    display: block
}

img {
    width: 100%;
    display: block
}

video {
    width: 100%;
    object-fit: contain
}

html,
body,
.container {
    width: 100%
}

body::-webkit-scrollbar {
    display: none
}

body::-webkit-scrollbar-thumb {
    display: none
}

.flex-row-cen {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

.flex-row-bet {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

.flex-col-cen {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.flex-col-bet {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center
}

.swiper {
    width: 100%;
    height: 100%;
    position: relative
}

.swiper-wrapper {
    width: 100%;
    height: 100%
}

.swiper-slide {
    position: relative
}

.main-container .pc-head-group {
    width: 100%
}

.main-container .pc-head-group .head-box {
    width: 100%;
    height: 8.12rem;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.main-container .pc-head-group .head-box .lang {
    flex-shrink: 0;
    width: 23.75rem;
    height: 100%;
    background-color: #166dee
}

.main-container .pc-head-group .head-box .lang a {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1rem;
    color: #fff
}

.main-container .pc-head-group .head-box .lang a .lang-item {
    margin: 0 .25rem
}

.main-container .pc-head-group .head-box .lang a img {
    width: 1.63rem
}

.main-container .pc-head-group .head-box .lang a .line {
    width: 1px;
    height: 1rem;
    background-color: #fff
}

.main-container .pc-head-group .head-box .nav-group {
    height: 100%;
    flex: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #001d51
}

.main-container .pc-head-group .head-box .nav-group .head-item {
    flex: 1;
    height: 100%;
    position: relative
}

.main-container .pc-head-group .head-box .nav-group .head-item .first-nav {
    height: 100%;
    width: 100%;
    line-height: 8.12rem;
    color: #fff;
    transition: all .3s;
    text-align: center;
    font-size: 1rem
}

.main-container .pc-head-group .head-box .nav-group .head-item .sub-nav-group {
    width: 100%;
    position: absolute;
    left: 0;
    z-index: 3;
    background-color: #001D51;
    display: none
}

.main-container .pc-head-group .head-box .nav-group .head-item .sub-nav-group .sub-nav-item {
    color: #fff;
    font-size: 1rem;
    text-align: center;
    padding: 1rem 0;
    transition: all .3s
}

.main-container .pc-head-group .head-box .nav-group .head-item .sub-nav-group .sub-nav-item:hover {
    background-color: #166dee
}

.main-container .pc-head-group .head-box .nav-group .head-item .first-nav:hover {
    color: #7d8ea8
}

@-webkit-keyframes showLine {
    0% {
        width: 0%;
        opacity: 0
    }

    100% {
        width: 100%;
        opacity: 1
    }
}

@keyframes showLine {
    0% {
        width: 0%;
        opacity: 0
    }

    100% {
        width: 100%;
        opacity: 1
    }
}

.main-container .pc-head-group .head-box .nav-group .active-head-item::before {
    display: block;
    content: "";
    width: 100%;
    height: .38rem;
    background-color: #166dee;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: showLine 1 ease-in .5s;
    animation: showLine 1 ease-in .5s
}

.main-container .pc-head-group .head-box .logo {
    width: 23.75rem
}

.main-container .pc-head-group .head-box .logo a {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0
}

.main-container .pc-head-group .head-box .logo a img {
    width: 8.13rem
}

.main-container .mob-head-group {
    width: 100%;
    height: 1.2rem;
    background-color: #fff;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 3;
    box-shadow: 0 0 .08rem 0 rgba(0, 0, 0, 0.2);
    justify-content: space-between;
    align-items: center
}

.main-container .mob-head-group .mob-logo {
    margin-left: .4rem;
    width: 2rem
}

.main-container .mob-head-group .mob-lang {
    flex: 1;
    height: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    color: #333;
    font-size: .28rem;
    margin-right: .4rem
}

.main-container .mob-head-group .mob-lang .mob-lang-icon {
    width: .4rem;
    margin-right: 5px;
    -webkit-filter: brightness(.5);
    filter: brightness(.5)
}

.main-container .mob-head-group .mob-menu {
    margin-right: .4rem;
    width: .8rem;
    cursor: pointer
}

.main-container .mob-menu-mask {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9;
    background-color: rgba(0, 0, 0, 0.75);
    display: none
}

.main-container .mob-menu-mask .menu-content {
    width: 65%;
    height: 100%;
    background-color: #fff;
    margin-left: auto;
    padding-top: .3rem
}

.main-container .mob-menu-mask .menu-content .mask-close {
    width: .6rem;
    margin-left: auto;
    margin-right: .4rem;
    cursor: pointer
}

.main-container .mob-menu-mask .menu-content .menu-list {
    margin-top: .4rem
}

.main-container .mob-menu-mask .menu-content .menu-list .list-item {
    margin: .3rem;
    border-bottom: 1px dashed #f1f1f1
}

.main-container .mob-menu-mask .menu-content .menu-list .list-item .first-nav-wrapper {
    width: 100%;
    height: .8rem;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.main-container .mob-menu-mask .menu-content .menu-list .list-item .first-nav-wrapper .mobile-nav {
    color: #001D51;
    font-size: .32rem
}

.main-container .mob-menu-mask .menu-content .menu-list .list-item .first-nav-wrapper .nav-icon {
    width: .4rem;
    flex-shrink: 0;
    transition: all .2s
}

.main-container .mob-menu-mask .menu-content .menu-list .list-item .mob-sub-nav-group {
    display: none
}

.main-container .mob-menu-mask .menu-content .menu-list .list-item .mob-sub-nav-group .mob-sub-nav-item {
    font-size: .28rem;
    text-align: left;
    text-indent: .32rem;
    padding: .2rem 0;
    color: #001D51
}

.main-container .pc-footer-group {
    background-color: #f9f9f9;
    width: 100%
}

.main-container .pc-footer-group ._blank {
    height: 5rem
}

.main-container .pc-footer-group .footer-content {
    width: 100%;
    height: 32.13rem;
    background-color: #001a49
}

.main-container .pc-footer-group .footer-content .copyright {
    width: 100%;
    height: 5rem;
    background-color: #00102c
}

.main-container .pc-footer-group .footer-content .copyright .copyright-content {
    width: 87.5rem;
    height: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.main-container .pc-footer-group .footer-content .copyright .copyright-content a {
    color: #fff;
    opacity: .6;
    transition: all .3s
}

.main-container .pc-footer-group .footer-content .copyright .copyright-content a:hover {
    opacity: 1
}

.main-container .pc-footer-group .footer-content .copyright .copyright-content .left {
    display: flex;
    justify-content: center;
    align-items: center
}

.main-container .pc-footer-group .footer-content .copyright .copyright-content .left a {
    padding: 0 1rem
}

.main-container .pc-footer-group .footer-content .copyright .copyright-content .left a:nth-child(2n) {
    border-left: 1px solid rgba(255, 255, 255, 0.6);
    border-right: 1px solid rgba(255, 255, 255, 0.6)
}

.main-container .pc-footer-group .footer-content .copyright .copyright-content .right {
    display: flex;
    opacity: .6;
    color: #fff;
}

.main-container .pc-footer-group .footer-content .copyright .copyright-content .right span {
    color: #fff;
    opacity: .6
}

.main-container .pc-footer-group .footer-content .footer-nav-group {
    width: 87.5rem;
    height: 27.13rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}
.main-container .pc-footer-group .footer-content .footer-nav-group .footer-nav-item{
    margin-top: 9rem;
}
.main-container .pc-footer-group .footer-content .footer-nav-group .footer-nav-item .footer-nav-title {
    font-size: 1.13rem;
    color: #fff;
    margin-bottom: 1rem
}

.main-container .pc-footer-group .footer-content .footer-nav-group .footer-nav-item .footer-nav-wrapper a {
    color: #ffffff;
    font-size: .88rem;
    opacity: .6;
    margin-bottom: 1rem;
    transition: all .3s;
    text-align: left
}

.main-container .pc-footer-group .footer-content .footer-nav-group .footer-nav-item .footer-nav-wrapper a:hover {
    opacity: 1
}

.main-container .mob-footer-group {
    width: 100%;
    height: auto;
    background-color: #001D51
}

.main-container .mob-footer-group ._blank {
    width: 100%;
    height: 1rem;
    background-color: #f9f9f9
}

.main-container .mob-footer-group .copy-right {
    height: 2rem;
    padding: 0 .3rem;
    font-size: 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: rgba(255, 255, 255, 0.6)
}

.main-container .mob-footer-group .copy-right .left {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: .2rem
}

.main-container .mob-footer-group .copy-right .left a {
    padding: 0 .3rem
}

.main-container .mob-footer-group .copy-right .left a:nth-child(2n) {
    border-left: 1px solid rgba(255, 255, 255, 0.6);
    border-right: 1px solid rgba(255, 255, 255, 0.6)
}

.main-container .mob-footer-group .copy-right a {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.6)
}

.main-container .banner {
    width: 100%
}

.main-container .banner img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.main-container .about-group {
    width: 87.5rem;
    margin: 0 auto;
    padding-top: 7.5rem;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start
}

.main-container .about-group .about-msg .about-title {
    width: 24.25rem;
    height: 5.75rem;
    font-size: 2.5rem;
    color: #001D51;
    background-image: url(../images/about.png);
    background-size: contain;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    font-weight: bold
}

.main-container .about-group .about-msg .line {
    width: 100%;
    height: 1px;
    background-color: #e1e7ef;
    margin: 3rem 0
}

.main-container .about-group .about-msg .about-msg-content {
    font-size: 1rem;
    color: #566171;
    line-height: 2
}

.main-container .about-group .about-msg .about-msg-number {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 9rem;
    margin-top: 4.56rem
}

.main-container .about-group .about-msg .about-msg-number .msg-number-item {
    flex: 1;
    height: 100%;
    border: 1px solid #e1e7ef;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.main-container .about-group .about-msg .about-msg-number .msg-number-item .number-item {
    font-size: 3rem;
    font-family: impact;
    color: #166dee
}

.main-container .about-group .about-msg .about-msg-number .msg-number-item .item-text {
    font-size: .88rem;
    color: #566171
}

.main-container .about-group .about-msg .about-msg-number .msg-number-item:nth-child(2) {
    border-left: none;
    border-right: none
}

.main-container .about-group .about-pic {
    flex-shrink: 0;
    width: 34.38rem;
    margin-left: 10.69rem
}

.main-container .charts-group {
    width: 100%;
    background-color: #f9f9f9;
    padding-bottom: 6.75rem
}

.main-container .charts-group .charts-content {
    width: 87.5rem;
    height: 32.44rem;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

.main-container .charts-group .charts-content .charts-item {
    flex: 1;
    height: 100%
}

.main-container .product-group {
    width: 100%
}

.main-container .product-group .product-container {
    width: 87.5rem;
    margin: 0 auto;
    padding-top: 4.38rem
}

.main-container .product-group .product-container .product-title {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    border-bottom: 1px solid #e6ebf2;
    padding-bottom: 1.88rem
}

.main-container .product-group .product-container .product-title .title {
    font-size: 2.5rem;
    color: #001D51;
    font-weight: bold
}

.main-container .product-group .product-container .product-title .sort-nav {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start
}

.main-container .product-group .product-container .product-title .sort-nav .sort-item {
    font-size: 1rem;
    color: #001D51;
    margin: .63rem .94rem;
    border: 1px solid #001D51;
    border-radius: 3.13rem;
    padding: .38rem 1rem;
    cursor: pointer;
    transition: all .3s
}

.main-container .product-group .product-container .product-title .sort-nav .active-sort {
    color: #4d9eff;
    border: 1px solid #4d9eff
}

.main-container .product-group .product-container .product-content {
    position: relative
}

.main-container .product-group .product-container .product-content .slide-button-group {
    position: absolute;
    left: 50%;
    top: 65%;
    transform: translate(-50%, -50%);
    z-index: 3
}

.main-container .product-group .product-container .product-content .slide-button-group .button-item {
    width: 2.5rem;
    margin: .63rem 0;
    cursor: pointer
}

.main-container .product-group .product-container .product-content .slide-wrapper {
    height: 22.88rem;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start
}

.main-container .product-group .product-container .product-content .slide-wrapper .slide-pic {
    flex: 1;
    margin-right: 6.25rem;
    margin-left: 17rem;
    height: 100%;
    display: flex;
    padding: .94rem;
    justify-content: center;
    align-items: center
}
.main-container .product-group .product-container .product-content .slide-wrapper .slide-pic img{
  height: 100%;
  object-fit: contain;
}
.main-container .product-group .product-container .product-content .slide-wrapper .slide-msg {
    flex: 1;
    height: 100%;
    font-size: 1rem;
    color: #606a79;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    border-left: 1px solid #e6ebf2
}

.main-container .product-group .product-container .product-content .slide-wrapper .slide-msg .msg-item {
    margin: .7rem 0;
    padding-left: 5rem
}
.main-container .banner .index-banner-swiper{
    position: relative;
}
.main-container .banner .index-banner-swiper .index-banner-arrow{
    position: absolute;
    bottom: 4.25rem;
    right: 16.25rem;
    z-index: 3;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.main-container .banner .index-banner-swiper .index-banner-arrow .index-banner-item{
    width:3.75rem;
    margin: 0 .63rem;

}
.main-container .banner2 {
    width: 100%;
    position: relative
}

.main-container .banner2 img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.main-container .banner2 .msg-content {
    width: 33.25rem;
    position: absolute;
    top: 50%;
    right: 10%;
    transform: translateY(-50%)
}

.main-container .banner2 .msg-content .msg-title {
    font-size: 2.5rem;
    color: #fff;
    letter-spacing: 1px;
    text-align: center
}

.main-container .banner2 .msg-content .msg-title .line {
    width: 3.13rem;
    height: .25rem;
    margin: 2.5rem auto;
    background: #ffffff
}

.main-container .banner2 .msg-content .message {
    font-size: 1.38rem;
    color: #ffffff;
    line-height: 2.63rem
}

.main-container .cooperate {
    width: 87.5rem;
    margin: 0 auto
}

.main-container .cooperate .cooperate-container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start
}

.main-container .cooperate .cooperate-container .cooperate-msg {
    width: 20.38rem;
    flex-shrink: 0;
    margin-right: 9.38rem
}

.main-container .cooperate .cooperate-container .cooperate-msg .title {
    color: #001D51;
    font-size: 2.5rem;
    font-weight: bold;
    margin-top: 5.13rem;
    margin-bottom: 7.69rem
}

.main-container .cooperate .cooperate-container .cooperate-msg .item-group .cooperate-item {
    margin-bottom: 3.38rem;
    cursor: pointer
}

.main-container .cooperate .cooperate-container .cooperate-msg .item-group .cooperate-item .line {
    width: 100%;
    height: .13rem;
    background-color: #e1e7ef;
    margin-top: 1.88rem;
    position: relative
}

.main-container .cooperate .cooperate-container .cooperate-msg .item-group .cooperate-item .line::after {
    content: "";
    display: block;
    width: 0;
    height: 100%;
    background-color: #166dee;
    position: absolute;
    top: 0;
    left: 0;
    transition: all .3s
}

.main-container .cooperate .cooperate-container .cooperate-msg .item-group .cooperate-item .label {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    font-size: 1.5rem;
    color: #a6b7d0;
    transition: all .3s
}

.main-container .cooperate .cooperate-container .cooperate-msg .item-group .cooperate-item .label .en {
    font-size: .88rem
}

.main-container .cooperate .cooperate-container .cooperate-msg .item-group .cooperate-item .label .label-icon {
    width: 2rem;
    transition: all .3s;
    -webkit-filter: grayscale(1) opacity(.5);
    filter: grayscale(1) opacity(.5)
}

.main-container .cooperate .cooperate-container .cooperate-msg .item-group .cooperate-item:hover .label-icon {
    -webkit-filter: grayscale(0) opacity(1);
    filter: grayscale(0) opacity(1)
}

.main-container .cooperate .cooperate-container .cooperate-msg .item-group .cooperate-item:hover .label {
    color: #001D51
}

.main-container .cooperate .cooperate-container .cooperate-msg .item-group .cooperate-item:hover .line::after {
    width: 100%
}

.main-container .cooperate .cooperate-container .cooperate-pic {
    flex: 1;
    height: 28.88rem;
    background-color: #f3f5fb;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 12rem;
    transition: all .3s
}

.main-container .cooperate .cooperate-container .cooperate-pic .pic {
    width: 19rem;
    margin: auto 8.13rem
}

.main-container .cooperate .cooperate-container .cooperate-pic .info {
    background-color: #fff;
    width: 19.38rem;
    margin-right: 2.88rem;
    box-shadow: 1px 2px 8px 0 rgba(0, 0, 0, 0.2)
}

.main-container .cooperate .cooperate-container .cooperate-pic .info .info-title {
    font-size: 1.25rem;
    color: #001D51;
    margin: 1.69rem 1.94rem;
    margin-bottom: 0
}

.main-container .cooperate .cooperate-container .cooperate-pic .info .line {
    width: 80%;
    margin: 1.69rem auto;
    height: 1px;
    background-color: #eeeeee
}

.main-container .cooperate .cooperate-container .cooperate-pic .info .msg-content {
    width: 15.25rem;
   
    margin: 0 auto;
    overflow-y: scroll;
    font-size: 1rem;
    color: #566171;
    line-height: 1.63rem
}

.main-container .cooperate .cooperate-container .cooperate-pic .info .msg-content::-webkit-scrollbar {
    display: none
}

.main-container .cooperate .cooperate-container .cooperate-pic .info .msg-content::-webkit-scrollbar-thumb {
    display: none
}

.main-container .news {

    padding-bottom: 5rem;
    background-color: #f9f9f9;
    width: 100%
}

.main-container .news .show-more {
    font-size: 1rem;
    margin-top: 2.38rem;
    color: #222222;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer
}

.main-container .news .show-more img {
    width: 2.38rem;
    margin-right: 7px
}

.main-container .news .news-container {
    width: 87.5rem;
    margin: 0 auto
}

.main-container .news .news-container .news-title {
    color: #001D51;
    font-weight: bold;
    font-size: 2.5rem;
    padding: 3rem 0
}

.main-container .news .news-container .news-group {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start
}

.main-container .news .news-container .news-group .news-item {
    height: 35.13rem;
    background-color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center
}

.main-container .news .news-container .news-group .news-item:nth-child(1) {
    width: 28.63rem
}

.main-container .news .news-container .news-group .news-item:nth-child(1) .item-container {
    width: 24.5rem
}

.main-container .news .news-container .news-group .news-item:nth-child(1) .item-container .pic {
    overflow: hidden
}

.main-container .news .news-container .news-group .news-item:nth-child(1) .item-container .pic img {
    transition: all .5s
}

.main-container .news .news-container .news-group .news-item:nth-child(1) .item-container .item-title {
    transition: all .3s;
    font-size: 1.13rem;
    color: #001D51;
    margin: 1.63rem 0;
    margin-bottom: .75rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.main-container .news .news-container .news-group .news-item:nth-child(1) .item-container .time {
    font-size: 12px;
    color: #566171;
    text-align: left;
    transition: all .3s
}

.main-container .news .news-container .news-group .news-item:nth-child(1) .item-container:hover .pic img {
    transform: scale(1.2)
}

.main-container .news .news-container .news-group .news-item:nth-child(1) .item-container:hover .item-title {
    color: #166dee
}

.main-container .news .news-container .news-group .news-item:nth-child(1) .item-container:hover .time {
    color: #166dee
}

.main-container .news .news-container .news-item:nth-child(2) {
    width: 24.25rem;
    display: block;
    background-color: #f9f9f9
}

.main-container .news .news-container .news-item:nth-child(2) .item {
    height: 17.06rem;
    background-color: #fff;
    padding: 0 2.81rem;
    margin-bottom: 1.13rem
}

.main-container .news .news-container .news-item:nth-child(2) .item .item-time {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.main-container .news .news-container .news-item:nth-child(2) .item .item-time .time {
    margin-top: .7rem;
    color: #001D51;
    transition: all .3s
}

.main-container .news .news-container .news-item:nth-child(2) .item .item-time .time .day {
    font-size: 2.25rem
}

.main-container .news .news-container .news-item:nth-child(2) .item .item-time .icon {
    width: 1.5rem;
    -webkit-filter: grayscale(1) opacity(.8);
    filter: grayscale(1) opacity(.8);
    transition: all .3s
}

.main-container .news .news-container .news-item:nth-child(2) .item .line {
    width: 100%;
    height: 1px;
    background-color: #e9e9e9;
    margin: 1.88rem auto;
    position: relative
}

.main-container .news .news-container .news-item:nth-child(2) .item .line::after {
    content: "";
    display: block;
    width: 0;
    height: 1px;
    background-color: #166dee;
    position: absolute;
    top: 0;
    left: 0;
    transition: all .3s
}

.main-container .news .news-container .news-item:nth-child(2) .item .item-new-title .new-title {
    font-size: 1.13rem;
    font-weight: bold;
    color: #001D51;
    margin-bottom: .7rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    transition: all .3s
}

.main-container .news .news-container .news-item:nth-child(2) .item .item-new-title .new-desc {
    font-size: .88rem;
    color: #979da7;
    line-height: 1.6;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.main-container .news .news-container .news-item:nth-child(2) .item:hover .item-time .time {
    color: #166dee
}

.main-container .news .news-container .news-item:nth-child(2) .item:hover .item-time .icon {
    -webkit-filter: grayscale(0) opacity(1);
    filter: grayscale(0) opacity(1)
}

.main-container .news .news-container .news-item:nth-child(2) .item:hover .line::after {
    width: 100%
}

.main-container .news .news-container .news-item:nth-child(2) .item:hover .item-new-title .new-title {
    color: #166dee
}

.main-container .news .news-container .news-item:nth-child(3) {
    display: block;
    width: 32.38rem;
    background-color: #f9f9f9
}

.main-container .news .news-container .news-item:nth-child(3) .item {
    height: 8.25rem;
    background-color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 2.75rem;
    margin-bottom: 12px
}

.main-container .news .news-container .news-item:nth-child(3) .item .item-left {
    width: 3.44rem;
    margin-right: 1.06rem;
    color: #566171;
    font-size: 12px;
    transition: all .3s
}

.main-container .news .news-container .news-item:nth-child(3) .item .item-left .day {
    font-size: 2.25rem
}

.main-container .news .news-container .news-item:nth-child(3) .item .item-middle {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #001D51;
    font-size: 1.13rem
}

.main-container .news .news-container .news-item:nth-child(3) .item .item-right {
    width: 1rem;
    -webkit-filter: grayscale(1) opacity(.5);
    filter: grayscale(1) opacity(.5);
    margin-left: 3.13rem;
    transition: all .3s
}

.main-container .news .news-container .news-item:nth-child(3) .item:hover .item-left {
    color: #166dee
}

.main-container .news .news-container .news-item:nth-child(3) .item:hover .item-right {
    -webkit-filter: grayscale(0) opacity(1);
    filter: grayscale(0) opacity(1)
}

@media screen and (max-width:319px) {
    .pc-head-group {
        display: none
    }

    .mob-head-group {
        display: flex
    }

    .pc-footer-group {
        display: none
    }

    .mob-footer-group {
        display: block
    }

    .main-container .banner {
        height: 6rem
    }

    .main-container .about-group {
        width: 100%;
        padding-top: .3rem;
        flex-direction: column
    }

    .main-container .about-group .about-msg .about-title {
        width: auto;
        height: auto;
        font-size: .72rem;
        padding-left: .3rem
    }

    .main-container .about-group .about-msg .line {
        width: 90%;
        margin: .6rem auto
    }

    .main-container .about-group .about-msg .about-msg-content {
        font-size: .32rem;
        padding: 0 .3rem
    }

    .main-container .about-group .about-msg .about-msg-number {
        width: auto;
        height: 2rem;
        padding: 0 .3rem;
        margin-top: .3rem
    }

    .main-container .about-group .about-msg .about-msg-number .msg-number-item .number-item {
        font-size: .72rem
    }

    .main-container .about-group .about-msg .about-msg-number .msg-number-item .item-text {
        font-size: .28rem
    }

    .main-container .about-group .about-pic {
        width: auto;
        padding: .3rem;
        margin-left: 0
    }

    .main-container .charts-group {
        padding-bottom: .6rem
    }

    .main-container .charts-group .charts-content {
        width: 100%;
        height: auto;
        flex-direction: column
    }

    .main-container .charts-group .charts-content .charts-item {
        height: 6rem;
        width: 100%;
        flex: auto
    }

    .main-container .product-group {
        padding: 0 .3rem;
        width: auto
    }

    .main-container .product-group .product-container {
        width: 100%;
        padding-top: .6rem
    }

    .main-container .product-group .product-container .product-title {
        padding-bottom: .4rem;
        flex-direction: column
    }

    .main-container .product-group .product-container .product-title .title {
        font-size: .72rem;
        margin-bottom: .6rem
    }

    .main-container .product-group .product-container .product-title .sort-nav {
        flex-wrap: wrap;
        justify-content: flex-start
    }

    .main-container .product-group .product-container .product-title .sort-nav .sort-item {
        font-size: .32rem;
        margin: .1rem .1rem;
        padding: .12rem .32rem
    }

    .main-container .product-group .product-container .product-content .slide-button-group {
        left: 0;
        top: 0;
        position: static;
        display: flex;
        justify-content: space-between;
        transform: translate(0%, 0%)
    }

    .main-container .product-group .product-container .product-content .slide-button-group .button-item {
        width: .8rem;
        margin: 0 0
    }

    .main-container .product-group .product-container .product-content .swiper .index-swiper-wrapper .slide-wrapper {
        height: 7.88rem;
        flex-direction: column
    }

    .main-container .product-group .product-container .product-content .swiper .index-swiper-wrapper .slide-wrapper .slide-msg {
        font-size: .32rem;
        flex: auto;
        border-left: none
    }

    .main-container .product-group .product-container .product-content .swiper .index-swiper-wrapper .slide-wrapper .slide-msg .msg-item {
        margin: .1rem 0;
        padding-left: .3rem
    }

    .main-container .banner2 {
        width: auto;
        height: 5rem;
        margin-top: .6rem
    }

    .main-container .banner2 .msg-content {
        width: 80%;
        right: 10%
    }

    .main-container .banner2 .msg-content .msg-title {
        font-size: .4rem
    }

    .main-container .banner2 .msg-content .msg-title .line {
        width: 1rem;
        height: 4px;
        margin: .2rem auto
    }

    .main-container .banner2 .msg-content .message {
        font-size: 12px;
        line-height: 1.8
    }

    .main-container .cooperate {
        width: 100%
    }

    .main-container .cooperate .cooperate-container {
        flex-direction: column;
        padding: 0 .3rem
    }

    .main-container .cooperate .cooperate-container .cooperate-msg {
        width: 100%;
        margin-right: 0
    }

    .main-container .cooperate .cooperate-container .cooperate-msg .title {
        font-size: .72rem;
        margin-top: .6rem;
        margin-bottom: .6rem
    }

    .main-container .cooperate .cooperate-container .cooperate-msg .item-group .cooperate-item {
        margin-bottom: .3rem
    }

    .main-container .cooperate .cooperate-container .cooperate-msg .item-group .cooperate-item .label {
        font-size: .4rem
    }

    .main-container .cooperate .cooperate-container .cooperate-msg .item-group .cooperate-item .label .en {
        font-size: .24rem
    }

    .main-container .cooperate .cooperate-container .cooperate-msg .item-group .cooperate-item .label .label-icon {
        width: .64rem
    }

    .main-container .cooperate .cooperate-container .cooperate-msg .item-group .cooperate-item .line {
        height: 2px;
        margin-top: .3rem
    }

    .main-container .cooperate .cooperate-container .cooperate-pic {
        height: auto;
        margin-top: .6rem;
        flex: auto;
        flex-direction: column-reverse;
        width: 100%
    }

    .main-container .cooperate .cooperate-container .cooperate-pic .pic {
        display: none
    }

    .main-container .cooperate .cooperate-container .cooperate-pic .info {
        width: 100%;
        margin-right: 0
    }

    .main-container .cooperate .cooperate-container .cooperate-pic .info .info-title {
        font-size: .36rem;
        margin: .6rem 0;
        text-align: center
    }

    .main-container .cooperate .cooperate-container .cooperate-pic .info .line {
        margin: .6rem auto
    }

    .main-container .cooperate .cooperate-container .cooperate-pic .info .msg-content {
        width: auto;
        height: 5rem;
        font-size: .32rem;
        line-height: .64rem;
        padding: 0 .3rem
    }

    .main-container .news .show-more {
        font-size: .32rem;
        margin-top: 0rem
    }

    .main-container .news .show-more img {
        width: .6rem;
        margin-right: 7px
    }

    .main-container .news .news-container {
        width: auto;
        padding: 0 .3rem
    }

    .main-container .news .news-container .news-title {
        font-size: .72rem;
        padding: .6rem 0
    }

    .main-container .news .news-container .news-group {
        flex-direction: column
    }

    .main-container .news .news-container .news-group .news-item {
        height: auto;
        margin-bottom: .3rem
    }

    .main-container .news .news-container .news-group .news-item:nth-child(1) {
        width: 100%
    }

    .main-container .news .news-container .news-group .news-item:nth-child(1) .item-container {
        width: 100%
    }

    .main-container .news .news-container .news-group .news-item:nth-child(1) .item-container .item-title {
        font-size: .36rem;
        margin: .4rem 0;
        padding: 0 .3rem
    }

    .main-container .news .news-container .news-group .news-item:nth-child(1) .item-container .time {
        padding: .3rem .3rem
    }

    .main-container .news .news-container .news-group .news-item:nth-child(2) {
        width: 100%
    }

    .main-container .news .news-container .news-group .news-item:nth-child(2) .item {
        height: 5rem;
        padding: 0 .3rem;
        margin-bottom: .3rem
    }

    .main-container .news .news-container .news-group .news-item:nth-child(2) .item .item-time .time {
        margin-top: .3rem
    }

    .main-container .news .news-container .news-group .news-item:nth-child(2) .item .item-time .time .day {
        font-size: .6rem
    }

    .main-container .news .news-container .news-group .news-item:nth-child(2) .item .item-time .time .month {
        font-size: 12px
    }

    .main-container .news .news-container .news-group .news-item:nth-child(2) .item .item-time .icon {
        width: .6rem
    }

    .main-container .news .news-container .news-group .news-item:nth-child(2) .item .line {
        margin: .6rem auto
    }

    .main-container .news .news-container .news-group .news-item:nth-child(2) .item .item-new-title .new-title {
        font-size: .36rem;
        margin-bottom: .2rem
    }

    .main-container .news .news-container .news-group .news-item:nth-child(2) .item .item-new-title .new-desc {
        font-size: .28rem;
        line-height: 1.6
    }

    .main-container .news .news-container .news-group .news-item:nth-child(3) {
        width: 100%
    }

    .main-container .news .news-container .news-group .news-item:nth-child(3) .item {
        height: 2rem;
        padding: 0 .3rem
    }

    .main-container .news .news-container .news-group .news-item:nth-child(3) .item .item-left {
        width: 1rem;
        margin-right: .3rem
    }

    .main-container .news .news-container .news-group .news-item:nth-child(3) .item .item-left .day {
        font-size: .6rem
    }

    .main-container .news .news-container .news-group .news-item:nth-child(3) .item .item-middle {
        font-size: .36rem
    }

    .main-container .news .news-container .news-group .news-item:nth-child(3) .item .item-right {
        width: .32rem;
        margin-left: .32rem
    }
}

@media screen and (min-width:320px) {
    .pc-head-group {
        display: none
    }

    .mob-head-group {
        display: flex
    }
    .main-container .news{
        padding-bottom: .1rem;
    }

    .pc-footer-group {
        display: none
    }

    .mob-footer-group {
        display: block
    }

    .main-container .banner {
        height: 4rem
    }

    .main-container .about-group {
        width: 100%;
        padding-top: .3rem;
        flex-direction: column
    }

    .main-container .about-group .about-msg .about-title {
        width: auto;
        height: auto;
        font-size: .72rem;
        padding-left: .3rem
    }

    .main-container .about-group .about-msg .line {
        width: 90%;
        margin: .6rem auto
    }

    .main-container .about-group .about-msg .about-msg-content {
        font-size: .32rem;
        padding: 0 .3rem
    }

    .main-container .about-group .about-msg .about-msg-number {
        width: auto;
        height: 2rem;
        padding: 0 .3rem;
        margin-top: .3rem
    }

    .main-container .about-group .about-msg .about-msg-number .msg-number-item .number-item {
        font-size: .72rem
    }

    .main-container .about-group .about-msg .about-msg-number .msg-number-item .item-text {
        font-size: .28rem
    }

    .main-container .about-group .about-pic {
        width: auto;
        padding: .3rem;
        margin-left: 0
    }

    .main-container .charts-group {
        padding-bottom: .6rem
    }

    .main-container .charts-group .charts-content {
        width: 100%;
        height: auto;
        flex-direction: column
    }

    .main-container .charts-group .charts-content .charts-item {
        height: 6rem;
        width: 100%;
        flex: auto
    }

    .main-container .product-group {
        padding: 0 .3rem;
        width: auto
    }

    .main-container .product-group .product-container {
        width: 100%;
        padding-top: .6rem
    }

    .main-container .product-group .product-container .product-title {
        padding-bottom: .4rem;
        flex-direction: column
    }

    .main-container .product-group .product-container .product-title .title {
        font-size: .72rem;
        margin-bottom: .6rem
    }

    .main-container .product-group .product-container .product-title .sort-nav {
        flex-wrap: wrap;
        justify-content: flex-start
    }

    .main-container .product-group .product-container .product-title .sort-nav .sort-item {
        font-size: .32rem;
        margin: .1rem .1rem;
        padding: .12rem .32rem
    }

    .main-container .product-group .product-container .product-content .slide-button-group {
        left: 0;
        top: 0;
        position: static;
        display: flex;
        justify-content: space-between;
        transform: translate(0%, 0%)
    }

    .main-container .product-group .product-container .product-content .slide-button-group .button-item {
        width: .8rem;
        margin: 0 0
    }

    .main-container .product-group .product-container .product-content .swiper .index-swiper-wrapper .slide-wrapper {
        height: 7.88rem;
        flex-direction: column
    }
    .main-container .product-group .product-container .product-content .slide-wrapper .slide-pic{
        width: 100%;
      padding: 0;
        margin: 0;
    }
    .main-container .product-group .product-container .product-content .swiper .index-swiper-wrapper .slide-wrapper .slide-msg {
        font-size: .32rem;
        flex: auto;
        border-left: none
    }

    .main-container .product-group .product-container .product-content .swiper .index-swiper-wrapper .slide-wrapper .slide-msg .msg-item {
        margin: .1rem 0;
        padding-left: .3rem
    }

    .main-container .banner2 {
        width: auto;
        height: 5rem;
        margin-top: .6rem
    }

    .main-container .banner2 .msg-content {
        width: 80%;
        right: 10%
    }

    .main-container .banner2 .msg-content .msg-title {
        font-size: .4rem
    }

    .main-container .banner2 .msg-content .msg-title .line {
        width: 1rem;
        height: 4px;
        margin: .2rem auto
    }

    .main-container .banner2 .msg-content .message {
        font-size: 12px;
        line-height: 1.8
    }

    .main-container .cooperate {
        width: 100%
    }

    .main-container .cooperate .cooperate-container {
        flex-direction: column;
        padding: 0 .3rem
    }

    .main-container .cooperate .cooperate-container .cooperate-msg {
        width: 100%;
        margin-right: 0
    }

    .main-container .cooperate .cooperate-container .cooperate-msg .title {
        font-size: .72rem;
        margin-top: .6rem;
        margin-bottom: .6rem
    }

    .main-container .cooperate .cooperate-container .cooperate-msg .item-group .cooperate-item {
        margin-bottom: .3rem
    }

    .main-container .cooperate .cooperate-container .cooperate-msg .item-group .cooperate-item .label {
        font-size: .4rem
    }

    .main-container .cooperate .cooperate-container .cooperate-msg .item-group .cooperate-item .label .en {
        font-size: .24rem
    }

    .main-container .cooperate .cooperate-container .cooperate-msg .item-group .cooperate-item .label .label-icon {
        width: .64rem
    }

    .main-container .cooperate .cooperate-container .cooperate-msg .item-group .cooperate-item .line {
        height: 2px;
        margin-top: .3rem
    }

    .main-container .cooperate .cooperate-container .cooperate-pic {
        height: auto;
        margin-top: .6rem;
        flex: auto;
        flex-direction: column-reverse;
        width: 100%
    }

    .main-container .cooperate .cooperate-container .cooperate-pic .pic {
        display: none
    }

    .main-container .cooperate .cooperate-container .cooperate-pic .info {
        width: 100%;
        padding-top: 1px;
        margin-right: 0
    }

    .main-container .cooperate .cooperate-container .cooperate-pic .info .info-title {
        font-size: .36rem;
        margin: .6rem 0;
        text-align: center
    }

    .main-container .cooperate .cooperate-container .cooperate-pic .info .line {
        margin: .6rem auto
    }

    .main-container .cooperate .cooperate-container .cooperate-pic .info .msg-content {
        width: auto;
        font-size: .32rem;
        line-height: .64rem;
        padding: 0 .3rem
    }

    .main-container .news .show-more {
        font-size: .32rem;
        margin-top: 0rem
    }

    .main-container .news .show-more img {
        width: .6rem;
        margin-right: 7px
    }

    .main-container .news .news-container {
        width: auto;
        padding: 0 .3rem
    }

    .main-container .news .news-container .news-title {
        font-size: .72rem;
        padding: .6rem 0
    }

    .main-container .news .news-container .news-group {
        flex-direction: column
    }

    .main-container .news .news-container .news-group .news-item {
        height: auto;
        margin-bottom: .3rem
    }

    .main-container .news .news-container .news-group .news-item:nth-child(1) {
        width: 100%
    }

    .main-container .news .news-container .news-group .news-item:nth-child(1) .item-container {
        width: 100%
    }

    .main-container .news .news-container .news-group .news-item:nth-child(1) .item-container .item-title {
        font-size: .36rem;
        margin: .4rem 0;
        padding: 0 .3rem
    }

    .main-container .news .news-container .news-group .news-item:nth-child(1) .item-container .time {
        padding: .3rem .3rem
    }

    .main-container .news .news-container .news-group .news-item:nth-child(2) {
        width: 100%
    }

    .main-container .news .news-container .news-group .news-item:nth-child(2) .item {
        height: 5rem;
        padding: 0 .3rem;
        margin-bottom: .3rem
    }

    .main-container .news .news-container .news-group .news-item:nth-child(2) .item .item-time .time {
        margin-top: .3rem
    }

    .main-container .news .news-container .news-group .news-item:nth-child(2) .item .item-time .time .day {
        font-size: .6rem
    }

    .main-container .news .news-container .news-group .news-item:nth-child(2) .item .item-time .time .month {
        font-size: 12px
    }

    .main-container .news .news-container .news-group .news-item:nth-child(2) .item .item-time .icon {
        width: .6rem
    }

    .main-container .news .news-container .news-group .news-item:nth-child(2) .item .line {
        margin: .6rem auto
    }

    .main-container .news .news-container .news-group .news-item:nth-child(2) .item .item-new-title .new-title {
        font-size: .36rem;
        margin-bottom: .2rem
    }

    .main-container .news .news-container .news-group .news-item:nth-child(2) .item .item-new-title .new-desc {
        font-size: .28rem;
        line-height: 1.6
    }

    .main-container .news .news-container .news-group .news-item:nth-child(3) {
        width: 100%
    }

    .main-container .news .news-container .news-group .news-item:nth-child(3) .item {
        height: 2rem;
        padding: 0 .3rem
    }

    .main-container .news .news-container .news-group .news-item:nth-child(3) .item .item-left {
        width: 1rem;
        margin-right: .3rem
    }

    .main-container .news .news-container .news-group .news-item:nth-child(3) .item .item-left .day {
        font-size: .6rem
    }

    .main-container .news .news-container .news-group .news-item:nth-child(3) .item .item-middle {
        font-size: .36rem
    }

    .main-container .news .news-container .news-group .news-item:nth-child(3) .item .item-right {
        width: .32rem;
        margin-left: .32rem
    }
}

@media screen and (min-width:429px) {
    .pc-head-group {
        display: none
    }

    .mob-head-group {
        display: flex
    }

    .pc-footer-group {
        display: none
    }

    .mob-footer-group {
        display: block
    }

    .main-container .banner {
        height: 4rem
    }

    .main-container .about-group {
        width: 100%;
        padding-top: .3rem;
        flex-direction: column
    }

    .main-container .about-group .about-msg .about-title {
        width: auto;
        height: auto;
        font-size: .72rem;
        padding-left: .3rem
    }

    .main-container .about-group .about-msg .line {
        width: 90%;
        margin: .6rem auto
    }

    .main-container .about-group .about-msg .about-msg-content {
        font-size: .32rem;
        padding: 0 .3rem
    }

    .main-container .about-group .about-msg .about-msg-number {
        width: auto;
        height: 2rem;
        padding: 0 .3rem;
        margin-top: .3rem
    }

    .main-container .about-group .about-msg .about-msg-number .msg-number-item .number-item {
        font-size: .72rem
    }

    .main-container .about-group .about-msg .about-msg-number .msg-number-item .item-text {
        font-size: .28rem
    }

    .main-container .about-group .about-pic {
        width: 100%;
        padding: 0;
        margin-left: 0
    }

    .main-container .charts-group {
        padding-bottom: .6rem
    }

    .main-container .charts-group .charts-content {
        width: 100%;
        height: auto;
        flex-direction: column
    }

    .main-container .charts-group .charts-content .charts-item {
        height: 6rem;
        width: 100%;
        flex: auto
    }

    .main-container .product-group {
        padding: 0 .3rem;
        width: auto
    }

    .main-container .product-group .product-container {
        width: 100%;
        padding-top: .6rem
    }

    .main-container .product-group .product-container .product-title {
        padding-bottom: .4rem;
        flex-direction: column
    }

    .main-container .product-group .product-container .product-title .title {
        font-size: .72rem;
        margin-bottom: .6rem
    }

    .main-container .product-group .product-container .product-title .sort-nav {
        flex-wrap: wrap;
        justify-content: flex-start
    }

    .main-container .product-group .product-container .product-title .sort-nav .sort-item {
        font-size: .32rem;
        margin: .1rem .1rem;
        padding: .12rem .32rem
    }

    .main-container .product-group .product-container .product-content .slide-button-group {
        left: 0;
        top: 0;
        position: static;
        display: flex;
        justify-content: space-between;
        transform: translate(0%, 0%)
    }

    .main-container .product-group .product-container .product-content .slide-button-group .button-item {
        width: .8rem;
        margin: 0 0
    }

    .main-container .product-group .product-container .product-content .swiper .index-swiper-wrapper .slide-wrapper {
        height: 7.88rem;
        flex-direction: column
    }

    .main-container .product-group .product-container .product-content .swiper .index-swiper-wrapper .slide-wrapper .slide-msg {
        font-size: .32rem;
        flex: auto;
        border-left: none
    }

    .main-container .product-group .product-container .product-content .swiper .index-swiper-wrapper .slide-wrapper .slide-msg .msg-item {
        margin: .1rem 0;
        padding-left: .3rem
    }

    .main-container .banner2 {
        width: auto;
        height: 5rem;
        margin-top: .6rem
    }

    .main-container .banner2 .msg-content {
        width: 80%;
        right: 10%
    }

    .main-container .banner2 .msg-content .msg-title {
        font-size: .4rem
    }

    .main-container .banner2 .msg-content .msg-title .line {
        width: 1rem;
        height: 4px;
        margin: .2rem auto
    }

    .main-container .banner2 .msg-content .message {
        font-size: 12px;
        line-height: 1.8
    }

    .main-container .cooperate {
        width: 100%
    }

    .main-container .cooperate .cooperate-container {
        flex-direction: column;
        padding: 0 .3rem
    }

    .main-container .cooperate .cooperate-container .cooperate-msg {
        width: 100%;
        margin-right: 0
    }

    .main-container .cooperate .cooperate-container .cooperate-msg .title {
        font-size: .72rem;
        margin-top: .6rem;
        margin-bottom: .6rem
    }

    .main-container .cooperate .cooperate-container .cooperate-msg .item-group .cooperate-item {
        margin-bottom: .3rem
    }

    .main-container .cooperate .cooperate-container .cooperate-msg .item-group .cooperate-item .label {
        font-size: .4rem
    }

    .main-container .cooperate .cooperate-container .cooperate-msg .item-group .cooperate-item .label .en {
        font-size: .24rem
    }

    .main-container .cooperate .cooperate-container .cooperate-msg .item-group .cooperate-item .label .label-icon {
        width: .64rem
    }

    .main-container .cooperate .cooperate-container .cooperate-msg .item-group .cooperate-item .line {
        height: 2px;
        margin-top: .3rem
    }

    .main-container .cooperate .cooperate-container .cooperate-pic {
        height: auto;
        margin-top: .6rem;
        flex: auto;
        flex-direction: column-reverse;
        width: 100%
    }

    .main-container .cooperate .cooperate-container .cooperate-pic .pic {
        display: none
    }

    .main-container .cooperate .cooperate-container .cooperate-pic .info {
        width: 100%;
        margin-right: 0
    }

    .main-container .cooperate .cooperate-container .cooperate-pic .info .info-title {
        font-size: .36rem;
        margin: .6rem 0;
        text-align: center
    }

    .main-container .cooperate .cooperate-container .cooperate-pic .info .line {
        margin: .6rem auto
    }

    .main-container .cooperate .cooperate-container .cooperate-pic .info .msg-content {
        width: auto;
       
        font-size: .32rem;
        line-height: .64rem;
        padding: 0 .3rem
    }

    .main-container .news .show-more {
        font-size: .32rem;
        margin-top: 0rem
    }

    .main-container .news .show-more img {
        width: .6rem;
        margin-right: 7px
    }

    .main-container .news .news-container {
        width: auto;
        padding: 0 .3rem
    }

    .main-container .news .news-container .news-title {
        font-size: .72rem;
        padding: .6rem 0
    }

    .main-container .news .news-container .news-group {
        flex-direction: column
    }

    .main-container .news .news-container .news-group .news-item {
        height: auto;
        margin-bottom: .3rem
    }

    .main-container .news .news-container .news-group .news-item:nth-child(1) {
        width: 100%
    }

    .main-container .news .news-container .news-group .news-item:nth-child(1) .item-container {
        width: 100%
    }

    .main-container .news .news-container .news-group .news-item:nth-child(1) .item-container .item-title {
        font-size: .36rem;
        margin: .4rem 0;
        padding: 0 .3rem
    }

    .main-container .news .news-container .news-group .news-item:nth-child(1) .item-container .time {
        padding: .3rem .3rem
    }

    .main-container .news .news-container .news-group .news-item:nth-child(2) {
        width: 100%
    }

    .main-container .news .news-container .news-group .news-item:nth-child(2) .item {
        height: 5rem;
        padding: 0 .3rem;
        margin-bottom: .3rem
    }

    .main-container .news .news-container .news-group .news-item:nth-child(2) .item .item-time .time {
        margin-top: .3rem
    }

    .main-container .news .news-container .news-group .news-item:nth-child(2) .item .item-time .time .day {
        font-size: .6rem
    }

    .main-container .news .news-container .news-group .news-item:nth-child(2) .item .item-time .time .month {
        font-size: 12px
    }

    .main-container .news .news-container .news-group .news-item:nth-child(2) .item .item-time .icon {
        width: .6rem
    }

    .main-container .news .news-container .news-group .news-item:nth-child(2) .item .line {
        margin: .6rem auto
    }

    .main-container .news .news-container .news-group .news-item:nth-child(2) .item .item-new-title .new-title {
        font-size: .36rem;
        margin-bottom: .2rem
    }

    .main-container .news .news-container .news-group .news-item:nth-child(2) .item .item-new-title .new-desc {
        font-size: .28rem;
        line-height: 1.6
    }

    .main-container .news .news-container .news-group .news-item:nth-child(3) {
        width: 100%
    }

    .main-container .news .news-container .news-group .news-item:nth-child(3) .item {
        height: 2rem;
        padding: 0 .3rem
    }

    .main-container .news .news-container .news-group .news-item:nth-child(3) .item .item-left {
        width: 1rem;
        margin-right: .3rem
    }

    .main-container .news .news-container .news-group .news-item:nth-child(3) .item .item-left .day {
        font-size: .6rem
    }

    .main-container .news .news-container .news-group .news-item:nth-child(3) .item .item-middle {
        font-size: .36rem
    }

    .main-container .news .news-container .news-group .news-item:nth-child(3) .item .item-right {
        width: .32rem;
        margin-left: .32rem
    }
}

@media screen and (min-width:821px) {
    .pc-head-group {
        display: block
    }
    .main-container .news{
        padding-bottom: 5rem;
        margin-top: 6.67rem;
    }
    .mob-head-group {
        display: none
    }

    .pc-footer-group {
        display: block
    }

    .mob-footer-group {
        display: none
    }

    .main-container .banner {
        height: auto
    }

    .main-container .about-group {
        width: 87.5rem;
        padding-top: 7.5rem;
        flex-direction: row
    }

    .main-container .about-group .about-msg .about-title {
        width: 24.25rem;
        height: 5.75rem;
        font-size: 2.5rem;
        padding-left: 0
    }

    .main-container .about-group .about-msg .line {
        width: 100%;
        margin: 3rem auto
    }

    .main-container .about-group .about-msg .about-msg-content {
        font-size: 1rem;
        padding: 0 0
    }

    .main-container .about-group .about-msg .about-msg-number {
        width: 100%;
        height: 9rem;
        padding: 0 0;
        margin-top: 4.56rem
    }

    .main-container .about-group .about-msg .about-msg-number .msg-number-item .number-item {
        font-size: 3rem
    }

    .main-container .about-group .about-msg .about-msg-number .msg-number-item .item-text {
        font-size: .88rem
    }

    .main-container .about-group .about-pic {
        width: 34.38rem;
        margin-left: 10.69rem;
        padding: 0
    }

    .main-container .charts-group {
        margin-top: 7.5rem;
        padding-bottom: 6.75rem
    }

    .main-container .charts-group .charts-content {
        width: 87.5rem;
        height: 32.44rem;
        flex-direction: row
    }

    .main-container .charts-group .charts-content .charts-item {
        height: 100%;
        width: auto;
        flex: 1
    }
    .main-container .product-group .product-container .product-content .slide-wrapper .slide-pic{
        display: flex;
        justify-content: center;
        align-items: flex-start;
        padding-top: 5rem;
    }
    .main-container .product-group .product-container .product-content .slide-wrapper .slide-pic img{
        width: 38rem;
        height: 17rem;
        object-fit: contain;
    }
    .main-container .product-group {
        padding: 0;
        position: relative;
        width: 100%
    }
    .main-container .product-group::after{
        display: block;
        content: "";
        width: 1px;
        height:6rem;
        position: absolute;
        right: 47.92rem;
        background: #e6ebf2;
        bottom: -5rem;
    }

    .main-container .product-group .product-container {
       
        margin-bottom: 5rem;
        padding-top: 4.38rem
    }

    .main-container .product-group .product-container .product-title {
        width: 100%;
       
    }
    .main-container .product-group .product-container .product-title .title-content{
        width: 87.5rem;
        margin: 0 auto;
        padding-bottom: 1.88rem;
        display: flex;
        justify-content: space-between;
        flex-direction: row
    }
    .main-container .product-group .product-container .product-title .title {
        font-size: 2.5rem;
        white-space: nowrap;
        margin-right: 12.17rem;
        margin-bottom: 0
    }

    .main-container .product-group .product-container .product-title .sort-nav {
        flex-wrap: wrap;
        justify-content: flex-end
    }

    .main-container .product-group .product-container .product-title .sort-nav .sort-item {
        font-size: 1rem;
        margin: .63rem .5rem;
        padding: .38rem 1rem
    }
    .main-container .product-group .product-container .product-title .sort-nav .sort-item:hover{
        color: #4d9eff;
        border: 1px solid #4d9eff;
    }
    .main-container .product-group .product-container .product-content .slide-button-group {
        position: absolute;
        left: 60%;
        top: 65%;
        display: block;
        transform: translate(-50%, -50%)
    }

    .main-container .product-group .product-container .product-content .slide-button-group .button-item {
        width: 2.5rem;
        margin: .63rem 0
    }

    .main-container .product-group .product-container .product-content .swiper .index-swiper-wrapper .slide-wrapper {
        height: 22.88rem;
        justify-content: space-between;
        flex-direction: row
    }

    .main-container .product-group .product-container .product-content .swiper .index-swiper-wrapper .slide-wrapper .slide-msg {
        flex: none;
        position: relative;
        font-size: 1rem;
        width: 48rem;
         flex-shrink: 0;
        /* border-left: 1px solid #e6ebf2 */
    }
    .main-container .product-group .product-container .product-content .swiper .index-swiper-wrapper .slide-wrapper .slide-msg ::after{
        content: "";
        display: block;
        width: 1px;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background-color:#e6ebf2 ;
    }
    .main-container .product-group .product-container .product-content .swiper .index-swiper-wrapper .slide-wrapper .slide-msg .msg-item {
        margin: .7rem 0;
        padding-left: 5rem
    }

    .main-container .banner2 {
        width: 100%;
        height: auto;
        margin-top: 0
    }

    .main-container .banner2 .msg-content {
        width: 33.25rem;
        right: 10%
    }

    .main-container .banner2 .msg-content .msg-title {
        font-size: 2.5rem
    }

    .main-container .banner2 .msg-content .msg-title .line {
        width: 3.13rem;
        height: .25rem;
        margin: 2.5rem auto
    }

    .main-container .banner2 .msg-content .message {
        font-size: 1.38rem;
        line-height: 2.63rem
    }

    .main-container .cooperate {
        width: 87.5rem
    }

    .main-container .cooperate .cooperate-container {
        flex-direction: row;
        padding: 0 0
    }

    .main-container .cooperate .cooperate-container .cooperate-msg {
        width: 20.38rem;
        margin-right: 9.38rem
    }

    .main-container .cooperate .cooperate-container .cooperate-msg .title {
        font-size: 2.5rem;
        margin-top: 5.13rem;
        margin-bottom: 7.69rem
    }

    .main-container .cooperate .cooperate-container .cooperate-msg .item-group .cooperate-item {
        margin-bottom: 3.38rem
    }

    .main-container .cooperate .cooperate-container .cooperate-msg .item-group .cooperate-item .label {
        font-size: 1.5rem
    }

    .main-container .cooperate .cooperate-container .cooperate-msg .item-group .cooperate-item .label .en {
        font-size: .88rem
    }

    .main-container .cooperate .cooperate-container .cooperate-msg .item-group .cooperate-item .label .label-icon {
        width: 2rem
    }

    .main-container .cooperate .cooperate-container .cooperate-msg .item-group .cooperate-item .line {
        height: .13rem;
        margin-top: 1.88rem
    }

    .main-container .cooperate .cooperate-container .cooperate-pic {
        height: 28.88rem;
        margin-top: 12rem;
        flex-direction: row;
        flex: 1;
        overflow: hidden;
        width: auto
    }
    .main-container .cooperate .cooperate-container .cooperate-pic .pic-group{
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        transition: all .3s;
        align-items: center;
    }

    .main-container .cooperate .cooperate-container .cooperate-pic .pic {
        display: block
    }

    .main-container .cooperate .cooperate-container .cooperate-pic .info {
        width: 19.38rem;
        margin-right: 2.88rem
    }

    .main-container .cooperate .cooperate-container .cooperate-pic .info .info-title {
        font-size: 1.25rem;
        margin: .8rem 1.94rem;
        text-align: left
    }

    .main-container .cooperate .cooperate-container .cooperate-pic .info .line {
        margin: .5rem auto
    }

    .main-container .cooperate .cooperate-container .cooperate-pic .info .msg-content {
        width: 15.25rem;
       font-size: 1rem;
       padding-bottom: 15px;
        line-height: 1.63rem
    }

    .main-container .news .show-more {
        font-size: 1rem;
        margin-top: 2.38rem
    }

    .main-container .news .show-more img {
        width: 2.38rem;
        margin-right: 7px
    }

    .main-container .news .news-container {
        width: 87.5rem;
        padding: 0 0
    }

    .main-container .news .news-container .news-title {
        font-size: 2.5rem;
        padding: 3rem 0
    }

    .main-container .news .news-container .news-group {
        flex-direction: row
    }

    .main-container .news .news-container .news-group .news-item {
        height: 35.13rem;
        margin-bottom: 0
    }

    .main-container .news .news-container .news-group .news-item:nth-child(1) {
        width: 28.63rem
    }

    .main-container .news .news-container .news-group .news-item:nth-child(1) .item-container {
        width: 24.5rem
    }

    .main-container .news .news-container .news-group .news-item:nth-child(1) .item-container .item-title {
        font-size: 1.13rem;
        margin: 1.63rem 0;
        padding: 0 0
    }

    .main-container .news .news-container .news-group .news-item:nth-child(1) .item-container .time {
        padding: 0 0
    }

    .main-container .news .news-container .news-group .news-item:nth-child(2) {
        width: 24.25rem
    }

    .main-container .news .news-container .news-group .news-item:nth-child(2) .item {
        height: 17.06rem;
        padding: 0 2.81rem;
        margin-bottom: 1.13rem
    }

    .main-container .news .news-container .news-group .news-item:nth-child(2) .item .item-time .time {
        margin-top: .7rem
    }

    .main-container .news .news-container .news-group .news-item:nth-child(2) .item .item-time .time .day {
        font-size: 2.25rem
    }

    .main-container .news .news-container .news-group .news-item:nth-child(2) .item .item-time .time .month {
        font-size: 12px
    }

    .main-container .news .news-container .news-group .news-item:nth-child(2) .item .item-time .icon {
        width: 1.5rem
    }

    .main-container .news .news-container .news-group .news-item:nth-child(2) .item .line {
        margin: 1.88rem auto
    }

    .main-container .news .news-container .news-group .news-item:nth-child(2) .item .item-new-title .new-title {
        font-size: 1.13rem;
        margin-bottom: .7rem
    }

    .main-container .news .news-container .news-group .news-item:nth-child(2) .item .item-new-title .new-desc {
        font-size: .88rem;
        line-height: 1.6
    }

    .main-container .news .news-container .news-group .news-item:nth-child(3) {
        width: 32.38rem;
        height: 35.13rem
    }

    .main-container .news .news-container .news-group .news-item:nth-child(3) .item {
        height: 8.25rem;
        padding: 0 2.75rem;
        margin-bottom: .75rem
    }

    .main-container .news .news-container .news-group .news-item:nth-child(3) .item .item-left {
        width: 3.44rem;
        margin-right: 1.06rem
    }

    .main-container .news .news-container .news-group .news-item:nth-child(3) .item .item-left .day {
        font-size: 2.25rem
    }

    .main-container .news .news-container .news-group .news-item:nth-child(3) .item .item-middle {
        font-size: 1.13rem
    }

    .main-container .news .news-container .news-group .news-item:nth-child(3) .item .item-right {
        width: 1rem;
        margin-left: 3.13rem
    }
}

@media screen and (min-width:1024px) {
    .pc-head-group {
        display: block
    }

    .mob-head-group {
        display: none
    }

    .pc-footer-group {
        display: block
    }

    .mob-footer-group {
        display: none
    }
}