.tabs a{display:block;margin-left: 0%; float:left;width:9%;color:#fff;text-align:center;
        background:#006376;line-height:0.6rem;font-size:0.16rem;text-decoration:none;}

        .tabs a:nth-of-type(1){
            margin-left: 13%;
        }
.tabs a:nth-of-type(8){
	margin-left: 9%;
}
.tabs a:nth-of-type(7){
	margin-left: 67%;
}

    .bgzeren{

        background-repeat: no-repeat;
        background-size: 100% 100%;
        width: 85%;
        height: 3rem;
        margin: 0 auto;
        text-align: center;
        color: #111111;
        padding-top: 0.6rem;
    }
    
    .bgzeren ul li{
        display: inline-block;
        text-align: left;
        margin-left: 1rem;
        line-height:1.5;
        margin-top: 10px;
        font-weight: normal;
        font-size: 14px;
      
    }
 
    .listzeren{
        width: 100%;
        height: 100%;
    }
    .listzeren ul{
        width: 100%;
        height: 100%;
        margin-top: 0.5rem;
        padding-left: 0.8rem;
    }
    .listzeren ul li{
        width: 5rem;
        border: 0.01rem solid #eee;
        background-color: #fff;
        
        float: left;
        margin-top: 0.3rem;
        margin-left: 0.65rem;
    }
    .listzeren ul li > a{padding:10px;}
    .listzeren ul li > a img{
        
    }
    .listzeren ul li div{
        padding:10px 0;
        width: 100%;
        height:auto;
  
    }
    .listzeren ul li div p:nth-of-type(1){
        font-family: SourceHanSansCN-Bold;
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 1.5;
	letter-spacing: 0px;
    color: #006376;
    margin-bottom: 10px;
    }
    .listzeren ul li div p:nth-of-type(2){
        font-family: SourceHanSansCN-Regular;
	font-size:12px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 1.5;
	letter-spacing: 0px;
	color: #999999;
    }
     .listzeren ul li div p:nth-of-type(3){
        font-family: SourceHanSansCN-Regular;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 1.5;
	letter-spacing: 0px;
    color: #999999;
    margin-bottom: 20px;
    }
    .listzeren ul li:hover a{
        background-color: #006376;
    
    }
    .listzeren ul li:hover .hoverbg p{
        color: #fff;
    }
    @media (max-width:767px){
        .bgzeren{width:auto;margin:0 15px !important;background-size:cover;height:auto;padding:20px 15px;}
        .bgzeren .cont-text{background-color:rgb(247, 247, 247, 0.8);    padding: 20px 10px;}
        .bgzeren h3{font-size:14px;margin:0 0 15px;}
        .bgzeren ul li{ line-height:1.5;width:100%;margin-top:0;margin-left:0;}
        .bgzeren ul li p{line-height:1.5;font-size:14px;}
        .listzeren ul{padding:10px 15px;}
        .listzeren ul li img{width:100%;display:block;margin:0;height:auto;}
        .listzeren ul li{width:auto !important;margin-left:0 !important;float:none;margin-top:0;font-size:14px;line-height:1.5;}
        .listzeren ul li~li{margin-top: 10px;}
        .listzeren ul li div p:nth-of-type(1){line-height:1.5;font-size:16px;}
        .listzeren ul li div{height:auto;}
        .listzeren ul li div p:nth-of-type(2){font-size:12px;line-height:1.5;}
        .listzeren ul li div p:nth-of-type(3){font-size:14px;line-height:1.5;margin-bottom:10px;}
        
    }
    @media screen and (min-width:768px)  and (max-width:1024px){
        .bgzeren{
            height: 6rem;
        }
        .bgzeren ul li{
            line-height: 0.8rem;
        }
        .listzeren ul li{
            width: 8rem;
        }
        .listzeren ul li img{
            width: 7.7rem;
            height: 6rem;
        }
        .listzeren ul li div{
            height: 4.8rem;
        }
        .listzeren ul li div p:nth-of-type(2){
            line-height: 1rem;
        }
        .listzeren ul li div p:nth-of-type(3){
            line-height: 0.9rem;
        }
    }