@charset "utf-8";

/* body {

    height: 9909px;

} */



.color {

    color: #214d98 !important;

}



.bg_color {

    background: #214d98 !important;

}



ul {

    margin: 0;

    padding: 0;

    list-style: none;

}



ul:after,
.ul::after,
ul li::after {

    content: '';

    display: block;

    clear: both;

}



a {

    color: #333;

}



a:hover {

    text-decoration: none;

}



p {

    margin-bottom: 0;

}



/* 浮动 */



.fl {

    float: left;

}



.fr {

    float: right;

}



/* 颜色 */



.color_666 {

    color: #666 !important;

}



.color_999 {

    color: #999 !important;

}



.color_eee {

    color: #eee !important;

}



.color_ddd {

    color: #ddd !important;

}



.color_bbb {

    color: #bbb !important;

}



/* 动画时间 */



.ts-03 {

    transition: all .3s ease;

}



.ts-05 {

    transition: all .5s ease;

}



.ts-1 {

    transition: all 1s ease;

}



/* 文本溢出隐藏 */



.text_p {

    text-overflow: ellipsis;

    overflow: hidden;

    white-space: nowrap;

}



.text_2 {

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

}



.text_3 {

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

    overflow: hidden;

}



.text_4 {

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 4;

    overflow: hidden;

}



/* 字体  */



.f-impact {

    font-family: Impact;

}



.f-roboto {

    font-family: 'Roboto Condensed';

}



.f-source {

    font-family: 'Source Han Sans CN';

}



/* 字体 大小 */



.f12 {

    font-size: 12px;

}



.f14 {

    font-size: 14px;

}



.f16 {

    font-size: 16px;

}



.f17 {

    font-size: 17px;

}



.f18 {

    font-size: 18px;

}



.f20 {

    font-size: 20px;

}



.f22 {

    font-size: 22px;

}



.f24 {

    font-size: 24px;

}



.f26 {

    font-size: 26px;

}



.f28 {

    font-size: 28px;

}



.f30 {

    font-size: 30px;

}



.f32 {

    font-size: 32px;

}



.f36 {

    font-size: 36px;

}



.f40 {

    font-size: 40px;

}



.f45 {

    font-size: 45px;

}



.f60 {

    font-size: 60px;

}



.f80 {

    font-size: 80px;

}



.f150 {

    font-size: 150px;

    line-height: 1;

}



.more {

    margin: 50px auto 0;

    display: block;

    width: 224px;

    text-align: center;

    line-height: 39px;

    text-decoration: none !important;

    transition: all .3s ease;

    border: 2px solid #00b040;

    border-radius: 25px;

    transition: all .3s;

}



.more span {

    color: #00b040;

    padding-left: 15px;

    transition: .3s;

}



.more:hover {

    color: #fff !important;

    border-color: #00b040;

    background-color: #00b040;

}



.more:hover span {

    color: #fff;

    padding-left: 25px;

    font-weight: 100;

}



/*  翻页  */



.fanye {

    margin: 15px auto;

    text-align: center;

}



.fanye a,
.fanye b {

    padding-left: 15px;

    padding-right: 15px;

    display: inline-block;

    border: 1px solid #ddd;

    line-height: 35px;

    color: #999;

    border-radius: 3px;

    font-size: 14px;

    overflow: hidden;

    transition: all .3s ease;

    font-family: 'Roboto Condensed';

}



.fanye b,
.fanye a:hover {

    color: #fff;

    background-color: #214d98;

}



/* 上下篇 */



.page {

    display: flex;

    margin-top: 20px;

    padding-top: 20px;

    padding-bottom: 20px;

    border-top: 1px solid #ddd;

}



.page li {

    width: 50%;

    /* font-size: 14px; */

    color: #666;

    line-height: 30px;

}



.page li:last-child {

    text-align: right;

}



.page li a {

    color: #666;

}



.page li:hover a {

    color: #048ABF;

    text-decoration: underline !important;

}



/* 详情/行高/图片宽度/a链接 */



.con_p {

    padding: 2vw;

}



.con_p p {

    margin-bottom: 15px;

    line-height: 30px;

}



.con_p img {

    padding-top: 10px;

    padding-bottom: 10px;

    max-width: 100%;

}



.con_p a {

    padding-bottom: 3px;

    font-weight: bold;

    border-bottom: 1px dashed #048ABF;

}



/* 列表图片高度 */



.img-260 {

    width: 100%;

    height: 260px;

    object-fit: cover;

}



.img-300 {

    width: 100%;

    height: 300px;

    object-fit: cover;

}



/*  面包屑  */



.crumb {

    line-height: 60px;

    font-size: 14px;

    color: #666;

    background-color: #eee;

}



/* 友情链接 */



.friend_links {

    padding: 20px 0;

    background-color: #eee;

}



.friend_links li {

    font-size: 14px;

    margin-right: 15px;

    display: inline-block;

}



/* 图片点击放大 */



.bigimg {

    /* display: none; */

    opacity: 0;

    visibility: hidden;

    position: fixed;

    top: 0;

    left: 0;

    z-index: 99;

    width: 100%;

    height: 100%;

    background-color: rgba(0, 0, 0, 0.5);

}



.bigimg.on {

    /* display: block; */

    visibility: visible;

    opacity: 1;

}



.bigimg div {

    display: flex;

    width: 100%;

    height: 100%;

    align-items: center;

    justify-content: center;

}



.bigimg div a {

    position: relative;

    display: block;

}



.bigimg div img {

    width: auto;

    height: 90%;

    object-fit: contain;

    /* max-width: 900px; */

    transition: .3s;

    transform: scale(.4);

}



.bigimg.on div img {

    position: relative;

    transform: scale(1);

}



/* .bigimg div img::after {

    content: 'X';

    display: block;

    position: absolute;

    right: 0;

    top: 0;

    width: 70px;

    line-height: 40px;

    color: #fff;

    font-size: 30px;

    font-family: arial;

    text-align: center;

    background-color: rgba(0, 0, 0, .9);

} */

@media(max-width:992px){
    .f40{font-size: 20px;}
    .f24,.f26{font-size: 16px;}
}