#banner .swiper-pagination-bullet {

    width: 20px;

    height: 20px;

    opacity: 1;

    border-radius: 20px;

    background: #fff;

}

#banner .swiper-pagination-bullet-active {

    background: #c7000b;

    border-radius: 50px;

}

#banner .swiper-wrapper .swiper-slide {

    text-align: center;

}

#banner .swiper-wrapper .swiper-slide img {
    max-width: 100%;
}


#banner {

    position: relative;

    z-index: 9;

}


#banner .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    /* bottom: 260px; */
    /* left: 600px; */
}

#anli .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 80px;
}

.header_banner_bg {
    position: absolute;
    width: 720px;
    height: 300px;
    background: rgba(0, 0, 0, .2);
    right: 230px;
    color: #fff;
    bottom: 225px;
    text-align: right;
    padding-right: 80px;
    padding-top: 30px;
}

.header_banner_top {
    font-size: 32px;
    padding-bottom: 20px;
}

.header_banner_center {
    font-size: 30px;
}

.header_banner_bottom {
    font-size: 60px;
}





.index_about{
    padding: 100px 0;
}

.index_about_all{
    display: flex;
}

.index_about_left{
    padding-right: 20px;
}

.index_about_right{
    padding-left: 20px;
}

.index_about_left_all{
    display: flex;
    justify-content: space-between;
}

.index_about_left_all_left_top{
    font-size: 36px;
    font-weight: bold;
    color: #c7000b;
}

.index_about_left_all_left_bottom{
    font-size: 36px;
    font-weight: bold;
}

.index_about_left_all_right{
    font-size: 20px;
}

.index_about_left_all_right a{
    color: #c1c2c2;
}

.index_about_left_center_top{
    padding: 10px 0;
    font-size: 16px;
    color: #888686;
}

.index_about_left_center_bottom{
    font-size: 14px;
    color: #9e9d9d;
    line-height: 25px;
}

.index_about_left_bottom {
    padding-top: 65px;
}

.index_about_left_bottom ul{
    display: flex;
    justify-content: space-between;
}

.index_about_left_bottom ul li{
    width: 30%;
    text-align: center;
    padding: 0 15px;
    border-right: 1px solid #c1c2c2;
    font-size: 13px;
}

.index_about_left_bottom ul li:first-child{
    padding-left: 0;
}

.index_about_left_bottom ul li:last-child{
    border: none;
    padding-right: 0;
    width: 20%;
}

.index_shipin_numb{
    font-size: 36px;
    font-weight: bold;
    color: #c7000b;
}

.index_about_right{
    position: relative;
    z-index: 9999999;
}

.index_about_right_all{
    position: absolute;
    z-index: 9999999;
}

.index_about_right_all {
    position: absolute;
    bottom: 100px;
    right: 50px;
    color: #fff;
    text-align: center;
}

.index_about_right_top{
    font-size: 24px;
    font-weight: bold;
    padding-bottom: 30px;
}

.index_about_right_all_a{
    width: 116px;
    height: 27px;
    line-height: 27px;
    text-align: center;
    margin-top: 30px;
    margin-left: 15px;
    border-radius: 20px;
    background: #c7000b;
}

.index_about_right_all_a a{
    color: #fff;
    font-size: 16px;
}

.index_about_left_center_bottom p{
    display: none;
}

.index_about_left_center_bottom p:first-child{
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.index_product_all_content_li_right_title a{
    color: #fff;
}




















.index_product{

    background: url(../images/background.jpg);

    padding: 120px 0;

}



.index_product_all_title{

    font-size: 36px;

    font-weight: bold;

    color: #fff;

    text-align: center;

}



.index_product_all_desc{

    font-size: 18px;

    color: #edc5c7;

    text-align: center;

    padding-bottom: 100px;

}



.index_product_all_content_li{

    background: #fff;

}



.index_product_all_content_li_left{

    margin: 20px 0px 20px 20px;

}



.index_product_all_content_li_right{

    padding-top: 35px;

}



.index_product_all_content_li_right_content{

    color: #727171;

    line-height: 25px;

}



.index_product_all_content_li_right_title{

    font-size: 32px;

    font-weight: bold;

    color: #fff;

    background: #000;

    width: 223px;

    height: 48px;

    text-align: center;

}



.index_product_all_content_li{

    display: flex;

}



.index_product_all_content_li_right{

    padding-left: 30px;

}



.index_product_all_content_li_right_content{

    padding-top: 10px;

    font-size: 16px;

    color: #727171;

}



.index_product_all_content_li_right_content{

    width: 95%;

}



.index_product_all_content_li_right_ul{

    padding-top: 30px;

}



.index_product_all_content_li_right_ul li{

    font-size: 20px;

    color: #595757;

    background: #efefef;

    display: inline-block;

    padding: 0 5px;

    margin: 10px 0;

}



.index_product_all_content_li_right_link{

    width: 180px;

    height: 40px;

    line-height: 40px;

    background: #c7000b;

    border-radius: 20px;

    text-align: center;

    margin-top: 15px;

}



.index_product_all_content_li_right_link a{

    font-size: 18px;

    color: #fff;

}



.index_product_all_content_li{

    margin-bottom: 50px;

}



.index_product_all_content_li:nth-child(2) .index_product_all_content_li_left{

    margin: 20px 20px 20px 0px;

}



.index_product_all_content_li:last-child{

    margin: 0;

}

.index_product_all_content_li_left{
    overflow: hidden;
    width: 50%;
}

.index_product_all_content_li_right{
    width: 50%;
}

.index_product_all_content_li_left img{
    transition: 1s;
}

.index_product_all_content_li_left img:hover{
    transform: scale(1.06);
}








#anli .swiper-slide {

    text-align: center;

    font-size: 18px;

    background: #fff;



    /* Center slide text vertically */

    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;

    transition: 300ms;

    transform: scale(0.8);

}



#anli .swiper-slide img{

    border: 3px solid #fff;

    border-radius: 5px;

    box-shadow: 0px 5px 15px #888686;

}



#anli.swiper-container{

    padding: 50px 0px 150px 0;

}



#anli .swiper-slide-active,.swiper-slide-duplicate-active{

    transform: scale(1);

    z-index: 999;

}

    

.index_anli{

    padding: 100px 0;

}



.index_anli_title{

    color:#c7000b;

    font-size: 36px;

    font-weight: bold;

    text-align: center;

}



.index_anli_desc{

    color: #898989;

    font-size: 16px;

    text-align: center;

    padding-bottom: 100px;

}



#anli .swiper-slide-active a{

    display: block;

    position: relative;

}



#anli .swiper-slide-active .index_anli_content_li {

    position: absolute;

    color: #fff;

    display: block;

    width: 300px;

    text-align: center;

    z-index: 9999;

}



.index_anli_content_li div:first-child{

    font-size: 24px;

}



.index_anli_bottom_ul p{

    font-size: 18px;

    text-align: center;

    padding: 15px 0;

}



.index_anli_bottom_ul li div{

    overflow: hidden;
    height: 200px;

}



.index_anli_bottom_ul li img{

    width: 100%;

    transition: 1s all;

}



.index_anli_bottom_ul li img:hover{

    transform: scale(1.1);

}



.index_anli_more{

    margin: 0 auto;

    width: 170px;

    height: 40px;

    border: 1px solid #000;

    text-align: center;

    line-height: 40px;

    margin-top: 40px;

    transition: 1s all;

    cursor: pointer;

}



.index_anli_more a{

    color: #898989;

}



.index_anli_more:hover{

    border: none;

    background: #c7000b;

}



.index_anli_more:hover a{

    color: #fff;

}









.index_news{

    background: url(../images/news_bg.jpg) no-repeat;

    background-size: 100% 100%;

    padding: 50px 0 ;

}



.index_news_title{

    font-size: 36px;

    font-weight: bold;

    color: #c7000b;

    text-align: center;

}



.index_news_desc{

    font-size: 16px;

    color: #898989;

    text-align: center;

    padding-bottom: 70px;

}



.index_news_li_all{

    /* display: flex; */

}



.index_news_li_left{

    /* width: 95px; */

    background: #c7000b;

    text-align: center;

    padding: 5px;
    float: left;
    width: 15%;
}



.index_news_li_right{

    padding-left: 15px;
    float: left;
    width: 85%;
}



.index_news_li_left_title{

    font-size: 18px;

}
.index_news_li_left_title a {
    overflow: hidden;      
    text-overflow: ellipsis;      
    white-space: nowrap;
}


.index_news_li_left_desc a{

    color: #959292;


}



.index_news_li_left_yue{

    color: #fff;

}



.index_news_li_left_ri{

    color: #fff;

    font-size: 32px;

    font-weight: bold;

    line-height: 35px;

    padding-top: 3px;

}



.index_news_li_left_desc{

    color: #959292;
    height: 60px;

}



.index_news_li{

    margin-bottom: 30px;

}









.popup-video{ position: fixed;width: 100%;height: 100%;left: 0;top: -100%;-webkit-transition:.3s;-moz-transition:.3s; -ms-transition:.3s;-o-transition:.3s;transition:.3s;z-index: 9999;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0;opacity: 0;}



.popup-video .video-bg{position: absolute;left: 0;top: 0; width: 100%; height: 100%;background-color: rgba(0, 0, 0, .6);}



.popup-video .video-close{position: absolute; right: 20px;top: 70px;width: 50px;height: 50px;background: url(../images/close.png) center no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;cursor: pointer;}



.popup-video video {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);max-width: 86%;}



.popup-video.open {top: 0;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;opacity: 1;}















.index_hezuo{

    padding: 100px 0 70px 0;

}



.index_hezuo .index_news_title{

    color: #000;

}


.container.kehu_container {
    margin-top: 20px;
}
.index_news_content_li{

    float: left;

    width: 25%;

    height: 150px;

    line-height: 150px;

    text-align: center;
    border: 1px dashed #e8e1d7;

}

.index_news_content_li img {
    /* -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%); */
    /* filter: grayscale(100%);
    filter: gray; */
    transition: all 0.3s linear;
}
.index_news_content_li:hover img {
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
    transform: scale(1.05);
}




#mob_banner{

    display: none;

}

.index_news_li_right{
    /* width: 100%; */
}

.index_news_li_right{
    transition: 1s;
}

.index_news_li_right:hover{
    padding-left: 30px;
}

.index_product_all_title,.index_anli_title,.index_news_title{
    padding-bottom: 10px;
}


#anli .swiper-button-next, .swiper-button-prev{
    top: 45%;
}



@media(max-width:1169px){



    #banner{

        display: none;

    }



    #mob_banner{

        display: block;

    }



    #mob_banner .swiper-wrapper .swiper-slide{

        height: 250px;

    }



    .index_about_all{

        display: block;

    }



    .index_about_left{

        width: 100%;

        padding: 0;

    }



    .index_about{

        padding: 30px 0;

    }



    .index_about_left_bottom{

        padding-top: 30px;

    }



    .index_about_right{

        width: 100%;

        padding: 0;

        padding-top: 20px;

    }



    .index_about_right>img{

        width: 100%;

    }



    .index_about_right_all{

        bottom: 35px;

        right: 15px;

    }

    .index_about_right_top{

        padding-bottom: 10px;

    }

    .index_about_right_top{

        font-size: 16px;

    }

    .index_about_right_all_a{

        margin: 0;

        margin-top: 10px;

        width: 105px;

        height: 25px;

        line-height: 25px;

    }

    .index_about_right_all_a a{

        font-size: 14px;

    }

    .index_shipin_numb,.index_about_left_all_left_bottom,.index_about_left_all_left_top{

        font-size: 25px;

    }



    .index_product_all_content_li{

        display: block;

    }



    .index_product_all_content_li_left{

        padding: 20px;

    }



    .index_product_all_content_li:nth-child(2) .index_product_all_content_li_left {

        padding: 20px 20px 20px 20px;

    }



    .index_product_all_content_li_left img{

        width: 100%;

    }



    .index_product_all_content_li_right{

        padding-bottom: 30px;

    }



    .index_product_all_content_li_right{

        padding-left: 20px;

    }

    .index_product{

        padding: 30px 0;

    }

    .index_product_all_desc{

        padding-bottom: 30px;

    }

    .index_product_all_title{

        font-size: 30px;

    }

    .index_product_all_desc{

        font-size: 14px;

    }

    .index_product_all_content_li:nth-child(2) .index_product_all_content_li_right{

        padding-top: 20px;

    }



    #anli{

        display: none;

    }

    

    .index_anli_bottom_ul li img{

        width: 100%;

    }



    .index_anli{

        padding: 30px 0;

    }

    .index_anli_desc{

        padding-bottom: 30px;

    }

    .index_news_li_left{

        display: none;

    }

    .index_anli_more{

        margin-top: 10px;

    }

    .index_hezuo{

        padding-top: 30px;

    }

    .index_news_desc{

        padding-bottom: 30px;

    }

    .index_news_content_li{

        width: 33%;

    }

    .index_news{

        background-size: auto 100%;

    }

    .index_product_all_content_li_left,.index_product_all_content_li_right{

        margin: 0;

        width: 100%;

    }
    .index_news_li_right {
        width: 100%;
        padding-left: 0;
        overflow: hidden;
    }
    .index_news_li_left_title {
        font-size: 18px;
        width: 90%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    

}

@media (max-width: 768px){
    .index_anli_bottom_ul li div {
        height: 118px;
    }
    .index_anli_bottom_ul p {
        font-size: 16px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}