@media only screen and ( max-width: 640px ) {

	html{ font-size: 62.5%;}

	/*6.04新加*/

	.wrap{margin: 0 1.2rem}

  .pc{display: none}

  .mobile{display: block}

  /*导航栏*/

  .nav .layui-nav .layui-nav-item.layui-this p a{height: auto;line-height: 3rem}

  .nav .layui-nav .layui-nav-item{padding: 1rem 0;line-height: 3.5rem}

  .title_base p{font-weight: bold;}

    /*6.24修改的*/

    /*.banner{height: auto}

    .banner .swiper-slide{height: 15rem}

    .banner .content{width: 100%}

    .banner .content .text{max-width: 65%;padding-left: 1.2rem;box-sizing: border-box;}

    .banner .content .title{margin-bottom: 0;height: auto;line-height: 3.3rem;max-width: 100%}

    .banner .content .ms{height: auto;line-height: 1.8rem}

    .banner .content .b-more{height: auto;line-height: 1.8rem;padding: 0.2rem 0.8rem;font-size: 1.2rem}

    .banner .swiper-slide img{width: 100%}



    .banner .content .img{width: 30%;max-height: 11rem;}



    .banner .swiper-pagination{bottom: 0.5rem}

    .banner .swiper-pagination-bullet{width: 2rem;height: 0.2rem}

    .banner .swiper-button-next, .banner .swiper-button-prev{display: none;}*/

    /*修改的*/

    .banner .content{left: 3%;top: 50%;transform: translateY(-50%);}

    .banner .content .title{margin-bottom: 0;height: auto;line-height: 3.3rem}

    .banner .content .ms{height: auto}

    .banner .content .b-more{height: auto;line-height: 1.8rem;padding: 0.2rem 0.8rem;font-size: 1.2rem}

    .banner .swiper-slide img{width: 100%}

    .banner .swiper-pagination{bottom: 0.5rem}

    .banner .swiper-pagination-bullet{width: 2rem;height: 0.2rem}

    .banner .swiper-button-next, .banner .swiper-button-prev{display: none;}

    .banner .swiper-slide{height: auto}

    .banner .img{right: 1.2rem;max-width: 18%;}

    .banner .swiper-slide1.img3 .img{max-width: 18%}

    .index_office_case .title_base{padding: 1.5rem 0;}

    .index_office_case .list ul{width: 100%}

    .index_office_case .list ul li{ width: 48% }

    .index_office_case .list ul li .img{height: auto}

    .index_office_case .list ul li .oc_box img{margin: 0 auto 1rem}

    .index_office_case .list ul li .oc_box .case_text{ padding: 1rem }

    .index_office_case .list ul li .oc_box .case_text span{ font-size: 1.2rem;line-height: 2rem }

    .index_office_case .list ul li .oc_box .case_text a{line-height: 1.6rem;font-size: 1.2rem}

    .index_office_case .list ul li .oc_box .case_text p{font-size: 1.6rem;height: auto;line-height: 2.4rem}

    .index_advance ul{ flex-wrap: wrap;margin-top: 1.5rem;margin-bottom: 2rem}

    .index_advance ul li{ width: 33%;margin-bottom: 1rem}

    .index_advance ul li img{width: 3.5rem}

    .index_advance ul li .jb p{height: auto;line-height: 1.6rem;font-size: 1.3rem}

    .index_advance ul li .jb span{ height: auto;line-height: 2rem;font-size: 2rem }



    .index_device{/*padding-bottom: 2rem*/}

    .index_device .title_base{padding: 2rem 0 1rem}

    .index_device .device_title li{ width: 33%;height: 2rem;line-height: 2.4rem;font-size: 1.4rem;margin-right: 0;margin-bottom: 1rem}

    .index_device .device_title li.active{ border-bottom: none; }



    .index_device .products .main li{width:49%;margin-right: 0;padding-top: 1.5rem}

    .index_device .products .main li:nth-of-type(odd){ margin-right: 2% }

    .index_device .products .main li:nth-child{n+4}{margin-bottom: 0}

    .index_device .products .main li .img{padding: 2rem;height: 20rem;width: auto}

    .index_device .products .main li .title{margin:1.5rem 0 2rem;font-size: 1.4rem}



    .smart_office_parameters{height: auto;background-attachment: scroll}

    .smart_office_parameters:before{display: none;}

    .smart_office_parameters .smart-left{position: static;left: 0;top: 0;width: 80%;margin: 1rem auto 2rem}

    .smart_office_parameters .smart-right{position: static;right: 0;top: 0;width: 100%;display: inline-block;}

    .smart_office_parameters .smart-right ul li{width: 25%;margin-bottom: 2rem}

    .smart_office_parameters .smart-right ul li .img{zoom:0.6;}

    .smart_office_parameters .smart-right ul li p{font-size: 1.4rem}



    .why_jieyi .title_base{padding: 2rem 0 1rem}

    .why_jieyi .w-main{width: 100%;display: inline-block;}

    .why_jieyi .w-main img{ display: none; }

    .why_jieyi .w-left{position: static;left: 0;width: 50%;float: left;}

    .why_jieyi .w-right{position: static;right: 0;width: 50%;float: right;}

    .why_jieyi ul li:nth-of-type(odd){margin: 2rem 0}

    .why_jieyi ul li:nth-of-type(even){margin-bottom: 2rem}

    .why_jieyi ul li .text p{font-size: 1.4rem}

    .why_jieyi ul li .text span{ font-size: 2rem;line-height: 2.2rem; }



    .index_project{padding-bottom: 3rem}

    .index_project .title_base{padding: 2rem 0 1rem}

    .index_project .title_base>p{margin-bottom: 1rem;font-weight: bold;}

    .index_project .title_base ul{margin: 0}

    .index_project .title_base ul li{ width: 33.3%; }

    .index_project .title_base ul li span{height: auto;line-height: 2.2rem;font-size: 1.8rem}

    .index_project .title_base ul li p{margin-top: 0.5rem;font-size: 1.2rem}



    .index_news1{padding-bottom: 2rem}

    .index_news1 .title_base{padding: 2rem 0 2rem}

    .index_news1 .choose{height: 4rem}

    .index_news1 .choose ul li{margin-right: 5rem;height: 4rem}

    .i-news-l{display: none!important;}

    .i-news-r{margin-left: 0!important;min-height: 100%!important}

    .index_news1 .index_news_list ul li{padding: 2rem 1rem}

    .index_news1 .index_news_list ul li .i-news-r .i-title h3{height: auto;line-height: 2.2rem;font-size: 1.6rem;margin-bottom: 1rem}

    .index_news1 .index_news_list ul li .i-news-r .i-content{-webkit-line-clamp: 2;margin-bottom: 1.5rem;height: auto}

    .i-news-r .i-date span{margin-right: 1rem!important;font-size: 1.2rem}

    .i-news-r .i-date span:last-child{margin-right: 0!important}

    .more_news a{margin-top:2rem;}

    .n-cate-l .products > .layui-flow-more a cite{line-height: 40px;padding: 0 20px}

    .index_news1 .index_news_list .more_news a{height: 3.4rem;line-height: 3.4rem;margin-top:2rem;}

    .index_news1 .news_cate ul{display: none;}

    .index_project .project_carousel{margin-top: 1rem;}

    .index_project .project_carousel .swiper-slide .img{height: auto}

    .index_project .project_carousel .swiper-slide .h{height: 2.4rem;margin-bottom: 1rem;font-size: 1.6rem}

    .index_project .project_carousel .swiper-button{display: none;}

    .index_project .project_carousel .swiper-slide .equitment{margin-bottom: 1rem}

    .index_project .project_carousel .swiper-slide .equitment p{font-size: 1.4rem}

    .index_project .project_carousel .swiper-slide .title{ height: auto;padding: 0 1rem }

    .index_project .project_carousel .swiper-slide .title span{margin-bottom: 1rem}

    .index_project .project_carousel .swiper-slide .more{margin-bottom: 2rem}

    .index_project .project_carousel .swiper-slide .title span{-webkit-line-clamp: 3;height: auto}



    .index-try .text{padding: 3rem 0}

    .index-try .text h3{font-size: 1.6rem;margin-bottom: 1rem;line-height: 3rem;padding: 0 1.2rem}

    .index-try .text button{height: auto;line-height: 3.2rem;font-size: 1.6rem;width: 10rem}



    /*子页*/

    .z-banner .content{width: 80%;}

    .z-banner .content h1{font-size: 1.8rem;margin-bottom: 0rem;line-height: 3.2rem}

    .z-banner .content p{font-size: 1.4rem;margin-bottom: 0;line-height: 2.4rem}

    .z-banner .content a{padding: 0.4rem 1rem;font-size: 1.4rem;line-height: 2.2rem;display: inline-block;margin-top: 1rem}

    .enterprise{padding-bottom: 3rem}

    .enterprise ul{flex-wrap: wrap;justify-content: space-between;}

    .enterprise li{width: 48%;}

    .enterprise li .img{height: auto}

    .enterprise li:nth-child(-n+2){margin-bottom: 1rem}

    .enterprise li p{font-size: 1.6rem;bottom: 13.5%;padding: 1.5rem 0;line-height: 2rem}

    .enterprise li p span{font-size: 1.4rem;margin-top: 1rem}

    .enterprise .cf:after{clear: none;content: normal}



    .about_adv{padding-bottom: 3rem}

    .about_adv .adv_list ul{flex-wrap: wrap;}

    .about_adv .adv_list ul li{width: 48%;margin-bottom: 1rem;padding: 1rem}

    .about_adv .adv_list .img{margin-bottom: 2rem;zoom:0.6;}

    .about_adv .adv_list ul li .text h3{font-size: 1.4rem;font-weight: bold;}

    .about_adv .adv_list ul li .text p{font-size: 1.2rem}



   	/*合作*/

   	.cooplist{padding: 3rem 0}

   	.cooplist .project li{ width: 100%;margin-bottom: 2rem}

   	.cooplist .project li .img img{ width: 100% }

   	.cooplist .project li .more{ margin-bottom: 2rem;font-size: 14px }

   	.cooplist .project li .title span{ margin-bottom: 1rem;-webkit-line-clamp: 2;font-size: 1.2rem}

   	.cooplist .project li:nth-child(n+6){display: none;}

   	.cooplist .project li .img{height: auto}

    .cooplist .project li .h{font-size: 1.6rem;margin-bottom: 1rem}

    .cooplist .project li .title{padding: 0 1rem}

    .cooplist .project li .equitment{font-size: 1.4rem;margin-bottom: 1rem}

    .cooplist .project li .title span{}

   	.process h3{margin: 2rem 0 2rem;font-size: 2.2rem;line-height: 2.4rem}

   	.process ul li{margin-right: 0;float: none;}

    .process ul li.p-r{display: inline-block;margin: 1.5rem 0}

    .process ul li:nth-child(2n){transform: rotate(90deg);}

    .process ul li:nth-child(2n) .img{display: inline-block;margin: 0}



   	.coopdesc-t{margin: 2rem 0}

   	.coopdesc-t{height: auto;line-height: 2.8rem;font-size: 1.8rem;font-weight: bold;}

   	.coopdesc-l{padding:2rem 1.5rem;float: none;margin-bottom: 2rem}

    .coopdesc-l ul li h4{font-size: 1.6rem}

   	.coopdesc-l ul li p{margin-bottom: 2rem}

   	.coopdesc-r{float: none;width: 100%;max-width: 100%}

   	.coopdesc-r ul li{padding: 1.5rem 0}

    .coopdesc-r ul li h4{font-size: 1.6rem}

   	.sx{margin: 2rem 0}

   	.sx ul{text-align: left;width: 100%}

   	.sx ul li{float: none;margin-right: 0;display: inline-block;font-size: 1.4rem}

   	.sx ul li:first-child{margin-bottom: 1rem}

   	.sx ul li a{font-size: 1.4rem;}

    .projectsx ul li{float: left;}

    .projectsx ul li:first-child{margin-right: 0}

    .projectsx ul li:last-child{float: right;}

   	.rel-t{font-size: 2.2rem;margin-bottom: 2rem}

   	.related .project li{ margin-bottom: 1.5rem }

   	.related{display: none;}



   	/*新闻*/

   	.f-news{padding: 0}

   	.f-news>ul{display: none;}

   	.n-cate-l{float: none;margin-top: 2rem}

   	.n-cate-l .search{display: block;}

   	.n-cate .device_title{display: flex;justify-content: space-between;flex-wrap: wrap;line-height: 22px}

   	.n-cate .device_title li{height: auto;width: 33%;font-size: 1.5rem;padding: 1rem 0;border-right:1px dashed #d8d8d8;}

   	.n-cate .device_title li:nth-child(-n+3){border-bottom: 1px dashed #d8d8d8}

   	.n-cate .device_title li:nth-child(3n){border-right: none;}



    .new-desc-l .news-navig{display: none;}

   	.n-cate-l .products li{padding: 1.5rem 0}

    .n-cate-l .products li .i-news-r .i-title h3{font-size: 1.6rem;line-height: 2rem;margin-bottom: 1rem}

    .n-cate-l .products li .i-news-r .i-content{margin-bottom: 1rem}

    .n-cate-l .products li .i-news-r .i-date span{font-size: 1.2rem}

   	.n-cate-r{float: none;width: 100%;max-width: 100%;margin-bottom: 24px}

    .n-cate-r .search{display: none;}

    .n-cate-r .hot-search{display: none}

    .n-cate-r .xg{display: none;}

   	/*.n-cate-r .search{display: none;}*/

    .new-desc-l{ float: none;padding-top: 2rem}

    .new-desc-l .news-desc-t{margin-bottom: 2rem}

   	.new-desc-l .news-desc-t ul{ display: flex;justify-content: space-between; }

   	.new-desc-l .news-desc-t ul li{float: none;width: 33.3%;margin-right: 0}

   	.new-desc-l .news-desc-t ul li:last-child{text-align: right;}

    .new-desc-l .news-desc-t h3{font-size: 1.6rem;margin-bottom: 1rem}

   	.new-desc-l .news-desc-c img{margin-bottom: 2rem;width: 100%}

    .n-cate-l .see p{padding: 1rem 2rem}

    .n-cate .fanye{margin: 2rem 0}

    .fanye .layui-laypage a, .fanye .layui-laypage span{padding: 0 1rem}

    .fanye .layui-laypage-skip{margin-left: 5px}



    /*弹出框*/

    .layui-form{padding: 2rem 1.5rem}

    .form-title h3{ font-size: 2.4rem;line-height: 2.4rem }

    .form-title p{ font-size: 1.4rem }

    .form-title{padding-bottom: 2rem}

    #form1 .layui-form-item .layui-input-inline{margin: 0 0 10px 0}





    .temperature_detection .propaganda button{width: 100%;line-height: 40px}

    /*表格*/



    /*new解决方案*/

    /*智慧校园*/

    .smart-school-banner .case_banner{height: 18rem}

    .smart-school-banner .case_banner .content .title{font-size: 1.6rem}

    .smart-school-banner .case_banner .content .nr{font-size: 1.4rem;line-height: 2rem;margin-top: 0.5rem}

    .smart-school-banner .case_banner .content .button{margin-top: 1rem;width: 10rem;height: 2.6rem;line-height: 2.6rem;font-size: 1.4rem}

    .p70{padding: 2rem 0}

    .title_base1{margin-bottom: 2rem}

    .title_base1 p{font-size: 1.6rem;line-height: 2.4rem;margin-bottom: 1rem}

    .title_base1 span{font-size: 1.4rem;line-height: 2rem}

    .c-problem ul{flex-wrap: wrap;}

    .c-problem ul li{width: 48%}

    .c-problem ul li:nth-child(-n+2){margin-bottom: 1.2rem}

    .c-problem ul li .imgbox{width: 100%;height: auto;margin-bottom: 1rem}

    .c-problem ul li .name h3{font-size: 1.6rem;line-height: 2.2rem;margin-bottom: 1rem;height: 4.4rem}

    .c-problem ul li .name p{font-size: 1.4rem;line-height: 2rem}



    .c-solution .solution-c ul{flex-wrap: wrap;}

    .c-solution .solution-c ul li{width: 48%;margin-bottom: 1.5rem}

    

    .c-solution .solution-c ul li .imgbox{zoom:0.65;}

    .c-solution .solution-c ul li .s-c-t p{font-size: 1.6rem;line-height: 2.4rem;margin-bottom: 0.5rem}

    .c-solution .solution-c ul li .s-c-c{height: 8rem}

    .c-solution .solution-c ul li .s-c-c p{font-size: 1.4rem;line-height: 2rem}

    .c-manage-c .c-manage-c-t{margin-bottom: 2rem}

    .c-manage-c .c-manage-c-t.flexBox{flex-direction: column;}

    .c-manage-c .c-manage-c-t .down{transform: rotateY(0deg);}

    .c-manage-c-b{display: block;}

    .c-manage-c-b .c-manage-c-bl{width: 100%}

    .c-manage-c-b .c-manage-c-bl h3{font-size: 1.6rem;line-height: 2.4rem;margin-bottom: 1.2rem}

    .c-manage-c-b .c-manage-c-bl ul li{margin-bottom: 0.5rem;line-height: 2rem;font-size: 1.4rem}

    .c-manage-c-b .c-manage-c-br{display: none;}

    .c-video .content .content-l{display: none;}

    .c-video .content .content-r .list{padding: 1.6rem 2rem;height: auto;margin-bottom: 1rem}

    .c-video .content .content-r .list .title p{margin-bottom: 1rem;font-size: 1.6rem;line-height: 2.2rem}

    .c-video .content .content-r .list .p-desc ul li{margin-right: 1rem}

    .c-video .content .content-r .list .p-desc ul li h3{font-size: 1.6rem;line-height: 2.4rem}

    .c-video .content .content-r .list .p-desc .imgbox{height: 6rem;}

    .c-video .content .content-r .list .p-desc .imgbox img{max-height: 6rem}

    .school-project ul{flex-wrap: wrap;}

    .school-project ul li{width: 48%;height: auto;}

    .school-project ul li:nth-child(-n+2){margin-bottom: 1rem}

    .school-project ul li .imgbox{height: auto}

    .school-project ul li .desc{padding: 1.6rem 1.8rem}

    .school-project ul li .desc h3{font-size: 1.6rem;line-height: 2.4rem;margin-bottom: 0.5rem}

    .school-project ul li .desc p{font-size: 1.4rem;line-height: 2rem}

    .school-project ul li .hidden{padding: 0 1rem}

    .school-project ul li .hidden h3{margin-bottom: 1rem;font-size: 1.4rem}

    .school-project ul li .hidden p{font-size: 1.2rem}

    .school-project .more{width: 8rem;height: 3.2rem;line-height: 3.2rem;font-size: 1.2rem;margin-top: 2rem}

    .school-product .li .list{height: auto;}



    .school-product .s-pbox .s-pbox-l{width: 66%;padding: 0;flex: none;padding: 0.5rem;box-sizing: border-box;}

    .school-product .s-pbox .s-pbox-l .s-title{font-size: 1.6rem;line-height: 2.4rem;margin-bottom: 0.5rem}

    .school-product .s-pbox .s-pbox-l .s-label{margin-bottom: 1rem}

    .school-product .s-pbox .s-pbox-l .s-label .label2{font-size: 1.2rem}

    .school-product .s-pbox .s-pbox-l ul li{margin-bottom: 0.5rem;font-size: 1.2rem;line-height: 1.8rem}

    .school-product .s-pbox .spbox-r{width: 35%}

    .school-product .s-pbox .spbox-r .imgbox{width: auto;max-height: 155px;}

    .school-product .s-pbox .spbox-r .imgbox img{height: 100%;object-fit: cover;}

    .school-product .li .list{margin-bottom: 2rem!important;height: 155px}



    .s-processing{height: 30rem}

    .s-processing{display: flex;justify-content: center;align-items: center;}

    .s-processing .content{padding: 0;width: auto}

    .s-processing .content .title h3{font-size: 2rem;line-height: 2.4rem;margin-bottom: 0.8rem;font-weight: bold}

    .s-processing .content .title p{font-size: 1.6rem;margin-bottom: 2rem}

    .s-processing .content a{width: 13rem;height: 4rem;font-size: 1.6rem;line-height: 4rem}



    /*智慧校园*/

    .solution .solution-c ul li{margin-bottom: 2rem}

    .solution .solution-c ul li .content{width: auto}

    .solution .solution-c ul li .imgbox{zoom:0.65;}

    .solution .solution-c ul li .s-c-t p{font-size: 1.6rem;line-height: 2.4rem;margin-bottom: 1rem}

    .solution .solution-c ul li .s-c-c{height: auto;}

    .scheme-c-t{padding: 1rem 0}

    .scheme-t-title p{font-size: 1.6rem;line-height: 2.4rem}

    .scheme-t-title span{margin: 0.5rem 0;height: 0.3rem}

    .scheme-t-title p:last-child{margin-bottom: 2rem}

    .scheme-c-t ul{flex-wrap: wrap;}

    .scheme-c-t ul li{width: 48.5%;}

    .scheme-c-t ul li:nth-child(-n+2){margin-bottom: 1rem}

    .scheme-c-t ul li .imgbox{width: auto;height: 10rem;margin-bottom: 1rem;padding: 0 3rem;box-sizing: border-box;}

    .scheme-c-t ul li .imgbox img{max-height: 10rem}

    .scheme-c-t ul li .name h3{font-size: 1.6rem;line-height: 2.4rem;margin-bottom: 0.3rem}

    .scheme-c-t ul li .name p{font-size: 1.2rem}

    .scheme-c-m{margin: 0;display: block;}

    .scheme-c-m img{margin: 0 auto}

    .scheme-c-b{flex-direction: column;}

    .scheme-c-b .down{transform: translateY(0);}

    .school_application{background-attachment: fixed;}

    .school_application .content{display: block;}

    .school_application .content .tab{width: auto;flex-direction: row;width: 100%;justify-content: space-between;flex-wrap: wrap;}

    .school_application .content .tab li{height: auto;line-height: 2.4rem;display: flex;align-items: center;width: 48%;justify-content: center;padding: 1rem 0;font-size: 1.4rem}

    .school_application .content .appli-desc{width: 100%;padding: 1rem}

    .school_application .content .appli-desc .list{margin-bottom: 2rem}

    .school_application .content .appli-desc .list ul{display: flex;justify-content: space-between;}

    .school_application .content .appli-desc .list ul li{float: none;margin-right: 0;text-align: center;width: 48%}

    .school_application .content .appli-desc .list ul li .imgbox{height: 100px;margin-bottom: 1rem}

    .school_application .content .appli-desc .list ul li .imgbox img{max-height: 100px;}

    .school_application .content .appli-desc .list p{font-size: 1.4rem;line-height: 2rem}

    .school_application .content .appli-desc .list h3{margin-bottom: 0.6rem;font-size: 1.4rem;line-height: 2rem}



    /*底部友情链接*/

    .footer .link{display: none;}

}

/*@media only screen and (max-width: 375px) {

  .banner .content .title{margin-bottom: 1rem;font-size: 1.6rem}

  .banner .content .ms{display: none;}

  .banner .content .b-more{padding: 0.3rem 1rem}

}

*//*@media screen and (min-width: 768px) and (max-width: 1199px){

  html{ font-size: 62.5%;}

  .wrap{ width: 90% }

  .nav .layui-nav .layui-nav-item p{padding:  0 2rem}

  .banner .content .title{height: auto;line-height: 3rem;font-size: 3rem;margin-bottom: 2rem}

  .banner .content .ms{height: auto;line-height: 2.4rem;font-size: 2.2rem;margin-bottom: 3rem;}

  .banner .content .b-more{height: auto;font-size: 1.4rem;line-height: 2.4rem;padding: 0.8rem 1.4rem}

  .index_office_case .list ul li .img{height: auto}

  .index_advance ul li{width: 16.6%}

  .index_advance ul li .jb p{font-size: 1.5rem}

  .index_advance ul li .jb span{height: auto;line-height: 2.4rem;font-size: 2.6rem}

  .index_device .products .main li{width: 48%;margin-right:0;}

  .index_device .products{width: 100%}

  .index_device .products .main li:nth-child(2n){margin-left: 4%}

  .why_jieyi .w-main{width: 50%}

  .why_jieyi ul li .text span{font-size: 3rem;line-height: 3.2rem}

  .why_jieyi ul li .text p{ font-size: 1.6rem }

  .why_jieyi ul li:nth-of-type(odd){ margin: 1.8rem 4.4rem 4rem}

}

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

      body.open-menu{ overflow: hidden;}



    body.open-menu .layadmin-body-shade{ transition: 0.3s; position: fixed; width: 100%; height: 100%; top: 0;left: 0; -webkit-transform:translate3d(15rem,0,0);  z-index: 999; background:rgba(0,0,0,0.3); overflow: hidden;}



    body > .header,body > .main_box{ transition: 0.3s;}



    body.open-menu > .header,body.open-menu > .main_box{ -webkit-transform:translate3d(15rem,0,0);transform:translate3d(15rem,0,0);}



    .wrap{ width:auto; margin: 0 2rem;}



    body > .nav{ width:15rem;-webkit-transform:translate3d(-15rem,0,0);transform:translate3d(-15rem,0,0); transition: 0.3s;}



    body.open-menu .nav{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}







    .loading .box img{width: 60%; display: inline-block;margin-bottom:1.5rem;height: auto;}



    .loading .box p{ width: 60%;margin: 0 auto; font-size: 3rem;}







    .nav .layui-nav-tree{position: absolute; left: 0; min-height: 100%; padding:1rem 0;background: #202121; border-radius:0; width: 100%;}



    .nav .layui-nav .layui-nav-item{line-height: 45px;}



    .nav .layui-nav .layui-nav-item p{padding:0 2rem;}



    .nav .layui-nav .layui-nav-item p a{ display: inline-block; vertical-align: middle; font-size: 1.8rem; background:none;}



    .nav .layui-nav .layui-nav-item.layui-this p a{ color: #fff !important; }



    .nav .layui-nav-tree .layui-nav-child{ top:0; border-radius: 0;}



    .nav .layui-nav-tree .layui-nav-child dd.layui-this,.nav .layui-nav-tree .layui-nav-child dd.layui-this a,.nav  .layui-nav-tree .layui-this,.nav .layui-nav-tree.layui-this>a,.nav  .layui-nav-tree .layui-this>a:hover{ background: #298acb;}



    .nav .layui-nav-tree .layui-nav-more{ display: block;}



    .nav .layui-nav-itemed>.layui-nav-child{ background-color:#202121 !important;}



    .nav .layui-nav .layui-nav-item .layui-nav-child a{padding: 0 2rem; font-size: 1.6rem; color: #fff;}



    .pc_nav{display:none;}



    .mobile_nav{display: block;}



    .layui-nav-tree .layui-nav-item a:hover{ background:none;}



    .main_box{position: relative;top:4rem;left: 0;right: 0; bottom: 0; overflow: auto;}



    .body_parentid_16 .main_box{top:4rem;}



    .header{position: fixed; top: 0; width: 100%; z-index: 99;background: #202121;}



    body.open-menu .main_box{position: fixed;}



    .main{}



    .header .nav{ text-align: center; height:4rem; }



    .header .nav .logo{float: none; display: inline-block; top:1rem; margin: 0;position: relative;}



    .header .nav .logo img{height:2rem;}



    .nav_menu {position: absolute; width: 20px; height: 14px;cursor: pointer;left:0; top:1.3rem; }



    .nav_menu .line {position: absolute;display: block;width: 100%;height: 2px;background-color: #fff;left: 0;transition: all .5s ease;margin: 0; }



    .nav_menu .line1 {top: 0;-webkit-transform-origin: left top 0;-ms-transform-origin: left top 0;transform-origin: left top 0; }



    .nav_menu .line2 {  top: 7px; }



    .nav_menu .line3 {top: 100%;-webkit-transform-origin: left bottom 0;-ms-transform-origin: left bottom 0;transform-origin: left bottom 0; }



    .nav_menu.cur .line1 {transform: rotate(47deg); }



    .nav_menu.cur .line2 {display: none; }



    .nav_menu.cur .line3 {transform: rotate(-47deg); }

}*/