.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;
}
#dituContent label
{
    max-width: unset!important;
    text-align: center;
}
#top_bj
{
    width: 100%;
    height: auto;
    transition: .5s;
    background: #fff;
    position: relative;
}
#top_index
{
    height: auto;
    margin: 0 auto;
}
#logo
{
    padding-top: 1%;
    padding-bottom: 1%;
    text-align: center;
}
#logo a
{
    display: block;
}
#logo a img
{
    max-width: 100%;
    transition: .5s;
    position: relative;
    z-index: 1;
}
#logo .font
{
    float: left;
    text-align: left;
    border-left: 1px solid #e5e5e5;
    padding: 0 0 0 10px;
    margin: 1% 0 0 10px;
}
#logo .font p
{
    color: #c3002f;
    font-size: 26px;
    font-weight: bold;
}
#logo .font span
{
    color: #333;
    font-size: 18px;
}
#top_tel
{
    color: #0063d0;
    transition: .5s;
    padding: 0;
}
.top_tel_con
{
    position: relative;
    z-index: 1;
    padding: 7% 0 0 0;
    transition: .3s;
}
.top_tel_con .pic
{
    float: left;
    width: 20%;
    transition: .3s;
}
.top_tel_con .pic img
{
    max-width: 100%;
}
.top_tel_con .float-left
{
    width: 80%;
    padding-left: 3%;
    font-size: 14px;
    color: #686868;
    line-height: 25px;
    transition: .3s;
}
.top_tel_con span
{
    display: block;
    font-size: 28px;
    color: #c3002f;
    font-family: Bahnschrift;
    font-weight: bold;
    padding-top: 2%;
}
@media screen and (max-width: 1440px)
{
    #logo .font
    {
        display: none!important;
    }
    .top_tel_con span
    {
        font-size: 22px!important;
    }
}
@media screen and (max-width: 991px)
{
    #logo
    {
        padding: 2%;
        text-align: left;
    }
}
@media screen and (max-width: 768px)
{
    #top_index
    {
        padding: 0;
        width: 100%;
    }
    #logo a img
    {
        max-width: 100%;
    }
    #logo:before
    {
        width: 60%;
    }
}
#nav
{
    height: auto;
    transition: .3s;
    padding-top: 0;
    text-align: center;
}
#nav li
{
    display: inline-block;
    width: 11%;
    height: 100%;
    font-size: 18px;
    padding-top: 4%;
    font-weight: normal;
    color: #282828;
    text-align: center;
    transition: .5s;
    position: relative;
}
#nav li a
{
    display: inline-block;
    position: relative;
    height: 100%;
    z-index: 1;
    color: #282828;
}
#nav li:hover a
{
    color: #c3002f;
}
#nav li a:after
{
    content: '';
    width: 100%;
    height: 3px;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #c3002f;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left;
    -moz-transform-origin: left;
    -ms-transform-origin: left;
    -o-transform-origin: left;
    transform-origin: left;
    left: 0;
}
#nav li:hover a::after
{
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: right;
    -moz-transform-origin: right;
    -ms-transform-origin: right;
    -o-transform-origin: right;
    transform-origin: right;
    right: 0;
}
#nav li .navson
{
    display: none;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 100%;
    z-index: 999;
    width: 100%;
}
#nav li .navson a
{
    display: block;
    color: #fff!important;
    height: 35px;
    line-height: 35px;
    background: rgba(0,0,0,.7);
    text-align: center;
    font-size: 14px;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre;
}
#nav li .navson a:hover
{
    background: #c3002f;
}
#nav li .navson a:after
{
    display: none!important;
}
@media(min-width: 1200px) and (max-width: 1440px)
{
    #nav li
    {
        font-size: 15px;
    }
}
@media(min-width: 768px) and (max-width: 1200px)
{
    #nav
    {
        margin-top: 0;
    }
    #nav li
    {
        font-size: 15px;
    }
}
@media screen and (max-width: 1200px)
{
    #nav li
    {
        padding-top: 2%;
    }
}
.top_bj_active
{
    width: 100%;
    z-index: 20;
    background: #fff!important;
    top: 0;
    box-shadow: 0 0 20px rgba(0,0,0,.2);
    position: fixed!important;
}
.top_bj_active #logo
{
    padding: .5% 0;
}
.top_bj_active #logo img
{
    transform: scale(.8);
}
.top_bj_active #nav li
{
    font-size: 16px;
    padding-top: 2%;
}
.top_bj_active #top_tel .top_tel_con
{
    padding-top: 2%;
}
.top_bj_active #top_tel .top_tel_con .pic
{
    width: 17%;
}
.top_bj_active #top_tel .top_tel_con .float-left
{
    line-height: 20px;
    font-size: 12px;
}
.top_bj_active #top_tel .top_tel_con span
{
    font-size: 26px;
}
.top_bj_active #c-header .c-switch
{
    top: 25px;
}
.top_bj_active #c-header .c-nav2
{
    top: 55px;
}
#banner img
{
    width: 100%;
}
#banner .swiper-pagination
{
    bottom: 3%;
}
#banner .swiper-pagination-bullet
{
    width: 20px;
    height: 5px;
    border-radius: 1px;
    transition: .3s;
    opacity: .3;
}
#banner .swiper-pagination-bullet-active
{
    width: 60px;
    background: #c3002f;
    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: 50px;
}
#banner .swiper-button-next, #banner .swiper-button-prev
{
    background: rgba(0,0,0,.2);
    width: 50px;
    height: 80px;
}
#banner .swiper-button-next
{
    right: 5%;
}
#banner .swiper-button-prev
{
    left: 5%;
}
#mobile_banner img
{
    width: 100%;
}
#mobile_banner .swiper-pagination-bullet-active
{
    background: #c3002f;
}
#ssbj
{
    background: #c3002f;
    height: 79px;
}
#ssbj .float-right
{
    position: relative;
    height: 79px;
}
#ssbj .float-right:before
{
    position: absolute;
    background: #222d35;
    width: 200%;
    height: 100%;
    left: 0;
    top: 0;
    content: '';
}
.zy_search_form
{
    position: relative;
    width: 90%;
    float: right;
    margin-top: 15px;
    height: 40px;
    line-height: 40px;
    border: none;
    border-bottom: 1px solid rgba(255,255,255,.2);
}
.zy_search_form #search_name
{
    width: 80%;
    height: 38px;
    line-height: 38px;
    background: #222d35;
    float: left;
    outline: none;
    color: #676767;
    font-size: 13px;
    text-indent: 20px;
}
.zy_search_form #button
{
    width: 28px;
    height: 28px;
    margin-top: 6px;
    color: #fff;
    background: none;
    float: right;
    cursor: pointer;
    border: none;
    outline: none;
    transition: .3s;
}
#ssbj .float-left
{
    height: 79px;
    line-height: 79px;
    color: rgba(255,255,255,.7);
}
#ssbj .float-left p
{
    float: left;
    width: 11%;
}
#ssbj .float-left i
{
    display: inline-block;
    color: #fff;
    padding-right: 10px;
}
#ssbj .float-left a
{
    padding: 0 1%;
    color: rgba(255,255,255,.7);
    transition: .3s;
}
#ssbj .float-left a:hover
{
    color: #fff;
}
@media screen and (max-width: 1440px)
{
    #ssbj .float-left p
    {
        width: 17%;
    }
}
@media screen and (max-width: 991px)
{
    #ssbj .float-right:before
    {
        left: -25%;
    }
}
@media screen and (max-width: 768px)
{
    .zy_search_form
    {
        width: 100%;
        margin-top: 4%;
        float: none;
    }
}
.ovh
{
    overflow: hidden;
    display: none;
    width: 100%;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0,0,0,.3);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 99;
}
.ovh.show
{
    display: block;
}
.menu
{
    position: absolute;
    right: 15px;
    line-height: 32px;
    width: 75px;
    height: 30px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1000;
}
.menu .menu_button
{
    width: 35px;
    float: right;
    height: pointer;
    cursor: pointer;
}
.menu .menu_button>.line
{
    float: right;
    width: 100%;
    height: 3px;
    background: #323e4a;
    margin-top: 6px;
    transition: .3s;
    transition-timing-function: ease;
}
.menu .menu_button>.line:nth-child(2)
{
    transition-delay: .05s;
}
.menu .menu_button>.line:nth-child(3)
{
    transition-delay: .1s;
}
.m-sub-menu.show
{
    right: 0;
    transition: all .44s ease 0s;
    z-index: 100000000;
}
.m-sub-menu
{
    position: fixed;
    right: -100%;
    width: 100%;
    top: 0;
    z-index: 100;
    height: 100%;
    background-color: #fff;
    transition: all .64s ease 0s;
}
.m-sub-menu .top-box
{
    line-height: 70px;
    background-color: #333;
    font-size: 16px;
    color: #fff;
    text-indent: 25px;
    position: relative;
}
.m-sub-menu .top-box .menu_button
{
    width: 40px;
    height: 40px;
    cursor: pointer;
    position: absolute;
    right: 15px;
    top: 18px;
}
.m-sub-menu .top-box .menu_button .line
{
    background: #fff;
    float: right;
    width: 40px;
    height: 3px;
    margin-top: 6px;
    transition: .3s;
    transition-timing-function: ease;
}
.m-sub-menu .top-box .menu_button .line:nth-child(1)
{
    transform: translateY(10px) rotate(45deg);
    -webkit-transform: translateY(10px) rotate(45deg);
}
.m-sub-menu .top-box .menu_button .line:nth-child(2)
{
    transform: translateY(0) rotate(0);
    -webkit-transform: translateY(0) rotate(0);
    display: none;
}
.m-sub-menu .top-box .menu_button .line:nth-child(3)
{
    transform: translateY(0) rotate(-45deg);
    -webkit-transform: translateY(0) rotate(-45deg);
}
.m-sub-menu .list-wrap
{
    height: calc(100vh - 70px);
    overflow-y: scroll;
}
.m-sub-menu .list-wrap ul
{
    padding-bottom: 80px;
}
.m-sub-menu .list-wrap li
{
    line-height: 60px;
    border-bottom: 1px solid #f2f2f2;
}
.m-sub-menu .list-wrap li:last-child
{
    border: none;
}
.m-sub-menu .list-wrap li .col-box
{
    display: block;
    width: 100%;
    padding: 0 8%;
}
.m-sub-menu .list-wrap .tit
{
    font-size: 16px;
    color: #666;
}
.m-sub-menu .sec-sub-list
{
    position: absolute;
    right: -100%;
    top: 70px;
    width: 100%;
}
.m-sub-menu .sec-sub-list .return-fir
{
    display: block;
    width: 100%;
    padding: 0 5%;
    line-height: 60px;
    background-color: #c3002f;
}
.m-sub-menu .sec-sub-list .return-fir p
{
    padding-left: 18px;
    color: #fff;
    font-size: 18px;
}
.m-sub-menu .sec-sub-list .return-fir p i
{
    float: left;
    padding-right: 10px;
}
.m-sub-menu .sec-sub-list .boxs
{
    width: 100%;
    height: 100vh;
    position: absolute;
    left: 0;
    top: 0;
    transition: all .4s ease 0s;
    background-color: #fff;
}
.m-sub-menu .sec-sub-list .boxs.show
{
    left: -100%;
}
.m-sub-menu .sec-sub-list ul
{
    width: 100%;
    overflow-y: auto;
}
.m-sub-menu .sec-sub-list li
{
    line-height: 50px;
    border-bottom: 1px solid #f2f2f2;
}
.m-sub-menu .sec-sub-list li a
{
    display: block;
    width: 84%;
    padding: 0 7.8% 0 8.2%;
    font-size: 16px;
    color: #666;
}
#end_nr_bj
{
    background: #222d35;
    width: 100%;
    height: auto;
    overflow: hidden;
    color: rgba(255,255,255,.5);
}
#end_nr_bj a
{
    color: rgba(255,255,255,.5);
    transition: .3s;
    position: relative;
}
#end_nr_bj a:hover
{
    color: #fff;
}
#end_nr_bj a:after
{
    z-index: 1;
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    height: 5px;
    background-color: rgba(255,255,255,.2);
    width: 100%;
    -webkit-transition: transform .5s;
    -moz-transition: transform .5s;
    -ms-transition: transform .5s;
    -o-transition: transform .5s;
    transition: transform .5s;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
}
#end_nr_bj a:hover::after
{
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1);
}
#end_nr_bj #end_logo
{
    border-bottom: 1px solid rgba(255,255,255,.1);
    padding: 1% 0;
}
#end_nr_bj #end_logo .float-right
{
    text-align: right;
}
#end_nr_bj #end_logo .float-right p
{
    color: #666;
}
#end_nr_bj #end_logo .float-right span
{
    color: #c3002f;
    font-family: 'Bahnschrift';
    font-size: 25px;
}
#end_nr_bj .main
{
    padding: 2% 0;
}
#end_nr_bj .main .left ul
{
    float: left;
    padding: 0 4%;
}
#end_nr_bj .main .left ul:first-of-type
{
    width: 25%;
    padding: 0;
}
#end_nr_bj .main .left ul:first-of-type li
{
    width: 50%;
    float: left;
}
#end_nr_bj .main .left ul:last-of-type
{
    width: 45%;
}
#end_nr_bj .main .left ul:last-of-type li i
{
    float: left;
    color: #c3002f;
    margin-right: 10px;
}
#end_nr_bj .main .left ul .tit
{
    font-size: 18px;
    color: #fff;
    width: 100%!important;
    position: relative;
    height: 40px;
    margin-bottom: 10px;
}
#end_nr_bj .main .left ul .tit:before
{
    position: absolute;
    left: 0;
    bottom: 0;
    content: '';
    height: 2px;
    background: #c3002f;
    width: 30px;
    transition: .3s;
}
#end_nr_bj .main .left ul li
{
    line-height: 30px;
    transition: .3s;
}
#end_nr_bj .main .left ul:hover .tit:before
{
    width: 60px;
}
#end_nr_bj .main .right
{
    text-align: right;
}
#end_nr_bj .main .right img
{
    max-width: 100%;
}
@media screen and (max-width: 1400px)
{
    #end_nr_bj .main .left ul
    {
        padding: 0 2%;
    }
}
@media screen and (max-width: 991px)
{
    #end_nr_bj .main .left ul:last-of-type
    {
        width: 100%;
    }
    #end_nr_bj .main .right img
    {
        max-width: 60%;
    }
}
@media screen and (max-width: 768px)
{
    #end_nr_bj .main .right
    {
        padding-top: 3%;
        text-align: center;
    }
}
@media screen and (max-width: 765px)
{
    #end_nr_bj .main .right img
    {
        max-width: 50%;
    }
}
#end_line
{
    height: auto;
    padding: 10px 0;
    line-height: 30px;
    color: rgba(255,255,255,.5);
    background: #1e2830;
}
#end_line a
{
    color: rgba(255,255,255,.5);
}
#end_line a:hover
{
    color: #fff;
}
.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: 33%;
    height: 100%;
    float: left;
    text-align: center;
    background-color: #1e2830;
}
.footer_zx i
{
    font-size: 28px;
    padding: 4% 0 1%;
    font-weight: normal;
}
.footer_zx p
{
    font-size: 13px;
}
.footer_zx button
{
    display: block;
    width: 34%;
    background: #c3002f;
    height: 100%;
    float: left;
    text-align: center;
    color: #fff!important;
}
.kb50
{
    height: 60px;
}
.tit_in
{
    text-align: center;
    position: relative;
}
.tit_in h1
{
    color: #222;
    font-size: 36px;
    position: relative;
    z-index: 2;
}
.tit_in h1 span
{
    color: #c3002f;
    font-weight: bold;
}
.tit_in p
{
    position: absolute;
    z-index: 1;
    width: 100%;
    top: 0;
    color: rgba(102,102,102,.05);
    font-size: 70px;
    font-family: Impact;
    text-transform: uppercase;
}
.tit_in i
{
    font-size: 16px;
    color: #a9a9a9;
    text-transform: uppercase;
    display: block;
}
@media screen and (max-width: 768px)
{
    .tit_in p
    {
        font-size: 35px;
    }
    .tit_in h1
    {
        font-size: 24px;
    }
    .tit_in i
    {
        font-size: 12px;
    }
}
#khal
{
    margin: 3% 0 0;
}
#khal .swiper-slide
{
    background-position: center;
    position: relative;
}
#khal .gallery-top
{
    height: auto;
    padding: 0;
}
#khal .gallery-top .cp_hui
{
    background: #f6f7fc;
    padding: 20px 5px 20px 20px;
    width: 98%;
    float: right;
    margin: 0;
}
#khal .gallery-top .big
{
    padding: 0;
}
#khal .gallery-top .big li
{
    position: relative;
}
#khal .gallery-top .big .pic
{
    width: 100%;
    height: 0;
    padding-bottom: 75%;
    position: relative;
    overflow: hidden;
}
#khal .gallery-top .big .pic img
{
    width: 100%;
    height: 100%;
    object-fit: cover;
    left: 0;
    position: absolute;
    text-align: center;
}
#khal .gallery-top .big .font
{
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(34,45,53,.9);
    width: 100%;
    padding: 2%;
}
#khal .gallery-top .big .font .tit
{
    color: #fff;
    font-size: 20px;
}
#khal .gallery-top .big .font .content
{
    color: rgba(255,255,255,.6);
    padding-top: 0;
}
#khal .gallery-top .small
{
    text-align: center;
}
#khal .gallery-top .small li
{
    margin-bottom: 15px;
}
#khal .gallery-top .small li .pic
{
    width: 100%;
    height: 0;
    padding-bottom: 80%;
    position: relative;
    overflow: hidden;
}
#khal .gallery-top .small li .pic img
{
    width: 100%;
    height: 100%;
    object-fit: cover;
    left: 0;
    position: absolute;
    text-align: center;
}
#khal .gallery-top .small li:last-of-type
{
    margin-bottom: 0;
}
#khal .gallery-thumbs
{
    height: auto;
    text-align: left;
}
#khal .gallery-thumbs .swiper-wrapper
{
    padding: 0;
}
#khal .gallery-thumbs .swiper-slide
{
    cursor: pointer;
    height: auto;
    background: #f9f9f9;
    border-bottom: 1px solid #eee;
    padding: 5% 0 9% 15%;
    line-height: 25px;
    position: relative;
    transition: .3s;
}
#khal .gallery-thumbs .swiper-slide:before
{
    position: absolute;
    left: -20%;
    top: -20%;
    content: '';
    background: url("../image/cplb_bj1.png") no-repeat right top;
    width: 15%;
    height: 45%;
    transition: .3s;
}
#khal .gallery-thumbs .swiper-slide:after
{
    position: absolute;
    right: -20%;
    bottom: -20%;
    content: '';
    background: url("../image/cplb_bj2.png") no-repeat left top;
    width: 11%;
    height: 40%;
    transition: .3s;
}
#khal .gallery-thumbs .swiper-slide .font p
{
    color: #666;
    font-size: 18px;
}
#khal .gallery-thumbs .swiper-slide .font span
{
    color: #bbb;
    font-size: 14px;
    text-transform: uppercase;
}
#khal .gallery-thumbs .swiper-slide-thumb-active
{
    background: #c3002f;
    position: relative;
}
#khal .gallery-thumbs .swiper-slide-thumb-active:before
{
    left: 0;
    top: 0;
}
#khal .gallery-thumbs .swiper-slide-thumb-active:after
{
    right: 0;
    bottom: 0;
}
#khal .gallery-thumbs .swiper-slide-thumb-active .font p, #khal .gallery-thumbs .swiper-slide-thumb-active .font span
{
    color: #fff;
}
@media screen and (max-width: 1200px)
{
    #khal .gallery-thumbs .swiper-slide .font p
    {
        font-size: 16px;
    }
    #khal .gallery-thumbs .swiper-slide .font span
    {
        font-size: 12px;
    }
    #khal .gallery-top .cp_hui
    {
        width: 100%;
        float: none;
        padding: 0;
        margin: 0;
    }
}
@media screen and (max-width: 991px)
{
    #khal .gallery-top .small
    {
        padding: 0;
        margin-top: 3%!important;
    }
    #khal .gallery-thumbs .swiper-slide
    {
        padding: 3%;
        line-height: 20px;
        border-right: 1px solid #eee;
    }
}
@media screen and (max-width: 768px)
{
    #khal .gallery-top .big .font .content
    {
        display: none;
    }
    #khal .gallery-top .cp_hui
    {
        padding: 15px;
    }
    #khal .gallery-thumbs .swiper-slide-thumb-active
    {
        padding-left: 3%;
    }
    #khal .gallery-top .small li
    {
        padding: 0 .5%;
        margin: 0;
    }
}
#hzal
{
    position: relative;
}
#hzal .swiper-container
{
    width: 100%;
    height: 100%;
    padding: 3% 0 0;
}
#hzal .swiper-slide
{
    text-align: center;
    overflow: hidden;
    transition: .3s;
    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;
}
#hzal .swiper-slide .pic
{
    width: 100%;
    height: 0;
    padding-bottom: 75%;
    position: relative;
    overflow: hidden;
}
#hzal .swiper-slide .pic img
{
    width: 100%;
    height: 100%;
    object-fit: cover;
    left: 0;
    position: absolute;
    text-align: center;
    transition: .3s;
}
#hzal .swiper-slide p
{
    color: #666;
    font-size: 16px;
    height: 45px;
    line-height: 45px;
}
#hzal .swiper-slide:hover img
{
    transform: scale(1.1);
}
#hzal .swiper-slide:hover
{
    filter: drop-shadow(-8px 5px 8px rgba(153,153,153,.2));
}
#hzal .swiper-button-next, #hzal .swiper-button-prev
{
    background: none;
    width: 50px;
    height: 50px;
    top: 50%;
}
#hzal .swiper-button-next:after, #hzal .swiper-button-prev:after
{
    display: none;
}
#hzal .swiper-button-next i, #hzal .swiper-button-prev i
{
    font-size: 40px;
    color: #bababa;
    transition: .3s;
}
#hzal .swiper-button-next
{
    right: -5%;
}
#hzal .swiper-button-prev
{
    left: -5%;
}
#hzal .swiper-button-next:hover i, #hzal .swiper-button-prev:hover i
{
    color: #c3002f;
}
@media screen and (max-width: 768px)
{
    #hzal .swiper-container
    {
        padding: 3% 0;
    }
    #hzal .swiper-button-next
    {
        right: -40px;
    }
    #hzal .swiper-button-prev
    {
        left: -40px;
    }
    #hzal .swiper-button-next, #hzal .swiper-button-prev
    {
        display: none;
        width: 30px;
        height: 30px;
    }
    #hzal .swiper-button-next i, #hzal .swiper-button-prev i
    {
        font-size: 30px;
    }
}
#gsjjbj
{
    background: url("../image/jj_bj.jpg") repeat-y center fixed;
    text-align: center;
}
#gsjjbj .tit_in p
{
    color: rgba(255,255,255,.05);
}
#gsjjbj .tit_in h1
{
    color: #fff;
}
#gsjjbj #gsjj
{
    text-align: center;
    color: #e1e3e4;
    padding: 3% 16% 5%;
    font-size: 16px;
}
#gsjjbj ul
{
    text-align: center;
}
#gsjjbj ul li
{
    display: inline-block;
    color: #e1e3e4;
    line-height: 35px;
}
#gsjjbj ul li .pic i
{
    display: none;
    font-size: 40px;
    transition: .3s;
}
#gsjjbj ul li:nth-of-type(1) .pic i:nth-of-type(1)
{
    display: block;
}
#gsjjbj ul li:nth-of-type(2) .pic i:nth-of-type(2)
{
    display: block;
}
#gsjjbj ul li:nth-of-type(3) .pic i:nth-of-type(3)
{
    display: block;
}
#gsjjbj ul li:nth-of-type(4) .pic i:nth-of-type(4)
{
    display: block;
}
#gsjjbj ul li .pic
{
    display: inline-block;
    width: 85px;
    height: 85px;
    line-height: 85px;
    border: 1px solid rgba(255,255,255,.2);
    border-radius: 5px;
    transition: .3s;
}
#gsjjbj ul li .dian
{
    color: #c3002f;
    font-size: 20px;
}
#gsjjbj ul li p
{
    color: #e1e3e4;
    font-size: 34px;
    font-weight: bold;
    transition: .3s;
}
#gsjjbj ul li span
{
    color: #fff;
    font-size: 16px;
}
#gsjjbj ul li:hover .pic
{
    background: #fff;
}
#gsjjbj ul li:hover .pic i
{
    color: #c3002f;
}
#gsjjbj ul li:hover p
{
    color: #fff;
}
#gsjjbj #tel
{
    display: inline-block;
    margin: 5% auto 0;
    text-align: center;
    padding: 0 3%;
    color: #e1e3e4;
    font-size: 16px;
    height: 50px;
    line-height: 50px;
    background: #c3002f;
    border-radius: 25px;
}
#gsjjbj #tel i
{
    float: left;
    font-size: 28px;
    margin-right: 10px;
}
#gsjjbj #tel p
{
    float: left;
}
#gsjjbj #tel span
{
    display: block;
    float: left;
    font-family: Bahnschrift;
    font-size: 28px;
}
@media screen and (max-width: 1440px)
{
    #gsjjbj ul li .pic
    {
        width: 65px;
        height: 65px;
        line-height: 65px;
    }
    #gsjjbj ul li span
    {
        font-size: 14px;
    }
}
@media screen and (max-width: 1200px)
{
    #gsjjbj ul li .pic
    {
        width: 50px;
        height: 50px;
        line-height: 50px;
    }
    #gsjjbj ul li .pic i
    {
        font-size: 34px;
    }
    #gsjjbj ul li span
    {
        font-size: 12px;
    }
}
@media screen and (max-width: 991px)
{
    #gsjjbj #gsjj
    {
        padding: 3%;
    }
    #gsjjbj ul li
    {
        margin: 2% 0;
    }
}
@media screen and (max-width: 768px)
{
    #gsjjbj ul li .pic
    {
        width: 40px;
        height: 40px;
        line-height: 40px;
    }
    #gsjjbj ul li .pic i
    {
        font-size: 30px;
    }
}
#paodao_top
{
    padding: 3% 0;
    margin: 0 auto!important;
}
#paodao_top li
{
    text-align: center;
    cursor: pointer;
}
#paodao_top li .pic
{
    float: right;
    border: 1px solid #ccc;
    border-radius: 100%;
    width: 45px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    transition: .3s;
}
#paodao_top li .pic i
{
    color: #ccc;
    font-size: 24px;
    transition: .3s;
}
#paodao_top li .font
{
    text-align: left;
    padding: 0;
    line-height: 27px;
}
#paodao_top li .font p
{
    color: #333;
    font-size: 24px;
    transition: .3s;
}
#paodao_top li .font span
{
    color: #666;
    font-size: 14px;
    transition: .3s;
}
#paodao_top li:hover .pic
{
    background: #c3002f;
    border: 1px solid #c3002f;
}
#paodao_top li:hover .pic i
{
    color: #fff;
}
#paodao_top li:hover .font p
{
    color: #c3002f;
    font-weight: bold;
}
#paodao_top li:hover .font span
{
    color: #c3002f;
}
@media screen and (max-width: 1200px)
{
    #paodao_top li
    {
        padding: 0 .5% 2%;
    }
    #paodao_top li .font p
    {
        font-size: 20px;
    }
    #paodao_top li .font span
    {
        font-size: 13px;
    }
}
@media screen and (max-width: 765px)
{
    #paodao_top li
    {
        padding: 2% 0;
    }
    #paodao_top li .font p
    {
        font-size: 16px;
    }
    #paodao_top li .font span
    {
        font-size: 12px;
    }
}
#cpnr
{
    position: relative;
    padding-bottom: 5%;
}
#cpnr .hui
{
    background: #fff;
}
#cpnr .swiper-container
{
    width: 100%;
    height: 100%;
}
#cpnr .swiper-slide
{
    transition: .3s;
    overflow: hidden;
    position: relative;
    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;
}
#cpnr .swiper-slide .pic
{
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 80%;
    position: relative;
    overflow: hidden;
}
#cpnr .swiper-slide .pic img
{
    width: 100%;
    height: 100%;
    object-fit: cover;
    left: 0;
    position: absolute;
    transition: .3s;
}
#cpnr .swiper-slide .content
{
    position: absolute;
    left: 50%;
    top: 50%;
    margin: 5%;
    width: 0;
    background: rgba(195,0,47,.9);
    height: 0;
    transition: .3s;
    padding: 15% 8% 0 8%;
    transition: .4s;
    overflow: hidden;
    opacity: 0;
}
#cpnr .swiper-slide .content:before
{
    position: absolute;
    left: 5%;
    top: 5%;
    content: '';
    width: 90%;
    height: 90%;
    border: 1px solid rgba(255,255,255,.3);
}
#cpnr .swiper-slide .content .tit
{
    color: #fff;
    font-size: 18px;
}
#cpnr .swiper-slide .content .nr
{
    color: rgba(255,255,255,.4);
    line-height: 25px;
    padding: 6% 0;
}
#cpnr .swiper-slide .content .more i
{
    float: left;
    color: rgba(255,255,255,.4);
    font-size: 45px;
    margin-right: 3%;
}
#cpnr .swiper-slide .content .more
{
    color: rgba(255,255,255,.4);
}
#cpnr .swiper-slide:hover .content
{
    left: 0;
    top: 0;
    opacity: 1;
    width: 90%;
    height: 87%;
}
#cpnr .swiper-slide:hover img
{
    transform: scale(1.1);
}
#cpnr .swiper-button-next, #cpnr .swiper-button-prev
{
    background: #282828;
    width: 35px;
    height: 35px;
    position: absolute;
    bottom: 0;
    top: auto;
    transition: .3s;
    text-align: center;
    line-height: 35px;
}
#cpnr .swiper-button-next i, #cpnr .swiper-button-prev i
{
    color: #fff;
    font-size: 26px;
}
#cpnr .swiper-button-prev
{
    background: #c3002f;
    right: auto;
    left: 45.5%;
}
#cpnr .swiper-button-next
{
    left: auto;
    right: 45.5%;
}
#cpnr .swiper-button-next:after, #cpnr .swiper-button-prev:after
{
    display: none;
}
#cpnr #more
{
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
    text-align: center;
}
#cpnr #more a
{
    display: block;
    width: 35px;
    margin: 0 auto;
    height: 35px;
    line-height: 35px;
    background: #c5c5c5;
    transition: .3s;
}
#cpnr #more a i
{
    color: #fff;
}
#cpnr .swiper-button-prev:hover, #cpnr .swiper-button-next:hover, #cpnr #more a:hover
{
    background: #c3002f;
    box-shadow: 0 3px 5px rgba(0,0,0,.1);
}
@media(min-width: 1200px) and (max-width: 1440px)
{
    #cpnr
    {
        padding-bottom: 7%;
    }
    #cpnr .swiper-button-prev
    {
        left: 44%;
    }
    #cpnr .swiper-button-next
    {
        right: 44%;
    }
}
@media screen and (max-width: 1200px)
{
    #cpnr
    {
        padding-bottom: 7%;
    }
    #cpnr .swiper-button-prev
    {
        left: 43%;
    }
    #cpnr .swiper-button-next
    {
        right: 43%;
    }
}
@media screen and (max-width: 991px)
{
    #cpnr
    {
        padding-bottom: 7%;
    }
    #cpnr .swiper-button-prev
    {
        left: 42%;
    }
    #cpnr .swiper-button-next
    {
        right: 42%;
    }
}
@media screen and (max-width: 765px)
{
    #cpnr
    {
        padding-bottom: 15%;
    }
    #cpnr .swiper-button-prev
    {
        left: 35%;
    }
    #cpnr .swiper-button-next
    {
        right: 35%;
    }
}
.hui
{
    background: #f9f9f9;
}
#xwbj
{
    background: #fff;
    padding: 3% 2%;
    margin-top: 2%;
}
#indexNews li
{
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 4% 0;
    transition: .3s;
    border-bottom: solid 1px #e8e8e9;
}
#indexNews li .row
{
    margin: 0;
}
#indexNews li .right
{
    padding-left: 3%!important;
    line-height: 25px;
}
#indexNews li .news_title
{
    text-align: left;
    color: #333;
    font-size: 18px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 30px;
}
#indexNews li .news_info
{
    color: #999;
    font-size: 14px;
}
#indexNews li .news_time
{
    line-height: 30px;
    text-align: center;
    font-weight: normal!important;
    border-right: solid 1px #e8e8e9;
    color: #666;
    font-size: 1.5rem;
    padding: 0!important;
    margin: 0!important;
}
#indexNews li .news_time span
{
    display: block;
    margin: 0 auto;
    line-height: 45px;
    width: 100%;
    text-align: center;
    color: #666;
    font-size: 50px;
    font-family: Bahnschrift;
}
#indexNews li:last-of-type
{
    border-bottom: none;
}
#indexNews li:hover
{
    background: #c3002f;
}
#indexNews li:hover .news_title, #indexNews li:hover .news_time, #indexNews li:hover .news_time span
{
    color: #fff;
}
#indexNews li:hover .news_info
{
    color: rgba(255,255,255,.6);
}
@media screen and (max-width: 1200px)
{
    #indexNews li .news_time
    {
        font-size: 16px;
    }
}
@media screen and (max-width: 768px)
{
    #indexNews li .news_time span
    {
        font-size: 40px;
    }
}
#xwpicnr .swiper-container
{
    width: 100%;
    height: 100%;
}
#xwpicnr .swiper-slide
{
    text-align: center;
    transition: .3s;
    position: relative;
    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;
}
#xwpicnr .swiper-slide .pic
{
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 60%;
    position: relative;
    overflow: hidden;
}
#xwpicnr .swiper-slide .pic img
{
    width: 100%;
    height: 100%;
    object-fit: cover;
    left: 0;
    position: absolute;
}
#xwpicnr .swiper-pagination
{
    right: 20px;
    bottom: 0;
    left: auto;
    height: 30px;
    text-align: right;
}
#xwpicnr .swiper-pagination .swiper-pagination-bullet
{
    background: #c3002f;
    width: 10px;
    height: 10px;
}
@media screen and (max-width: 1440px)
{
    #xwpicnr .swiper-slide .pic
    {
        padding-bottom: 80%;
    }
}
@media screen and (max-width: 1200px)
{
    #xwpicnr .swiper-slide .pic
    {
        padding-bottom: 90%;
    }
}
@media screen and (max-width: 991px)
{
    #xwpicnr .swiper-slide .pic
    {
        padding-bottom: 70%;
    }
}
#zi_banner
{
    width: 100%;
    height: auto;
    text-align: center;
    overflow: hidden;
    position: relative;
}
#zi_banner img
{
    width: 100%;
}
#zi_banner .main
{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    color: #fff;
    line-height: 35px;
    width: 100%;
    text-align: center;
    padding: 2% 0 0;
}
#zi_banner .main p
{
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    padding-top: 3%;
}
#zi_banner .main i
{
    color: #c3002f;
    font-size: 20px;
    padding-top: 10px;
}
#zi_banner .main span
{
    display: block;
    font-size: 14px;
    color: #fff;
}
#zi_banner .main span a
{
    color: #fff;
    padding: 0 7px;
}
#zi_banner .main span a:hover
{
    color: #c3002f;
}
@media screen and (max-width: 1440px)
{
    #zi_banner .main p
    {
        padding-top: 0;
    }
}
@media screen and (max-width: 1200px)
{
    #zi_banner img
    {
        width: 200%;
    }
    #zi_banner .main p
    {
        padding-top: 8%;
    }
}
@media screen and (max-width: 768px)
{
    #zi_banner img
    {
        width: 350%;
        margin-left: -50%;
    }
}
#gsjj .pic
{
    display: inline-block;
    position: relative;
    overflow: hidden;
}
#gsjj .pic img
{
    width: 100%;
    transition: .3s;
}
#gsjj .font .tit i
{
    color: #c3002f;
    font-weight: bold;
    font-size: 20px;
    text-transform: uppercase;
}
#gsjj .font .tit h1
{
    font-size: 30px;
    color: #3d464e;
    font-weight: bold!important;
    height: 50px;
    line-height: 50px;
}
#gsjj .font .tit h1 p
{
    float: left;
    font-size: 30px;
}
#gsjj .font .tit h1 span
{
    float: left;
    color: #666;
    font-size: 16px;
    font-weight: normal!important;
}
#gsjj .font .tit h1 span i
{
    display: inline-block;
    color: #666;
    font-size: 20px;
}
#gsjj .font .tit p
{
    color: #333;
    font-size: 18px;
}
#gsjj .font .content
{
    color: #666;
    font-size: 16px;
    line-height: 35px;
    padding: 5% 0;
}
#gsjj .font ul
{
    margin-top: 3%!important;
}
#gsjj .font ul li
{
    float: left;
    width: 20%;
    height: 45px;
    line-height: 45px;
    font-size: 14px;
    border: 1px solid #222d35;
    text-align: center;
    margin-right: 5%;
}
#gsjj .font ul li:first-of-type
{
    border: 1px solid #c3002f;
    background: #c3002f;
    color: #fff;
}
#gsjj .font ul li:first-of-type a
{
    color: #fff;
}
#gsjj .font ul li:hover
{
    border: 1px solid #c3002f;
    background: #c3002f;
}
#gsjj .font ul li:hover a
{
    color: #fff;
}
@media screen and (max-width: 1200px)
{
    #gsjj .font ul li
    {
        width: 30%;
    }
}
@media screen and (max-width: 1000px)
{
    #gsjj .pic
    {
        width: 100%;
    }
    #gsjj .pic
    {
        margin-top: 5%;
    }
}
@media screen and (max-width: 768px)
{
    #gsjj .font ul li
    {
        width: 30%;
    }
    #gsjj .font .tit:before
    {
        font-size: 75px;
        top: 15%;
    }
}
.jjin_lb
{
    padding: 2% 0;
}
.jjin_lb ul li .pic, .jjin_lb ul li .dian
{
    float: left;
}
.jjin_lb ul li .float-left
{
    text-align: left;
    padding-top: 13px;
}
.jjin_lb ul li .dian
{
    padding: 0 5%;
    margin-top: 25px;
}
@media screen and (max-width: 1440px)
{
    .jjin_lb ul li .float-left
    {
        padding-top: 0;
    }
}
@media screen and (max-width: 1200px)
{
    .jjin_lb ul li .dian
    {
        margin-top: 9px;
    }
    .jjin_lb ul li .float-left
    {
        line-height: 25px;
    }
}
@media screen and (max-width: 768px)
{
    .jjin_lb ul li
    {
        margin-bottom: 5%;
    }
    .jjin_lb ul li .dian
    {
        padding: 0;
        margin-top: 15px;
    }
    .jjin_lb ul li .float-left
    {
        line-height: 20px;
    }
    .jjin_lb ul li .float-left p
    {
        font-size: 28px!important;
    }
    .jjin_lb ul li .float-left span
    {
        font-size: 12px!important;
    }
}
@media screen and (max-width: 765px)
{
    #gsjjbj ul li .dian
    {
        display: none;
    }
    .jjin_lb ul li .float-left
    {
        width: 65%;
        padding-left: 2%;
    }
}
#kjcx
{
    position: relative;
    margin-top: 2%;
}
#kjcx .swiper-container
{
    width: 100%;
    height: 100%;
}
#kjcx .swiper-slide
{
    transition: .3s;
    position: relative;
    padding-bottom: 30px;
    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;
}
#kjcx .swiper-slide .pic
{
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 75%;
    position: relative;
    overflow: hidden;
}
#kjcx .swiper-slide .pic img
{
    width: 100%;
    height: 100%;
    object-fit: cover;
    left: 0;
    position: absolute;
    transition: .3s;
}
#kjcx .swiper-slide .tit
{
    position: absolute;
    bottom: 0;
    left: 5%;
    height: auto;
    line-height: 30px;
    padding: 3% 0;
    background: #1e2830;
    width: 90%;
    text-align: center;
    color: #fff;
    transition: .3s;
}
#kjcx .swiper-slide .tit p
{
    display: inline-block;
    font-size: 18px;
    color: #fff;
}
#kjcx .swiper-slide .tit span
{
    display: block;
    position: relative;
    text-transform: uppercase;
    font-size: 14px;
    color: rgba(255,255,255,.5);
}
#kjcx .swiper-slide .tit span:before
{
    position: absolute;
    width: 20%;
    height: 1px;
    bottom: 20%;
    left: 40%;
    content: '';
    background: rgba(255,255,255,.5);;
}
#kjcx .swiper-slide:hover img
{
    transform: scale(1.1);
}
#kjcx .swiper-slide:hover .tit
{
    background-color: #c3002f;
    color: #fff;
}
#kjcx .swiper-button-next, #kjcx .swiper-button-prev
{
    background: none;
    width: 35px;
    opacity: 1;
    height: 35px;
    background: #c3002f;
    top: 50%;
    transition: .3s;
}
#kjcx .swiper-button-next:after, #kjcx .swiper-button-prev:after
{
    display: none;
}
#kjcx .swiper-button-next i, #kjcx .swiper-button-prev i
{
    font-size: 25px;
    color: #fff;
    transition: .3s;
}
#kjcx .swiper-button-next
{
    right: -5%;
}
#kjcx .swiper-button-prev
{
    left: -5%;
}
#kjcx .swiper-button-next:hover, #kjcx .swiper-button-prev:hover
{
    background: #1e2830;
}
#kjcx .swiper-button-next:hover i, #kjcx .swiper-button-prev:hover i
{
    color: #fff;
}
@media screen and (max-width: 768px)
{
    #kjcx .swiper-button-next
    {
        right: 0;
    }
    #kjcx .swiper-button-prev
    {
        left: 0;
    }
    #kjcx .swiper-button-next, #kjcx .swiper-button-prev
    {
        width: 30px;
        height: 30px;
    }
    #kjcx .swiper-button-next i, #kjcx .swiper-button-prev i
    {
        font-size: 30px;
    }
}
.qywh
{
    margin-top: 3%!important;
}
.qywh li .font
{
    background: #fff;
    padding: 15% 10%;
    position: relative;
    transition: .3s;
}
.qywh li .font i
{
    color: #c3002f;
    font-size: 45px;
}
.qywh li .font h1
{
    color: #000;
    font-size: 26px;
    padding: 10% 0 8%;
}
.qywh li .font p
{
    color: #444b53;
    font-size: 16px;
}
.qywh li .font:before
{
    position: absolute;
    left: 33px;
    bottom: -20px;
    content: '';
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top-color: #fff;
}
.qywh li .font:after
{
    position: absolute;
    left: 33px;
    top: -20px;
    content: '';
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-bottom-color: #fff;
}
.qywh .col-12:nth-of-type(even) li .font:before
{
    display: none;
}
.qywh li .num
{
    width: 45px;
    height: 45px;
    border-radius: 100%;
    text-align: center;
    line-height: 45px;
    font-size: 16px;
    font-family: Arial;
    background: #fff;
    margin: 20px;
    transition: .3s;
}
.qywh li:hover .font, .qywh li:hover .num
{
    background: #c3002f;
}
.qywh li:hover .font i, .qywh li:hover .font h1, .qywh li:hover .font p, .qywh li:hover .num
{
    color: #fff;
}
.qywh .col-12:nth-of-type(odd):hover li .font:before
{
    border-top-color: #c3002f;
}
.qywh .col-12:nth-of-type(even):hover li .font:after
{
    border-bottom-color: #c3002f;
}
#qywh
{
    margin-top: 3%;
}
#qywh .swiper-container
{
    width: 100%;
    height: 100%;
}
#qywh .swiper-slide
{
    transition: .3s;
    overflow: hidden;
    position: relative;
    padding: 4% 0 0;
    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;
}
#qywh .swiper-slide .font
{
    background: #fff;
    padding: 15% 10%;
    position: relative;
    transition: .3s;
}
#qywh .swiper-slide .font i
{
    color: #c3002f;
    font-size: 45px;
}
#qywh .swiper-slide .font h1
{
    color: #000;
    font-size: 26px;
    padding: 10% 0 8%;
}
#qywh .swiper-slide .font p
{
    color: #444b53;
    font-size: 16px;
}
#qywh .swiper-slide .font:before
{
    position: absolute;
    left: 33px;
    bottom: -20px;
    content: '';
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top-color: #fff;
}
#qywh .swiper-slide .font:after
{
    position: absolute;
    left: 33px;
    top: -20px;
    content: '';
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-bottom-color: #fff;
}
#qywh .swiper-slide:nth-of-type(even) .font:before
{
    display: none;
}
#qywh .swiper-slide .num
{
    width: 45px;
    height: 45px;
    border-radius: 100%;
    text-align: center;
    line-height: 45px;
    font-size: 16px;
    font-family: Arial;
    background: #fff;
    margin: 20px;
    transition: .3s;
    float: left;
}
#qywh .swiper-slide:hover .font, #qywh .swiper-slide:hover .num
{
    background: #c3002f;
}
#qywh .swiper-slide:hover .font i, #qywh .swiper-slide:hover .font h1, #qywh .swiper-slide:hover .font p, #qywh .swiper-slide:hover .num
{
    color: #fff;
}
#qywh .swiper-slide:nth-of-type(odd):hover .font:before
{
    border-top-color: #c3002f;
}
#qywh .swiper-slide:nth-of-type(even):hover .font:after
{
    border-bottom-color: #c3002f;
}
@media screen and (max-width: 768px)
{
    #qywh
    {
        padding: 0 3%;
    }
}
#link
{
    position: relative;
}
#link .swiper-container
{
    width: 100%;
    height: 100%;
    padding: 0;
}
#link .swiper-slide
{
    text-align: center;
    overflow: hidden;
    transition: .3s;
    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;
}
#link .swiper-slide .pic
{
    width: 100%;
    height: 0;
    padding-bottom: 50%;
    position: relative;
    overflow: hidden;
}
#link .swiper-slide .pic img
{
    width: 100%;
    height: 100%;
    object-fit: cover;
    left: 0;
    position: absolute;
    text-align: center;
    transition: .3s;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1) Alpha(opacity=70);
    -moz-opacity: .7;
    opacity: .7;
}
#link .swiper-slide p
{
    color: #666;
    font-size: 16px;
    height: 45px;
    line-height: 45px;
}
#link .swiper-slide:hover .pic img
{
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=0) Alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}
.news01
{
    padding: 0;
}
.news01 li
{
    margin-bottom: 7%;
}
.news01 .imgbox
{
    width: 100%;
    height: 0;
    padding-bottom: 70%;
    position: relative;
    overflow: hidden;
}
.news01 .imgbox img
{
    object-fit: cover;
    left: 0;
    position: absolute;
    text-align: center;
    height: 100%;
    width: 100%;
    transition: .3s;
}
.news01 .imgbox1
{
    width: 100%;
    height: 0;
    padding-bottom: 80%;
    position: relative;
    overflow: hidden;
}
.news01 .imgbox1 p
{
    text-align: center;
    left: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    transition: .3s;
}
.news01 .imgbox1 p img
{
    max-width: 100%;
    max-height: 100%;
    transition: .3s;
}
.news01 .slide:hover .imgbox img
{
    transform: scale(1.1);
}
.news01 .txtbox
{
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    position: relative;
    background: #fff;
    border-bottom: 1px solid #e2e2e2;
}
.news01 .txtbox span
{
    display: block;
    z-index: 1;
    position: relative;
    transition: .3s;
}
.news01 .txtbox:after
{
    position: absolute;
    content: "";
    background: #c3002f;
    height: 100%;
    width: 100%;
    left: 0;
    bottom: 0;
    transition: all .5s;
    -webkit-transition: transform .5s;
    -moz-transition: transform .5s;
    -ms-transition: transform .5s;
    -o-transition: transform .5s;
    transition: transform .5s;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
}
.news01 .slide:hover .txtbox::after
{
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1);
}
.news01 .slide:hover .txtbox span
{
    color: #fff;
}
#xgcp
{
    padding: 7% 0 2%;
}
#xgcp li
{
    margin-bottom: 10%;
    background: #fff;
}
#xgcp li .pic
{
    width: 100%;
    height: 0;
    padding-bottom: 75%;
    position: relative;
    overflow: hidden;
}
#xgcp li .pic img
{
    width: 100%;
    height: 100%;
    object-fit: cover;
    left: 0;
    position: absolute;
    transition: .3s;
}
#xgcp li p
{
    height: 40px;
    line-height: 40px;
    text-align: center;
    transition: .3s;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#xgcp li:hover p
{
    background: #c3002f;
    color: #fff;
}
#xgcp li:hover .pic img
{
    transform: scale(1.1);
}
.contact_item
{
    padding: 0;
    text-align: center;
    margin-top: 3%;
}
.contact_item li
{
    display: inline-block;
    margin-bottom: 30px;
}
.contact_item li span
{
    display: block;
    width: 150px;
    height: 135px;
    margin: 0 auto;
    text-align: center;
    position: relative;
}
.contact_item li span.contact_item_1
{
    background: url(../image/contact_li_bg1.png) center no-repeat;
    line-height: 108px;
}
.contact_item li span.contact_item_2
{
    background: url(../image/contact_li_bg2.png) center no-repeat;
    line-height: 135px;
}
.contact_item li span.contact_item_3
{
    background: url(../image/contact_li_bg3.png) center no-repeat;
    line-height: 170px;
}
.contact_item li span img
{
    vertical-align: middle;
}
.contact_item_ewm
{
    width: 84px;
    height: 84px;
    position: absolute;
    left: 33px;
    top: 45px;
    z-index: 1;
}
.contact_item_ewm img
{
    width: 84px;
    height: 84px;
    position: absolute;
    left: 0;
    top: 0;
    transition: all .4s;
    vertical-align: top;
}
.contact_item li h4
{
    color: #333;
    font-size: 18px;
    line-height: 30px;
    text-align: center;
    margin: 10px auto!important;
    font-weight: bold!important;
}
.contact_item li p
{
    color: #333;
    font-size: 14px;
    line-height: 26px;
}
.contact_item li:nth-child(3n) p
{
    text-align: center;
}
.in_title
{
    line-height: 40px;
    padding: 30px 0 10px;
    color: #747474;
    font-size: 16px;
}
.in_title p
{
    font-size: 30px;
    color: #3e3e3e;
}
.pro_home
{
    height: 80px;
    line-height: 80px;
}
.pro_home i
{
    display: block;
    float: left;
    font-size: 20px;
    margin-right: 10px;
}
.pro_list
{
    background: #fff;
    padding: 4% 2%;
}
.pro_list li
{
    margin-bottom: 3%;
}
.pro_list li .img
{
    width: 100%;
    height: 0;
    padding-bottom: 75%;
    position: relative;
    overflow: hidden;
}
.pro_list li .img img
{
    width: 100%;
    height: 100%;
    object-fit: cover;
    left: 0;
    position: absolute;
    transition: .3s;
}
.pro_list li .title
{
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 16px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.pro_list li:hover .img img
{
    transform: scale(1.1);
}
.cpclass
{
    margin-bottom: 3%!important;
    background: #fff;
}
.cpclass .row
{
    margin: 0;
}
.cpclass .pic
{
    height: 0;
    padding-bottom: 40%;
    position: relative;
    overflow: hidden;
}
.cpclass .pic img
{
    width: 100%;
    height: 100%;
    object-fit: cover;
    left: 0;
    position: absolute;
    text-align: center;
}
.cpclass .font
{
    padding: 1.5% 3%;
    border-left: 1px solid #f0f0f0;
}
.cpclass .font dl
{
    margin: 0;
}
.cpclass .font dl dt
{
    font-weight: normal;
    clear: both;
    padding: 8% 3%;
    border-bottom: 1px solid #f0f0f0;
    cursor: pointer;
}
.cpclass .font dl dt:last-of-type
{
    border-bottom: none;
}
.cpclass .font dl dt p
{
    float: left;
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    color: #c3002f;
    border-radius: 100%;
    border: 2px solid #c3002f;
    transition: .3s;
}
.cpclass .font dl dt p i
{
    font-size: 25px;
    transition: .3s;
}
.cpclass .font dl dt h5
{
    color: #333;
    font-size: 20px;
    padding: 2% 0 0 5%;
    line-height: 20px;
}
.cpclass .font dl dt h5 span
{
    color: #999;
    font-size: 12px;
    text-transform: uppercase;
    font-family: arial;
}
.cpclass .font dl dt:hover p
{
    background: #c3002f;
}
.cpclass .font dl dt:hover p i
{
    color: #fff;
}
.cpclass .font dl dt:hover h5
{
    color: #c3002f;
}
.cpclass .font dl dt:hover h5 span
{
    color: #c3002f;
}
@media screen and (max-width: 1200px)
{
    .cpclass .font dl dt
    {
        padding: 3%;
    }
    .cpclass .font dl dt h5
    {
        font-size: 16px;
    }
}
@media screen and (max-width: 991px)
{
    .cpclass
    {
        display: none;
    }
}
.cp_left
{
    height: 0;
    padding-bottom: 40%;
    position: relative;
    overflow: hidden;
}
.cp_left img
{
    width: 100%;
    height: 100%;
    object-fit: cover;
    left: 0;
    position: absolute;
    transition: .3s;
}
.cp_right h2
{
    color: #333;
    font-size: 28px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.cp_right .content
{
    border-bottom: 1px dashed #ccc;
    border-top: 1px dashed #ccc;
    padding: 3% 0;
    margin: 3% 0;
}
.cp_right .content p
{
    color: #999;
    font-size: 16px;
    line-height: 35px;
}
.cp_right .content p span
{
    color: #282828;
    font-weight: bold;
}
.cp_right dl p
{
    color: #282828;
    font-size: 16px;
    font-weight: bold;
    float: left;
}
.cp_right dl dt
{
    float: left;
    font-weight: normal;
    color: #c3002f;
    font-size: 15px;
    background: #f2e3e0;
    border: 1px solid #efd1cc;
    padding: 0 1%;
    margin-right: 2%;
    border-radius: 3px;
}
.cp_right ul
{
    margin: 5% 0!important;
}
.cp_right ul li
{
    padding: 0 1%;
}
.cp_right ul li .pic
{
    width: 100%;
    height: 0;
    padding-bottom: 75%;
    position: relative;
    overflow: hidden;
}
.cp_right ul li .pic img
{
    width: 100%;
    height: 100%;
    object-fit: cover;
    left: 0;
    position: absolute;
    transition: .3s;
}
.cp_right ul li p
{
    background: #fff;
    text-align: center;
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.cp_right .order-btn
{
    height: 50px;
    line-height: 50px;
    background: #c3002f;
    color: #fff;
    border-radius: 5px;
    text-align: center;
}
.cp_right .order-btn a
{
    color: #fff;
    font-size: 16px;
}
.cp_right .zixun-btn
{
    height: 50px;
    line-height: 50px;
    background: #282828;
    color: #fff;
    border-radius: 5px;
    text-align: center;
    font-size: 16px;
}
.cp_right .zixun-btn a
{
    color: #fff;
    font-size: 16px;
}
@media screen and (max-width: 991px)
{
    .cp_left
    {
        padding-bottom: 60%;
    }
    .cp_right
    {
        margin-top: 3%;
    }
}
#cpbtqh
{
    width: 100%!important;
    transition: .3s;
    background: #fff;
    text-align: center;
}
.cpbt
{
    margin: 0 auto!important;
    height: 70px;
    line-height: 70px;
    border-bottom: 1px solid #efefef;
    width: 100%;
    transition: .3s;
}
.cpbt li
{
    float: left;
    color: #666;
    font-size: 16px;
    width: 15%;
    text-align: center;
    position: relative;
    transition: .3s;
}
.cpbt li a
{
    color: #666;
}
.cpbt li:after
{
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 0;
    height: 3px;
    content: '';
    background: #fff;
    transition: .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: 0;
    position: fixed;
    left: 0;
    z-index: 10;
}
@media screen and (max-width: 1200px)
{
    .cpbt li
    {
        width: 14%;
    }
}
@media screen and (max-width: 991px)
{
    .cpbt li
    {
        width: 20%;
    }
}
@media screen and (max-width: 765px)
{
    .cpbt li
    {
        width: 25%;
        font-size: 13px;
    }
}
.bai
{
    background: #fff;
    padding: 3%;
}
.bai .content
{
    line-height: 30px;
    color: #999;
    padding: 3% 0;
}
.bai .content img
{
    max-width: 100%;
}
.xgcp1 li:hover p
{
    background: #fff!important;
    color: #282828!important;
}
.cp-tools
{
    height: auto;
    line-height: 37px;
    text-align: center;
    width: 100%;
    overflow: hidden;
    padding: 0 10% 5%;
}
.cp-tools a
{
    display: block;
    float: left;
    flex: 1;
    width: 45%;
    height: 37px;
    border-radius: 20px;
    background-color: #c3002f;
    color: #fff;
}
.cp-tools a:nth-of-type(2)
{
    float: right;
}
.cp-tools a.btn-free
{
    background: none;
    color: #aaa;
    border: 1px solid #aaa;
}
.cp-tools a:hover
{
    background-color: #c3002f;
    border: 1px solid #c3002f;
    color: #fff;
}
.cp-tools a:hover~.btn-ask
{
    background: none;
    color: #aaa;
    border: 1px solid #aaa;
}
@media screen and (max-width: 1440px)
{
    .cp-tools
    {
        padding: 0 2% 5%;
    }
}
@media screen and (max-width: 1200px)
{
    .cp-tools a
    {
        width: 48%;
        font-size: 12px;
    }
    .cp-tools
    {
        padding: 0 0 5%;
    }
}
#cptd
{
    margin: 3% 0 8%!important;
}
#cptd li
{
    border-bottom: 1px solid #dfdfdf;
    border-right: 1px solid #dfdfdf;
    text-align: center;
    cursor: pointer;
    transition: .3s;
}
#cptd li:nth-of-type(3), #cptd li:nth-of-type(6)
{
    border-right: none;
}
#cptd li:nth-of-type(4), #cptd li:nth-of-type(5), #cptd li:nth-of-type(6)
{
    border-bottom: none;
}
#cptd li i
{
    color: #fff;
    font-size: 30px;
    background: #c3002f;
    border-radius: 100%;
    width: 60px;
    height: 60px;
    line-height: 60px;
    margin: 12% auto 5%;
    transition: .3s;
}
#cptd li span
{
    display: block;
    color: #494949;
    font-size: 18px;
    font-weight: bold;
}
#cptd li p
{
    color: #666;
    font-size: 14px;
    line-height: 25px;
    padding: 0 0 10%;
}
#cptd li:hover i
{
    background: #fff;
    color: #c3002f;
}
#cptd li:hover
{
    background: #c3002f;
}
#cptd li:hover span, #cptd li:hover p
{
    color: #fff;
}
@media screen and (max-width: 991px)
{
    #cptd li p
    {
        font-size: 12px;
    }
    #cptd li:nth-of-type(2n)
    {
        border-right: none;
    }
    #cptd li:nth-of-type(3)
    {
        border-right: 1px solid #dfdfdf;
    }
    #cptd li:nth-of-type(4)
    {
        border-bottom: 1px solid #dfdfdf;
    }
    #cptd li:nth-of-type(5), #cptd li:nth-of-type(6)
    {
        border-bottom: none;
    }
}
#anli
{
    margin: 3% 0 5%!important;
}
#anli div
{
    padding: 0 .5%;
}
#anli li
{
    width: 100%;
    height: 0;
    padding-bottom: 70%;
    position: relative;
    overflow: hidden;
    margin-bottom: 3%;
}
#anli li img
{
    width: 100%;
    height: 100%;
    object-fit: cover;
    left: 0;
    position: absolute;
    text-align: center;
    transition: .3s;
}
#anli li:hover img
{
    transform: scale(1.1);
}
.cpinfo_con .tit_in
{
    margin: 5% 0 2%;
}
.pro-sider .in-title
{
    background: #c3002f;
    color: #fff;
    padding: 8% 10% 5%;
    position: relative;
}
.pro-sider .in-title p
{
    font-size: 36px;
    padding-bottom: 1%;
}
.pro-sider .in-title span
{
    font-family: arial;
    font-size: 18px;
    text-transform: uppercase;
}
.pro-sider-ul
{
    height: auto;
    text-align: left;
    background: #fff;
    padding: 15px;
    border: 1px solid #ebebeb;
}
.pro-sider-ul li
{
    border-bottom: 1px solid #f0f0f0;
    background: #fff;
    width: 100%;
    cursor: pointer;
    height: auto;
    padding: 8% 4%;
    line-height: 25px;
}
.pro-sider-ul li p
{
    color: #333;
    font-size: 18px;
}
.pro-sider-ul li span
{
    color: #999;
    font-size: 14px;
    text-transform: uppercase;
}
.pro-sider-ul li i
{
    float: right;
    color: #999;
    font-size: 25px;
}
.pro-sider-ul li:hover p, .pro-sider-ul li:hover span, .pro-sider-ul li:hover i
{
    color: #c3002f;
}
.pro-sider-ul #li-on p, .pro-sider-ul #li-on span, .pro-sider-ul #li-on i
{
    color: #c3002f;
}
@media screen and (max-width: 1440px)
{
    .pro-sider-ul li i
    {
        display: none;
    }
    .pro-sider .in-title p
    {
        font-size: 28px;
    }
    .pro-sider .in-title span
    {
        font-size: 14px;
    }
}
.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;
}