.tec_info{margin:   24px 0}
.tec_info .cover_img{float:left;width:160px;padding-top: 220px;}
.tec_info .txt{float:right;width:calc(100% - 200px);line-height: 24px;font-size: 14px;color: #666;}
.tec_info .txt h3{font-size:24px;margin: 16px 0 22px;color: #333;font-weight: 700;}
.tec_info .txt h3 b{font-size:16px;margin: 0 14px;color:#bbb;font-weight: normal;}
.tec_info .txt h3 span{font-size:16px;color: #188163;font-weight: normal;}
.tec_info .txt p{border-top:1px solid #eee;border-bottom:1px solid #eee;margin-top:-1px;padding: 8px 0;}
.tec_info .txt p em{font-weight:700;color:#333;font-style: normal;}
.tec_info .txt p span{margin:0 30px 0 0}
.cover_img {
    position: relative;
    overflow: hidden;
}
.cover_img div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.cover_img>div:first-child {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
}
.tab_tec .hd{border-bottom:1px solid #eee;font-size: 0;}
.tab_tec .hd a{display:inline-block;padding: 10px 20px;font-size: 18px;position:relative;color: #333;}
.tab_tec .hd a:before{content:'';position:absolute;bottom:-1px;width:0;height:4px;background:#188163;left:50%;transition:.3s all ease-in;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
.tab_tec .hd .on{color: #188163}
.tab_tec .hd .on:before{width:100%}
.tab_tec .bd{padding:26px;line-height:1.8;color:#666;font-size:15px}



@media screen and (max-width:768px){
    .tec_info .cover_img{float:none;margin:0 auto 30px}
    .tec_info .txt{float:none;width:auto}
    .tec_info .txt p span{display:block;margin:0}
    
    .tab_tec .hd a{font-size:16px;width: 25%;padding: 10px 0;text-align: center;}
    .tab_tec .bd{padding:20px 0;font-size:14px}
}