/*media*/
@media screen and (max-width: 1440px){
    header .wrap{width: 98%;}
    .infoA li p{font-size: 2rem;line-height: 2rem;padding: 22%;}
    .infoA li dl{font-size: 1rem;line-height: 1.4rem;padding: 35% 22%;}

    .infoB li p{font-size: 2rem;line-height: 2rem;padding: 22%;}
    .infoB li dl{font-size: 1rem;line-height: 1.4rem;padding: 35% 22%;}

    .dingzhi li{padding: 20px}
    .case-sw li .txt{top: 90%}

    .contact .contact_l{padding: 18% 0 0 14%;}
    .reveal-modal {margin-left: -184px;}
    .wrap{width: 80%}

    footer .tel h4{font-size: 18px;font-weight: bold;}
}
@media screen and (max-width: 1366px){
    header .wrap{width: 100%;}
    .qy-data li h4 b{font-size: 34px;}
    .aptitude-t h4{font-size: 26px;}
    .case-sw li h4{font-size: 14px;}
    .case-sw li p{font-size: 12px;}
    .case-sw li{height: 298px;}

    .infoA li p{font-size: 1.8rem;line-height: 1.8rem;padding: 20%;}
    .infoA li dl{font-size: 0.6rem;line-height: 1.4rem;padding: 31% 20%;}

    .infoB li p{font-size: 1.8rem;line-height: 1.8rem;padding: 20%;}
    .infoB li dl{font-size: 0.6rem;line-height: 1.4rem;padding: 31% 20%;}

    .case-sw li .txt{top: 85%}


    header .nav{width:50%;}

    footer .tel h4{font-size: 16px;font-weight: bold;}
}
@media screen and (max-width: 1280px){
    header .wrap{width: 100%;}
    .discharge-menu a{font-size: 20px;}
    footer .addre {width: 14.3%;}
}
@media screen and (max-width: 1200px){
    .wrap{width: 90%;}
    header .wrap{width: 100%;}
    footer .tel h3{font-size: 26px;}
    .AIotA-t .R{width: 48%;}
    .AIotA-t .L{width: 50%;}
    .field li h4{font-size: 18px;}
    .field li dl{font-size: 16px;}
    .oration .L{width: 65%;}
    .oration .R{width: 30%;}
    .oration .L li:before{right: -41px;}
    .AIot-btn{font-size: 29px;}
    .overview-b .R{width: 60%;}
    .overview-b .L{width: 37%;}
    .oration .L p,.oration .L li,.AIot-txt p,.trait li .txt p,.trait li .txt h4,.overview-t li .txt p,.gy-item p,.qy-info .mian,.course-sw li .txt,.contrast{font-size: 16px;line-height: 30px;}
    .trait li .txt h4,.dt-skill .mian h4{font-size: 18px;}
    footer .link a{font-size: 14px;}
    .discharge-menu a{width: 210px;font-size: 18px;height: 45px;line-height: 45px}
    .qy-info .mian{margin:22px 0 37px }
    .qy-data li h4 b{font-size: 30px;}
    .qy-data li p{font-size: 12px;}
    .qy-data{padding:30px 0;}
    .qy-info{padding:50px 0 0 0;}
    .hz-unit li p,.course-sw li .year,.infoA li p{font-size: 16px;}
    .hz-unit .mian{margin-top: 25px;}
    .hz-unit,.trait{padding: 35px 0}
    .hz-unit li,.infoA li{height: 176px;}
    .distribute{padding-top: 50px;}
    .distribute .main,.oration .mian,.AIotA-t,.discharge-cont,.trait .mian,.cg-case .mian,.overview-t,.AIot-txt,.AIot-btn,.rysk .mian,.recruit .item ul,.relation-c,.relation-b,.pf-case .mian,.field .mian,.gszz,.zscq{margin-top: 30px;}
    footer .foot-t{padding: 20px 0}
    .oration{margin-top: 40px;}
    .field,.AIotA,.discharge,.overview,.contrast,.cg-case,.AIot,.scenery,.aptitude,.recruit,.min-txt,.relation{margin: 40px 0}
    .teamwork .main,.scenery-cont{margin-top: 35px;}
    .AIotA-b{padding:26px 0;margin-top: 30px;}
    .gy-item dl{display:table;word-spacing:-1em;width: 100%;}
    .gy-item img{margin: 10px;    zoom: .8}
    .AIot-list{margin-top: 40px;}
    .scenery-menu a{font-size: 14px;height: 50px;line-height: 50px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap}
    .img-list{display:table;word-spacing:-1em;width: 100%;}
    .jgjc-div img{display: inline-block;margin:0 1em 1em 0;    zoom: .8}
    .rysk .mian li p{font-size: 18px;height: 50px;line-height: 50px;}
    .zscq .mian .item img,.min-txt img{min-width: 45%;zoom: .8}
    .recruit .item,.teamwork{margin-bottom: 40px;}
    .pf-case{padding:33px 0 40px;}
    .case-pag{bottom: -49px;}
    .case-sw li h4{display: none}


}
@media screen and (max-width: 1024px){
    header .nav{display: none}
    .top-left{display: block;}
    header{padding: 12px 0}

    /*首页产品分类*/
    .field li{width: 33.3%;padding: 2% 1%;}
    .field li dl{font-size: 18px;}
    .field li span img{max-height: 120px}   
    /*首页优势*/
    .infoA .wrap{width: 100%;}
    .infoA li,.hz-unit li{width: 33.3%;}  

    /*首页客户案例   */
    .case-sw li .txt{top:87%;}

    .qy-data li h4 b{font-size: 30px;}
    .qy-data li h4{font-size: 18px;}
    .qy-data li:nth-child(3n):before{}
    .qy-data li:nth-child(3n):before{display: none}
    .qy-data li{width: 33%;margin-bottom: 1em}
    .aptitude-t dl span{font-size: 20px;}
    .aptitude-t h4{font-size: 24px;}
    .oration .L li:before{display: none}

    .case-sw li{display: block;height: auto}
    .case-sw li .pic{width: 100%;float: none;height: 100%}
    .case-sw li .txt{width: 100%;float: none;height: auto}
    .case-sw li p{display: none}
    .case-sw li a{margin-top: 0}
    .case-sw li h4{font-size: 14px;display: block;}
    .case-sw li .txt .tabbox{padding: 1em;}
    .teamwork li{width: 20%;height: 100px;line-height: 100px;}
    .teamwork li:nth-child(7n):before{display: block;}
    .teamwork li:nth-last-child(6),.teamwork li:nth-last-child(7){border-bottom: 1px #c9c8c8 solid}
    .oration .L p, .oration .L li, .AIot-txt p, .trait li .txt p, .trait li .txt h4, .overview-t li .txt p, .gy-item p, .qy-info .mian, .course-sw li .txt, .contrast{font-size: 14px;line-height: 24px;}
    .oration .L{width: 100%;margin-top: 1em}
    .oration .L h4{font-size: 20px;}

    .oration .R{width: 100%;text-align: left;}
    .oration .L ul{margin: 1em 0}
    .banner-pag .swiper-pagination-bullet{width: 12px !important;height: 12px !important;border-radius: 12px !important;}
    .banner-pag{bottom: 1em;}

    .AIotA-t .L{width: 100%;text-align: center;}
    .AIotA-t .R{width: 100%;margin-top: 1em;}
    .AIot-btn{font-size: 26px;height: 95px;line-height: 95px}
    .AIot-btn img{zoom:.8;}
    footer .link{display: none}
    .foot-t-top{padding-bottom: 0;display: block;}
    footer .addre li{line-height: 30px;}
    footer .science,footer .tel{width: 100%;margin-top:15px;}
    footer .ewm{margin-top: 1em;}
    .gy-item h4{font-size: 20px;}
    .discharge-menu a{font-size: 16px;}
    .overview-b .R{font-size: 16px;}
    .trait li{width: 48%;margin: 0 2% 2% 0}
    .dt-skill .mian p{font-size: 16px;line-height: 30px;}
    .dt-skill{padding: 30px 0}
    .dt-skill .mian{margin-top: 30px;}
    .cg-case li{width: 48%;margin: 0 2% 2% 0}
    .overview-t li{width: 50%;}
    .AIot-list li{width: 32.33%;margin: 0 1% 1% 0}
    .rysk .mian li p{font-size: 16px;height: 40px;line-height: 40px;}
    .rysk .mian li span{height: 151px;}
    .gszz .item li:first-child{width: 48%;}
    .gszz .item li{width: 48%;margin: 0 2% 2% 0}
    .gszz .item li img{object-fit: contain;}
    .gszz .item{margin-bottom: 0}
    .zscq .mian .item img, .min-txt img{object-fit: contain;margin-bottom: 1em;}
    .zscq .mian .item,.min-txt p{display: block;}
    .recruit .item li{width: 49%;}
    .relation-c li{width: 100%;}
    .relation-c li:nth-child(2){margin: 1em 0}
    .relation-c li .padd{}
    .relation-c li{padding: 10px 0;text-align: left}
    .relation-c li span{border-bottom: none;padding:0;margin: 0 1em 0 0;float: left;line-height: 46px;}
    .relation-c li span img{zoom:.8;}
    .ContactTab .hd a{font-size: 16px;}
    .AIotA-b li h4{font-size: 16px;}
    .AIotA-b li p{font-size: 14px;}
    .relation-c li p strong{font-size: 22px;}
    footer .addre{width: 100%;}
    .AIotA-t .wrap{height: auto;}
    .AIotA-t .R p{width: 100% !important;}
    .AIotA-t .R dl{position: relative;}


}
@media screen and (max-width: 800px){

    .rysk .mian li{width: 48%;}
    .discharge-menu br{display: none}
    .discharge-menu a{width: 30%;}
    .teamwork li{width: 25%;}
    .banner li img{min-height: 300px;}
    .teamwork li:nth-last-child(5){border-bottom: 1px #c9c8c8 solid;}
    .zscq .txt{font-size: 16px;line-height: 28px;}
    .jgjc-div .list{margin-top: 30px;}
    .banner_left, .banner_right,.case-l, .case-r{background-size: 50% !important;width: 40px !important;height: 70px !important;}
    .case-sw{width: 90%;}
    .case-sw li .box{margin-top: 0;width: 100%;height: 100%;}

}

@media screen and (max-width: 670px){
    .wrap{width:100%;}
    .moblic{display: block;}
    header .wrap{width: 98%}
    header,header.fixed{padding: 0;background: #fff}
    header.detail{padding: 0}
    footer .moblic{padding: 0 20px;margin-bottom:50px}
    footer .moblic .wrap li{line-height: 35px;}
    footer .moblic .wrap li a{color: #fff;font-size: 12px;width: 100%;background: url(../images/04.gif) no-repeat right;display: block;}
    footer .moblic .wrap li a.cur{color:#6fb600;background:url(../images/04_h.gif) no-repeat right;}
    footer .moblic .wrap li ul{display:none;color:#666;padding:5px 0 5px 0px;}
    footer .moblic .wrap li ul li{float:none;background-image:none;height:26px;line-height:26px;margin-top:0px;font-size:12px;}
    footer .moblic .wrap li li a{padding-left:30px;display:block;background:url(../images/05.gif) no-repeat left;}
    footer .moblic .wrap li a:hover{color:#6fb600;}
    footer .moblic .wrap li .txt{float:right;}
/*    footer .moblic .text{height: 40px;line-height: 40px;}
    footer .moblic .text p{color: #fff}*/
    footer .foot_nav{display: block;height: 50px;background: #63b025;position: fixed;bottom: 0;width: 100%;z-index: 999}
    footer .foot_nav li{float: left;width: 21.5%;text-align: center;margin:10px 0;}
    footer .foot_nav li.tp{}
    footer .foot_nav li a{color: #fff;font-size: 14px;height: 30px;line-height: 30px;}
    footer .foot_nav li:nth-child(2){border-left: 1px solid #fff;border-right: 1px solid #fff}
    footer .foot_nav li:nth-child(3){border-right: 1px solid #fff;margin-left: 14%;}
    .page {position: relative;z-index: 5;background: #fff;top: 81.40625vw;overflow: hidden;}
    .field,
    .recruit,
    .distribute .main, 
    .oration .mian, 
    .rysk .mian,
    .recruit .item, 
    .pf-case .mian,
    .field .mian{margin:0;}
    .page_detail{padding-top: 50px;}

    .mo_tan{width: 40%;text-align: center;height: auto;left: 30%;top: 38%;background: #fff;}
    .mo_tano{display: none!important;}
    .side{display: none;}

    .kj-sw .swiper-slide,.pf-case .swiper-slide{width: 70%!important}
    .product,.contact {margin: 50px auto;}
    .case-l:hover, .case-r:hover{background: none}
    .banner.mobile .swiper-button-next.banner_right{background-image: url(/static/images/le.png);}
    .banner.mobile .swiper-button-prev.banner_left{background-image: url(/static/images/ri.png);}
    .kjserv,.ys-info,.pf-case,.provideo,.dingzhi,.recruit{padding:20px 0 20px;}
    .aptitude-t {text-align: center;margin: 13px 0;}
    .aptitude-t h4{font-size: 22px;color: #171717;text-transform: uppercase;}
    .aptitude-t dl{position: relative;margin-top: 0px;}
    .aptitude-t dl span{font-size: 16px;color: #5f5f5f;position: relative}

    /*banner*/
    .banner.moblic.detail img{width: 100%}

    /*首页产品分类*/
    .field .mian {padding: 15px 0 0;}
    .field li{width: 33.3%;padding: 1% 1%;}
    .field li dl{font-size: 14px;}
    .field li span img{max-height: 50px}   
    .field li span{margin-top: 0}
    .field li:nth-child(7){display: none;}
    .field .more{display: block;}
    .field .more{text-align: center;font-size: 14px;margin:12px 0;}
    .field .more a{display: block;}


    /*首页空间特色*/
    .kjserv{display: none;}
    .kj-case{background: #f2f2f2}
    .kj-sw li .txt_t{top: 82%}
    .kj-case .swiper-button-next{color: #fff;font-size: 36px;transform: translate(100%) rotate(270deg);background-image:none;right: 100%;}
    .kj-case .swiper-button-prev{color: #fff;font-size: 36px;transform: translate(-100%) rotate(90deg);background-image:none;right: 100%;} 

    /*首页优势*/
    .ys-info {padding: 10px 0 0;}
    .ys-info .aptitude-t {margin-bottom: 30px;}
    .infoC{width: 100%;margin-bottom: 60px}
    .infoC li{padding: 0 20px;width: 100%;margin:10px 0;}
    .infoC li .infoc_img{width: 20%;float: left;background: url(../images/mobile.png)no-repeat center;text-align: center;background-size: cover}
    .infoC li .infoc_img p{height: 93px;line-height: 93px;color: #fff;font-size: 30px;font-weight: 700;}
    .infoC li .infoc_img img{width: 100%;}
    .infoC li .infoc_text{width: 80%;float: left;padding: 10px 0 0 20px}
    .infoC li p{font-size: 22px;line-height: 30px;color: #63b025;}
    .infoC li dl{font-size: 14px;line-height: 20px;}


    /*首页客户案例   */
    .pc{display: none;}
    .case-l,.case-r{background: none}
    .mobile{display: block;}
    .pf-case .swiper-button-next{color: #fff;font-size: 36px;transform: translate(100%) rotate(270deg);}
    .pf-case .swiper-button-prev{color: #fff;font-size: 36px;transform: translate(-100%) rotate(90deg);}
    .pf-case {
        background: url(/static/picture/a4_14.jpg) no-repeat center;
        background-size: cover;
        position: relative;
    }

    .pf-case .more{text-align: center;color: #fff;margin-top: 20px}
    .pf-case .more a{display: block;}

    .index-btn{display: none;}
    .case-sw{width: 100%}
    .case-sw li .txt{top: 83%;background: none}
    .case-sw li h3{font-size: 12px;}

    /*首页产品视频*/
    .provideo .pc{display: none;}
    .provideo .item{padding: 0 20px}
    .provideo .item li{width: 100%}
    .provideo .wrap .more{text-align: center;font-size: 14px;margin:12px 0;}
    .provideo .wrap .more a{display: block;}

    /*首页全景体验*/
    .oration{margin:0;}
    .oration .pic1{display: none;}
    .oration .pic2{display: block;}

    /*首页定制家具*/
    .dingzhi li{width: 33.3%}
    .dingzhi li {padding: 10px 20px 0;}
    /*首页智享社区*/
    .recruit .item{padding: 0 20px}
    .recruit .item li{width: 100%}
    .recruit .wrap .more{text-align: center;font-size: 14px;margin:12px 0;}
    .recruit .wrap .more a{display: block;}

    /*案例中心*/
    .page_list .moblic .rysk_m .mian{padding: 23% 4% 4% 4%}
    .moblic .rysk_m ul li{box-shadow: 0px 2px 8px rgba(89,87,87,.7);margin:20px 0;border-radius: 5px;overflow: hidden;visibility: visible!important;}
    .moblic .rysk_m ul li .rysk_text{padding: 20px}
    .moblic .rysk_m .rysk_img img{width: 100%;}
    .moblic .rysk_m ul li .rysk_text p{height: 30px;line-height: 30px;}
    .moblic .rysk_m ul li .rysk_text p img{width: 80px;margin-right: 15px}
    .moblic .rysk_m ul li .rysk_text p span{font-size: 14px;border-left: 1px solid #000;padding-left: 25px;}
    .moblic .rysk_m .aptitude-t{background: #fff;border-radius: 5px;box-shadow: 0px 2px 8px rgba(89,87,87,.7);padding: 20px 0 10px 0px;width:96%;position: absolute;left: 2%;z-index: 8;margin-top: -10px}
    .moblic .rysk_m .aptitude-t h4{text-align: left;font-size: 18px;padding-left: 30px;height: 40px}
    .moblic .rysk_m .aptitude-t dl{text-align: left;font-size: 14px;margin-top: 10px;padding-left: 30px}
    .moblic .rysk_m .aptitude-t dl span{font-size: 14px;padding: 0 0 10px 0;/*border-bottom:3px solid #63b025;*/margin-right: 20px}
    .moblic .rysk_m .aptitude-t dl span.active{border-bottom:2px solid #63b025;}
    .moblic .rysk_m .aptitude-t hr{margin:0;}
    .moblic .rysk_m .more{text-align: center;font-size: 14px;margin:12px 0;}
    .moblic .rysk_m .more a{display: block;}

    /*案例详情*/
    .moblic .case_m{}
    .moblic .case_m .title {float: left;}
    .moblic .case_m .title span{margin:5px;}
    .moblic .case_m .banner img{width: 100%}
    .moblic .case-txt{margin:30px 0 40px;position: relative;}
    .moblic .case-txt h3{font-size: 16px;font-weight: bold;padding-left:20px;height: 50px;line-height: 50px;text-align: center;border-top: 1px solid #fff}

    .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 17px!important}

    .moblic .case-txt .swiper-button-next{/*background-image: none;*/top:61.5%!important;background-image: url(/static/images/le.png);height: 27px;}
    .moblic .case-txt .swiper-button-prev{top:61.5%!important;background-image: url(/static/images/ri.png);height: 27px;}


    /*智享社区*/
    .page_list .moblic .news_m .mian{padding: 23% 4% 4% 4%;display: none}
    .moblic .news_m .mian.active{display: block;}
    .moblic .news_m ul li{box-shadow: 0px 2px 8px rgba(89,87,87,.7);margin:20px 0;border-radius: 5px;overflow: hidden;}
    .moblic .news_m ul li .news_text{padding: 20px}
    .moblic .news_m .news_img img{width: 100%;}
    .moblic .news_m ul li .news_text p{height: 30px;line-height: 30px;}
    .moblic .news_m ul li .news_text p img{width: 80px;margin-right: 15px}
    .moblic .news_m ul li .news_text p span{font-size: 14px;border-left: 1px solid #000;padding-left: 25px;}
    .moblic .news_m .aptitude-t{background: #fff;border-radius: 5px;box-shadow: 0px 2px 8px rgba(89,87,87,.7);padding: 20px 0 10px 0px;width:96%;position: absolute;left: 2%;z-index: 8;margin-top: -10px}
    .moblic .news_m .aptitude-t h4{text-align: left;font-size: 18px;padding-left: 30px;height: 40px}
    .moblic .news_m .aptitude-t dl{text-align: left;font-size: 14px;margin-top: 10px;padding-left: 30px}
    .moblic .news_m .aptitude-t dl span{font-size: 14px;padding: 0 0 10px 0;margin-right: 15px}
    .moblic .news_m .aptitude-t dl span.active{border-bottom:2px solid #63b025;}
    .moblic .news_m .aptitude-t hr{margin:0;}
    .moblic .news_m .more{text-align: center;font-size: 14px;margin:12px 0;}
    .moblic .news_m .more a{display: block;}

    /*新闻详情页*/
    .page_detail{margin-top: 0}
    .moblic .min-txt{width: 100%;float: none;padding: 5% 4% 0% 4%;margin-top: 0}
    .moblic .min-txt h3{height: 40px}
    .moblic .min-txt h3 a{margin:0 5px}
    .moblic .min-txt h4{font-size: 16px;color: #4b4948;font-weight: bold}
    .min-txt h5{font-size: 14px;color: #00428a;}
    .min-txt p{margin-top: 20px}

    .moblic .max-txt{width: 100%;float: none;border-top: 1px solid #f2f2f2;padding: 20px 0 0;position: relative;}
    .moblic .max-txt h3{text-align: center;font-size: 18px;font-weight: bold;}
    .moblic .max-txt li{margin:20px 0;}
    .moblic .max-txt li img{width:100%;}
    .moblic .max-txt li p{font-size: 14px;margin:10px 0;}
    .moblic .max-txt h3{font-size: 16px;margin-bottom: 0px}    
    .moblic .max-txt .swiper-button-next{/*background-image: none;*/top:54.5%!important;}
    .moblic .max-txt .swiper-button-prev{top:54.5%!important;}
    .moblic .max-txt .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 35px}

    /*vr展示页*/
    .moblic .vr_m .mian{padding: 23% 4% 4% 4%;}
    .moblic .vr_m ul li{box-shadow: 0px 2px 8px rgba(89,87,87,.7);margin:20px 0;border-radius: 5px;overflow: hidden;}
    .moblic .vr_m ul li .vr_text{padding: 20px}
    .moblic .vr_m .vr_img img{width: 100%;}
    .moblic .vr_m ul li .vr_text p{height: 30px;line-height: 30px;}
    .moblic .vr_m ul li .vr_text p img{width: 80px;margin-right: 15px}
    .moblic .vr_m ul li .vr_text p span{font-size: 14px;border-left: 1px solid #000;padding-left: 25px;}
    .moblic .vr_m .aptitude-t{background: #fff;border-radius: 5px;box-shadow: 0px 2px 8px rgba(89,87,87,.7);padding: 20px 0 10px 0px;width:96%;position: absolute;left: 2%;z-index: 8;margin-top: -10px}
    .moblic .vr_m .aptitude-t h4{text-align: left;font-size: 18px;padding-left: 30px;height: 40px}
    .moblic .vr_m .aptitude-t dl{text-align: left;font-size: 14px;margin-top: 10px;padding-left: 30px}
    .moblic .vr_m .aptitude-t dl span{font-size: 14px;padding: 0 0 10px 0;margin-right: 15px}
    .moblic .vr_m .aptitude-t dl span.active{border-bottom:2px solid #63b025;}
    .moblic .vr_m .aptitude-t hr{margin:0;}
    .moblic .vr_m .more{text-align: center;font-size: 14px;margin:12px 0;}
    .moblic .vr_m .more a{display: block;}

    /*服务支持*/

    .moblic .service_m{margin-top: 30px}
    .moblic .service_m .icon{background: #fdfdfd}
    .moblic .service_m .icon li{float: left;width: 50%;position: relative;align-items:center;justify-content: center;text-align: center;
    box-shadow: 0 4px 10px 0 rgba(0,0,0,.05);padding:18px;}
    .moblic .service_m .icon li .service_img img{width: 100%}
    .moblic .service_m .icon li .service_img{display: -ms-flexbox;display: flex;-ms-flex-pack: center;
        justify-content: center;-ms-flex-align: center;align-items: center;margin-bottom: 1vw;margin:0 auto;}

    .moblic .service_m .service_ewm{display: inline-block;width: 100%;background: #fff;box-shadow: 0 4px 10px 0 rgba(0,0,0,.05);border-radius: 4px}
    .moblic .service_m .service_ewm .service_img{float: left;width: 52%;padding: 10px 20px 10px 60px;}
    .moblic .service_m .service_ewm .service_img img{width: 100%}
    .moblic .service_m .service_ewm .service_text{float: left;width: 48%;padding: 55px 10px 0}
    .moblic .service_m .service_ewm .service_text p{font-size: 18px;}
    .moblic .service_m .service_ewm .service_text dl{font-size: 14px;}

    .moblic .service_m .image li {float: left;width: 48%;margin: 0 1% 2% 1%;position: relative;}
    .moblic .service_m .image li .service_img{overflow: hidden;}
    .moblic .service_m .image li .service_img img{width: 100%;height: 100%;}
    .moblic .service_m .image li .service_img img:hover{transform:scale(1.1);transition: all 1s ease-in-out;}

    .moblic .service_m .image .service_text{padding: 20px;text-align: center;}
    .moblic .service_m .image .service_text p{font-size: 16px;font-weight: bold;}
    .moblic .service_m .image .service_text dl{font-size: 12px;color: #333;}
    .moblic .service_m .index-btn a{background: #fff;color: #000;border:1px solid #999;}

    .moblic.about_banner .service_img .text{position: absolute;top: 75%;left: 9%;z-index: 8}
    .moblic.about_banner .service_img .text ul li{float: left;color: #fff;font-weight: bold;font-size: 16px;}
    .moblic.about_banner .service_img .text ul li:nth-child(1),.about_banner .service_img .text ul li:nth-child(3){background: url(../images/ban.png);width: 120px;background-size: 100%;
        height: 26px;background-repeat: no-repeat;line-height: 22px;}
    .moblic.about_banner .service_img .text ul li:nth-child(2){background: url(../images/ban1.png);width: 120px;background-size: 100%;
        height: 26px;background-repeat: no-repeat;line-height: 22px;}
    .moblic.about_banner .service_img .text ul li:nth-child(2){position: absolute;left: 93%}
    .moblic.about_banner .service_img .text ul li:nth-child(3){position: absolute;left: 187%}    
    .moblic.about_banner .service_img .text ul li a{font-size: 12px;font-weight: normal;}

    /*产品中心*/
    .product .moblic .field{width: 85%;margin:0 auto;}
    .product .moblic .field li{float: left;width: 25%}
    .product .moblic .field li:nth-child(5),.product .moblic .field li:nth-child(6),.product .moblic .field li:nth-child(7),.product .moblic .field li:nth-child(8){
        border-top: 1px solid #eee;
    }
    .product .moblic .field li:nth-child(1),.product .moblic .field li:nth-child(5){border-left: none}
    .product .moblic li:nth-child(7){display: block;}
    .product .moblic .field li span{height: 30px;}
    .product .moblic .field li dl{margin-top: 2px}

    .moblic .product_m .bo{padding: 1%;display: none}
    .moblic .product_m .bo.active{display: block;}
    .moblic .product_m ul li{box-shadow: 0px 2px 8px rgba(89,87,87,.7);margin:2.5%;overflow: hidden;float: left;width: 45%}
    .moblic .product_m ul li .product_text{padding: 5px}
    .moblic .product_m .product_img img{width: 100%;}
    .moblic .product_m ul li .product_text p{height: 30px;line-height: 30px;}
    .moblic .product_m ul li .product_text p img{width: 80px;margin-right: 15px}
    .moblic .product_m ul li .product_text p span{font-size: 14px;}
    .moblic .product_m .aptitude-t{background: #fff;border-radius: 5px;box-shadow: 0px 2px 8px rgba(89,87,87,.7);padding: 20px 0 10px 0px;width:96%;left: 2%;z-index: 8;margin:20px auto;}
    .moblic .product_m .aptitude-t h4{text-align: left;font-size: 18px;padding-left: 30px;height: 40px}
    .moblic .product_m .aptitude-t dl{text-align: left;font-size: 14px;margin-top: 10px;padding-left: 30px}
    .moblic .product_m .aptitude-t dl span{font-size: 14px;padding: 0 0 10px 0;margin-right: 20px}
    .moblic .product_m .aptitude-t dl span.active{border-bottom:2px solid #63b025;}
    .moblic .product_m .aptitude-t hr{margin:0;}
    .moblic .product_m .more{text-align: center;font-size: 14px;margin:12px 0;}
    .moblic .product_m .more a{display: block;}  



    .moblic .product_mm ul li{box-shadow: 0px 2px 8px rgba(89,87,87,.7);margin:2.5%;overflow: hidden;float: left;width: 45%}
    .moblic .product_mm ul li .product_text{padding: 5px}
    .moblic .product_mm .product_img img{width: 100%;}
    .moblic .product_mm ul li .product_text p{height: 30px;line-height: 30px;font-size: 14px;}
    .moblic .product_mm ul li .product_text p img{width: 80px;margin-right: 15px}
    .moblic .product_mm h3 {margin: 1.5% 3%;font-size: 18px;}
    .moblic .product_mm .product_one{border-top: 1px solid #eee}

    .moblic .product_mm .more{text-align: center;font-size: 14px;margin:12px 0;}
    .moblic .product_mm .more a{display: block;}  
    
    /*产品详情  */
    .moblic .txt_m .title{float: left;}
    .moblic .txt_m .banner img{width: 100%}
    .moblic .product_m_txt{background: #fff;border-radius: 0 0 5px 5px;box-shadow: 0px 2px 8px rgba(89,87,87,.7);padding: 0 20px 20px;width: 96%;/*position: absolute;*/left: 2%;z-index: 8;/*margin-top: -10px;*/margin:0 auto;}
    .moblic .product_m_txt h3{font-size: 20px; color: #000;height: 30px;line-height: 30px;}
    .moblic .product_m_txt p{margin-bottom:20px;}
    .moblic .product_m_txt ul li{display: flex;}
    .moblic .product_m_txt ul li .txt_l{border-bottom: 1px solid #000;padding: 20px 0;float: left;width: 10%;margin-right: 1%}
    .moblic .product_m_txt ul li .txt_r{border-bottom: 1px solid #dcdcdc;padding: 20px 0;float: left;width: 89%;}
    .moblic .product_m_txt ul li:nth-child(1) .txt_l{border-top: 1px solid #000;padding-bottom: 20px}
    .moblic .product_m_txt ul li:nth-child(1) .txt_r{border-top: 1px solid #dcdcdc;padding-bottom: 20px}

    .moblic .product_m_txt .product_icon{display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;overflow: hidden;margin: 3.6875vw 0;}
    .moblic .product_m_txt .product_icon span{border-radius: 50%;width: 9.5vw;height: 9.5vw;background: #ececec;border: 2px solid transparent;
     margin-left: 5px;transition: opacity .3s ease-in-out;}
    .moblic .product_m_txt .product_icon span img{border-color: #ececec;width: calc(9.5vw - 3px);height: calc(9.5vw - 3px);
        border: 1px solid #fff;border-radius: 50%;}
    .moblic .product_m_txt .product_btn{display: flex;margin-bottom:40px;}
    .moblic .product_m_txt .product_btn a{-ms-flex-pack: center;justify-content: center;
        border-radius: 2px;transition: opacity .3s ease-in-out;cursor: pointer;background: #282828;color: #fff;padding:10px 20px;margin-right:30px;
        padding: 10px 17px;
    margin-right: 14px;
        
    }
    .moblic .product_m_txt .product_btn .two{background: #eee;color: #282828}

    .moblic .product_m_txt .two h3{text-align: center;font-size: 22px;height: 60px;line-height: 60px;}
    .moblic .three{margin:40px 0 40px;position: relative;}
    .moblic .three h3{font-size: 16px;font-weight: bold;padding-left:20px;height: 50px;line-height: 50px;}
    .moblic .three .swiper-button-next{/*background-image: none;*/top:61.5%!important;background-image: url(/static/images/le.png);}
    .moblic .three .swiper-button-prev{top:61.5%!important;background-image: url(/static/images/ri.png);}
    .product_detail .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 35px}
    .product_detail .product_m_txt .two p img{width: 100%;height:auto !important;}
    .product_detail .product_m_txt .two h3{text-align: center;margin-bottom:20px;position: relative;}
    .product_detail .product_m_txt .two h3:before{content: '';position: absolute;left: 0;right: 0;top: 57%;width: 274px;height: 1px;background: #a0a0a0;margin: 0 auto;
    z-index: 1;}
    .product_detail .product_m_txt .two h3 span{background: #fff;padding: 0 10px;font-size: 18px;color: #5f5f5f;position: relative;z-index: 5;font-weight: bold; vertical-align:middle; }
    
    /*关于我们*/
    .about{padding-top: 20px}
    .moblic .about_m .about_one{width: 90%}
    .moblic .about_m .about_one p{text-indent: 2em}
    .moblic .about_m .about_one_img{margin-bottom: 0}
    .moblic .about_m .about_two h4{font-size: 16px;}
    .moblic .about_m .about_two li{width: 46%;margin:2%;}
    .moblic .about_m .about_two .about_two_text{top: 28%}
    .moblic .about_m .about_three{padding:25px 0;}
    .moblic .about_m .about_three h4,.moblic .about_m .about_six h4{font-size: 16px;}
    .moblic .about_m .about_three .about_one_img{width: 90%}
    .moblic .about_m .about_three .about_one_img_o{margin-top:30px;}
    .moblic .about_m .about_three .about_one_img_o img{width: 100%}
    .moblic .about_m .about_six{margin:30px 0;}
    .moblic .about_m .about_six .about_two_img img{width: 100%}
    .moblic .about_m .about_six .about_two_text p{font-size: 14px;}
    .moblic .about_m .about_six .about_two_text dl{font-size: 12px;}
    .moblic .about_m .about_night{background: url(../pictures/about5.png) no-repeat;padding-bottom:60px;}
    .moblic .about_m .about_night .about_night_one img{width: 100%}
    .moblic .about_m .about_night .about_night_one {width: 80%;margin:0 auto;}
    .moblic .about_m .about_night .about_night_two{padding:10px;width: 80%;margin:0 auto;background: #fff;opacity: 0.8;}
    .moblic .about_m .about_night .about_night_two p,.moblic .about_m .about_night .about_night_two dl{font-weight: bold;}

    /*视频中心*/
    .moblic .video_m .mian{padding: 0% 4% 4% 4%;display: none;}
    .moblic .video_m .mian.active{display: block;}
    .moblic .video_m ul li{box-shadow: 0px 2px 8px rgba(89,87,87,.7);margin:20px 0;border-radius: 5px;overflow: hidden;position: relative;}
    .moblic .video_m ul li .vr_text{padding: 20px}
    .moblic .video_m .vr_img img{width: 100%;}
    .moblic .video_m ul li .vr_text p{height: 30px;line-height: 30px;}
    .moblic .video_m ul li .vr_text p span{font-size: 14px;/*border-left: 1px solid #000;padding-left: 15px;*/}
    .moblic .video_m ul li .vr_text dl{padding:2px 10px;background: #fff;border: 1px solid #63b025;border-radius: 2px;color: #63b025;width: 55px;margin:20px 0 8px;}
    .moblic .video_m ul li .vr_text dd span{}
    .moblic .video_m .aptitude-t{background: #fff;width:100%;}
    .moblic .video_m .aptitude-t h4{text-align: left;font-size: 18px;padding-left: 30px;height: 40px}
    .moblic .video_m .aptitude-t dl{text-align: left;font-size: 14px;margin-top: 10px;padding-left: 30px}
    .moblic .video_m .aptitude-t dl span{font-size: 14px;padding: 0 0 10px 0;margin-right: 15px}
    .moblic .video_m .aptitude-t dl span.active{border-bottom:2px solid #63b025;}
    .moblic .video_m .aptitude-t hr{margin:0;}
    .moblic .video_m .more{text-align: center;font-size: 14px;margin:12px 0;}
    .moblic .video_m .more a{display: block;}    
    .moblic .video_m .text-v{width: 100%;position: absolute;top: 29%;left: 0;transform: translate(0, -50%);-webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);-ms-transform: translate(0, -50%);-o-transform: translate(0, -50%);z-index: 9;font-size: 14px;color: #fff;
    letter-spacing: 10px;line-height: 22px;padding-top: 70px;background: url(../images/video.png) no-repeat center 0;text-align: center;}

    /*联系我们*/
    .moblic .contact_m .aptitude-t{background: #fff;border-radius: 5px;box-shadow: 0px 2px 8px rgba(89,87,87,.7);padding: 20px 0 10px 0px;width:96%;position: absolute;left: 2%;z-index: 8;margin-top: -10px}
    .moblic .contact_m .aptitude-t h4{text-align: center;font-size: 18px;height: 40px;border-bottom: 2px solid #63b025}
    .moblic .contact_m .one{width: 60%;margin:20px auto;text-align: left}
    .moblic .contact_m .one li{line-height: 40px;}
    .moblic .contact_m .one li img{width: 33px}
    .moblic .contact_m .one .ewm,.moblic .contact_m .one .zx{text-align: center;}
     .moblic .contact_m .one .ewm img{width: auto;}
    .moblic .contact_m .zx{margin-top: 5px}
    .moblic .contact_m .zx a{font-size: 14px;background: #64b822;padding: 8px 35px;color: #fff}
}

@media screen and (max-width: 360px){
    .moblic.about_banner .service_img .text ul li:nth-child(1),.moblic.about_banner .service_img .text ul li:nth-child(3),.moblic.about_banner .service_img .text ul li:nth-child(2){width: 103px;height: 26px;line-height: 18px;}
    .moblic .product_m_txt .product_btn a{padding: 10px 15px;}
    .moblic .three {margin: 1000px 0 40px;}
}
@media screen and (max-width: 320px){
    .moblic.about_banner .service_img .text ul li:nth-child(1),.moblic.about_banner .service_img .text ul li:nth-child(3),.moblic.about_banner .service_img .text ul li:nth-child(2){width: 93px;height: 26px;line-height: 18px;}
    .moblic .product_m_txt .product_btn a{padding: 10px 13px;margin-right: 20px;}
    .moblic .three {margin: 1070px 0 40px;}
}