.menu-button { position: absolute; display: none; top: 18px; right: 15px; z-index: 1000; cursor: pointer; -webkit-transition: .3s; transition: .3s;}
.menu-button .bar:nth-of-type(1) { margin-top: 0px;}
.menu-button .bar:nth-of-type(3) { margin-bottom: 0px;}
.bar { position: relative; display: block; width: 24px; height: 2px; margin: 5px auto; background-color: #fff; border-radius: 10px; -webkit-transition: .3s; transition: .3s; }
.cross{ margin-top: -8px; }
.cross .bar{ margin:13px auto; }
.cross .bar:nth-of-type(1) { -webkit-transform: translateY(15px) rotate(-45deg);-ms-transform: translateY(15px) rotate(-45deg); transform: translateY(15px) rotate(-45deg);}
.cross .bar:nth-of-type(2) {  opacity: 0;}
.cross .bar:nth-of-type(3) { -webkit-transform: translateY(-15px) rotate(45deg); -ms-transform: translateY(-15px) rotate(45deg); transform: translateY(-15px) rotate(45deg);}

.wznr p img{max-width:100%;height:auto;}



.search-a{display:none;}
.ss .close{display:none;}
.nav-click {
    display: none;
}
.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid \9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

@media (max-width: 1260px){
#header-wrap{width:100%; min-width: auto;}
#header{width:96%;    height: 85px;}
.nav{min-width: auto;}
.W1200{width:96%;}
#header .logo{width:450px;}
.Search {width: 200px;margin-top: 25px;}
.search_text{width: 150px;}
.lj{margin-top: 25px;}
.mid{width:100%;min-width: auto;    margin: auto;    padding: 20px 0 0;}
.W50{width:50%;}
.W540{width:48%;}
.list li a{width: calc(100% - 90px);text-align: left;    overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}

.kslj li{width:calc(12.5% - 20px);}
.W370 {width: 31.5%;}
.boot{width:100%; min-width: auto;}
.boota{width:100%;}
.W1200 .W1200{width:100%;}
.list2 li a{ overflow: hidden;text-overflow: ellipsis; white-space: nowrap;    width: 100%;text-align: left;}
.ljs{width:100% !important;}
.kust li{width:calc(12.5% - 1px);text-align: center;padding:0 0px !important;}


.nban{height:auto;}
.W750{width:calc(100% - 230px);}
.nlist li a{    width: calc(100% - 100px); overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}

}









@media (max-width: 991px){
.js-silder{top:50px;}
.mid{margin-top:50px;}
.menu-button, .nav-click {display: block;}
.Search{width:290px;left: calc(50% - 145px);position: absolute;top:200px;}
#header .ss {
    background: rgba(0,0,0,1);
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    opacity: 0;
    z-index: -1;
    transition: all 0.3s ease-out 0s;
    width: 100%;
    height: 100%;
    margin-top: 0px;
}

#header .ss.showdiv {
    opacity: 1;
    visibility: visible;
    z-index: 10000000;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
}


#header .ss .close {
    font-size: 60px;
    display: block;
    opacity: 1;
    font-family: "宋体";
    position: absolute;
    right: 15%;
    top: 15%;
    width: 80px;
    height: 80px;
    text-align: center;
    line-height: 60px;
    cursor: pointer;
    color: #ccc;
}

#header{height:50px;}
#header .logo{    height: 45px;width: auto;}
#header .fl{margin-top: 0px !important;}
#header .lj{display:none;}
.search-a{    position: absolute;right: 60px;top: 17px;line-height: 50px;}
#header-wrap{height:auto;position: fixed;}
.ss .close{display: block;}
.search-a{display: block;}
.nav{height:auto;}




.nav ul.sl {
    position: fixed;
    display: none;
    left: 0;
    top: 50px;
    right: 0;
    bottom: 0;
    background: #783c7e;
    overflow-y: auto;
    margin: 0;
width: 100%;
    z-index: 99;
}


.nav ul.sl li {
    float: none;
    padding: 0;
    display: block;
    margin: 0!important;
    width:100% !important;
    border-top: solid 1px #eee;
}
.nav ul.sl li h3 {
    line-height: 40px;
    padding: 0 15px;
    display: block;
    text-align: left;
    font-size: 16px;
    background: none!important;
    color: #fff!important;

}

.nav ul.sl li h3{
    padding: 0 15px;
}

.nav .sub {
    position: static;
    background: none;
    transform: translate(0,0);
    margin: 0px;
    padding: 0px;
    width: 100%;
   background: #742f7a;
}

.nav .sub {
    margin-left: 0!important;
}
.nav .sub li {
    text-align: left;
    padding: 0px;
    background: none;
float: none;
    padding: 0;
    display: block;
    margin: 0!important;
    width: 100%;
border-top:none !important;
}

.nav .sub li a {
    padding: 0px 15px 0px 25px;
    background: none!important;
    font-size: 14px;
    line-height: 30px!important;
    text-align: left;
}


.nav-click {
    display: block;
    transition: 0.3s all;
    z-index: 10000;
    position: absolute;
    color: #fff;
    top:0px;
    right:10px;
    width: 40px;
    height: 50px;
    text-align: center;
    line-height: 50px;
}

.nav-click {
    display: block;
}

.kust li{width:calc(25% - 1px);text-align: center;padding: 0 0px;}







}






@media(max-width:900px){
.kslj li .div{height: 60px; width: 60px;}
.kslj li .div em{height: 60px; width: 60px;}
.kslj li p{line-height: 20px;font-size: 14px;}











}


@media(max-width:800px){
.kslj li .div{height: 70px; width: 70px;}
.kslj li .div em{height: 70px; width: 70px;}
.kslj li p{line-height: 20px;font-size: 16px;}
.kslj li { width: calc(25% - 20px);}

.W50{width:100%;margin-bottom:25px;}
.W540{width:100%;}
.W370{width:100%;margin-bottom:25px;}
.boot{height:auto;}
.t-c{width:100%;text-align: center;}
.t-l{width:100%;text-align: center;}
.t-c p{ margin-right: 0px !important;margin-bottom:10px;}
.t-c p img{max-width:100%;}
.bg_w a{max-width:100%;}
.bg_w a img{max-width:100%;}
}


@media(max-width:700px){
.W360{width:100%;}
.W750{width:100%;}
.ml20{margin-left: 0px;}


}



@media(max-width:500px){
.kslj li .div{height: 50px; width: 50px;}
.kslj li .div em{height: 50px; width: 50px;}
.kslj li p{line-height: 20px;font-size: 14px;}
.kslj li{zoom: .8;}

.kust li{ width: calc(33.3333% - 1px);}








}


@media(max-width:420px){
#header .logo {height: 35px;margin-top: 7px;}
.kslj li{zoom: .7;}
}