.sc{width:0px;    margin-left: 0rem !important;}


@media (max-width: 1023px){
.sc{width: 32px;margin-left: 0.2rem !important;}
.ser-layer{display:none !important;}

}
.body_home.bg_s .nav-list{display:none;}

.sts ul{display:none !important;}
.ser-layer{display: inline-block;width: 45px;transition: .5s;margin-left: 0.2rem;}
.ser-layer.showdiv{opacity:1;visibility:visible;}
.ser-layer .serclose{font-size: .36rem;position:absolute;right:.3rem;top:.25rem;width:45px;height:45px;text-align: center;line-height:.3rem;cursor:pointer;color:#ccc;font-family: 'lib';}
.ser-layer .serform{width: 100%;}
.ser-layer.showdiv .serform{transform: translateY(0);transition: .5s .3s;}
.ser-layer .serform .input-group{width: 100%;display: flex;justify-content: flex-end;}
.ser-layer .serform .input-group .sub{position:absolute;right:0;top:0;width:45px;height: 45px;overflow:hidden;background:0 0;cursor: pointer;border-radius: 0;opacity: .7;border: none;color: transparent;border-radius: 50%;overflow: hidden;}
.ser-layer .serform .input-group .sub:after{content:'';position:absolute;top:0;bottom:0;left:0;z-index:0;right:0;background: url(images/search.png) center no-repeat;background-size: 45px 45px !important;transition: .5s;}
.ser-layer .serform .input-group .inp{height: 45px;border:0;border-right:0;padding-right: 0;width: 0;padding-left: 0;background: #fff;border-radius: 0;visibility: hidden;transition: .5s;font-size: .14rem;border-radius: 50px;}

.ser-layer:hover{ width: 250px;}
.ser-layer:hover .serform .input-group .inp{width: 100%;visibility: visible;padding: 0 .4rem 0 .15rem;}
.ser-layer:hover .serform .input-group .sub:after{ background: url(images/search.png) center no-repeat;}

@media (max-width: 1600px){
.ser-layer{width: 40px;}
.ser-layer .serclose{width:40px;height:40px;}
.ser-layer .serform .input-group .sub{width:40px;height: 40px;}
.ser-layer .serform .input-group .sub:after{background-size: 40px 40px !important;}
.ser-layer .serform .input-group .inp{height: 40px;}
}


@media (max-width: 640px){
.ser-layer .serclose{right: 4%;top: .2rem;}
}
.tj{width:calc(100% - 300px);}

.tj-dh{width:270px;}
.tj-dh ul {
    width:100%;
        display: inline-block;
    flex-wrap: wrap;}
.tj-dh ul li {
    width:47%;
    float:left;
    margin-bottom: 20px;
    position: relative;}
.tj-dh ul li:hover a{color:#fff;background:#0d3e5f;}
.tj-dh ul li:nth-child(even){float:right;}

.tj-dh ul li a {
    font-size:18px;
    color: #0d3e5f;
    line-height: 60px;
    display: block;
    text-align: center;
    font-weight: bold;
    transition: 0.4s;
    background: #f2f3f9;}

@media(max-width:900px){
.tj{width:100%;}
.tj-dh{width:100%;}
.tj-dh ul{ width: 100%;
    white-space: nowrap;
    overflow-x: scroll;
    text-align: justify;
    padding: 0px;
    box-sizing: border-box;
    flex-wrap: nowrap;
    display: flex;
    justify-content: start;}
    .tj-dh ul li{width:auto;margin-right:20px;}
    .tj-dh ul li a{    padding: 0 20px;}
}
.img-lb-img {
    position: relative;
    padding-top: 52%;}
