.layui-mp-banner-bg {
    background: url(../../images/banner.png) no-repeat;
    background-size: 100% auto;
    background-position:center;
    position:relative;
}
.layui-mp-banner-text {
    background-size: 100% auto;
    background-position:center top;
    height:100%;
}

#layui-mp-location {
    color:#FFF; 
    background-color:#FFCD33; 
    font-weight:bold; 
    position:absolute; 
    top:68%; 
    left:10%; 
    border-radius:10px; 
    border-color:#FFCD33; 
    height:50px;
}

.layui-mp-item > h1 {
    text-align:center;
}
.layui-mp-item > h1 > span {
    color:#00B0F0;
}

.layui-mp-scroll div {
    margin-left:5px;
}
.layui-mp-history-item {
    float:left;
    height:280px;
}
.layui-mp-history-item > img {
    height:200px;
    margin-right:10px;
}
.layui-mp-history-item > p {
    text-align:center;
    margin-top:10px;
}
.layui-mp-history-item > p > b {
    color:#00B0F0;
}

.layui-mp-ks-item {
    display: flex;
    align-items: center;
}

.layui-mp-ks-item img {
    height: 200px;
    margin: 10px;
}

.layui-content-ks {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

.layui-content-ks img {
    height: 50px;
    margin: 20px;
}

/*.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 {
    width:1100px; 
    margin:0px auto;
}
.layui-mp-top {
    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-top p a {
    color:#000;
}

/*.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-mp-news > li {
    list-style-image:url(../../images/news.png);
}

#layui-mp-TaiYuan {
    background:url(../../images/venue.jpg) no-repeat; 
    background-size:100% auto; 
    background-position:center; 
    height:400px;
}

 .layui_img p {
    text-align:center;
}
.layui_img p > b {
    color:#002060;
}
.layui_img img {
    width: 160px;
    margin-bottom:10px;
}

.layui-content-ks{
    display:flex;
    justify-content:space-around;
    flex-wrap:wrap;
}
.layui-content-ks img {
    height:50px;
    margin:20px;
}
.layui-mp-ks-item{
    display:flex;
    align-items:center;
}
.layui-mp-ks-item img{
    height:200px;
    margin:10px;
}
/*.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;
    }
}
@media (max-width: 820px) {
}

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

@media ( max-width:400px ){
    .layui-mp-ks-item {
        display:block;
        text-align:center;
    }
}

@media (max-width: 920px) {
    #layui-mp-TaiYuan {
        background-size:auto 100%;
        height:500px
    }
}