@charset "utf-8";
#about { margin: 0 auto; }
#about .display { position:relative; margin-bottom:200px; }
#about .display img { width:100%; }
#about .display img.ph { display:none; }

#about .display>.introduction { position:absolute; left:70px; top:70px; width: 65%; text-align: left; background: rgba(0,0,0,.5); }
#about .display>.introduction>.title { font-size: 2.8rem; font-weight: bold; padding: 40px; padding-bottom:20px; line-height: 5rem; color: #FFF; }
#about .display>.introduction>.content { padding: 40px; padding-top:0; font-size: 1.4rem; line-height:150%; color: #FFF; }
#about .display>.introduction>.content>p { margin-bottom: 10px; }
#about .display>.img { width: 40%; text-align: right; }
#about .display>.img>img { width: 100%; height: auto; }

@media only screen and (max-width: 1280px) {

}
 @media only screen and (max-width: 960px) {
#about .display>.introduction { position:absolute; left:5%; top:10%; width: 90%; text-align: left; background: rgba(0,0,0,.5); }

#about .display>.introduction>.title { padding:10px 20px; }
#about .display>.introduction>.content { padding:20px; padding-top:0; }
#about { height:700px; }
#about .display img.pc { display:none; }
#about .display img.ph { display:block; }
#about { height:800px; }

}
@media only screen and (max-width: 860px) {
}
@media only screen and (max-width: 640px) {
#about .display>.introduction>.title { font-size: 1.8rem; line-height: 4rem; }
#about .display>.introduction>.content { font-size: 1.2rem; }

}
@media only screen and (max-width: 520px) {


}

/* 联系方式  */

#contact { margin: 0 auto; }
#contact .wrap { max-width:1280px; }
#contact .display { padding-bottom:100px; }
#contact .display .contactbg { width:100%; }
#contact .display h1 { font-size: 2.6rem; margin:20px 1%; }
#contact .display>.introduction { width: 100%; padding-bottom:50px; }
#contact .display>.introduction li { width:31.3%; margin:20px 1%; padding-top:30px; float:left; border: 1px #737373 solid; border-radius:20px; }
#contact .display>.introduction li .img {  width: calc(100% - 20px - 20px ); margin:0 20px;}
#contact .display>.introduction li .img>img { height: 50px; }
#contact .display>.introduction li .title { float:left; display:inline-block; margin:10px 30px; border-bottom: 1px #737373 solid; font-size: 1.8rem; font-weight: bold; color: #000; }
#contact .display>.introduction li .text { float:left; width: calc(100% - 30px - 30px ); height:130px; margin:0 30px; font-size: 1.2rem; line-height: 150%; color: #000; }

#contact .display .questions { width:98%; margin:0 auto }
#contact .display .questions li { float:left; width:48%; margin:20px 1%; }
#contact .display .questions li a { border-bottom: 1px #737373 solid; line-height:100%; font-weight:bold; font-size:1.4rem; color:#000; }
@media only screen and (max-width: 1280px) {


}
@media only screen and (max-width: 960px) {

#contact .display>.introduction li { width:98%; }
#contact .display .questions li { width:98%; }
#contact .display>.introduction li .text { height:auto; padding-bottom:50px; }

}
@media only screen and (max-width: 860px) {
}
@media only screen and (max-width: 640px) {

}
@media only screen and (max-width: 520px) {
#contact .display h1 { font-size: 2.8rem;  }
#contact .display .questions li a { font-size:1.6rem; }
#contact .display>.introduction li { padding-top:20px; }
#contact .display>.introduction li .img {  width: calc(100% - 20px - 20px ); margin:0 20px;}
#contact .display>.introduction li .img>img { height: 30px; }

}