.tit {
    width: 5rem;
    margin: 0 auto;
    padding: .364583rem;
    font-size: .1875rem;
    color: #454545;
    text-align: center;
}
.infobox{
	position: relative;
    background-color: #fff;
    padding: .260417rem .3125rem;
    
}
.info{
	width: 50%;
    	color: #454545;
  	font-size: 16px;
	display: inline-block;
}
.imgbox{
	width: 40%;
    	position: absolute; 
	top: .260417rem;
	right: .3125rem;
}
.imgbox img{
    width: 100%;
}
.bgc-hui{
    padding-bottom: .677083rem;
}
@media screen and (max-width: 1119px) {
    .info{
        width: 100%;
    }
	.imgbox {
		width: 50%;
    		position: relative; 
		top: 0;
		right: 0;
	}
}
@media screen and (max-width: 768px) {
    .tit{
        font-size: 20px;
    }
    .infobox{
       flex-direction: column;
        align-items: center;
    }
    .info{
        width:9.5rem;
        font-size: 12px;
        line-height:20px;
    }
    .imgbox{
        width: 100%;
        height: 6rem;  
	padding-left: 0;
    }
    .imgbox img{
        width: 100%;
    }
  }