
.pc{ display: none;}
.moblie{ display: block;}

.wal{ width: 100%; margin: 0 auto;}
.mwal{ width: 95%; margin: 0 auto;}
.walb{ width: 90%; margin: 0 auto;}
.walq{ width: 90%; margin: 0 auto;}

.t1{ display: block;}
.t2{ display: none;}
.typd5 {
    padding: 2rem 0;
}

.wal{width: 100%;margin: 0 auto;}
.wala{width: 95%;margin: 0 auto;}
.walb{width: 95%;margin: 0 auto;}


/********************************************************/
/********************************************************/

#nav{ display: none;}
.logo {width: 75%;height: 25px;}
.logo img {height: 100%;}
header{height: 60px;background: #fff;}
.header {padding: 1rem;position: relative;    background: #fff;}
.man{}
.man img{    width: 25px;float: right;position: relative;right: 2.5%;margin-left: 2rem;}
.nav {
    width: 100%;
    float: none;
    text-align: center;
    height: 91.5vh;
    background: #ffffff;
    position: relative;
    overflow:auto;
}
.nav ul li {
    float: none;
    width: 100%;
    text-align: center;
    padding: 1rem 0;
    border-bottom: 1px solid #d8d8d8;
}
.nav ul li a{color: #000000;line-height: 35px;}
.navxl {
    width: 100%;
    left: 0;
    height: auto;
    overflow: hidden;
    position: relative;
    top: 0;
}
.navxl a {background-color: transparent;width: 49%; display: inline-block;}
.navxl a:hover{background-color:transparent;}
.nav ul li:hover {
    background-color: transparent;
}
.headerdw {height: 60px;}

/*********************************************************************/

.banner,.sy01lj,.sy02lb{width: 100%;float: none;}
.sy02lb {margin: 2rem 0;}
.sy03t ul li {margin-right: 0.2rem;    padding: 0.5rem;}
.sy03b .swiper-slide {margin-right: 30px!important;}

.sy02lblb {
    padding: 0.5rem 0;
    margin: 0.5rem 0;
}
.sy04{padding: 0;width: 90%;}
.sy04nr p {display: block;margin-bottom: 0.5rem;}
.sy04lbnr p{ margin: 0;display: inline-block;}
.sy04lb { margin: 0.5rem 0;}
.sy04lbxl {position: relative;left: 0;border: none;}


.footer p span{ display: block;margin: 1rem;}

.xq01 {
    width: 90%;
    margin: 4rem auto;
}
.lby01{width: 90%;}
.lbybblbl {width: 70%;}
.lbybblbr {width: 30%;}
.xq01nr div,.xq01nr h5 {text-indent: 0;}
.tp{text-align: center;}

/********************************************************/
/********************************************************/
/********************************************************/
/********************************************************/

@media screen and (max-width: 400px) {
    .xq01bt p {font-size: 12px;}
}

