@charset "utf-8";
* {word-wrap:break-word;word-break:break-all;box-sizing:border-box;outline: none;transition: all .2s;}
html,
body {
    position: relative;
    height: 100%;
}

.swiper-video{width: 100%;}
.swiper-container {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background-color: #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;
    overflow: hidden;
}
/*
.swiper-pagination-bullet{width: 15px;height: 15px;border:2px solid #ea644a;background-color: rgba(255,255,255,.5);}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 10px 0;}
.swiper-pagination-bullet-active{background:rgba(234,100,74,.8); }
*/

.index-video{
    float:left;
    width: 100%;height: 100%;padding:0;overflow: hidden;
}
.index-video ul{
    float: left;width: 100%;height: 100%;
    display: flex;flex-flow: row wrap;justify-content: space-between;align-content: center;align-items: center;overflow: hidden;}
.index-video ul li{
    width: 100%;height: 100%;display: flex;flex-flow: row wrap;justify-content: space-between;align-items: center;align-content: center;
    overflow: hidden;
}
.index-video ul li .item-image{
    float: left;width: 100%;height: 100%;display: none;
    background-size: cover;background-position: center center;background-repeat: no-repeat;
    overflow: hidden;
}
.index-video ul li .item-video{
    float: left;width: 100%;height: 100%;display: flex;flex-flow: row wrap;justify-content: space-between;align-content: center;align-items: center;
    overflow: hidden;
}

.index-product{
    float:left;
    width: 100%;height: 100%;padding:70px 10px 10px 10px;overflow: hidden;
}
.index-product ul {
    width: 100%;height: 100%;
    display: flex;flex-flow: row wrap;
    justify-content: space-between;
    align-items: stretch;
    align-content: stretch;
    overflow: hidden;
}
.index-product ul li{
    flex:none;padding:10px;width: 50%;height:50%;overflow: hidden;
}
.index-product .item{
    float:left;width: 100%;height: 100%;
}

.index-product .item .image-box{
    float: left;width: 100%;height: 100%;
    display: inline-flex;flex-flow: row wrap;
    align-content: center;justify-content: center;align-items: stretch;
    overflow: hidden;}
.index-product .item .image-box a{
    float:left;width: 100%;height: 100%;padding:10px 0;
    display: inline-flex;flex-flow: row wrap;
    align-content: center;justify-content: center;align-items: stretch;
}
.index-product .item .image-box:hover{background-color: #cccccc;}
.index-product .item .image-box img{max-width: 100%;max-height: 100%;}
.index-product .item-1,
.index-product .item-4{background-color: #efefef;}

.index-product .item-2,
.index-product .item-3{background-color: #dddddd;}

.index-product .product-image1{display: block;}
.index-product .product-image2{display: none;}

.index-aboutUs{
    float:left;background-size: cover;position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    display: block;
    width: 100%;height: 100%;padding-top:60px;overflow: hidden;
}
.index-aboutUs b{position: absolute;right:50px;bottom:100px;font-size:60px;color: #ffffff;overflow: hidden;}
.index-aboutUs img{float: left;width: 100%;}
.index-aboutUs a{position: absolute;right:50px;bottom:50px;font-size:14px;padding:0 15px;height: 30px;line-height:30px;border-radius:15px;background-color:#035674;color: #ffffff; overflow: hidden;}

.index-news-category{
    float: left;width: 100%;height: 100%;padding-top: 60px;
    display: flex;flex-flow: column nowrap;
    justify-content: space-between;align-items: center;align-content: center;
    overflow: hidden;
}
.index-news-category .index-news-category-top{
    width: 100%;height: 100%;padding:10px;overflow: hidden;
    display: flex;flex-flow: row nowrap;justify-content: space-between;align-content: center;
}
.index-news-category .index-news-category-top .index-news-category-item{
    float: left;width: calc(33.33% - 20px);height: calc(100% - 20px);margin:10px;position: relative;
    overflow: hidden;border:1px solid #efefef;
}
.index-news-category .index-news-category-top .index-news-category-item .index-news-category-item-tab-a{
    float: left;position: absolute;left:0;right:0;top:0;bottom:0;width: 100%;height: 100%;background-repeat: no-repeat;
    background-size: cover;background-position: center center;
    display: flex;flex-flow: column nowrap;justify-content: space-between;align-content: center;align-items: stretch;
    overflow: hidden;
}
.index-news-category .index-news-category-top .index-news-category-item .index-news-category-item-tab-a a{
    float:left;width: 100%;height: 100%;display: block;
    overflow: hidden;}
.index-news-category .index-news-category-top .index-news-category-item .index-news-category-item-tab-a .image{
    float:left;width: 100%;
    /*
    display: flex;flex-flow: row nowrap;justify-content: center;align-content: center;align-items: center;
    */
    overflow: hidden;}
.index-news-category .index-news-category-top .index-news-category-item .index-news-category-item-tab-a .image img{float:left;width: 100%;overflow: hidden;}
.index-news-category .index-news-category-top .index-news-category-item .index-news-category-item-tab-a .title{
    flex:auto;width:100%;padding:20px;text-align: center;position: relative;font-size:20px;
    display: flex;flex-flow: column nowrap;justify-content: center;align-items: center;align-content: center;
}
.index-news-category .index-news-category-top .index-news-category-item .index-news-category-item-tab-a .title .bottom-line{margin:20px 0;width:50px;height:1px;border-bottom:2px solid #fafafa;overflow: hidden;}
/*
.index-news-category .index-news-category-top .index-news-category-item .index-news-category-item-tab-a .title::after{
    content: '';position: absolute;
    width: 50px;bottom:0;left:50%;margin-left: -25px;height: 2px;
    background-color: #dbdbdb;overflow: hidden;
}
*/

.index-news-category .index-news-category-top .index-news-category-item .index-news-category-item-tab-b{
    float: left;position: absolute;left:0;right:0;top:100%;bottom:0;
    display: flex;flex-flow: row wrap;justify-content: center;align-items: center;align-content: flex-start;
    overflow: hidden;
}
.index-news-category .index-news-category-top .index-news-category-item .index-news-category-item-tab-b .title{
    float: left;text-align: center;position: relative;width: 100%;height: 80px;line-height: 75px;
    background-color:#005775;color:#ffffff;overflow: hidden;
}
.index-news-category .index-news-category-top .index-news-category-item .index-news-category-item-tab-b .content{
    float: left;width: 100%;margin-top:20px;padding:0 40px;height:500px;text-align: left;
    overflow-x: hidden;overflow-y: auto;
}
.index-news-category .index-news-category-top .index-news-category-item .index-news-category-item-tab-b .title::after{
    content: '';position: absolute;
    width: 50px;bottom:20px;left:50%;margin-left: -25px;height: 2px;
    background-color: #ffffff;overflow: hidden;
}
.index-news-category .index-news-category-top .index-news-category-item .index-news-category-item-tab-b ul{
    float: left;width: 100%;margin-top:20px;padding:0 40px;height:500px;
    overflow: hidden;}
.index-news-category .index-news-category-top .index-news-category-item .index-news-category-item-tab-b ul li{float: left;width: 100%;margin-bottom:10px;overflow: hidden;}
.index-news-category .index-news-category-top .index-news-category-item .index-news-category-item-tab-b ul li b{float: left;width: 100%;font-size:20px;line-height:30px;height:60px;text-align: justify;overflow: hidden;}
.index-news-category .index-news-category-top .index-news-category-item .index-news-category-item-tab-b ul li .date-time{float: left;width: 100%;font-size:14px;height:30px;line-height:30px;color:#dbdbdb;text-align: justify;overflow: hidden;}

.index-news-category .index-news-category-bottom{
    flex:none;width: 100%;height: 60px;padding:0 20px;
    text-align: center;color: #ffffff;font-size:16px;
    display: inline-flex;flex-flow: row wrap;
    align-content: center;justify-content: center;align-items: center;
    background-color: #444444;overflow: hidden;
}


/*>=1200px的设备*/
@media (min-width:1200px) and (max-width:1366px) {
    .index-news-category .index-news-category-top .index-news-category-item .index-news-category-item-tab-b ul{
        height:400px;
    }

    .index-news-category .index-news-category-top .index-news-category-item .index-news-category-item-tab-b .content{
        height:400px;
    }
}
/*<=1199px and >=960px的设备:PC端;*/
@media (min-width: 960px) and (max-width:1199px) {

    .index-video ul li .item-image{display: block;}
    .index-video ul li .item-video{display: none;}

    .index-news-category .index-news-category-top{
        flex-flow: row nowrap;
    }
    .index-news-category .index-news-category-top .index-news-category-item{
        width: calc(33.33% - 20px);height: calc(100% - 20px);
    }

    .index-news-category .index-news-category-top .index-news-category-item .index-news-category-item-tab-b ul{
        height:400px;
    }

    .index-news-category .index-news-category-top .index-news-category-item .index-news-category-item-tab-b .content{
        height:400px;
    }

}
/*<=959px and >=768px的设备：PC端;*/
@media (min-width: 768px) and (max-width:959px) {

    .index-video ul li .item-image{display: block;}
    .index-video ul li .item-video{display: none;}

    .index-news-category .index-news-category-top{
        flex-flow: column nowrap;
    }
    .index-news-category .index-news-category-top .index-news-category-item{
        width: calc(100% - 20px);height: calc(33.33% - 20px);
    }
}
/*<=767px and >=640px的设备：平板端或者手机横屏;*/
@media (min-width: 640px) and (max-width:767px) {

    /*.index-video ul li .item-image{display: block;}*/
    /*.index-video ul li .item-video{display: none;}*/

    .index-news-category .index-news-category-top{
        flex-flow: row nowrap;
    }
    .index-news-category .index-news-category-top .index-news-category-item{
        width: calc(33.33% - 20px);height: calc(100% - 20px);
    }
}
/*<=639px and >=480px的设备：手机横屏;*/
@media (max-width:639px) {
    .index-video ul li .item-image{display: block;}
    .index-video ul li .item-video{display: none;}

    .index-news-category .index-news-category-top{
        flex-flow: column nowrap;
    }
    .index-news-category .index-news-category-top .index-news-category-item{
        width: calc(100% - 20px);height: calc(33.33% - 20px);
    }

    .index-news-category .index-news-category-bottom{
        flex:none;width: 100%;height: 100px;
        text-align: center;color: #ffffff;font-size:16px;
        display: inline-flex;flex-flow: row wrap;
        align-content: center;justify-content: center;align-items: center;
        background-color: #444444;overflow: hidden;
    }

    .index-product .product-image1{display: none;}
    .index-product .product-image2{display: block;}
}

/*<=479px and >=320px的设备：手机竖屏;*/
/*@media (max-width:479px) {  }*/
/*<=479px and >=320px的设备：手机竖屏;*/
/*@media (min-width: 240px) and (max-width:319px) {}*/
/*<=239px的设备:手机竖屏*/
/*@media (max-width:239px){}*/