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


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

}
.header.on .pull-right{display:none;}
.header.on .header-a{display:none;}
.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;}
}
.banner .slick-dots li button:before{display:none;}
.banner .slick-slide {position: relative;}
.banner .slick-slide p {position: absolute;width:100%;bottom:30px;font-size:22px;text-align: center;display:block;line-height: 40px;color: #fff;font-weight: bold;    z-index: 9999;}
.banner .slick-dots{z-index: 99;}


.gd-banner{position: absolute;right: 40px;bottom: 48px;font-size:16px;color:#fff !important;    z-index: 99;}
.banner a:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 5;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    background: url(image/bg20.png) center bottom repeat-x;
    background-size: auto 5.19rem;}



@media(max-width:991px){
.banner .slick-slide p{display:none;}
.gd-banner{display:none;}
}
.zt-list li:hover img{
--_f: calc(100%*var(--f)/(1 + var(--f)));
    --_a: calc(0deg*var(--f));
    transition: All 0.5s ease;}
.dsjz-wz{      position: absolute;  line-height: 0.26rem;
    color: #929292;left:230px;}
    
    @media(max-width:1023px){
    .dsjz-wz{display:none;}
    }
  .list2 ul{ display: inline-block; margin:0!important;}
         .list2 ul li{ display: inline-block!important; margin:0 40px!important;}
         .list2 ul li div{ margin:0!important;}
         .list2 ul li .clearfix{ transform: translate(0,30px)!important;}
         em{ font-style: normal;}
         @media( max-width: 1579px){
        .list2 ul li{ margin:0 25px!important;}
}

         @media( max-width: 1024px){
        .list2 ul li{ margin:0 15px!important;}
}

         @media( max-width: 768px){
        .list2 ul{ padding-bottom: 0!important;}
        .list2 ul li{ margin:0 15px!important; display: block!important; padding-bottom: 0!important;}
        .list2 ul li .clearfix{ transform: translate(0,0px)!important;}