#about {position:relative;}
#about .banner {background:url('/img/about_bg2.jpg') top center no-repeat; padding:130px 0 210px 0; text-align:center;}
#about .banner h2 {background:url('/img/about_titBg.png') top center no-repeat; padding:30px 0; color:#fff; text-transform:uppercase;}
#about .banner p {font-size:20px; color:rgba(255,255,255,0.7); letter-spacing:-0.5pt; font-weight:300; margin-bottom:20px; line-height:140%;}
/*#about .banner a.more:link, #about a.more:visited {color:#fff; padding:20px 45px 20px 0; background:url('/img/icon_arr_w.png') right center no-repeat; border-bottom:1px solid #868d9b;}
#about .banner a.more:link, #about a.more:visited {color:#fff; padding:20px 45px 20px 0;}
#about .banner a.more:hover {background:url('/img/icon_arr_w.png') right 8% center no-repeat;}*/
#about .banner a.more:link, #about a.more:visited {color:#fff;}
#about .banner a.more:hover {color:#21a451 !important;}
#about .banner a.more:link, #about a.more:visited {color:#fff;}
#about .quick_bn {position:relative; width:100%; max-width:1480px; margin:-100px auto 0 auto; background:#fff; overflow:hidden;}
#about .quick_bn dl {width:100%; display:table;}
#about .quick_bn dd {display:table-cell; width:50%; box-sizing:border-box; padding:60px 0px 60px 70px; font-size:28px; letter-spacing:-0.5pt; color:#666; font-weight:300; line-height:140%; vertical-align:middle; box-sizing:border-box;}
#about .quick_bn dt {display:table-cell; width:50%; box-sizing:border-box; padding:60px 10px 60px 0px; text-align:right; vertical-align:middle; box-sizing:border-box;}
#about .quick_bn dt a:link, #about .quick_bn dt a:visited {display:inline-block; position:relative; padding:90px 60px 5px 60px; border-right:1px solid #ddd; color:#333; font-size:25px; letter-spacing:-0.5pt;  background-position:center top; background-repeat:no-repeat; transition:all 0.2s ease-out;}
#about .quick_bn dt a:hover {background-position:center 10px; transition:all 0.2s ease-out;}
#about .quick_bn dt a:first-child {background-image:url('/img/icon_1.png');}
#about .quick_bn dt a:nth-child(2) {background-image:url('/img/icon_2.png');}
#about .quick_bn dt a:last-child {border-right:none; background-image:url('/img/icon_3.png');}

#recruit {background:url('/img/recruit_bg.jpg') top center no-repeat; padding:80px 0; text-align:center;}
#recruit h2 {background:url('/img/about_titBg.png') top center no-repeat; padding:30px 0; color:#fff;}
#recruit p {font-size:20px; color:rgba(255,255,255,0.7); letter-spacing:-0.5pt; font-weight:300; margin-bottom:12px; line-height:140%;}
/*#recruit a.more:link, #recruit a.more:visited {width:200px; color:#fff; padding:20px 50px 20px 0; background:url('/img/icon_arr_w.png') right center no-repeat; border-bottom:1px solid #78b4ca;}
#recruit a.more:hover {background:url('/img/icon_arr_w.png') right 8% center no-repeat;}*/
#recruit a.more:link, #recruit a.more:visited {width:200px; color:#fff;}
#recruit a.more:hover {color:#21a451 !important;}

/*******************************************************************************
	@media 1241px~1480px
*******************************************************************************/
@media all and (max-width:1480px){


#about .banner h2 {padding:30px 0;}
#about .quick_bn {width:98%; max-width:100%; }
#about .quick_bn dd {padding:45px 0px 45px 50px; font-size:25px;}
#about .quick_bn dt {padding:45px 10px 45px 0px;}
#about .quick_bn dt a:link, #about .quick_bn dt a:visited {padding:90px 40px 5px 40px; font-size:22px;}

}


/*******************************************************************************
	@media 1024px~1240px
*******************************************************************************/
@media all and (max-width:1240px){

#about .banner {padding:110px 0 180px 0;}
#recruit {padding:70px 0;}

}

/*******************************************************************************
	@media 1024px~1240px
*******************************************************************************/
@media all and (max-width:1100px){

#about .quick_bn dd br {display:none;}
#about .quick_bn dt a:link, #about .quick_bn dt a:visited {padding:90px 30px 5px 30px; font-size:20px;}
}

/*******************************************************************************
	@media 769~980px
*******************************************************************************/
@media all and (max-width:980px){

#about .banner h2 {padding:30px 0 25px 0;}
#about .banner {padding:80px 0 150px 0;}
#about .banner p {font-size:18px; margin-bottom:10px;}
#about .banner a.more:link, #about a.more:visited {padding:18px 40px 18px 0;}

#about .quick_bn dd {display:block; width:100%; padding:40px 0px 20px 0px; font-size:22px; text-align:center;}
#about .quick_bn dd br {display:block;}
#about .quick_bn dt {display:block; width:100%; padding:20px 0px 40px 0px; text-align:center;}
#about .quick_bn dt a:link, #about .quick_bn dt a:visited {padding:85px 40px 5px 40px; font-size:18px;}

#recruit {padding:60px 0;}
#recruit h2 {padding:25px 0 20px 0;}
#recruit p {font-size:18px;}
#recruit a.more:link, #recruit a.more:visited {width:190px; padding:18px 50px 18px 0;}

}


/*******************************************************************************
	@media 671~768px
*******************************************************************************/
@media all and (max-width:768px){


#about .banner {padding:50px 0 135px 0;}
#about .banner h2 {padding:25px 0 20px 0;}
#about .banner a.more:link, #about a.more:visited {padding:16px 40px 16px 0;}

#recruit {padding:50px 0;}
#recruit a.more:link, #recruit a.more:visited {width:170px; padding:16px 50px 16px 0;}


}


/*******************************************************************************
	@media 481~680px
*******************************************************************************/
@media all and (max-width:680px){

#about .banner h2 {padding:25px 0 15px 0;}
#about .banner {padding:60px 0 120px 0;}
#about .banner a.more:link, #about a.more:visited {padding:15px 40px 15px 0;}
#about .quick_bn {margin:-80px auto 0 auto;}

#about .banner p {font-size:16px;}
#about .quick_bn dd {padding:30px 0px 10px 0px; font-size:18px;}
#about .quick_bn dt {padding:20px 0px 30px 0px;}
#about .quick_bn dt a:link, #about .quick_bn dt a:visited {padding:80px 40px 5px 40px; font-size:16px;}

#recruit {padding:50px 0;}
#recruit h2 {padding:25px 0 20px 0;}
#recruit p {font-size:16px;}
#recruit a.more:link, #recruit a.more:visited {padding:15px 45px 15px 0;}


}

/*******************************************************************************
	@media ~480px
*******************************************************************************/
@media all and (max-width:480px){

#about .banner {padding:40px 0 100px 0;}
#about .banner p {font-size:14px; padding:0 5%; box-sizing:border-box;}
#about .banner p br {display:none;}
#about .banner a.more:link, #about a.more:visited {padding:12px 40px 12px 0;}
#about .quick_bn {margin:-60px auto 0 auto;}
#about .quick_bn dd {padding:25px 5% 10px 5%; font-size:16px; box-sizing:border-box;}
#about .quick_bn dd br {display:none;}
#about .quick_bn dt a:link, #about .quick_bn dt a:visited {padding:56px 6% 0px 6%; font-size:15px; background-size:45px;}

#recruit p {font-size:14px; padding:0 2%; box-sizing:border-box;}
#recruit p br {display:none;}
#recruit a.more:link, #recruit a.more:visited {width:150px; padding:12px 40px 12px 0;}

}


/*******************************************************************************
	@media ~480px
*******************************************************************************/
@media all and (max-width:380px){


#about .quick_bn dd {font-size:15px;}

}