.main {
    line-height: 30px;
    padding: 4% 0;
}

@media screen and (max-width:768px) {
    .row {
        margin: 0;
    }
}

.img-cover-4by3 {
    width: 100%;
    height: 0;
    padding-bottom: 50%;
    position: relative;
    overflow: hidden;
}

.abs-center {
    width: 100%;
    height: 100%;
    object-fit: cover;
    left: 0;
    position: absolute;
    text-align: center;
}

/*.shuiyin{ position: absolute; left: 0; top: 0; z-index: 1; background: url("../images/shuiyin.png") no-repeat center; width: 100%; height: 100%; background-size: 50%;}*/

.my-button-disabled {
    opacity: 1 !important;
    pointer-events: visible !important;
    cursor: pointer !important;
}


#dituContent label {
    max-width: unset !important;
    text-align: center;
}

@media screen and (max-width:991px) {
    .layui-layer {
        width: 94% !important;
        left: 3% !important;
    }
}


/*头部*/
#top_index {
    height: auto;
    margin: 0 auto;
    transition: 0.3s;
    width: 100%;
    background: #fff;
    position: relative;
}

#top_index_zy {
    height: auto;
    margin: 0 auto;
    position: relative;
    transition: 0.3s;
}

#logo {
    text-align: center;
    padding: 1% 0;
    transition: 0.3s;
}

#logo a {
    display: block;
}

#logo a img {
    max-width: 100%;
    transition: 0.5s;
}

#top_tel {
    line-height: 25px;
}

#top_tel i {
    color: #c00505;
    font-size: 40px;
    margin-right: 10px;
}

#top_tel span {
    color: #999999;
}

#top_tel p {
    color: #c00505;
    font-size: 26px;
}

#nav {
    height: auto;
    transition: 0.3s;
    text-align: center;
}

#nav .big {
    display: inline-block;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    color: #333;
    text-align: center;
    transition: 0.5s;
    position: relative;
    z-index: 1;
}

#nav .big:before {
    position: absolute;
    left: 0;
    bottom: 28%;
    background: #c00505;
    content: '';
    height: 4px;
    width: 0;
    transition: 0.3s;
}

#nav .big:hover {
    color: #c00505;
}

#nav .big:hover:before {
    width: 100%;
}

#nav .navli_hover .big:before {
    width: 100%;
}

#nav .navli_hover .big {}

#nav li .navson {
    display: none;
    position: absolute;
    left: 0;
    overflow: hidden;
    border-top: 1px solid #ededed;
    background: url("../images/subnav_bj.jpg") no-repeat center #fff;
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.05);
    color: #333;
    top: 100%;
    z-index: 99999;
    width: 100vw;
}

#nav li .navson .main {
    padding: 50px 0;
}

#nav li .navson .nav_font {
    width: 100%;
    text-align: left;
    line-height: 30px;
}

#nav li .navson .nav_font h4 {
    color: #c00505;
    font-size: 26px;
    height: 50px;
    font-weight: bold !important;
    position: relative;
}

#nav li .navson .nav_font h4:before {
    position: absolute;
    left: 0;
    bottom: 0;
    content: '';
    width: 3%;
    height: 3px;
    background: #c00505;
}

#nav li .navson .nav_font .font {
    color: #999999;
    font-size: 16px;
    padding: 2% 0;
    width: 60%;
}

#nav li .navson .nav_font dl {
    margin: 0;
}

#nav li .navson .nav_font dl dd {
    float: left;
    margin-right: 3%;
    text-align: left;
    transition: 0.3s;
}

#nav li .navson .nav_font dl dd i {
    display: inline-block;
    font-size: 12px;
    margin-right: 5px;
}

#nav li .navson .nav_font dl dd a {
    color: #333333;
    font-size: 16px;
}

#nav li .navson .nav_font dl dd:hover a {
    color: #c00505;
}

#nav li .navson .nav_font .ly {
    margin-top: 3%;
    height: 50px;
    line-height: 50px;
    background: #c00505;
    width: 12%;
    color: #fff;
    text-align: center;
    transition: 0.3s;
}

#nav li .navson .nav_font .ly:hover {
    background: #014397;
}


.top_bj_active {
    width: 100%;
    z-index: 20;
    background: #fff !important;
    top: 0;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    position: fixed !important;
}

.top_bj_active #logo {
    padding: 0;
}

.top_bj_active #logo img {
    transform: scale(0.8);
}

.top_bj_active #nav li {
    font-size: 16px;
}

.top_bj_active #c-header .c-switch i {
    background: #333;
}

@media screen and (max-width:1600px) {
    #top_tel p {
        font-size: 24px;
    }
}

@media screen and (max-width:1440px) {
    #logo a img {
        max-width: 80%;
    }

    #top_tel p {
        font-size: 22px;
    }
}

@media screen and (max-width:1350px) {
    #top_tel p {
        font-size: 18px;
    }

    #top_tel span {
        font-size: 12px;
    }
}

@media screen and (max-width:1200px) {}

@media screen and (max-width:991px) {
    #top_index {
        padding: 0;
        width: 100%;
    }

    #top_index .row {
        margin: 0 !important;
    }

    #logo {
        text-align: left;
        padding-left: 2%;
    }

    #nav li {
        font-size: 14px;
    }

    .top_bj_active #nav li {
        font-size: 14px;
    }
}

@media screen and (max-width:768px) {
    #logo {
        padding: 2%;
    }
}


#banner,
#mobile_banner {
    position: relative;
}

#banner img {
    width: 100%;
}

#banner .swiper-pagination {
    bottom: 3%;
}

#banner .swiper-pagination-bullet {
    width: 20px;
    height: 5px;
    border-radius: 3px;
    transition: 0.3s;
    opacity: 1;
    background: #fff;
}

#banner .swiper-pagination-bullet-active {
    width: 60px;
    background: #c00505;
    opacity: 1;
}

#banner .swiper-button-next:after,
#banner .swiper-button-prev:after {
    display: none;
}

#banner .swiper-button-next i,
#banner .swiper-button-prev i {
    color: #fff;
    font-size: 30px;
}

#banner .swiper-button-next,
#banner .swiper-button-prev {
    background: rgba(0, 0, 0, 0.2);
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 100%;
}

#banner .swiper-button-next {
    right: 5%;
}

#banner .swiper-button-prev {
    left: 5%;
}

#mobile_banner img {
    width: 100%;
}

#mobile_banner .swiper-pagination-bullet-active {
    background: #d33f23;
}


@media screen and (max-width:1200px) {
    #banner .gallery-thumbs .swiper-slide span {
        font-size: 12px;
    }
}




/*底部*/
#end_bj {
    background: url("../images/end_bj.jpg") no-repeat center bottom;
    width: 100%;
    text-align: left;
    position: relative;
    border-top: 6px solid #c00505;
    color: #fff;
}

#end_bj a {
    color: #fff;
    transition: 0.3s;
    position: relative;
}

#end_bj a:hover {
    color: #cc0707;
}

.end_nav {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.end_nav ul li {
    padding: 2% 0;
    font-size: 16px;
    width: 12%;
}

.end_lx {
    width: 50%;
}

.end_lx .tit {
    color: #fff;
    font-size: 24px;
    position: relative;
    height: 45px;
}

.end_lx .tit span {
    text-transform: uppercase;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.3);
    padding-left: 5px;
}

.end_lx .tit:before {
    position: absolute;
    left: -25px;
    top: 20%;
    content: '';
    width: 10px;
    height: 10px;
    background: #cc0707;
}

.end_lx .tit:after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 35px;
    height: 2px;
    background: #cc0707;
    content: '';
}

.end_lx dl {
    padding-top: 30px;
    ;
}

.end_lx dl dd {
    float: left;
    width: 26%;
    font-size: 16px;
    margin: 0;
    height: 40px;
}

.end_lx dl dd a {
    color: rgba(255, 255, 255, 0.6) !important;
}

.end_lx .end_tel {
    padding: 30px 0 0;
    font-size: 16px;
    line-height: 35px;
}

.end_lx .end_tel p {
    color: #cc0707;
    font-size: 36px;
}

.end_lx ul {
    padding: 4% 0 !important;
}

.end_lx ul li i {
    margin-right: 10px;
    line-height: 35px;
    display: inline-block;
}

.end_lx .more {
    width: 25%;
    background: #cc0707;
    color: #fff;
    height: 45px;
    line-height: 45px;
    font-size: 16px;
}

.end_lx .more i {
    margin-right: 10px;
    font-size: 20px;
}

.ewm {
    margin: 0 1%;
    width: 40%;
}

.ewm p {
    border: 1px dashed #999999;
    padding: 10px;
}

.ewm span {
    display: block;
    height: 50px;
    line-height: 50px;
    color: #999999;
    font-size: 16px;
}

.ewm img {
    width: 100%;
}

#end_line {
    height: auto;
    padding: 10px 0;
    line-height: 30px;
    color: rgba(255, 255, 255, 0.6);
    border-top: 1px solid rgba(255, 255, 255, 0.05);
}

#end_line a {
    color: rgba(255, 255, 255, 0.6);
}

#end_line a:hover {
    color: #fff;
}

@media screen and (max-width:1400px) {}

@media screen and (max-width:1200px) {
    .end_lx {
        width: 100%;
    }
}

@media screen and (max-width:991px) {
    #end_nr_bj .main .ewm {
        margin-top: 3% !important;
    }

    .ewm p {
        padding: 5px;
    }

    .end_logo {
        padding: 2% 0;
    }
}

@media screen and (max-width:768px) {}



.footer_zx {
    height: 60px;
    overflow: hidden;
    right: 0;
    bottom: 0;
    z-index: 20;
    width: 100%;
    line-height: 25px;
    position: fixed;
    background-color: #1e2830;
}

.footer_zx a {
    color: #fff !important;
    display: block;
    width: 50%;
    height: 100%;
    float: left;
    text-align: center;
    background-color: #1e2830;
}

.footer_zx a:last-of-type {
    background: #c00505;
}

.footer_zx i {
    font-size: 28px;
    padding: 2% 0 1%;
    font-weight: normal;
}

.footer_zx p {
    font-size: 13px;
}

.kb50 {
    height: 60px;
}

@media screen and (max-width:1440px) {}

@media screen and (max-width:1200px) {}

@media screen and (max-width:991px) {}

@media screen and (max-width:768px) {
    .footer_zx i {
        padding: 2% 0 1%;
    }
}




/*首页*/
.tit_in .tit {
    line-height: 40px;
}

.tit_in .tit p {
    color: #c00505;
    font-size: 38px;
    font-weight: bold;
    position: relative;
}

.tit_in .tit p:before {
    position: absolute;
    left: -60px;
    top: 20%;
    content: '';
    width: 50px;
    height: 13px;
    background: url("../images/tit_line.png") no-repeat left center;
}

.tit_in .tit span {
    color: #999999;
    font-size: 16px;
    text-transform: uppercase;
}

.tit_in .nr {
    color: #666666;
    font-size: 16px;
    padding-top: 3%;
}

@media screen and (max-width:1600px) {
    .tit_in .tit {
        line-height: 30px;
    }

    .tit_in .tit p {
        font-size: 32px;
    }

    .tit_in .tit span {
        font-size: 14px;
    }

    .tit_in .nr {
        font-size: 14px;
    }
}

@media screen and (max-width:1440px) {
    .tit_in .tit {
        line-height: 30px;
    }

    .tit_in .tit p {
        font-size: 30px;
    }

    .tit_in .tit span {
        font-size: 12px;
    }

    .tit_in .nr {
        font-size: 14px;
        line-height: 25px;
        padding-top: 0;
    }
}

@media screen and (max-width:1200px) {}

.cpzx {
    margin: 3% 0 0;
}

.cpzx .swiper-slide {
    background-position: center;
    position: relative;
    overflow: hidden;
}

.cpzx .gallery-top {
    overflow: hidden;
    height: auto;
    position: relative;
}

.cpzx .gallery-top .swiper-slide ul li {
    margin-bottom: 5%;
    border: 1px solid #e8e8e8;
    text-align: center;
    position: relative;
    overflow: hidden;
    transition: 0.3s;
}

.cpzx .gallery-top .swiper-slide ul li .pic {
    width: 100%;
    height: 0;
    padding-bottom: 70%;
    position: relative;
    overflow: hidden;
}

.cpzx .gallery-top .swiper-slide ul li .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    left: 0;
    position: absolute;
    text-align: center;
    transition: 0.5s;
}

.cpzx .gallery-top .swiper-slide ul li p {
    height: 78px;
    line-height: 78px;
    background: #f9f9f9;
    color: #333333;
    font-size: 18px;
    /* font-weight: bold; */
}

.cpzx .gallery-top .swiper-slide ul li .content {
    position: absolute;
    left: 0;
    top: 110%;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: rgba(192, 5, 5, 0.8);
    color: #fff;
    padding: 20% 0 0;
    transition: 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.cpzx .gallery-top .swiper-slide ul li .content h3 {
    font-size: 20px;
    font-weight: bold !important;
}

.cpzx .gallery-top .swiper-slide ul li .content .nr {
    font-size: 16px;
    margin: 5% 8%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.cpzx .gallery-top .swiper-slide ul li .content i {
    font-size: 30px;
}

.cpzx .gallery-top .swiper-slide ul li:hover .pic img {
    transform: scale(1.05);
}

.cpzx .gallery-top .swiper-slide ul li:hover .content {
    top: 0;
}

.cpzx .gallery-thumbs {
    height: auto;
    text-align: left;
}

.cpzx .gallery-thumbs .swiper-wrapper {
    width: auto;
}

.cpzx .gallery-thumbs .swiper-slide {
    cursor: pointer;
    border-bottom: 1px dashed #f0f0f0;
    color: #333333;
    height: auto;
    transition: 0.1s;
    padding-top: 6%;
}

.cpzx .gallery-thumbs .swiper-slide i {
    float: left;
    margin-right: 20px;
    color: #e6e6e6;
}

.cpzx .gallery-thumbs .swiper-slide-thumb-active,
.cpzx .gallery-thumbs .swiper-slide-thumb-active i {
    color: #c00505;
}


.more_in {
    height: 55px;
    background: #c00505;
    color: #fff;
    text-align: center;
    line-height: 55px;
    font-size: 16px;
    margin-top: 10%;
    transition: 0.3s;
}

.more_in i {
    display: inline-block;
    font-size: 26px;
    margin-right: 10px;
}

.more_in:hover {
    background: #004293;
}

@media screen and (max-width:1600px) {}

@media screen and (max-width:1440px) {
    .more_in {
        height: 45px;
        line-height: 45px;
    }

    .cpzx .gallery-thumbs .swiper-slide {
        padding-top: 3%;
    }
}

@media screen and (max-width:1200px) {
    .more_in {
        font-size: 14px;
    }

    .cpzx .tit_in .nr {
        display: none;
    }

    .cpzx .gallery-top .swiper-slide ul li .content h3 {
        font-size: 16px;
    }

    .cpzx .gallery-top .swiper-slide ul li .content .nr {
        font-size: 12px;
    }
}

@media screen and (max-width:991px) {
    .cpzx .gallery-thumbs {
        overflow: hidden;
        margin: 0 15px 3%;
        padding: 0;
    }

    .cpzx .gallery-thumbs .swiper-slide {
        border: none;
    }

    .cpzx .tit_in,
    .cpzx .more_in {
        display: none !important;
    }

    .cpzx .gallery-top {
        padding: 0;
        margin: 0;
    }
}

@media screen and (max-width:768px) {}



#cpys {
    position: relative;
}

#cpys .swiper {
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}

#cpys .mySwiper2 {
    height: auto;
    width: 100%;
}

#cpys .mySwiper2 .swiper-slide {
    position: relative;
}

#cpys .mySwiper2 .swiper-slide .pic {
    width: 100%;
    height: 0;
    padding-bottom: 40%;
    position: relative;
    overflow: hidden;
}

#cpys .mySwiper2 .swiper-slide .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    left: 0;
    position: absolute;
    text-align: center;
}

#cpys .mySwiper2 .swiper-slide .font {
    position: absolute;
    left: 0;
    top: 0;
    color: #fff;
    z-index: 1;
    width: 100%;
}

#cpys .mySwiper2 .swiper-slide .font .container {
    padding-top: 8%;
    position: relative;
}

#cpys .mySwiper2 .swiper-slide .font .container .ys_bt {
    position: absolute;
    right: 0;
    top: 20%;
    text-align: right;
}

#cpys .mySwiper2 .swiper-slide .font .container .ys_bt p {
    font-size: 30px;
    font-weight: bold;
}

#cpys .mySwiper2 .swiper-slide .font .container .ys_bt span {
    text-transform: uppercase;
}

#cpys .mySwiper2 .swiper-slide .font .container .font_pic {
    position: relative;
}

#cpys .mySwiper2 .swiper-slide .font .container .font_pic span {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    text-transform: uppercase;
    writing-mode: vertical-lr;
}

#cpys .mySwiper2 .swiper-slide .font .container .font_pic:before {
    position: absolute;
    right: -30px;
    top: -20px;
    content: '';
    width: 20px;
    height: 20px;
    border: 2px solid #fff;
    border-radius: 100%;
}

#cpys .mySwiper2 .swiper-slide .font .container .tit {
    line-height: 50px;
}

#cpys .mySwiper2 .swiper-slide .font .container .tit p {
    font-size: 48px;
    font-weight: bold !important;
}

#cpys .mySwiper2 .swiper-slide .font .container .tit span {
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

#cpys .mySwiper2 .swiper-slide .font .container .content {
    font-size: 16px;
    width: 60%;
    padding-top: 3%;
}

#cpys .cpys_hover {
    position: absolute;
    right: 0;
    bottom: 25%;
    z-index: 1;
    width: 15%;
}

#cpys .mySwiper {
    box-sizing: border-box;
    overflow: inherit;
    position: relative;
}

#cpys .mySwiper .swiper-slide {
    color: #fff;
    padding: 4% 0;
    font-size: 22px;
    position: relative;
    transition: 0.3s;
    cursor: pointer;
}

#cpys .mySwiper .swiper-slide i {
    position: absolute;
    left: 0;
    top: 20%;
    font-size: 20px;
    margin-right: 10px;
    opacity: 0;
    color: #c00505;
    transition: 0.3s;
}

#cpys .mySwiper .swiper-slide-thumb-active {
    color: #c00505;
}

#cpys .mySwiper .swiper-slide-thumb-active i {
    left: -30px;
    opacity: 1;
}

#cpys .cpys_hover .swiper-button-next:after,
#cpys .cpys_hover .swiper-button-prev:after {
    display: none;
}

#cpys .cpys_hover .swiper-button-next,
#cpys .cpys_hover .swiper-button-prev {
    width: 55px;
    height: 55px;
    top: 150%;
    border: 1px solid #fff;
    border-radius: 100%;
    transition: 0.3s;
}

#cpys .cpys_hover .swiper-button-next i,
#cpys .cpys_hover .swiper-button-prev i {
    color: #fff;
    font-size: 20px;
}

#cpys .cpys_hover .swiper-button-next {
    right: 50%;
    background: #c00505;
    border: 1px solid #c00505;
}

#cpys .cpys_hover .swiper-button-next:hover,
#cpys .cpys_hover .swiper-button-prev:hover {
    background: #c00505;
    border: 1px solid #c00505;
}

@media screen and (max-width:1700px) {
    #cpys .mySwiper2 .swiper-slide .pic {
        padding-bottom: 48%;
    }

    #cpys .cpys_hover .swiper-button-prev {
        left: 0;
    }
}

@media screen and (max-width:1600px) {

    #cpys .cpys_hover .swiper-button-next,
    #cpys .cpys_hover .swiper-button-prev {
        width: 45px;
        height: 45px;
        line-height: 45px;
    }
}

@media screen and (max-width:1440px) {
    #cpys .mySwiper2 .swiper-slide .pic {
        padding-bottom: 58%;
    }
}

@media screen and (max-width:1200px) {

    #cpys .cpys_hover .swiper-button-next,
    #cpys .cpys_hover .swiper-button-prev {
        display: none;
    }

    #cpys .mySwiper2 .swiper-slide .pic {
        padding-bottom: 60%;
    }

    #cpys .mySwiper2 .swiper-slide .font .container .content {
        width: 70%;
    }

    #cpys .mySwiper .swiper-slide {
        font-size: 18px;
    }

    #cpys .cpys_hover {
        bottom: 10%;
    }
}

@media screen and (max-width:991px) {
    #cpys .mySwiper {
        overflow: hidden;
    }

    #cpys .mySwiper .swiper-slide i {
        position: relative;
        display: inline-block;
    }

    #cpys .mySwiper .swiper-slide-thumb-active i {
        left: 0;
    }

    #cpys .mySwiper2 .swiper-slide .font .container .ys_bt {
        display: none;
    }

    #cpys .cpys_hover {
        position: absolute;
        left: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.5);
        width: 100%;
    }

    .font_pic img {
        max-width: 75%;
    }

    #cpys .mySwiper2 .swiper-slide .font .container .font_pic span {
        font-size: 20px;
    }

    #cpys .mySwiper2 .swiper-slide .font .container .font_pic:before {
        right: 0;
        top: 0;
    }

    #cpys .mySwiper2 .swiper-slide .font .container .tit p {
        font-size: 32px;
    }

    #cpys .mySwiper2 .swiper-slide .font .container .tit span {
        font-size: 14px;
    }

    #cpys .mySwiper2 .swiper-slide .font .container .tit {
        line-height: 35px;
    }

    #cpys .mySwiper2 .swiper-slide .font .container .content {
        width: 100%;
    }
}

@media screen and (max-width:768px) {
    .font_pic {
        width: 23%;
    }

    #cpys .mySwiper2 .swiper-slide .font .container .font_pic span {
        font-weight: normal;
        font-size: 12px;
    }

    #cpys .mySwiper2 .swiper-slide .font .container .tit p {
        font-size: 26px;
    }

    #cpys .mySwiper2 .swiper-slide .font .container .tit span {
        font-size: 12px;
    }

    #cpys .mySwiper2 .swiper-slide .font .container .content {
        font-size: 14px;
    }
}

@media screen and (max-width:650px) {
    #cpys .mySwiper2 .swiper-slide .pic {
        padding-bottom: 80%;
    }

    #cpys .mySwiper2 .swiper-slide .font .container .font_pic {
        display: none;
    }

    #cpys .mySwiper2 .swiper-slide .font .container .tit {
        font-size: 30px;
    }
}

@media screen and (max-width:550px) {
    #cpys .mySwiper2 .swiper-slide .pic {
        padding-bottom: 100%;
    }
}

@media screen and (max-width:450px) {
    #cpys .mySwiper2 .swiper-slide .pic {
        padding-bottom: 120%;
    }
}


#jjfa_bj {
    background: url("../images/fa_bj.jpg") no-repeat center fixed;
}

#anli {
    position: relative;
    background: #fff;
    margin-top: 3%;
}

#anli .container {
    position: relative;
    padding: 0;
}

#anli .swiper-container {
    width: 100%;
    height: auto;
}

#anli .swiper-slide {
    background-size: cover;
    background-position: center;
    position: relative;
    overflow: hidden;
}

#anli .gallery-top {
    height: auto;
    width: 100%;
    padding: 0;
    overflow: hidden;
}

#anli .gallery-top .swiper-slide {
    margin: 0 !important;
}

#anli .gallery-top .swiper-slide .pic {
    height: 0;
    padding-bottom: 35%;
    position: relative;
    transition: 0.3s;
    overflow: hidden;
}

#anli .gallery-top .swiper-slide .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    left: 0;
    position: absolute;
    transition: 0.3s;
}

#anli .gallery-top .swiper-slide .font {
    padding: 5%;
    background: url("../images/fa_xing.png") no-repeat right 85%;
}

#anli .gallery-top .swiper-slide .font .tit {
    color: #333333;
    font-size: 30px;
    transition: 0.3s;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 50px;
    position: relative;
}

#anli .gallery-top .swiper-slide .font .tit:before {
    position: absolute;
    left: 0;
    bottom: 0;
    content: '';
    width: 30px;
    height: 3px;
    background: #c00505;
}

#anli .gallery-top .swiper-slide .font .content {
    margin: 2% 0;
    font-size: 16px;
    color: #999999;
    line-height: 35px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

#anli .gallery-top .swiper-slide .font .more {
    padding-top: 10%;
    line-height: 35px;
}

#anli .gallery-top .swiper-slide .font .more i {
    color: #c00505;
    margin-right: 10px;
}

#anli .gallery-top .swiper-slide .font .more p {
    color: #c00505;
    font-size: 22px;
}

#anli .gallery-top .swiper-slide .font .more span {
    color: #999999;
    font-size: 16px;
}

#anli .gallery-thumbs {
    height: auto;
    text-align: center;
    width: 70%;
    padding: 0;
    z-index: 10;
    box-sizing: border-box;
    position: absolute;
    right: 0;
    top: -33%;
}

#anli .gallery-thumbs .swiper-slide {
    padding-top: 10px;
    font-size: 16px;
    cursor: pointer;
    text-align: center;
    color: #333333;
    line-height: 50px;
    position: relative;
    transition: 0.3s;
}

#anli .gallery-thumbs .swiper-slide .pic {
    margin: 0 auto;
    transition: 0.3s;
}

#anli .gallery-thumbs .swiper-slide .pic i {
    color: #c40000;
    font-size: 55px;
    height: 55px;
    line-height: 55px;
}

#anli .gallery-thumbs .swiper-slide-thumb-active .pic i {
    color: #ff4e00;
}

#anli .swiper-button-next,
#anli .swiper-button-prev {
    background: none;
    border: 1px solid #d6d6d6;
    width: 55px;
    height: 55px;
    line-height: 55px;
    bottom: 15%;
    top: auto;
}

#anli .swiper-button-next:after,
#anli .swiper-button-prev:after {
    display: none;
}

#anli .swiper-button-next i,
#anli .swiper-button-prev i {
    font-size: 20px;
    transition: 0.3s;
    color: #d6d6d6;
}

#anli .swiper-button-next {
    right: 29%;
    opacity: 1;
    background: #c00505;
    border: 1px solid #c00505;
}

#anli .swiper-button-prev {
    right: 33%;
    left: auto;
    opacity: 1;
}

#anli .swiper-button-next:hover,
#anli .swiper-button-prev:hover {
    background: #c00505;
    border: 1px solid #c00505;
}

#anli .swiper-button-next:hover i,
#anli .swiper-button-prev:hover i {
    color: #fff;
}

@media screen and (max-width:1700px) {}

@media screen and (max-width:1600px) {
    #anli .swiper-button-next {
        right: 27%;
    }

    #anli .swiper-button-next,
    #anli .swiper-button-prev {
        bottom: 5%;
    }
}

@media screen and (max-width:1400px) {
    #anli .gallery-top .swiper-slide .font .content {
        font-size: 12px;
        line-height: 30px;
        margin: 5% 0;
    }

    #anli .gallery-thumbs .swiper-slide {
        font-size: 14px;
    }

    #anli .gallery-thumbs {
        top: -35%;
    }

    #anli .gallery-top .swiper-slide .font .more {
        padding-top: 3%;
    }

    #anli .swiper-button-prev {
        right: 32%;
    }

    #anli .gallery-top .swiper-slide .font {
        padding: 3%;
    }

    #anli .gallery-top .swiper-slide .font .tit {
        font-size: 22px;
        height: 40px;
    }
}

@media screen and (max-width:1200px) {
    #anli .gallery-thumbs {
        top: -40%;
        overflow: hidden;
    }

    #anli .gallery-top .swiper-slide .font .more p {
        font-size: 18px;
    }

    #anli .gallery-top .swiper-slide .font .more span {
        font-size: 12px;
    }

    #anli .gallery-top .swiper-slide .font .more {
        line-height: 25px;
    }

    #anli .gallery-top .swiper-slide .font .content {
        min-height: 80px;
        line-height: 25px;
    }
}

@media screen and (max-width:991px) {
    #anli .gallery-thumbs {
        width: 100%;
        position: relative;
    }

    #anli .gallery-thumbs .swiper-slide-thumb-active .pic {
        filter: none;
    }

    #anli .gallery-top .swiper-slide .font {
        padding: 3%;
    }

    #anli .gallery-top .swiper-slide .font .content {
        min-height: auto;
    }

    #anli .gallery-top .swiper-slide .font .more {
        font-size: 12px;
        padding-top: 5px;
    }

    #anli .gallery-top .swiper-slide li {
        margin-bottom: 3%;
    }

    #anli .gallery-top .swiper-slide .pic {
        padding-bottom: 50%;
    }
}

@media screen and (max-width:768px) {
    #anli .gallery-thumbs {
        position: relative;
        width: 100%;
    }

    #anli:before {
        width: 20%;
    }
}

@media screen and (max-width:450px) {
    #anli:before {
        width: 10%;
    }
}


#liucheng {
    background: url("../images/lc_bj.jpg") no-repeat center fixed;
}

#liucheng .tit {
    text-align: center;
    color: #fff;
}

#liucheng .tit h3 {
    font-size: 46px;
}

#liucheng .tit h3 span {
    color: #c00505;
    font-weight: bold !important;
}

#liucheng .tit p {
    font-size: 16px;
    padding: 2% 20%;
}

#liucheng ul li {
    float: left;
    width: 25%;
    text-align: center;
    color: #fff;
    padding: 3% 0;
    position: relative;
    cursor: pointer;
}

#liucheng ul li:before {
    position: absolute;
    left: 50%;
    top: 50%;
    content: '';
    width: 0;
    height: 0;
    background: rgba(192, 5, 5, 0.5);
    border-radius: 10px;
    transition: 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
}

#liucheng ul li i {
    color: #c00505;
    font-size: 50px;
    height: 50px;
    line-height: 50px;
    transition: 0.3s;
    position: relative;
}

#liucheng ul li p {
    font-size: 24px;
    font-weight: bold !important;
    padding: 3% 0 2%;
    position: relative;
}

#liucheng ul li span {
    font-size: 16px;
    position: relative;
}

#liucheng ul li:hover:before {
    left: 15%;
    top: 0;
    height: 100%;
    width: 70%;
}

#liucheng ul li:hover i {
    color: #fff;
}

@media screen and (max-width:1440px) {
    #liucheng .tit h3 {
        font-size: 36px;
    }

    #liucheng .tit p {
        padding: 2% 10%;
    }

    #liucheng ul li p {
        font-size: 20px;
    }

    #liucheng ul li span {
        font-size: 14px;
    }
}

@media screen and (max-width:1200px) {
    #liucheng .tit h3 {
        font-size: 30px;
    }

    #liucheng .tit p {
        font-size: 14px;
        padding: 3% 0 0;
    }

    #liucheng ul li p {
        font-size: 16px;
    }

    #liucheng ul li:hover:before {
        left: 0;
        width: 100%;
    }
}

@media screen and (max-width:991px) {
    #liucheng ul li {
        width: 22%;
        margin: 0 1.5%;
    }

    #liucheng ul li span {
        display: block;
        min-height: 40px;
        line-height: 20px;
        font-size: 12px;
    }
}

@media screen and (max-width:768px) {
    #liucheng .tit h3 {
        font-size: 22px;
    }

    #liucheng .tit p {
        font-size: 12px;
    }

    #liucheng ul li p {
        font-size: 14px;
    }

    #liucheng ul li {
        width: 30%;
        margin: 0 1.5%;
    }
}



#jjbj {
    background: url("../images/jj_bj.jpg") no-repeat center top;
}

.jj_left ul {
    padding: 5% 0 !important;
}

.jj_left ul li {
    cursor: pointer;
    font-size: 16px;
    border-bottom: 1px dashed #e0e0e0;
    color: #333333;
    transition: 0.3s;
    height: 60px;
    line-height: 60px;
}

.jj_left ul li i {
    float: left;
    margin-right: 20px;
    color: #c00505;
}

.jj_left ul li:hover,
.jj_left ul li:hover i {
    color: #c00505;
}

.jj_font {
    padding-left: 5%;
}

.jj_font .jjlb dd {
    width: 30%;
    position: relative;
    line-height: 20px;
}

.jj_font .jjlb dd:before {
    position: absolute;
    right: 33%;
    top: 25%;
    width: 1px;
    height: 50%;
    content: '';
    background: #ccc;
}

.jj_font .jjlb dd p {
    color: #333333;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
}

.jj_font .jjlb dd h2 {
    display: inline-block;
    color: #c00505;
    font-size: 48px;
    font-weight: bold !important;
    position: relative;
}

.jj_font .jjlb dd h2 i {
    position: absolute;
    right: -20px;
    bottom: 10px;
    font-size: 16px;
}

.jj_font .jjlb dd span {
    display: block;
    clear: both !important;
    font-size: 16px;
}

.jj_font .jjlb dd:last-of-type:before {
    display: none;
}

.jj_font .content {
    color: #333333;
    font-size: 16px;
    margin: 5% 0;
    line-height: 35px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.jj_font .jjicon dd {
    width: 20%;
    text-align: center;
    font-size: 16px;
}

@media screen and (max-width:1600px) {
    .jj_font .jjicon dd {
        width: 25%;
    }

    .jj_font .jjlb dd h2 {
        font-size: 42px;
    }

    .jj_font .jjlb dd p {
        font-size: 16px;
    }
}

@media screen and (max-width:1440px) {

    .jj_font .jjicon dd,
    .jj_left ul li {
        font-size: 14px;
    }

    .jj_font .jjlb dd h2 {
        font-size: 38px;
    }
}

@media screen and (max-width:1200px) {
    .jj_font .jjicon dd {
        font-size: 12px;
    }

    .jj_font .content {
        font-size: 14px;
    }

    .jj_left ul li {
        height: 50px;
        line-height: 50px;
    }
}

@media screen and (max-width:991px) {
    .jj_left ul {
        padding: 0 !important;
    }

    .jj_left ul li {
        float: left;
        width: 20%;
        border: none;
    }

    .jj_font .jjlb dd {
        width: 33%;
    }

    .jj_font .jjlb dd:before {
        display: none;
    }

    .more_in {
        display: none !important;
    }

    .jj_font {
        margin-top: 3%;
    }

    .jj_font .content {
        margin-top: 0;
    }

    .jj_font .jjlb dd h2 {
        font-size: 30px;
    }

    .jj_font .jjlb dd p,
    .jj_font .jjlb dd span {
        font-size: 14px;
    }

    .jj_font .jjicon dd {
        width: 50%;
        float: left;
    }
}

@media screen and (max-width:768px) {
    .jj_left ul li {
        width: 33%;
    }

    .jj_font .jjlb dd h2 {
        font-size: 26px;
    }

    .jj_font .jjlb dd p,
    .jj_font .jjlb dd span,
    .jj_font .jjlb dd h2 i {
        font-size: 12px;
    }
}


#cqsl {
    margin: 3% auto 0;
    overflow: hidden;
    position: relative;
}

#cqsl .swiper-container {
    width: 100%;
    height: 100%;
    padding: 0 1%;
    overflow: hidden;
}

#cqsl .swiper-slide {
    text-align: left;
    transition: 0.3s;
    border: 1px solid #efefef;
    position: relative;
    overflow: hidden;

    /* Center slide text vertically */
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

#cqsl .swiper-slide .pic {
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 65%;
    position: relative;
    text-align: center;
}

#cqsl .swiper-slide .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    left: 0;
    position: absolute;
    text-align: center;
    transition: 0.3s;
}

#cqsl .swiper-slide .nr {
    position: absolute;
    left: 50%;
    top: 50%;
    text-align: center;
    padding-top: 20%;
    width: 0;
    height: 0;
    z-index: 1;
    background: rgba(192, 5, 5, 0.8);
    color: #fff;
    transition: 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
    overflow: hidden;
    opacity: 0;
}

#cqsl .swiper-slide .nr i {
    font-size: 40px;
    margin-bottom: 10px;
}

#cqsl .swiper-slide:hover .nr {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
}

@media screen and (max-width:1440px) {}

@media screen and (max-width:1200px) {}

@media screen and (max-width:768px) {}

@media screen and (max-width:765px) {}


.xinwen {
    margin: 3% 0 0;
}

.xinwen .swiper-slide {
    background-position: center;
    position: relative;
    overflow: hidden;
}

.xinwen .gallery-top {
    overflow: hidden;
    height: auto;
    position: relative;
}

.xinwen .gallery-top .swiper-slide ul {
    padding: 15px 0 !important;
}

.xinwen .gallery-top .swiper-slide ul li {
    margin-bottom: 5%;
    border: 1px solid #e8e8e8;
    position: relative;
    overflow: hidden;
    transition: 0.3s;
}

.xinwen .gallery-top .swiper-slide ul li .pic {
    width: 100%;
    height: 0;
    padding-bottom: 70%;
    position: relative;
    overflow: hidden;
}

.xinwen .gallery-top .swiper-slide ul li .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    left: 0;
    position: absolute;
    text-align: center;
    transition: 0.5s;
}

.xinwen .gallery-top .swiper-slide ul li .content {
    padding: 5%;
    border-top: 1px solid #e7e7e7;
    transition: 0.3s;
}

.xinwen .gallery-top .swiper-slide ul li .content h3 {
    font-size: 18px;
    color: #333333;
    position: relative;
    height: 30px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.xinwen .gallery-top .swiper-slide ul li .content h3:before {
    position: absolute;
    left: 0;
    bottom: 0;
    content: '';
    width: 10%;
    height: 2px;
    background: #c40000;
    transition: 0.3s;
}

.xinwen .gallery-top .swiper-slide ul li .content .nr {
    color: #999999;
    margin-top: 3%;
    font-size: 14px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.xinwen .gallery-top .swiper-slide ul li:hover {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}

.xinwen .gallery-top .swiper-slide ul li:hover .pic img {
    transform: scale(1.05);
}

.xinwen .gallery-top .swiper-slide ul li:hover .content {
    background: #c40000;
    border-top: 1px solid #c40000;
}

.xinwen .gallery-top .swiper-slide ul li:hover .content h3 {
    color: #fff;
}

.xinwen .gallery-top .swiper-slide ul li:hover .content h3:before {
    background: rgba(255, 255, 255, 0.7);
    width: 100%;
}

.xinwen .gallery-top .swiper-slide ul li:hover .content .nr {
    color: rgba(255, 255, 255, 0.6);
}

.xinwen .gallery-thumbs {
    height: auto;
    text-align: left;
}

.xinwen .gallery-thumbs .swiper-wrapper {
    width: auto;
}

.xinwen .gallery-thumbs .swiper-slide {
    cursor: pointer;
    border-bottom: 1px dashed #f0f0f0;
    color: #333333;
    height: auto;
    transition: 0.3s;
    padding-top: 6%;
}

.xinwen .gallery-thumbs .swiper-slide i {
    float: left;
    margin-right: 20px;
    color: #e6e6e6;
}

.xinwen .gallery-thumbs .swiper-slide-thumb-active,
.xinwen .gallery-thumbs .swiper-slide-thumb-active i {
    color: #c00505;
}

@media screen and (max-width:1600px) {}

@media screen and (max-width:1440px) {
    .xinwen .gallery-top .swiper-slide ul li .content h3 {
        font-size: 16px;
    }

    .xinwen .gallery-top .swiper-slide ul li .content .nr {
        font-size: 14px;
    }
}

@media screen and (max-width:1200px) {}

@media screen and (max-width:991px) {
    .xinwen .tit_in {
        display: none;
    }

    .xinwen .gallery-thumbs .swiper-slide {
        padding: 0 0 3%;
    }

    .xinwen .gallery-top .swiper-slide ul li .content h3 {
        font-size: 14px;
    }

    .xinwen .gallery-top .swiper-slide ul li .content .nr {
        font-size: 12px;
        line-height: 25px;
    }
}

@media screen and (max-width:768px) {}


/*公司简介*/
#zy_jjbj {
    background: url("../images/jjbj.jpg") no-repeat left top;
}

#gsjj {
    width: 60%;
    float: right;
    position: relative;
    padding: 5% 5% 12%;
}

#gsjj:before {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    background: rgba(255, 255, 255, 0.9);
    width: 120%;
    height: 100%;
}

#gsjj .content,
#gsjj ul {
    position: relative;
}

#gsjj ul {
    margin-bottom: 2% !important;
}

#gsjj ul li {
    color: #333333;
    font-size: 16px;
    padding-right: 8%;
    transition: 0.3s;
    position: relative;
}

#gsjj ul li:before {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    width: 0;
    height: 100%;
    background: #c00505;
    transition: 0.3s;
}

#gsjj ul li a {
    display: block;
    position: relative;
    width: 100%;
    transition: 0.3s;
}

#gsjj ul li:hover:before {
    width: 80%;
}

#gsjj ul li:hover a {
    color: #fff;
}

.tit_jj {
    padding: 3% 0;
    position: relative;
    background: url("../images/jj_pic2.png") no-repeat right center;
}

.tit_jj h2 {
    color: #333333;
    font-size: 42px;
    display: inline-block;
    font-weight: bold !important;
    padding: 2% 0 2%;
    position: relative;
}

.tit_jj h2 span {
    color: #c00505;
}

.tit_jj h2:before {
    position: absolute;
    right: -20px;
    top: 10px;
    content: '';
    width: 15px;
    height: 15px;
    border: 2px solid #c00505;
    border-radius: 100%;
}

.tit_jj p {
    font-size: 22px;
    color: #666666;
    position: relative;
    height: 45px;
}

.tit_jj p:before {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 5%;
    content: '';
    height: 4px;
    background: #c00505;
}

#gsjj .content {
    margin-top: 3% !important;
    color: #666666;
    font-size: 16px;
    padding: 0 3% 0 0;
    line-height: 35px;
    height: 385px;
    overflow-y: scroll;
}

#gsjj .content::-webkit-scrollbar {
    width: 3px;
    height: 6px;
}

#gsjj .content::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px transparent;
    background: #e8e8e8;
}

#gsjj .content::-webkit-scrollbar-thumb {
    background: #c3002f;
}


.zy_jjlb {
    background: rgba(255, 255, 255, 0.95);
    padding: 5% 0 !important;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -15%;
    z-index: 1;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}

.zy_jjlb li {
    text-align: center;
}

.zy_jjlb h2 {
    font-size: 48px;
    color: #c00505;
    font-weight: bold !important;
    font-family: Impact;
    letter-spacing: 1px;
    padding-bottom: 10px;
}

.zy_jjlb p {
    color: #333333;
    font-size: 24px;
}

.zy_jjlb span {
    color: #999999;
    font-size: 16px;
    text-transform: uppercase;
}

.qyfm {
    padding-top: 12%;
}

.tit_zy h2 {
    color: #333333;
    font-size: 42px;
}

.tit_zy h2 span {
    font-weight: bold;
    color: #c00505;
}

.tit_zy p {
    font-size: 16px;
    color: #999999;
    padding-top: 10px;
}

@media screen and (max-width:1440px) {
    .tit_jj {
        line-height: 25px;
    }

    .tit_jj h2 {
        font-size: 34px;
        padding: 2% 0 0;
    }

    .tit_jj p {
        font-size: 16px;
    }

    #gsjj .content {
        font-size: 14px;
        line-height: 30px;
    }

    .zy_jjlb h2 {
        font-size: 40px;
    }

    .zy_jjlb p {
        font-size: 20px;
    }

    .zy_jjlb span {
        font-size: 14px;
    }

    .tit_zy h2 {
        font-size: 36px;
    }
}

@media screen and (max-width:1200px) {
    #gsjj .content {
        height: 278px;
    }

    .zy_jjlb h2 {
        font-size: 36px;
    }

    .zy_jjlb p {
        font-size: 16px;
        height: 30px;
        line-height: 30px;
    }

    .zy_jjlb span {
        font-size: 12px;
    }

    .zy_jjlb h2 {
        padding: 0;
    }

    #gsjj ul li {
        padding-right: 5%;
        font-size: 15px;
    }

    .tit_zy h2 {
        font-size: 32px;
    }

    .tit_zy p {
        font-size: 14px;
        padding-top: 0;
    }
}

@media screen and (max-width:991px) {
    .zy_jjlb li {
        float: left;
        width: 33%;
        line-height: 12px;
        margin-bottom: 3%;
    }

    #gsjj {
        width: 100%;
    }

    #gsjj:before {
        width: 100%;
    }

    .zy_jjlb {
        position: relative;
        margin: 3% 0 0 !important;
        padding: 5% 0 0 !important;
    }

    .tit_jj h2,
    .tit_zy h2 {
        font-size: 26px;
    }

    .tit_jj p,
    .tit_zy p {
        font-size: 12px;
        line-height: 25px !important;
    }
}

@media screen and (max-width:768px) {
    .zy_jjlb span {
        display: block;
        min-height: 40px;
    }

    .zy_jjlb h2 {
        font-size: 30px;
    }

    #gsjj ul li {
        font-size: 13px;
    }
}



#fengmao {
    margin: 3% 0 0;
    overflow: hidden;
}

#fengmao .swiper-container {
    width: 100%;
    height: 100%;
    padding: 0;
    position: relative;
}

#fengmao .swiper-slide {
    text-align: left;
    transition: 0.3s;
    position: relative;

    /* Center slide text vertically */
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

#fengmao .swiper-slide .pic {
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 75%;
    position: relative;
    overflow: hidden;
}

#fengmao .swiper-slide .pic .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    left: 0;
    position: absolute;
    transition: 0.3s;
}

#fengmao .swiper-slide .font {
    width: 100%;
    text-align: center;
    background: #f9f9f9;
    transition: 0.5s all;
    color: #333;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    border: 1px solid #e8e8e8;
}

#fengmao .swiper-slide:hover .pic .img img {
    transform: scale(1.1);
}

#fengmao .swiper-slide:hover .font {
    background: #c00505;
    border: 1px solid #c00505;
    color: #fff;
}

#fengmao .swiper-button-next:after,
#fengmao .swiper-button-prev:after {
    display: none;
}

#fengmao .control-bar .prev_next {
    right: 0;
    opacity: 1;
    z-index: 8;
}

#fengmao .control-bar .prev_next.prev {
    left: 0;
    opacity: 1;
    z-index: 8;
}

#fengmao .control-bar .w-btn {
    border-radius: 0;
    width: 35px;
    height: 35px;
    margin: 2px;
    text-align: center;
    line-height: 35px;
    background-color: #8a8a8a;
    position: relative;
    color: #eeeeee;
    cursor: pointer;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

#fengmao .control-bar .w-btn:hover {
    background-color: #be0505;
    color: #ffffff;
}

#fengmao .control-bar .prev_next i {
    display: block;
    width: 0;
    position: relative;
    height: 1px;
    background-color: CurrentColor;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

#fengmao .control-bar .prev_next i::before,
#fengmao .control-bar .prev_next i::after {
    content: '';
    display: block;
    width: 10px;
    height: 1px;
    background-color: CurrentColor;
    position: absolute;
    margin: auto;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

#fengmao .control-bar .prev_next i::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

#fengmao .control-bar .prev_next i::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#fengmao .control-bar .prev_next.next i {
    margin-left: 10px;
}

#fengmao .control-bar .prev_next.next i::before,
#fengmao .control-bar .prev_next.next i::after {
    right: 0;
    transform-origin: right;
}

#fengmao .control-bar .prev_next.prev i {
    margin-right: 10px;
}

#fengmao .control-bar .prev_next.prev i::before,
#fengmao .control-bar .prev_next.prev i::after {
    left: 0;
    transform-origin: left;
}

#fengmao .control-bar .prev_next:hover i {
    width: 20px;
    margin: 0;
}

#fengmao .control-bar .prev_next:hover i::before,
#fengmao .control-bar .prev_next:hover i::after {
    width: 8px;
}

#fengmao .control-bar .more i {
    width: 15px;
    height: 1px;
    background-color: CurrentColor;
    position: relative;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

#fengmao .control-bar .more i::before,
#fengmao .control-bar .more i::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-color: CurrentColor;
    position: absolute;
    margin: auto;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

#fengmao .control-bar .more i::before {
    top: -6px;
}

#fengmao .control-bar .more i::after {
    bottom: -6px;
}

#fengmao .control-bar .more:hover i {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    width: 2px;
    height: 2px;
}

@media screen and (max-width:1200px) {
    #fengmao .swiper-slide:before {
        display: none;
    }

    #fengmao .swiper-slide .pic .font p {
        font-size: 14px;
    }
}

@media screen and (max-width:991px) {
    #fengmao .swiper-container {
        padding: 0;
    }

    #fengmao .swiper-slide .pic .font p {
        height: 45px;
        line-height: 45px;
    }
}

@media screen and (max-width:765px) {}



#ldzc {
    background: #fbfcff;
}

#ldzc .pic img {
    position: relative;
    margin-left: -30%;
    padding: 0;
}

#ldzc .content {
    position: relative;
    padding: 3% 5%;
}

#ldzc .content:before {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    width: 120%;
    height: 100%;
    background: #fbfcff;
}

#ldzc .tit_jj {
    background: url("../images/ldzc_pic.png") no-repeat right center;
}

#ldzc .font {
    position: relative;
    color: #666666;
    font-size: 16px;
    padding-top: 3%;
    line-height: 35px;
}

@media screen and (max-width:1200px) {
    #ldzc .font {
        font-size: 14px;
        line-height: 30px;
    }

    #ldzc .tit_jj {
        background-size: 35%;
    }
}

@media screen and (max-width:991px) {
    #ldzc .pic img {
        margin-left: 0;
        width: 100%;
    }
}

#qywh_bj {
    background: url("../images/wh_bj.jpg") no-repeat center bottom fixed;
}

#qfwfw {
    margin: 3% 0 0;
    background: rgba(255, 255, 255, 0.95);
    padding: 2%;
    position: relative;
}

#qfwfw .swiper-slide {
    background-position: center;
    position: relative;
}

#qfwfw .gallery-top {
    height: auto;
    padding: 0;
    color: #666666;
    overflow: hidden;
}

#qfwfw .gallery-top .swiper-slide {
    padding: 3% 5% 0;
    line-height: 35px;
    font-size: 15px;
}

#qfwfw .gallery-top .swiper-slide .tit {
    color: #333333;
    font-size: 24px;
    font-weight: bold;
    position: relative;
    height: 50px;
}

#qfwfw .gallery-top .swiper-slide .tit:before {
    position: absolute;
    left: 0;
    bottom: 0;
    content: '';
    width: 5%;
    height: 4px;
    background: #c00505;
}

#qfwfw .gallery-top .swiper-slide .content {
    font-size: 16px;
    padding-top: 3%;
}

#qfwfw .gallery-thumbs {
    height: auto;
    text-align: left;
}

#qfwfw .gallery-thumbs .swiper-wrapper {
    width: auto;
}

#qfwfw .gallery-thumbs .swiper-slide {
    width: 100%;
    cursor: pointer;
    border: 1px solid #e2e4e8;
    border-bottom: none;
    padding: 10% 0 7% 7%;
    line-height: 25px;
    position: relative;
    height: auto;
}

#qfwfw .gallery-thumbs .swiper-slide:last-of-type {
    border-bottom: 1px solid #e2e4e8;
}

#qfwfw .gallery-thumbs .swiper-slide .float-start {
    position: relative;
    width: 75%;
}

#qfwfw .gallery-thumbs .swiper-slide .float-start:before {
    position: absolute;
    right: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 2px solid #c10b0b;
    content: '';
    border-radius: 100%;
    transition: 0.3s;
}

#qfwfw .gallery-thumbs .swiper-slide i {
    color: #c00505;
    font-size: 40px;
    margin-right: 10px;
}

#qfwfw .gallery-thumbs .swiper-slide p {
    color: #333333;
    font-size: 24px
}

#qfwfw .gallery-thumbs .swiper-slide span {
    color: #999999;
    font-size: 12px;
    text-transform: uppercase;
}

#qfwfw .gallery-thumbs .swiper-slide-thumb-active {
    position: relative;
    background: #c00505;
    border: 1px solid #c00505;
}

#qfwfw .gallery-thumbs .swiper-slide-thumb-active p,
#qfwfw .gallery-thumbs .swiper-slide-thumb-active span,
#qfwfw .gallery-thumbs .swiper-slide-thumb-active i {
    color: #fff;
}

#qfwfw .gallery-thumbs .swiper-slide-thumb-active .float-start:before {
    border: 2px solid #fff;
}

#qfwfw .swiper-button-prev:after,
#qfwfw .swiper-button-next:after {
    display: none;
}

#qfwfw .swiper-button-prev,
#qfwfw .swiper-button-next {
    width: 60px;
    height: 60px;
    border: 1px solid #cfcfcf;
    border-radius: 100%;
    transition: 0.3s;
}

#qfwfw .swiper-button-prev i,
#qfwfw .swiper-button-next i {
    color: #cfcfcf;
    font-size: 30px;
}

#qfwfw .swiper-button-prev {
    right: auto;
    left: 5%;
    top: auto;
    bottom: 8%;
}

#qfwfw .swiper-button-next {
    right: auto;
    left: 10%;
    top: auto;
    bottom: 8%;
    background: #c40000;
    border: 1px solid #c40000;
}

#qfwfw .swiper-button-prev:hover,
#qfwfw .swiper-button-next:hover {
    background: #c40000;
    border: 1px solid #c40000;
}

#qfwfw .swiper-button-prev:hover i,
#qfwfw .swiper-button-next:hover i {
    color: #fff;
}

@media screen and (max-width:1440px) {
    #qfwfw .gallery-thumbs .swiper-slide p {
        font-size: 20px;
    }

    #qfwfw .gallery-thumbs .swiper-slide span {
        display: block;
        line-height: 20px;
    }

    #qfwfw .gallery-thumbs .swiper-slide .float-start:before {
        display: none !important;
    }

    #qfwfw .gallery-top .swiper-slide .tit {
        font-size: 20px;
    }

    #qfwfw .gallery-top .swiper-slide .content {
        font-size: 14px;
    }

    #qfwfw .swiper-button-prev,
    #qfwfw .swiper-button-next {
        width: 40px;
        height: 40px;
        line-height: 40px;
    }

    #qfwfw .swiper-button-prev i,
    #qfwfw .swiper-button-next i {
        font-size: 20px;
    }
}

@media screen and (max-width:1200px) {
    #qfwfw .gallery-thumbs .swiper-slide p {
        font-size: 18px;
    }

    #qfwfw .swiper-button-prev,
    #qfwfw .swiper-button-next {
        display: none;
    }
}

@media screen and (max-width:991px) {
    #qfwfw .gallery-thumbs {
        margin-top: 3%;
        overflow: hidden;
    }

    #qfwfw .gallery-thumbs .swiper-wrapper {
        padding-top: 0;
    }

    #qfwfw .gallery-thumbs .swiper-slide {
        padding: 3%;
    }

    #qfwfw .gallery-top .swiper-slide .tit {
        height: auto;
        line-height: 25px;
        padding-bottom: 10px;
    }
}

@media screen and (max-width:768px) {
    #fwfw li {
        font-size: 15px;
    }
}




#zzry {
    margin: 3% 0 0;
    overflow: hidden;
}

#zzry .swiper-container {
    width: 100%;
    height: 100%;
    padding: 0;
    position: relative;
}

#zzry .swiper-slide {
    text-align: left;
    transition: 0.3s;
    position: relative;

    /* Center slide text vertically */
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

#zzry .swiper-slide .pic {
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 70%;
    position: relative;
    overflow: hidden;
}

#zzry .swiper-slide .pic .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    left: 0;
    position: absolute;
    transition: 0.3s;
}

#zzry .swiper-slide .font {
    width: 100%;
    text-align: center;
    background: #f9f9f9;
    transition: 0.5s all;
    color: #333;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    border: 1px solid #e8e8e8;
}

#zzry .swiper-slide:hover .pic .img img {
    transform: scale(1.1);
}

#zzry .swiper-slide:hover .font {
    background: #c00505;
    border: 1px solid #c00505;
    color: #fff;
}

#zzry .swiper-button-next:after,
#zzry .swiper-button-prev:after {
    display: none;
}

#zzry .control-bar .prev_next {
    right: 0;
    opacity: 1;
    z-index: 8;
}

#zzry .control-bar .prev_next.prev {
    left: 0;
    opacity: 1;
    z-index: 8;
}

#zzry .control-bar .w-btn {
    border-radius: 0;
    width: 35px;
    height: 35px;
    margin: 2px;
    text-align: center;
    line-height: 35px;
    background-color: #8a8a8a;
    position: relative;
    color: #eeeeee;
    cursor: pointer;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

#zzry .control-bar .w-btn:hover {
    background-color: #be0505;
    color: #ffffff;
}

#zzry .control-bar .prev_next i {
    display: block;
    width: 0;
    position: relative;
    height: 1px;
    background-color: CurrentColor;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

#zzry .control-bar .prev_next i::before,
#zzry .control-bar .prev_next i::after {
    content: '';
    display: block;
    width: 10px;
    height: 1px;
    background-color: CurrentColor;
    position: absolute;
    margin: auto;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

#zzry .control-bar .prev_next i::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

#zzry .control-bar .prev_next i::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#zzry .control-bar .prev_next.next i {
    margin-left: 10px;
}

#zzry .control-bar .prev_next.next i::before,
#zzry .control-bar .prev_next.next i::after {
    right: 0;
    transform-origin: right;
}

#zzry .control-bar .prev_next.prev i {
    margin-right: 10px;
}

#zzry .control-bar .prev_next.prev i::before,
#zzry .control-bar .prev_next.prev i::after {
    left: 0;
    transform-origin: left;
}

#zzry .control-bar .prev_next:hover i {
    width: 20px;
    margin: 0;
}

#zzry .control-bar .prev_next:hover i::before,
#zzry .control-bar .prev_next:hover i::after {
    width: 8px;
}

#zzry .control-bar .more i {
    width: 15px;
    height: 1px;
    background-color: CurrentColor;
    position: relative;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

#zzry .control-bar .more i::before,
#zzry .control-bar .more i::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-color: CurrentColor;
    position: absolute;
    margin: auto;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

#zzry .control-bar .more i::before {
    top: -6px;
}

#zzry .control-bar .more i::after {
    bottom: -6px;
}

#zzry .control-bar .more:hover i {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    width: 2px;
    height: 2px;
}

@media screen and (max-width:1200px) {
    #zzry .swiper-slide:before {
        display: none;
    }

    #zzry .swiper-slide .pic .font p {
        font-size: 14px;
    }
}

@media screen and (max-width:991px) {
    #zzry .swiper-container {
        padding: 0;
    }

    #zzry .swiper-slide .pic .font p {
        height: 45px;
        line-height: 45px;
    }
}

@media screen and (max-width:765px) {}







/*公共*/
#zi_banner {
    width: 100%;
    height: auto;
    position: relative;
}

#zi_banner .pic {
    text-align: center;
    overflow: hidden;
}

#zi_banner .pic img {
    width: 100%;
}

#zi_banner .main {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1;
    color: #fff;
    padding-top: 8%;
    line-height: 40px;
}

#zi_banner .main h2 {
    font-size: 40px;
}

#zi_banner .main p {
    font-size: 16px;
    height: 50px;
    opacity: 0.5;
    position: relative;
}

#zi_banner .main p:before {
    position: absolute;
    left: 0;
    bottom: 0;
    content: '';
    width: 40px;
    height: 2px;
    background: rgba(255, 255, 255, 0.5);
}

@media screen and (max-width:1200px) {}

@media screen and (max-width:991px) {
    #zi_banner .pic img {
        width: 150%;
        margin-left: -15%;
    }

    #zi_banner .main {
        padding-top: 10%;
    }

    #zi_banner .main h2 {
        font-size: 28px;
    }

    #zi_banner .main p {
        font-size: 16px;
    }
}

@media screen and (max-width:768px) {
    #zi_banner .pic img {
        width: 195%;
        margin-left: -25%;
    }

    /*#zi_banner .main{ padding: 25% 0 18%}*/
    #zi_banner .main h2 {
        font-size: 24px;
    }

    #zi_banner .main p {
        font-size: 14px;
    }
}

.home {
    height: 70px;
    color: #333333;
}

.home a {
    padding: 0 5px;
}

.home i {
    display: inline-block;
    margin-right: 10px;
}

.hui {
    background: #f6f7f9;
}

.bai {
    background: #fff !important;
}



.pro-sider {
    background: #f5f5f5;
    padding: 25px 25px;
}

.pro-sider .in-title {
    color: #333333;
    font-size: 26px;
    border-bottom: 1px solid #e2e2e2;
    height: 50px;
}

.pro-sider #left_tel {
    height: 50px;
    line-height: 50px;
    background: #c00505;
    border-radius: 5px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    transition: 0.3s;
}

.pro-sider #left_tel:hover {
    background: #c30e24;
}

@media screen and (max-width:1440px) {
    .sideMenu h3 p {
        font-size: 16px;
    }
}

@media screen and (max-width:1200px) {
    .pro-sider #left_tel {
        font-size: 16px;
    }
}

@media screen and (max-width:991px) {
    .home {
        font-size: 14px;
        height: auto;
        line-height: 30px;
        padding-bottom: 10px;
    }
}

.ly_content {
    color: #999999;
    margin-bottom: 2%;
}

.con_lx {
    padding: 15% 10% 0;
    color: #fff;
    position: relative;
}

.con_lx .tit {
    font-size: 34px;
    font-weight: bold;
}

.con_lx ul {
    padding-top: 8% !important;
}

.con_lx ul li {
    height: 40px;
    line-height: 40px;
}

.con_lx ul li i {
    display: inline-block;
    margin-right: 10px;
    font-size: 20px;
}

@media screen and (max-width:991px) {
    .con_lx {
        padding: 5%;
    }

    .con_lx ul {
        padding-top: 5% !important;
    }
}



.sNews-list .scs img {
    -webkit-transition-duration: 330ms;
    transition-duration: 330ms;
}

.sNews-list .scst img {
    -webkit-transition-duration: 330ms;
    transition-duration: 330ms;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
}


.sNews-list .pic img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
}

.sNews-list .pic img {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    border-radius: inherit;
    width: 100% !important;
    height: 100% !important;
}

.sNews-list .item {
    overflow: hidden;
    padding: 1.5rem 0;
    border-bottom: #eeeeee dashed 1px;
    position: relative;
}

.sNews-list .item:after {
    content: " ";
    pointer-events: none;
    position: absolute;
    -webkit-transition: all 250ms ease-out 0s;
    transition: all 250ms ease-out 0s;
    background-color: #f5f6f8;
    left: 0;
    top: 100%;
    width: 100%;
    height: 0;
}

.sNews-list .item .contain {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    min-height: 240px;
}

.sNews-list .item .contain:after {
    display: none;
}

.sNews-list .item .pic {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -120px;
    width: 400px;
    background-color: #eee;
    height: 0;
    padding-bottom: 15% !important;
    transition: 0.3s;
    overflow: hidden;
}

.sNews-list .item .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    left: 0;
    position: absolute;
    transition: 0.3s;
}

.sNews-list .item .txt {
    position: relative;
    padding-left: 450px;
    padding-right: 2.4rem;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.sNews-list .item .txt .title {
    line-height: 1.5;
    height: 1.5em;
    font-size: 18px;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-transition: all 250ms ease-out 0s;
    transition: all 250ms ease-out 0s;
}

.sNews-list .item .txt .date {
    margin-top: 0.5rem;
    font-size: 14px;
    color: #999999;
}

.sNews-list .item .txt .date i {
    float: left;
    margin-right: 10px;
}

.sNews-list .item .txt .abstract {
    margin-top: 0.5rem;
    line-height: 1.75em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 3.5em;
    height: 3.5em;
    width: 90%;
    color: #999;
}

.sNews-list .item .txt .more {
    position: absolute;
    right: 0;
    border-radius: 50%;
    top: 50%;
    width: 60px;
    height: 60px;
    margin-top: -1.04rem;
    -webkit-transition: all 250ms ease-out 0s;
    transition: all 250ms ease-out 0s;
    z-index: 2;
    border: #c3002f solid 1px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.sNews-list .item .txt .more:after {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    background-image: url(../images/arrow-news-item-more.png);
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    -webkit-transition: all 250ms ease-out 0s;
    transition: all 250ms ease-out 0s;
}

@media screen and (max-width: 1440px) {
    .sNews-list .item .pic {
        padding-bottom: 21% !important;
    }
}

@media screen and (max-width: 1200px) {
    .sNews-list .item .pic {
        padding-bottom: 25% !important;
    }
}

@media screen and (min-width: 1025px) {
    .sNews-list .item:hover:after {
        top: 0;
        height: 100%;
        -webkit-transition: top 0ms ease-out 0s, height 220ms ease-out 0s;
        transition: top 0ms ease-out 0s, height 220ms ease-out 0s;
    }

    .sNews-list .item:hover .txt .title {
        color: #c3002f;
    }

    .sNews-list .item:hover .txt .more {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        background-color: #c3002f;
    }

    .sNews-list .item:hover .txt .more:after {
        -webkit-filter: grayscale(100%) brightness(600%);
        filter: grayscale(100%) brightness(600%);
    }
}

@media screen and (max-width: 1024px) {
    .sNews-list .item {
        padding: 1rem 0;
    }

    .sNews-list .item .contain {
        min-height: 0;
    }

    .sNews-list .item .pic {
        position: relative;
        top: 0;
        margin-top: 0;
        width: 50%;
        height: 0 !important;
        padding-bottom: 30%;
    }

    .sNews-list .item .txt {
        padding-left: 0;
        padding-right: 0;
        width: 47.5%;
    }

    .sNews-list .item .txt .more {
        display: none;
    }

    .sNews-list .item .txt .title {
        font-size: 16px;
    }

    .sNews-list .item:active:after {
        top: 0;
        height: 100%;
        -webkit-transition: 0ms;
        transition: 0ms;
    }

    .sNews-list .item:active .txt .title {
        color: #c3002f;
        -webkit-transition: 0ms;
        transition: 0ms;
    }

    .sNews-list .item:active .txt .more {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        background-color: #c3002f;
        -webkit-transition: 0ms;
        transition: 0ms;
    }

    .sNews-list .item:active .txt .more:after {
        -webkit-filter: grayscale(100%) brightness(500%);
        filter: grayscale(100%) brightness(500%);
    }
}


.xwmore {
    width: 20%;
    margin: 3% auto 0;
}






/*产品中心*/
/* #cp_banner {
    background: url("../images/cp_banner.jpg") no-repeat center top;
}

.fw_banner {
    background: url("../images/fw_banner.jpg") no-repeat center top !important;
}

.fa_banner {
    background: url("../images/fa_banner.jpg") no-repeat center top !important;
}

.lx_banner {
    background: url("../images/lx_banner.jpg") no-repeat center top !important;
}

.xw_banner {
    background: url("../images/xw_banner.jpg") no-repeat center top !important;
}

.fm_banner {
    background: url("../images/fm_banner.jpg") no-repeat center top !important;
}

.ry_banner {
    background: url("../images/jjbj.jpg") no-repeat center top !important;
} */

#cp_banner .main {
    width: 100%;
}

#cp_banner .main .font {
    background: rgba(255, 255, 255, 0.95);
    width: 65%;
    margin: 0 auto;
    text-align: center;
    padding: 3%;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
}

#cp_banner .main .font .nr h2 {
    color: #333333;
    font-size: 90px;
    font-family: Impact;
    height: 90px;
    line-height: 90px;
}

#cp_banner .main .font .nr span {
    color: #333333;
    font-size: 16px;
}

#cp_banner .main .font .tit_zy {
    line-height: 20px;
    padding: 2% 0;
}

#cp_banner .main .font .tit_zy p {
    text-transform: uppercase;
}

#cp_banner .main .font .content {
    color: #666666;
    font-size: 16px;
    padding: 0 5%;
}

@media screen and (max-width:1600px) {
    #cp_banner .main .font {
        width: 80%;
        padding: 5% 3%;
    }
}

@media screen and (max-width:1200px) {
    #cp_banner .main .font {
        width: 90%;
        padding: 10% 3%;
    }

    #cp_banner .main .font .nr h2 {
        font-size: 70px;
    }
}

@media screen and (max-width:991px) {
    #cp_banner .main .font .content {
        font-size: 14px;
    }
}

@media screen and (max-width:768px) {}



#cp_class li {
    float: left;
    width: 31.3333%;
    margin: 1%;
    background: #fafafa;
    border: 1px solid #f1f1f1;
    padding: 2.5%;
    position: relative;
    overflow: hidden;
    transition: 0.5s;
}

#cp_class li:before {
    position: absolute;
    right: -15%;
    top: 0;
    content: '';
    width: 100%;
    height: 100%;
    background: url("../images/logo_icon.png") no-repeat center right;
    transition: 0.5s;
}

#cp_class li i {
    font-size: 48px;
    color: #dcdcdc;
    font-family: Impact;
}

#cp_class li p {
    color: #c00505;
    font-size: 28px;
    font-weight: bold;
    height: 55px;
    line-height: 55px;
    padding: 4% 0 2%;
}

#cp_class li span {
    color: #999999;
    text-transform: uppercase;
}

#cp_class li:hover:before {
    right: 2%;
    background-size: 40%;
}

#cp_class li:hover {
    background: #c00505;
    border: 1px solid #c00505;
    box-shadow: 0 0 10px rgba(192, 5, 5, 0.5);
}

#cp_class li:hover p,
#cp_class li:hover span {
    color: #fff;
}

#cp_class li:hover i {
    color: rgba(255, 255, 255, 0.4);
}

#cp_class li#li-on:before {
    right: 2%;
    background-size: 40%;
}

#cp_class li#li-on {
    background: #c00505;
    border: 1px solid #c00505;
    box-shadow: 0 0 10px rgba(192, 5, 5, 0.5);
}

#cp_class li#li-on p,
#cp_class li#li-on span {
    color: #fff;
}

#cp_class li#li-on i {
    color: rgba(255, 255, 255, 0.4);
}

@media screen and (max-width:1200px) {
    #cp_class li p {
        font-size: 22px;
        padding: 5% 0 0;
        height: 40px;
        line-height: 40px;
    }

    #cp_class li span {
        font-size: 12px;
    }

    #cp_class li:before {
        background-size: 55%;
    }
}

@media screen and (max-width:991px) {
    #cp_class li {
        width: 31%;
    }
}

@media screen and (max-width:768px) {
    #cp_class li {
        width: 48%;
    }
}

#cpggbj {
    background: url("../images/gg_bj.jpg") repeat-y bottom fixed;
}

#cpggbj .main {
    padding: 2% 0;
}

#cpggbj .gg_tit {
    text-align: center;
}

#cpggbj .gg_tit p {
    position: relative;
    color: #fff;
    font-size: 28px;
    font-weight: bold;
    display: inline-block;
}

#cpggbj .gg_tit p:before {
    position: absolute;
    content: '';
    left: -33%;
    top: 25%;
    width: 23px;
    height: 18px;
    background: url("../images/gg_left.png") no-repeat left center;
}

#cpggbj .gg_tit p:after {
    position: absolute;
    content: '';
    right: -33%;
    top: 25%;
    width: 23px;
    height: 18px;
    background: url("../images/gg_right.png") no-repeat left center;
}

#cpggbj .gg_tit span {
    display: block;
    font-size: 18px;
    color: #fff;
    padding: 1% 0 2%;
}

@media screen and (max-width:768px) {

    #cpggbj .gg_tit p:before,
    #cpggbj .gg_tit p:after {
        display: none;
    }

    #cpggbj .gg_tit {
        padding: 0;
        margin-bottom: 3%;
    }

    #cpggbj .gg_tit p {
        font-size: 20px;
    }
}

.mes-form3 {
    margin: 0 auto;
    overflow: hidden;
    width: 100%;
    padding: 0;
}

.mes-form3 .row {
    margin: 0;
}

.mes-form3 .form-tr {
    padding: 0;
    overflow: hidden;
}

.mes-form3 .form-tr input {
    display: block;
    width: 94%;
    padding: 0 2%;
    height: 45px;
    line-height: 45px;
    background: #fff;
    color: #333;
    border-radius: 5px;
    border: none;
}

.mes-form3 .form-tr textarea {
    display: block;
    width: 94%;
    padding: 0 2%;
    height: 45px;
    line-height: 45px;
    background: #fff;
    color: #333;
    border-radius: 5px;
    border: none;
}

.mes-form3 .form-tr .code {
    overflow: hidden;
}

.mes-form3 .form-tr .code input {
    width: 60%;
    float: left;
}

.mes-form3 .form-tr .code .verify {
    cursor: pointer;
    float: left;
    margin-left: 2%;
    width: 35%;
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 0;
}

.mes-form3 .form-tr .code .verify img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
}

.mes-form3 .form-tr .submit2 {
    display: block;
    width: 90%;
    height: 45px;
    text-align: center;
    line-height: 45px;
    background: #c40000;
    color: #fff;
    font-size: 16px;
    border-radius: 5px;
    transition: 0.3s;
}

.mes-form3 .form-tr .submit2:hover {
    background: #00369e;
}

.mes-form3 .form-tr .error {
    height: 1rem;
    line-height: 1rem;
}

@media screen and (max-width:991px) {
    .mes-form3 .form-tr .submit2 {
        margin-top: 2%;
        width: 94%;
    }
}

@media screen and (max-width:768px) {
    .mes-form3 {
        width: 90%;
    }

    .mes-form3 .form-tr {
        padding-left: 15px;
    }

    .mes-form3 .form-tr input,
    .mes-form3 .form-tr .submit2 {
        height: 40px;
        line-height: 40px;
    }
}


.cp_class_lb {
    margin-top: 3% !important;
}

.cp_class_lb li {
    margin: 0 0 5%;
    background: #fff;
    cursor: pointer;
    transition: 0.3s;
    position: relative;
}

.cp_class_lb li .pic {
    height: 0;
    padding-bottom: 65%;
    background: #fff;
    position: relative;
    overflow: hidden;
}

.cp_class_lb li .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    left: 0;
    position: absolute;
    text-align: center;
    transition: 0.3s;
}

.cp_class_lb li .font {
    padding: 5%;
    transition: 0.5s;
    border: 1px solid #ececec;
}

.cp_class_lb li .tit {
    color: #333333;
    font-size: 18px;
    position: relative;
    height: 40px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cp_class_lb li .tit:before {
    position: absolute;
    left: 0;
    bottom: 0;
    content: '';
    width: 10%;
    height: 3px;
    background: #c40000;
}

.cp_class_lb li .tit:after {
    position: absolute;
    left: -3%;
    top: -8%;
    content: 'mine';
    width: 100%;
    height: 100%;
    text-transform: uppercase;
    color: rgba(196, 0, 0, 0.04);
    font-size: 60px;
    font-weight: bold;
}

.cp_class_lb li .bt {
    min-height: 60px;
    color: #999999;
    font-size: 16px;
    margin-top: 5%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.cp_class_lb li .more {
    width: 50%;
    height: 45px;
    line-height: 45px;
    text-align: center;
    color: #c40000;
    margin: 3% auto 0;
    border: 1px solid #c40000;
    border-radius: 25px;
    transition: 0.3s;
}

.cp_class_lb li .font_hover {
    position: absolute;
    opacity: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 1;
    text-align: center;
    padding: 8% 3%;
    background: url("../images/chi.png") repeat-x center bottom #fff;
    border-radius: 5px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    transition: 0.5s;
}

.cp_class_lb li .font_hover .tit:before {
    left: 45%;
}

.cp_class_lb li .font_hover .tit:after {
    left: 0;
}

.cp_class_lb li .font_hover .bt {
    width: 90%;
    margin: 5% auto;
    -webkit-line-clamp: 3;
    min-height: 90px;
}

.cp_class_lb li:hover .font {
    opacity: 0;
}

.cp_class_lb li:hover .font_hover {
    opacity: 1;
    left: 5%;
    width: 90%;
}

.cp_class_lb li:hover .pic img {
    transform: scale(1.05);
}

.cp_class_lb li .font_hover .more:hover {
    background: #c40000;
    border: 1px solid #c40000;
    color: #fff;
}


@media screen and (max-width:1440px) {}

@media screen and (max-width:1200px) {}

@media screen and (max-width:991px) {}

@media screen and (max-width:768px) {}



#cpinfo_bj {
    background: url("../images/cpinfo_bj.jpg") no-repeat center top;
}

.cp_left {
    height: 0;
    padding-bottom: 38%;
    position: relative;
    overflow: hidden;
}

.cp_left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    left: 0;
    position: absolute;
    transition: 0.3s;
}

.cp_right {
    padding: 4%;
}

.cp_right h2 {
    color: #c00505;
    font-size: 36px;
    font-weight: bold !important;
}

.cp_right .content {
    color: #999999;
    font-size: 16px;
    margin: 3% 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.cp_right .bt {
    color: #333333;
    font-size: 18px;
    border-top: 1px dashed #ededed;
    padding-top: 8%;
}

.cp_right .bt i {
    color: #c00505;
    font-size: 30px;
    display: inline-block;
    margin-right: 10px;
}

.cp_right ul {
    padding-top: 5% !important;
}

.cp_right ul li {
    background: #f7f7f7;
    margin-top: 3%;
    height: 55px;
    line-height: 55px;
    padding: 0 3%;
    color: #666666;
    font-size: 16px;
    transition: 0.5s;
    cursor: pointer;
}

.cp_right ul li i {
    display: inline-block;
    color: #c8171e;
    font-size: 20px;
    margin-right: 10px;
}

.cp_right ul li:hover {
    background: #c00505;
    color: #fff;
}

.cp_right ul li:hover i {
    color: #fff;
}


.cpinfo_fw {
    margin: 0 auto 4% !important;
}

.cpinfo_fw li {
    width: 25%;
    background: #f7f7f7;
    border: 1px solid #ececec;
    padding: 5% 0;
    text-align: center;
    transition: 0.5s;
}

.cpinfo_fw li i {
    color: #c00505;
    font-size: 55px;
    height: 60px;
    line-height: 60px;
    margin-bottom: 8%;
}

.cpinfo_fw li p {
    color: #333333;
    font-size: 26px;
    font-weight: bold;
}

.cpinfo_fw li span {
    color: #999999;
    font-size: 14px;
    text-transform: uppercase;
}

.cpinfo_fw li:hover {
    background: #c00505;
    border: 1px solid #c00505;
}

.cpinfo_fw li:hover i,
.cpinfo_fw li:hover p,
.cpinfo_fw li:hover span {
    color: #fff;
}

@media screen and (max-width:1600px) {
    .cp_right h2 {
        font-size: 30px;
    }

    .cp_right .content {
        font-size: 14px;
    }

    .cp_right .bt {
        padding-top: 5%;
    }

    .cp_right ul {
        padding-top: 3% !important;
    }

    .cp_right ul li {
        font-size: 15px;
    }
}

@media screen and (max-width:1440px) {
    .cpinfo_fw li p {
        font-size: 22px;
    }

    .cpinfo_fw li span {
        font-size: 12px;
    }
}

@media screen and (max-width:1200px) {
    .cp_right h2 {
        font-size: 24px;
    }

    .cp_right ul li {
        font-size: 14px;
    }

    .cp_right ul li i {
        font-size: 16px;
    }

    .cp_right .bt {
        font-size: 16px;
    }

    .cpinfo_fw li p {
        font-size: 20px;
    }
}

@media screen and (max-width:991px) {
    .cp_left {
        padding-bottom: 60%;
    }

    .cp_right {
        margin-top: 3%;
    }

    .cpinfo_fw li {
        width: 50%;
        float: left;
    }

    .cpinfo_fw li span {
        display: block;
        line-height: 20px;
        min-height: 40px;
    }
}

@media screen and (max-width:768px) {
    .cp_left {
        padding-bottom: 75%;
    }
}



#cpbtqh {
    width: 100% !important;
    transition: 0.3s;
    text-align: center;
    border-bottom: 1px solid #efefef;
}

.cpbt {
    margin: 0 auto !important;
    height: 70px;
    line-height: 70px;
    width: 100%;
    transition: 0.3s;
}

.cpbt li {
    float: left;
    color: #666666;
    font-size: 16px;
    width: 13%;
    text-align: center;
    position: relative;
    transition: 0.3s;
}

.cpbt li a {
    color: #666666;
}

.cpbt li:after {
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 0;
    height: 3px;
    content: '';
    background: #fff;
    transition: 0.3s;
}

.cpbt li:before {
    position: absolute;
    right: 0;
    top: 30%;
    width: 1px;
    height: 40%;
    content: '';
    background: #d5d5d5;
}

.cpbt li:last-of-type:before {
    display: none;
}

.cpbt li:hover:after {
    position: absolute;
    left: 25%;
    bottom: 0;
    width: 50%;
    height: 3px;
    content: '';
    background: #cf0000;
}

.cpbt li.current:hover:after {
    left: 25%;
    width: 50%;
    background: #cf0000;
}

.cpbt li.current:after {
    left: 25%;
    width: 50%;
    background: #cf0000;
}

.cpbtqh_active {
    top: 58px;
    position: fixed;
    left: 0;
    z-index: 10;
    margin: 0 !important;
}

@media screen and (max-width:1440px) {
    .cpbtqh_active {
        top: 73px;
    }
}

@media screen and (max-width:1400px) {
    .cpbtqh_active {
        top: 6%;
    }
}

@media screen and (max-width:1200px) {
    .cpbtqh_active {
        top: 6%;
    }

    .cpbt li {
        width: 14%;
    }
}

@media screen and (max-width:991px) {
    .cpbt li {
        width: 20%;
    }
}

@media screen and (max-width:768px) {
    .cpbtqh_active {
        top: 5%;
    }
}

@media screen and (max-width:765px) {
    .cpbt li {
        width: 20%;
        font-size: 13px;
    }
}


.tit_cp {
    height: 65px;
    background: #f7f7f7;
}

.tit_cp h2 {
    background: #c00505;
    font-size: 24px;
    color: #fff;
    float: left;
    width: 13%;
    height: 65px;
    line-height: 65px;
    text-align: center;
}

.cpnr_con {
    color: #333333;
    font-size: 16px;
    padding: 3% 0 5%;
    line-height: 35px;
}

.cpnr_con img {
    max-width: 100%;
}

@media screen and (max-width:1200px) {
    .tit_cp h2 {
        font-size: 20px;
    }

    .cpnr_con {
        font-size: 14px;
        padding: 3% 15px;
    }
}

@media screen and (max-width:991px) {
    .tit_cp {
        height: 50px;
    }

    .tit_cp h2 {
        width: 22%;
        font-size: 16px;
        height: 50px;
        line-height: 50px;
    }
}


#ppys {
    margin: 3% 0 5%;
    overflow: hidden;
}

#ppys .swiper-container {
    width: 100%;
    height: 100%;
    padding: 0;
    position: relative;
}

#ppys .swiper-slide {
    text-align: left;
    transition: 0.3s;
    position: relative;
    cursor: pointer;
    /* Center slide text vertically */
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

#ppys .swiper-slide .pic {
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 75%;
    position: relative;
    overflow: hidden;
}

#ppys .swiper-slide .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    left: 0;
    position: absolute;
    transition: 0.3s;
}

#ppys .swiper-slide .font {
    width: 100%;
    text-align: center;
    background: #fff;
    transition: 0.3s all;
    color: #666666;
    font-size: 16px;
    border: 1px solid #ececec;
    padding: 8% 5%;
}

#ppys .swiper-slide .font h2 {
    color: #333333;
    font-size: 24px;
    font-weight: bold !important;
    position: relative;
    height: 50px;
}

#ppys .swiper-slide .font h2 span {
    color: #c00505;
}

#ppys .swiper-slide .font h2:before {
    position: absolute;
    left: 45%;
    bottom: 0;
    content: '';
    width: 10%;
    height: 3px;
    background: #c00505;
}

#ppys .swiper-slide .font p {
    color: #666666;
    padding: 3% 10% 0;
}

#ppys .swiper-slide:hover {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}

#ppys .swiper-slide:hover .pic img {
    transform: scale(1.05);
}

#ppys .swiper-slide:hover .font {
    background: #c00505;
    border: 1px solid #c00505;
}

#ppys .swiper-slide:hover .font h2,
#ppys .swiper-slide:hover .font h2 span,
#ppys .swiper-slide:hover .font p {
    color: #fff;
}

#ppys .swiper-slide:hover .font h2:before {
    background: #fff;
}

@media screen and (max-width:1600px) {
    #ppys .swiper-slide .font p {
        padding: 3% 5% 0;
    }
}

@media screen and (max-width:1440px) {
    #ppys .swiper-slide .font h2 {
        font-size: 20px;
    }

    #ppys .swiper-slide .font p {
        font-size: 14px;
        padding: 3% 0 0;
    }
}

@media screen and (max-width:1200px) {
    #ppys .swiper-slide .font h2 {
        font-size: 18px;
        height: 35px;
    }

    #ppys .swiper-slide .font p {
        font-size: 12px;
        padding: 3% 0 0;
    }
}



#xgcp {
    margin: 3% 0 0;
    overflow: hidden;
}

#xgcp .swiper-container {
    width: 100%;
    height: 100%;
    padding: 0;
    position: relative;
}

#xgcp .swiper-slide {
    text-align: left;
    transition: 0.3s;
    position: relative;

    /* Center slide text vertically */
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

#xgcp .swiper-slide .pic {
    width: 100%;
    height: 0;
    padding-bottom: 65%;
    background: #fff;
    position: relative;
    overflow: hidden;
}

#xgcp .swiper-slide .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    left: 0;
    position: absolute;
    text-align: center;
    transition: 0.3s;
}

#xgcp .swiper-slide .font {
    padding: 5%;
    transition: 0.5s;
    border: 1px solid #ececec;
    width: 100%;
}

#xgcp .swiper-slide .tit {
    color: #333333;
    font-size: 18px;
    position: relative;
    height: 40px;
}

#xgcp .swiper-slide .tit:before {
    position: absolute;
    left: 0;
    bottom: 0;
    content: '';
    width: 10%;
    height: 3px;
    background: #c40000;
}

#xgcp .swiper-slide .tit:after {
    position: absolute;
    left: -3%;
    top: -8%;
    content: 'mine';
    width: 100%;
    height: 100%;
    text-transform: uppercase;
    color: rgba(196, 0, 0, 0.04);
    font-size: 60px;
    font-weight: bold;
}

#xgcp .swiper-slide .bt {
    min-height: 60px;
    color: #999999;
    font-size: 16px;
    margin-top: 5%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

#xgcp .swiper-slide .more {
    width: 50%;
    height: 45px;
    line-height: 45px;
    text-align: center;
    color: #c40000;
    margin: 3% auto 0;
    border: 1px solid #c40000;
    border-radius: 25px;
    transition: 0.3s;
}

#xgcp .swiper-slide .font_hover {
    position: absolute;
    opacity: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 1;
    text-align: center;
    padding: 8% 3%;
    background: url("../images/chi.png") repeat-x center bottom #fff;
    border-radius: 5px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    transition: 0.5s;
}

#xgcp .swiper-slide .font_hover .tit:before {
    left: 45%;
}

#xgcp .swiper-slide .font_hover .tit:after {
    left: 0;
}

#xgcp .swiper-slide .font_hover .bt {
    width: 90%;
    margin: 5% auto;
    -webkit-line-clamp: 3;
    min-height: 90px;
}

#xgcp .swiper-slide:hover .font {
    opacity: 0;
}

#xgcp .swiper-slide:hover .font_hover {
    opacity: 1;
    left: 5%;
    width: 90%;
}

#xgcp .swiper-slide:hover .pic img {
    transform: scale(1.05);
}

#xgcp .swiper-slide .font_hover .more:hover {
    background: #c40000;
    border: 1px solid #c40000;
    color: #fff;
}




/*服务支持*/
#yzsfw {
    margin-top: 5% !important;
}

#yzsfw li {
    float: left;
    width: 20%;
    margin: 0 2.5% 2%;
    text-align: center;
    color: #333333;
    transition: 0.5s;
    position: relative;
    cursor: pointer;
}

#yzsfw li:before {
    position: absolute;
    left: 10%;
    top: 50%;
    background: #f9e6e6;
    content: '';
    width: 80%;
    height: 0;
    border-radius: 10px;
    transition: 0.5s;
}

#yzsfw li .nr {
    position: relative;
    z-index: 1;
    padding: 15% 0;
    transition: 0.5s;
}

#yzsfw li i {
    color: #c00505;
    font-size: 50px;
    height: 50px;
    line-height: 50px;
    transition: 0.5s;
}

#yzsfw li p {
    font-size: 24px;
    font-weight: bold !important;
    padding: 6% 0 2%;
}

#yzsfw li span {
    font-size: 16px;
}

#yzsfw li:hover .nr {
    background: #dc2b2b;
    border-radius: 10px;
    color: #fff;
}

#yzsfw li:hover i {
    color: #fff;
}

#yzsfw li:hover:before {
    top: -10%;
    height: 120%;
}

#yzsfw li.on .nr {
    background: #dc2b2b;
    border-radius: 10px;
    color: #fff;
}

#yzsfw li.on i {
    color: #fff;
}

#yzsfw li.on:before {
    top: -10%;
    height: 120%;
}


.pzfw {
    color: #666666;
    font-size: 16px;
    padding-top: 3%;
    line-height: 35px;
}

#jjfa li {
    margin-bottom: 3%;
    position: relative;
}

#jjfa li .img {
    width: 100%;
    height: 0;
    padding-bottom: 40%;
    position: relative;
    overflow: hidden;
}

#jjfa li .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    left: 0;
    position: absolute;
    text-align: center;
    transition: 0.5s;
}

#jjfa li .box {
    position: absolute;
    left: 3%;
    bottom: 5%;
    width: 94%;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.9);
    padding: 2%;
    transition: 0.3s;
    box-shadow: 0 0 15px rgba(0, 0, 0, .2);
}

#jjfa li .box .bt {
    width: 30%;
    background: url("../images/gg_right.png") no-repeat left bottom;
    padding-bottom: 25px;
}

#jjfa li .box .bt h4 {
    font-size: 34px;
    font-weight: bold !important;
    color: #333333;
}

#jjfa li .box .bt h4 span {
    color: #c40000;
}

#jjfa li .box .bt p {
    text-transform: uppercase;
    color: #b3b3b3;
    font-size: 14px;
}

#jjfa li .box .font {
    width: 68%;
    color: #666666;
    font-size: 16px;
}

#jjfa li:hover {
    box-shadow: 0 0 15px rgba(0, 0, 0, .3);
}

#jjfa li:hover .img img {
    transform: scale(1.05);
}

#jjfa li:hover .box {
    width: 100%;
    left: 0;
    bottom: 0;
    border-radius: 0;
    box-shadow: none;
}

.tit_fa {
    color: #333333;
    font-size: 42px;
    font-weight: bold;
    height: 55px;
    line-height: 55px;
}

.tit_fa span {
    float: left;
    display: block;
    padding: 0 15px;
    margin-right: 2%;
    height: 55px;
    line-height: 55px;
    background: #c00505;
    color: #fff;
    font-size: 30px;
}

.tit_fa p {
    font-size: 36px;
}

.news-detail-content {
    padding: 3% 0;
}

.news-detail-title h3,
#fanr p {
    font-size: 22px;
    color: #333;
}

.news-detail {
    font-size: 16px;
    color: #999999;
}

#fanr li {
    width: 12%;
    margin-right: 1%;
    text-align: center;
    height: 36px;
    line-height: 36px;
    border: 1px solid #cccccc;
    border-radius: 20px;
    color: #999;
    margin-top: 1%;
    transition: 0.3s;
    cursor: pointer;
}

#fanr li:hover {
    background: #c00505;
    border: 1px solid #c00505;
    color: #fff;
}

.fa_pic {
    margin-top: 3%;
    /* width: 100%; */
    height: auto;
    /* padding-bottom: 40%; */
    position: relative;
    overflow: hidden;
}

.fa_pic img {
    /* width: 100%; */
    height: auto;
    object-fit: cover;
    left: 0;
    /* position: absolute; */
    text-align: center;
    transition: 0.5s;
}

#falb {
    float: right;
    width: 60%;
}

#falb dd {
    text-align: center;
    height: 50px;
    line-height: 50px;
    border: 1px solid #cccccc;
    border-radius: 30px;
    color: #999;
    margin-bottom: 8% !important;
}

#falb dd:first-of-type {
    background: #c00505;
    border: 1px solid #c00505;
    color: #fff;
}

#falb dd:first-of-type a {
    color: #fff;
}

.fa_end p {
    color: #333333;
    font-size: 28px;
}

.fa_end h2 {
    display: inline-block;
    color: #fff;
    background: #c00505;
    height: 60px;
    line-height: 60px;
    padding: 0 20px;
    margin: 10px 0 !important;
    position: relative;
}

.fa_end h2:before {
    position: absolute;
    left: -115%;
    top: 50%;
    content: '';
    background: #e3e3e3;
    width: 110%;
    height: 1px;
}

.fa_end h2:after {
    position: absolute;
    right: -115%;
    top: 50%;
    content: '';
    background: #e3e3e3;
    width: 110%;
    height: 1px;
}

.fa_end span {
    display: block;
    clear: both;
    color: #666666;
    font-size: 16px;
}

@media screen and (max-width:1200px) {
    .tit_fa {
        font-size: 32px;
    }

    .tit_fa span,
    .tit_fa p {
        font-size: 28px;
    }
}

@media screen and (max-width:991px) {
    #fanr li {
        float: left;
    }

    #falb {
        margin-top: 3% !important;
        width: 100%;
    }

    #falb dd {
        float: left;
        width: 43%;
        margin-right: 1%;
    }

    .tit_fa {
        font-size: 24px;
        height: auto;
        line-height: 40px;
    }

    .tit_fa span,
    .tit_fa p {
        font-size: 22px;
        height: auto;
        line-height: 40px;
    }

    .fa_end p {
        font-size: 20px;
    }

    .fa_end h2 {
        font-size: 22px;
        height: 50px;
        line-height: 50px;
        margin: 0 !important;
    }

    .fa_end span {
        font-size: 14px;
    }
}

@media screen and (max-width:768px) {
    #fanr li {
        width: 30%;
    }

    .fa_end p {
        font-size: 16px;
        height: 40px;
        line-height: 40px;
    }

    .fa_end h2 {
        font-size: 16px;
    }
}

.khal li {
    margin-bottom: 5%;
    border: 1px solid #ededed;
}

.khal li .img {
    width: 100%;
    height: 0;
    padding-bottom: 70%;
    position: relative;
    overflow: hidden;
}

.khal li .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    left: 0;
    position: absolute;
    text-align: center;
}

.khal li .img1 {
    width: 100%;
    height: 0;
    padding-bottom: 70%;
    position: relative;
    overflow: hidden;
}

.khal li .img1 p {
    width: 100%;
    height: 100%;
    object-fit: cover;
    left: 0;
    position: absolute;
    text-align: center;
}

.khal li .img1 p img {
    max-width: 100%;
    height: 100%;
}

.khal li .img .content,
.khal li .img1 .content {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: rgba(196, 0, 0, 0.8);
    text-align: center;
    color: #fff;
    opacity: 0;
    transition: 0.3s;
}

.khal li .img .content p,
.khal li .img1 .content p {
    font-size: 15px;
    transition: 0.4s;
    padding: 0 10%;
}

.khal li .img .content i,
.khal li .img1 .content i {
    font-size: 40px;
    padding: 30% 0 6%;
    transition: 0.4s;
}

.khal li .box {
    padding: 3%;
    color: #333333;
    font-size: 16px;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.khal li:hover .img .content,
.khal li:hover .img1 .content {
    opacity: 1;
}

.khal li:hover .img .content i,
.khal li:hover .img1 .content i {
    padding-top: 23%;
}

@media screen and (max-width:1600px) {
    #jjfa li .box .bt h4 {
        font-size: 30px;
    }
}

@media screen and (max-width:1440px) {
    #jjfa li .box .bt h4 {
        font-size: 26px;
    }

    #jjfa li .box .bt p {
        font-size: 12px;
    }

    #jjfa li .box .font {
        font-size: 15px;
    }
}

@media screen and (max-width:1200px) {
    #yzsfw li p {
        font-size: 20px;
    }

    #yzsfw li span {
        font-size: 14px;
        display: block;
        line-height: 25px;
        min-height: 50px;
    }

    #jjfa li .box .bt h4 {
        font-size: 22px;
    }

    #jjfa li .box .bt p {
        line-height: 20px;
    }

    #jjfa li .box .font {
        font-size: 14px;
        line-height: 25px;
    }
}

@media screen and (max-width:991px) {
    #yzsfw li {
        width: 28%;
    }

    #yzsfw li p {
        font-size: 18px;
    }

    #yzsfw li span {
        font-size: 12px;
        line-height: 20px;
        min-height: 40px;
    }

    #jjfa li .box .bt,
    #jjfa li .box .font {
        width: 100%;
    }

    #jjfa li .box .bt {
        background: none;
        padding-bottom: 10px;
    }

    #jjfa li .img {
        padding-bottom: 55%;
    }
}

@media screen and (max-width:768px) {
    #yzsfw li {
        width: 31%;
        margin: 0 1% 2%;
    }

    #yzsfw li p {
        font-size: 16px;
    }

    #yzsfw li span {
        font-size: 12px;
        line-height: 20px;
        min-height: 40px;
    }

    #jjfa li .img {
        padding-bottom: 100%;
    }

    #jjfa li .box .font {
        font-size: 12px;
    }
}



#lxwm_in {
    background: url("../images/map.png") no-repeat left bottom;
    padding: 5% !important;
}

#lxwm {
    padding: 3% 0 5% !important;
}

#lxwm li {
    font-size: 16px;
    height: 45px;
    line-height: 45px;
    color: #666666;
}

#lxwm li i {
    display: inline-block;
    font-size: 20px;
    margin-right: 10px;
}

#lxwm_in .ewm {
    text-align: center;
    width: 20%;
    margin-right: 3%;
    color: #999999;
    font-size: 16px;
}

#lxwm_in .ewm p {
    border: 1px dashed #ccc;
    padding: 5px;
}

#lxwm_in .ewm p img {
    width: 100%;
}



/*新闻中心*/
.gonggao {
    margin-top: 3%;
}

.gonggao .row {
    margin: 0;
}

.gonggao .pic {
    height: 0;
    padding-bottom: 25%;
    position: relative;
    overflow: hidden;
    transition: 0.5s;
}

.gonggao .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    left: 0;
    position: absolute;
    text-align: center;
    transition: 0.5s;
}

.gonggao .pic:hover img {
    transform: scale(1.1);
}

.gonggao .font {
    padding: 3%;
}

.gonggao .font .gg_1 .tit {
    color: #282828;
    font-size: 26px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.gonggao .font .gg_1 .content {
    color: rgba(40, 40, 40, 0.5);
    font-size: 16px;
    margin: 3% 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.gonggao .font .gg_2 {
    padding-top: 2%;
    border-top: 1px solid #e9e9e9;
}

.gonggao .font .gg_2 .tit {
    color: rgba(40, 40, 40, 0.7);
    font-size: 16px;
    height: 40px;
    line-height: 40px;
}

.gonggao .font .gg_2 .tit p {
    float: left;
    width: 85%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.gonggao .font .gg_2 .tit span {
    display: block;
    float: right;
    color: rgba(40, 40, 40, 0.5);
    font-size: 14px;
}

.gonggao .font .gg_2 .tit:hover,
.gonggao .font .gg_1 .tit:hover {
    color: #c00505;
}

@media screen and (max-width:1200px) {
    .gonggao .pic {
        padding-bottom: 32%;
    }

    .gonggao .font .gg_1 .tit {
        font-size: 22px;
    }

    .gonggao .font .gg_1 .content {
        font-size: 14px;
    }

    .gonggao .font .gg_2 .tit {
        font-size: 14px;
        height: 30px;
        line-height: 30px;
    }
}

@media screen and (max-width:991px) {
    .gonggao .pic {
        padding-bottom: 50%;
    }

    .gonggao .font .gg_2 .tit p {
        width: 80%;
    }
}



.hangye {
    margin-top: 3% !important;
}

.hangye li {
    border: 1px solid #e7e7e7;
    background: #fff;
    padding: 0;
}

.hangye li .float-left {
    float: left;
    background: #fff;
    border-right: 1px solid #e7e7e7;
    width: 16%;
    text-align: center;
    font-size: 18px;
    font-weight: 100;
    color: #626364;
    padding: 5% 0;
}

.hangye li .float-left p {
    width: 60%;
    margin: 0 auto !important;
    transition: 0.3s;
}

.hangye li .float-left span {
    display: inline-block;
    font-size: 16px;
    line-height: 20px;
    border-top: 1px solid #999;
    font-family: Arial;
    margin-top: 20%;
    padding-top: 20%;
    transition: 0.3s;
}

.hangye li .float-right {
    float: right;
    width: 84%;
    padding: 5% 5% 0;
}

.hangye li .float-right .tit {
    color: #333333;
    font-size: 22px;
    transition: 0.3s;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.hangye li .float-right .content {
    margin: 2% 0;
    color: #999999;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.hangye li .float-right .more {
    float: left;
    color: #c00505;
    height: 35px;
    line-height: 35px;
    transition: 0.3s;
}

.hangye li:hover .float-left {
    background: #c00505;
}

.hangye li:hover .float-left p,
.hangye li:hover .float-left span {
    color: #fff;
}

.hangye li:hover .float-left span {
    border-top: 1px solid #fff;
}

.hangye li:hover .float-right .more {
    background: #c00505;
    color: #fff;
    padding: 0 5%;
}

.hangye li:hover .float-right .tit {
    color: #c00505;
}

@media screen and (max-width:1440px) {
    .hangye li .float-left {
        padding: 6% 0;
    }
}

@media screen and (max-width:991px) {
    .hangye li .float-right .tit {
        font-size: 18px;
    }

    .hangye li .float-right {
        padding-top: 2%;
    }
}


.xgxw {
    margin: 3% auto 0 !important;
}

.xgxw li {
    border-bottom: 1px solid #eaeaea;
    height: 60px;
    line-height: 60px;
    position: relative;
}

.xgxw li:before {
    position: absolute;
    left: 0;
    bottom: 0;
    content: '';
    width: 0;
    height: 2px;
    background: #c00505;
    transition: 0.3s;
}

.xgxw li i {
    display: inline-block;
    font-size: 12px;
}

.xgxw li p {
    float: left;
    color: #666666;
    font-size: 16px;
    width: 80%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.xgxw li p i {
    color: #c00505;
    margin-right: 10px;
    font-weight: bold;
}

.xgxw li span {
    display: block;
    width: 20%;
    text-align: right;
    float: right;
    color: #999;
    font-size: 14px;
}

.xgxw li span i {
    display: inline-block;
    margin-right: 10px;
    font-size: 16px;
}

.xgxw li:hover:before {
    width: 100%;
}

@media screen and (max-width:1200px) {
    .xgxw li span {
        font-size: 12px;
    }

    .xgxw li span i {
        font-size: 14px;
    }

    .xgxw li p {
        font-size: 14px;
    }
}

@media screen and (max-width:768px) {
    .xgxw li p {
        width: 75%;
    }

    .xgxw li span {
        width: 25%;
    }
}


#xwinfo_bj {
    background: url("../images/xwinfo_bj.jpg") no-repeat center top;
}

#xwinfo_bj .home {
    color: #fff;
    height: 60px;
    line-height: 60px;
}

#xwinfo_bj .home i {
    float: left;
    margin-right: 10px;
}

#xwinfo_bj .home a {
    color: #fff;
    padding: 0 5px;
}

@media screen and (max-width:991px) {
    #xwinfo_bj .home {
        margin-top: 8%;
    }
}

@media screen and (max-width:768px) {
    #xwinfo_bj .home {
        margin-top: 13%;
    }

    #xwinfo_bj .news-detail-title .h3 {
        font-size: 20px;
    }
}


#xwinfo_bj .bai {
    padding: 3%;
    border-radius: 5px;
    margin-top: 0.5%;
}

#xwinfo_bj .news-detail-title {
    line-height: 35px;
}

#xwinfo_bj .news-detail-title .h3 {
    color: #000000;
    font-size: 30px;
}

#xwinfo_bj .news-detail-title .b {
    color: #666666;
    font-size: 14px;
}

#xwinfo_bj .news-detail-title .float-end {
    color: #666666;
    font-size: 16px;
    transition: 0.3s;
}

#xwinfo_bj .news-detail-title .float-end p {
    display: inline-block;
    height: 35px;
    width: 35px;
    border-radius: 100%;
    background: #c00505;
    line-height: 35px;
    text-align: center;
    margin-right: 10px !important;
}

#xwinfo_bj .news-detail-title .float-end p i {
    color: #fff;
}

#xwinfo_bj .news-detail-title .float-end:hover {
    letter-spacing: 3px;
}

#xwinfo_bj .news-detail {
    font-size: 15px;
    color: #666666;
}

#xwinfo_bj .news-detail img {
    max-width: 100%;
    display: block;
    margin: 2% auto;
}

#xwinfo_bj .newsPage {
    padding: 0;
}

#xwinfo_bj .newsPage .page-a {
    float: left;
    color: #999;
    font-size: 16px;
    width: 45%;
    height: 90px;
    line-height: 90px;
    padding-left: 5%;
    transition: 0.3s;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

#xwinfo_bj .newsPage .page-a a {
    color: #999;
    transition: 0.3s;
}

#xwinfo_bj .newsPage .page-a:last-of-type {
    float: right;
}

#xwinfo_bj .newsPage .page_more {
    float: left;
    position: relative;
    width: 90px;
    height: 90px;
    border-left: 3px solid #f5f5f5;
    border-right: 3px solid #f5f5f5;
    transition: .4s;
}

#xwinfo_bj .newsPage .page_more:hover {
    background: #c00505;
}

#xwinfo_bj .newsPage .page_more:hover i {
    background: #fff;
}

#xwinfo_bj .newsPage .page_more:hover i:nth-of-type(1) {
    width: 10px;
}

#xwinfo_bj .newsPage .page_more:hover i:nth-of-type(2) {
    width: 20px;
}

#xwinfo_bj .newsPage .page_more:hover i:nth-of-type(3) {
    width: 30px;
}

.pagerList {
    position: absolute;
    top: 38px;
    left: 28px;
}

.pagerList span {
    display: block;
}

.pagerList span i {
    display: block;
    background: #aaa;
    width: 30px;
    transition: .4s;
    height: 2px;
    margin-bottom: 3px;
}

#xwinfo_bj .newsPage .page-a:hover,
#xwinfo_bj .newsPage .page-a:hover a {
    color: #c00505;
}

@media screen and (max-width:991px) {
    #xwinfo_bj .news-detail-title .h3 {
        font-size: 20px;
    }

    #xwinfo_bj .news-detail-title .float-right p {
        width: 25px;
        height: 25px;
        line-height: 25px;
    }

    #xwinfo_bj .newsPage {
        padding: 3% 0;
    }

    #xwinfo_bj .newsPage .page-a {
        width: 100%;
        height: 40px;
        line-height: 40px;
        font-size: 14px;
    }

    #xwinfo_bj .newsPage .page_more {
        display: none;
    }
}

@media screen and (max-width:768px) {
    #xwinfo_bj .news-detail-title .float-right {
        display: none;
    }
}




/*翻页*/
.page {
    font-size: 0;
    text-align: center;
}

.page .center {
    display: inline-block;
    overflow: hidden;
}

.page .center .page-span {
    float: left;
    font-size: 14px;
    color: #c3c3c3;
    line-height: 32px;
    margin-right: 30px;
}

.page .center .page-list {
    float: left;
    overflow: hidden;
}

.page .center .page-list ul li {
    float: left;
    width: auto;
    min-width: 30px;
    height: 32px;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    margin: 0 4px;
    padding: 0;
    border: none;
    background: transparent;
}

.page .center .page-list ul li a {
    min-width: 20px;
    padding: 0 5px;
    border: 1px solid #eee;
    display: block;
    color: #333;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    overflow: hidden;
    background: #fff;
}

.page .center .page-list ul li:hover a {
    color: #f3c04b;
}

.page .center .page-list ul li.active a {
    background: #f3c04b;
    color: #fff;
}