* { margin: 0; padding: 0; }

ul { list-style: none; }

a { text-decoration: none; }

.content { width: 1000px; margin: 0px auto; }

.head-box { width: 100%; height: 400px; background-image: url(../images/img/about-head.png); background-repeat: no-repeat; background-size: cover; background-position: center; }

.head-box .box-txt { height: 400px; color: #fff; }

.head-box .box-txt h1 { padding-top: 249px; font-size: 60px; }

.head-box .box-txt p { margin-top: 10px; font-size: 12px; letter-spacing: 12px; }

.content-box { width: 100%; background-color: #F6F6F6; padding-top: 100px; padding-bottom: 50px; }

.content-box .culture { height: 640px; position: relative; }

.content-box .culture .culture-img { width: 450px; height: 600px; float: right; }

.content-box .culture .culture-explain { position: absolute; bottom: 0px; left: 0px; width: 848px; background: #FFFFFF; -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1); border-radius: 5px; padding: 20px; font-size: 18px; font-weight: 300; color: #999999; line-height: 32px; }

.content-box .idea { overflow: hidden; padding-top: 100px; }

.content-box .idea .idea-all { float: right; width: 466px; }

.content-box .idea .idea-all .idea-item { float: left; width: 170px; text-align: left; margin-bottom: 50px; margin-right: 63px; }

.content-box .idea .idea-all .idea-item img { width: 80px; height: 80px; }

.content-box .idea .idea-all .idea-item span { display: block; margin: 15px 0px; font-size: 20px; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #333333; line-height: 20px; }

.content-box .idea .idea-all .idea-item p { font-size: 16px; font-family: PingFangSC-Light, PingFang SC; font-weight: 300; color: #666666; line-height: 20px; letter-spacing: 1px; }

.content-box .desire { height: 580px; position: relative; margin-top: 60px; }

.content-box .desire .desire-box { position: absolute; top: -57px; left: 0px; width: 400px; height: 281px; background: #0D88FE; text-align: right; }

.content-box .desire .desire-box img { display: block; width: 50px; height: 36px; margin: 40px; }

.content-box .desire .desire-box .desire-txt { display: inline-block; margin-right: 40px; margin-top: 40px; }

.content-box .desire .desire-box .desire-txt span { display: block; margin-bottom: 15px; font-size: 36px; font-family: SourceHanSansCN-Regular, SourceHanSansCN; font-weight: 400; color: #FFFFFF; line-height: 54px; }

.content-box .desire .desire-box .desire-txt p { font-size: 16px; font-weight: 400; color: #FFFFFF; line-height: 27px; }

.content-box .desire .desire-img { margin-top: 10px; float: right; width: 900px; height: 468px; }

.content-box .about { margin: 15px auto; width: 1000px; height: 380px; background: #FFFFFF; border-radius: 6px; text-align: center; }

.content-box .about h2 { padding-top: 60px; font-size: 36px; font-family: PingFangSC-Medium, PingFang SC; font-weight: 500; color: #333333; line-height: 50px; }

.content-box .about .about-txt { width: 880px; text-align: center; font-size: 24px; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #666666; line-height: 40px; margin: 35px auto; }

.content-box .culture-txt { width: 400px; float: left; text-align: left; }

.content-box .culture-txt h3 { font-size: 40px; font-weight: 500; color: #333333; line-height: 40px; }

.content-box .culture-txt span { display: block; font-size: 18px; font-weight: 300; color: #999999; line-height: 18px; letter-spacing: 10px; margin-top: 10px; margin-bottom: 25px; }

.content-box .culture-txt p { font-size: 21px; font-family: PingFangSC-Light, PingFang SC; font-weight: 300; color: #666666; line-height: 40px; margin-bottom: 15px; }

.content-box .contact { height: 140px; margin-top: 40px; }

.content-box .contact .contact-left { float: left; width: 450px; height: 140px; background: #FDFDFD; border-radius: 6px; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.content-box .contact .contact-left img { width: 40px; height: 40px; margin-right: 40px; }

.content-box .contact .contact-left span { font-size: 24px; font-weight: 400; color: #666666; line-height: 40px; }

.content-box .contact .contact-right { float: right; width: 450px; height: 140px; background: #FDFDFD; border-radius: 6px; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.content-box .contact .contact-right img { width: 40px; height: 40px; margin-right: 40px; }

.content-box .contact .contact-right .right-txt { width: 300px; font-size: 16px; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #0585FF; line-height: 26px; text-align: left; }

.content-box .contact .contact-right .right-txt span { display: block; font-size: 24px; margin-bottom: 5px; }

.content-box .contact .contact-right .right-txt p { font-size: 16px; font-weight: 300; }

.footer { width: 100%; height: 154px; background: #36373C; }

.footer .footer-box { padding-top: 70px; }

.footer .footer-box > a { float: left; display: inline-block; margin-right: 32px; color: #9FA3AE; font-size: 14px; font-weight: 300; }

.footer .footer-box > a:hover { color: #FFFFFF; }

.footer .footer-box .footer-agreement { float: right; color: #9FA3AE; font-size: 14px; font-weight: 300; }

.footer .footer-box .footer-agreement a { display: inline-block; color: #9FA3AE; font-size: 14px; font-weight: 300; }

.footer .footer-box .footer-agreement a:hover { color: #FFFFFF; }

.head-development { width: 1000px; margin: 15px auto; }

.head-development .development-infor { color: #999999; font-size: 16px; }

.head-development .development-infor > span { margin-right: 15px; }

.head-development .development-infor .infor-agreement { display: inline-block; }

.head-development .development-infor .infor-agreement > span { margin: 0px 5px; font-size: 14px; }

.head-development .development-infor .infor-agreement a { display: inline-block; color: #999999; font-size: 16px; font-weight: 300; }
/*# sourceMappingURL=about.css.map */