.about{width:100%;float: left; padding: 100px 0 80px;}
.about-tx{ width:44%;margin:0 31% 0 25%}
.about-title{ width: 100%;float: left; }
.about-title h1{font-size:26px;line-height: 1.5em; margin: 0 0 15px;letter-spacing:0.1em;font-weight: 500;text-align:justify;}
.about-title{opacity: 0;-moz-transform: translateY(-30px);-ms-transform: translateY(-30px);-webkit-transform: translateY(-30px);transform: translateY(-30px);-moz-transition: opacity .8s, -moz-transform .8s;-o-transition: opacity .8s, -o-transform .8s;-webkit-transition: opacity .8s, -webkit-transform .8s;transition: opacity .8s, transform .8s;}
.about-title.show {opacity: 1;-moz-transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0);}
.about-en{ width: 100%;font-size:22px;margin: 0 0 40px;font-weight:600}
.about-en{opacity: 0;-moz-transform: translateX(-30px);-ms-transform: translateX(-30px);-webkit-transform: translateX(-30px);transform: translateX(-30px);-moz-transition: opacity .8s, -moz-transform .8s;-o-transition: opacity .8s, -o-transform .8s;-webkit-transition: opacity .8s, -webkit-transform .8s;transition: opacity .8s, transform .8s;}
.about-en.show {opacity: 1;-moz-transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0);}
.about-stx{width:100%;line-height:2em;margin: 0;font-size: 16px;}
.about-stx{opacity: 0;-moz-transform: translateY(40px);-ms-transform: translateY(40px);-webkit-transform: translateY(40px);transform: translateY(40px);-moz-transition: opacity .8s, -moz-transform .8s;-o-transition: opacity .8s, -o-transform .8s;-webkit-transition: opacity .8s, -webkit-transform .8s;transition: opacity .8s, transform .8s;}
.about-stx.show {opacity: 1;-moz-transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0);}
.about-content{width:100%; float: left;}
.b-container{width:86%; margin:0 auto 20px}
.b-container img{max-width:100%; height: auto}
.aboutrow{width: 100%; float: left;position:relative; margin-bottom:80px}
.mainabout-pic{ width:55%; float: left; margin-left:45%;}
.mainabout-pic:after {content: "";width: 100%;height: 100%;background: #fff;position: absolute;bottom: 0;left: 0;-moz-transition: height 0.8s;-o-transition: height 0.8s;-webkit-transition: height 0.8s;transition: height 0.8s;}
.mainabout-pic.show:after {height: 0;}
.mainabout-pic{position:relative;}
.mainabout-pic img{max-width: 100%; line-height:auto; margin: 0;}
.hmin_text {width: 39%; position: absolute;top:50%;left:0;transform: translate(0, -50%);}
.hmin_content{width:100%; float: left;font-size: 17px; line-height: 2em;text-align:justify}
.hmin_righttext{width:39%; position: absolute;top:50%;left: 61%;transform: translate(0, -50%);}
.mainleft-pic{width:55%; float: left; margin-left:0;}
.mainleft-pic:after {content: "";width: 100%;height: 100%;background: #fff;position: absolute;bottom: 0;left: 0;-moz-transition: height 0.8s;-o-transition: height 0.8s;-webkit-transition: height 0.8s;transition: height 0.8s;}
.mainleft-pic.show:after {height: 0;}
.mainleft-pic img{max-width: 100%; line-height:auto; margin: 0;}

@media screen and (max-width: 1600px) {
.about{padding: 80px 0 60px;}
.about-tx{width:55%;margin:0 22.5%}	
}
@media screen and (max-width: 1280px) {
.about{padding: 60px 0 45px;}
.b-container{width:88%;margin:0 auto 10px}
.about-tx{width:65%;margin:0 16% 0 19%}
.aboutrow{margin-bottom:60px}
}
@media screen and (max-width: 980px) {
.about{padding: 50px 0 30px;}
.about-tx{width:90%;margin:0 5%}
.about-en{font-size:20px;margin: 0 0 25px;}
.about-title h1{font-size:24px;margin: 0 0 8px;}
.b-container{width:90%;margin:0 auto}
.hmin_content{line-height: 1.8em;}
.aboutrow{margin-bottom:50px}
}
@media screen and (max-width: 767px) {
.about{padding: 30px 0 20px;}
.b-container{margin:0 auto 10px}
.about-en{font-size:18px;margin: 0 0 15px;}
.about-title h1{font-size:22px;margin: 0 0 8px;letter-spacing:0;}
.mainabout-pic{ width:100%;margin-left:0;margin-bottom: 15px}
.hmin_text {width:100%; position:static;transform: translate(0, 0);}
.hmin_righttext{width:100%; position:static;transform: translate(0, 0);}
.mainleft-pic{width:100%;margin-bottom: 15px}
.about-stx{margin: 0 0 10px;}
.aboutrow{margin-bottom:30px}
}