@media(max-width:1600px) {
    .product-info .page-b.page-prev {
        left: 0
    }
    .product-info .page-b.page-next {
        right: 0
    }
}

@media(max-width:1430px) {
    .pn-list {
        height: 500px;
        margin-top: -250px;
    }
    .w1400 {
        width: 92%
    }
    header .search-box {
        width: 6%
    }
    .service-channel-cen h2 {
        margin-top: 27px;
        margin-bottom: 23px;
        font-size: 18px;
        line-height: 28px
    }
    .service-channel-cen .serch {
        margin: 35px auto 0
    }
    .information-box .file span {
        width: 19%
    }
    .information-box .file h2 {
        font-size: 12px
    }
    .sign-box1 {
        width: 100%
    }
    .finance-t li .con {
        width: 80%
    }
    .news-list li,
    .case-list li {
        width: 31.7%;
        margin-right: 2.3%
    }
    .news-list li.li4,
    .case-list li.li4 {
        margin-right: 2.3%
    }
    .news-list li.li3,
    .case-list li.li3 {
        margin-right: 0
    }
    .company-top .left h2 {
        font-size: 36px;
        line-height: 46px
    }
    .company-top .font-more {
        margin-top: 45px
    }
    header .nav-box {
        width: 57%
    }
    .wel-video {
        height: 330px
    }
    .wel-case-list .flex-direction-nav a {
        width: 44px;
        height: 51px;
        margin: -25px 0 0
    }
    .wel-case-list .flex-direction-nav .flex-prev {
        left: 50px
    }
    .wel-case-list .flex-direction-nav .flex-next {
        right: 50px
    }
    header .nav-box .pro-li dd .link-b {
        background-size: 18px!important
    }
    .news-list-bot li .pic {
        height: 14.875vw
    }
    .font-ajax .font {
        width: 72%;
        height: 55%
    }
    .wel-banner .slides img {
        width: 1430px;
        margin-left: -715px
    }
    .wel-banner.case-banner .slides li {
        height: 310px
    }
    .product-contrast {
        margin-left: -46%
    }
    .news-video-list li .pic {
        height: 14vw
    }
    .contrast-box {
        padding: 80px 0 30px
    }
    .contrast-box .title {
        padding: 7px 4%;
        font-size: 20px
    }
    .contrast-box .inequality,
    .contrast-box .identical {
        margin-left: 1.3%;
        padding-left: 25px;
        font-size: 14px
    }
    .contrast-table-top .pic {
        height: 140px;
        line-height: 140px
    }
    .contrast-table-top h2 {
        margin-bottom: 6px
    }
    .contrast-table-top .font {
        margin-bottom: 12px
    }
    .contrast-table-top .goods-item {
        padding-bottom: 24px
    }
    .contrast-table-right td {
        height: 40px
    }
    .contrast-table-left td {
        height: 40px
    }
    .contrast-table-right {
        height: 500px
    }
    .recommend {
        margin-left: -46%
    }
    .repair-map-list li.bg3 .bg {
        width: 30px;
        height: 30px
    }
    .repair-map-list li.bg1 .bg {
        width: 100px;
        height: 100px
    }
    .search-send.on {
        right: 6%
    }
    .search-send {
        width: 20%
    }
}

@media(max-width:1330px) {
    .w1300 {
        width: 92%
    }
    .manage-box .right {
        width: 45%
    }
    .manage-box .left h2 {
        font-size: 28px;
        line-height: 40px;
        margin-top: 23px;
        margin-bottom: 8px
    }
    .manage-box .left p {
        font-size: 14px;
        line-height: 24px
    }
    .font-box .text.out {
        width: 28%
    }
    header .nav-box {
        width: 52%
    }
    header .nav-box .link-b.cur {
        color: #fff
    }
}

@media(max-width:1200px) {
    
    header .nav-box {
        width: 60%;
        margin-left: 13%
    }
    
    header .nav-box .pro-li dd .link-b {
        background-position: 2% center
    }
    .pro .item:nth-child(1), 
    .pro .item:nth-child(6) {
        height: 18.4rem;
    }
    .pro .item:nth-child(6) {
        margin-top: -9.06rem
    }
    .pro .item:nth-child(2), 
    .pro .item:nth-child(3), 
    .pro .item:nth-child(4), 
    .pro .item:nth-child(5){
        height: 9.4rem;
    }
    .product_list li .pic {
        height: 17.5vw;
    }
    
}

@media(max-width:1024px) {
    .container{
        max-width: 96%;
    }
    #header .logo{
        margin: .8rem .5rem 0;
        width: 120px;
    }
    .nav-wrap{
        display: none;
    }
    
    #header .search-box {
        width: 46px
    }
    
    .footer-top {
        display: none
    }
    footer {
        padding: 15px 0
    }
    
    .nav-box {
        display: none
    }
    #header {
        height: 60px;
        line-height: 60px
    }
    /* .body-box {
        margin-top: 60px
    } */
    .mobile-nav {
        float: right;
        width: 50px;
        height: 100%;
        position: relative;
        z-index: 3;
        background: hsla(0, 0%, 70%, 0.1);
        margin-left: 1px;
        padding: 22px 10px
    }
    #header.header-scroll .mobile-nav{
        background: hsla(0, 0%, 70%, 0.6);
    }
    .mobile-nav span {
        width: 30px;
        height: 2px;
        background: #fff;
        display: block;
        margin-bottom: 5px;
        position: relative
    }
    .mobile-nav.on {
        background: #d9271b;
        padding: 25px 10px
    }
    .mobile-nav.on span {
        transform-origin: center;
        transition: transform .3s
    }
    .mobile-nav.on span.line2 {
        display: none
    }
    .mobile-nav.on span.line1 {
        transform: rotate(45deg);
        top: 3px
    }
    .mobile-nav.on span.line3 {
        transform: rotate(-45deg);
        top: -3px
    }
    .mobile-nav-box {
        width: 100%;
        background: #fff;
        position: absolute;
        top: 60px;
        right: 0;
        border-top: 1px solid #eee;
        overflow: auto;
        display: block;
        transition: all 1s;
        -webkit-transition: all 1s;
        transform: translateX(100%);
        -webkit-transform: translateX(100%);
    }
    .mobile-nav-box.on{
        display: block;
        transform: translateX(0);
        -webkit-transform: translateX(0);
    }
    .mobile-nav-box ul {
        width: 100%
    }
    .mobile-nav-box li {
        width: 100%
    }
    .mobile-nav-box h2 {
        width: 100%;
        padding: 0 3%;
        border-bottom: 1px solid #eee;
        font-size: 16px;
        line-height: 36px;
        background: url(../img/head02.png) no-repeat 96% 1.5rem;
        cursor: pointer
    }
    .mobile-nav-box h2.no,
    .mobile-nav-box h2.no.cur {
        background: none;
    }
    .mobile-nav-box h2.cur {
        background: url(../img/head02_h.png) no-repeat 96% 1.5rem
    }
    .mobile-nav-box h2 a {
        color: #333
    }
    .mobile-nav-box h2.cur a {
        color: #d9271b
    }
    .mobile-nav-box .con {
        width: 100%;
        background: #f5f5f5;
        display: none
    }
    .mobile-nav-box p {
        width: 100%;
        padding: 0 6%;
        line-height: 30px;
        font-size: 14px;
        border-bottom: dotted 1px #ccc;
    }
    .mobile-nav-box p:last-child{
        border: none;
    }
    .mobile-nav-box p.on {
        background: url(../img/head02.png) no-repeat 96% 1.5rem
    }
    .mobile-nav-box p a {
        color: #666
    }
    .mobile-nav-box .tit-con {
        display: block;
        width: 100%;
        padding: 0 3%;
        display: none
    }
    #header .link {
        display: none
    }
    .search-send .text {
        font-size: 1rem;
    }

    .pro .item:nth-child(1), 
    .pro .item:nth-child(6) {
        height: 17.4rem;
    }
    .pro .item:nth-child(6) {
        margin-top: -8.5rem
    }
    .pro .item:nth-child(2), 
    .pro .item:nth-child(3), 
    .pro .item:nth-child(4), 
    .pro .item:nth-child(5){
        height:8.95rem
    }

    .product_list li .con {
        padding: 15px 3% 15px;
    }
    .product_list li h3 {
        font-size: 14px;
        line-height: 28px;
        height: 28px;
    }
    .product_list li .info {
        font-size: 13px;
        line-height: 24px;
        height: 48px;
    }
    .product_list li .more {
        width: 90px;
        height: 30px;
        line-height: 30px;
        font-size: 12px;
        margin-top: 13px;
    }
    
    .wrap .box-pic{
        width: 100%;
        position: relative !important;
    }
    .part-fist,
    .part-two,
    .part-three{
        height: auto;
    }
    .wrap .box-txt{
        width: 100%;
        position: relative !important;
        padding: 2rem;
    }
    .part-three .box-txt{
        text-align: left;
        padding: 2rem 0;
    }
}

@media(max-width:1000px) {
    .w1400 .container,
    .w1400 .container .row{
        width: 100%;
        max-width: 100%;
        padding: 0;
        margin: 0;
    }
    .pro .item:nth-child(1), 
    .pro .item:nth-child(6) {
        height: 13.75rem;
    }
    .pro .item:nth-child(6) {
        margin-top: -6.7rem
    }
    .pro .item:nth-child(2), 
    .pro .item:nth-child(3), 
    .pro .item:nth-child(4), 
    .pro .item:nth-child(5){
        height: 7.05rem
    }
    .pro .item .pro-info .pro-title, .news-info .news-title{
        font-size: .76rem;
    }
    .pro .item a .pro-info .pro-cont{
        display: none;
    }
    .pro .item:nth-child(1) a .pro-info .pro-cont, 
    .pro .item:nth-child(6) a .pro-info .pro-cont {
        display: block;
    }
    .pro .item  a:hover .pro-info{
        height: 3rem;
    }
    .pro .item:nth-child(1)  a:hover .pro-info,
    .pro .item:nth-child(6)  a:hover .pro-info{
        height: 5.5rem;
    }

    .subTitle{
        height: auto;
    }
    .subTitle .link-b{
        padding: 5px;
    }
    
    .ind-case-list li{
        width: 50%;
    }
}

@media(max-width:767px) {
    .w1400 .container,
    .w1400 .container .row{
        width: 100%;
        max-width: 100%;
        padding: 0;
        margin: 0;
    }
    .pro .item:nth-child(1), 
    .pro .item:nth-child(6) {
        height: 12.75rem;
    }
    .pro .item:nth-child(6) {
        margin-top: -6.7rem
    }
    .pro .item:nth-child(2), 
    .pro .item:nth-child(3), 
    .pro .item:nth-child(4), 
    .pro .item:nth-child(5){
        height: 6.05rem
    }
    .pro .item .pro-info .pro-title, .news-info .news-title{
        font-size: .76rem;
        height: 3.5rem;
    }
    .pro .item a .pro-info .pro-cont{
        display: none;
    }
    .pro .item:nth-child(1) a .pro-info .pro-cont, 
    .pro .item:nth-child(6) a .pro-info .pro-cont {
        display: block;
    }
    .pro .item  a:hover .pro-info{
        height: 3rem;
    }
    .pro .item:nth-child(1)  a:hover .pro-info,
    .pro .item:nth-child(6)  a:hover .pro-info{
        height: 5.5rem;
    }

    #footer {
        padding: 15px 0 0;
    }
    #footer .nav{
        display: none;
    }
    #footer .copyright{
      line-height: 2rem;
      padding-top: 1rem;
    }

    .product_list li .pic {
        height: 26.5vw;
    }

    .subTitle{
        height: auto;
        border-bottom: none;
    }
    .subTitle .catname{
        text-align: center;
    }
    .subTitle .link-b{
        font-size: .76rem;
    }
    .subTitle .t-r{
        text-align: center;
    }
    .nbox{
        padding-left: 15px;
        padding-right: 15px;
    }

    /* ljo-tab */
    .ljo-tab tr th:nth-child(2),
    .ljo-tab tr th:nth-child(3),
    .ljo-tab tr th:nth-child(4),
    .ljo-tab tr th:nth-child(4),

    .ljo-tab tr td:nth-child(2),
    .ljo-tab tr td:nth-child(3),
    .ljo-tab tr td:nth-child(4),
    .ljo-tab tr td:nth-child(4){
        display: none;
    }
    .table-detil dl dd{
        width: 50%;
    }
    .ljo-tab th,
    .ljo-tab td.l-p40{
        padding-left: .5rem;
        background: none;
    }
    .ljo-tab td.cz{
        text-align: right;
        padding-right: .5rem;
    }
}

@media(max-width:700px) {
    .container {
        max-width: 100%;
    }
    .w1400 .container,
    .w1400 .container .row{
        width: 100%;
        max-width: 100%;
        padding: 0;
        margin: 0;
    }
    .main-cont .pro-nav{
        width: 100%;
        margin-bottom: 1rem;
    }
    .pro{
        display: block;
    }
    .pro:after{
        clear: both;
        content: "";
        display: block;
    }
    .pro .item{
        width: 50% !important;
        float: left;
        height: auto !important;
        margin: 0 !important;
    }
    .pro .item  a .pro-info{
        position: static;
        height: auto;
    }
    .pro .item  a:hover .pro-info{
        height: auto !important;
    }
    .pro .item  a .pro-title{
        height: auto !important;
    }
    .pro .item a .pro-info .pro-cont{
        display: block !important;
    }
    .news-pic .item{
        flex: none;
        width: 45%;
        margin:.5rem  1% !important ;
    }
    .wel-news{
        background-size: auto 100%;
    }
}

@media(max-width:580px) {
    .main-cont .pro-nav{
        display: none;
    }
    #header{
        background-color: rgba(25,25,25,1)
    }
    #header.header-scroll{
        height: 4.5rem;
        line-height: 4.5rem;
    }
    #header.header-scroll .logo{
        margin: .2rem .5rem 0;
    }
    #banner .text{
        width: 80%;
        left: 10%;
    }
    #banner .tit{
        font-size: 1.7rem;
        line-height: 3rem;
    }
    #banner .en-1{
        font-size: 1.6rem;
    }
    #banner .btn-link{
        margin-top: 1rem;
    }

    .subTitle .catname{
        display: none;
    }
    .newList .item a.link, .doctorsList .item a.link{
        padding:0;
        height: 10rem;
    }
    .newList .item .pic, .doctorsList .item .pic{
        left: 0;
        top: 0;
        width: 13rem;
        height: 9rem;
    }
    .newList .item .cont .text, .doctorsList .item .cont .text{
        overflow: hidden;
    }
    .newList .item .cont .info{
        display: none;
    }
    .newList .item .cont .title, .doctorsList .item .cont .title{
        overflow: hidden;
        height: 1.5rem;
    }
    .newList .item .cont, .doctorsList .item .cont{
        padding-left: 14rem;
    }
    #footer .row {
        margin-left: 0;
        margin-right: 0;
    }

    .pro-left{
        display: none;
    }
    .product_list{
        display: flex;
        display: -webkit-flex;
        flex-wrap: wrap;
    }
    .product_list li{
        width: 49%;
        float: none;
        margin: 0 0 1rem;
    }
    .product_list li:nth-child(2n){
        margin-left: 2%;
    }
    .product_list li .pic {
        height: 40vw;
    }
    .product_list li .info {
        font-size: 1.4rem;
        line-height: 2.4rem;
        height: 2.4rem;
    }
    /* contact */
    .map-wrap{
        height: 30rem;
    }
    .contact-wrap{
        height: auto;
    }
    .contact-wrap .list,
    .contact-wrap .list li{
        width: 100%;
        float: none;
        margin-right: 0;
    }
    .contact-wrap .list .contbox{
        width: 100%;
        position: static;
        height: auto;
    }
    .contact-wrap .list .contbox img{
        position: static;
        margin-top: 1rem;
    }
    .contact-wrap .list li .custom{
        display: none;
    }
}

@media(max-width:480px) {
    #header {
        height: 4.5rem;
        line-height: 4.5rem;
    }
    #header .logo{
        margin:.2rem .5rem 0;
    }
    .mobile-nav{
        padding: 1.6rem 1rem;
    }
    .mobile-nav-box {
        top: 4.5rem;
    }
    .body-box {
        margin-top: 4.5rem;
    }
    .mobile-nav.on {
        padding: 2rem 1rem;
    }
    
    #header .enght {
        display: none
    }
    .foot-nav,
    .frend-link{
        display: none;
    }
    .footer .footer-log{
        width: 100%;
        margin-bottom: .5rem;
    }
    .footer .copyright{
        background: none;
        border: none;
        text-align: center;
    }
    .footer .t-l,
    .footer .t-r{
        text-align: center;

    }
    .footer .t-l{
        padding-bottom: .5rem;
    }
}
@media(min-width:1025px) {
    .wel-product .container a:hover {
        box-shadow: 0 1rem 3rem rgba(0, 0, 0, .4)
    }
    
    .footer-bot-left a:hover {
        color: #e60012
    }
    #header .search-box:hover {
        background: #d42719 url(../img/head01.png) no-repeat center
    }
    #header .search-box.on{
        background-image:url(../img/head03.png);
        background-color: #d42719
    }
    #header .link:hover {
        color: #d42719
    }
    
    #header .nav-box .link-b:hover {
        color: #fff
    }
    #header .nav-box .link-b:hover span {
        background: url(../img/head05.png) no-repeat right 8% center
    }
    
    #header .nav-box .pro-li dd .link-b:hover {
        background-color: #da2418
    }
    .search-hbox .left li:hover h2,
   
}