.about_t{height:50px;width:430px;margin:0 auto;margin-top: 20px;}
.about_t ul{height:50px;width:460px;overflow:hidden}
.about_t li{width: 20%;float:left;font-size:16px;list-style: none;}
.about_t li a{line-height:48px;height:48px;border:1px solid #dcdcdc;display:block;color:#666;text-align:center;cursor:pointer;border-radius:4px;}
.about_t ul .on{border-radius:4px;line-height:48px;height:48px;border: 1px solid #4587e8;background-color: #4587e8;display:block;color:#FFF;text-align:center;}
.about_t ul .on a{color:#fff;border:none}
.about_ban{background:url(//static.zzboiler.com/web/images/about/about_ban.jpg) no-repeat center;position:relative;height:458px;overflow:hidden}
.about_t ul{width: 1200px;}
.about_t{width: 1200px;}
.about_t ul .on {}
.about_t ul li:last-child{margin:0;}


.mid_tit,.mid_tit-2{margin-bottom:0;}
.mid_tit-2 {overflow: hidden;margin: 0 auto;width: fit-content;margin-bottom: 50px;}
.mid_tit h2,.mid_tit-2 h2{height:42px;background: url("/static/images/bg2.png") no-repeat center bottom;font-size:30px;text-align:center;font-weight:100;color:#333;margin:0 auto;line-height:30px;}
.mid_tit h2 a,.mid_tit-2 h2 a {color:#333;}
.mid_tit h2:hover a,.mid_tit-2 h2:hover a {color: #4587e8;}
.mid_tit p,.mid_tit-3 p {color:#666;font-size:14px;text-align: center;line-height:30px;}
.con_mid_tit h1{text-align: center;font-size:30px;line-height: 45px;}
.con_mid_tit p{text-align: center;font-size:14px;height: 14px;}
.mid_tit2{margin-bottom:0;position: relative;height: 42px;}
.mid_tit2 h2{height:42px;background:url("/static/images/bg2.png") no-repeat center bottom;font-size:30px;line-height:30px;position: absolute;left:477px;}
.janli-t{width:100%;height:35px;display:block;overflow:hidden;margin-bottom: 40px;}
.janli-t b{color:#333;background:url("//static.zzboiler.com/img/bg3.png") no-repeat left bottom;width:100px;line-height:24px;height:35px;font-size:24px;float:left;margin-bottom:0;font-weight:100}
.janli-t a{color:#4587e8;float:right;width:50px;text-align:right;line-height:30px}


.swiper-slide p {
    position: absolute;
    top: 72%;
    text-align: center;
    width: 100%;
}

.swiper-slide {
    position: relative;
}




.imgitem {
    width: 20%;
    float: left;
    margin: 2% 2%;
    position: relative;
    border: 1px solid #777;
    transition-duration: 0.5s;
}

.imgitem img {
    max-width: 100%;
}

p.imgtitle {
    position: absolute;
    bottom: 0;
    width: 100%;
    color: white;
    background: #0956c7b8;
    font-size: 15px;
    padding: 10px;
    white-space: nowrap;/*内容超宽后禁止换行显示*/
    overflow: hidden;/*超出部分隐藏*/
    text-overflow:ellipsis;/*文字超出部分以省略号显示*/
}

.imgitem:hover {
    border: 1px solid #4a30e3;
}

.imglist {
    display: flex;
    flex-wrap: wrap;
}