.layui-mp-banner-bg {
    background: url(../../images/banner.jpg) no-repeat;
    background-size: 100% 100%;
    position:relative;
}
.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: 72.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-news {
    margin:15px 15px 0px 15px;
}
.layui-mp-news > h1 {
    margin-bottom:15px;
}
.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;
}

.layui-mp-support a {
    text-align:center; 
    width:100%;
    display:block;
    margin:0px auto;
}
.layui-mp-support img {
    max-height:100%;
    height:80px;
}
@media ( min-width:1201px ){
    .banner_button{
        margin-top:40px;
    }
}
@media (max-width: 1200px) {
    .layui-mp-banner-bg {
        background-size: auto 100%;
        background-position: center;
    }
}
@media (max-width: 820px) {
    .layui-mp-banner {
        min-height:480px;
    }
    .layui-mp-banner-container img {
        height:auto;
        width:100%;
    }
    .layui-mp-item-grid {
        width:100%;
    }
}
        
@media (min-width: 375px) {
    .layui-mp-banner-container {
        line-height:1.7rem; 
        font-size:1rem;
    }
    .layui-mp-banner-top {
        height:90px;
    }
}
@media (min-width: 768px) {
    .layui-mp-banner-container {
        line-height:2.2rem; 
        font-size:1.4rem;
    }
    .layui-mp-banner-top {
        height:105px;
    }
}
@media (min-width: 820px) {
    .layui-mp-banner-container {
        line-height:2.4rem; 
        font-size:1.6rem;
    }
    .layui-mp-banner-top {
        height:130px;
    }
}
@media (min-width: 1000px) {
    .layui-mp-banner-container {
        line-height:2rem; 
        font-size:1.1rem;
    }
    .layui-mp-banner-top {
        height:70px;
    }
}
@media (min-width: 1600px) {
    .layui-mp-banner-top {
        height:90px;
    }
    .layui-mp-banner-container {
        line-height:2.6rem; 
        font-size:1.5rem;
    }
    .layui-mp-banner-container img {
        height:110px;
    }
    .layui-mp-banner-container .layui-mp-btn {
        font-size:1.4rem;
        padding:2% 4%;
    }
}