@charset "utf-8";
*{ margin: 0; padding: 0}
*, :focus, :hover, :active {-webkit-tap-highlight-color:rgba(204,0,0,0);outline: 0;}
body{
    width: 100vw;
    position: relative;
    font-family: Microsoft YaHei,Arial,Helvetica,STHeiti STXihei,Tohoma,Arial;
    font-size: 1em;
    color: #333;
    background-color: #fff;
    padding-bottom: 60vw;
    min-height: calc(100vh - 60vw);
}
input[type="submit"],input[type="reset"],input[type="button"], button, textarea{ -webkit-appearance: none; }/* 去除默认样式 */
div,ul,li,p{ padding:0; margin:0; }
li{ list-style:none; }
img{ border:0; display:block; }
a{ color:#000; text-decoration:none; }

.vw96 {
    width: 96vw;
    margin: auto;
    overflow: hidden;
}

/* header */
.header {
    height: 38.8vw;
    background: url("../../images/mobile/headerBg.jpg") no-repeat top center;
    background-size: cover;
}
.header > .logo {
    text-align: center;
    color: #246eba;
    padding-top: 18vw;
}
.header > .logo > h1 {
    font-size: 7vw;
    font-weight: bold;
}
.header > .logo > p {
    font-size: 3.5vw;
    margin-top: 10px;
}

/* 菜单 */
.menu {
    background-color: #066ccb;
    height: 41vw;
}
.menu > li {
    box-sizing: border-box;
    width: 25vw;
    height: 13.5vw;
    float: left;
    border-right: 1px solid #4289cb;
    border-bottom: 1px solid #4289cb;
}
.menu > li > a {
    display: block;
    text-align: center;
    line-height: 13.5vw;
    font-size: 4.5vw;
    color: #fff;
}
.menu > li:hover {
    background-color: #075dae;
}


/* 友情链接 */
.friendLinkBg {
    overflow: hidden;
    margin-top: 3vw;
    margin-bottom: 3vw;
}

.friendTit {
    position: relative;
    border-bottom: 1px solid #e0e0e0;
}
.friendTit > h3 {
    margin: 0;
    width: max-content;
    position: relative;
    border-bottom: 2px solid #066ccb;
    font-size: 4.5vw;
    font-weight: bold;
    line-height: 2;
    padding: 0 2vw;
    color: #066ccb;
}
.friendTit > h3::after {
    content: '';
    position: absolute;
    left: 48%;
    bottom: -1px;
    width: 0;
    height: 0;
    border-bottom: 5px solid #066ccb;
    border-right: 4.5px solid transparent;
    border-left: 4.5px solid transparent;
}


.friendLink > a {
    display: block;
    float: left;
    width: 30vw;
    height: 12vw;
    overflow: hidden;
    margin: 1vw;
}
.friendLink > a > img {
    width: 100%;
}


/* footer */
.footer {
    box-sizing: border-box;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    width: 100vw;
    padding: 0 4vw;
    height: 60vw;
    background-color: #1c69d5;
    color: #fff;
}

.footerInfo {
    padding: 2vw 0;
    line-height: 7vw;
}
.footerInfo a.footerLink {
    color: #fff;
}

.footerQRcode img {
    margin: auto;
    width: 34vw;
}
.footerQRcode p {
    text-align: center;
}