.layui-mp-banner-bg {
    background: url(../../images/banner.png) no-repeat;
    background-size: 100% 100%;
    position:relative;
}
#layui-mp-fh > li{
    transition:all .5s;
}
#layui-mp-fh > li:hover {
    transform: scale(1.1);
}
/*.layui-mp-mid {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
}*/
/*.layui-mp-banner {
    width: 71.4%;
    min-width:360px;
    height: 66.6%;
    background-color: rgba(32,56,100,0.8);
}
.layui-mp-banner-top {
    height:70px;
}
.layui-mp-banner-container {
    padding:6%;
    font-weight:bold;
    line-height:30px; 
    font-size:18px;
}
.layui-mp-banner-container img {
    margin:2% 0px;
    max-width:100%;
    height:70px;
}
.layui-mp-banner-container .layui-mp-btn {
    margin-top:3%;
    background-color:#2F5597; 
    display:block;
    margin-bottom:5%;
    min-width:120px;
    border-radius:10px;
    color:#FFF;
    padding:2% 3%;
    text-align:center;
    font-weight:normal;
    font-size:0.8rem;
}
.layui-mp-retrospect {
    display:flex; 
    vertical-align:middle; 
    height:100px; 
    align-items: center;
    justify-content: space-around; 
    color:#8C3FC5; 
    font-weight:bold; 
    text-align:center; 
    font-size:16px;
}*/
/*.layui-mp-retrospect:hover {
    color:#8C3FC5; 
    font-size:18px;
}*/
/*.layui-mp-item-grid {
    border:2px solid #2F528F; 
    color:#FFF; 
    text-align:center; 
    width:90%; 
    margin:0px auto; 
    padding:50px 0px;
}
.layui-mp-item-grid h2 {
    color:#FFF;
}*/
#layui-mp-download-container {
    margin-top: -80px;
}
@media(max-width:1000px){
    #layui-mp-download-container {
        margin-top:0;
    }
}
.articel{
    display:flex;
    gap:10px;
}
.articel img{
    width:130px;
    height:160px;
    flex-shrink:0
}
#layui-mp-download {
    width:1100px; 
    margin:0px auto;
}
.layui-mp-top {
    background-color:rgba(208,206,206,0.5);
    padding:10px;
    border-radius:10px;
    width:240px;
    margin:0px auto;
}
.layui-mp-top img {
    height:50px;
    margin:10px auto;
    display:block;
}
.layui-mp-top p {
    text-align:center;
}

.layui-mp-news {
    margin:15px 15px 0px 0px;
}
.layui-mp-news > p > b {
    color:#6AB3BF;
    margin-right:20px;
}
.layui-mp-news > p {
    text-align:left;
}
.layui-mp-news > p:last-child {
    margin-bottom:0px;
}

/*.layui-carousel>[carousel-item]>* {
    background-color:#FFF;
}
.layui-carousel>[carousel-item]>* img {
    height:100px;
    max-width:90%;
    margin:0px auto;
    display:block;
    margin-top:20px;
}*/
        
@media (max-width: 1200px) {
    .layui-mp-banner-bg {
        background-size: auto 100%;
        background-position: center;
    }
}

#layui-mp-fh > li {
    list-style:none;
    margin-left:0px;
    display:inline-block;
    padding-left:10px;
    position:relative;
    line-height:40px;
    margin-right:40px;
    margin-bottom:10px;
    background-color:#FFDC9A;
    
}
#layui-mp-fh > li > span {
    position:absolute;
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-left: 20px solid #2A6FAB;
    border-bottom: 20px solid transparent;
    right: -20px;
    top:0px;
    
}
#layui-mp-fh > li > a {
    text-decoration:none;
    color:#000;
    color:white
}

#layui-mp-fh > li a:hover{
    color:#BBB
}
#layui-mp-fh > li:hover > span {
    
}


/*@media (max-width: 820px) {
}

@media (min-width: 375px) {
}
@media (min-width: 768px) {
}
@media (min-width: 820px) {
}
@media (min-width: 1000px) {
}
@media (min-width: 1600px) {
}*/