html { height: 100%;}
body { background: #fff; min-height: 100%; position: relative; padding-bottom: 176px; color: #4a4a4a;font-family: "PingFang SC","Lantinghei SC","Microsoft YaHei","HanHei SC","Helvetica Neue","Open Sans",Arial,"Hiragino Sans GB","微软雅黑",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif; font-size: 16px;}
body.bg-gray { background-color: #f5f5f5;}
p, .p { margin-bottom: 20px;}
h1, h2, h3, h4, h5, h6 { color: #282828; font-weight: bold;}
a { color: #4a4a4a;}
a:focus, a:hover { color: #9D0208;}
ul,li{ padding:0;margin:0;list-style:none}
@media (min-width: 760px){
    body { padding-bottom: 154px;}
}
@media (min-width: 1000px){
    body { padding-bottom: 154px;}
}

.iconfont{
    font-size: 1rem;
}
.v-center{
    vertical-align: middle;
}
.round-btn{
    border-radius: 50%;
    padding: 0.3rem;
    background: #ccc;
    color: #fff;
    font-size: 0.4rem;
}
.tabs-nav .active { background: #9D0208;}
.tabs-nav .active a{ color: #fff;}

.tabs-nav li{
    font-size: 0.6rem;
    margin-right: 10px;
    transform: skew(-40deg);
    padding: 0 14px;
    background: #f4f4f4;

}
.tabs-nav li a{
    transform: skew(40deg);
    display: block;
}

.tab-panel{
    display: none;
}
.active{
    display: block;
}
.active a{
    color: #000;
}
/**=header========**/
.header { background: url(../images/header-bg.png)#fff top no-repeat; position: relative;}
.logo { float: left; margin: 18px 0;}
.top-link {float: right;}
.top-link a { line-height: 34px; padding: 0 10px;}
.search { float: right; width: 160px;}
.input { box-shadow: none; border-radius: 0;}
.input:focus { border-color: #9D0208;}
.button { border-radius: 0;}
.icon-navicon { position: absolute; top: 30px; right: 30px; border-color: rgba(142,0,0,.45); border-radius: 4px; color: #9D0208;}
/**菜单**/
.nav-bg { background-color: #9D0208;}
.nav-bg .nav-inline li a { padding: 13px 20px; font-size: 18px; color: #fff;}
.nav-bg .nav-inline .active a, .nav-bg .nav-inline .active a:hover {background-color: #D00000;}
.nav-bg .nav-inline a:hover { background-color: #D00000; color: #fff;}
.nav-menu .drop-menu { background-color: #9D0208; border-radius: 0; border:0;box-shadow: 0 10px 12px rgba(0,0,0,.175);}
.nav-menu .drop-menu li a { background-color: #9D0208!important; color: #fff;}
.nav-menu .drop-menu li a:hover {background-color: rgba(255,255,255,.2)!important; color: #fff;}
/**侧边栏导航**/
.sidebar{margin:30px 0;background:#fff;border-radius:10px;padding:10px 0;overflow:hidden;}
.sidenav li{margin:8px 0;}
.sidenav li h2{line-height:28px;color:#262626;margin:8px 0;border-left:6px solid #9D0208;padding-left:34px;}
.sidenav li:first-child h2{margin-top: 16px;}
.sidenav li a{display:block;font-size:20px;line-height:28px;color:#262626;font-weight:500;padding:8px 0;padding-left:40px;}
.sidenav li.active a{color:#9D0208;border-left:6px solid #9D0208;padding-left:34px;}
.sidenav .drop-menu{display:block;float:none;position:relative;left:0;top:0;margin-top:0;background:transparent !important;box-shadow:none;}
.sidenav .sub-menu li{margin:0;}
.sidenav .sub-menu li a{color:#262626;font-size:16px;font-weight:400;background-color:transparent !important;border:0;margin-left:36px;padding:6px 0;}
.sidenav .sub-menu li a::before{content:"";float:left;width:8px;height:1px;background-color:#9a9a9a;margin-left:10px;margin-top:14px;margin-right:8px;}
.sidenav .sub-menu li a:hover{color:#9D0208;}
.sidenav .sub-menu li.active a{color:#9D0208;}
.sidenav .sub-menu li.active a::before{background-color:#9D0208;}
.sidenav .iconfont{float:right;margin-right:20px;color:#8D99AE;}

.sider-content{background-color:#fff;border-radius:10px;border:0;margin:30px 0;}


/**=footer========**/
.footer{position:absolute;bottom:0;left:0;right:0;background:#2A2A32;color:#888;border-top:4px solid #9D0208;}
.footer p{margin-bottom:6px;}
.footer span{font-size:12px;line-height:16px;padding:0 10px 0 0;}
.footer .pic-weixin{float:left;text-align:center;}
.footer .pic-weixin img{width:90px;height:90px;}
.footer .pic-weixin span{display:block;padding:0;margin-top:5px;}
.footer .footer-info{margin:20px 0 20px 120px;background:url(../images/footer-xf.png) right center no-repeat;height:110px;}
/**外部链接**/
.external{margin-bottom:30px;}
.external-title{font-size:14px;color:#262626;margin-bottom:10px;}
.external-title .iconfont{margin-left:4px;}
.external-links a{font-size:12px;color:#9a9a9a;margin-right:12px;}
.external-links a:last-child{margin-right:0;}
.external-links a:hover{color:#9D0208;}

.sidebar-external{width:100%;}
.sidebar-external .button{float:none;width:100%;border-color:#e5e5e5;border-radius:4px;margin:0;text-align:left;}
.sidebar-external .button:hover{background-color:#fff;}
.sidebar-external .drop-menu{right:0;border:0;}


/**=banner========**/
.banner { height: 460px; margin-bottom: 30px;}
.banner:hover .pager-prev, .banner:hover .pager-next { display: none;}
.pointer li { border: 0; width: 30px; height: 3px; background-color: #E2E2E2; margin: 0;}
.pointer .active { width: 30px; height: 3px; background-color: #9D0208; margin: 0;}
.banner .carousel-caption { position: absolute; left: 40px; bottom: 100px; max-width: 60%; background-color: rgba(40,40,40,.5);}
.banner .carousel-caption .time { float: left; background-color: #9D0208; color: #fff; text-align: center; padding: 5px 8px;}
.banner .carousel-caption .time span { display: block; font-size: 20px;}
.banner .carousel-caption .time span.text-little { font-size: 12px;}
.banner .carousel-caption a {display: block; font-size: 18px; color: #fff; padding-left: 60px; line-height: 25px; padding: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.banner .carousel-caption a:hover { text-decoration: underline;}

.banner-sm{height:320px;border-radius:10px; margin: 30px 0;}

.subbanner{border-radius:10px;margin:20px 0 30px; overflow: hidden;}
.subbanner img { width: 100%;}

.subBannerImg { height: 200px; overflow: hidden; background: url(../images/banner-xj.png) center no-repeat; background-size: 100%;}

.banner-xk{border-radius:10px;position:relative;margin:30px 0 40px;background:url(../images/banner-xj.png)left center no-repeat;background-size:100%;overflow:hidden;color:#fff;padding:20px;}
.banner-xk::before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,.36);z-index:0;}
.banner-xk h1,.banner-xk p{position:relative;z-index:1;}
.banner-xk h1{color:#fff;margin:5px 0 16px;}
.banner-xk p{font-size:14px;margin-bottom:8px;}
.banner-xk p:last-child{margin-bottom:0;}


/**=背景色+字色========**/
.bg-gray{background-color:#fafafa !important;}
.bg-primary{background-color: #9D0208 !important;}
.text-primary { color: #9D0208 !important;}
.text-darkgray {color: #8D99AE !important;}

.text-main, a.text-main:link, a.text-main:visited, .button.border-main, blockquote.border-main strong, .pager.border-main a, .pager-prev.border-main, .pager-next.border-main, .nav a:hover, .nav-menu.nav-pills .active ul a:hover, .bg-inverse .nav-menu ul a:hover, .bg-inverse .nav.nav-menu.nav-tabs ul a:hover, .bg-inverse .nav.nav-menu.nav-tabs .active ul a:hover, .bg-inverse .nav.nav-menu.nav-pills ul a:hover, .bg-inverse .nav.nav-menu.nav-pills .active ul a:hover {
    color: #9D0208;
}
.bg-main, .border-main .button.active, .pointer.border-main .active, .nav-pills.border-main .active a, .nav-main.border-main .nav-head, .pagination.border-main .active {
    background-color: #9D0208;
}

/**=栅格布局========**/
/*.line-big{margin-left:-15px;margin-right:-15px;}*/
.line-big{margin-bottom: 20px}
.line-big .x1, .line-big .x2, .line-big .x3, .line-big .x4, .line-big .x5, .line-big .x6, .line-big .x7, .line-big .x8, .line-big .x9, .line-big .x10, .line-big .x11, .line-big .x12, .line-big .xl1, .line-big .xl2, .line-big .xl3, .line-big .xl4, .line-big .xl5, .line-big .xl6, .line-big .xl7, .line-big .xl8, .line-big .xl9, .line-big .xl10, .line-big .xl11, .line-big .xl12, .line-big .xs1, .line-big .xs2, .line-big .xs3, .line-big .xs4, .line-big .xs5, .line-big .xs6, .line-big .xs7, .line-big .xs8, .line-big .xs9, .line-big .xs10, .line-big .xs11, .line-big .xs12, .line-big .xm1, .line-big .xm2, .line-big .xm3, .line-big .xm4, .line-big .xm5, .line-big .xm6, .line-big .xm7, .line-big .xm8, .line-big .xm9, .line-big .xm10, .line-big .xm11, .line-big .xm12, .line-big .xb1, .line-big .xb2, .line-big .xb3, .line-big .xb4, .line-big .xb5, .line-big .xb6, .line-big .xb7, .line-big .xb8, .line-big .xb9, .line-big .xb10, .line-big .xb11, .line-big .xb12 {
    padding-left: 30px;
    padding-right: 30px;
}
.container{position:relative;}
.c-left{margin-right:350px;background:red;}
.c-right{width:320px;position:absolute;right:10px;top:0;}

@media (min-width:760px){
    .container {
        width: 750px;
    }
}
@media (min-width:1000px){
    .container {
        width: 1000px;
    }
}
@media (min-width:1200px){
    .container {
        width: 1190px;
    }
}
@media (min-width:1440px){
    .container {
        width: 1400px;
    }
}

/**=卡片========**/
.card{padding:1.25rem;margin-bottom: 30px;}
.card .card-title{font-size:1.25rem;line-height:1.75rem;color:#262626;font-weight:500;margin-bottom:1.25rem;}
.card .card-title-center{color:#9D0208;font-weight:500;text-align:center;position:relative;line-height:1.5rem;padding:0.25rem 0;margin-bottom:1rem;}
.card .card-title-center::after{content:"";position:absolute;right:0;top:0;left:0;height:1rem;border-bottom:1px dashed #E5E5E5;z-index:0;}
.card .card-title-center span{position:relative;padding:0 1rem;background:#fafafa;z-index:1;}
.card .card-title .more {display: block; float: right; font-size: 14px; line-height: 28px; height: 28px; font-weight: 400;}
.card-border{border:1px solid #f2f2f2;}

/**==快速链接========**/
.btn-list{list-style:none;}
.btn-list li{margin-bottom:1rem;}
.btn-list li a{display:block;font-size:1rem;font-weight:500;color:#262626;padding:12px 16px;border-radius:4px;}
.btn-list li a .iconfont{font-size:1.125rem;margin-right:0.25rem;}
.btn-list .bg-blue{background-color:#74B5DF;color:#fff;}
.btn-list .bg-green{background-color:#BAD275;color:#fff;}
.btn-list .bg-yellow{background-color:#EECD66;color:#fff;}
.btn-list .bg-pink{background-color:#E19587;color:#fff;}
.btn-list .bg-blue:hover,.btn-list .bg-green:hover,.btn-list .bg-yellow:hover,.btn-list .bg-pink:hover{opacity:.85;}

.btn-list-border{margin:0;}
.btn-list-border li a{border:1px solid #e5e5e5;padding:9px 16px;border-radius:0;}
.btn-list-border li a:hover{background-color:rgba(255,255,255,.9);}

.btn-list-w50{display:flex;flex-wrap:wrap;margin-left:-0.5rem;margin-right:-0.5rem;margin-bottom:-0.75rem;}
.btn-list-w50 li{width:50%;}
.btn-list-w50 li a{margin:0 0.5rem;}

/**==新闻列表========**/
/**标题**/
.news-title{line-height:1.75rem;height:1.75rem;overflow:hidden;font-size:1rem;margin:0.625rem 0 1.25rem 0;}
.news-title .more{display:block;color:#9D0208;float:right;}
.news-title .more:hover{opacity:0.85;}
/**图文列表**/
.news-list{margin-left:-8px;margin-right:-8px;margin-bottom:-16px;overflow:hidden;overflow: hidden}
.msg-title{
    color: #9D0208;
    font-weight: 600;
}
.msg-title span:last-child{
    color: #AB262B;
}
.news-list li{}
.news-list li p{width: 70%; display: inline-block; margin-bottom: 10px !important;}
.news-list li p .float-left{margin-right:8px;}
.news-list li .news-time{margin-right:4px;color: #CCCCCC;font-weight: normal;font-size: 0.6rem}
.news-top{margin-bottom: 10px}
.news-top .float-left{width: 40%}
.news-top .float-right{width: 56%;}
.news-top .float-right p{width: 100% !important;margin-bottom: 0 !important;}
.news-top .text-more{ font-weight: 600}
.news-top .text-break-more{
    font-size: 0.8rem;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.news-top .float-left img{
    width: 100%;
    height: 100%
}
.services-list{
    overflow: hidden;
    width: 100%;
    margin-bottom: -10px;
    margin-top: 0;
    background: none;}
.services-list li{
    list-style: none;
    width: 33.33%;/*可以用百分比*/
    margin-bottom: 10px;
    position: relative;
    color: #fff;
}
.services-list li:nth-child(2) div,.services-list li:nth-child(5) div,.services-list li:nth-child(8) div{margin-left:8px;margin-right: 8px;}
.services-list li div{
    height: 7rem;
    border-radius: 4px;
    text-align: center;
    line-height: 198px;
    position: relative;
}
.services-list li div img{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.services-list li p{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
    width: 100%;
}
.services-list li p span:nth-child(1){
    font-size: 30px;
    margin-bottom: 10px;
}
.services-list li p span{
    display: block;
}
/*.news-list li.w-25{width:25%;}
.news-list li.w-20{width:20%;}
.news-list li:last-child{margin-bottom: 30px;}
.news-list li a{display:block;margin:0 0.5rem 1rem;border:1px solid #f2f2f2;padding:16px;}
.news-list .news-img{height:134px;text-align:center;margin-bottom:15px;border-radius:4px;overflow:hidden;}
.news-list .news-img img{height:100%;}
.news-list a h4{height:48px;line-height:24px;overflow:hidden;font-weight:400;}
.news-list a .tag{font-size:16px;font-weight:500;background:transparent;padding:0;border:0;border-radius:0;color:#282828;}
.news-list a .tag::after{content:"|";color:#ddd;margin:0 8px;}
.news-list li .news-time{display:block;font-size:14px;color:#bbb;margin-top:10px;}
.news-list li a:hover{background:#fafafa;border-color:#fafafa;}
.news-list li a:hover h4,.news-list li a:hover .tag{color:#9D0208;}*/
/**文字列表**/
.list{list-style:none;}
.list li{position:relative;}
.list li::before{content:"";position:absolute;left:10px;top:23px;width:8px;height:1px;background:#9a9a9a;}
.list li a{display:block;padding:12px 0;padding-left:30px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-right:74px;}
.list .list-date{float:right;font-size:14px;color:#9a9a9a;margin-top:-33px;}
.list-dateless li a { margin-right: 0;}
/**导航列表**/
.list-links{list-style:none;}
.list-links li{border-top:1px solid #e5e5e5;}
.list-links li:first-child{border-top:0;}
.list-links li .ic{float:left;font-size:12px;color:#9D0208;margin:14px 0 0 14px;}
.list-links li a{display:block;font-size:14px;color:#262626;padding:12px 10px 12px 34px;}
.list-links li a:hover{color:#9D0208;}
/**文章列表**/
.article-list{list-style:none;padding:10px 20px;}
.article-list li{position:relative;border-bottom:1px dashed #e5e5e5;}
.article-list li::before{content:"";position:absolute;left:12px;top:26px;width:6px;height:6px;border:1px solid #9a9a9a;border-radius:6px;background-color:#fff;}
.article-list li:last-child{border-bottom:0;}
.article-list li:hover{background-color:#fafafa;}
.article-list li a{display:block;padding:18px 30px;margin-right:100px;}
.article-list li .date{float:right;font-size:14px;color:#9a9a9a;margin-top:-36px;margin-right:2px;}
/**分页**/
.sider-content-pagination{border-top:1px solid #eee;padding:18px 20px;text-align:right;}
.pagination-item{display:inline-table;margin-right:10px;}
.pagination-item span{display:inline-block;}
.pagination-item .input{display:inline-block;height:36px;border-radius:4px;width:50px;margin:0 4px;}
.pagination .iconfont{font-size:20px;color:#9D0208;font-weight:bold;}

/**=拼图控件样式修改========**/
/*tab*/
.tab .tab-nav {margin-left: 5px;}
.tab .tab-nav li { background: #FAF2F2; transform: skewX(-15deg); margin-right:10px;}
.tab .tab-nav .active { background: #9D0208; transform: skewX(-15deg);}
.tab .tab-nav li a { border: none; border-radius: 0; justify-content: center; align-items: center; transform: skewX(15deg); padding: 4px 10px;}
.tab .tab-nav .active a { border: none; color: #fff;}
.tab .tab-body { border-top: 0;}
.tab .tab-head strong{font-size:20px;color:#262626;padding:0 20px 0 0;line-height:28px;}
.tab .tab-more{margin:0;font-size:14px;line-height:28px;}
/*面包屑*/
.bread-box {height: 34px;}
.bread-box::after { display: block; clear: both;}
.bread { border-radius: 0; margin: 0; padding-right: 0;}
.bread a { color: #9D0208;}
.bread a:hover { text-decoration: underline;}
.bread li:after { content: "\00bb"; padding: 0 5px;}
.icon-home:before { color: #999; padding-right: 5px;}
/**边界、填充**/
.mb-0 {margin-bottom: 0;}

/**=其他========**/
/*信息-工作人员*/
.info h3 { padding: 10px 0;}
.info p { color: #666;}
.info .info-subtitle { font-size: 16px; font-weight: bold; color: #282828; margin: 10px 0;}
.info .info-subtitle span { color: #9D0208; padding-right: 10px;}
.info .padding-left25 {padding-left: 25px;}
.info-bg {background-color: #fafafa; padding: 20px; border-top: 2px solid #ddd; margin: 10px 0;}
.info-bg h3 { margin: 10px 0;}
.info-bg p { color: #666; margin: 0;}
.border-red { border-color: #EF8D98;}
.border-blue { border-color: #5BA8DD;}
/*文章*/
.article { border-top: 1px solid #9D0208; padding: 20px 0;}
.article-title { border-bottom: 1px solid #f2f2f2; padding: 10px 0; text-align: center;}
.article-title h1 { font-weight: normal;}
.article-title p { margin: 6px 0; font-size: 12px; color: #999; line-height: 18px;}
.article-title span { margin-right: 20px;}
.article-content { padding: 20px 0;}
.article-content p { text-indent: 2em;}
.article-links a {display: inline-block; margin-bottom: 10px; line-height: 24px;border-bottom: 1px solid #eee;}
.article-links span { color: #999;}

.sider-content .article { border-top: 0;}
.sider-content  .article-content { margin: 0 30px;}

.fixed-top { margin: 0; left: 0; right: 0; z-index: 99;}

/**=index========**/
.divide-list { margin: 0; list-style-type: none; overflow: hidden;}
.divide-list li { float: left; text-align: center; margin-bottom: 20px;}
.divide-list li img { margin-bottom: 10px;}
.divide-list li a::before {
    content: "";
    display: inline-block;
    width: 100px;
    height: 100px;
    border-radius: 30px;
    background-color: #fff;
    box-shadow: 0 0 24px rgba(0,0,0,.08);
}
.divide-list li:last-child a::before {
    content: "";
    display: inline-block;
    width: 100px;
    height: 100px;
    border-radius: 30px;
    background-color: transparent;
    box-shadow: none;
    box-sizing: border-box;
    border: 2px dashed #ddd;
}
.divide-list li a { display: block; padding: 0 10px;}
.divide-list li a .iconfont {
    font-size: 48px;
    color: #9D0208;
    margin-top: -81px;
    margin-bottom: 36px;
}
.divide-list li a:hover .iconfont { opacity: 0.8;}
.divide-list li a .ic-add {
    color: #ddd;
}
.divide-list li a span { display: block; color: #404040; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 13px;}
.divide-list li a:hover, .divide-list li a:hover span { text-decoration: none; color: #9D0208;}


@media(max-width:1024px) {
    .banner {height: auto;}
    .news-list li {width: 100%;}
    .news-list li.w-25{width: 33.33333336%;}
    .news-list li.w-20{width: 25%;}
}
@media(max-width:768px){
    .margin-large-top {margin-top: 0;}
    .margin-large-bottom {margin-bottom: 0;}
    .btn-list {margin-bottom: 20px;}
    .news-list li.w-20{width: 33.33333336%;}
    .subBannerImg{height: 160px;}
    .sidebar{margin-top: 0;}
}
@media(max-width:500px) {
    .banner {height: 160px;}
    .icon-navicon {top: -64px; background-color: #fff;}
    .news-list li {width: 100%;}
    .news-list li.w-25{width: 50%}
    .news-list li.w-20{width: 100%;}
    .footer .pic-weixin{display: none;}
    .footer .footer-info{margin: 20px;height: auto;}
    .subBannerImg{height: 80px;}
}



/*盒模型布局*/