.topwap,.swiper-wap,.hexinlbwap,.footuprightwap,.jiejuewap,.anfangjiankong-nr.zhxiaofangwap,.casebgtwap,
.pingpaijjwap,.fuwuaddresswap,.quanweiwap,.aboutjjwap,.firewidthwap,.pingpaijjwap,.wapimg,.anfangjiankong-nr.zhxiaofang2wap,.wenhuawap{display: none}


@media(max-width:767px)
{
    html {
        font-size: 62.5%;
    }

    body {
        font-size: 1.4rem; min-width: inherit;
        font-family: -apple-system-font, "Helvetica Neue", "Roboto", "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
    }
    html,body{
      height: 100%;
        }

    .topbf,.swiper-pc,.hexinlbpc,.footuprightpc,.jiejuepc,.anfangjiankong-nr.zhxiaofang2pc,.casebgtpc,.pingpaijjpc,
    .fuwuaddresspc,.quanweipc,.brpc,.firewidthpc,.aboutjjbtpc,.pcimg,.wenhuapc{display: none}
    .topwap,.swiper-wap,.hexinlbwap,.footuprightwap,.jiejuewap,.anfangjiankong-nr.zhxiaofangwap,.casebgtwap,.pingpaijjwap,
    .fuwuaddresswap,.quanweiwap,.aboutjjwap,.firewidthwap,.pingpaijjwap,.wapimg,.anfangjiankong-nr.zhxiaofang2wap,.wenhuawap{display: block}
    .flex-center-between{display: flex; align-items: center; justify-content: space-between}
    .layui-tab-bar{display: none;}
    /* 侧导航栏*/
    .topwap{
        position: absolute;
        z-index: 1000;
        padding: 15px 0 5px; width: 100%;
    }
    header {
        width: 100%;
        z-index: 999;
             position: absolute;
        top: 0;
        left: 0; padding: .5rem 0;
    }
    header .caidan {
        display: block;
        cursor: pointer;padding: .2rem 1rem;
    }
    header .logo {
        margin:0
    }
    header .logo a{display: block}
    .caidan{float: left;margin-left: 10px; display: block}
    .caidan span{width: 23px;height: 2px;background-color: #fff;display: block;margin: 6px auto;}
    .sjlogo{width: 12rem;  margin-left: 1rem}

    #sidenav{
        position: fixed;
        top: 0;
        left: -100%;
        background-color: rgba(23, 41, 54, 0.7);
        width: 100%;
        height: 100%;
        z-index: 99999;
        transition: all 0.5s;
        -webkit-transition: all 0.5s;
        overflow-x: hidden;
        overflow-y: scroll;
    }
    #sidenav.active{
        left: 0;
    }
    #sidenav .top{
         padding: .5rem 1rem .5rem 0;
        position: relative;
    }
    #sidenav .top .logo{
        vertical-align: middle;
        margin-left: 0.9375rem;
    }
    #sidenav .top .close-btn img{
        width: 0.9375rem;
        position: absolute;
        right: 0.9375rem;
        top: 50%;
        margin-top: -0.46875rem;
    }
    #sidenav .top .close-btn img {
        width:2rem;
        position: absolute;
        right: 0.9375rem;
        top: 50%;
        margin-top: -0.46875rem;transition: all .5s ease
    }
    #sidenav .top:hover .close-btn img{transform: rotate(180deg)}
    #sidenav .search-box{
        width: 92%;
        height: 3.125rem;
        line-height: 3.0625rem;
        margin: 0 auto 0.9375rem;
        border: 1px solid #cdcdcd;
        border-radius: 1.5625rem;
        overflow: hidden;
        position: relative;
        font-size: 0;
    }
    #sidenav .search-box input{
        padding: 0 0.9375rem;
        width: 83%;
        height: 100%;
        font-size: 0.9375rem;
        color: #666;
        vertical-align: top;
    }
    #sidenav .search-box a{
        display: inline-block;
        vertical-align: top;
        text-align: center;
        width: 17%;
        height: 100%;
    }
    #sidenav .search-box img{
        vertical-align: middle;
        width: 1.4375rem;
    }
    #sidenav .nav{
        margin:1rem auto;
        width: 98%;
    }
    #sidenav .nav .level1{
        font-size:1.4rem;
        color: #fff;
        line-height: 4rem;
        display: block;
        padding-left: 1rem;
        position: relative;
        border-bottom: 1px solid rgba(255,255,255,.2);
        transition: all 0.5s;
        -webkit-transition: all 0.5s;
        font-weight: bold;
    }
    #sidenav .nav .level1.active{
        background-color: rgba(20,47,57,1);
        color: #fff;
    }
    #sidenav .nav .level1 span{
        color: #aaa;
        font-family: 'acrom';
        margin-left: 0.75rem;
        font-weight: normal;
        transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    #sidenav .nav .level1.active span{
        color: #fff;
    }
    #sidenav .nav .level1 .plus-box{
        width: 1.5rem;
        height: 1.5rem;
        position: absolute;
        right: 0.9375rem;
        top: 50%;
        margin-top: -0.625rem;
    }
    #sidenav .nav .level1 .plus-box .hor{
        width: 100%;
        height: 0.2rem;
        background-color: #cdcdcd;
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -0.0625rem;
        transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    #sidenav .nav .level1.active .plus-box .hor{
        background-color: #fff;
    }
    #sidenav .nav .level1 .plus-box .ver{
        height: 100%;
        width: 0.2rem;
        background-color: #cdcdcd;
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -0.0625rem;
        transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    #sidenav .nav .level1.active .plus-box .ver{
        background-color: #fff;
        transform: scale(1,0);
        -webkit-transform: scale(1,0);
    }
    #sidenav .nav ul{
        background:rgba(20,47,57,.6);
        display: none;
    }
    #sidenav .nav ul li > a{
        padding-left: 0.9375rem;
        line-height: 3.5rem;font-size: 1.4rem;
        display: block;
        color: rgba(255,255,255,.6);
        border-bottom:  1px solid rgba(255,255,255,.2);
    }
    #sidenav .nav ul li.active > a{
        background-color: #e6e6e6;
    }
    #sidenav .bottom{
        font-size: 0.9375rem;
        color: #38444a;
        text-align: center;
        padding: 2rem 0;
    }
    #sidenav .bottom img{
        width: 1.125rem;
        vertical-align: middle;
        margin-right: 0.5625rem;
    }
    .swiper-slide>.show1,
    .swiper-slide>.show2,
    .swiper-slide>.show3,
    .swiper-slide>.show4,
    .swiper-slide>.show5 {
         top:3rem;left:3rem
    }
    .swiper-slide>.show5{left:50%;width: 22rem;margin-left:-10rem;top:5rem;  }
    .swiper-slide>.show1{width:7rem;}
    .swiper-slide>.show2{width: 12rem;top:7rem}
    .swiper-slide>.show3{width: 12rem;;left:16rem;top:7rem}
    .swiper-slide>.show4{width: 12rem;;left:16rem;top:11rem}
    .swiper-button-next,
    .swiper-button-prev { background-size:2rem;
        width:2rem;
        height: 4.2rem;
    }
    .swiper-container-horizontal>.swiper-pagination-bullets,
    .swiper-pagination-custom,
    .swiper-pagination-fraction {
        bottom: 5px;
    }
    .swiper-pagination-bullet{width: 10px; height: 10px; border-width:1px }

    .hexin{background-image: url("../images/wap/hexinbg.jpg"); background-color: #010510;
        background-position: top; height: auto}
    .main-containt{width: 100%;}
    .hexin .main-containt, .jiejue .main-containt{position: inherit;margin: 0; left:0}
    .hexin .main-containt .warp5-title h4, .jiejue .main-containt .warp5-title h4{margin-top: 0}
    .warp5-title{padding-top: 2rem; margin-bottom: 1rem}
    .warp5-title h4{font-size: 2.5rem}
    .warp5-title p{font-size: 1.4rem; padding: 0 2rem}
    .hexin .main-containt .warp5-title p, .jiejue .main-containt .warp5-title p{line-height: 1.6}
    .warp5-title .line{ border-width: 3px; height: 1rem; width: 3.4rem}
    .hexinlb ul li{width: 96%; margin:0 auto 1rem;float: inherit; font-size: 1.3rem; overflow: hidden }
    .warp5-title .line{margin-top: 5px;}
    .hexinlb{margin: 0}
    .texiang{
        overflow: inherit;
        background-image: url("../images/hexin.png") ;
        background-repeat: no-repeat;
         background-size: contain;
         background-position: top; float: left;
        width: 16rem;
        height: 16rem; text-align: center; margin-right: 1rem;line-height: 1.2 }
    .coregdu{ width: 16rem; margin: 0 auto}
    .hexinlb ul li:nth-child(1) .coregdu{height: 100px; margin-top: 1rem}
    .texiang img.core1{ height:90px;}
    .hexinlb ul li:nth-child(2) .coregdu{height: 100px; margin-top: 1rem}
    .texiang img.core2{ height:80px;}
    .hexinlb ul li:nth-child(3) .coregdu{height: 100px; margin-top: 1rem}
    .texiang img.core3{ height:90px;}
    .hexinlb ul li:nth-child(4) .coregdu{height: 100px; margin-top: 1rem}
    .texiang img.core4{ height:70px;}
    .hexinwzwap{margin-top: 1rem; margin-left: 17rem}
    .hexinwzwap span.dot {
        color: #ffc000;
        margin-right: 5px; font-size: 1rem;
    }
    .newscenter{margin: 0}
    .newscenter ul li{width: 100%; float: inherit}
    a.more{margin-right: 2rem}
    .hua1 img{width: 6rem}
    .hua2 img{width: 20rem}
    .hua3 img{width: 28rem}
    .hua3 img.huabian2,.hua2 img.huabian2{width: 10rem}
    .hezuo{margin: 0; padding-bottom: 3rem}
    .hezuo ul li{width: 33.3%}
    .hezuo ul li img{ display: block; width: 100%}
    .hezuo ul li .pp_div{margin: 0 1rem 1rem; padding: 1rem 0}
    .newscenter-nr{height: inherit}
    .newscenter a .newsdbt{font-size: 1.6rem}
    .footupleft{display: none}
    .footup{display: inherit}
    .foot{padding-top: 1rem}
    .fuwutel{display: flex; align-items: center}
    .fuwutel{margin-bottom:0}
    .footupright ul li{width: 58%}
    .footma.footma1{margin-right: 2rem}
    .footma.footma1 span{ margin-left: -3rem}
    .footma.footma3{width: inherit; height: auto; margin-bottom: 1rem}
    .footup{padding-bottom:2rem}
    .jiejue{background-image: url("../images/wap/bg2.jpg"); background-size: 100%; background-position: bottom;
        background-color: #002f39; height: auto; padding-bottom:7rem}
     .jiejuemain{top:1rem}
     .jiejuewindowimgfg3 img,.jiejuemain  .jiejuewindow3 img{width: 252px}
    .jiejuewindowimg1,.jiejuewindowimg2,.jiejuewindowimg3 { left: 50%; margin-left: -126px;}
    .jiejuewindow1{margin-bottom: 1rem}
    .footupcenter{width: inherit}
    .foot{font-size: 0}
    .fuwuaddress ul li,.footuprightwap{font-size: 1.2rem}
    .soluteqh .zixuntop a{font-size: 1.4rem}
    .jiejuecontentbk{width: inherit}
    .jiejuecontent h3{font-size: 2rem;margin-bottom:1rem; margin-top: 1rem}
    .jiejuecontentbk{ border-width: 1px; margin:3rem 1rem}
    .jiejuecontent{padding: 1rem}
    .jiao{ width: 1.5rem}
    .arrow1 {
        left: -8px;
        top: -9px;
    }
    .arrow2 {
        right: -8px;
        top: -9px;
    }
    .arrow3 {
        left: -8px;
        bottom: -15px;
    }
    .arrow4 {
        right: -8px;
        bottom: -15px;
    }
    .pingtaijjnr,.anfangjiankong-nr{display: inherit}
    .computer{width: 90%; margin: 2rem auto 1rem; display: block}
 .programme{width: 100%}
    .pingtaijjnr p{margin: 0; padding: 1rem; font-size: 1.4rem; line-height: 1.8}
    .anfangjiankong-nr p{ font-size: 1.4rem;}
    .gongneng ul{display: inherit; margin-top:2rem}
    .gongneng ul li{width: 31.3%; float: left; margin: 0 1%; margin-bottom: 2rem; font-size: 1.4rem}
    .gongneng ul li img{margin-bottom: 0; width: 7rem}
    .anfangjiankong-nr p,.zhxiaofang .anfangjiankong-nr p{padding: 1rem; line-height: 1.8; text-align: justify}

    .gongneng{margin: 1rem 0 0}
    .anfangjiankong{margin:1rem 0}
    .anfangjiankong-nr p .bluedan{ font-size: 1.6rem}

    .soluteqh .zixuntop .sel a,.soluteqh .zixuntop ul li:nth-child(3).sel a{width: inherit; border-width: 2px;}
    .casebgt > .show1{top:6rem}
    .caselb ul li{width:50%}
    .topopen{width:94%; margin-bottom:3rem}
    .swiper-slide img:first-child{width: inherit}
    .swiper-slide .caselbbg img{width: 100%; height: 10rem}
    .caselbbg .kongbg{width:15rem; height: 10rem}
    .caselbbg{ width: auto; height: 16rem; padding: .5rem; line-height: 1.5}
    .caselb ul li{height: inherit; margin-bottom: 1rem; }
    .caselb ul li a{font-size: 1.4rem}
    .swiper-slide .caselbbg img{border-radius:  .5rem; margin-bottom:-1rem}
    .caselbbg .kongbg{ display: none}
    .textright{right:1rem}
    .firewidth{top:2.5rem}
    .textleft{left:1rem}
    .firewidth img{width: 1.8rem;}
    .jiejuewap a{color: #fff; font-size: 1.6rem}
    .toolbar .totop a{line-height: 2.2}
    .newscenterny .main-containt{width: 100%; padding: 0 1.5rem}
    .newsqihuan .main-containt{width: 100%; padding: 0 1rem}
    .firstimg{height: 20rem; border-radius: .5rem}
    .newscenternrwz{padding: 1rem}
    .newscenterny h1{font-size: 1.8rem;text-align: left}
    .newscenterny p, .dongtaileft p{font-size: 1.4rem}
    .layui-tab{margin: 0}
    .layui-tab-title{padding-left: 0; text-align: center; margin-bottom: 1rem}
    .dongtaileft{margin-right: 1rem}
    .dongtaileft h1{font-size: 2rem}
    .newsphoto{float: inherit; height: auto; }
    .dongtaileft{width: 100%;  margin: 0; padding: 1rem}
    .date{margin-bottom: 0}
    .nynews ul li{margin-bottom: 1rem}
    .nynews  .dongtaileft h1{font-size: 1.8rem; margin-bottom: .5rem; line-height: 1.5}
    .newsqihuan .newsphoto img{width: 100%; }
    .layui-tab-content{padding: 1rem .5rem}
   .dongtaileft p{display: none}
    .flex.quyufazhan{display: inherit; }
    .gufeijiejue .anfangjiankong-nr p{padding: 1rem}
    .gufeijiejue .anfangjiankong-nr .quyufazhan p:nth-child(2){padding-top: 0}
    .gufeijiejue .anfangjiankong-nr .quyufazhan p:nth-child(1){padding-bottom: 0}
    .jiejuecontent h3 img{width: 3rem}
    .anfangjiankong-nr img{margin-bottom: 0}
    .soluteqh .zixuntop ul li{background: none}
    .pingpaijjwap{padding: 0 2rem}
    .pingpaijjwap img{border-radius: 1rem; margin-bottom: 2rem}
    .pingpaijjwap p{ padding: 1rem; text-align: justify; font-size: 1.6rem; line-height: 1.8}
    .qiyewenhua,.quanweibg{margin-bottom: 1rem}
    .quanweibg{background-size: contain}
    .aboutjj.lianxibg{background: #e8f9ff; padding:2rem 1rem; margin: 1rem 1rem 3rem; border-radius: 1rem; height: auto}
    .lianxibg .flex{display: inherit}
    .lianxibg1{width: inherit; margin: 0; padding: 0}
    .lianxibg2 .wenben{width: inherit}
    .lianxibg2  .layui-form-item .layui-form-label{padding-left: 15px;}
    .lianxibg2 .wenben{padding: 0 1rem}
    .lianxibg .layui-input-block{width: 60%}
    .fuwuaddresswap .zhuzhi{font-size: 1.2rem}
    .fuwuaddresswap ul li{float: left; margin-right:2rem}
    .footupright{padding: 1rem 0;}
    .footbottom{padding: 1rem 0}
    .aboutjj h2,.aboutjj h3{ padding: 0 1rem}
    .aboutjj h2{font-size: 2.2rem}
    .aboutjj h3{font-size: 1.5rem;}
    #about1{padding-top: 2rem}
    .pingpaijjwap{ margin-bottom: 0}
    .pingpaijjwap p{margin-bottom: 0}
    .wenhua{margin: 0}
    .wenhua ul li{width: 46%; margin: 0 2% 1rem}
    .wenhua ul li img{margin-bottom: 1rem}
    .wenhuatitle{width: auto}

    .fuwutitle{font-size: 1.6rem;  font-weight: normal}
    /*stick图片轮播*/
    .mainWrap{position: relative;padding: 0 3rem}
    .topcontent .colum1 .forwnxt a {
        display: block;
        text-align: center;
        cursor: pointer;
    }

    .topcontent .headlinelist li {
        float: left; height: auto;
    }

    .topcontent .headlinelist li img {
        width: 65%; margin: 0 auto;
    }
    .topcontent .colum1 .forwnxt .forward a {
        position: absolute;
        left: 0;
    }
    .topcontent .colum1 .forwnxt .forward a img,
    .topcontent .colum1 .forwnxt .next a img{width: 4rem}
    .topcontent .colum1 .forwnxt .next a {
        position: absolute;
        right: 0;

    }
    .topcontent .colum1 .forwnxt .forward,.topcontent .colum1 .forwnxt .next {
        position: absolute;  top: 15rem;

        z-index: 2;
    }
    .topcontent .colum1 .forwnxt .forward{left:1rem; }
    .topcontent .colum1 .forwnxt .next{  right:1rem; }

    .main-wap .honorbg .warp5-title{ padding: 2rem 0}
    .honorbg{background-image: url("../images/wap/about/huabian3.jpg"); background-position: top;}
    .liucbg .warp5-title{margin-bottom: 1rem}
    .quanwei{margin-bottom: 3rem}
    .contactusjj{display: inherit; margin-bottom: 2rem; background: none; height: auto; padding: 1rem}
    .lianxifangshi{width: auto; padding:0 1rem}
    .lianxifangshi ul{margin-top: 2rem; padding-left: 1rem}
    .map{width: 90%; margin: 0 auto; height:15rem; border-radius: 1rem}
    .layui-tab-title li{font-size: 1.6rem; line-height: 3 ; margin: 0}
    .layui-tab-brief > .layui-tab-more li.layui-this::after, .layui-tab-brief > .layui-tab-title .layui-this::after{left:35px;}
    .pinpaitop .warp5-title,.quanwei .warp5-title,#contact4 .warp5-title{padding-top: 0}
    .aboutjj{background: none; padding: 0; height: auto}
    .rongyu{ margin-bottom: 1rem}
    .zhxiaofang2wap.anfangjiankong-nr img{margin-bottom: 0}
    .bianminbt{font-size: 2rem; margin-bottom: 1rem}
    .bianminbt0,.wygj .bianminbt{margin: 0; margin-bottom: 1rem}
    .firewidth.firewidthwap img{width: 3rem;}
    .firewidth.firewidthwap{top:4.5rem}
    .casexq .main-containt{width: 100%}
    .newsxiangqing{padding: 2rem 1.5rem}
    .newsxiangqing h1{font-size: 2.3rem; text-align: left; line-height: 1.5; margin-bottom: 0}
    .fanye{padding-left: 1rem; line-height: 1.8}
    .xinwenview{padding: 0}
    .newsxiangqing .more{margin-bottom: 1rem}
    .swiper-button-prev{left:0}
    .swiper-button-next{right: 0}
    .xinwenview p{font-size: 1.7rem}
    .bluebg{height: 4.5rem}
    .newsxiangqing .date{margin-bottom: 1rem; text-align: left}
    .date span{margin-right: 2rem}
    .warp5-title.touzibt{padding-top: 0}
    .quanwei.quanwei0{margin-bottom: 0}
    .jiejuecontent  .arrow{width: 2rem}
    .arrow5 {
        left: 3rem;
        top: -1.8rem;
    }

    .jiejue2.arrow5 {
        left:12rem;
    }

    .jiejue3.arrow5 {
        left: 21rem;
    }

    .jiejue4.arrow5 {
        left: 31rem;
    }
    .contactusjj i{background-size: 2rem; margin-right: .5rem}
    .lianxibg i.icon{background-size: 2.3rem; margin-right: .5rem}
    .lianxifangshi ul li{ margin-bottom: 1rem}
    .lianxifangshi ul li:last-child{align-items: inherit; margin-left: 1px;}
    .lianxibg1 .layui-form-item{margin-bottom: 1rem}
    .layui-form-item .layui-form-label{padding-right:1rem; width: auto}
    .newsphoto img{height: auto}
    .nynews .newsphoto{float: inherit}
}