@media only screen and ( max-width: 640px ) {
    *{-webkit-overflow-scrolling: touch;overflow-scrolling: touch;}
    html{ font-size: 62.5%;}
    a{font-size: 1.4rem;}
    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:90%;margin: 0 auto;}
    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);}

    .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{border-bottom: 1px solid rgba(255,255,255,0.2);}
    .nav .layui-nav .layui-nav-item p{padding:0 2rem; display: flex;position: relative;}
    .nav .layui-nav .layui-nav-item p a{ display: inline-flex; align-items: center;padding: 0;  font-size:1.6rem; background:none; color:rgba(255,255,255,.7) !important;}
    .nav .layui-nav .layui-nav-item p a img{margin-right:1rem;}
    .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 .layui-nav-item.layui-this p{background: linear-gradient(to right,#197fdf,#028e4a);}
    .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: none; }

    .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-child dd{border-top: 1px solid rgba(255,255,255,0.2);}
    .nav .layui-nav .layui-nav-item .layui-nav-child a{padding: 0 2rem 0 4rem; 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:5rem;left: 0;right: 0; bottom: 0; overflow: auto;}
    .header{position: fixed; top: 0; width: 100%; z-index: 99; background: #fff;border-bottom: 1px solid #ddd;}
    body.open-menu .main_box{position: fixed;}

    .main{ }
    .header .nav{ display: none;}
    .nav_menu {display:block;position: absolute; width: 20px; height: 14px;cursor: pointer;left: 5%; top:1.8rem; }
    .nav_menu .line {position: absolute;display: block;width: 100%;height: 2px;background-color: #000;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); }

    .header_top{width: 100%; display: flex; align-items: center;justify-content: center; height:5rem;}
    .header_top .header_right .tel{ display: none;}
    .header_top .header_expert{position: absolute;margin: 0;top:1.2rem;right:1rem;}
    .header_top .header_expert img{width:2.5rem;}
    .header_top .header_expert p{display: none;}
    .header_top .logo{width:70%;}

    .banner{height:15rem;}
    .banner .swiper-pagination{ bottom:1rem;}
    .banner .swiper-pagination-bullet{ margin: 0 0.5rem !important; width:1rem;height: 1rem;}
    .banner .swiper-button{ width:1.8rem; height:3rem;top:35%;}
    .banner .swiper-button i:before{ font-size:1.8rem;}
    .banner .swiper-button.swiper-button-prev{left: 10px;}
    .banner .swiper-button.swiper-button-next{right: 10px;}
    .n_banner{height: 10rem;}

    .title_base .title{font-size: 1.6rem;line-height:4rem;}
    .title_base a.more{font-size: 1.2rem;}
    .title_base .title:after{height: 3px;}

    .scope_business{margin:2rem auto;}
    .scope_business ul{flex-flow: row wrap;margin-top: 1rem;}
    .scope_business ul li{ width:48%;margin-bottom:1rem;height:8rem;}
    .scope_business ul li:nth-last-child(-n+2){margin-bottom:0;}
    .scope_business ul li p{ font-size: 1.4rem;line-height: 3rem;padding: 0 1rem;}

    .index_news{background: #fff;}
    .index_news_n{ flex-flow: row wrap;}
    .index_news_n > div{width: 100%;margin-bottom: 2rem;}
    .index_news_n .title_base .title{margin-left: 0;}
    .index_news_n .title_base .more{margin-right: 0;}
    .notice ul{padding:1rem 0;}
    .notice li:first-child{margin-bottom:0.5rem;}
    .notice li .title a{font-size: 1.4rem; line-height: 2rem;height: 4rem;}
    .notice li .jj{margin:0.2rem 0 0.5rem; font-size:1.2rem; line-height:1.6rem;}
    .notice li .jj a{font-size: 1.2rem;}
    .notice li > a{width:70%;line-height:2.5rem;}
    .notice li > a i{margin-right: 0.5rem;}
    .notice li > span{font-size:1.2rem;}

    .industry ul{padding: 1rem 0;}
    .industry li{padding-bottom: 0.5rem; margin-bottom: 0.5rem;}
    .industry li .title{margin-bottom:0.5rem;line-height:2rem;}
    .industry li .title a{ font-size: 1.4rem;}
    .industry li .jj{font-size:1.2rem;line-height: 1.6rem;}
    .industry li .jj a{font-size: 1.2rem;}

    .index_policy_n{flex-flow: row wrap;}
    .index_policy_n > div{width: 100%;margin-bottom:2rem;}
    .index_policy_n > div:last-child{margin-bottom: 0;}
    .index_policy_n li .title{margin-bottom:0.5rem;line-height:2rem;}
    .index_policy_n li .title a{ font-size: 1.4rem;}
    .index_policy_n li .jj{font-size:1.2rem;line-height: 1.6rem;}
    .index_policy_n li .jj a{font-size: 1.2rem;}
    .index_policy_n li > a{ width: 70%;line-height:2.5rem;}
    .index_policy_n li > a i{margin-right: 0.5rem;}
    .index_policy_n li > span{font-size:1.2rem;}

    .performance_n{margin:2rem auto;}
    .performance ul{flex-flow: row wrap;margin-top: 1rem;}
    .performance ul li{ width:48%;margin-bottom:1rem;height:14rem;}
    .performance ul li:nth-last-child(-n+2){margin-bottom:0;}
    .performance ul li img{height:11rem;}
    .performance ul li p{ font-size: 1.4rem;line-height: 3rem;padding: 0 1rem;}

    .information{margin:2rem auto;}
    .information ul{flex-flow: row wrap;margin:0 auto; }
    .information ul li{ width:48%;margin-bottom:1rem;height:10rem;}
    .information ul li:nth-last-child(-n+2){margin-bottom:0;}
    .information ul li img{height:11rem;}
    .information ul li p{ font-size:1.6rem;line-height: 3rem;padding: 0 1rem;}
    .information li span{height:4rem; background-size:50% !important;}

    .footer_top .link{line-height:3.5rem;font-size: 1.2rem;}
    .footer_top .link a{font-size: 1.2rem;}
    .footer_bottom{padding: 1rem 0;}
    .footer_bottom .content{width:75%;line-height:1.6rem;font-size: 1.2rem;}
    .footer_bottom .ewm{width: 20%;}

    .n_content_n{margin-bottom: 2rem;width: 100%;}
    .n_content_l{position: absolute;left: 0;top:0; z-index: 1;padding: 1rem;width: 50%;}
    .n_content_l .title{font-size:1.6rem;line-height:4rem;padding: 0 2rem;}
    .n_content_l .list li{line-height:3.5rem;}
    .n_content_l .list li a{padding:0 2rem;}
    .n_content_r{border:none; width: 100%;padding: 0 1rem 1rem; background: #fff; position: relative;z-index:2;transition: 0.25s;}
    .n_content_r.on{transform: translateX(50%); }
    .n_content_r.on:after{position: absolute; top:0;left:0; width:100%;height:100%;background: #000; opacity: 0.1; content: '';}
    .n_content_r > .title{}
    .n_content_r > .title .tit{position: relative;display: flex; align-items: center; }
    .n_content_r > .title i{display: block;}
    .n_content_r > .title i:after{content:"\e66b";}
    .n_content_r > .title i.on:after{content:"\e668";}
    .n_content_r > .title p{font-size: 1.6rem;line-height: 4rem;display: inline-block;white-space:nowrap;}
    .n_content_r > .title p:after{height: 3px;bottom:-2px;}
    .n_content_r > .title .crumbs{ font-size: 1.2rem; overflow: hidden;line-height:3rem;}
    .n_content_r > .title .crumbs a{font-size: 1.2rem;}
    .n_content_nr{padding: 1rem;line-height: 2rem;}

    .certificate_list{margin: 1rem 0;}
    .certificate_list li{padding:1rem;height:8rem;margin-bottom: 1rem;}

    .news_list li{padding:1rem 0;}
    .news_list li .title{font-size: 1.4rem;line-height:2rem;margin-bottom:0.5rem;}
    .news_list li .jj{font-size: 1.2rem;line-height:1.8rem;}
    .news_list li .jj a{font-size: 1.2rem;}


    .news_detail > .title{font-size: 1.8rem; line-height: 3rem;}
    .news_detail > .time{font-size: 1.4rem;line-height: 2rem;padding:0.5rem 0;}
    .news_detail > .body{padding: 1rem 0;}


    .expert_list .expert_search{margin:1rem auto;height:3rem;width:80%;}
    .expert_list .expert_search button{font-size: 1.6rem;width: 8rem;}
    .expert_list ul li .img{padding: 1rem;height:10rem;}
    .expert_list ul li .content{padding: 0.5rem 0;}
    .expert_list ul li .title{font-size: 1.6rem;line-height: 2rem;}
    .expert_list ul li .jj{font-size:1.2rem;}

    .recruit_list .layui-colla-title{padding:1.5rem;}
    .recruit_list .layui-colla-title .title p{font-size: 1.8rem;padding-right: 2rem;margin-right: 2rem;}
    .recruit_list .layui-colla-title .title span{font-size: 1.4rem;}
    .recruit_list .layui-colla-title i:before{font-size:1.8rem;line-height: 1.8rem;}
    .recruit_list .layui-colla-content{padding:0 1.5rem;}
    .recruit_list .layui-colla-content .content{padding:1rem 0;}
    .recruit_list .layui-colla-content .title{font-size: 1.6rem;line-height:3rem;margin-bottom: 0.5rem;}
    .recruit_list .layui-colla-content .text{font-size: 1.4rem; line-height:2.2rem;}
    .recruit_list .layui-colla-content button{margin-bottom:1.5rem;width:15rem;font-size:1.6rem;line-height:4rem;}




    .apply{ margin-bottom:3rem;}
    .apply .button{ width:12rem; line-height:4rem; height:4rem; font-size: 2rem;}
    .apply_form{padding: 2rem;}
    .apply_form *{box-sizing:border-box !important;}
    .apply_form .title{ font-size:2rem;}
    .apply_form .content{margin: 2rem 0;}
    .apply_form .layui-form-item{ margin-bottom: 1rem;}
    .apply_form .layui-form-item label{height: 3rem; line-height: 3rem; font-size: 1.6rem; display: flex; align-items: center;justify-content: flex-end;}
    .apply_form .layui-form-item .layui-input-block{line-height: 3rem;margin-left:8rem;}
    .apply_form .layui-form-item .layui-input-block input{height:3rem; font-size: 1.5rem;border-radius:5px; padding: 0 1rem;}
    .layui-form-item .layui-input-inline{ width: 32% !important; display: inline-block; margin: 0 2% 0 0; float: left; left: 0;}
    .layui-form-item .layui-input-inline:last-child{margin-right: 0;}
    .apply_form .layui-form-select dl{top:3rem;max-height:15rem;}
    .apply_form .layui-form-item textarea{ font-size: 1.5rem;padding:1rem;}
    .apply_form > button{line-height:3.5rem; height:3.5rem; width:50%; display:block;margin: 0 auto; font-size:2rem;}
    .apply_form .up_file{line-height: 3rem; height: 3rem;}


}