.about{width:100%;float: left; }
.about-container{width:1500px;margin: 0 auto;padding: 170px 0 100px}
.top-tx{ width:100%;float: left;text-align: center; margin-bottom: 50px}
.top-tx h1{font-size:32px;line-height: 1.5em; font-weight:  500;letter-spacing: 0.2em;text-indent: 0.2em}
.top-tx h2{margin-bottom: 10px; font-size: 18px;}
.about-pic{width:100%;float: left;margin-bottom: 80px;}
.about-pic img{max-width:100%; height: auto;margin: 0;display: block}
.about-info{ width:80%;float: left;text-align:justify;}
.about-info{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 .6s}
.about-info.show{opacity:1;-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}
.about-info p{line-height:2em;font-size: 20px;}
.about-wrap{width:100%; float:left; background-color: #f6f7f7;padding: 100px 0}
.about-bottom{width:1500px; margin:0 auto;position:relative; }
.bottom-wrap{width:100%; float:left; padding: 100px 0}
.aboutrow{width: 100%; float: left;position:relative;}
.mainabout-pic{width:50%; float: left; margin-left:50%;}
.mainabout-pic{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 .6s}
.mainabout-pic.show{opacity:1;-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}
.mainabout-pic{position:relative;}
.mainabout-pic img{max-width: 100%; line-height:auto; margin: 0;display: block}
.hmin_text{width: 43%; position: absolute;top:50%;left:0;transform: translate(0, -50%);}
.hmin_text{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 .6s}
.hmin_text.show{opacity:1;-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}
.hmin_content{width:100%; float: left;font-size: 17px; line-height: 2em;text-align:justify}
.hmin_content h2{margin-bottom: 50px; font-size:30px;line-height: 1.5em; font-weight:  500;letter-spacing: 0.2em;}
.hmin_content p{line-height:2em;ont-size: 18px;text-align:justify;}
.hmin_righttext{width:43%; position: absolute;top:50%;left: 57%;transform: translate(0, -50%);}
.hmin_righttext{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 .6s}
.hmin_righttext.show{opacity:1;-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}
.mainleft-pic{width:50%; float: left;margin: 0;}
.mainleft-pic{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 .6s}
.mainleft-pic.show{opacity:1;-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}
.mainleft-pic img{max-width: 100%; line-height:auto; margin: 0;display: block}
.bottom-about{width:100%; float:left;}
.bottom-info{width:42%;margin: -10px 29% 100px; text-align: center; line-height: 2em;font-size: 20px;}
.bottom-info{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 .6s}
.bottom-info.show{opacity:1;-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}
@media screen and (max-width: 1600px) {
.about-container{width:1200px;padding: 160px 0 80px}
.about-bottom{width:1200px;}
.about-wrap{padding: 80px 0}
.bottom-wrap{padding: 80px 0;}
.about-pic{margin-bottom: 60px;}
.bottom-info{width:55%;margin: -10px 22.5% 80px;}	
}
@media screen and (max-width: 1200px) {
.about-container{width:88%;padding: 130px 0 60px}
.about-bottom{width:88%;}
.top-tx{margin-bottom: 40px}
.about-pic{margin-bottom: 40px;}
.bottom-wrap{padding: 60px 0;}
.about-wrap{padding: 60px 0}
.hmin_content h2{margin-bottom: 25px;}
.bottom-info{width:70%;margin: -10px 15% 60px;}		
}
@media screen and (max-width: 980px) {
.about-container{width:90%;padding: 110px 0 50px}
.about-bottom{width:90%;}
.top-tx{margin-bottom: 35px}
.about-pic{margin-bottom: 30px;}
.hmin_content h2{margin-bottom: 20px;font-size:26px; letter-spacing: 0.1em}
.hmin_content p{line-height:1.8em;font-size: 18px;}
.about-wrap{padding: 55px 0}
.bottom-wrap{padding: 55px 0;}
.bottom-info{width:80%;margin: -10px 10% 50px;}		
}
@media screen and (max-width: 767px) {
.about-container{padding: 95px 0 30px}
.top-tx{margin-bottom:25px}
.top-tx h1{font-size:26px;}
.about-pic{margin-bottom: 16px;}
.about-info{ width:100%}	
.about-info p{line-height:1.8em;font-size: 19px;}
.hmin_content h2{font-size:24px;margin-bottom: 10px;}
.hmin_content p{line-height:1.7em;font-size: 18px;}
.about-wrap{padding: 40px 0 35px}
.bottom-wrap{padding: 40px 0 30px;}
.hmin_text{width: 100%; position:static;transform: translate(0, 0);}
.hmin_righttext{width:100%; position:static;transform: translate(0, 0);}
.mainabout-pic{width:100%; float: left;margin: 0 0 25px}
.mainleft-pic{width:100%;margin-bottom: 25px}
.bottom-info{width:90%;margin:-5px 5% 30px;text-align: left;text-align:justify;line-height: 1.7em;}		
}