.wid {max-width:1920px; width:100%; margin:0 auto; padding:0 60px;}
@media screen and (min-width:1920px) {
	.wid {max-width:100%;}
}

.about {padding:60px 90px 90px 90px; background:url('../img/about_bg.png')no-repeat left 55px top 280px;}
.about:after {content:''; clear:both; display: table;}
.about .box1 {float:left; width:350px;}
.about .box1 h3 {font-size:14px; color:#d7d7d7;}
.about .box1 h2 {font-size:25px; margin-top:12px; color:#111; font-weight:500;}
.about .box1 button {margin-top:335px; height:51px; padding:0 5px 0 23px; width:auto; border-radius:50px; border:1px solid #ddd; background:#fff; position: relative; text-align: left; font-size:16px; color:#111; font-weight:500; transition:.3s; margin-top:291px; }
.about .box1 button img {margin-left:60px; transition: .3s;}
.about .box1 button:hover {border:1px solid #111;}
.about .box1 button:hover img {margin-left:75px;}

.about .box2 {float:left; height:400px; width:330px; border-radius:20px; background:url('../img/his_img4.jpg')no-repeat center; background-size:cover;}

.about .box3 {float:right; width:calc(100% - 755px);}
.about .box3 p {font-size:15px; color:#222; line-height:1.55em; margin-top:10px; font-weight:300;}
.about .box3 span {display: inline-block; margin-top:40px; font-size:15px; font-weight:300; color:#222; }
.about .box3 span b {font-weight:600; color:#111;}


@media screen and (max-width:1500px) {
	.about {padding:50px 60px;}
	.about .box1 {width:300px;}
	.about .box2 {width:300px;}
	.about .box3 {width:calc(100% - 655px);}
}


@media screen and (max-width:1200px) {
	.wid {padding:0 25px;}
	.about {padding:40px 40px;}
	.about .box2 {display: none;}
	.about .box3 {width:calc(100% - 305px);}
}


@media screen and (max-width:1024px) {
	.about .box1 {width:100%; position: relative;}
	.about .box1 button {position: absolute; right:0; top:13px; margin-top:0; height:45px; font-size:15px; padding-left:20px; padding-top:2px;}
	.about .box1 button img {width:34px; margin-left:40px; margin-top:-2px;}

	.about .box2 {width:100%; display: block; background:url('../img/sec2_img.jpg')no-repeat center; background-size:cover; height:150px; margin-top:18px;} 
	.about .box3 {width:100%;}
	.about .box3 p {margin-top:20px;}
}


@media screen and (max-width:767px) {
	.wid {padding:0 0px;}

	.about {padding:30px 25px 60px 25px;}
	.about .box1 h2 {margin-top:0px; position: fixed; z-index: -1; top:127px; left:0; width:100%; color:#fff; text-align: center; }
	.about .box1 h3 { margin-top:0px; position: fixed; z-index: -1; top:106px; left:0; width:100%; color:#fff; text-align: center; font-weight:500; color:rgba(255,255,255,.8)}
	.about .box1 button {width:100%; position: relative; height:38px; padding:0 0 0 15px; font-size:14px; border-radius:10px; top:0;}
	.about .box1 button img {width:29px; position: absolute; right:5px; top:5px;}

	.about .box2 {border-radius:10px; margin-top:10px;}
	.about .box3 p {font-size:14px;}
}