#aboutN{position: relative;display: flex;}
#aboutN .left_box{display: flex;width: 33%;flex-direction: column;padding: 10px;background: gainsboro;justify-content: center;}
#aboutN .right_box{display: flex;width: calc(67% - 50px);flex-direction: column;margin-left: 50px;}
#aboutN .title h2{font-size: 33px;color: #23578d;}
#aboutN .title{position: relative;padding-bottom: 20px;margin-bottom: 20px;}
#aboutN .title h2:before{
    content:"";
    position: absolute;width: 60px;height: 2px;background: #23578d;bottom: 3px;}
#aboutN .info{padding: 50px;background: #e8e8e8;border-right: 2px solid #23578d;}
#aboutN .info p{line-height: 200%;color: #111111;}
#aboutN .info2{display: flex;margin-top: 100px;}
#aboutN .conbm{display: flex;flex-direction: column;width: calc(100% - 150px);justify-content: flex-end;}
#aboutN .QRcode{display: flex;justify-content: flex-end;width: 150px;flex-direction: column;}

#aboutN .conbm h2{
    font-size: 33px;
    color: #23578d;
    padding-bottom: 20px;
    margin-bottom: 20px;  
position: relative;}
#aboutN .conbm h2:before{
    content:"";
    position: absolute;width: 60px;
    height: 2px;
    background: #23578d;
    bottom: 3px;
}

@media screen and (max-width: 1440px) {
    #aboutN .info2{margin-top: 50px;}
    #aboutN .title h2 , #aboutN .conbm h2{font-size: 29px;}
	#aboutN .info{padding: 35px 30px;}
}
@media screen and (max-width: 980px){
	#aboutN .left_box{display:none;}
	#aboutN .right_box{width:100%;margin-left: 0;}
}
@media screen and (max-width: 550px){
	#aboutN .QRcode{display: none;}
	#aboutN .conbm{width:100%;}
	#aboutN .info{padding: 25px 21px;}
	#aboutN{margin-bottom: 20px;}
}