﻿
html{
    max-width: 1750px;
    margin: auto;
}
body{
    background: url('../images/bg.jpg') top center no-repeat;
    background-size: 100%;
    font-size: 0.8em;
}
form{margin: 0;padding: 0;}
p{
    line-height: 1.8;
}
body>.pageBox{
    margin-top: 17%;
    box-shadow: 0px 0px 3px #b10206;
    background: #fff;
}
a{color: #b10206;}
a.more{float: right;}
a:hover{
    color: #eb6b6b;
}
.plainLink a,a.plainLink{color: #212529; }
.plainLink a:hover,a.plainLink:hover{color: #b10206;}
#daohang{
    background: #b10206;
    width: 100%;
    color: #fff;
    font-size: 1.2em;
}
#daohang a,#daohang .active a:hover{
    color: #fff;
}
#daohang a:hover{
    color: #e49f9f;#
}
#daohang .active a{
    font-weight: bold;
}
.dropdown-menu{
    background: #b10206;
    color: #fff;
    border-color: #ffffffad;
}
.navbar-nav{ display: flex; width: 100%;}
.navbar-nav li{
    flex: 1;
    text-align: center;    position: relative;
}
.navbar .navbar-toggler {
    border-color: #fff;
}
.navbar .navbar-toggler-icon {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAABmJLR0QA/wD/AP+gvaeTAAAAhElEQVRIie3VMQ5BcQwH4O+PScLCwAncwOIKVkdxMIlTWJzBIhZXUKu8vHhLDZJ+Y9P0lw5NKeVHWrcQESPssUrKeODcWnt97YqIbeTbdXMmPdlXHLFM2Zc7LkmzShnWd8drnLBIynji0Fq7fRb7zmmKDeZJwTOMk2aVMqzeIvUWS/k3bwH5xKWaotjoAAAAAElFTkSuQmCC");
}
[class^=col-] {
    margin-top: 10px;
    margin-bottom: 10px;
}
#newsPic img.d-block {
    width: 100%;
    height: 0 !important;
    padding-top: 66.7%;
    background: no-repeat center;
    background-size: cover;
}
.box1 h7{color: #fff; background: url("../images/ico.png") no-repeat;height: 43px; width: 145px;display: block;
    line-height: 43px;
    padding-left: 37px;
    letter-spacing: 0.5em; font-size: 1.2em;}
.box1{height: 370px; overflow: hidden;z-index: 2;}
.box1::before{content: '';display: block; position: absolute;background: url("../images/bg2.jpg") no-repeat right bottom;height: 100%; width: 100%;z-index: -1;right: 15px;}
.box1 section{margin-top: 5px;padding-right: 10px; padding-bottom: 18px;height: 285px;
    overflow: hidden;
    /* display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5; */
}
.box1 section p{margin: 0;padding: 0;}
.box1 .more{margin-right: 13px;    margin-top: 2px;}
.box2 .border,.box3 .border{border-top: 3px #b10206 solid !important; background: url("../images/ico2.jpg") repeat-x top;background-position-y: -18px;padding: 6px 10px 0 20px;}
.box2 h7{color: #b10206;font-size: 1.1em; padding-left: 18px; background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 -8 30 30' fill='#b10206'><circle cx='8' cy='8' r='8'></circle></svg>") no-repeat left;}
ul.artList {margin:0; padding: 10px 0 10px;}
ul.artList li{margin-left: 15px;padding: 0;list-style-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='-10 -15 30 30' fill='#b10206'><path fill-rule='evenodd' d='M11.596 8.697l-6.363 3.692c-.54.313-1.233-.066-1.233-.697V4.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 0 1 0 1.393z'/></svg>");
}
ul.artList li {line-height: 2em;}
ul.artList li a{color: #212529; width: calc(100% - 100px); overflow: hidden; text-overflow:ellipsis;    white-space: nowrap; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;float: left;}
ul.artList li a:hover{color: #b10206;}
ul.artList li .t{color: #777; float: right;margin-right: 8px;}
.box3{margin-bottom: 0;}
.box3 .border{border-width: 3px 0 0 0 !important; padding: 0; }
.box3 h7{font-size: 1.1em;background-color: #b10206; color: #fff; line-height: 30px; height: 30px;display: inline-block; padding: 0 20px;}
.box3 .more{margin: 6px 10px;}
/* ul.imgList {display: flex; width: calc(100% + 16px); margin-left: -8px;}
ul.imgList li{margin: 10px 8px;padding: 0; list-style: none; flex: 1; text-align: center; line-height: 3;}
ul.imgList li img{width: 100%; display: block;}
ul.imgList li a{color: #212529; }
ul.imgList li a:hover{color: #b10206;} */

p img{width:70%;}
.imgList {padding: 0 7px; text-align: center; line-height: 2em;}
.imgList img{width: 100%;}
.imgList .col-md-2{padding-right: 7px;    padding-left: 7px; overflow: hidden;}
.imgList a{color: #212529;     width: 100%;    height: 100%;    display: block;    position: relative;}
.imgList a:hover{color: #b10206;}

.video a::before,.videoList a.img::before{content: ' ';background: url("../images/ico3.png") no-repeat center center; display: block; position: absolute;width: 100%;    height: 100%;    margin-top: -1em;}
.videoList {padding: 0 20px 20px;}
.videoList>.col-12{padding:0 9px;}

.videoList a.img{display: block;position: relative;}
.videoList a.img::before{background-color: rgba(0, 0, 0, 0.2);margin: 0;}
.videoList a.img:hover::before{background-color: rgba(0, 0, 0, 0.4);}
.videoList img{ width: 100%; box-shadow: 1px 1px 5px #444;background: #000; }
.videoList h7{width: 100%; margin-top: 15px; overflow: hidden; text-overflow:ellipsis;    white-space: nowrap; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 2em;}
.videoList .time{color: #777;}
.videoList .time::before{content: "发布日期：";}

.linkList, .linkList li{margin: 0;padding: 0;list-style: none;}
.linkList{padding-bottom: 10px;overflow: hidden;width: 100%;}
.linkList li{float: left; margin-right: 6.7px;margin-top: 10px;}
.linkList li img{border: 1px #ccc solid;width: 132px; }
/* .box4 .col-md-2:first-child{padding-left: 15px;}
.box4 .col-md-2:last-child{padding-right: 15px;} */

.footer{background: #b10206; margin: 20px auto 0; padding: 30px 0;color: #fff;text-align: center; }

.listT{background: #DF0024; color: #fff;line-height: 2.5em; font-weight: bold;padding-left: 40px;margin:10px 5px 0 25px; position: relative;letter-spacing: 0.2em;}
.listT::before{content: '';display: block;position: absolute; background: url("../images/ico4.png") no-repeat;width: 79px;height: 74px;left: -26px;    top: -6px;    background-size: 59px;}
.listT::after{ content: ''; display: block; position: absolute; width:2.5em; height: 2.5em; background: #fff; top:0;right: -1em;transform:rotate(45deg); -ms-transform:rotate(45deg); /*IE9*/-moz-transform:rotate(45deg); /*Firefox*/-webkit-transform:rotate(45deg); /*Safari和Chrome*/-o-transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg);
}
.search{ background: #fff; display: flex; border: 0;position: absolute; right: 50px;    top: 6px; font-size: 12px;  border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px;height: 20px;overflow: hidden;
}
.search input{    padding-left: 8px;margin: 0; border: 0;height: 20px;}
.search input:last-child{background:#F9B104 url("../images/ico5.png") no-repeat center center; background-size: 50%;width: 30px;}
.TAM{position: absolute; background: url("../images/ico6.png") no-repeat bottom center;width: 200px;height: 28px;right: 0 ;bottom: 0;}
.listPage .artList{margin: 10px ; margin-bottom: 0;}
.listPage .artList li{ border-bottom: 1px dashed #aaa;line-height: 3em;}
.pager{float: right;margin-right: 10px;margin-bottom: 30px;}
.pager a{padding: 2px 8px; border: 1px #b10206 solid;margin: 6px 2px 0;display: inline-block;}
.pager a.on{background: #FF8E90;}
.pager span{padding: 2px 8px; border: 1px #b10206 solid;margin: 6px 2px 0;display: inline-block;}
.pager span{background: #FF8E90;}
.pager #tb_pageindex{width: 3em;text-align: center;margin-top: 6px;}
.pager #btnGotoPage{color: #b10206;margin-top: 6px;}
.pager #tb_pageindex{width: 3em;text-align: center;margin-top: 6px;}
.pager #btnGotoPage{color: #b10206;margin-top: 6px;}

.pager #AspNetPager1_btn{color: #b10206;margin-top: 6px;}
.pager input[type="text"]{width: 3em;text-align: center;margin-top: 6px;}
.pager input[type="submit"]{color: #b10206;margin-top: 6px;}
.pager input[type="button"]{color: #b10206;margin-top: 6px;}

.artPage .dqlm{color: #b10206;}
.artPage .dqlm::before{content: '当前栏目：';color: #777;margin-left: 20px; }
.artPage .t{color: #b10206; max-width: 80%;margin: 10px auto;text-align: center;font-size: 2em; line-height: 1.6em;}
.artPage .info{color: #666; text-align: center;}
.artPage .content{margin: 30px; text-align: justify;}
.artPage .content p{margin-bottom: 0.5em;}
#content_div p img{width: 70%;}

@media (min-width: 992px){
    .nav-item:not(:last-child)::after{content: '|'; position: absolute;    right: 1px;    top: 8px;}
}

@media (max-width: 1200px){
    .box1{height: 262px;}
    .box1 section{height: 200px;margin-top: 0px}
    .linkList li{margin-right: 4.7px;}
    .linkList li img{width: 111px; }
}
@media (max-width: 992px){
    .box1{height: 193px;}
    .box1 section{height: 130px;margin-top: 0px}
    .linkList li{margin-right: 5px;}
    .linkList li img{width: 81px; }
}
@media (max-width: 767px){
    .box1{height: 273px;}
    .box1 section{height: 200px;margin-top: 8px}
    .linkList li{margin-right: 15px;}
    .linkList li img{width: 112px; }
    .artPage .content{margin: 30px 15px;}
}
@media (max-width: 576px){
    .linkList{margin-left: -5px;margin-right: -5px; width: calc(100% + 10px);}
    .linkList li{width: 25%;margin-right: 0; padding: 0 5px;}
    .linkList li img{width: 100%; }
    .video a::before{background-size: 15%;}
    .artPage .content{margin: 30px 10px;}
}
/* @media (min-width: 1024px){
    body>.pageBox{
        margin-top: 17%;
    }
} */
/* @media (min-width: 1440px){
    body>.pageBox{
        margin-top: 17%;
    }
} */