body {
    background-color: #fff;
    font-family: "Microsoft YaHei";}

.inner {
    max-width: 1400px;
    margin: 0 auto;
    position: relative;
    padding: 0 20px;
    box-sizing: content-box;}


/* header */

.header {
    height: 136px;
    position: relative;
    z-index: 3;}

.header .inner {
    max-width: 1600px;}

.header .logo {
    width: 626px;
    float: left;
    margin-top: 30px;
    position: relative;
    z-index: 9999;}

.header .logo img {
    width: 100%;}

.head-r {
    width: 850px;
    float: right;}


/* 搜索 */

.sousuo {
    width: 160px;
    height: 32px;
    margin-top: 35px;
    position: relative;
    box-sizing: border-box;
    padding: 1px 0 1px 15px;
    background: url(../img/ssk.jpg) center no-repeat;
    float: right;}

.sousuo-srk {
    width: 110px;
    height: 30px;
    float: left;}

.sousuo-img {
    position: absolute;
    top: 0;
    right: 0;}


/* 导航 */

.nav {
    margin-top: 10px;
    float: right;}

.nav .menu {
    height: 26px;
    line-height: 26px;
    position: relative;
    z-index: 1;
    box-sizing: border-box;}

.menu-li {
    /* width: 11.11%; */
    height: 26px;
    float: left;
    text-align: center;
    position: relative;
    display: inline;
    box-sizing: border-box;
    padding: 0 5px;}

.menu-li span {
    height: 49px;
    display: inline-block;}

.menu-li span a {
    font-size: 16px;
    display: block;
    color: #333333;
    box-sizing: border-box;
    padding: 0 10px;
    border-radius: 13px;}

.menu-li:hover span a {
    background-color: #b72024;
    color: #ffffff;}

.menu-li.now span a {
    background-color: #b72024;
    color: #ffffff;}

.menu .menu-box {
    width: 100%;
    position: absolute;
    left: 0;
    top: 49px;
    display: none;
    line-height: 26px;
    z-index: -1;
    background: url(../img/nav_erji_bj.jpg) center;}

.menu .menu-box li {
    width: 100%;
    height: 40px;
    font-size: 14px;
    text-align: center;
    line-height: 40px;}

.menu .menu-box li a {
    color: white;
    font-size: 15px;
    line-height: 2.667;}

.menu .menu-box li:hover a {
    color: #b72024;}


/* 缩小导航 */

.dl-menuwrapper {
    display: none;}


/* banner */

.banner {
    /* height: 268px; */
    margin-bottom: 54px;
    /* overflow: hidden; */
    text-align: center;}

.banner img {
    width: 100%;}


/* content */

.content {
    margin-bottom: 40px;}


/* leftnav */

.leftnav {
    width: 282px;
    float: left;}

.leftnav-tit {
    height: 73px;
    background-color: #f5f5f5;
    font-size: 24px;
    color: #9b0000;
    font-weight: bold;
    line-height: 73px;
    text-align: center;}


/*leftnav-con  */

.leftnav-con {
    min-height: 300px;
    box-sizing: border-box;
    padding-left: 44px;
    padding-bottom: 20px;
    background: #ae1419 url(../img/leftnav_bj.jpg) bottom left no-repeat;}

.leftnav-con-box {
    box-sizing: border-box;
    padding-top: 20px;}

.leftnav-con-box-li {
    box-sizing: border-box;
    position: relative;
    padding: 10px 0;}

.leftnav-con-box-li span {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding-left: 30px;
    display: inline-block;
    height: 42px;
    line-height: 42px;}

.leftnav-con-box-li span a {
    display: inline-block;
    position: relative;
    font-size: 18px;
    color: #ffffff;}

.leftnav-con-box-li:hover span {
    background: url(../img/leftnav_ej_bj.jpg) left center no-repeat;
    background-size: 100%;}

.leftnav-con-box-li.now span {
    background: url(../img/leftnav_ej_bj.jpg) left center no-repeat;
    background-size: 100%;}

.leftnav-con-box-li:hover span a {
    color: #ae1419;}

.leftnav-con-box-li.now span a {
    color: #ae1419;}

ul.sanji {
    margin-left: 26px;
    padding-left: 0;
    line-height: normal;
    padding-top: 15px;}

.sanji-li {
    position: relative;}

li.sanji-li a {
    font-size: 14px;
    line-height: 24px;
    border-bottom: 0;
    padding-left: 20px;
    box-sizing: border-box;
    color: #dec4c5;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}

li.sanji-li a:hover {
    color: #ffffff;}

.sanji-li .sanji-jt {
    width: 2px;
    height: 2px;
    position: absolute;
    left: 10px;
    top: 12px;
    background: url(../img/leftnav_sj_tb.jpg) center no-repeat;}


/* content-r */

.content-r {
    width: 1050px;
    float: right;
    min-height: 400px;
    margin-bottom: 30px;}

.content-r-tit {
    height: 28px;
    line-height: 28px;
    border-bottom: 1px solid #dddddd;}

.tit-left {
    float: left;
    position: relative;
    font-size: 18px;
    color: #ffffff;
    font-weight: bold;
    padding: 0 30px;
    background-color: #9e0c11;
    height: 28px;
    line-height: 28px;
    box-sizing: border-box;}

.tit-right {
    float: right;
    line-height: 28px;}

.tit-right ul li {
    float: left;
    padding: 0 2px;
    font-size: 14px;
    color: #cccccc;}

.tit-right ul li span {
    color: #cccccc;
    font-size: 14px;}

.tit-right ul li a {
    color: #cccccc;
    font-size: 14px;}

.tit-right ul li .jiansuojieguo {
    color: #cccccc;
    font-size: 14px;}

.tit-right ul li .jiansuojieguo a {
    color: #cccccc;
    font-size: 14px;}


/* content-r-con */

.content-r-con {
    box-sizing: border-box;
    padding-top: 10px;}

.content-r-con-tit {
    min-height: 125px;
    box-sizing: border-box;
    text-align: center;
    border-bottom: 1px dashed #d3d3d3;
    overflow: hidden;}

.content-article-tit {
    font-size: 24px;
    color: #333333;
    font-weight: bold;
    line-height: 48px;
    margin-top: 15px;}

.content-r-con-tit ul {
    box-sizing: border-box;
    display: inline-block;
    margin: 10px auto 0;}

.content-r-con-tit ul li {
    font-size: 16px;
    color: #666666;
    line-height: 2.25;
    padding: 0 15px;
    float: left;}

.content-r-con-text {
    text-indent: 2em;
    border-bottom: 1px solid #cccccc;
    margin-bottom: 30px;
    font-size: 16px;
    color: #333333;
    box-sizing: border-box;
    padding: 30px 0;
    line-height: 3;}


/* .content-r-con-text p {
    margin-bottom: 25px;
} */

/* .content-r-con-text img {
    display: block;
    margin: 15px auto 25px;
    max-width: 100%;

}*/

.article-links p {
    line-height: 2;
    font-size: 15px;}

.article-links p a {
    line-height: 2;
    font-size: 15px;
    color: #999999;}

.article-links p:hover a {
    color: #ae1419;}


/* pagebar */

.pagebar {
    float: right;
    line-height: 22px;
    font-size: 12px;}

.pg-total {
    float: left;
    color: #333333;}

.pagebar ul {
    float: left;}

.pagebar ul li {
    float: left;
    margin-left: 6px;
    box-sizing: border-box;}

.pb-shouye,
.pb-prev,
.pb-next {
    text-align: center;
    width: 41px;
    height: 22px;
    box-sizing: border-box;
    border: 1px solid #cccccc;
    color: #333333;}

.pg-num {
    text-align: center;
    width: 22px;
    height: 22px;
    border: 1px solid #cccccc;
    color: #888888;}

.pg-sl {
    letter-spacing: 2px;
    line-height: 17px;}

.pg-num.now {
    border: 1px solid #ae1419;
    color: #ffffff;
    background-color: #ae1419;}


/* footer */

.footer {
    background-color: #332d2e;}

.footer-t {
    height: 231px;
    box-sizing: border-box;
    padding-top: 64px;}

.foot-logo {
    width: 700px;
    height: 129px;
    float: left;
    box-sizing: border-box;
    padding: 25px 10px;
    border-left: 1px solid #433738;
    border-right: 1px solid #433738;}



.xiaoqu {
    float: left;
    width: 350px;
    height: 129px;
    box-sizing: border-box;
    border-right: 1px solid #433738;
    padding-top: 20px;
    padding-left: 75px;}

.xiaoqu p {
    line-height: 30px;
    font-size: 16px;
    color: #e0e0e0;}

.footer-b {
    border-top: 1px solid #433738;
    box-sizing: border-box;
    padding: 20px 0;
    text-align: center;}

.footer-b p {
    line-height: 20px;
    font-size: 14px;
    color: #e0e0e0;}


/* 1535px */

@media screen and (max-width: 1535px) {
    /* header */
    .header {
        box-sizing: border-box;
        margin-bottom: 20px;}
    .head-r {
        width: 100%;
        float: none;}
    .sousuo {
        margin-top: 40px;}
    .nav {
        width: 100%;}
    .menu-li {
        width: 11.11%;}
}


/* 1439px */

@media screen and (max-width: 1439px) {
    /* foot */
    .footer-t {
        height: auto;}
    .foot-logo {
        float: none;
        margin: 0 auto;}
    .footer-t-r {
        display: flex;
        justify-content: center;}
    .ytxq {
        border-left: 1px solid #433738;}
    /* .content */
    .content {
        width: 1200px;
        margin: 0 auto 40px;}
    /* leftnav */
    .leftnav {
        width: 258px;}
    /* content-r */
    .content-r {
        width: 880px;}
}


/* 1199 */

@media screen and (min-width: 1025px) and (max-width: 1199px) {
    /* .content */
    .content {
        width: 1025px;
        margin: 0 auto 40px;}
    /* leftnav */
    .leftnav {
        width: 220px;}
    .leftnav-con {
        padding-left: 20px;}
    /* content-r */
    .content-r {
        width: 750px;}
}


/* 1024 */

@media screen and (max-width: 1024px) {
    /* header */
    .nav {
        display: none;}
    .dl-menuwrapper {
        display: block;}
    .sousuo {
        margin-top: 65px;}
    /* .content */
    .content {
        width: 100%;
        margin: 0 auto;}
    /* leftnav */
    .leftnav {
        display: none;}
    /* content-r */
    .content-r {
        width: 100%;
        float: none;}
    /* content-r-con-list */
    .content-r-con .content-r-con-list {
        margin-bottom: 30px;}
}


/* 1000 */

@media screen and (max-width: 1000px) {
    /* header */
    .header .logo {
        width: 400px;
        margin-top: 50px;}
    .flexslider {
        margin: 0 0 20px;}
}


/* 767 */

@media screen and (max-width: 767px) {
    .foot-logo {
        width: 100%;}
    .footer-t-r {
        display: block;
        text-align: center;}
    .xiaoqu {
        padding: 0;
        border-left: 1px solid #433738;
        border-right: 1px solid #433738;
        width: 100%;
        float: none;}
    .footer-b p {
        width: 100%;}
}


/* 599 */

@media screen and (max-width: 599px) {
    /* header */
    .header {
        height: 100px;}
    .header .logo {
        margin-top: 20px;
        width: 300px;}
    .dl-menu-button {
        width: 40px;
        height: 40px;
        top: 0;}
    .sousuo {
        /* margin-top: 80px; */
        float: none;
        position: absolute;
        top: 10px;
        left: 50%;
        transform: translateX(-50%);}
    /* tit-right */
    .tit-right {
        display: none;}
}


/* 375 */

@media screen and (max-width: 375px) {
    .header .logo {
        width: 250px;}
}
@media screen and (max-width: 280px) {
.dl-menuwrapper button {
    top: 65px;
    right: 1px;}

}



@media screen and (max-width: 669px){

 table{display: flex!important;
    overflow: scroll hidden;
    white-space: nowrap;
    word-break: keep-all;
    max-width: 100%;}

}
@media screen and (max-width: 718px){
.foot-logo{height:200px;}   
.ewm{float:left;margin-left: 38%;margin-top: 4%;}
}


@media screen and (max-width: 500px){
.foot-logo{height:170px;}   
.ewm{float:left;margin-left: 27%;margin-top: 4%;}
}
@media screen and (max-width: 320px){
.ewm {
    float: left;
    margin-left: 16%;
    margin-top: 4%;}
}

