@media screen and (min-width: 820.9px) {
    .titleDiv {
        line-height: .7rem;
        font-size: .5rem;
        font-weight: bold;
        color: #333333;
        text-align: center;
    }

    .titleDiv.bai {
        color: #fff;
    }

    .titleDiv .titleIcon {
        width: 1rem;
        height: .05rem;
        background: #17449A;
        border-radius: .05rem .05rem .05rem .05rem;
        margin: .1rem auto 0;
    }

    .bannerDiv .swiper-container {
        box-sizing: border-box;
    }

    .bannerDiv .bannerImgs img {
        width: 100%;
        height: auto;
        display: block;
    }

    .bannerDiv .bannerImgs .bannerImgItem {
        display: block;
    }

    .bannerDiv .bannerImgs .bannerImgItemA {
        display: none;
    }

    .bannerDiv .bannerImgs a {
        position: relative;
    }

    .bannerDiv .bannerImgs a .bannerTextDiv {
        position: absolute;
        left: 20%;
        top: 50%;
        transform: translateY(-50%);
    }

    .bannerDiv .bannerImgs a .bannerTextDiv .bannerText1 {
        line-height: 1.05rem;
        font-size: .75rem;
        font-weight: normal;
        color: #FFFFFF;
        margin-bottom: .25rem;
    }

    .bannerDiv .bannerImgs a .bannerTextDiv .bannerText2 {
        line-height: .6rem;
        font-size: .425rem;
        font-weight: normal;
        color: #FFFFFF;
        margin-bottom: 1.25rem;
    }

    .bannerDiv .bannerImgs a .bannerTextDiv .bannerTextBtn {
        padding: 0 .25rem;
        line-height: .625rem;
        border: .0125rem solid #FFFFFF;
        border-radius: .05rem;
        display: flex;
        align-items: center;
        width: fit-content;
    }

    .bannerDiv .bannerImgs a .bannerTextDiv .bannerTextBtn .bannerTextBtnT {
        font-size: .25rem;
        font-weight: normal;
        color: #FFFFFF;
        margin-right: .1rem;
        flex-shrink: 0;
    }

    .bannerDiv .bannerImgs a .bannerTextDiv .bannerTextBtn .bannerTextBtnIcon {
        width: .375rem;
        height: auto;
        display: block;
        flex-shrink: 0;
    }

    .bannerVideos {
        position: relative;
    }

    .bannerVideos .videoItem {
        display: block;
        width: 100%;
        height: auto;
        object-fit: cover;
    }

    .bannerVideos .videoConsoleDiv {
        position: absolute;
        z-index: 1;
        right: .875rem;
        bottom: .3rem;
        display: flex;
        align-items: center;
    }

    .bannerVideos .videoConsoleDiv .videoConsoleLDiv {
        cursor: pointer;
    }

    .bannerVideos .videoConsoleDiv .videoConsoleLDiv img {
        height: .375rem;
        width: auto;
        display: block;
        margin-right: .375rem;
    }

    .bannerVideos .videoConsoleDiv .videoConsoleLDiv .videoConsoleIconB {
        display: none;
    }

    .bannerVideos .videoConsoleDiv .videoConsoleBDiv {
        cursor: pointer;
    }

    .bannerVideos .videoConsoleDiv .videoConsoleBDiv img {
        height: .45rem;
        width: auto;
        display: block;
    }

    .bannerVideos .videoConsoleDiv .videoConsoleBDiv .videoConsoleIconZ {
        display: none;
    }

    .bannerDiv .swiper-pagination-bullet {
        width: .125rem;
        height: .125rem;
        border-radius: .225rem;
        border: .025rem solid #fff;
        opacity: 1;
        background: rgba(256, 256, 256, 0);
    }

    .bannerDiv .swiper-pagination-bullet-active {
        background: #FFFFFF;
        border: .025rem solid #fff;
    }

    .bannerDiv .swiper-container-horizontal>.swiper-pagination-bullets {
        left: 50%;
        transform: translateX(-50%);
        width: 50%;
    }

    .bannerDiv .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0rem .15rem;
    }

    /*  */
    .indexProduct {
        background: url("../../img/bg/indexPBg.jpg") no-repeat;
        background-size: 100% 100%;
        padding: .75rem 0 .75rem;
    }

    .shDiv {
        width: 18rem;
        margin: .5rem auto 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .shBannerDiv {
        display: none;
    }

    .shDiv .shLeftDiv {
        background: url("../../img/icons/indexPLeftBg.jpg") no-repeat;
        background-size: 100% 100%;
    }

    .shDiv .shLeftDiv .shLink {
        padding: .4375rem;
        min-height: 2.15rem;
        display: flex;
        align-items: center;
        min-width: 5.45rem;
        max-width: 5.45rem;
        cursor: pointer;
        user-select: none;
    }

    .shDiv .shLeftDiv .shLink.active,
    .shDiv .shLeftDiv .shLink:hover {
        background: rgba(26, 118, 239, 1);
        border-radius: .05rem .05rem .05rem .05rem;
    }

    .shDiv .shLeftDiv .shLink.active .shLinkText,
    .shDiv .shLeftDiv .shLink:hover .shLinkText {
        font-weight: 600;
    }


    .shDiv .shLeftDiv .shLink .shIcon {
        width: .75rem;
        height: .75rem;
        display: block;
        margin-right: .1875rem;
    }

    .shDiv .shLeftDiv .shLink .shLinkText {
        /*line-height: .75rem;*/
        font-size: .28rem;
        font-weight: 400;
        color: #fff;
    }

    .shDiv .shRightDiv .shImgDiv {
        width: 12.35rem;
        height: 6.5rem;
        position: relative;
        overflow: hidden;
        display: none;
    }

    .shDiv .shRightDiv .shImgDiv .shImg {
        width: 100%;
        /*height: auto;*/
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .productListDiv {
        background: #FFFFFF;
        box-shadow: 0rem 0rem .0625rem .0125rem rgba(181, 181, 181, 0.5);
        border-radius: .1rem .1rem .1rem .1rem;
        width: 18rem;
        margin: auto;
        overflow: hidden;
    }

    .productListDiv .swiper-slide {
        padding: .2rem .2rem .4125rem;
    }

    .productListDiv .pLi {
        overflow: hidden;
    }

    .productListDiv .pLi a {
        border: .0125rem solid #E6E6E6;
        float: left;
        margin-right: .2rem;
        width: 4.15rem;
    }

    .productListDiv .pLi a:nth-last-child(1) {
        margin-right: 0;
    }

    .productListDiv .pLi .pLiImgDiv {
        width: 4.15rem;
        height: 4.15rem;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .productListDiv .pLi a:hover .pLiImg {
        transform: scale(1.2);
    }

    .productListDiv .pLi .pLiImg {
        width: 4.15rem;
        height: auto;
        display: block;
        transition: 0.4s;
    }

    .productListDiv .pLi .pLiText {
        margin: 0 .2rem 0;
        border-top: .0125rem solid #E6E6E6;
        line-height: .8125rem;
        font-size: .25rem;
        font-weight: bold;
        color: #333333;
        text-align: center;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
    }

    .productListDiv .pLi a:hover .pLiBtn {
        background: rgba(23, 68, 154, 1);
        color: #fff;
    }

    .productListDiv .pLi .pLiBtn {
        line-height: .6625rem;
        background: #E6E6E6;
        text-align: center;
        font-size: .2rem;
        font-weight: normal;
        color: #666666;
        transition: 0.4s;
    }

    .swiper-pagination2 {
        text-align: center;
        position: relative;
    }

    .swiper-pagination2 .swiper-pagination-bullet {
        background: rgba(102, 102, 102, 1);
    }

    .swiper-pagination2 .swiper-pagination-bullet-active {
        background: rgba(23, 68, 154, 1);
    }

    /*  */
    .indexDaping {
        padding: .75rem 0 0;
        background: linear-gradient(143deg, #1D8DC7 0%, #17449A 100%);
    }

    .indexDaping .indexDapingBtn {
        display: none;
    }

    .indexDaping .daPingDiv {
        display: flex;
        align-items: center;
        padding-top: .5rem;
    }

    .indexDaping .daPingDiv .daPingLeft {
        flex: 1;
        padding-right: .1rem;
        height: 6.7rem;
        position: relative;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: .2rem;
        cursor: pointer;
    }

    .indexDaping .daPingDiv .daPingLeft .daPingVMain {
        width: 100%;
    }

    .indexDaping .daPingDiv .daPingLeft .daPingText {
        position: absolute;
        bottom: .25rem;
        left: .25rem;
        line-height: .525rem;
        font-size: .375rem;
        font-weight: normal;
        color: rgba(255, 255, 255, 0.9);
    }
    .indexDaping .daPingDiv .daPingLeft .videoIconZ{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 1rem;
        cursor: pointer;
    }

    .indexDaping .daPingDiv .daPingRight {
        flex: 1;
        padding-left: .1rem;
    }

    .indexDaping .daPingDiv .daPingRight .daPingItem {
        width: calc(50% - .2rem);
        margin-right: .2rem;
        float: left;
        height: 3.25rem;
        position: relative;
        margin-bottom: .2rem;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }

    .indexDaping .daPingDiv .daPingRight .daPingItem .daPingV {
        height: 100%;
    }

    .indexDaping .daPingDiv .daPingRight .daPingItem .daPingText {
        position: absolute;
        bottom: .25rem;
        left: .25rem;
        line-height: .35rem;
        font-size: .25rem;
        font-weight: normal;
        color: rgba(255, 255, 255, 0.9);

    }
    .indexDaping .daPingDiv .daPingRight .daPingItem .videoIconZ{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 0.8rem;
        cursor: pointer;
    }

    .daPingVideoDiv{
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: 1000;
        background: rgba(0,0,0,0.5);
        display: none;
        align-items: center;
        justify-content: center;
    }
    .daPingVideoE{
        position: absolute;
        right: .2rem;
        top: .2rem;
        width: 1rem;
        cursor: pointer;
    }
    /*.daPingVideoItem{*/
    /*    width: 80%;*/
    /*    height: auto;*/
    /*    margin: auto;*/
    /*}*/
    #video-container,.daPingVideoItem {
         width: 15rem !important;
         height: 8.4375rem !important;
         margin: auto;
         }

    .indexAbout {
        background: url("../../img/bg/indexAboutBg.jpg") no-repeat;
        background-size: 100% 100%;
        padding: .75rem 0 0rem;
    }

    .indexAbout .indexAboutTop {
        width: 18rem;
        margin: auto;
        padding-top: .5rem;
        padding-bottom: .75rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .indexAboutTextDiv {
        position: absolute;
        z-index: 1;
        top: 50%;
        transform: translateY(-50%);
        left: -3rem;
        background: #fff;
        padding: .5rem .45rem .5rem;
        width: 9rem;
    }

    .indexAboutTextDiv .indexAboutTitle {
        line-height: .7rem;
        font-size: .5rem;
        font-weight: bold;
        color: #333333;
        margin-bottom: .1375rem;
        text-align: center;
    }

    .indexAboutTextDiv .indexAboutContent {
        margin-bottom: .35rem;
    }

    .indexAboutTextDiv .indexAboutContent p {
        font-size: .2rem;
        font-weight: normal;
        color: #666666;
        line-height: .375rem;
        text-indent: 2em;
    }

    .indexAboutTextDiv .indexAboutBtn {
        display: flex;
        align-items: center;
        width: fit-content;
        line-height: .5rem;
        border-radius: .05rem;
        border: .0125rem solid #17449A;
        padding: 0 .15rem;
        margin: auto;
        transition: 0.4s;
    }

    .indexAboutTextDiv .indexAboutBtn:hover .indexAboutBtnText {
        color: #fff;
    }

    .indexAboutTextDiv .indexAboutBtn .indexAboutBtnText {
        font-size: .2rem;
        font-weight: normal;
        color: #17449A;
    }

    .indexAboutTextDiv .indexAboutBtn .indexAboutBtnImg {
        width: .3rem;
        height: auto;
        display: block;
    }

    .indexAboutTextDiv .indexAboutBtn .indexAboutBtnImgA {
        display: none;
        width: .3rem;
        height: auto;
    }

    .indexAboutTextDiv .indexAboutBtn:hover {
        background: #17449A;
    }

    .indexAboutTextDiv .indexAboutBtn:hover .indexAboutBtnImg {
        display: none;
    }

    .indexAboutTextDiv .indexAboutBtn:hover .indexAboutBtnImgA {
        display: block;
    }

    .indexAbout .indexAboutTop .indexAboutRight {
        width: 14.975rem;
        height: 9.8rem;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
    }

    .indexAbout .indexAboutTop .indexAboutRight .indexAboutImg {
        width: 100%;
        height: 100%;
        display: block;
    }

    .indexAboutBottom {
        position: relative;
        width: 18rem;
        margin: 0 auto -1.5rem;
        background: #FFFFFF;
        box-shadow: 0rem 0rem .0625rem .0125rem rgba(181, 181, 181, 0.5);
        border-radius: .1rem .1rem .1rem .1rem;
        padding: .625rem 1rem .45rem;
        display: flex;
        justify-content: space-between;
    }

    .indexAboutBottom .indexAboutBottomItem {
        text-align: center;
    }

    .indexAboutBottom .indexAboutBottomItem .indexAboutBottomItemIcon {
        width: 1rem;
        height: auto;
        display: block;
        margin: 0 auto .1rem;
    }

    .indexAboutBottom .indexAboutBottomItem .indexAboutBottomItemNumber {
        line-height: .875rem;
        font-size: .625rem;
        font-weight: bold;
        color: #17449A;
        margin-bottom: .1rem;
    }

    .indexAboutBottom .indexAboutBottomItem .indexAboutBottomItemNumber span {
        line-height: .875rem;
        font-size: .625rem;
        font-weight: bold;
        color: #17449A;
    }

    .indexAboutBottom .indexAboutBottomItem .indexAboutBottomItemText {
        line-height: .35rem;
        font-size: .25rem;
        font-weight: normal;
        color: #333333;
    }

    .indexAboutBottom .indexAboutBottomItem .indexAboutBottomItemText2 {
        line-height: .25rem;
        font-size: .175rem;
        font-weight: normal;
        color: #666666;
    }

    .indexAboutB {
        width: 100%;
        height: 3rem;
        background: linear-gradient(132deg, #1D8DC7 0%, #17449A 100%);
    }

    .indexNews {
        background: url("../../img/bg/indexNewsBg.jpg") no-repeat;
        background-size: 100% 100%;
        padding: .75rem 0 0rem;
    }

    .indexNews .indexNewsList {
        width: 18rem;
        margin: auto;
        padding: .5rem 0 .75rem;
        overflow: hidden;
    }

    .indexNews .indexNewsList.indexNewsListPC {
        display: block;
    }

    .indexNews .indexNewsList.indexNewsListMobile {
        display: none;
    }

    .indexNews .indexNewsList .indexNewsLi {
        width: 4.0875rem;
        float: left;
        margin-right: .55rem;
    }

    .indexNews .indexNewsList .indexNewsLi:nth-last-child(1) {
        margin-right: 0;
    }

    .indexNews .indexNewsList .indexNewsLi .indexNewsDate {
        line-height: .525rem;
        font-size: .375rem;
        font-weight: bold;
        color: #333333;
        margin-bottom: .05rem;
    }

    .indexNews .indexNewsList .indexNewsLi .indexNewsDate2 {
        line-height: .35rem;
        font-size: .25rem;
        font-weight: bold;
        color: #666666;
        margin-bottom: .25rem;
    }

    .indexNews .indexNewsList .indexNewsLi .indexNewsImgDiv {
        width: 4.0875rem;
        height: 3rem;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: .25rem;
    }

    .indexNews .indexNewsList .indexNewsLi .indexNewsImgDiv .indexNewsImg {
        width: auto;
        height: 100%;
        transition: 0.4s;
    }

    .indexNews .indexNewsList .indexNewsLi:hover .indexNewsImgDiv .indexNewsImg {
        transform: scale(1.2);
    }

    .indexNews .indexNewsList .indexNewsLi .indexNewsTitle {
        font-size: .3rem;
        font-weight: bold;
        color: rgba(51, 51, 51, 1);
        height: .9rem;
        line-height: .45rem;
        margin-bottom: .25rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .indexNews .indexNewsList .indexNewsLi:hover .indexNewsTitle {
        color: #17449A;
    }

    .indexNews .indexNewsList .indexNewsLi .indexNewsContent {
        font-size: .25rem;
        font-weight: normal;
        color: #666666;
        height: .75rem;
        line-height: .375rem;
        margin-bottom: .5rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .indexNews .indexNewsList .indexNewsLi .indexNewsBtn {
        display: flex;
        align-items: center;
        width: fit-content;
        padding: 0 .15rem;
        line-height: .5rem;
        border-radius: .05rem;
        border: .0125rem solid #17449A;
        transition: 0.4s;
    }

    .indexNews .indexNewsList .indexNewsLi .indexNewsBtn .indexNewsBtnText {
        font-size: .2rem;
        font-weight: normal;
        color: #17449A;
    }

    .indexNews .indexNewsList .indexNewsLi .indexNewsBtn .indexNewsBtnImg {
        width: .3rem;
        height: auto;
        display: block;
        flex-shrink: 0;
    }

    .indexNews .indexNewsList .indexNewsLi .indexNewsBtn .indexNewsBtnImgA {
        width: .3rem;
        height: auto;
        flex-shrink: 0;
        display: none;
    }

    .indexNews .indexNewsList .indexNewsLi:hover .indexNewsBtn .indexNewsBtnText {
        color: #fff;
    }

    .indexNews .indexNewsList .indexNewsLi:hover .indexNewsBtn {
        background: #17449A;
    }

    .indexNews .indexNewsList .indexNewsLi:hover .indexNewsBtn .indexNewsBtnImg {
        display: none;
    }

    .indexNews .indexNewsList .indexNewsLi:hover .indexNewsBtn .indexNewsBtnImgA {
        display: block;
    }

    /*  */
    .bannerDiv {
        width: 100%;
        position: relative;
        user-select: none;
    }

    .bannerDiv .bannerImg {
        width: 100%;
        height: auto;
        display: block;
    }

    .bannerDiv .bannerImgM {
        width: 100%;
        height: auto;
        display: none;
    }

    .bannerDiv .bannerTextDiv {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        white-space: nowrap;
        width: 7.5rem;
    }

    .bannerDiv .bannerTextDiv .bannerTextE {
        height: 1.05rem;
        position: relative;
    }

    .bannerDiv .bannerTextDiv .bannerTextED {
        line-height: 1.05rem;
        font-size: .75rem;
        font-weight: 600;
        color: #ffffff31;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }

    .bannerDiv .bannerTextDiv .bannerTextC {
        line-height: .7rem;
        font-size: .625rem;
        font-weight: 600;
        color: #FFFFFF;
        text-align: center;
        margin-top: -0.525rem;
    }

    /*  */
    .productContentBar .productContentBarC {
        width: 18rem;
        margin: auto;
        padding: .25rem 0;
        display: flex;
        align-items: center;
    }

    .productContentBar .productContentBarC .productContentBarCItem {
        width: .05rem;
        height: .2rem;
        background: #1A75BB;
        margin-right: .075rem;
    }

    .productContentBar .productContentBarC .productContentBarCText {
        line-height: .275rem;
        font-size: .2rem;
        font-weight: 400;
        color: #666666;
    }

    .productContentBar .productContentBarC .productContentBarCLink {
        line-height: .275rem;
        font-size: .2rem;
        font-weight: 400;
        color: #666666;
    }

    .productContentDiv {
        width: 18rem;
        margin: auto;
    }

    .productContentDiv .productContentDivTitleDiv {
        padding: .5rem 0 0;
        border-bottom: .0125rem dashed rgba(50, 50, 49, 0.5);
    }

    .productContentDiv .productContentDivTitleDiv .productContentDivTitle {
        line-height: .45rem;
        font-size: .325rem;
        font-weight: 600;
        color: #303030;
        text-align: center;
        margin-bottom: .35rem;
    }

    .productContentDiv .productContentDivTitleDiv .productContentDivXinxi {
        padding: .1rem 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .productContentDiv .productContentDivTitleDiv .productContentDivXinxi .productContentDivXinxiLi {
        line-height: .275rem;
        font-size: .2rem;
        font-weight: 400;
        color: #666666;
        margin-right: .5rem;
    }

    .productContentDiv .productContentDivTitleDiv .productContentDivXinxi .productContentDivXinxiLi:nth-last-child(1) {
        margin-right: 0;
    }

    .productContentDiv .productContentMain {
        padding: .35rem 0 .75rem;
        margin: auto;
        line-height: .375rem;
        font-size: .2rem;
        font-weight: 400;
        color: #666666;
        width: 100%;
    }

    .productContentDiv .productContentMain img {
        margin: auto;
        display: block;
    }

    .productContentDiv .productContentBottom {
        border-top: .0125rem dashed rgba(50, 50, 49, 0.5);
    }

    .productContentDiv .productContentBottom .productContentBottomLinkDiv {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: .25rem 0 .75rem;
    }

    .productContentDiv .productContentBottom .productContentBottomLinkDiv .productContentBottomLinkC {
        line-height: .3rem;
        font-size: .225rem;
        font-weight: 400;
        color: #666666;
    }

    .productContentDiv .productContentBottom .productContentBottomLinkDiv .productContentBottomLinkC .productContentBottomLink {
        line-height: .3rem;
        font-size: .225rem;
        font-weight: 400;
        color: #666666;
    }

    .productContentDiv .productContentBottom .productContentBottomBackDiv {
        padding-bottom: .75rem;
        display: flex;
        justify-content: center;
    }

    .productContentDiv .productContentBottom .productContentBottomBackDiv .productContentBottomBack {
        display: block;
        line-height: .55rem;
        background: rgba(23, 68, 154, 1);
        border-radius: .1rem .1rem .1rem .1rem;
        padding: 0 .4375rem;
        font-size: .25rem;
        font-weight: 400;
        color: #FFFFFF;
    }

    /*  */
    .productMainTopDiv {
        padding: .75rem 0 .75rem;
        background: rgba(249, 249, 249, 1);
    }

    .productMainTopDiv .productMainList {
        overflow: hidden;
        width: 18rem;
        margin: auto;
        padding-top: .7125rem;
    }

    .productMainTopDiv .productMainList .productMainLi {
        float: left;
        width: 8.9rem;
        height: 3.175rem;
        background: url("../../img/icons/productLibg.png") no-repeat;
        background-size: 100% 100%;
        display: flex;
        justify-content: space-between;
        margin-right: .2rem;
        margin-bottom: .2rem;
        align-items: center;
    }

    .productMainTopDiv .productMainList .productMainLi:hover {
        background: url("../../img/icons/productLibgA.png") no-repeat;
        background-size: 100% 100%;
    }

    .productMainTopDiv .productMainList .productMainLi:nth-child(2n) {
        margin-right: 0;
    }

    .productMainTopDiv .productMainList .productMainLi .productMainLiLeft {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        padding: .4375rem 0 .25rem .4375rem;
        flex: 1;
        height: 100%;
    }

    .productMainTopDiv .productMainList .productMainLi .productMainLiLeft .productMainLiTitle {
        line-height: .4625rem;
        font-size: .325rem;
        font-weight: normal;
        color: #333333;
        transition: 0.4s;
    }

    .productMainTopDiv .productMainList .productMainLi:hover .productMainLiLeft .productMainLiTitle {
        color: #17449A;
    }

    .productMainTopDiv .productMainList .productMainLi .productMainLiLeft .productMainLiBtn {
        line-height: .5rem;
        padding: 0 .15rem;
        border-radius: .05rem;
        border: .0125rem solid #17449A;
        display: flex;
        align-items: center;
        width: fit-content;
        transition: 0.4s;
    }

    .productMainTopDiv .productMainList .productMainLi:hover .productMainLiLeft .productMainLiBtn {
        background: #17449A;
    }

    .productMainTopDiv .productMainList .productMainLi .productMainLiLeft .productMainLiBtn .productMainLiBtnTitle {
        font-size: .2rem;
        font-weight: normal;
        color: #17449A;
        margin-right: .05rem;
        flex-shrink: 0;
    }

    .productMainTopDiv .productMainList .productMainLi:hover .productMainLiLeft .productMainLiBtn .productMainLiBtnTitle {
        color: #fff;
    }

    .productMainTopDiv .productMainList .productMainLi .productMainLiLeft .productMainLiBtn .productMainLiBtnIcon {
        width: .325rem;
        height: .325rem;
        display: block;
        flex-shrink: 0;
    }

    .productMainTopDiv .productMainList .productMainLi:hover .productMainLiLeft .productMainLiBtn .productMainLiBtnIcon {
        display: none;
    }

    .productMainTopDiv .productMainList .productMainLi .productMainLiLeft .productMainLiBtn .productMainLiBtnIconA {
        width: .325rem;
        height: .325rem;
        display: none;
        flex-shrink: 0;
    }

    .productMainTopDiv .productMainList .productMainLi:hover .productMainLiLeft .productMainLiBtn .productMainLiBtnIconA {
        display: block;
    }

    .productMainTopDiv .productMainList .productMainLi .productMainLiImgDiv {
        width: 3.875rem;
        height: 2.75rem;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .productMainTopDiv .productMainList .productMainLi .productMainLiImgDiv .productMainLiImg {
        width: 100%;
        height: auto;
        transition: 0.4s;
    }

    .productMainBottomDiv {
        padding: .75rem 0 .625rem;
    }

    .productMainBottomDiv .swiper-container3 {
        width: 18rem;
        margin: auto;
        overflow: hidden;
    }
    .productMainBottomDiv .swiper-container4 {
        display: none;
    }

    .productMainBottomDiv .productJDiv {
        padding-top: .525rem;
    }

    .productMainBottomDiv .productJDiv .jLi {
        overflow: hidden;
    }

    .productMainBottomDiv .productJDiv .jLi a {
        float: left;
        width: 5.83rem;
        height: 4.375rem;
        position: relative;
        margin-right: .15rem;
    }

    .productMainBottomDiv .productJDiv .jLi a:nth-last-child(1) {
        margin-right: 0;
    }

    .productMainBottomDiv .productJDiv .jLi a .jLiImgDiv {
        width: 5.83rem;
        height: 3.575rem;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .productMainBottomDiv .productJDiv .jLi a .jLiImgDiv .jLiImg {
        width: auto;
        height: 100%;
    }

    .productMainBottomDiv .productJDiv .jLi a .jLiText {
        line-height: .35rem;
        font-size: .25rem;
        font-weight: normal;
        color: #333333;
        text-align: center;
        margin-top: 0.25rem;
    }

    .swiper-pagination3 {
        text-align: center;
        position: relative;
        margin-top: .275rem;
    }

    .swiper-pagination4 {
        display: none;
    }

    .swiper-pagination3 .swiper-pagination-bullet {
        background: rgba(102, 102, 102, 1);
    }

    .swiper-pagination3 .swiper-pagination-bullet-active {
        background: rgba(23, 68, 154, 1);
    }

    /*  */
    .productDiv {
        padding: .75rem 0 .75rem;
    }

    .productDiv .productList {
        width: 18rem;
        margin: auto;
        overflow: hidden;
        padding-top: .55rem;
    }

    .productDiv .productList .productLi {
        width: 4.25rem;
        background: #FFFFFF;
        border: .0125rem solid #D1D1D1;
        margin-right: .275rem;
        margin-bottom: .25rem;
        float: left;
        position: relative;
    }

    .productDiv .productList .productLi:nth-child(4n) {
        margin-right: 0;
    }

    .productDiv .productList .productLi .productLiImgDiv {
        margin: .5rem .6875rem 0;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .productDiv .productList .productLi .productLiImgDiv .productLiLogo {
        position: absolute;
        z-index: 1;
        top: .25rem;
        left: .25rem;
        width: .675rem;
        height: .5125rem;
    }

    .productDiv .productList .productLi .productLiImgDiv .pruductLiImg {
        width: 100%;
    }

    .productDiv .productList .productLi .productHoverDiv {
        background: rgba(23, 68, 154, 0.9);
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: none;
        align-items: center;
        justify-content: center;
        z-index: 2;
    }

    .productDiv .productList .productLi:hover .productHoverDiv {
        display: flex;
    }

    .productDiv .productList .productLi .productHoverDiv .productHoverBtn {
        line-height: .5rem;
        border: .0125rem solid #FFFFFF;
        padding: 0 .475rem;
        font-size: .2rem;
        font-weight: normal;
        color: #FFFFFF;
    }

    .productDiv .productList .productLi .productLiText {
        line-height: .85rem;
        padding: 0 .125rem;
        font-size: .25rem;
        font-weight: normal;
        color: #333333;
        text-align: center;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }

    .videoBg {
        position: fixed;
        top: 0;
        left: 0;
        height: 100vh;
        width: 100vw;
        z-index: 100;
        background: rgba(0, 0, 0, 0.5);
        display: none;
        align-items: center;
        justify-content: center;
    }

    .videoBg .videoE {
        position: absolute;
        right: .8rem;
        top: .2rem;
        width: 1rem;
        cursor: pointer;
    }

    .videoBg .videoMain {
        width: 50%;
        height: auto;
        margin: auto;
    }

    .bannerDiv .bannerImgs {
        position: relative;
        cursor: pointer;
    }

    .bannerDiv .bannerImgs .videoIconZ {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 1.2rem;
        cursor: pointer;
    }
}
@media (max-width: 820px) {
    .titleDiv {
        line-height: 1.75rem;
        font-size: 1.25rem;
        font-weight: bold;
        color: #333333;
        text-align: center;
    }

    .titleDiv.bai {
        color: #fff;
    }

    .titleDiv .titleIcon {
        width: 2.5rem;
        height: .125rem;
        background: #17449A;
        border-radius: .25rem .25rem .25rem .25rem;
        margin: .625rem auto 0;
    }

    .bannerDiv .swiper-container {
        box-sizing: border-box;
    }

    .bannerDiv .bannerImgs img {
        width: 100%;
        height: auto;
        display: block;
    }

    .bannerDiv .bannerImgs .bannerImgItem {
        display: none;
    }

    .bannerDiv .bannerImgs .bannerImgItemA {
        display: block;
    }

    .bannerDiv .bannerImgs a {
        position: relative;
    }

    .bannerDiv .bannerImgs a .bannerTextDiv {
        position: absolute;
        left: 20%;
        top: 50%;
        transform: translateY(-50%);
        display: none;
    }

    .bannerDiv .bannerImgs a .bannerTextDiv .bannerText1 {
        line-height: 5.25rem;
        font-size: 3.75rem;
        font-weight: normal;
        color: #FFFFFF;
        margin-bottom: 1.25rem;
    }

    .bannerDiv .bannerImgs a .bannerTextDiv .bannerText2 {
        line-height: 3rem;
        font-size: 2.125rem;
        font-weight: normal;
        color: #FFFFFF;
        margin-bottom: 6.25rem;
    }

    .bannerDiv .bannerImgs a .bannerTextDiv .bannerTextBtn {
        padding: 0 1.25rem;
        line-height: 3.125rem;
        border: .0625rem solid #FFFFFF;
        border-radius: .25rem;
        display: flex;
        align-items: center;
        width: fit-content;
    }

    .bannerDiv .bannerImgs a .bannerTextDiv .bannerTextBtn .bannerTextBtnT {
        font-size: 1.25rem;
        font-weight: normal;
        color: #FFFFFF;
        margin-right: .5rem;
        flex-shrink: 0;
    }

    .bannerDiv .bannerImgs a .bannerTextDiv .bannerTextBtn .bannerTextBtnIcon {
        width: 1.875rem;
        height: auto;
        display: block;
        flex-shrink: 0;
    }

    .bannerVideos {
        position: relative;
    }

    .bannerVideos .videoItem {
        display: block;
        width: 100%;
        height: auto;
        object-fit: cover;
    }

    .bannerVideos .videoConsoleDiv {
        position: absolute;
        z-index: 1;
        right: 4.375rem;
        bottom: 1.5rem;
        display: flex;
        align-items: center;
    }

    .bannerVideos .videoConsoleDiv .videoConsoleLDiv {
        cursor: pointer;
    }

    .bannerVideos .videoConsoleDiv .videoConsoleLDiv img {
        height: 1.875rem;
        width: auto;
        display: block;
        margin-right: 1.875rem;
    }

    .bannerVideos .videoConsoleDiv .videoConsoleLDiv .videoConsoleIconB {
        display: none;
    }

    .bannerVideos .videoConsoleDiv .videoConsoleBDiv {
        cursor: pointer;
    }

    .bannerVideos .videoConsoleDiv .videoConsoleBDiv img {
        height: 2.25rem;
        width: auto;
        display: block;
    }

    .bannerVideos .videoConsoleDiv .videoConsoleBDiv .videoConsoleIconZ {
        display: none;
    }

    .bannerDiv .swiper-pagination-bullet {
        width: .5rem;
        height: .5rem;
        border-radius: 1.125rem;
        border: .125rem solid #fff;
        opacity: 1;
        background: rgba(256, 256, 256, 0);
    }

    .bannerDiv .swiper-pagination-bullet-active {
        background: #FFFFFF;
        border: .125rem solid #fff;
    }

    .bannerDiv .swiper-container-horizontal>.swiper-pagination-bullets {
        left: 50%;
        transform: translateX(-50%);
        width: 50%;
    }

    .bannerDiv .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0rem .375rem;
    }

    /*  */
    .indexProduct {
        background: url("../../img/bg/indexPBgM.jpg") no-repeat;
        background-size: 100% 100%;
        padding: 1rem 1rem 1rem;
    }

    .indexProduct .titleDiv {
        text-align: left;
    }

    .shDiv {
        width: 100%;
        margin: .75rem auto 0;
        display: flex;
        flex-direction: column;
    }

    .shBannerDiv {
        display: none;
    }

    .shDiv .shLeftDiv {
        background: rgba(23, 68, 154, 0.8);
        order: 2;
        display: flex;
        flex-wrap: wrap;
    }

    .shDiv .shLeftDiv .shLink {
        padding: .5rem 0;
        display: flex;
        flex-direction: column;
        cursor: pointer;
        user-select: none;
        width: 33.33%;
        justify-content: center;
    }

    .shDiv .shLeftDiv .shLink.active,
    .shDiv .shLeftDiv .shLink:hover {
        background: rgba(23, 68, 154, 1);
    }

    .shDiv .shLeftDiv .shLink.active .shLinkText,
    .shDiv .shLeftDiv .shLink:hover .shLinkText {
        font-weight: 600;
    }


    .shDiv .shLeftDiv .shLink .shIcon {
        width: 1.125rem;
        height: 1.125rem;
        display: block;
        margin: 0 auto;
    }

    .shDiv .shLeftDiv .shLink .shLinkText {
        line-height: 1.125rem;
        font-size: .75rem;
        font-weight: 400;
        color: #fff;
        text-align: center;
    }

    .shDiv .shRightDiv {
        order: 1;
    }

    .shDiv .shRightDiv .shImgDiv {
        width: 100%;
        height: 11.25rem;
        position: relative;
        overflow: hidden;
        display: none;
    }

    .shDiv .shRightDiv .shImgDiv .shImg {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .productListDiv {
        width: 100%;
        margin: auto;
        overflow: hidden;
    }

    .productListDiv .swiper-slide {
        padding: 1rem 1rem 1rem;
    }

    .productListDiv .pLi {
        overflow: hidden;
    }

    .productListDiv .pLi a {
        border: .0625rem solid #E6E6E6;
        float: left;
        margin-right: 1.4rem;
        margin-bottom: .625rem;
        width: 9.25rem;
    }

    .productListDiv .pLi a:nth-child(2n) {
        margin-right: 0;
    }

    .productListDiv .pLi .pLiImgDiv {
        width: 9.25rem;
        height: 9.125rem;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .productListDiv .pLi a:hover .pLiImg {
        transform: scale(1.2);
    }

    .productListDiv .pLi .pLiImg {
        width: 100%;
        height: auto;
        display: block;
        transition: 0.4s;
    }

    .productListDiv .pLi .pLiText {
        margin: 0 .25rem 0;
        border-top: .0625rem solid #E6E6E6;
        line-height: 1.6875rem;
        font-size: .8125rem;
        font-weight: 400;
        color: #333333;
        text-align: center;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
    }

    .productListDiv .pLi a:hover .pLiBtn {
        background: rgba(23, 68, 154, 1);
        color: #fff;
    }

    .productListDiv .pLi .pLiBtn {
        line-height: 1.6875rem;
        background: #E6E6E6;
        text-align: center;
        font-size: .8125rem;
        font-weight: normal;
        color: #666666;
        transition: 0.4s;
    }

    .swiper-pagination2 {
        text-align: center;
        position: relative;
    }

    .swiper-pagination2 .swiper-pagination-bullet {
        background: rgba(102, 102, 102, 1);
    }

    .swiper-pagination2 .swiper-pagination-bullet-active {
        background: rgba(23, 68, 154, 1);
    }

    /*  */
    .indexDaping {
        padding: 1rem 1rem 1rem;
        background: linear-gradient(143deg, #1D8DC7 0%, #17449A 100%);
        position: relative;
    }

    .indexDaping .indexDapingBtn {
        position: absolute;
        right: 1rem;
        top: 1.125rem;
        line-height: 1.5rem;
        background: rgba(23, 68, 154, 0.8);
        border-radius: 1.25rem;
        display: flex;
        align-items: center;
        padding: 0 .875rem;
    }

    .indexDaping .indexDapingBtn .indexDapingBtnText {
        font-size: .75rem;
        font-weight: 400;
        color: #FFFFFF;
        margin-right: .3125rem;
    }

    .indexDaping .indexDapingBtn .indexDapingBtnIcon {
        width: .375rem;
        height: auto;
    }

    .indexDaping .indexDapingBtnList {
        position: absolute;
        top: 1.5rem;
        right: 0;
        background: rgba(23, 68, 154, 1);
        z-index: 2;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: .25rem;
        display: none;
    }

    .indexDapingBtnLiMain .indexDapingBtnLi {
        line-height: 1.5rem;
        padding: .25rem 1.5rem;
        font-size: .75rem;
        color: #fff;
        white-space: nowrap;
    }

    .indexDaping .titleDiv {
        text-align: left;
    }

    .indexDaping .daPingDiv {
        padding-top: 1rem;
    }

    .indexDaping .daPingDiv .daPingLeft {
        padding: 1rem .75rem .75rem;
        position: relative;
        display: flex;
        flex-direction: column;
        background: #FFFFFF;
        box-shadow: 0px 0px 5px 1px rgba(180, 193, 203, 0.5);
        border-radius: 4px 4px 4px 4px;
    }

    .indexDaping .daPingDiv .daPingLeft .videoIconZ{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 3rem;
        height: 3rem;
        cursor: pointer;
    }

    .indexDaping .daPingDiv .daPingLeft .daPingVMain {
        width: 100%;
        display: block;
        order: 2;
    }

    .indexDaping .daPingDiv .daPingLeft .daPingText {
        order: 1;
        line-height: 1.25rem;
        font-size: .75rem;
        font-weight: normal;
        color: rgba(23, 68, 154, 1);
        margin-bottom: .625rem;
    }

    .indexDaping .daPingDiv .daPingRight {
        flex: 1;
        padding-left: .5rem;
        height: 0px;
        overflow: hidden;
    }

    .indexDaping .daPingDiv .daPingRight .daPingItem {
        width: calc(50% - 1rem);
        margin-right: 1rem;
        float: left;
        height: 16.25rem;
        position: relative;
        margin-bottom: 1rem;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .indexDaping .daPingDiv .daPingRight .daPingItem .daPingV {
        height: 100%;
    }

    .indexDaping .daPingDiv .daPingRight .daPingItem .daPingText {
        position: absolute;
        bottom: 1.25rem;
        left: 1.25rem;
        line-height: 1.75rem;
        font-size: 1.25rem;
        font-weight: normal;
        color: rgba(255, 255, 255, 0.9);

    }
    .daPingVideoDiv{
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: 1000;
        background: rgba(0,0,0,0.5);
        display: none;
        align-items: center;
        justify-content: center;
    }
    .daPingVideoE{
        position: absolute;
        right: 1rem;
        top: 1rem;
        width: 2.5rem;
    }
    /*.daPingVideoItem{*/
    /*    width: 80%;*/
    /*    height: auto;*/
    /*    margin: auto;*/
    /*}*/
    .daPingVideoItem {
         width: 20rem;
         height: 11.25rem;
         margin: auto;
        }

    .indexAbout {
        background: url("../../img/bg/indexAboutBgM.jpg") no-repeat;
        background-size: 100% 100%;
        padding: 1rem;
    }

    .indexAbout .indexAboutTop {
        width: 100%;
        margin: auto;
        padding-top: 0;
        padding-bottom: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .indexAboutTextDiv {
        padding: .75rem 0;
        width: 100%;
    }

    .indexAboutTextDiv .indexAboutTitle {
        line-height: 1.75rem;
        font-size: 1.25rem;
        font-weight: bold;
        color: #333333;
        margin-bottom: .625rem;
        text-align: center;
    }

    .indexAboutTextDiv .indexAboutContent {
        margin-bottom: .75rem;
    }

    .indexAboutTextDiv .indexAboutContent p {
        font-size: .75rem;
        font-weight: normal;
        color: #666666;
        line-height: 1.625rem;
        text-indent: 2em;
    }

    .indexAboutTextDiv .indexAboutBtn {
        display: flex;
        align-items: center;
        width: fit-content;
        line-height: 1.875rem;
        border-radius: .25rem;
        border: .0625rem solid #17449A;
        padding: 0 .3125rem;
        margin: auto;
        transition: 0.4s;
    }

    .indexAboutTextDiv .indexAboutBtn:hover .indexAboutBtnText {
        color: #fff;
    }

    .indexAboutTextDiv .indexAboutBtn .indexAboutBtnText {
        font-size: .75rem;
        font-weight: normal;
        color: #17449A;
    }

    .indexAboutTextDiv .indexAboutBtn .indexAboutBtnImg {
        width: 1.25rem;
        height: auto;
        display: block;
    }

    .indexAboutTextDiv .indexAboutBtn .indexAboutBtnImgA {
        display: none;
        width: 1.5rem;
        height: auto;
    }

    .indexAboutTextDiv .indexAboutBtn:hover {
        background: #17449A;
    }

    .indexAboutTextDiv .indexAboutBtn:hover .indexAboutBtnImg {
        display: none;
    }

    .indexAboutTextDiv .indexAboutBtn:hover .indexAboutBtnImgA {
        display: block;
    }

    .indexAbout .indexAboutTop .indexAboutRight {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        position: relative;
    }

    .indexAbout .indexAboutTop .indexAboutRight .indexAboutImg {
        width: 100%;
        height: 100%;
        display: block;
    }

    .indexAboutBottom {
        position: relative;
        width: 100%;
        margin: 0 auto 0;
        background: #FFFFFF;
        box-shadow: 0rem 0rem .3125rem .0625rem rgba(181, 181, 181, 0.5);
        border-radius: .5rem .5rem .5rem .5rem;
        padding: .875rem 1rem;
        display: flex;
        flex-wrap: wrap;
    }

    .indexAboutBottom .indexAboutBottomItem {
        text-align: center;
        width: 50%;
        margin-bottom: 1.25rem;
    }

    .indexAboutBottom .indexAboutBottomItem .indexAboutBottomItemIcon {
        width: 2.875rem;
        height: auto;
        display: block;
        margin: 0 auto .25rem;
    }

    .indexAboutBottom .indexAboutBottomItem .indexAboutBottomItemNumber {
        line-height: 1.5625rem;
        font-size: 1.125rem;
        font-weight: bold;
        color: #17449A;
        margin-bottom: 0;
    }

    .indexAboutBottom .indexAboutBottomItem .indexAboutBottomItemNumber span {
        line-height: 1.5625rem;
        font-size: 1.125rem;
        font-weight: bold;
        color: #17449A;
    }

    .indexAboutBottom .indexAboutBottomItem .indexAboutBottomItemText {
        line-height: 1.125rem;
        font-size: .875rem;
        font-weight: normal;
        color: #333333;
    }

    .indexAboutBottom .indexAboutBottomItem .indexAboutBottomItemText2 {
        line-height: 1rem;
        font-size: .75rem;
        font-weight: normal;
        color: #666666;
    }

    .indexAboutB {
        display: none;
    }

    .indexNews {
        background: url("../../img/bg/indexNewsBgM.jpg") no-repeat;
        background-size: 100% 100%;
        padding: 1rem;
    }

    .indexNews .titleDiv {
        text-align: left;
    }

    .indexNews .indexNewsList {
        width: 100%;
        margin: auto;
        padding: 1rem 0 0;
        overflow: hidden;
    }

    .indexNews .indexNewsList.indexNewsListPC {
        display: none;
    }

    .indexNews .indexNewsList.indexNewsListMobile {
        display: block;
    }

    .indexNews .indexNewsList .indexNewsLi {
        width: 100%;
        float: left;
    }

    .indexNews .indexNewsList .indexNewsLi:nth-last-child(1) {
        margin-right: 0;
    }

    .indexNews .indexNewsList .indexNewsLi .indexNewsDate {
        line-height: 1.5625rem;
        font-size: 1.125rem;
        font-weight: 400;
        color: #333333;
        margin-bottom: .25rem;
    }

    .indexNews .indexNewsList .indexNewsLi .indexNewsDate2 {
        line-height: 1.0625rem;
        font-size: .75rem;
        font-weight: bold;
        color: #666666;
        margin-bottom: .75rem;
    }

    .indexNews .indexNewsList .indexNewsLi .indexNewsImgDiv {
        width: 100%;
        height: auto;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: .625rem;
    }

    .indexNews .indexNewsList .indexNewsLi .indexNewsImgDiv .indexNewsImg {
        width: 100%;
        height: auto;
        transition: 0.4s;
    }

    .indexNews .indexNewsList .indexNewsLi:hover .indexNewsImgDiv .indexNewsImg {
        transform: scale(1.2);
    }

    .indexNews .indexNewsList .indexNewsLi .indexNewsTitle {
        font-size: 1.25rem;
        font-weight: bold;
        color: rgba(51, 51, 51, 1);
        line-height: 2rem;
        height:4rem;
        margin-bottom: .75rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .indexNews .indexNewsList .indexNewsLi:hover .indexNewsTitle {
        color: #17449A;
    }

    .indexNews .indexNewsList .indexNewsLi .indexNewsContent {
        font-size: .75rem;
        font-weight: normal;
        color: #666666;
        line-height: 1.1875rem;
        height: 2.375rem;
        margin-bottom: .75rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .indexNews .indexNewsList .indexNewsLi .indexNewsBtn {
        display: flex;
        align-items: center;
        width: fit-content;
        padding: 0 .5rem;
        line-height: 1.875rem;
        border-radius: .25rem;
        border: .0625rem solid #17449A;
        transition: 0.4s;
    }

    .indexNews .indexNewsList .indexNewsLi .indexNewsBtn .indexNewsBtnText {
        font-size: .75rem;
        font-weight: normal;
        color: #17449A;
    }

    .indexNews .indexNewsList .indexNewsLi .indexNewsBtn .indexNewsBtnImg {
        width: .75rem;
        height: auto;
        display: block;
        flex-shrink: 0;
    }

    .indexNews .indexNewsList .indexNewsLi .indexNewsBtn .indexNewsBtnImgA {
        width: .75rem;
        height: auto;
        flex-shrink: 0;
        display: none;
    }

    .indexNews .indexNewsList .indexNewsLi:hover .indexNewsBtn .indexNewsBtnText {
        color: #fff;
    }

    .indexNews .indexNewsList .indexNewsLi:hover .indexNewsBtn {
        background: #17449A;
    }

    .indexNews .indexNewsList .indexNewsLi:hover .indexNewsBtn .indexNewsBtnImg {
        display: none;
    }

    .indexNews .indexNewsList .indexNewsLi:hover .indexNewsBtn .indexNewsBtnImgA {
        display: block;
    }

    .swiper-pagination5 {
        text-align: center;
        position: relative;
        margin-top: 1.375rem;
    }

    .swiper-pagination5 .swiper-pagination-bullet {
        background: rgba(102, 102, 102, 1);
    }

    .swiper-pagination5 .swiper-pagination-bullet-active {
        background: rgba(23, 68, 154, 1);
    }

    /*  */
    .bannerDiv {
        width: 100%;
        position: relative;
        user-select: none;
    }

    .bannerDiv .bannerImg {
        width: 100%;
        height: auto;
        display: none;
    }

    .bannerDiv .bannerImgM {
        width: 100%;
        height: auto;
        display: block;
    }

    .bannerDiv .bannerTextDiv {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        white-space: nowrap;
        width: 100%;
    }

    .bannerDiv .bannerTextDiv .bannerTextE {
        height: 5.25rem;
        position: relative;
    }

    .bannerDiv .bannerTextDiv .bannerTextED {
        line-height: 1.75rem;
        font-size: 1.25rem;
        font-weight: 400;
        color: #ffffff31;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }

    .bannerDiv .bannerTextDiv .bannerTextC {
        height: 2.0625rem;
        font-size: 1.5rem;
        font-weight: 600;
        color: #FFFFFF;
        text-align: center;
        margin-top: -4.375rem;
    }

    /*  */
    .productContentBar .productContentBarC {
        width: 100%;
        margin: auto;
        padding: 1rem 1rem;
        display: flex;
        align-items: center;
    }

    .productContentBar .productContentBarC .productContentBarCItem {
        width: .25rem;
        height: 1rem;
        background: #1A75BB;
        margin-right: .375rem;
    }

    .productContentBar .productContentBarC .productContentBarCText {
        line-height: 1.375rem;
        font-size: 1rem;
        font-weight: 400;
        color: #666666;
    }

    .productContentBar .productContentBarC .productContentBarCLink {
        line-height: 1.375rem;
        font-size: 1rem;
        font-weight: 400;
        color: #666666;
    }

    .productContentDiv {
        width: 100%;
        margin: auto;
        padding: 0 1rem;
    }

    .productContentDiv .productContentDivTitleDiv {
        padding: .625rem 0 0;
        border-bottom: .0625rem dashed rgba(50, 50, 49, 0.5);
    }

    .productContentDiv .productContentDivTitleDiv .productContentDivTitle {
        line-height: 1.75rem;
        font-size: 1.25rem;
        font-weight: 600;
        color: #303030;
        text-align: center;
        margin-bottom: .75rem;
    }

    .productContentDiv .productContentDivTitleDiv .productContentDivXinxi {
        padding: .5rem 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .productContentDiv .productContentDivTitleDiv .productContentDivXinxi .productContentDivXinxiLi {
        line-height: 1.125rem;
        font-size: .75rem;
        font-weight: 400;
        color: #666666;
        margin-right: 2.5rem;
    }

    .productContentDiv .productContentDivTitleDiv .productContentDivXinxi .productContentDivXinxiLi:nth-last-child(1) {
        margin-right: 0;
    }

    .productContentDiv .productContentMain {
        padding: .75rem 0 1.25rem;
        margin: auto;
        line-height: 1.875rem;
        font-size: 1rem;
        font-weight: 400;
        color: #666666;
        width: 100%;
    }

    .productContentDiv .productContentMain img {
        width: 100%;
        display: block;
        margin: 0 auto 1rem;
    }

    .productContentDiv .productContentBottom {
        border-top: .0625rem dashed rgba(50, 50, 49, 0.5);
    }

    .productContentDiv .productContentBottom .productContentBottomLinkDiv {
        display: flex;
        flex-direction: column;
        padding: 1rem 0 .25rem;
    }

    .productContentDiv .productContentBottom .productContentBottomLinkDiv .productContentBottomLinkC {
        line-height: 1.25rem;
        font-size: .875rem;
        font-weight: 400;
        color: #666666;
        margin-bottom: .75rem;
    }

    .productContentDiv .productContentBottom .productContentBottomLinkDiv .productContentBottomLinkC .productContentBottomLink {
        line-height: 1.25rem;
        font-size: .875rem;
        font-weight: 400;
        color: #666666;
    }

    .productContentDiv .productContentBottom .productContentBottomBackDiv {
        padding-bottom: 3.75rem;
        /* display: flex; */
        justify-content: center;
        display: none;
    }

    .productContentDiv .productContentBottom .productContentBottomBackDiv .productContentBottomBack {
        display: block;
        line-height: 2.75rem;
        background: rgba(23, 68, 154, 1);
        border-radius: .5rem .5rem .5rem .5rem;
        padding: 0 2.1875rem;
        font-size: 1.25rem;
        font-weight: 400;
        color: #FFFFFF;
    }

    /*  */
    .productMainTopDiv {
        padding: 1.25rem 0 1.25rem;
        background: rgba(249, 249, 249, 1);
    }

    .productMainTopDiv .productMainList {
        overflow: hidden;
        width: 100%;
        margin: auto;
        padding: .75rem 1rem 0;
    }

    .productMainTopDiv .productMainList .productMainLi {
        float: left;
        width: 100%;
        height: 7.625rem;
        background: url("../../img/icons/productLibg.png") no-repeat;
        background-size: 100% 100%;
        display: flex;
        justify-content: space-between;
        margin-right: 0;
        margin-bottom: .75rem;
        align-items: center;
    }

    .productMainTopDiv .productMainList .productMainLi:hover {
        background: url("../../img/icons/productLibgA.png") no-repeat;
        background-size: 100% 100%;
    }

    .productMainTopDiv .productMainList .productMainLi:nth-child(2n) {
        margin-right: 0;
    }

    .productMainTopDiv .productMainList .productMainLi .productMainLiLeft {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        padding: .75rem 0 .75rem 1rem;
        flex: 1;
        height: 100%;
    }

    .productMainTopDiv .productMainList .productMainLi .productMainLiLeft .productMainLiTitle {
        line-height: 1.375rem;
        font-size: 1rem;
        font-weight: normal;
        color: #333333;
        transition: 0.4s;
    }

    .productMainTopDiv .productMainList .productMainLi:hover .productMainLiLeft .productMainLiTitle {
        color: #17449A;
    }

    .productMainTopDiv .productMainList .productMainLi .productMainLiLeft .productMainLiBtn {
        line-height: 1.25rem;
        padding: 0 .375rem;
        border-radius: .25rem;
        border: .0625rem solid #17449A;
        display: flex;
        align-items: center;
        width: fit-content;
        transition: 0.4s;
    }

    .productMainTopDiv .productMainList .productMainLi:hover .productMainLiLeft .productMainLiBtn {
        background: #17449A;
    }

    .productMainTopDiv .productMainList .productMainLi .productMainLiLeft .productMainLiBtn .productMainLiBtnTitle {
        font-size: .75rem;
        font-weight: normal;
        color: #17449A;
        margin-right: .25rem;
        flex-shrink: 0;
    }

    .productMainTopDiv .productMainList .productMainLi:hover .productMainLiLeft .productMainLiBtn .productMainLiBtnTitle {
        color: #fff;
    }

    .productMainTopDiv .productMainList .productMainLi .productMainLiLeft .productMainLiBtn .productMainLiBtnIcon {
        width: .8125rem;
        height: .8125rem;
        display: block;
        flex-shrink: 0;
    }

    .productMainTopDiv .productMainList .productMainLi:hover .productMainLiLeft .productMainLiBtn .productMainLiBtnIcon {
        display: none;
    }

    .productMainTopDiv .productMainList .productMainLi .productMainLiLeft .productMainLiBtn .productMainLiBtnIconA {
        width: 1.625rem;
        height: 1.625rem;
        display: none;
        flex-shrink: 0;
    }

    .productMainTopDiv .productMainList .productMainLi:hover .productMainLiLeft .productMainLiBtn .productMainLiBtnIconA {
        display: block;
    }

    .productMainTopDiv .productMainList .productMainLi .productMainLiImgDiv {
        width: 9.3125rem;
        height: 6.6875rem;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .productMainTopDiv .productMainList .productMainLi .productMainLiImgDiv .productMainLiImg {
        width: 100%;
        height: auto;
        transition: 0.4s;
    }

    .productMainBottomDiv {
        padding: 1.25rem 0 1.25rem;
    }

    .productMainBottomDiv .swiper-container3 {
        display: none;
    }

    .productMainBottomDiv .productJDiv {
        padding-top: .75rem;
        max-width: 100vw;
        overflow: hidden;
    }

    .productMainBottomDiv .productJDiv .jLi {
        /* overflow: hidden; */
        padding: 0 1rem;
    }

    .productMainBottomDiv .productJDiv .jLi a {
        float: left;
        /*width: 21.875rem;*/
        width: 100%;
        /*height: 19rem;*/
        position: relative;
        /*margin-right: .75rem;*/
        margin-bottom: 0.5rem;
    }

    .productMainBottomDiv .productJDiv .jLi a:nth-last-child(1) {
        margin-right: 0;
    }

    .productMainBottomDiv .productJDiv .jLi a .jLiImgDiv {
        width: 21.875rem;
        height: 17.875rem;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .productMainBottomDiv .productJDiv .jLi a .jLiImgDiv .jLiImg {
        width: auto;
        height: 100%;
    }

    .productMainBottomDiv .productJDiv .jLi a .jLiText {
        line-height: 1.375rem;
        font-size: 1rem;
        font-weight: bold;
        color: #333333;
        text-align: center;
        margin-top: 0.5rem;
    }

    .swiper-pagination4 {
        text-align: center;
        position: relative;
        margin-top: 1.375rem;
    }

    .swiper-pagination4 .swiper-pagination-bullet {
        background: rgba(102, 102, 102, 1);
    }

    .swiper-pagination4 .swiper-pagination-bullet-active {
        background: rgba(23, 68, 154, 1);
    }

    /*  */
    .productDiv {
        padding: 1.25rem 1rem 3.75rem;
    }

    .productDiv .productList {
        width: 100%;
        margin: auto;
        overflow: hidden;
        padding-top: .75rem;
    }

    .productDiv .productList .productLi {
        width: 10.625rem;
        background: #FFFFFF;
        border: .0625rem solid #D1D1D1;
        margin-right: .625rem;
        margin-bottom: .75rem;
        float: left;
        position: relative;
        border-radius: .25rem;
        box-shadow: 0px 0px 5px 1px rgba(180, 193, 203, 0.5);
    }

    .productDiv .productList .productLi:nth-child(2n) {
        margin-right: 0;
    }

    .productDiv .productList .productLi .productLiImgDiv {
        margin: 2.5rem 1.6875rem 0;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .productDiv .productList .productLi .productLiImgDiv .productLiLogo {
        position: absolute;
        z-index: 1;
        top: 1.25rem;
        left: 1.25rem;
        width: 3.375rem;
        height: 2.5625rem;
    }

    .productDiv .productList .productLi .productLiImgDiv .pruductLiImg {
        width: 100%;
    }

    .productDiv .productList .productLi .productHoverDiv {
        background: rgba(23, 68, 154, 0.9);
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: none;
        align-items: center;
        justify-content: center;
        z-index: 2;
    }

    /* .productDiv .productList .productLi:hover .productHoverDiv {
        display: flex;
    } */

    .productDiv .productList .productLi .productHoverDiv .productHoverBtn {
        line-height: 2.5rem;
        border: .0625rem solid #FFFFFF;
        padding: 0 2.375rem;
        font-size: 1rem;
        font-weight: normal;
        color: #FFFFFF;
    }

    .productDiv .productList .productLi .productLiText {
        line-height: 2rem;
        padding: 0 .625rem;
        font-size: .75rem;
        font-weight: normal;
        color: #333333;
        text-align: center;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }

    .videoBg {
        position: fixed;
        top: 0;
        left: 0;
        height: 100vh;
        width: 100vw;
        z-index: 1000;
        background: rgba(0, 0, 0, 0.5);
        display: none;
        align-items: center;
        justify-content: center;
    }

    .videoBg .videoE {
        position: absolute;
        right: 1rem;
        top: 7.5rem;
        width: 2.5rem;
    }

    .videoBg .videoMain {
        width: 100%;
        height: auto;
        margin: auto;
    }
    .bannerDiv .bannerImgs .videoIconZ {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 2rem;
    }
}