@charset "utf-8";

.text-truncate{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.banner-carousel{width: 100%;max-width: 1060px;height: 410px;margin: 0 auto;background-color: #fff;}
.banner-carousel .swiper-slide{display: block;background-size: 100% 100%;background-repeat: no-repeat;background-position: center;background-color: #f1f1f1;}
.swiper-pagination.banner-pagination .swiper-pagination-bullet{background: #ccc;opacity: 1;}
.swiper-pagination.banner-pagination .swiper-pagination-bullet-active{background: #2e5e8f;}

.contentC{box-sizing: border-box;padding: 0 30px;}
.photo-carousel{position: relative;width: 100%;overflow:hidden;height: 144px;}
.photo-carousel .swiper-slide{position: relative;width: 25%;}
.photo-carousel .swiper-slide img{ display:block;padding:0px;}
.photo-carousel .swiper-slide a{ width:100%; height:100%; position:relative; top:0px; left:0px; color:#fff; }
.photo-button-prev,.photo-button-next{width: 32px;height:144px;top:30px;}
.photo-button-prev{left: 0;background: url(../images/prev.jpg) no-repeat center;}
.photo-button-next{right: 0;background: url(../images/next.jpg) no-repeat center;}
.productImg img{width: 144px;height: 180px;}
.menu-toggle{display: none;}
.empty-area{display: none;}

@media screen and (max-width: 1024px){
    .header_top,.nav{width: 100%;padding: 0;}
    .homeBanner{height: auto;}
    .home_main_bj,.main,.home_main_top,.home_main_bottom,.home_column_left,.home_column_right,.contentC{width: 100%;}

    .footer,.footer_bottom,.footer_bottom{width: 100%;}
    .headerBj{background: url(../images/mobile_logo.png) no-repeat center top}
    .header_top .right{display: none;}
    .home_new_ul,.home_column_div,.home_column_divBox,.home_column_gsjj_title,.home_column_gsjj_title,.home_column_gsjj_title,.home_gsjj_text,.home_gsjj_text{width: 100%;}
    .home_column_left,.home_column_right{float: none;box-sizing: border-box;padding: 0 15px;}
    .home_main_top{height: auto;}

    .banner-carousel{height: 40vw;}
    .home_gsjj_text{padding: 10px;box-sizing: border-box;}
    .home_ckxq{margin-right: 10px;}
    /* Homepage */
    .friendlink{padding: 10px 15px;box-sizing: border-box;}
    .photo-carousel .swiper-slide{width: 50%;}

    /* Column */
    .main_left{width: 100%;float: none;min-height: auto!important;}
    .main_right{width: 100%;float: none;box-sizing: border-box;}
    .sidebar{width: 90%;background-color: #fafafa;}
    .main_rightTitle{width: 100%;box-sizing: border-box;}
    .cpzx_page,.productBox,.product{width: 100%;}
    .product{padding: 10px;box-sizing: border-box;}
    .productImg img{width: 90%;}
    .newsBox,.news_ul{width: 100%;}
    .main{background-color: #fff;}
    .news_a{width: 70%;}
    .home_new_a{width: 70%;}

    /* Post */
    .title{margin-bottom: 5px;}
    .item{margin: 0;}
    .content{box-sizing: border-box;padding: 0 10px;}
    .content img{max-width: 100%;height: auto;}

    /* Mobile Nav */
    .navBox_bj{position: relative;}
    .menu-toggle{display: inline-block;position: absolute;right: 0;top: 5px;background-color: transparent;border: none;outline: none;}
    .menu-toggle:focus,.menu-toggle:hover{outline: none;}
    .menu-toggle img{width: 24px;}
    .inner{display: none;position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.8);}
    .nav{position: absolute;left: 0;top: 0;width: 65%;background-color: #214586;height: 100%;}
    .empty-area{position: absolute;top: 0;right: 0;width: 35%;height: 100%;background-color: transparent;border: none;}
    .nav_li{float: none;width: 100%;}
    .nav_li:hover{background: #042562;height: auto;}
    .nav_li:hover ul{position: relative;display: block;top: 0;}
    .productImg img{width: 144px;}
    .product{width: 33.333%;}
}
@media screen and (max-width: 600px) {
    .photo-carousel .swiper-slide{width: 100%;}
    .home_gsjj_text img{float: none;width: auto;height: auto;display: block;padding: 0;margin: 0 auto;}
    .product{width: 50%;}
    .photo-carousel .swiper-slide img{margin: 0 auto;}
    .home_gsjj_text,.home_column_right{height: auto;}
    .home_ckxq{position: relative;}
}
@media screen and (max-width: 375px) {
    .photo-carousel .swiper-slide{width: 100%;}
    .product{width: 100%;}
}