@charset "utf-8";

body .clear {
    float: none !important;
    clear: both;
    height: 0 !important;
    width: 0 !important;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* pic：padding-top */
.pic {
    /* padding-top: 70%; */
    position: relative;
    /* overflow: hidden; */
}

.pic img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: all 1s;
    object-fit: cover;
}

/* end */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    font-family: '微软雅黑';
}
img{max-width: 100%;max-height: 100%;}
img,
input {
    outline: none;
    border: none;
}

ul {
    list-style: none;
}

a {
    color: inherit;
    text-decoration: none;
}

.clear:after {
    content: '';
    display: block;
    clear: both;
}

body {
    font-size: 0;
    overflow-x: hidden;
}

.imged { position: relative; padding-bottom: 65%; width: 100%; display: block; overflow: hidden; transition: 0.5s; background-size: cover !important; background-position: center center !important;}
.imged img { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; width: 100%; height: 100%; transition: all 0.5s ease 0s; object-fit: cover; display: none; }
.imged video { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; width: 100%; height: 100%; transition: all 0.5s ease 0s; object-fit: cover; }
video{max-width: 100%;}
.scale { overflow: hidden;}
a:hover .imged { transform: scale(1.1); }
.clearflex::after, .clearflex::before { display: block; content: "clear"; height: 0px; clear: both; overflow: hidden; visibility: hidden; }
.wl { position: relative; z-index: 1;}
.wl::after { content: ""; z-index: -1; position: absolute; left: 0px; bottom: 0px; width: 0px; height: 100%; }
.flex { display: flex;flex-wrap: wrap; }
::after,::before{transition:0.5s;}
.l1 { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.l2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.l3 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.l4 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }
.l5 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; }
.l6 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; }
.aline_y{position:relative;background-image:linear-gradient(#054d99,#054d99);background-position:0 100%;background-size:0 1px;background-repeat:no-repeat;transition:.3s}
a:hover .aline_y{background-size:100% 1px;color: #054d99}
.wp{padding: 0 0.2rem;width: 100%;}
.flex{display: flex;flex-wrap: wrap;}
input,button,textarea {background: none; outline: none;border: none;border-radius:0}
h2,h3,h4,h5{font-weight: normal;}
*{outline: none;}
/* head */
.header {
    width: 100%;overflow: hidden;padding: 0.25rem;background: #1152b0;
}
.header img {
width: 3.24rem;
  
}
/* foot */
.foot{ width: 100%;padding-top: 0.6rem;position: fixed;z-index: 100;bottom: 0;}
.foot::after{width: 100%;height:1.4rem;background: url(../images/fotbg.png) no-repeat ;background-size: 100% 100%;top: 0;bottom: auto;}
.foot ul li{width: 20%;text-align: center;}
.foot ul li a{display: block;margin: 0 auto;text-align: center;}
.foot ul li .img2{display: none;}
.foot ul li p{font-size: 0.22rem;color: #999;margin-top: 0.1rem;}
.foot ul li:nth-child(3) .ico{margin-top: -0.45rem;width: 0.75rem;height: 0.75rem;max-width: 100%;max-height: 100%;}
.foot ul li .ico{max-width: 0.4rem;max-height: 0.39rem;margin: 0 auto;}


.foot ul li.on .img2{display: block;}
.foot ul li.on .img1{display: none;}
.foot ul li.on p{color: #326bd4;}