.about-section{position:relative;z-index:10;padding-bottom:150px}
.about-section .container{max-width:1200px;margin:0 auto;margin-top:60px;*zoom:1}
.about-section .container:after,.about-section .container:before{content:"";display:table}
.about-section .container:after{clear:both}
.about-section .container .main{width:920px;margin-left:30px;float:left}
.about-section .container .main .main-container{position:relative;*zoom:1}
.about-section .container .main .main-container:after,.about-section .container .main .main-container:before{content:"";display:table}
.about-section .container .main .main-container:after{clear:both}
.about-section .container .main .main-container .aboutpro{width:348px;height:348px;float:left;margin-right:35px;position:relative}
.about-section .container .main .main-container .aboutpro img{width:100%;height:100%;position:relative;z-index:20}
.about-section .container .main .main-container .aboutpro .rect{width:84px;height:84px;z-index:10;position:absolute;left:-10px;bottom:-10px;background:#27934d}
.about-section .container .main .main-container .title{display:none}
.about-section .container .main .main-container .title h3{font-size:28px;height:66px;line-height:66px;padding:0 30px;color:#fff;text-transform:uppercase}
.about-section .container .main .main-container .aboutdes{width:100%;padding-bottom:100px}
.about-section .container .main .main-container .aboutdes p,.about-section .container .main .main-container .aboutinfo{font-size:16px;line-height:30px}
.about-section .container .main .main-container .aboutdes p span{font-weight:700}
.about-section .container .main .main-container .aboutdes p:last-child{padding-top:35px}
@media screen and (max-width:1200px){
.about-section .container .main{width:70.66%}
.about-section .container .main .main-container .title{width:50.04%}
.about-section .container .main .main-container .title h3{font-size:19px}
.about-section .container .main .main-container .aboutdes{width:96.73%;margin-left:28px}
}
@media screen and (max-width:990px){
.about-section .container .main{width:100%;margin-left:0}
.about-section .container .main .main-container .aboutdes{margin-left:25px}
}
@media screen and (max-width:768px){
.about-section .container .main .main-container .aboutpro{float:none;margin-right:0;margin:0 auto}
.about-section .container .main .main-container .aboutpro .rect{display:none}
.about-section .container .main .main-container .aboutinfo .title{display:none}
.about-section .container .main .main-container .aboutinfo .aboutdes{width:100%;margin:0}
.about-section .container .main .main-container .aboutinfo .aboutdes p:first-child{padding-top:35px}
}