@charset "utf-8";
@media only screen and (max-width:1300px) {
    .foot_ewm img{
        width: 136px
    }
    .foot_ewm span{
        font-size: 12px
    }
    .foot_logo{
        margin-right: 5%
    }
    .fl {
        top: -140px
    }

    .qypic_txt p{
        font-size: 14px;
    }
    .newtxt {
        padding: 20px 24px
    }

    .ppjsright li>div {
        width: calc(100% - 60px);
        left: 30px;
    }

    .logo {
        margin-top: 12px;
    }

    .nav {
        margin-top: 26px
    }

    .seach,
    .header_button {
        margin-top: 22px;
    }

    .fl_txt span {
        font-size: 16px
    }

    .fl_txt p {
        font-size: 12px
    }

    .fl_txt h2 {
        font-size: 16px
    }

    .title h2 {
        font-size: 38px
    }

    .title h3 {
        font-size: 26px;
    }

    .al_l_inner {
        padding-top: 75px;
        padding-left: 75px
    }

    .al_l_inner>a {
        margin-top: 60px
    }

    .contact_right h3 {
        font-size: 24px
    }

    .mar {
        margin-top: -120px
    }

    .cptxt h2 {
        font-size: 16px;
        line-height: 24px;
        height: 48px
    }

    .product_right.cp li p,
    .designerworks .product_right li p {
        font-size: 12px;
        line-height: 24px
    }

    .product_right.cp li,
    .designerworks .product_right li {
        height: 510px
    }

    .more {
        margin: 36px auto
    }

    .mbxqtxt h2 {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 35px
    }

    .mbxq_txt span {
        font-size: 14px
    }

    .pp_left {
        padding: 60px
    }

    .pp_left img {
        margin-bottom: 40px
    }

    .ppjsright li {
        padding: 30px
    }

    .ppimg img {
        max-width: 75%;
    }

    .ppjs h2 {
        font-size: 24px
    }

    .gsjjlist>li:first-child {
        padding: 74px 80px 85px
    }

    .gss_txt h3,
    .gss_txt h2 {
        font-size: 24px
    }

    .gss_txt h2:before {
        margin-bottom: 24px
    }

    .gss_txt {
        padding: 0 60px
    }

    .aqbanner .swiper-slide p {
        font-size: 14px
    }

    .al_i_left>div {
        padding: 80px 65px 0 75px
    }

    .al_i_left p {
        line-height: 24px;
        font-size: 12px;
        margin-bottom: 24px;
    }

    .alnp {
        margin-top: 40px
    }
}

@media only screen and (max-width:1440px) {
    .foot_nav{
        width: 52%;
    }
    .mftyinner {
        padding: 64px 0 265px
    }

    .mbxqtxt p {
        font-size: 12px;
        margin-bottom: 0
    }

    .mbxqtxt {
        vertical-align: top
    }

    .zsfx li img {
        position: static;
        display: inline-block;
        vertical-align: middle
    }

    .title h2 {
        margin-top: 40px
    }

    .zsfx li {
        padding: 20px
    }

    .zsfx li a {
        font-size: 0
    }

    .zstxt {
        margin-left: 0
    }

    .foot_nav ul li:first-child a {
        font-size: 14px;
    }

    .qj_inner h2 {
        font-size: 22px;
    }

    .zytjlist li p {
        font-size: 16px;
    }

    .foot_nav ul li a {
        font-size: 12px;
    }

    .yqlj a {
        font-size: 12px;
    }

    .yqlj span {
        font-size: 12px;
    }

    .lxtit h2 {
        font-size: 18px;
    }

    .lxtit h3 {
        font-size: 18px;
    }

    .zptit h2 {
        font-size: 14px;
    }

    .zpinner h2 {
        font-size: 14px;
    }

    .zsjm span {
        font-size: 14px;
    }

    .zpinner p {
        font-size: 12px;
    }

    .copyright p {
        font-size: 12px;
    }

    .aqtit h2 {
        font-size: 18px;
    }

    .al_i_left h2 {
        font-size: 20px;
    }

    .cpseach li a:after {
        right: -20px;
    }

    .xqtit h2 {
        font-size: 22px;
    }

    .zsfx li h2 {
        font-size: 14px;
    }

    .zstxt p {
        font-size: 12px;
    }

    .mtlist li span {
        font-size: 13px;
    }

    .sj li h3 {
        font-size: 12px;
    }

    .sj li h2 {
        font-size: 16px;
    }

    .nav>ul>li>a {
        font-size: 14px;
    }

    .allist li span {
        font-size: 14px;
    }

    .alnp a p {
        font-size: 12px;
    }

    .mbx a {
        font-size: 12px;
    }

    .gsjjlogo li {
        margin-right: 30px;
    }

    .cpseach {
        padding: 40px 135px
    }

    .zytjlist li span {
        font-size: 12px;
    }

    .cpseach li a {
        font-size: 14px;
        margin: 0 20px;
    }

    .altjlist.allist li p {
        line-height: 18px;
        height: 36px;
    }

    .video li p {
        font-size: 15px;
    }

    .video_case,
    .videobanner {
        height: 490px;
    }

    .about_tab li {
        padding: 26px 0 12px
    }

    .about_tab li h2 {
        margin-top: 12px;
        font-size: 16px;
    }

    .master_left .swiper-slide h2 {
        font-size: 25px;
    }

    .mastertxt h2 {
        font-size: 40px;
    }

    .cptab {
        margin-top: 60px
    }

    .product_right li {
        height: 380px
    }

    .cptxt {
        padding: 20px 16px 36px
    }

    .product_right li:hover .cptxt {
        padding-top: 25px;
        transform: translateY(-85px)
    }

    .product_right li p {
        line-height: 24px;
    }

    .cp_item span {
        font-size: 16px
    }

    .al_left .index_tit {
        margin-bottom: 40px;
        padding-bottom: 48px
    }

    .al_l_inner {
        padding-top: 60px;
        padding-left: 60px
    }

    .al_l_inner>a {
        height: 30px;
        line-height: 30px;
        font-size: 12px;
        margin-top: 25px;
    }

    .newtxt h2 {
        font-size: 14px;

    }

    .new_left {
        padding-top: 20px;
    }

    .new_left ul {
        margin-top: 12px;
    }

    .new_left ul li h6 {
        line-height: 32px
    }

    .newtxt {
        padding: 16px 18px
    }

    .newtxt span {
        margin-bottom: 0
    }

    .mapli>li:nth-child(1) {
        width: 265px;
        height: 265px;
        left: 5%;
        top: 17%
    }

    .dataNums .tt span {
        font-size: 50px;
    }

    .dataNums .dataOne {
        margin: 0;
        width: 28px;
        height: 50px;
    }

    .mapli>li>div>p {
        font-size: 14px;
        line-height: 24px
    }

    .mapli>li>div>span {
        font-size: 20px
    }

    .mapli>li:nth-child(3) {
        width: 180px;
        height: 180px;
        right: 51%;
        top: 53%
    }

    .mapli>li:nth-child(2) {
        width: 360px;
        height: 360px;
    }

    .fllist li img {
        width: 40%
    }

    .fl_txt {
        width: 60%
    }

    .fl_txt h2,
    .fl_txt span {
        font-size: 16px;
    }

    .fl_txt span {
        margin-bottom: 10px
    }

    .fl_txt p {
        font-size: 12px;
        line-height: 24px
    }

    .qjlist {
        margin-top: 60px;
    }

    .qjtit {
        padding-left: 86px;
    }

    .qj_inner p {
        font-size: 14px;
    }

    .more h6 {
        width: 76px;
        height: 76px;
        line-height: 85px
    }

    .product_right.cp li,
    .designerworks .product_right li {
        height: 415px;
    }

    .product_right.cp li:hover .cptxt {
        transform: translateY(-90px)
    }

    .foot_logo {
        margin-right: 5%
    }

    .pic_tit h3 {
        font-size: 22px;
        line-height: 34px;
    }

    .pic_tit h2 {
        font-size: 35px;
        line-height: 34px;
    }

    .ej_nav li a {
        line-height: 16px;
        line-height: 56px;
        font-size: 16px;
    }

    .mbx {
        line-height: 56px;
    }

    .ej_nav li {
        margin-right: 36px;
    }

    .pp_left img {
        transform: scale(.75) translateX(-16.5%);

        margin-bottom: 26px
    }

    .pptxt {
        padding-left: 30px;
    }

    .ppjsright li p,
    .ppjs p {
        font-size: 12px;
        line-height: 20px;
    }

    .ryzz_left p {
        font-size: 14px;
        line-height: 24px
    }

    .ryzz_right p {
        line-height: 28px;
        height: 28px;
    }

    .ryzz_right li {
        line-height: 40px
    }

    .ryzz_right span {
        vertical-align: middle
    }

    .ryzz_left a {
        padding: 0 28px;
        height: 32px;
        line-height: 32px;

    }

    .rytxt p {
        line-height: 22px;
        font-size: 14px;
    }

    .rylist .rytime h3,
    .rytxt h2 {
        font-size: 18px;
    }

    .rylist .rytime {
        width: 180px;
        margin-left: 30px;
        margin-right: 40px;
    }

    .rytxt {
        width: calc(100% - 250px)
    }

    .sjslist li a {
        padding: 94px 0
    }

    .designerxq {
        padding: 60px 80px 40px 6.55%;
    }

    .desginertxt p {
        font-size: 14px;
        line-height: 24px;
    }

    .desginertxt {
        padding-left: 60px
    }

    .sjlist li span {
        width: 40px;
        font-size: 14px;
        line-height: 40px
    }

    .workstit a {
        font-size: 14px;
    }

    .sjsbanner .swiper-slide p {
        font-size: 15px;
    }

    .sjsbanner .swiper-slide font {
        font-size: 13px;
    }

    .gss_txt h3,
    .gss_txt h2 {
        font-size: 28px;
    }

    .gss_txt h2 {
        line-height: 28px;
    }

    .gss_txt h3 {
        line-height: 26px;
        margin-bottom: 14px;
    }

    .gss_txt p {
        line-height: 26px;
    }

    .gsjjlist>li:first-child {
        margin-top: -40px;
        padding: 50px 60px 55px
    }

    .gsjjlist>li {
        padding: 0 0px;
    }

    .aqhbinner {
        padding: 50px 60px 60px 65px;

    }

    .aqtit h3 {
        font-size: 18px;
        line-height: 18px;
    }

    .aqtit h4 {
        font-size: 18px;
        line-height: 40px
    }

    .aqhbinner_right p {
        font-size: 16px;
        line-height: 28px;
    }

    .aqhbinner_right h3 {
        font-size: 20px;
    }

    .mfty {
        margin-bottom: 320px;
    }

    .dmcx_left span {
        width: 94px;
        height: 94px;
    }

    .dmcx_left span font {
        width: 82px;
        height: 82px;
        line-height: 82px;
    }

    .dmcx_left h4 {
        font-size: 30px;
    }

    /* .cmap li:nth-child(1) {
        width: 370xp;
        height: 370px;
    }

    .cmap li:nth-child(2) {
        width: 260px;
        height: 260px
    }

    .cmap li:nth-child(3) {
        width: 150px;
        height: 150px;
    } */
    .cmap li {
        transform: scale(.7)
    }

    .md_info {
        margin-top: 110px;

    }

    .md_info h2 {
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 20px;
    }

    .md_info h2:before {
        height: 45px;
    }

    .md_info a {
        padding: 0 36px;
        height: 32px;
        line-height: 32px;

    }

    .cpal li h2 {
        font-size: 28px;
        line-height: 30px;
    }

    .mbtj {
        padding: 49px 50px 60px
    }

    .mbtj h2 {
        font-size: 28px;
        line-height: 44px;
    }

    .mbtj h3 {
        line-height: 34px;
        font-size: 16px;
    }

    .wzdt li a {
        line-height: 38px;
        padding: 0 24px;
        font-size: 14px;
    }

    .wzdt li a:first-child {
        font-size: 16px;
    }

    .wzdt h2 {
        font-size: 16px;
    }

    .wzdt {
        padding: 150px 0 160px
    }

    .add {
        padding: 48px 50px;

    }

    .add li>span {
        width: 74px;
        height: 74px;
    }

    .add li>span font {
        width: 68px;
        height: 68px;
        line-height: 68px;
    }

    .add li div {
        width: calc(100% - 74px)
    }

    .add li div h2 {
        font-size: 20px;
    }

    .add li div h4 {
        font-size: 12px;
    }

    .add li div h5 {
        font-size: 12px;
        line-height: 22px
    }

    .zptit {
        padding: 5px 12px
    }

    .zpinner a {
        padding: 0 22px;
        line-height: 34px;
        font-size: 12px;
    }

    .zsjm .container {
        padding: 0 55px
    }

    .zsjm {
        padding: 50px 0 100px
    }

    .zsjm form button {
        width: 130px;
        line-height: 34px;
        font-size: 14px;
    }

    .zczc p,
    .zczc h3 {
        font-size: 14px;
        line-height: 26px;
    }

    .jmzc {
        padding-bottom: 75px;
    }

    .cpal li a {
        padding: 40px 0
    }

    .foot_nav ul {
        margin-right: 30px;
    }

    .foot_nav ul li {
        line-height: 26px;
    }

    .foot_ewm img {
        width: 120px;
    }
  .foot_ewm>div{
    margin-left:8px 
  }
    .foot_ewm span {
        font-size: 12px;
    }

    .qypic_txt p {
        font-size: 12px;
        line-height: 16px;
        height: 32px;
    }

    .qynewlist .container {
        padding: 5px 8px;

    }

    .qynewlist p {
        font-size: 14px;
    }

    .qynewlist span {
        font-size: 12px
    }

    .mtlist li p {
        font-size: 13px;
        line-height: 20px;
        height: 40px;
    }

    .zstxt h2 {
        font-size: 12px;
        line-height: 22px;
        height: 44px;
    }

    .video_btn>div {
        width: 48px;
        height: 48px;
    }

    .video_btn>div span {
        width: 42px;
        height: 42px;
        line-height: 42px
    }

    .hot span {
        font-size: 14px;
        line-height: 26px;
    }

    .hot {
        padding: 25px;
    }

    .xqinner p,
    .cpxq>p {
        font-size: 14px;
        line-height: 26px;
    }

    .xqinner strong {
        font-size: 14px;
    }

    .xqnp a {
        line-height: 40px;
        font-size: 14px;
    }

    .bzlist li:last-child a span {
        width: 66px;
        height: 66px;
        line-height: 66px;
    }

    .bzlist li:last-child span font {
        font-size: 20px;
    }

    .cpxq h2,
    .cpxq h3 {
        font-size: 26px;
        line-height: 34px;
    }

    .xqreturn {
        margin-bottom: 20px;
    }

    .fl_left {
        padding-left: 0
    }

    .fl_left h4 {
        line-height: 0 16px;
        font-size: 14px;
        line-height: 30px
    }

    .fl_left h2 {
        font-size: 24px;
        line-height: 30px;
    }

    .fl {
        top: -120px
    }

    .fllist {
        padding-top: 140px;
    }

    .fl_right p {
        font-size: 14px;
        line-height: 30px;
    }

    .fl_right p span {
        font-size: 34px;
        line-height: 50px;
    }

    .fwlx li a {
        padding: 10px 0 10px 16%
    }
}

@media only screen and (max-width:1366px) {
    .newtxt span {
        margin-bottom: 12px
    }

    .logo img {
        width: 100%
    }

    .logo {
        width: 100px;
    }
}

@media only screen and (max-width:1300px) {
    .designerworks .product_right li:hover .cptxt {
        transform: translateY(-47px)
    }

    .fwlx li font {
        width: 52px;
        height: 52px;
        line-height: 52px;
    }

    .logo {
        margin-top: 22px;
    }

    .nav {
        margin-top: 30px;
    }

    .seach,
    .header_button {
        margin-top: 27px;
    }

    .fl {
        top: -105px
    }
}

@media only screen and (max-width:768px) {
     .mbxqlist li{
        width: 100%;
    }
    .mbxqlist li:nth-child(even){
        margin-top: 0
    }
    .mbxqlist li:nth-child(even) .time{
        float: none;
    }
    .mbxqlist li img{
        margin-left: 0;
    }
    .mbxqlist li:nth-child(odd) {
        transform: translateY(0)
    }
    .mbxqlist li:nth-child(odd) .time{
        padding-left: 0;
        display: block;
    }
    .mbxqlist li:nth-child(even) .time{
        text-align: left;
        padding-right: 0
    }
   .mbxqlist li img{
       display: block;
       margin: 0 auto !important;
       max-width: 50%;
       width: auto 
   }
    .mbxqlist:before{
        display: none
    }
    .mbxqlist li:before{
        display: none
    }
    .mbxq_txt span{
        width: 100%
    }
    .time{
        width: 100%
    }
    .mbxq_txt{
        width: 100%
    }
    .al_i_left,
    .al_i_right {
        width: 100%;
        display: block
    }
    
    .al_i_left>div{
        position: static;
        width: 100%;
        height: auto !important;
        padding: 40px 5%
    }
    .workstit a{
        display: none
    }
    .altjlist.allist li{
        width:100%;
        margin-right: 0
    }
    .btn {
        display: block
    }

    .seach,
    .header_button {
        margin-top: 22px
    }

    .header_button {
        margin-right: 5px
    }

    .nav {
        position: absolute;
        margin-right: 0;
        right: 0;
        top: 86px;
        width: 100%;
        background: #2c2c2c;
        display: none;
        height: calc(100vh - 86px);
        margin-top: 0
    }

    .nav>ul>li {
        display: block;
        text-align: center;
        font-size: 0;
        line-height: 0
    }

    .nav>ul>li a {
        display: block;
        line-height: 50px
    }

    .banner .swiper-pagination-bullet {
        width: 20px
    }

    .banner .swiper-pagination-bullet-active {
        width: 60px
    }

    .aboutbanner_txt {
        margin-top: 0;
        width: 100%
    }

    .abimg {
        width: 100%
    }

    .index_master .index_tit {
        top: 40px;
    }

    .master_left {
        padding: 130px 0 65px 5%
    }

    .title h2 {
        font-size: 24px;
    }

    .title h3 {
        font-size: 20px;
        line-height: 30px
    }

    .master_left .swiper-slide {
        padding-left: 40px
    }

    .masterbanner .swiper-slide:after {
        width: 20px;
        top: 20px
    }

    .masterbanner .swiper-slide:before {
        width: 5px;
        height: 5px
    }

    .mastertxt {
        padding-left: 20px;
    }

    .mastertxt h2 {
        font-size: 24px;
        line-height: 30px
    }

    .mastertxt span {
        margin: 0;
        font-size: 12px
    }

    .mastertxt h4 p {
        font-size: 14px
    }

    .masterinner {
        margin-top: 160px
    }

    .product_left {
        width: 100%;
    }

    .product_right {
        width: 100%
    }

    .product>div {
        display: block
    }

    .cp_item {
        width: 30%;
        margin-right: 5%;
        display: inline-block
    }

    .cp_item:nth-child(3n) {
        margin-right: 0
    }

    .cp_item span:before,
    .cp_item span:after {
        display: none
    }

    .master_left .swiper-container {
        height: 200px
    }

    .cp_item span {
        display: block;
        padding-left: 0;
        text-align: center
    }

    .product_left>a {
        position: static;
        padding-bottom: 20px
    }

    .product_right li {
        width: 49%;
        height: auto;
        margin-bottom: 20px
    }

    .product_right li:nth-child(2n) {
        margin-right: 0
    }

    footer>a {
        display: none
    }

    .alcenter {
        display: none
    }

    .al_left {
        display: block;
        width: 100%;
        padding-bottom: 20px
    }

    .al_right {
        display: block;
        width: 100%
    }

    .al_l_inner:before {
        display: none
    }

    .container {
        width: 100%;
        padding: 0 5%
    }

    .new_left {
        display: block;
        width: 100%
    }

    .new_center {
        display: none
    }

    .new_right {
        display: block;
        width: 100%
    }

    .newnp {
        position: static;
        height: auto !important;
        box-sizing: border-box;
        padding: 0 5%
    }

    .newbannernpo {
        position: static;
        padding: 20px 0;
        transform: translateX(0);
        text-align: center
    }

    .new_left ul li {
        width: 30%;
        margin-right: 5%;
        text-align: center;
        display: inline-block
    }

    .new_left ul li:nth-child(3) {
        margin-right: 0
    }

    .new_left ul {
        padding: 0 5%;
        box-sizing: border-box;
        padding: 0 5%
    }

    .product_right li font {
        display: none
    }

    .n_prev,
    .n_next {
        display: inline-block
    }

    .contact_left>img:nth-child(2) {
        display: none
    }

    .contact_left>img:nth-child(1) {
        display: block
    }

    .contact_left>ul {
        display: none
    }

    .contact_left {
        width: 100%
    }

    .contact_right {
        width: 100%;
        margin-top: 20px;
        padding-left: 0
    }

    .foot_logo {
        display: block;
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px
    }

    .foot_nav {
        width: 100%;

    }

    .foot_ewm {
        margin-top: 15px;
        text-align: center;
        width: 100%
    }

    .yqlj {
        margin-top: 20px !important;
        display: none;
    }

    .gsjjimg {
        width: 100%
    }

    .gss_txt {
        width: 100%;
        padding: 20px 0
    }

    .gsjjlist>li {
        padding: 0
    }

    .gsjjimg {
        opacity: 1;
        transform: translateX(0)
    }

    .gss_txt {
        opacity: 1;
        transform: translateX(0)
    }

    .gsjjlist>li:first-child {
        margin-top: 0
    }

    .pic_box {
        position: static;
        background: rgba(0, 0, 0, .9)
    }

    .pic_tit {
        top: 50%
    }

    .cpal li {
        width: 100%
    }

    .cpal li:nth-child(1) a {
        padding-left: 18.75%
    }

    .foot_nav ul {
        margin-right: 55px
    }

    .foot_nav ul:last-of-type {
        margin-right: 0
    }

    .mar {
        margin-top: 0
    }

    .pp_left {
        display: block;
        width: 100%;
        padding: 30px
    }

    .pp_center {
        display: none
    }

    .pp_right {
        display: block;
        width: 100%
    }

    .ppjsright {
        position: static;
    }

    .ppjsright li,
    .ppjsright li>div {
        position: static;
        transform: translateY(0)
    }

    .ppjsright li {
        padding: 30px;
        background: #f7f7f7
    }

    .ppimg:after {
        display: none
    }

    .ppimg {
        width: 100%;
        text-align: left;
        margin-bottom: 26px
    }

    .pptxt {
        width: 100%
    }

    .sjsinner {
        text-align: center
    }

    .sjslist li a {
        padding: 60px 0
    }

    .sjslist li .masterinner {
        transform: translateX(0);
        opacity: 1;
    }

    .ryzz_left {
        width: 100%;
        padding-right: 0;
        padding: 20px 0
    }

    .ryzz_right {
        width: 100%;
        padding-left: 0
    }

    .rylist .container {
        padding: 8px 5%
    }

    .rylist .container:before {
        display: none
    }

    .rylist .container:after {
        display: none
    }

    .cpseach {
        padding: 20px 5%
    }

    .product_right.cp li,
    .designerworks .product_right li {
        height: auto;
        width: 49%;
        margin-right: 2%;
        vertical-align: top
    }

    .product_right.cp li:nth-child(2n),
    .designerworks .product_right li:nth-child(2n) {
        margin-right: 0
    }

    .product_right.cp li p,
    .designerworks .product_right li p {
        height: 72px
    }

    .xqreturn {
        padding-top: 10px
    }

    .fl {
        position: static;
        transform: translateX(0);
        width: 90%;
        padding: 15px 5%;
        margin-bottom: 15px
    }

    .fl_left {
        width: 100%
    }

    .fl_left:after {
        display: none
    }

    .fl_right {
        width: 100%;
        padding: 10px 0 0
    }

    .fllist li {
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px
    }

    .qjtit {
        padding-left: 0;
    }

    .qjimg {
        width: 100%;
    }

    .qj_inner {
        width: 100%;
        padding-left: 0;
        border-left: 0
    }

    .fllist {
        padding: 80px 0
    }

    .rdcx {
        padding-top: 20px
    }

    .zytjlist li {
        width: 49%;
        margin-right: 2%
    }

    .zytjlist li:nth-child(2n) {
        margin-right: 0
    }

    .xqinner {
        padding: 40px 50px 35px
    }

    .sj li {
        width: 100%;
        margin-right: 0
    }

    .sj {
        margin-top: 3%
    }

    .qypiclist li {
        width: 100%;
        margin-right: 0
    }

    .qynewlist li a {
        padding: 0 5%
    }

    .qynewlist li span {
        text-align: right
    }

    .mtlist li {
        width: 100%;
        margin-right: 0
    }

    .mtlist {
        margin-top: 20px
    }

    .xq_left {
        width: 100%;
        margin-right: 0
    }

    .xq_left .xqinner {
        margin-right: 0
    }

    .xq_right {
        width: 100%
    }

    .xqnp {
        padding-bottom: 30px
    }

    .mbx {
        display: none
    }

    .video_left {
        width: 100%;
        display: block;
        margin-top: 30px;
    }

    .video_right {
        width: 100%;
        display: block;
        padding-left: 0;
        margin-top: 15px
    }

    .videobanner {
        position: static;
        width: 100%
    }

    .videobanner .swiper-container {
        width: 100%
    }

    .video_btn {
        position: static;
        text-align: center;
        transform: translateY(0);
        margin-top: 15px
    }

    .videobanner {
        height: auto
    }

    .videobanner .swiper-slide img {
        position: static;
        transform: translateX(0) translateY(0)
    }

    .video li a>p {
        display: none
    }

    .video_btn>div {
        display: inline-block
    }

    .video_btn>div:nth-child(1) {
        transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
    }

    .video_btn>div:nth-child(2) {
        transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
    }

    .zsfx li {
        width: 100%;
        margin-bottom: 30px
    }

    .zsfx ul {
        margin-top: 30px
    }

    .cpseach form {
        display: none
    }

    .allist li {
        width: 100%;
        margin-right: 0
    }

    .allist li span {
        display: none
    }

    .aqhbinner_left {
        width: 100%
    }

    .aqhbinner_right {
        width: 100%;
        padding-left: 0
    }

    .aqhbinner_right:before {
        display: none
    }

    .aqbanner {
        opacity: 1;
        transform: translateY(0)
    }

    .mftyinner {
        padding: 36px 0 126px
    }

    .mfbanner.container {
        padding: 0
    }

    .shsm .container {
        opacity: 1;
        transform: translateY(0)
    }

    .dmcx_left,
    .dmcx_right {
        opacity: 1;
        transform: translateX(0)
    }

    .mfty {
        margin-bottom: 210px
    }

    .seach,
    .header_button {
        display: none
    }

    header {
        position: relative;
        background: #2c2c2c;
        padding: 8px 0
    }
    .logo{
        margin-left: 5%;
    }
    
    .logo{
        margin-top: 0
    }
    .btn {
        margin-top: 5px
    }
    .add {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .add li {
        vertical-align: top
    }

    .add li div {
        display: block;
    }

    .add li div {
        width: 100%;
        padding-left: 0
    }

    .jmzc,
    .jmzhic {
        width: 100%;
        display: block
    }
}

@media only screen and (max-width:414px) {
    .logo img {
        width: 100%;

    }
    .aboutbanner_txt h2{
        font-size: 18px;
    }
    .aboutbanner_txt p{
        font-size: 12px;
        line-height: 22px;
    }

    .aboutbanner_txt p:nth-of-type(2){
        height: 110px
    }
    .logo {
        width: 58px
    }

    .btn i:nth-child(1) {
        margin-top: 0
    }

    .btn {
        height: auto
    }

    .nav {
        top: 51px;
        height: calc(100vh - 51px)
    }

    .index_about {
        padding: 30px 0 0
    }
    .new_left .index_tit{
        padding-left: 9%
    }
    .title h2 {
        font-size: 18px;
        line-height: 20px;
    }

    .title h3 {
        font-size: 16px;
        line-height: 18px;
    }
    .new{
        border-top: 35px solid #fff;
        border-bottom: 35px solid #fff;
    }
    .back{background: #fff;}
    .index_tit a {
        display: none
    }

    .about_tab li span {
        display: none
    }

    .about_tab li img {
        width: 20px;
    }

    .about_tab li {
        padding: 8px 0
    }

    .about_tab li h2 {
        font-size: 12px;
        margin-top: 0
    }

    .about_tab li:before {
        height: 2px;
        bottom: -2px
    }

    .about_tab li:after {
        height: 2px;
        bottom: -4px
    }

    .master {
        display: none
    }

    .m_master {
        height: auto
    }

    .master_img {
        transform: translateX(0);
        margin: 0 auto;
        display: block
    }

    .mastertxt {
        display: block;
        width: 100%;
        padding-left: 0;
        text-align: center;
    }

    .masterinner {
        margin-top: 0;
        padding: 100px 0
    }

    .m_master .swiper-slide {
        background-size: cover
    }

    .mastertxt h4 p {
        height: 60px
    }

    .m_master .swiper-button-prev img,
    .m_master .swiper-button-next img {
        width: 12px;
    }

    .m_master .swiper-button-prev {
        transform: rotate(-90deg);
        left: 5%;
    }

    .m_master .swiper-button-next {
        transform: rotate(-90deg);
        right: 5%
    }

    .product_left {
        padding: 30px 0;
    }

    .cptab {
        margin-top: 20px
    }

    .cp_item {
        background: #eee
    }

    .product_left>a,
    .aboutbanner_txt a {
        display: none
    }

    .product_right li:hover .cptxt {
        transform: translateY(0) !important;
        padding-top: 10px !important
    }

    .product_right li p {
        display: none
    }

    .cptxt h2 {
        font-size: 12px
    }

    .al_left {
        padding: 20px 5% 10px
    }

    .al_txt p,
    .al_l_inner>a {
        display: none
    }

    .al_left .index_tit {
        padding-bottom: 15px;
        margin-bottom: 15px;
        margin-top: 10px
    }

    .al_txt h2 {
        font-size: 16px
    }

    .al_txt h3 {
        font-size: 12px
    }

    .newbannernpo.ac {
        display: none
    }

    .newtxt span,
    .newtxt font {
        display: none
    }

    .newtxt h2 {
        margin-bottom: 0
    }

    .contact_right h6 {
        width: 36px;
        height: 36px;
        font-size: 18px;
        margin-bottom: 10px;
        line-height: 36px
    }

    .contact_right h3 {
        font-size: 18px;
        margin-bottom: 10px;
        line-height: 24px
    }

    .contact_right p {
        font-size: 12px;
        
    }

    .contact_right a {
        display: none
    }

    .hzhblist li {
        width: 33.33%
    }

    footer {
        text-align: center;
        padding-top: 40px
    }

    .copyright p {
        line-height: 20px;
        text-align: center;
        float: none
    }

    .copyright {
        padding: 8px 0
    }

    .foot_nav {
        display: none
    }

    .copyright p br {
        display: block
    }

    .pic_tit {
        display: none
    }

    .ej_nav li {
        margin-right: 12px
    }

    .ej_nav li a {
        font-size: 12px;
        line-height: 36px;
        padding: 0 6px
    }

    .gsjjlist>li:first-child {
        padding: 20px
    }
    .about_gsjj{
        padding-bottom: 40px
    }
    .more{
        margin: 15px auto 36px
    }
    .gsjjlist>li {
        margin-bottom: 15px;
        padding: 20px
    }
    .rdcx ul{
        padding-bottom:20px
    }
    .pptxt{
        padding-left: 0
    }
    .ppjsright li>div{
        width: 100%;
        left: 0;
    }
    .designer .sjslist li .masterinner {
        background: transparent;
        padding: 0
    }

    .designer .mastertxt h2,
    .designer .mastertxt span,
    .designer .mastertxt h4 {
        opacity: 1;
        transform: translateX(0)
    }

    .designer .sjslist li .master_img {
        width: 80%
    }

    .cpal li span {
        display: none
    }

    .cpal li a {
        padding: 20px 10% !important
    }

    .cpal li h2,
    .cpal li h3 {
        font-size: 18px;
        line-height: 26px
    }

    .rylist .rytime {
        display: block;
        margin-left: 0;
        text-align: left
    }

    .rylist .rytime h3 {
        padding-left: 0
    }

    .rytxt {
        display: block;
        width: 100%
    }

    .rylist li:hover {
        background: transparent
    }

    .rylist li:hover .container {
        padding-top: 8px;
        padding-bottom: 8px;
    }

    .more h6 {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 20px
    }
    .designerxq{
        padding: 30px 5%
    }
    .designerpic {
        display: block;
        width: 50%;
        height: 50%;
        margin: 0 auto;
    }

    .desginertxt {
        width: 100%;
        padding-left: 0
    }

    .designerbac {
        width: 100%;
        position: static;
        height: 60px
    }

    .desginertxt h2 {
        font-size: 26px;
        margin-bottom: 15px
    }

    .desginertxt h2 span {
        font-size: 14px;
        display: block
    }

    .desginertxt h2:after {
        margin-top: 15px;
    }

    .sjlist li {
        width: 100%;
        margin-right: 0
    }

    .sjlist li span {
        width: 100%;
        writing-mode: horizontal-tb;
        height: auto;
        position: static;
        transform: translateY(0);
        font-size: 12px;
        line-height: 30px
    }

    .designerworks .product_right li {
        width: 100%;
        margin-right: 0
    }

    .cptxt h2 {
        height: auto
    }

    .cptxt {
        padding: 10px
    }

    .designerworks {
        margin-bottom: 30px;
    }

    .cpseach li:first-child {
        display: block
    }

    .cpseach li a {
        font-size: 12px;
        margin: 0 8px;
    }

    .cpseach li a:after {
        display: none
    }

    .cpseach li {
        margin-bottom: 10px
    }

    .product_right.cp li {
        width: 100%;
        margin-right: 0
    }

    .rdcx li {
        opacity: 1;
        transform: translateY(0)
    }

    .zytjlist li {
        width: 100%;
        margin-right: 0
    }

    .zytjlist li span {
        height: auto
    }

    .tjimg {
        margin-bottom: 10px
    }

    .mbtj {
        padding: 36px;
    }

    .mbtj h2 {
        font-size: 22px;
        line-height: 36px
    }

    .mbtj h3 {
        font-size: 14px;
        line-height: 28px;
    }

    .sj li {
        padding: 8px;
    }

    .sj li div {
        padding: 12px 0
    }

    .sj li h2 {
        font-size: 14px;
        display: block;
        float: none;
    }

    .sj li h3 {
        float: none;
        text-align: right
    }

    .qypic_txt {
        padding: 12px
    }

    .qypic_txt p {
        height: auto;
    }

    .qynewlist p {
        display: block;
        width: 100%;
        padding-right: 0;
        line-height: 26px
    }

    .qynewlist li span {
        display: block;
        text-align: left;
        width: 100%
    }

    .mtlist li span,
    .mtlist li font {
        display: none
    }

    .mtlist li img {
        margin-bottom: 10px
    }

    .mtlist li p {
        height: auto;
        margin-bottom: 0
    }

    .video_case,
    .videobanner {
        height: auto
    }

    .zsfx li img {
        width: 100%;
    }

    .zstxt {
        width: 100%;
        padding-left: 0;
        margin-top: 10px;
    }

    .zsfx li h2 {
        height: auto
    }

    .zsfx {
        overflow: hidden;
    }

    .aqhbinner {
        padding: 20px
    }

    .aqtit h2,
    .aqtit h3 {
        padding-left: 0
    }

    .aqtit h4 {
        padding: 0 10px;
        font-size: 16px;
        line-height: 34px
    }

    .aqhbinner_right h3 {
        font-size: 16px
    }

    .dmcx_right .cmap {
        display: none
    }

    .dmcx_left {
        width: 100%
    }

    .dmcx_right {
        width: 100%
    }

    .dmcx_left span {
        width: 60px;
        height: 60px;
    }

    .dmcx_left span font {
        width: 54px;
        height: 54px;
        line-height: 54px
    }

    .dmcx_left span font img {
        width: 28px
    }

    .dmcx_left .aqtit {
        margin-bottom: 15px;
    }

    .dmcx_left h4:before {
        display: none
    }

    .dmcx_left h4 {
        font-size: 22px
    }

    .md_info {
        width: 100%;
        margin-top: 0;
        padding-bottom: 20px
    }

    .md_info h2 {
        font-size: 16px;
        line-height: 26px
    }

    .md_info p {
        width: 100%;
        font-size: 14px;
        line-height: 24px
    }

    .md_info a {
        display: none
    }

    .mfty {
        margin-bottom: 120px
    }

    .add {
        background-image: none
    }

    .add li {
        width: 100%;
        padding-right: 0;
        text-align: center
    }

    .add>a {
        color: #689f73
    }

    .zpxxs {
        margin-top: 30px
    }

    .inp {
        width: 100%;
        margin-right: 0;
        padding-bottom: 10px
    }

    .lxtit h3 {
        display: none
    }

    .zsjm .container {
        padding: 0 5%
    }

    .jmzc,
    .jmzhic {
        padding: 20px 5%
    }
    .wrap{
        overflow: hidden;
    }
    .xqinner{
        padding: 40px 20px
    }
    .xqtit h2{
        font-size: 18px
    }
    .banner .swiper-pagination{
        display: none
    }
    .banner_btn{
        bottom:0
    }
    .maxqimg{
        width: 100%;
        margin-right: 0;
        padding-top: 20px;
        float:none
    }
    .mbxqtxt h2:before{
        display: none
    }
    .mbxqtxt h2{
        font-size: 18px;
        line-height: 30px;
        padding-top: 0;
        margin-bottom: 15px
    }
   .bzlist li{
       width: 100%;
       margin-right: 0
   }
   .bzlist li:last-child a{
       margin: 10px auto;
       line-height: 0
   }
   .bzlist li:last-child a div{
       display: none
   }
   .designerbac{
       display: none
   }
}