﻿/*@font-face {
    font-family: 'Arial Black';
    src: url(../font/ariblk.ttf);
}*/
html{height:100%; width: 100%;}
body {
    width: 100%;
    /*font-family: "Bahnschrift SemiBold SemiConden";*/
    font-family: "微软雅黑";
    font-size: 15px;
    line-height: 24px;
    height: auto !important;
    min-height:100%;
}

.layui-mp-header .layui-row {
    background-color:#F2F2F2;
}
.layui-mp-header-left {
    width: 300px;
    margin: 0px auto;

}
.layui-mp-header-left img {
    height:80px;
    margin-top:10px;
}
.layui-mp-header-center {
    text-align: left;
    padding-top: 10px;
    width: 180px;

}
.layui-mp-header-center b {
    text-align:center
}
.layui-mp-header-right {
    width: 220px;
    margin: 0px auto;
    display: flex;
    align-items: center;
}
.layui-mp-header-right-images {
    display: flex;
    flex-direction: column;
    margin-right: 10px;
}

.layui-mp-header-right-images img {
    height: 40px;
    margin: 5px 0px;
}

.layui-mp-header-right-contact {
    white-space: nowrap;
}


.layui-mp-menu {
    margin: 0px auto;
}
.layui-mp-menu img {
    float:left;
    margin:10px 20px;
    height:60px;
    display:none;
}
.layui-mp-menu-submit {
    height:40px;
    line-height:40px;
    float:right;
    margin:20px 20px 20px 0px;
    border-radius:15px;
    background-color:#00B0F0;
    color:#FFF;
    font-weight:bold;
}
.layui-mp-menu-submit:hover {
    border-color:#00B0F0;
    background-color:#00B0F0;
    color:#FFF;
}
.layui-mp-menu-dropdown {
    height:40px;
    line-height:40px;
    float:right;
    margin:20px 20px 20px 0px;
}
/*.layui-mp-menu-dropdown:hover {
    color:#C9981C;
    border:1px solid #C9981C;
}*/

.layui-mp-nav {
    list-style: none;
    margin: 0px auto;
    padding: 0;
    display: flex; /* 使用flex布局替代float */
    align-items: center;
    justify-content: center; /* 添加此行使内容居中 */
    width: auto; /* 改为自动宽度 */
}

    .layui-mp-nav li {
        position: relative; /* 必须设置relative才能让绝对定位的伪元素正确显示 */
        font-size: 23px;
        height: 50px;
        line-height: 50px;
        margin: 25px 0px 25px 0px;
        padding-left: 5px;
        float: none;
        white-space: nowrap;
    }

.layui-mp-nav li:not(:last-child)::after {
    content: "";
    position: absolute;
    right: -5px;
    top: 15px; /* 控制起始位置 */
    height: 20px; /* 控制竖线高度 */
    width: 1px;
    background-color: black;
}

.layui-mp-nav li:first-child {
margin-left: 0;
}

.layui-mp-nav li a {
height: 50px;
line-height: 50px;
display: block;
padding: 0 10px;
text-align: center;
color: black;
}

.layui-mp-nav li a:hover {
    color: #FFC000;
}

.layui-mp-banner-spliter {
    width: 100%;
    min-height: 150px;
    background: url(../../images/banner0.jpeg) no-repeat;
    background-color: #1296DB;
    background-position: center;
    background-position-y: 40%;
    background-size: 100% auto;
    font-size: 30px;
    color: #FFF;
    line-height: 40px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: space-around;
    text-align: center;
}

.layui-better {
    display:none;
    position:relative;
}
.layui-mp {
    padding:30px 30px 0px 30px;
}

.layui-mp-footer {
    width:100%;
}
.layui-mp-footer-copyright {
    width: 100%;
    background-color: #153D82;
    color: #FFF;
    height: 60px;
    line-height: 20px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    text-align: center;
}

/*.layui-mp-pase {
    width:120px;
    margin:0px auto;
    margin-top:20px;
}*/

.layui-mp-content {
}

.layui-mp-item {
    margin-bottom:30px;
}
.layui-mp-item:last-child {
    margin-bottom:0px;
}

.layui-mp-content h1 {
    
    font-weight:bold;
    font-size:22px;
    margin-bottom:30px;
}
.layui-mp-content h2 {
    /*background-color:#39BDEA;*/
    color:#0070C0;
    font-weight:bold;
    font-size:16px;
    margin-top:10px;
    margin-bottom:10px;
}
.layui-mp-content h3 {
    color:#0070C0;
    font-size:14px;
    font-weight:bold;
}

/*.layui-mp-content a {
    text-decoration:underline;
    color:#6AB3BF;
}*/
.layui-mp-content a {
    text-decoration:underline;
    color:#0563C1;
}
.layui-mp-content p {
    text-align:justify;
    margin:0px 0px 10px 0px;
}
.layui-mp-content p:last-child {
    margin-bottom:0px;
}

.layui-mp-content table {
    font-family: "微软雅黑";
    font-size: 14px;
    line-height: 24px;
    width:100%;
}

.layui-mp-content ul {
    margin-bottom:10px;
}
.layui-mp-content ul li {
    list-style:disc;
    margin-left:20px;
}
.layui-mp-content ol {
    margin-bottom:10px;
}
.layui-mp-content ol li {
    list-style:decimal;
    margin-left:20px;
}

/*#PASE {
    background-color:#404040;
    width:100%;
}*/