@import url(//at.alicdn.com/t/c/font_2295590_zya7gfvqyt8.css);
.swiper-next-prev{
    --swiper-navigation-sides-offset: -50px;
}
.menu .line1,.menu .line3{
    transition: .3s;
}
.menu.active .line1{
    transform: rotate(45deg) ;
    top: 0;
    right: 4px;
    position: absolute;
}
.menu.active .line3{
    transform: rotate(-45deg) ;
    top: 0;
    right: 4px;
    position: absolute;
}
.menu.active .line2{
    display: none;
}
.news__tab li{
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 2px solid transparent;
    cursor: pointer;
}
.news__tab li.news__tab__active{
    font-weight: bold;
    color: var(--color-blue-my);
    border-bottom: 2px solid var(--color-blue-my);
}
@media (width >= 40rem) {
    .news__tab li{
        background: var(--color-bgColor);
        width: 140px;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        border-bottom: none;
        border-radius: 4px;
    }
    .news__tab li:hover{
        background: rgba(45,140,240,.12);
    }
    .news__tab li.news__tab__active{
        background: rgba(45,140,240,.12);
        color: var(--color-blue-my);
        border-bottom: none;
    }
}
.footer{background:#282828;padding:70px 0;line-height:35px;color: #909399;}
.footer dl{width:380px;display:flex;flex-wrap:wrap;font-size:14px;border-left:3px solid #555; padding-left:30px;}
.footer dl dt{width:100%;font-size:20px;padding-bottom:10px;color:#eee;}
.footer dl dd{padding-right:20px;}
.dsqft {background:url(../images/footer.jpg) no-repeat bottom #222;background-size:100% auto;}

.weixin{display:flex;flex-wrap:wrap;justify-content:space-between;width:525px;}
.wxtext{width:100%;font-size:20px;padding-bottom:10px;color:#eee;}
.wxlist{padding:20px;background:#303133;font-size:16px;display:flex;align-items:center;width:165px;position: relative;cursor: pointer;}
.wxlist img{display:none;position:absolute;width:140px;left:0;top:0;}
.wxlist:hover img{display:block;}
.wxlist .iconfont{font-size:26px;margin-right:10px;}

.copyright{text-align:center;font-size:12px;color:#909399;padding:20px 0;line-height:30px;}
.bkcopy{background: #1f1f1f;}

.footer a,.copyright a {color:#909399;}
.footer a:hover,.copyright a:hover {color: #e61723;}
.fxcenter{display:flex;align-items:center;justify-content:space-between;}
.w1200{width:1200px;margin:auto;}