.phonebox{display:none;}
    @media screen and (max-width: 1700px){
        .index_product .index_bd .layout {
            width: 82%;
        }
    }
    @media screen and (max-width: 1600px){
        .index_product .index_bd .layout {
            width: 82%;
        }
    
    @media screen and (max-width: 1500px){
        .index_product .index_bd .layout {
            width: 82%;
        }
    }
    @media screen and (max-width: 1200px){
        .sy_ab_txt{padding-top:0;}
    }
    @media screen and (max-width: 1000px){
        .slider_banner {
            height: auto;
        }
        .ban-img {
            padding-top: 90px;
            padding-bottom: 90px;
        }
        .sy_ab_txt{padding-top:0}
        .sy_section2{background:none!important;}
        .sy_ab_txt h3 {
            font-size: 22px;
            margin-bottom: 15px;
        }
        .e_container-7{margin-top:10px;}
        .sy_number {
            margin-top: 0;
        }
        .index_company_intr {
            padding-bottom: 20px;
        }
        .hzhb {
            padding-bottom: 20px;
        }
        .sy_section2 .content .right .listbox{justify-content: center;}
        .sy_section2 .content .right .listbox .list .boxs {
            background: rgba(255,255,255,0.5)!important;
        }
        .sy_number dl dt {
            width: 33.3%;
        }
        .sy_ab_txt {width: 100%;}
        .sy_ab_img {
            width: 100%;
        }
        .padd65 {
            padding-top: 0;
        }
        #footer .box1 img {
            width: 50%;
        }
    }
   
@media only screen and (max-width: 980px){
    .toplogo a img{width:70%;}
    .phonebox {
        display:block;
        position: fixed;
        width: 100%;
        z-index: 999999;
        background: #fff;
        top: 0;box-shadow: 0px 2px 10px rgba(0,0,0,0.2);
    }
    .ey_top {
        width: 100%;
        background: #fff;
        height: 90px;
        position: relative;
        z-index: 99
    }
    
    .ey_top .eytop_main {
        height: 100%;
        position: relative;
        padding: 0
    }
    
    .eytop_main .toplogo {
        width: auto;
        height: 58px;
        overflow: hidden;
        margin: 16px 0;
        padding: 0;
        float: left
    }
    
    .toplogo a {
        display: table-cell;
        vertical-align: middle;
        width: 100%;
        height: 58px;
        overflow: hidden;
        margin: 0;
        padding: 0
    }
    
    .toplogo a img {
        display: inline-block;
        max-width: 100%;
        height: auto;
        max-height: 100%;
        margin: 0;
        padding: 0
    }
    
    .ey_top .eytop_main .top_right {
        width: calc(100% - 370px);
        float: right;
        height: 100%
    }
    
    .ey_top .eytop_main .top_right .nav {
        width: calc(100% - 50px);
        float: left;
        height: 90px;
        transition: all 0.4s
    }
    
    .ey_top .eytop_main .top_right#showopen .nav {
        transform: scale3d(0,0,0);
        width: 0
    }
    
    .ey_top .eytop_main .top_right .nav li {
        width: 12.285%;
        height: 100%;
        float: left;
        text-align: center;
        position: relative
    }
    
    .ey_top .eytop_main .top_right .nav li:first-child {
        width: 10%
    }
    
    .ey_top .eytop_main .top_right .nav li> a {
        height: 100%;
        height: 100%;
        line-height: 90px;
        font-size: 18px;
        text-align: center;
        transition: .4s ease;
        display: inline-block;
        position: relative;
        z-index: 2
    }
    
    .ey_top .eytop_main .top_right .nav li:after {
        display: block;
        content: "";
        width: 100%;
        height: 0;
        overflow: hidden;
        background-color: #263267;
        margin: 0;
        padding: 0;
        position: absolute;
        top: 16px;
        left: 0;
        transition: all 0.5s;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -o-transition: all 0.5s;
        z-index: 1
    }
    
    .ey_top .eytop_main .top_right .nav li:hover:after,.ey_top .eytop_main .top_right .nav li.navon:after {
        height: 58px
    }
    
    .ey_top .eytop_main .top_right .nav li.navon i {
        background: url(/template/pc/skin/images/topjt2.png) center no-repeat
    }
    
    .ey_top .eytop_main .top_right .nav li:hover a,.ey_top .eytop_main .top_right .nav li.navon a {
        color: #fff
    }
    
    .ey_top .eytop_main .top_right .nav li i {
        background: url(/template/pc/skin/images/topjt.png) center no-repeat;
        display: inline-block;
        width: 20px;
        height: 20px;
        background-size: 15px 15px;
        vertical-align: middle;
        cursor: pointer;
        margin: -4px 0 0 5px;
        position: relative;
        z-index: 2
    }
    
    .ey_top .eytop_main .top_right .nav li:hover i {
        background: url(/template/pc/skin/images/topjt1.png) center no-repeat
    }
    
    .ey_top .eytop_main .top_right .nav li> i {
        position: absolute;
        top: 15px;
        right: 0;
        display: block;
        width: 30px;
        height: 30px;
        background: url(/template/pc/skin/images/topjt.png) center no-repeat;
        -webkit-transition: all .4s;
        -o-transition: all .4s;
        -ms-transition: all .4s;
        transition: all .4s;
        display: none
    }
    
    .nav_item_open {
        width: 100%;
        height: auto;
        position: absolute;
        left: 0;
        top: 100%;
        z-index: 10;
        background-color: #fff;
        box-shadow: 0 4px 8px 0 rgba(0,12,49,0.1);
        border-radius: 0;
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateY(34px);
        transform: translateY(34px);
        -webkit-transition: all .4s;
        transition: all .4s;
        overflow: hidden;
        max-height: 300px
    }
    
    .ny_top .nav_item_open {
        background-color: #fff
    }
    
    .ey_top .eytop_main .top_right .nav li:hover:hover .nav_item_open {
        visibility: visible;
        opacity: 1;
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }
    
    .ey_top .eytop_main .top_right .nav li .subopen {
        display: none
    }
    
    .ey_top .eytop_main .top_right .nav li .nav_item2 {
        width: 100%
    }
    
    .ey_top .eytop_main .top_right .nav li .nav_item2 a {
        display: block;
        width: 100%;
        height: 50px;
        overflow: hidden;
        line-height: 50px;
        padding: 0 10px;
        color: #666;
        font-size: 15px;
        white-space: nowrap;
        text-overflow: ellipsis;
        text-align: center;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        border-bottom: 1px solid rgba(85,87,89,0.1)
    }
    
    .ey_top .eytop_main .top_right .nav li .nav_item2 a {
        color: #565656
    }
    
    .ey_top .eytop_main .top_right .nav li .nav_item2:hover a {
        color: #E60012
    }
    
    .ey_top .eytop_main .top_search {
        float: right;
        position: relative;
        transition: all 0.5s;
        height: 100%;
        display: flex;
        display: -webkit-flex;
        align-items: center
    }
    
    .ey_top .eytop_main .nav-hide .top_search {
        margin-top: 19px
    }
    
    .ey_top .eytop_main .top_search em {
        background: url(../image/search.png) center center no-repeat;
        height: 100%;
        width: 26px;
        height: 26px;
        cursor: pointer;
        display: block;
        float: right;
        overflow: hidden;
        transition: all 0.3s
    }
    
    .ey_top .eytop_main .top_search em:Hover {
        opacity: 0.8;
        filter: Alpha(opacity=80)
    }
    
    .ey_top .eytop_main #showopen .top_search em {
        opacity: 0;
        filter: Alpha(opacity=0)
    }
    
    .ey_top .eytop_main .top_search .search_con2 {
        position: absolute;
        right: 0px;
        height: 50px;
        z-index: 100;
        transform: scale3d(0,0,0);
        transform-origin: right center;
        transition: all 0.5s;
        opacity: 0;
        filter: Alpha(opacity=0);
        width: 500px;
        background: #fff
    }
    
    .ey_top .eytop_main #showopen .top_search .search_con2 {
        opacity: 1.0;
        filter: Alpha(opacity=100);
        transform: scale3d(1,1,1)
    }
    
    .top_search .search_con2 .search-input {
        width: 380px;
        float: left;
        height: 48px;
        line-height: 48px;
        overflow: hidden;
        border: 1px solid #d4d4d4;
        border-radius: 5px;
        font-size: 16px;
        padding-left: 20px;
        background: #fff
    }
    
    .top_search .search_con2 .input1 {
        height: 48px;
        line-height: 48px;
        background: none;
        border: 0;
        width: calc(100% - 57px);
        width: -webkit-calc(100% - 57px);
        width: -moz-calc(100% - 57px);
        float: left;
        outline: none;
        font-size: 16px;
        color: #666
    }
    
    .top_search .search_con2 .bnts {
        float: right;
        width: 56px;
        height: 48px;
        background: url(../image/search.png) center center no-repeat;
        margin-right: 1px;
        cursor: pointer;
        border: none
    }
    
    .top_search .search_con2 .bnts:hover {
        transition: all 0.3s;
        opacity: 0.8;
        filter: Alpha(opacity=80)
    }
    
    .top_search .search_con2 .moblie-search-close {
        position: absolute;
        top: 15px;
        right: 15px;
        width: 20px;
        height: 20px;
        background: url(/template/pc/skin/images/scguan.png) center center no-repeat
    }
    
    .nav-hide .top_search .search_con2 .moblie-search-close {
        background-image: url(/template/pc/skin/images/scguan.png)
    }
    
    .phonebox {
        position:fixed;
        width: 100%;
        z-index: 999999;
        background: #fff;
        top: 0
    }

    .ey_top {
        height: 68px;
        position: relative
    }

    .ey_top .w1400 {
        width: 100%;
        padding: 0 10px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box
    }

    .ey_top .eytop_main .top_right {
        width: 100%;
        position: absolute;
        top: 58px;
        z-index: 9999999;
        background: #fff;
        height: 100vh;
        border-top: 1px solid #ddd;
        left: 100%;
        transition: all .5s ease;
        overflow: scroll
    }

    .ey_top .eytop_main .top_right.open {
        left: 0
    }

    .ey_top .eytop_main .top_right .nav {
        width: 100%;
        height: auto;
        float: none;
        margin: 0
    }

    .ey_top .eytop_main .top_right .nav li:first-child {
        width: 90%
    }

    .ey_top .eytop_main .top_right .nav li {
        width: 90%;
        margin: 0 auto;
        float: none;
        background: #fff;
        border-bottom: 1px dashed #ddd
    }

    .ey_top .eytop_main .top_right .nav li> a {
        line-height: 55px
    }

    .ey_top .eytop_main .top_right .nav li:hover:after,.ey_top .eytop_main .top_right .nav li.navon:after {
        height: 55px
    }

    .ey_top .eytop_main .top_right .nav li:after {
        top: 0
    }

    .ey_top .eytop_main .top_right .nav li::before,.ey_top .eytop_main .top_right .nav li.navon a::before {
        height: 0
    }

    .ey_top .eytop_main .top_right .nav li .hide> a {
        font-size: 18px;
        line-height: 60px
    }

    .ey_top .eytop_main .top_right .nav li> a {
        font-size: 16px
    }

    .ey_top .eytop_main .top_right .nav li .nav_item2 a {
        font-size: 15px
    }

    .ey_top .eytop_main .top_right .nav li i {
        display: none
    }

    .nav_item_open {
        position: static;
        width: 100%;
        visibility: visible;
        opacity: 1;
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        box-shadow: none;
        display: none;
        transition: none
    }

    .ey_top .eytop_main .top_right .nav li.on> i {
        transform: rotate(180deg)
    }

    .ey_top .eytop_main .top_right .nav li .nav_item2 {
        background-color: #f7f7f7;
        margin-bottom: 1px
    }

    .ey_top .eytop_main .top_search {
        width: 100%;
        height: auto;
        float: none;
        margin-left: 0
    }

    .ey_top .eytop_main .top_search em {
        display: none
    }

    .ey_top .eytop_main .top_search .search_con2 {
        opacity: 1;
        transform: none;
        position: static;
        width: 80%;
        margin: 40px auto 0
    }

    .top_search .search_con2 .search-input {
        width: 100%
    }

    .top_search .search_con2 .moblie-search-close {
        display: none
    }

    .ey_top .nav_menu {
        position: absolute;
        right: 3%;
        margin-top: 28px;
        height: 25px;
        transition: all .5s ease
    }

    .ey_top .nav_menu span {
        display: block;
        width: 40px;
        height: 2px;
        background: #666;
        margin-top: 7px
    }

    .ey_top .nav_menu:before,.ey_top .nav_menu:after {
        content: "";
        display: block;
        width: 40px;
        height: 2px;
        background: #666
    }

    .ey_top .nav_menu:after {
        margin-top: 7px
    }

    .ey_top .nav_menu.open span {
        background: transparent;
        transform: translate(-50%,-50%) rotate(180deg)
    }

    .ey_top .nav_menu.open:before {
        margin-top: 10px;
        transform: rotate(45deg);
            width: 37px;
    }

    .ey_top .nav_menu.open::after {
        margin-top: -20px;
        transform: rotate(-45deg);
        width: 37px;
    }
    
    #footer .box1 a{display:none;}
    #footer .box1 img {
        width: 90%;
        margin-left: 5%;
    }
    #footer .box1 {
        margin-bottom: 10px;
        height: auto;
        padding: 20px 0;}
    #footer .box2 .flogo h3 {
        font-size: 16px;
    }
    #footer .box2, #footer .box1{display:none;}
    #footer .box3 {
        margin: 0 0 15px 0;
    }
    #footer .box3 dl dt{padding-top:20px;}
}

@media screen and (max-width: 600px){
   .product_tabs .tab_item, .product_tabs .tab_item a{line-height:50px;}
   .news_gd{display:none;}
   .culture .culture-box .culture-img {
        height: auto;
    }
    .CommonBanner > img {
        height: 200px!important;
           width: 100%; /* 图片宽度设置为容器宽度 */
        height: 100%; /* 图片高度设置为容器高度 */
        object-fit: cover; /* 图片将被缩放以填充容器，同时保持其宽高比 */
        object-position: center; /* 图片将被居中 */
    }
}
 @media screen and (max-width: 500px){
        .pagesNav-item {
  
            height: 40px!important;
            font-size: 14px;
        }
        .product_tabs .tab_item, .product_tabs .tab_item a {
            line-height: 50px;
        }
        .eytop_main .toplogo{margin:0;}
        .ey_top .nav_menu{margin-top:14px;}
        .ban-img {
            padding-top: 50px;
            padding-bottom: 50px;
        }
        .index_web_head,.ey_top {height: 54px;height:58px}
        .index_product {
            padding-top: 0;
            padding-bottom: 0;
        }
        /* .product_item .item_img img {
            max-height: 84px;
        } */
        .index_product .swiper-pagination {
            padding-top: 0;
            padding-bottom: 10px;
        }
        .index_product .index_bd .layout {
            width: 100%;
        }
        .index_product .index_bd {
            margin-top: 5px;
        }
        .sy_ab_txt h3 {
            font-size: 16px;
            margin-bottom: 15px;
            text-align: center;
        }
        .sy_number dl dt {
            width: 19.3%;
        }
        .sy_number dl dt .num_txt b {
            font-size: 16px;
        }
        .sy_number dl dt .num_txt p {
            font-size: 13px;
        }
        .padd65 {
            padding-bottom: 25px;
        }
        .gywm-p {
            font-size: 12px;
            margin-top: 10px;
        }
        .jjfa_tag {
            padding-top: 10px;
            padding-bottom: 40px;
        }
        .jjfa_tag{width:100%;}
        .search150 .scbar150 {width: 100%;}
        .dean_scbar150txt {
            width: 60%!important;}
        .search150 {
            padding-top: 100px;
        }
        .jjfa_tag span {
            padding: 0;
        }
        .list .ul li {margin: 0px 0.5%;}
        .sy_section2 .content .right .listbox .list {
        width: 19%;}
        .sy_section2 .content .right .listbox .list .boxs .words1 {
        line-height: 17px;}
        .sy_section2 .content .right .listbox .list .boxs .words1 {height:50px}
        .sy_section2 .content .right .listbox .list .boxs .words1 {
        font-size: 12px;}
        .sy_section2 .content .right .listbox .list .boxs .num span.dw {
            font-size: 14px;
            display: block;
            margin: 0;
        }
        .news_lm ul{justify-content: space-between;    float: none;}
        .news_lm ul li {
            width: 32%;}
        
        .news_gd{display:none;}
    .news_img {
        min-height: auto;}
        .news .bfsp {
            left: 37%;
            top: 9%;
        }
    .main4-con-ri .main4-con-ritop .ritop img {
        min-height: auto;}
        .main4-con-ri .main4-con-ritop .ritop span {
            bottom: 31.8%;
        }
    .main4-con-ribot ul li h3 {
        font-size: 12px!important;
    }
    .main4-con-ribot ul li span {
        font-size: 12px;
    }
    
    
    .news_lm {
        padding-top: 0px;
    }
    .news_lm ul li a {
        font-size: 16px;
    }

}