/*产品页*/
.proudct-menu {
    width: 100%;
    /* margin: 80px 0 0; */
}

.product-menu .product-menu-inner {
}

.product-menu-inner .pro-menu-first {
    background: #00a0ea;
}

.pro-menu-first .pro-first-inner {
    max-width: 1600px;
    margin: 0 auto;
    line-height: 70px;
    height: 70px;
}

.pro-first-inner .all-name {
    display: inline-block;
    color: #FFFFFF;
    float: left;
}

.pro-first-inner .all-list {
    display: inline-block;
    float: left;
}

.pro-first-inner .all-list a {
    display: inline-block;
    margin: 0 20px;
    color: #FFFFFF;
    position: relative;
    padding: 0 5px;
}

.pro-first-inner .all-list a:after {
    width: 100%;
    height: 0px;
    background: #FFFFFF;
    position: absolute;
    left: 0;
    bottom: 0;
    content: '';
    transition: all 0.4s;
}

.pro-first-inner .all-list a:hover:after,
.pro-first-inner .all-list a.on:after {
    height: 10px;
}

.pro-first-inner .all-select {
    display: inline-block;
    float: right;
    height: 42px;
    padding: 14px 0;
}

.pro-first-inner .all-select .select-input {
    position: relative;
    height: 42px;
}

.all-select .select-input input {
    position: relative;
    z-index: 1;
    width: 204px;
    height: 42px;
    line-height: 42px;
    padding: 0 50px 0 40px;
    border: none;
    border-radius: 20px;
    display: block;
}

.all-select .select-input a {
    position: absolute;
    right: 20px;
    top: 10px;
    display: inline-block;
    z-index: 2;
    line-height: 1;
}

.pro-menu-second {
    max-width: 1400px;
    margin: 0 auto;
    padding: 20px 0 0;
}

.pro-menu-second dl {
    float: left;
    display: inline-block;
    margin-bottom: 20px;
    width: 25%;
}

.pro-menu-second dl dt {
    float: left;
    display: inline-block;
    width: 27%;
}

.pro-menu-second dl dt .img-box {
    width: 93px;
    height: 93px;
}

.pro-menu-second dl dt .img-box img {
    border: 1px solid #e8e8e8;
    width: 100%;
    height: auto;
}

.pro-menu-second dl dd {
    float: left;
    display: inline-block;
    position: relative;
    width: 72.9%;
}

.pro-menu-second dl dd:hover .img-list {
    display: block;
}

.pro-menu-second dl dd .img-tit {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 35px 35px;
}

.pro-menu-second dl dd .img-tit a {
    color: #303030;
    transition: all 0.4s;
    display: block;
    font-size: 16px;
    background: url(../images/down-pro.png) no-repeat right center;
}

.pro-menu-second dl dd .img-tit a:hover {
    color: #00A0E9;
}

.pro-menu-second dl dd .img-list {
    background: #f7f7f7;
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    z-index: 22;
    transition: all 0.4s;
    visibility: hidden;
    opacity: 0;
}

.pro-menu-second dl dd:hover .img-list {
    visibility: visible;
    opacity: 1;
}

.pro-menu-second dl dd .img-list a {
    font-size: 12px;
    color: #606060;
    display: block;
    padding: 12px;
    transition: all 0.4s;
    position: relative;
    background-color: #e8e8e8;
}

.pro-menu-second dl dd .img-list a:after {
    width: 1px;
    height: 10px;
    background: #afafaf;
    content: '';
    position: absolute;
    left: -3px;
    top: 50%;
    margin-top: -5px;
    display: none;
}

.pro-menu-second dl dd .img-list a:first-child:after {
    display: none;
}

.pro-menu-second dl dd .img-list a:hover {
    color: #FFFFFF;
    background: #00a0ea;
}

.product-menu-inner .pro-menu-third {
    background: #24b3f5;
    display: none;
}

.pro-menu-third .pro-third-inner {
    max-width: 1600px;
    margin: 0 auto;
    padding: 15px 0;
}

.pro-third-inner .all-name {
    display: inline-block;
    color: #FFFFFF;
    float: left;
    padding: 5px 10px;
}

.pro-third-inner .all-list {
    display: inline-block;
    float: left;
}

.pro-third-inner .all-list a {
    display: inline-block;
    margin: 0 10px;
    color: #FFFFFF;
    position: relative;
    padding: 5px 10px;
    border-radius: 5px;
    transition: all 0.4s;
}

.pro-third-inner .all-list a:hover,
.pro-third-inner .all-list a.on {
    background: #FFFFFF;
    color: #24b3f5;
}

.product-list {
    max-width: 1600px;
    margin: 0 auto;
    padding: 20px 0;
}

.product-list ul {
    margin-right: -2%;
}

.product-list ul li {
    width: 23%;
    float: left;
    margin-right: 2%;
    margin-top: 40px
}

.product-list ul li a {
    display: block;
}

.product-list ul li a.img-box {
    border: 1px solid #f1f1f1;
    overflow: hidden;
    max-height: 297px;
}

.product-list ul li a.img-box img {
    width: 100%;
    height: auto;
    transform: scale(1);
    transition: all 0.4s;
}

.product-list ul li a.img-box:hover img {
    transform: scale(1.1);
}

.product-list ul li a.img-tit {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 15px 30px;
    background: #f1f1f1;
    color: #000000;
    text-align: center;
    transition: all 0.4s;
}

.product-list ul li a.img-tit:hover {
    color: #ffffff;
    background: #00a0ea;
}

.pager-box {
    padding: 40px 0;
}

.pager-box .pager-inner {
    max-width: 1600px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
}

.pager-box .pager-inner a.prev,
.pager-box .pager-inner a.next {
    display: inline-flex;
}

.pager-box .pager-inner .pager-list {
    display: inline-flex;
    padding: 0 10%;
}

.pager-inner .pager-list a,
.pager-inner .pager-list span {
    display: inline-block;
    margin: 0 10px;
}

.pager-inner .pager-list a.active {
    color: #00A0E9;
}

.product-dis-box {
    max-width: 1600px;
    margin: 0 auto;
    padding: 60px 0;
}

.product-dis-box .pro-pic-box {
    width: 39%;
    float: left;
}

.pro-pic-box .swiper-slide img {
    width: 100%;
    height: auto;
}

.pro-pic-box .gallery-top {
    border: 1px solid #ebebeb;
}

.pro-pic-box .gallery-thumbs {
    margin: 0 12%;
    padding: 30px 0;
    position: relative;
    z-index: 1;
}

.pro-pic-box .gallery-thumbs .swiper-slide img {
    border: 1px solid #ebebeb;
    box-sizing: border-box;
}

.pro-pic-box .swiper-button-white {
    width: 25px;
    height: 88px;
    position: absolute;
    z-index: 33;
    top: 50%;
    margin-top: -44px;
}

.pro-pic-box .swipers-button-prev {
    background: url(../images/pro-dis-02.jpg) no-repeat center;
    left: 0;
}

.pro-pic-box .swipers-button-next {
    background: url(../images/pro-dis-07.jpg) no-repeat center;
    right: 0;
}

.pro-pic-box .gallery-thumbs-box {
    position: relative;
}

.pro-pic-box .gallery-thumbs-box .swiper-slide {
    opacity: 0.8;
}

.pro-pic-box .gallery-thumbs-box .swiper-slide.swiper-slide-thumb-active {
    opacity: 1;
}

.product-dis-box .pro-text-box {
    float: right;
    width: 61%;
}

.product-dis-box .pro-text-box .pro-text-inner {
    padding: 0 60px;
}

.pro-text-box .pro-text-inner .pro-text-tit {
    font-size: 22px;
    color: #000000;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 20px 0;
}

.pro-text-box .pro-text-inner article {
    color: #595959;
    line-height: 1.8;
    font-size: 14px !important;
    font-family: "微软雅黑" !important;
    letter-spacing: 1px;
}

.pro-text-box .pro-text-inner article span {
    font-size: 14px !important;
    font-family: "微软雅黑" !important;
}

.pro-dis-tab {
    border-bottom: 1px solid #d6d6d6;
}

.pro-dis-tab ul li {
    display: inline-block;
    float: left;
    margin-right: 10px;
}

.pro-dis-tab ul li a {
    color: #3e3e3e;
    display: inline-block;
    padding: 10px 25px;
    background: transparent;
}

.pro-dis-tab ul li.active a,
.pro-dis-tab ul li a:hover {
    background: #00a0ea;
    color: #FFFFFF;
}

.pro-dis-con-box {
    padding: 30px 0;
    color: #3e3e3e;
}

.pro-dis-con-box .pro-dis-con {
    display: none;
}

.pro-dis-con-box .pro-dis-con table td {
    border: 1px solid #000000 !important;
}

.pro-dis-con-box .pro-dis-con.act {
    display: block;
}

.pro-dis-con-box .pro-dis-con.act span,
.pro-dis-con-box .pro-dis-con.act p,
.pro-dis-con-box .pro-dis-con.act td,
.pro-dis-con-box .pro-dis-con.act font {
    line-height: 1.8;
    font-size: 14px !important;
    font-family: "微软雅黑" !important;
    letter-spacing: 1px;
}

.pro-dis-con-box img {
    max-width: 100%;
    height: auto;
}


@media only screen and (max-width: 1600px) {
    

    .inner-banner .inner-banner-in .page-tit-box {
        max-width: 1400px;
    }

    .pro-menu-first .pro-first-inner {
        max-width: 1400px;
    }

    .pro-menu-third .pro-third-inner {
        max-width: 1400px;
    }

    .product-list {
        max-width: 1400px;
    }

    .product-dis-box {
        max-width: 1400px;
    }

    .apct-dis-inner {
        padding: 50px 20px;
    }

    .product-list ul li a.img-box {
        max-height: 259px;
    }
}


@media only screen and (max-width: 1400px) {
   

    .inner-banner .inner-banner-in .page-tit-box {
        margin: 0 20px;
    }

    .pro-menu-first .pro-first-inner {
        padding: 0 20px;
    }

    .pro-menu-third .pro-third-inner {
        padding: 15px 20px;
    }

    .product-list {
        padding: 0 20px;
    }

    .pro-menu-second {
        padding: 20px 20px 0;
    }

    .pro-first-inner .all-list a {
        margin: 0 5px;
    }

    .pro-third-inner .all-list {
        width: 85%;
    }

    .product-dis-box {
        padding: 60px 20px;
    }

    .application-warp .application-list .img-pop .img-pop-inner {
        padding: 5.5%;
    }

    .news-box .news-inner {
        max-width: 1000px;
    }

    .news-display {
        max-width: 1000px;
    }

    .service-fq {
        max-width: 1000px;
    }

    .contact-box {
        max-width: 1000px;
    }

    .join-list ul li {
        margin: 0 2%;
    }

    .product-list ul li a.img-box {
        max-height: 179px;
    }
}


@media only screen and (max-width: 1000px) {
   

    .pro-menu-first .pro-first-inner {
        height: auto;
        line-height: 40px;
    }

    .pro-first-inner .all-list a:after {
        display: none;
    }

    .pro-first-inner .all-list {
        text-align: center;
    }

    .pro-first-inner .all-select {
        width: 280px;
        float: none;
        margin: 0 auto;
    }

    .all-select .select-input input {
        width: 190px;
    }

    .pro-first-inner .all-list a.on {
        text-decoration: underline;
    }

    .pro-menu-second dl dd .img-list a:after {
        display: none;
    }

    .pro-menu-second dl dd {
        padding: 0;
    }

    .pro-third-inner .all-name {
        display: block;
        margin-bottom: 10px;
    }

    .pro-third-inner .all-list {
        width: 100%;
        text-align: center;
    }

    .pro-third-inner .all-list a {
        width: 25%;
    }

    .product-list ul li {
        width: 100%;
        margin-right: 0;
    }

    .product-list ul {
        margin-right: 0;
    }

    .pager-box .pager-inner .pager-list {
        display: none;
    }

    .pager-box .pager-inner a.prev,
    .pager-box .pager-inner a.next {
        margin: 0 10px;
    }

    .product-dis-box .pro-pic-box {
        float: none;
        width: 100%;
    }

    .product-dis-box .pro-text-box {
        float: none;
        width: 100%;
    }

    .product-dis-box .pro-text-box .pro-text-inner {
        padding: 0;
    }

    .pro-dis-pic-text {
        padding-bottom: 40px;
    }

    .pro-dis-tab ul li a {
        padding: 5px 15px;
    }

    .pro-dis-tab ul li {
        margin-right: 5px
    }

    .page-tit-inner h6 {
        font-size: 26px;
    }

    

    .product-list ul li a.img-box {
        max-height: inherit;
    }

    
    .pro-menu-second dl {
        width: 100%;
        position: relative;
    }

    .pro-menu-second dl dt {
        width: 100px;
    }

    .pro-menu-second dl dd {
        position: absolute;
        width: auto;
        float: none;
        margin-left: 100px;
        left: 0;
        top: 0;
    }

    .pro-menu-second dl dd .img-tit a {
        background-position: left center;
        padding-left: 35px;
    }

    .pro-menu-second dl dd .img-tit {
        padding: 35px 15px;
    }

    .swiper-slide .text-box {
        display: none;
    }

    .right-fixed {
        right: 2%;
    }

    .index-advantage {
        overflow: hidden;
    }
}