.wsc-Nav {
    height: 90px;
    background-color: #fff;
    box-shadow: 0px 1px 2px 0px #222;
}

.container,
.wsc-NavCon {
    width: 1180px;
    margin: auto;
}

.wsc-logo {
    margin-top: 23px;
    float: left;
    height: 44px;
}

.wsc-headNav {
    float: right;
}

.hn-item {
    float: left;
    padding: 35px 0;
    position: relative;
    margin-left: 40px;
}

.hn-item:first-child {
    margin-left: 0;
}

.hn-item a {
    font-size: 16px;
    line-height: 20px;
    color: #222;
    transition: 0.3s;
}

.hn-item span {
    position: absolute;
    bottom: 1px;
    left: 0;
    right: 0;
    margin: auto;
    width: 0;
    height: 2px;
    background: linear-gradient(to right, #E12524, #A20607);
    transition: 0.3s;
}

.hn-lan {
    display: block;
    width: 20px;
    height: 20px;
    background: url(/template/images/en.png) no-repeat center center;
    transition: 0.3s;
}

.hn-lan:hover {
    background: url(/template/images/en-h.png) no-repeat center center;
}

.wsc-headNav-white .hn-lan {
    background: url(/template/images/en-w.png) no-repeat center center;
}

.hn-item:hover .hn-text a,
.wsc-headNav .active .hn-text a {
    color: #A20607;
}

.hn-item:hover span,
.wsc-headNav .active span {
    width: 100%;
}

.hn-srarch {
    width: 20px;
    height: 20px;
    padding: 35px 0;
    margin: -35px 0;
    background: url(/template/images/serach.png) no-repeat right 36px;
}

.hn-item:hover .hn-srarch {
    background: url(/template/images/serach.png) no-repeat right -64px;
}

.hn-drop {
    position: absolute;
    top: 90px;
    left: -20px;
    width: 160px;
    background-color: #ffffff;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
    z-index: 100;
    display: none;
}

.hn-item:hover .hn-drop {
    position: absolute;
    top: 90px;
    left: -20px;
    width: 160px;
    background-color: #ffffff;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
    z-index: 100;
    display: block;
}

.hn-srarch-drop {
    padding: 60px 0;
    position: absolute;
    top: 90px;
    left: 0;
    width: 100%;
    background-color: #f6f6f6;
    border-top: 1px solid #eaeaea;
    box-shadow: -1px 0px 26px 0px rgba(0, 0, 0, 0.06);
    z-index: 100;
    display: none;
}

.hn-srarch-drop .wsc-search input {
    background-color: #fff;
    border-color: #eaeaea;
}

.hn-srarch-main {
    width: 750px;
    margin: auto;
}

.hn-drop li {
    padding: 12px 20px;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    color: #222;
}

.hn-drop li:hover {
    background-color: #eaeaea;
}



.wsc-topbt {
    position: relative;
}

.inav {
    border-bottom: 1px solid #eee;
}

.wsc-br-sn {
    width: 1180px;
    position: relative;
    margin: auto;
}

.wsc-bread {
    float: right;
    padding: 20px 0 20px;

}

.wsc-bread a,
.wsc-bread em,
.wsc-bread span,
.wsc-bread strong,
.wsc-bread h1 {
    color: #222;
    display: inline;
    font-size: 14px;
    line-height: 18px;
    transition: 0.3s;
}

.wsc-bread a:hover {
    color: #000;
}

.wsc-bread span {
    margin: 0 8px;
    width: 7px;
    height: 18px;
    background: url(/template/images/nav-arr.png) no-repeat center 8px;
    display: inline-block;
}

.wsc-bread h1,
.wsc-bread em {
    font-weight: normal;
    color: #222;
}

.wsc-det-bread a:hover {
    color: #A20607;
}

.wsc-det-bread a,
.wsc-det-bread span,
.wsc-bread strong {
    color: #999;
}

.wsc-det-bread h1,
.wsc-det-bread em {
    color: #222;
}

.wsc-bread span {
    background-position-y: -92px;
}

.wsc-banner {
    height: 378px;
    text-align: center;
    color: #fff;
}

.ba-tit {
    padding-top: 140px;
    font-size: 40px;
    line-height: 50px;
    font-weight: bold;

}

.wsc-banner p {
    font-size: 24px;
    line-height: 1;
    margin-top: 19px;
}

.wsc-secNav {
    float: left;
    padding: 20px 0 20px;
    height: 24px;
    line-height: 24px;
}

.snMain {}

.snMain ul {
    float: right;
    position: relative;
    z-index: 4;
}

.snMain li {
    float: left;
    margin-right: 30px;
}

.snMain li a {
    color: #333;
    font-size: 16px;
    transition: 0.3s;
}

.snMain .active a,
.snMain a:hover {
    color: #A20607;
}

.footNav {
    background-color: #262626;
    padding: 80px 0;
}

.footNav dl {
    float: left;
    width: 190px;
}

.footNav dt {
    font-size: 16px;
    line-height: 20px;
    color: #eee;
    margin-bottom: 24px;
    transition: 0.3s;
}

.footNav dt:hover a {
    color: #fff
}

.footNav dd {
    font-size: 14px;
    line-height: 30px;
    color: #999;
    transition: 0.3s;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.footNav dd a {
    font-size: 14px;
    line-height: 30px;
    color: #999 !important;
    transition: 0.3s;
}

.footNav dd a:hover {
    color: #eee !important;
}

.footNav .fn-contact {
    float: right;
    width: unset;
    padding-left: 50px;
    border-left: 1px solid rgba(85, 85, 85, 0.4);
}

.fc-way span {
    color: #fff;
}

.fn-onlineBtn {
    margin-top: 25px;

}

.fn-onlineBtn a {
    display: block;
    width: 120px;
    height: 29px;
    background: linear-gradient(to right, #E12524, #A20607);
    border-radius: 1px;
    color: #fff;
    text-align: center;
    line-height: 29px;
    font-size: 14px;
    transition: 0.3s;
}

.fn-onlineBtn a:hover {
    background-color: #e63e22;
}

.fn-onlineBtn a span {
    display: inline-block;
    padding-left: 20px;
    background: url(/template/images/kefu.png) no-repeat left center;
    color: white;
}

.fn-share {
    margin-top: 24px;
}

.fn-share a {
    float: left;
    width: 28px;
    height: 28px;
    /* border-radius: 50%; */
    transition: 0.3s;
}

.fn-wx {
    background: #222 url(/template/images/wx.png) no-repeat center center;
    background-size: cover;
    position: relative;
    width: 35px !important;
    height: 34px !important;
}

.fnwxEwm {
    position: absolute;
    top: 43px;
    left: 0;
    width: 100px;
    height: 100px;
    z-index: 5;
    background-color: #fff;
    text-align: center;
    transition: 0.3s;
    display: none;
}

.fnwxEwm img {
    max-width: 100px;
}

.fn-wx:hover .fnwxEwm {
    display: block;
}

.fn-wb {
    margin-left: 10px;
    background: #222 url(/template/images/wb.png) no-repeat center center;
}

.fn-share a:hover {
    opacity: 0.8;
}

.footBar {
    padding: 20px 0;
    background-color: #222;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #787878;
}

.footBar a:hover {
    color: #eee;
}

.fb-text {
    float: left;
}

.fb-link {
    float: right
}

.fb-link span {
    margin: 0 12px;
}


.box-t100 {
    margin-top: 100px;
}

.box-t0 {
    margin-top: 0px;
}

.box-bgf6 {
    background-color: #f6f6f6;
}



.u-paging {
    margin-top: 40px;
    display: flex;
}

.paging-inner {
    height: 40px;
    margin: 0 auto;
    text-align: center;
}

.paging-inner a {
    height: 40px;
    margin-right: 7px;
    background-color: #f6f6f6;
    line-height: 40px;
    color: #222;
    width: 40px;
    display: inline-block;
    text-align: center;
    margin-left: 7px;
    font-size: 14px;
    border-radius: 3px;
    vertical-align: top;
}

.paging-inner span {
    display: inline-block;
}

.paging-inner .current,
.paging-inner a:hover {
    background: linear-gradient(to right, #E12524, #A20607);
    color: #fff;
}

.page-ellipsis {
    display: inline-block;
    width: 40px;
    color: #222;
    font-size: 16px;
}

.prev {
    background: #fff url(/template/images/pageprev.png) no-repeat center center;
}

.next {
    background: #fff url(/template/images/pagenext.png) no-repeat center center;
}

.prev:hover {
    background: #A20607 url(/template/images/pageprev_hover.png) no-repeat center center;
}

.next:hover {
    background: #A20607 url(/template/images/pagenext_hover.png) no-repeat center center;
}

.u-paging ul {
    display: inline-block;
    list-style: none;
    line-height: 40px;
}

.u-paging ul li {
    display: inline-block;
    list-style: none;
    float: left;
}

.u-paging ul li:first-child {
    margin-right: 5px;
}

.u-paging ul li:last-child {
    margin-left: 5px;
}

.u-paging ul .thisclass a {
    background-color: #A20607 !important;
    color: #fff;
    width: 40px;
}

.thisclass {
    line-height: 40px;
    padding: 0px 5px;
    width: 30px;
    background: linear-gradient(to right, #E12524, #A20607);
    border-radius: 3px;
    color: #fff;
}

.page-num-current {
    line-height: 40px;
    width: 30px;
    background-color: #A20607 !important;
    border-radius: 3px;
    color: #fff !important;
}

.wsc-edit p {
    font-size: 14px;
    line-height: 24px;
    color: #222;
    padding: 10px 0;
}

.wsc-edit img {
    display: block;
    margin: auto;
    padding: 10px 0;
    max-width: 100%;
}


.sec-tit {
    font-size: 24px;
    line-height: 1;
    color: #222;
    font-weight: bold;
}

.cTit {
    font-size: 40px;
    line-height: 1;
    color: #222;
    text-align: center;
}

.md-pagination {

    display: flex;

    justify-content: center;

    align-items: center;

    color: #333;
    margin: 20px 0;
}



.md-pagination .btn {

    width: 1.52rem;

    height: 1.52rem;

    background-color: #222;

    background-position: 50%;

    background-repeat: no-repeat;

    border: 1px solid #222;

    transition: all .2s;
    display: flex;
    justify-content: center;
    align-items: center;

}



.md-pagination .btn.disabled {

    border-color: #222;

    background-color: transparent;

    cursor: not-allowed
}



.md-pagination .btn.disabled:hover {

    opacity: 1
}



.md-pagination .btn.disabled.prev {

    background-image: url(/template/images/a-prev-2.png)
}



.md-pagination .btn.disabled.next {

    background-image: url(/template/images/a-next-3.png)
}



.md-pagination .btn:hover {

    opacity: .9
}



.md-pagination .prev {

    background-image: url(/template/images/a-prev-3.png);

    margin: 0 .35rem;

}



.md-pagination .next {

    background-image: url(/template/images/a-next-2.png);

    margin-left: .35rem
}



.md-pagination .nav {

    width: 1.45rem;

    text-align: center
}



.md-pagination .nav.on,

.md-pagination .nav:hover {

    color: #222
}



.md-pagination .nav--ell:hover {

    color: #333
}



@media (max-width:500px) {

    .md-pagination .btn {

        background-size: 25%
    }

}