@charset "utf-8";

@media screen and (max-width: 1024px) and (min-width:0) {

    html,
    body {
        overscroll-behavior: none;
    }

    body {
        font: .24rem/1.6 'PingFangSC-Light', 'microsoft yahei', Arial, Helvetica, sans-serif, "Hiragino Sans GB";
    }

    .subpage{display: none;}
    .pt10 {
        padding-top: 0.12rem;
    }

    .pt15 {
        padding-top: 0.15rem;
    }

    .pt20 {
        padding-top: 0.2rem;
    }

    .pt30 {
        padding-top: 0.3rem;
    }

    .pt40 {
        padding-top: 0.4rem;
    }

    .pt50 {
        padding-top: 0.5rem;
    }

    .pt60 {
        padding-top: 0.6rem;
    }

    .pt70 {
        padding-top: 0.7rem;
    }

    .pt80 {
        padding-top: 0.8rem;
    }

    .pt100 {
        padding-top: 0.9rem;
    }

    .padt30 {
        padding: 0.34rem 0;
    }

    .padt70 {
        padding: 0.5rem 0;
    }

    .mr15 {
        margin-right: 0.12rem;
    }

    .mr-em {
        margin-right: 0.5em;
    }

    .mlb28 {
        margin-left: 10%;
    }

    .mlb23 {
        margin-left: 10%;
    }

    .f12 {
        font-size: 0.20rem;
    }

    .f14 {
        font-size: 0.22rem;
    }

    .f16 {
        font-size: 0.24rem;
    }

    .f18 {
        font-size: 0.25rem;
    }

    .f20 {
        font-size: 0.26rem;
    }

    .f22 {
        font-size: 0.27rem;
    }

    .f24 {
        font-size: 0.28rem;
    }

    .f26 {
        font-size: 0.28rem;
    }

    .f28 {
        font-size: 0.29rem;
    }

    .f30 {
        font-size: 0.29rem;
    }

    .f35 {
        font-size: 0.34rem;
    }

    .f36 {
        font-size: 0.35rem;
    }

    .f38 {
        font-size: 0.37rem;
    }

    .f40 {
        font-size: 0.38rem;
    }

    .f45 {
        font-size: 0.39rem;
    }

    .f42 {
        font-size: 0.4rem;
    }

    .f48 {
        font-size: 0.42rem;
    }

    .f55 {
        font-size: 0.45rem;
    }

    .f60 {
        font-size: 0.4rem;
    }

    .f68 {
        font-size: 0.6rem;
    }

    .f75 {
        font-size: 0.7rem;
    }

    .f82 {
        font-size: 0.8rem;
    }

    .f100 {
        font-size: 1rem;
    }

    .f160 {
        font-size: 1.5rem;
    }

    .lihe26 {
        line-height: 1.8;
    }

    .lihe2 {
        line-height: 1.9;
    }

    .lihe32 {
        line-height: 2;
    }

    .lihe38 {
        line-height: 2.1;
    }

    .lihe45 {
        line-height: 2.3;
    }

    .container {
        padding-left: 5%;
        padding-right: 5%;
        overflow: scroll;
    }

    .main {
        width: 94% !important;
        overflow: inherit;
    }

    .compony-culture-top {
        width: 96%;
    }

    .warp-hidden-por {
        overflow: inherit;
    }

    .web-img {
        display: none;
    }

    .comp-fot {
        display: block;
    }

    /*header*/
    .top-nav-header,
    .kfl {
        display: none;
    }

    .mobile-header {
        display: block;
    }

    .topby {
        width: 100%;
        height: 0.78rem;
        display: block;
    }

    .m-header {
        width: 100%;
        height: 0.78rem;
        position: fixed;
        top: 0px;
        left: 0px;
        z-index: 9999;
        overflow: hidden;
        background: #FFF;
        border-bottom: 1px #eee solid;
    }

    .m-header .m-logo {
        width: auto;
        float: left;
        height: 0.46rem;
        padding: 0.16rem 0 0 5%;
    }

    .m-header .m-logo img {
        height: 0.46rem;
    }

    .m-header .m-nav {
        width: 34px;
        float: right;
        position: relative;
        cursor: pointer;
        height: 34px;
        margin-top: 2%;
        z-index: 0;
        background: #FFF;
        margin-right: 5%;
        -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
        box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
        -webkit-transform: translate3d(0, -2px, 0);
        transform: translate3d(0, -2px, 0);
    }

    .m-header .m-nav span {
        display: block;
        background: var(--default-theme-color);
        width: 12px;
        height: 2px;
        position: absolute;
        left: 11px;
        transition: all ease 0.35s
    }

    .m-header .m-nav span:nth-of-type(1) {
        top: 12px;
    }

    .m-header .m-nav span:nth-of-type(2) {
        top: 16px;
    }

    .m-header .m-nav span:nth-of-type(3) {
        top: 20px;
    }

    .m-header .m-nav-active span:nth-of-type(1) {
        top: 15px;
        transform: rotate(45deg)
    }

    .m-header .m-nav-active span:nth-of-type(2) {
        width: 0
    }

    .m-header .m-nav-active span:nth-of-type(3) {
        top: 15px;
        transform: rotate(-45deg)
    }

    .m-header .sea-icon {
        float: right;
        height: 0.78rem;
        line-height: 0.78rem;
        margin-right: 20px;
        cursor: pointer;
    }

    .m-header .sea-icon i {
        font-size: 18px;
    }

    .m-header .search {
        position: fixed;
        z-index: 9;
        background: rgba(0, 0, 0, .8);
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        overflow: auto;
        overflow-x: hidden;
        transition: top ease 0.35s;
        display: none;
    }

    .m-header .satr {
        width: 90%;
        height: 40px;
        margin: 10% auto 0 auto;
        position: relative;
    }

    .m-header .satr em {
        position: absolute;
        right: 10px;
        top: -10px;
        z-index: 10;
    }

    .m-header .satr em i {
        border: 1px solid #FFF;
        padding: 5px;
        font-weight: normal;
        cursor: pointer;
        color: #FFF;
    }

    .m-header .satr .search-01 {
        width: 75%;
        height: 40px;
        line-height: 40px;
        border: 0;
        padding-left: 5%;
        background: #FFF;
        float: left;
        margin-top: 40px;
        font-size: 14px;
    }

    .m-header .search-btn {
        width: 20%;
        height: 40px;
        background: url(../images/cus-icon-24.png) no-repeat center #1297cf;
        border: 0;
        float: left;
        margin-top: 40px;
    }

    .m-nav-menu {
        position: fixed;
        z-index: 99999;
        background: rgba(0, 0, 0, .8);
        width: 100%;
        height: calc(100% - 104px);
        font-size: 14px;
        line-height: 2.5rem;
        top: -100%;
        left: 0;
        overflow: auto;
        overflow-x: hidden;
        transition: top ease 0.35s;
    }

    .nav_show {
        top: 0.78rem;
    }

    .m-nav-menu>ul>li:first-child {
        overflow: hidden;
        border-top: 0
    }

    .m-nav-menu>ul>li:first-child>a {
        float: left;
        width: calc(100% - 70px)
    }

    .m-nav-menu ul li .sp_nav_xjb {
        position: absolute;
        top: 5px;
        right: 0px;
        border-left: 1px rgba(255, 255, 255, .8) solid;
        height: 30px;
        padding: 0px 7px 0 7px;
    }

    .m-nav-menu ul li .sp_nav_xjb svg {
        transform: rotate(-90deg);
        transition: all ease 0.35s
    }

    .m-nav-menu ul li .m-nav-menu-active svg {
        transform: rotate(0deg)
    }

    .m-nav-menu ul li {
        border-top: 1px rgba(255, 255, 255, .8) solid;
        margin: 0 20px;
        position: relative;
        line-height: 40px;
        font-size: 14px
    }

    .m-nav-menu>ul>li:last-child {
        border-bottom: 1px rgba(255, 255, 255, .8) solid;
    }

    .m-nav-menu ul li ul {
        display: none
    }

    .m-nav-menu ul li a {
        color: #FFF;
        width: 80%
    }

    .m-nav-menu ul li ul li a {
        color: #efeded;
        display: block;
        text-align: left;
        font-size: 12px;
    }

    .m-nav-menu ul li .sp_nav_xjb svg {
        width: 20px;
        height: 20px;
        fill: #FFF;
    }

    .m-nav-menu ul li .m-nav-menu-active svg {
        fill: #1297cf;
    }

    .m-nav-menu ul li ul li>ul {
        margin-left: 10px
    }

    /*footer*/
    .footer {
        padding: 0.4rem 0;
    }

    .footer .main {
        display: inherit
    }

    .footer .foot_nav {
        display: none;
    }

    .footer .foot-h-01 {
        width: auto;
    }

    .footer .foot-h-01 dt a.fo_logo {
        width: 329px;
        margin: 0.1rem 0 0 0;
        height: auto;
    }

    .footer .foot-h-01 dt a.fo_logo img {
        height: auto;
    }

    .footer .foot-h-01 dt .kxwz {
        width: 100%;
        text-align: center;
    }

    .footer .foot-h-01 dt .kxwz.fr {
        float: none;
    }

    .footer .foot-h-02 {
        width: 52%;
        float: right;
    }

    .footer .foot-h-02 dd.pt30 {
        padding-top: 0;
    }

    .footer .foot-h-02 i.dom-block {
        display: none;
    }

    .footer .foot-h-02 .djw_ewm p span {
        display: inline;
    }

    .copy span,
    .link {
        display: none;
    }

    /*内页*/
    .banner-container {
        margin-top: 0.78rem;
    }

    .banner-container .web-img {
        display: none;
    }

    .banner-container .mobile-img {
        display: block;
    }

    .banner-container .banner-animate {
        text-align: center;
    }
    .company-about-row .ab-item.item-2 .title,
    .company-about-row .ab-item.item-2 .des {
        padding-left: 16%;
    }

    .company-about-row .ab-item.item-3 .title,
    .company-about-row .ab-item.item-3 .des {
        padding-left: 16%;
    }

    /*公司文化*/
    .culture-white dl {
        width: 100%;
        float: inherit;
        margin-bottom: 0.4rem;
    }

    .culture-white dl dt img {
        height: 28px;
    }

    .culture-white dl:nth-of-type(2) {
        margin-left: 0;
    }

    .culture-white dl:nth-of-type(3) {
        float: inherit;
        margin-bottom: 0;
    }

    .compony-culture-two #slider-wra {
        padding-bottom: 0.4rem;
    }

    .compony-culture-two #slider-wra .item {
        width: 92%;
    }

    .compony-culture-two #slider-wra .owl-item:nth-of-type(1) .item {
        float: inherit;
        margin: 0 auto;
    }

    .compony-culture-two #slider-wra .owl-item:nth-of-type(2) .item {
        float: inherit;
        margin: 0 auto;
    }

    .compony-culture-two #slider-wra .owl-item:nth-of-type(3) .item {
        float: inherit;
        margin: 0 auto;
    }

    .compony-culture-two .owl-pagination {
        width: 100%;
        overflow: hidden;
        position: absolute;
        left: 0;
        bottom: 0;
        text-align: center;
        display: block;
    }

    .compony-culture-two .owl-page {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 0 5px;
        background: #707070;
        *display: inline;
        *zoom: 1;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
    }

    .compony-culture-two .owl-page.active {
        width: 36px;
        height: 10px;
        background: var(--default-theme-color);
        border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
    }

    /*制造能力*/
    .set-prower-n #slider-wra {
        width: 100%;
        padding: 0 0 0.4rem 0;
    }

    .set-prower-n .item {
        width: 94%;
    }

    .set-prower-n .item dd {
        padding: 0.26rem 0;
    }

    .set-prower-n .owl-buttons div {
        display: none;
    }

    .set-prower-n .owl-pagination {
        width: 100%;
        overflow: hidden;
        position: absolute;
        left: 0;
        bottom: 0;
        text-align: center;
        display: block;
    }

    .set-prower-n .owl-page {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 0 5px;
        background: #707070;
        *display: inline;
        *zoom: 1;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
    }

    .set-prower-n .owl-page.active {
        width: 36px;
        height: 10px;
        background: var(--default-theme-color);
        border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
    }
    .banner-wrapper #slider-wra .item .banner-animate{
        top:10% !important;
    }
    .cbx-01 a {
        width: 1.6rem;
        height: 0.45rem;
        line-height: 0.45rem;
        font-size: 0.2rem;
    }

    /*企业风貌*/
    .qyfm_r {
        width: 48%;
    }

    .qyfm_l {
        width: 52%;
        padding: 0.3rem 0 0 0;
    }

    .qyfm_bo {
        width: 96%;
        padding-top: 3vw;
    }

    .qyfm_bo #slider-wra {
        padding: 0 0 0.4rem 0;
    }

    .qyfm_bo #slider-wra .item {
        width: 85%;
        float: left;
        margin: 0 0;
    }

    .qyfm_bo .owl-buttons {
        display: none;
    }

    .qyfm_bo .owl-pagination {
        width: 100%;
        overflow: hidden;
        position: absolute;
        left: 0;
        bottom: 0;
        text-align: center;
        display: block;
    }

    .qyfm_bo .owl-page {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 0 5px;
        background: #707070;
        *display: inline;
        *zoom: 1;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
    }

    .qyfm_bo .owl-page.active {
        width: 36px;
        height: 10px;
        background: var(--default-theme-color);
        border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
    }

    .moret {
        width: 2.6rem;
        height: 0.65rem;
        line-height: 0.65rem;
        bottom: 0.4rem;
        left: 60%;
    }

    /*荣誉资质*/
    .set-prower-n .item.rybg {
        padding: 0.22rem 0;
    }

    .set-prower-n .item.rybg a {
        width: 90%;
    }

    /*发展历程*/
    .time-line-box {
        display: none;
    }

    .fzlc .fzlc_bo,
    .fzlc .more-btn {
        display: block;
    }

    .fzlc .fzlc_bo #slider-wra {
        padding: 0 0 0.4rem 0;
    }

    .fzlc .fzlc_bo #slider-wra .owl-item .item {
        border-left: 1px #aaaaaa solid;
    }

    .fzlc .fzlc_bo #slider-wra .owl-item:nth-of-type(1) .item {
        border-left: none;
    }

    .fzlc .fzlc_bo #slider-wra .item p {
        width: 88%;
        display: block;
        height: auto;
        overflow: hidden;
        margin: 0 auto;
    }

    .fzlc .fzlc_bo .owl-buttons {
        display: none;
    }

    .fzlc .fzlc_bo .owl-pagination {
        width: 100%;
        overflow: hidden;
        position: absolute;
        left: 0;
        bottom: 0;
        text-align: center;
        display: block;
    }

    .fzlc .fzlc_bo .owl-page {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 0 5px;
        background: #707070;
        *display: inline;
        *zoom: 1;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
    }

    .fzlc .fzlc_bo .owl-page.active {
        width: 36px;
        height: 10px;
        background: var(--default-theme-color);
        border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
    }

    /*企业愿景*/
    .qyyj .qyyjnr {
        text-align: center;
    }

    .qyyj .qyyjnr a {
        margin-right: 0;
        width: 25%;
        display: block;
        float: left;
    }

    .qyyj_bo #slider-wra {
        padding-bottom: 0.4rem;
    }

    .qyyj_bo #slider-wra .item {
        width: 95%;
    }

    .qyyj_bo #slider-wra .item .qyt {
        top: 10%;
    }

    .qyyj_bo #slider-wra .item .alg {
        width: 14px;
        bottom: 10%;
    }

    .qyyj_bo #slider-wra .item .iocs {
        width: 20px;
        bottom: 5%;
    }

    .qyyj_bo #slider-wra .item .warnb {
        display: none;
    }

    .qyyj_bo .owl-page {
        width: 10px;
        height: 10px;
        margin: 0 5px;
    }

    .qyyj_bo .owl-page.active {
        width: 36px;
        height: 10px;
        border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
    }

    /*合作伙伴*/
    .hzhb_bo #slider-wra {
        width: 100%;
        padding: 0 0 0.4rem 0;
    }

    .hzhb_bo #slider-wra .item {
        width: 90%;
    }

    .hzhb_bo .owl-buttons div {
        display: none;
    }

    .hzhb_bo .owl-pagination {
        width: 100%;
        overflow: hidden;
        position: absolute;
        left: 0;
        bottom: 0;
        text-align: center;
        display: block;
    }

    .hzhb_bo .owl-page {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 0 5px;
        background: #707070;
        *display: inline;
        *zoom: 1;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
    }

    .hzhb_bo .owl-page.active {
        width: 36px;
        height: 10px;
        background: var(--default-theme-color);
        border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
    }

    /***************共用内页***************/
    .loc,
    .left {
        display: none;
    }

    .inside-page {
        height: 0.78rem;
    }

    .cateList {
        width: 100%;
        text-align: center;
        background: #f4f4f4;
        position: relative;
        margin-top: 0.2rem;
        display: block;
    }

    .cateList .goBack {
        width: auto;
        height: 0.7rem;
        line-height: 0.7rem;
        position: absolute;
        left: 5%;
        top: 0;
        z-index: 10;
        font-size: 0.28rem;
        color: var(--default-theme-color);
    }

    .cateList .goBack:before {
        width: auto;
        height: 0.7rem;
        display: block;
    }

    .cateList h3 {
        width: 100%;
        position: relative;
        font-size: 0.25rem;
        line-height: 0.7rem;
        height: 0.7rem;
    }

    .cateList h3 span {
        position: absolute;
        top: 0;
        right: 5%;
        width: auto;
        height: 0.7rem;
        line-height: 0.7rem;
        font-size: 0.28rem;
        color: var(--default-theme-color);
    }

    .cateList .box {
        width: 95%;
        padding: 0.12rem 0;
        z-index: 1100;
        background: #f9f9f9;
        display: none;
        margin: 0 auto;
    }

    .cateList .box a {
        padding: 5px 5%;
        min-height: 0.34rem;
        line-height: 0.34rem;
        text-align: left;
        font-size: 0.22rem;
        display: block;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        border-bottom: 1px #CCC solid;
    }

    .cateList .box a:last-child {
        border-bottom: none;
    }

    /*产品分类*/
    .sideup {
        display: none;
        width: 90%;
        margin: 0 auto;
        padding-bottom: 0.2rem;
    }

    .sideup li {
        text-align: left;
        border-bottom: 1px #0056b0 dashed;
    }

    .tun {
        width: 0.25rem;
        height: 0.25rem;
        display: block;
        float: right;
        margin-top: 0.2rem;
        color: #244aa4;
    }

    .sidedown {
        padding: 0.12rem;
        display: none;
    }

    .sidedown li {
        font-size: 0.22rem;
        border-bottom: none;
    }

    .sidedowna {
        background: var(--default-theme-color);
        padding: 0 0.12rem;
        display: none;
    }

    .right {
        width: 100%;
    }

    .right_top {
        display: none;
    }

    .right_bottom.pt40 {
        padding-top: 0;
    }

    .product-list li figcaption {
        height: 0.5rem;
        line-height: 0.5rem;
    }

    /*PageBar*/
    .PageBar {
        width: 90%;
        margin: 0.2rem auto 0 auto;
    }

    .PageButtons span,
    .PageButtons a {
        height: 0.4rem;
        line-height: 0.4rem;
    }

    .PageInfo {
        padding-top: 0.1rem;
    }


    /*新闻列表*/
    .arList li {
        padding: 0.3rem 0;
    }

    .new2 {
        margin-top: 0.1rem;
    }

    .arList li .newsl {
        width: 30%;
        margin-left: 5%;
    }

    .arList li .newsr {
        width: 55%;
        margin-right: 5%;
    }

    .JobListItem .txiw {
        display: none;
    }

    .comp-fot {
        display: block;
    }

    .web-img {
        display: none;
    }

    /*新闻内页*/
    .news_tit {
        padding-bottom: 0.2rem;
    }

    .news_tit p {
        margin-top: 0.1rem;
    }

    .arKeywords {
        padding: 0.15rem;
        margin-top: 0.2rem;
    }
    /*page-recom*/
    .page-recom {
        margin: 0.3rem 0 0 0;
        display: inherit;
        background: none;
    }

    .page-recom div {
        width: 100%;
        padding: 0.2rem 0;
    }

    .page-recom div.fl {
        border-bottom: 1px solid #e5e5e5;
    }

    /*相关文章*/
    .about-info-left {
        width: 45%;
    }

    .about-info-left a {
        height: 0.3rem;
        line-height: 0.3rem;
    }

    .about-info-right {
        width: 50%;
    }

    .about-info-right li {
        margin-top: 0.2rem;
    }

    .about-info-right li a {
        height: 0.3rem;
        line-height: 0.3rem;
    }


    /*产品内页*/
    .cpz_ly {
        width: 51%;
    }

    .cpz_ly #slider-wra .item dd {
        padding: 0.1rem 0;
    }

    .cpz_ry {
        width: 46%;
    }

    .cpz_ry p.pt30 {
        padding-top: 0;
    }

    .cpz_ry dl.pt60 {
        padding-top: 0.2rem;
    }

    .cpz_ry .lxny dt {
        width: 54%;
    }

    .cpz_ry .lxny dd {
        width: 42%;
    }

    .cpz_ry .lxny p {
        height: 0.5rem;
        line-height: 0.5rem;
    }

    .cpz_ry .lxny em {
        display: none;
    }

    /*ztitle*/
    .detail-title {
        overflow: scroll;
    }

    .zntit_con {
        overflow: scroll;
    }

    /*视频集锦*/
    .oh dl dd {
        height: 0.5rem;
        line-height: 0.5rem;
    }

    .fla {
        width: 100%;
        float: inherit;
    }

    .work-message .work-message-left,
    .work-message .work-message-right{
        width: 100%;
    }

    .right_bottom .contact-left{
        width:100%;
    }
    .sub_message_content{
        width:100%;
        padding-top:4vw !important;
    }
}

@media screen and (max-width: 768px) and (min-width:0) {
    .banner-wrapper #slider-wra .active .item .banner-animate .main .more-btn{
        display: none;
    }

    /*footer*/
    .footer .foot-h-01 {
        width: 100%;
        float: inherit;
    }

    .footer .foot-h-02 {
        width: 100%;
        float: inherit;
        padding-top: 0.43rem;
    }

    .footer .foot-h-02 dt {
        display: block;
    }

    .banner-container .banner-animate p span {
        margin-left: 0.5em;
    }
    .company-about-row .ab-item{
        text-align: center;
    }

    .company-about-row .ab-item.item-1 {
        width: 50%;
    }

    .company-about-row .ab-item.item-2 {
        width: 50%;
        background: none;
    }

    .company-about-row .ab-item.item-2 .title,
    .company-about-row .ab-item.item-2 .des {
        padding-left: 0;
    }

    .company-about-row .ab-item.item-3 {
        width: 50%;
        margin-top: 0.28rem;
    }

    .company-about-row .ab-item.item-3 .title,
    .company-about-row .ab-item.item-3 .des {
        padding-left: 0;
    }

    .company-about-row .ab-item.item-4 {
        width: 50%;
        margin-top: 0.28rem;
    }

    .company-about-row .ab-item.item-2 div,
    .company-about-row .ab-item.item-4 div {
        width: auto;
    }
    .solution-bg{
        display: none;
    }
    /*企业愿景*/
    .qyyj .qyyjnr a {
        width: 33.33%;
    }

    .qyyj_bo #slider-wra .item {
        width: 94%;
    }

    /*新闻列表*/
    .arList li {
        border-bottom: none;
        margin-bottom: 0.3rem;
    }

    .arList li .newsl {
        width: 90%;
        margin-left: 5%;
    }

    .arList li .newsr {
        width: 90%;
        margin-right: 5%;
        padding-top: 0.3rem;
    }

    /*相关文章*/
    .about-info-left {
        width: 100%;
        float: inherit;
    }

    .about-info-right {
        width: 100%;
        float: inherit;
        padding-top: 0.3rem;
    }

    /*产品内页*/
    .cpz_ly {
        width: 100%;
        padding-top: 0.3rem;
    }

    .cpz_ry {
        width: 100%;
    }

    .cpz_ry .lxny em {
        display: block;
    }

    .product-list.pro-recom-list li {
        width: 48%;
        margin: 0 1% 0.2rem 1%;
    }

    .oh dl {
        width: 48%;
        margin: 0 1% 0.2rem 1%;
    }

    .footer-ewm,
    .side-frame {
        display: none;
    }

    .product-cate-list {
        width: 94%;
        padding-top: 10px;
    }

    .product-cate-list a {
        text-align: center;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: calc(50% - 5px);
    }
}

@media screen and (max-width: 420px) and (min-width:0) {
    .mlb28 {
        margin-left: 5%;
    }

    .mlb23 {
        margin-left: 5%;
    }

    /*footer*/
    .footer .foot-h-01 dt a.fo_logo {
        width: 80%;
    }

    /*内页*/
    .banner-container .banner-animate {
        top: 30%;
    }

    .banner-container .banner-animate p span {
        margin-left: 0;
        display: block;
    }

    /*公司文化*/
    .compony-culture-two .item {
        width: 100%;
    }

    /*企业风貌*/
    .qyfm_l {
        width: 100%;
    }

    .titn {
        background: url(../images/cus-icon-02.png) no-repeat center;
        padding-right: 0;
        text-align: center;
        width: 100%;
    }

    .qyfm_bo {
        width: 90%;
        padding-top: 0.24rem;
    }

    .qyfm_bo #slider-wra .item {
        width: 100%;
        float: none;
    }

    .qyfm_r {
        width: 100%;
        margin-top: 0.28rem;
    }

    .morej {
        display: block;
    }

    .moret {
        display: none;
    }

    /*发展历程*/
    .fzlc .fzlc_bo #slider-wra .owl-item .item {
        border-left: none;
    }

    .fzlc .fzlc_bo #slider-wra .item p {
        width: 90%;
    }

    /*企业愿景*/
    .qyyj .qyyjnr a {
        width: 33.33%;
    }

    .qyyj_bo #slider-wra .item {
        width: 100%;
    }

    .qyyj_bo #slider-wra .item .iocs {
        bottom: 5%;
    }

    /*视频集锦*/
    .product-list.pro-recom-list li {
        width: 100%;
        margin: 0 0 0.2rem 0;
    }

    .oh dl {
        width: 100%;
        margin: 0 0 0.2rem 0;
    }

    /*在线留言*/
    .zxly .subform .form-groupfl {
        width: 100%;
        float: inherit;
    }

    .zxly .subform .form-groupfr {
        width: 100%;
        float: inherit;
    }

    /*photo*/
    photo {
        width: 100%;
        float: inherit;
    }

    photo span {
        width: 100%;
    }

    photo p {
        width: 100%;
    }

    contenta,
    contentb,
    contentc {
        float: inherit;
    }

    contenta p,
    contentb p,
    contentc p {
        width: 100%;
    }

    .zs p {
        padding-left: 12px;
    }

    contenta {
        width: 100%;
    }

    contentb {
        width: 100%;
    }

    contentc {
        width: 100%;
    }

    ewm {
        width: 100%;
        margin: 0.2rem 0 0 0;
        float: inherit;
    }

    ewm span {
        width: 35%;
        float: left;
    }

    ewm div {
        width: 60%;
        float: right;
    }
}

@media screen and (max-width: 320px) and (min-width:0) {}