@media screen and ( max-width:780px ){
.wal{margin:0 .3rem;}

.headD{height:1rem;}
.head,
.head.on{position:fixed; top:0;}
.head.on .logo{margin-top:-.33rem; width:4.22rem;}
.head .bg{display:none;}
.head .wal{height:1rem;}
.head .search,
.head .language,
.head .tel{display:none;}
.navA{display:block; width:1rem; height:1rem; position:absolute; top:0; right:-.3rem; background:url(../image/navA.png) center no-repeat; background-size:.4rem;}
.navBg{position:fixed; z-index:99; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); opacity:0; visibility:hidden;}
.nav{position:fixed; z-index:100; left:auto; right:-100%; margin-left:0; width:100%; height:100%; background:#fff;}
.nav.on{right:0;}
.navBg,
.nav{
transition:All 0.5s ease;
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;
}
.navBg.on{opacity:1; visibility:visible;}
.nav .close{width:1rem; height:1rem; background-size:.4rem; margin-left:auto;}
.nav .close::after{display: flex; align-items: center; justify-content: center; width: 100%; height: 1rem; content: '\e616'; font-family: 'iconfont'; font-size: .3rem}
.nav > ul > li{float:none; padding-right:0; border-top:#eee solid 1px;}
.nav > ul > li > a{height:.88rem; line-height:.88rem; font-size:.26rem; color:#000; text-align: left}
.nav > ul > li > a.on{color: #000; font-weight: bold}
.nav > ul > li > a:before{display: none}
.nav > ul > li.li_01 > a::after{display: block; content: '\e667'; font-family: 'iconfont'; position: absolute; top: 0; right: .3rem}

.nav-layer{position: fixed; z-index: 100; background: #fff; top: 0; bottom: 0; left: 100%; right: -100%; transition: all .5s ease; display: block; box-shadow: 0 0 0 rgba(0, 0, 0, 0)}
.nav-layer .wal{display: flex; padding: 0; margin: 0; flex-wrap: wrap}
.nav-layer .title{width: 100%; height: 1rem; display: flex; align-items: center; border-bottom: #eee solid 1px}
.nav-layer .title .back{font-family: 'iconfont'; display: flex; align-items: center; justify-content: center; width: 1rem; font-size: .32rem; border-right: #eee solid 1px; height: 1rem}
.nav-layer .title h3{color: #000; font-size: .32rem; padding-left: .3rem}
.nav-layer .wal > ul{width: 50%; border-right: #eee solid 1px; height: calc(100vh - 1rem); padding: .15rem 0}
.nav-layer li a{line-height: .8rem; font-size: .26rem; padding-left: .26rem}
.nav-layer li a::after{right: .26rem; font-size: .2rem}
.nav-layer .list2{width: 50%; padding: .15rem 0; height: calc(100vh - 1rem); overflow-y: auto}
.nav-layer .list2::before{display: none}
.nav-layer .list2 li{width: 100%}
.nav-layer .list2 li a{padding-left: .26rem}
.nav-layer .list2 li a:after{right: .26rem}

.nav-layer.fixed{top: 0}
.nav-layer.show{left: 0; right: 0}

.footDiv .wal{min-height:2.6rem; position:relative;}
.footDiv dl.btn{ padding-top:.6rem; width:5rem;}
.footDiv .list li{padding:.1rem .25rem 0 0;}
.footDiv .list a{font-size:.22rem;}
.footDiv .ewm{font-size:.18rem; width:1.4rem;}

.foot{font-size:.22rem;}
.foot .wal{padding:.2rem 0;}
.foot li{float:none; padding:0 0 0 .4rem; background-size:.3rem;}
.foot p{position:relative;}

/*page---------------*/
.indexFlash,
.indexFlash .swiper-slide{height:4.5rem;}
.indexFlash .layer{left:.5rem; margin-left:0; top:1.1rem;}
.indexFlash .layer h2{font-size:.4rem; line-height:.54rem;}
.indexFlash .layer p{font-size:.2rem; line-height:.32rem; padding:.15rem 0 .25rem 0;}
/**/
.indexFlash .dots{left:0; margin-left:0; bottom:.3rem; width:100%; text-align:center;}
.indexFlash .dots span{margin:0 .05rem;}
.indexFlash .next{display:none;}

.indexPart1 li{width:100%; max-width:100%; padding:0 0 0 2.1rem;}
.indexPart1 .img{left:.3rem;}
.indexPart1 p{min-height:.85rem; font-size:.22rem;}

.indexPart2 .content{font-size:.2rem; line-height:.45rem;}
.indexPart2 .img{position:relative; top:0; max-width:7.36rem; width:100%; margin-top:.5rem;}

.indexPart3 li{width:100%;}
.indexPart3 .time{height:.8rem; line-height:.8rem; font-size:.2rem;}
.indexPart3 .name a{font-size:.28rem; height:.55rem; line-height:.55rem;}

.indexPart4{font-size:.22rem; padding-left:.85rem; line-height:.6rem; padding-bottom:.3rem;}
.indexPart4 li{height:.6rem;}

.pageBanner .wal{height:3.5rem;}
.pageBanner .title{top:.8rem;}
.pageBanner .title h2{font-size:.4rem;}
.pageBanner .title span{font-size:.2rem;}
.pageBanner .list a{padding:0 .3rem; font-size:.22rem;}
.pageBanner .curr{display:none;}

.pageTitle .name{padding:.3rem 0 0 .3rem;}
.pageTitle h2{font-size:.3rem;}
.pageTitle span{font-size:.2rem;}

.product{padding:0;}
.product li{padding:0 .2rem .5rem .2rem; width:50%;}
.product .msg{font-size:.22rem;}
.product .name{font-size:.24rem; height:.55rem; line-height:.55rem;}

.pageNum{clear:both; /*width:1.44rem; */margin:0 auto; height:2.2rem; padding-top:.5rem;}
.pageNum div{float:left; /*width:50%;*/}
.pageNum a{display:block; height:.72rem; border:#CCC solid 1px; width: 14%;position:relative; /*background:url(../image/prev24.png) center no-repeat;*/ background-size:.24rem;}
.pageNum a:hover{z-index:5; border-color:#0060b0;}
.pageNum .prev a:hover{background-image:url(../image/prev24on.png);}
.pageNum .next a{margin-left:-1px; background-image:url(../image/next24.png);}
.pageNum .next a:hover{background-image:url(../image/next24on.png);}

.productShow_01{padding:0;}
.productShow_01 .bigImg{width:100%; position:relative; left:0;}
.productShow_01 .dots{position:relative; left:0; padding-top:.3rem;}
.productShow_01 .name{clear:both; padding-top:.5rem;}
.productShow_01 .name div{font-size:.26rem;}
.productShow_01 .name h2{font-size:.3rem;}
.productShow_01 .content{font-size:.24rem; line-height:.42rem;}
.productShow_01 .btn a{font-size:.22rem; width:2rem; height:.7rem; line-height:.7rem;}

.pageTitle2 h2{font-size:.3rem;}
.pageTitle2 span{font-size:.2rem;}

.productShow_02{padding:0;}
.productShow_02 .content{font-size:.24rem; line-height:.42rem;}
.productShow_02 .list a{font-size:.24rem;}
.productShow_02 .msg{font-size:.24rem;}
.productShow_02 .back a{font-size:.22rem; width:2rem; height:.72rem; line-height:.7rem;}

.about_01{padding:0;}
.about_01 .img{position:relative; left:0; top:0; width:80%; margin:0 auto;}
.about_01 .content{font-size:.24rem; line-height:.48rem; padding-top:.5rem;}

.about_02{padding:0;}
.about_02 li{width:50%;}
.about_02 .name a{font-size:.24rem;}

.contact{padding:0 0 1.3rem 0;}
.contact h2{font-size:.32rem; padding-top:0;}
.contact .list{padding-bottom:.5rem;}
.contact li{font-size:.24rem;}
.contact .img{position:relative; top:0; right:0; width:100%;}

.news{margin:0;}
.news li{padding:.4rem 0 .4rem 3.77rem;}
.news .time{font-size:.2rem;}
.news .name a{font-size:.24rem; line-height:.45rem; margin-left:0; padding-bottom:0;}
.news a.btn{display:none;}

.newShow{padding:0;}
.newShow .title{font-size:.32rem; line-height:1.6em;}
.newShow .time span{line-height:.65rem; font-size:.2rem;}
.newShow .content{font-size:.26rem;}

.applyStep li div{font-size:.3rem;}

.apply{padding:0;}
.apply .title{font-size:.3rem;}
.apply .form ul{width:100%; padding:0;}
.apply .input1,
.apply .select,
.apply .name{font-size:.24rem;}
.apply dd{width:100%; height:.82rem; line-height:.62rem; font-size:.22rem; padding-left:1.5rem;}
.apply dd .input{height:.62rem;}
.apply dd .input1{height:.6rem; line-height:.6rem; padding:0 .2rem;}
.apply dd.dd_01{width:100%;}
.apply dd.dd_01 span{height:.62rem;}
.apply dd.dd_02{width:100%; padding-left:3rem;}
/**/
.apply .btnDiv div{width:2.3rem; height:.7rem;}
.apply .btnDiv .btn1{height:.7rem; font-size:.24rem;}

    /*2018-6-29*/
    .message h1{padding-top: 15px;}
    .message h3{line-height: 20px; padding: 10px 20px;}
    .message li{height: 90px; padding-left: 0;}
    .message li.li_02{width: 100%;}
    .message li .name{position: relative; left: 0; top: 0; height: 40px; line-height: 39px; border: 0; border-bottom: #eee solid 1px; width: 100%; background: #fcfcfc;}
    .message li .input1{padding: 0 .45rem;}
    .message li.li_04{height: 135px;}
    .message li dl{padding: 10px 0 0 .45rem;}
    .message li dd{width: 33.333%; height: 36px; line-height: 36px;}



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

}