.Banner {
    width: 100%; margin: 0 auto;
    overflow: hidden; height: auto;
    float: none;
}
.Banner>img:first-child { display: block; width: 100%; height: 500px; object-fit: cover;}
@media only screen and (max-width:1200px) {
	.Banner>img:first-child {  height: 41.6vw;}
}
@media only screen and (max-width:828px) {
	.Banner>img:first-child {  height: 55vw;}
}
.about_text {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
@media only screen and (max-width:828px) {
	.about_text { width: 50%; max-width: 120px; height: auto;}
}
.main {
    overflow: hidden;
    width: 100%; padding-bottom: 24px;
    max-width: 1200px; margin: 0 auto;
    background-image: url('../image/about_mianbg.png');
    background-position: 0 100%;
    background-size: auto;
    background-repeat: no-repeat;
}
.main h2 {
    margin-top: 80px;
    font-size: 50px;
    font-weight: 600;
    line-height: 1.8;
    background-image: url('../image/about_line.png');
    background-position: 0 82%;
    background-size: auto;
    background-repeat: no-repeat;
    margin-bottom: 45px;
}
.left_box {
    float: left;
    width: 60%;
}
.left_box p {
    font-size: 20px;
}
.left_box p + p {
    margin-top: 25px;
}
.main img {
    margin-top: 59px;
    float: right; width: 36.8%; height: auto;
}

@media only screen and (max-width:828px) {
	.left_box { float: none; width: auto;}
	.main img { float: none; margin: 59px auto 0; width: 100%; max-width: 442px;}
}