@charset "utf-8";
.about {
    width: 100%;
	background:url(../images/about.jpg) no-repeat center bottom;
    padding: 30px 0px;
}
.about .left{width: 70%;height:auto;position: relative;padding: 30px 10px;float:right;}
.about .left h1{color:#d9000b;font-size:5rem;position:relative;line-height:1;float:right;text-align:right;display:block;width:50%;float:left;}
.about .left h1 a{color:#d9000b;display:block;width:50%;float:right;letter-spacing:1px;transform: scale(1.1,1);}
.about .left h3 {font-size: 2.4rem; color: #d9000b;font-weight:normal;font-weight:bold;line-height: 130px;display:block;width:50%;float:left;}
.about .left h3 a{ color: #d9000b;}
.about .left  font{border-bottom:#626262 1px solid;padding-left:30px;float:left;display:block;display:block;width:45%;float:left;position: absolute;left: 0px;bottom: 0px;}
.about .left .atext{width:100%;clear:both;height:auto;}
.about .left .atext p{height:auto;width:100%;line-height:2;color:#333333;font-size:1.6rem;}
.about .more{width:100%;padding:0px;background: none;padding-top: 7vh;clear:both;}
.about .more a{display:block;width:130px;height:50px;background:#c52103;color:#fff;line-height:50px;display:block;float:left;text-align:center;font-size: 16px;border-radius:0px;float:right;}
.about .right{width: 28%;height:auto;position: relative;margin: 80px 10px;float:left;float:right;}
.about .right .img{display:block;width:100%;height:100%;padding:5%;}
.about .right .img img{max-width:100%;width:auto;height:auto;}
.about .right .img2{display:block;width:100%;height:100%;padding:5%;display:none;}
.about .right .img2 img{max-width:100%;width:auto;height:auto;}
.about .right .a1{position:absolute;left:0px;top:-200px;}
.about .right .a1 img{max-width:100%;width:auto;height:auto;}
 @media screen and (max-width:640px) {

.about.left. img{width:100%;}

@media(max-width:469px){
.about .right{display:none;}
.about .left h3 {line-height: 3;}
.about .left{width: 100%;height:auto;position: relative;padding: 1%;float:right;}
.about .left .img {max-width:100%;width:auto;height:auto;}
.about .left .atext {padding-top: 5rem;}
.about .left .atext p{width:95%;margin:0 auto;line-height:2.2;}
.about .left h1{width:100%;font-size:3rem;}
.about .left h1 a{width:95%;text-align:left;line-height:2;}
.about .left h1 a br{display:none;}
.about .left h3{width:100%;}
.about .left h3 a{width:100%;}
.about .left  font{width:100%;}
}
@media(max-width:990px){
.about {background:none;}
.about .right{display:none;}
.about .left h3 {line-height:1;}
.about .left{width: 100%;height:auto;position: relative;padding: 1%;float:right; margin-top:1%;}
.about .left .atext {padding-top: 1rem;}
.about .left .atext p{width:95%;margin:0 auto;line-height:2;color:#333333;font-size:1.5rem;   overflow : hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;}
.about .left h1{width:100%;font-size:3rem;}
.about .left h1 a{width:95%;text-align:left;line-height:2;}
.about .left h1 a br{display:none;}
.about .left h3{width:100%;}
.about .left h3 a{width:100%;}
.about .left  font{width:100%;}
.about .more{width:100%;padding:0px;background: none;padding-top: 2vh;clear:both;}
}
@media(min-width:991px) and (max-width:1200px){
.about .right .a1 {top: -150px !important;}
.about {background:none;}
.about .right{display:none;}
.about .left h3 {line-height: 3;}
.about .left{width: 100%;height:auto;position: relative;padding: 5%;float:right;}
.about .left .atext {padding-top: 5rem;}
.about .left .atext p{width:95%;margin:0 auto;line-height:2.2;}
.about .left h1{width:100%;font-size:3rem;}
.about .left h1 a{width:95%;text-align:left;line-height:2;}
.about .left h1 a br{display:none;}
.about .left h3{width:100%;}
.about .left h3 a{width:100%;}
.about .left  font{width:100%;}
}