﻿/*.layui-mp-banner-bg {
    background: url(../../images/banners.jpg) no-repeat;
    background-size: 100%;
    background-position:center;
}*/
/*.layui-mp-banner-txt {
    background-color:rgba(0,0,0,0.5); 
    width:100%; 
    height:80.8%; 
    position:relative;
    top:50%; 
    left:50%; 
    -webkit-transform: translateX(-50%) translateY(-50%);
}*/
.layui-mp-banner-iacop {
    position:absolute;
    width:100%;
    height:100%;
    background:url(../../images/banner_text.png) no-repeat;
    background-size:90%;
    background-position:center;
    background-position-y:25%;
}
.layui-mp-banner-btn {
    position:absolute;
    width:100%;
    bottom:20%;
}
.layui-btn-lg{
    padding:0px;
}

article{
    display:flex;
    gap:5px;
    margin-bottom:10px;
}

.lefts_img{
    display:flex;
}
.lefts_img img {
    margin:0px 10px;
}

@media (max-width:768px) {
    article {
        display:block;
    }
    .lefts_img{
        display:block;
    }
    .lefts_img img{
        display:block;
        margin:0px auto
    }
        .lefts_img p {
            text-align:justify
        }
}

#lkSubmit {
    background-color:#95319F;
    border-radius:10px;
    width:260px;
    max-width:100%;
    display:block;
    margin:0px auto;
}

.layui-mp-content-top {
    padding:0px 10%; 
    text-align:center;
    line-height:30px;
}
.layui-mp-content-top img {
    width:100px;
    margin:10px auto;
    display:block;
}
.layui-mp-content-top a {
    text-decoration:none;
    color:#000;
}

.layui-mp-content-splitor {
    background:url(../../images/splitorBg.jpg) no-repeat;
    background-size:100% 100%;
    margin-top:30px;
}
.layui-mp-content-splitor-item {
    background-color:#FFF;
    min-height:368px;
    margin:20px 10px;
}
.layui-mp-content-splitor-item img {
    width:100%
}
.layui-mp-content-splitor-item p {
    text-align:center;
    padding:10px;
}
.layui-mp-content-splitor-item b {
    color:#92278F;
    display:block;
    margin-bottom:10px;
    font-size:16px;
}

.layui-mp-content table td {
    padding:4px 1%;
    color:#6699CC;
}
.layui-mp-content table input {
    border:none;
    border-bottom:1px solid #6699CC;
    padding-bottom:3px;
    width:100%;
    padding:10px 0px;
}
.layui-mp-content table textarea {
    border:none;
    border-bottom:1px solid #6699CC;
    padding-bottom:3px;
    width:96%;
    height:40px;
    padding:10px;
}

.layui-mp-haikou {
    background:url(../../images/Haikou.jpg) no-repeat;
    background-size:100% auto;
    background-position:center;
    margin-top:30px;
    padding-bottom:30px;
}
.layui-mp-haikou-txt {
    background-color:rgba(255,255,255,0.5); 
    padding:20px;
    font-size:1rem;
    line-height:2rem;
    border-radius:10px;
}
        
@media (max-width: 1200px) {
    .layui-mp-banner-bg {
        background-size: auto 100%;
        background-position: center;
    }
}

/*@media screen  and (min-width :661px) and (max-width:1000px) {
    .layui-mp-banner-txt{
        width:80%;
        height:80%;
    }
}*/

@media (max-width:1280px) {
    .layui-mp-banner-txt {
        width:100%;
        height:60%;
    }
    .layui-mp-banner-iacop{
        background-position-y:30%;
    }
    .layui-mp-haikou {
        background-size:100% auto;
        background-position:center bottom;
    }
}

@media (max-width: 920px) {
    .layui-mp-banner-txt {
        width:100%;
        height:80%;
    }
    /*.layui-mp-banner-iacop{
        background-position-y:40px;
    }*/
    .layui-mp-haikou {
        background:url(../../images/Haikou.jpg) no-repeat;
        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) {
}*/