/*产品中心*/
.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
*, ::after, ::before {
    box-sizing: border-box;
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 1200px) {
    .container{max-width: 1600px;}
     }

     @media (min-width: 992px){

        .pt-lg-5, .py-lg-5 {
            padding-top: 0.3rem!important;
        }

.pb-lg-5, .py-lg-5 {
    padding-bottom: 0.3rem!important;
}


}
     
@media (min-width: 768px) {
    .col-md {
        -ms-flex-preferred-size:0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .row-cols-md-1>* {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-md-2>* {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-md-3>* {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .row-cols-md-4>* {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-md-5>* {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }

    .row-cols-md-6>* {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-md-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-md-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-md-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-md-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-md-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-md-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-md-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-md-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-md-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-md-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-md-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-md-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-md-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-md-first {
        -ms-flex-order: -1;
        order: -1
    }

    .order-md-last {
        -ms-flex-order: 13;
        order: 13
    }

    .order-md-0 {
        -ms-flex-order: 0;
        order: 0
    }

    .order-md-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .order-md-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .order-md-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .order-md-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .order-md-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .order-md-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .order-md-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .order-md-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .order-md-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .order-md-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .order-md-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .order-md-12 {
        -ms-flex-order: 12;
        order: 12
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.333333%
    }

    .offset-md-2 {
        margin-left: 16.666667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.333333%
    }

    .offset-md-5 {
        margin-left: 41.666667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.333333%
    }

    .offset-md-8 {
        margin-left: 66.666667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.333333%
    }

    .offset-md-11 {
        margin-left: 91.666667%
    }
}

@media (min-width: 992px) {
    .col-lg {
        -ms-flex-preferred-size:0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .row-cols-lg-1>* {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-lg-2>* {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-lg-3>* {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .row-cols-lg-4>* {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-lg-5>* {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }

    .row-cols-lg-6>* {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-lg-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-lg-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-lg-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-lg-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-lg-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-lg-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-lg-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-lg-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-lg-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-lg-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-lg-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-lg-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-lg-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-lg-first {
        -ms-flex-order: -1;
        order: -1
    }

    .order-lg-last {
        -ms-flex-order: 13;
        order: 13
    }

    .order-lg-0 {
        -ms-flex-order: 0;
        order: 0
    }

    .order-lg-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .order-lg-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .order-lg-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .order-lg-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .order-lg-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .order-lg-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .order-lg-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .order-lg-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .order-lg-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .order-lg-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .order-lg-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .order-lg-12 {
        -ms-flex-order: 12;
        order: 12
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.333333%
    }

    .offset-lg-2 {
        margin-left: 16.666667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.333333%
    }

    .offset-lg-5 {
        margin-left: 41.666667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.333333%
    }

    .offset-lg-8 {
        margin-left: 66.666667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.333333%
    }

    .offset-lg-11 {
        margin-left: 91.666667%
    }
}

@media (min-width: 1200px) {
    .col-xl {
        -ms-flex-preferred-size:0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .row-cols-xl-1>* {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-xl-2>* {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-xl-3>* {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .row-cols-xl-4>* {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-xl-5>* {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }

    .row-cols-xl-6>* {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-xl-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-xl-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-xl-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-xl-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xl-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-xl-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-xl-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xl-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-xl-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-xl-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xl-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-xl-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-xl-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-xl-first {
        -ms-flex-order: -1;
        order: -1
    }

    .order-xl-last {
        -ms-flex-order: 13;
        order: 13
    }

    .order-xl-0 {
        -ms-flex-order: 0;
        order: 0
    }

    .order-xl-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .order-xl-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .order-xl-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .order-xl-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .order-xl-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .order-xl-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .order-xl-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .order-xl-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .order-xl-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .order-xl-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .order-xl-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .order-xl-12 {
        -ms-flex-order: 12;
        order: 12
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.333333%
    }

    .offset-xl-2 {
        margin-left: 16.666667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.333333%
    }

    .offset-xl-5 {
        margin-left: 41.666667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.333333%
    }

    .offset-xl-8 {
        margin-left: 66.666667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.333333%
    }

    .offset-xl-11 {
        margin-left: 91.666667%
    }
}

.cptit{ text-align: center;}
.cptit h2{ color: #333333; font-size: 46px; font-weight: bold !important;}
.cptit h2 span{ color: #d10000;}
.cptit p{ color: #999999; font-size: 16px;}
@media screen and (max-width:1440px){
    .cptit h2{ font-size: 32px;}
}
@media screen and (max-width:991px){
    .cptit h2{ font-size: 24px;}
    .cptit p{ font-size: 14px;}
}

.cp_class_lb{ margin-top: 3% !important;}
.cp_class_lb li{ margin: 0 0 7%; background: #fff; cursor: pointer; transition: 0.3s; position: relative;}
.cp_class_lb li .pic{ height: 0; padding-bottom: 75%; 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: 55px;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: 10%; content: 'wokete'; width: 100%; height: 100%; text-transform: uppercase; color: rgba(196,0,0,0.04); font-size: 55px; 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){
    .cp_class_lb li .tit:after{ font-size: 38px;}
}
@media screen and (max-width:1200px){
    .cp_class_lb li .bt{ font-size: 14px;}
}



#cpnav{ margin-top: 3%; padding: 0; position: relative;}
#cpnav .swiper-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

#cpnav .swiper-slide {
    text-align: left;
    transition: 0.3s;
    background: #fafafa;
    border: 1px solid #efefef;
    padding: 1.5%;
    /* 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;
}
#cpnav .swiper-slide a{ display: block; width: 100%;}
#cpnav .swiper-slide p{ color: #333333; font-size: 20px; position: relative; z-index: 2;}
#cpnav .swiper-slide span{ display: block; color: #b7b7b7; font-size: 14px; text-transform: uppercase; font-family: Arial !important; position: relative; z-index: 2;}
#cpnav .swiper-slide i{ position: absolute; right: 15px; bottom: 15px; z-index: 1; color: #efefef; font-size: 48px; font-family: Bahnschrift !important;}
#cpnav .swiper-slide:hover{ background: #d10000; color: #fff;}
#cpnav .swiper-slide:hover p,#cpnav .swiper-slide:hover span{ color: #fff;}
#cpnav .swiper-slide:hover i{ color: rgba(255,255,255,0.3);}
#cpnav .swiper-slide#li-on{ background: #d10000; }
#cpnav .swiper-slide#li-on p,#cpnav .swiper-slide#li-on span{ color: #fff;}
#cpnav .swiper-slide#li-on i{ color: rgba(255,255,255,0.3);}
#cpnav .swiper-button-next:after,#cpnav .swiper-button-prev:after{ display: none;}
#cpnav .swiper-button-next,#cpnav .swiper-button-prev{ width: 50px; height: 50px; line-height: 50px; text-align: center; background: #d10000; border-radius: 100%; transition: 0.3s; color: #fff;font-size: 22px;}
#cpnav .swiper-button-next i,#cpnav .swiper-button-prev i{ color: #fff; font-size: 26px;}
#cpnav .swiper-button-next{ right: -80px;}
#cpnav .swiper-button-prev{ left: -80px;}
#cpnav .swiper-button-next:hover,#cpnav .swiper-button-prev:hover{ background: #d10000;}
@media screen and (max-width:1600px){
    #cpnav .swiper-button-next,#cpnav .swiper-button-prev{ width: 40px; height: 40px; line-height: 40px; top: 58%;}
    #cpnav .swiper-button-next i,#cpnav .swiper-button-prev i{ font-size: 22px;}
    #cpnav .swiper-button-next{ right: -40px;}
    #cpnav .swiper-button-prev{ left: -40px;}
}
@media screen and (max-width:1440px){
    #cpnav .swiper-slide p{ font-size: 18px;}
    #cpnav .swiper-slide span{ font-size: 12px;}
}
@media screen and (max-width:1200px){
    #cpnav .swiper-button-next,#cpnav .swiper-button-prev{ display: none;}
}
@media screen and (max-width:991px){
    #cpnav .swiper-slide{ line-height: 25px;}
    #cpnav .swiper-slide p{ font-size: 16px;}
}


.cpinfo{ position: relative; margin-top: -12%; padding-top: 0;}
.cpinfo .home{ color: #fff; margin-bottom: 30px;}
.cpinfo .home a{ color: #fff; padding: 0 10px;}

.cpinfo_nr{ padding: 25px; border-radius: 10px; box-shadow: 0 0 15px rgba(0,0,0,0.1);}
.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: #333333; font-size: 32px; font-weight: bold !important; position: relative;}
.cp_right h2:before{ position: absolute; left: 0; top: -5px; content: ''; width: 18px; height: 45px; background: #d10000; border-radius: 3px; transform: skewX(-10deg);}
.cp_right h2 p{ position: relative; z-index: 1;}
.cp_right .content{ color: #999999; font-size: 16px; margin: 5% 0; display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}
.cp_right ul{ padding: 7% 0 !important; border-top: 1px solid #dfdfdf; position: relative;}
.cp_right ul:before{ position: absolute; left: 0; top: -1px;  content: ''; width: 20%; height: 2px; background: #d10000;}
.cp_right ul li p{ margin: 0 auto !important; width: 68px; height: 68px; line-height: 68px; text-align: center; border: 1px dashed #4b4b4b; border-radius: 100%; position: relative;}
.cp_right ul li p i{ color: #d10000; font-size: 34px;}
.cp_right ul li p:before{ position: absolute; right: 0; top: 10px; width: 10px; height: 10px; background: #d10000; border-radius: 100%; content: '';}
.cp_right ul li span{ display: block; height: 50px; line-height: 50px; color: #333333; font-size: 15px;}

.cptel{ background: #121212; border-top-left-radius: 20px; border-bottom-right-radius: 20px;  }
.cptel .zx{ width: 40%; color: #fff; font-size: 18px; background: #d10000; height: 50px; line-height: 50px; border-top-left-radius: 20px; border-bottom-right-radius: 20px; }
.cptel .zx a{ color: #fff;}
.cptel .zx i{ font-size: 26px; margin-right: 10px;}
.cptel .tel{ width: 60%; font-size: 26px; font-weight: bold; font-style: italic; color: #fff;}
.cptel .tel i{ font-weight: normal; font-size: 26px; margin-right: 10px;}
@media screen and (max-width:1200px){
    .cp_right{ padding-top: 0;}
    .cp_right h2{ font-size: 28px;}
    .cp_right .content{ font-size: 14px;}
    .cptel .tel{ font-size: 22px;}
    .cptel .zx{ font-size: 16px;}
    .cptel .zx i{ font-size: 20px;}
}
@media screen and (max-width:991px){
    .cp_left{ padding-bottom: 70%;}
    .cp_right{ padding-top: 5%;}
    .cp_right h2{ font-size: 22px;}
    .cp_right h2:before{ width: 10px; height: 30px; }
}
@media screen and (max-width:768px){
    .cpinfo_nr{ padding: 15px;}
    .cptel .zx{ width: 50%;}
    .cptel .tel i{ display: none;}
    .cptel .tel{ font-size: 16px; width: 50%;}
    .cp_right ul li p{ width: 45px; height: 45px; line-height: 45px;}
    .cp_right ul li p i{ font-size: 24px;}
    .cp_right ul li p:before{ display: none;}
    .cp_right ul li span{ font-size: 12px; height: 30px; line-height: 30px;}
}


.cpinfotit{ height: 60px; line-height: 60px; background: #f9f9f9; text-align: center; overflow: hidden;}
.cpinfotit p{ display: inline-block; margin: 0 auto; background: #d10000; color: #fff; text-align: center; padding: 0 50px; font-size: 24px; font-weight: bold; position: relative;}
.cpinfotit p:before{ position: absolute; left: -15px; top: 0; content: ''; width: 7px; height: 60px; background: #d10000;}
.cpinfotit p:after{ position: absolute; right: -15px; top: 0; content: ''; width: 7px; height: 60px; background: #d10000;}

.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){
    .cpinfotit p{ font-size: 20px;}
}
@media screen and (max-width:991px){
    .cpinfotit{ height: 40px; line-height: 40px;}
    .cpinfotit p{ font-size: 16px;}
    .cpnr_con{ padding: 15px; font-size: 14px;}
}


/*index_cp*/
.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

.in_01{height: auto;overflow: hidden;background:url(../images/in01bg.jpg) center top no-repeat;}
.in01a img{display: block;max-width: 100%;}
.in01a_a i{font-size: 36px;}
.in01a_a span{display: block;color: #999;text-transform: uppercase;font-size: 16px;}
.in01a_a b{color: #ce000c;font-size: 42px;}
.in01a_a p{color: #000;}
.in01a_b p{color: #000;line-height: 37px;font-size: 16px;text-indent: 2rem;}
.in01a_b a{color: #ce000c;transition:.4s;}
.in01a_b a:hover{color: #444;}
.in01a_c li .in01a_d{padding:1rem 1.5rem 1rem 6rem;border: 1px solid #eeeff0;height: auto;overflow: hidden;} 
.in01a_c li .in01a_d span{float: left; display: block;width: 40px;line-height: 20px;} 
.in01a_c li .in01a_d em{float: left;margin-top: 7px;color: #777;} 
.in01a_c li .in01a_d em b{font-size: 42px;font-family: fz;color: #ce000c;} 
.in01a_c li:nth-of-type(1) .in01a_d{background:url(../images/in01b.png) 2rem center no-repeat #fff;} 
.in01a_c li:nth-of-type(2) .in01a_d{background:url(../images/in01c.png) 2rem center no-repeat #fff;} 
.in01a_c li:nth-of-type(3) .in01a_d{background:url(../images/in01d.png) 2rem center no-repeat #fff;} 
.in01b .row{position: relative;}
.in01b li a{display: block;text-align: center;transition:.4s;}
.in01b li a:hover {color: #ce000c;}
.in01b li i{font-size: 40px;}
.in01b li span{display: block;}
.in01b li p{line-height: 30px;color: #777;text-transform: uppercase;font-family: fz;}
.line{ width: 200px; height: 10px;position: absolute; top: 30px;}
.line span{display: block;border-top: 1px dashed #d8d8d8;width: 100%;position: relative;top:75%;}
.line:before{ animation: fwzcline1 3s infinite; position: absolute; top: 50%; left: 0px;z-index: 3;content: ''; width: 7px; height: 7px; background: #dc3530; border-radius: 50%; }
.line:after{ animation: fwzcline2 3s infinite; position: absolute; top: 50%; right: 0px;z-index: 3;content: ''; width: 7px; height: 7px; background: #dc3530; border-radius: 50%; }
.linea{margin-left: 10.6%;}
.lineb{margin-left: 27.2%;}
.linec{margin-left: 44%;}
.lined{margin-left: 60.5%;}
.linee{margin-left: 77%;}
@keyframes mfwzcline1 {
    0% {
       top: 0px;
    }
    50% {
       top: 50%;
    }
    100% {
       top: 100%;
    }
}
@keyframes mfwzcline2 {
    0% {
       bottom: 0px; 
    }
    50% {
       bottom: 50%;
    }
    100% {
       bottom:100%;
    }
}
@keyframes fwzcline1 {
    0% {
       left: 0px;
    }
    50% {
       left: 50%;
    }
    100% {
       left: 100%;
    }
}
@keyframes fwzcline2 {
    0% {
       right: 0px; 
    }
    50% {
       right: 50%;
    }
    100% {
       right:100%;
    }
}