.about-intro .join-title { text-align: left; margin-bottom:40px;}.about-intro .join-title i { margin: 30px 0 0;}.join-title h2 { font-size: 30px; color: #333; line-height: 60px;}.join-title { text-align: center;}.join-title h2 span { /*color: #004da1;*/}.join-title i { display: block; width: 75px; height: 1px; background: #d0d0d0; margin: 30px auto 0;}.about-intro { padding: 80px 0 50px; position: relative; z-index: 2;}.about-intro .join-title { text-align: left;}.about-intro .join-title i { margin: 30px 0 0;}.about-intro h3 { font-size: 30px; color: #333333; line-height: 34px; padding: 40px 0 32px;}.about-intro p { font-size: 18px; color: #666; line-height: 2; padding-bottom: 10px;}.about-intro img { max-width: 100%; height: auto !important; padding: 15px 0 7px;}.about-intro .list { width: 100%; padding: 55px 0 48px; text-align: center; background: #0090d7; margin-top: 40px; overflow:hidden;}.about-intro .list li { float: left; width: 25%; text-align: center; background: url(../images/a09.png) no-repeat left center;}.about-intro .list h2 { font-size: 50px; font-family: 'Arial'; line-height: 55px; color: #fff; position: relative;}.about-intro .list h4 { font-size: 16px; color: #fff; opacity: 0.5; font-weight: normal; line-height: 23px; padding-top: 8px;}.about-intro .list .unit { font-size: 16px; position: absolute; bottom: 9px; line-height: 18px;}.about-intro .list .add { font-size: 20px; line-height: 20px; position: absolute; top: 0; left: 59%;}.about-intro .list li:nth-child(3) .add { left: 55%;}.about-culture { padding: 180px 0 100px; background: url(../dimg/culture_bg.jpg) no-repeat center; width: 100%; position: relative; z-index: 1; margin-top: -150px; background-size: cover; overflow:hidden;}.about-culture .join-title h2 { color: #fff;}.about-culture .join-title i { background: #c8cacf;}.about-culture .list { position: relative;}.about-culture .slides li { width: 31.333%; margin: 0 1% 20px 1%; float: left; border-radius: 5px; text-align: center; position: relative;}.about-culture .slides li .bg { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url(../images/a13.png) no-repeat center; z-index: 1; display: block; background-size: cover; border-radius: 5px; transition: all 0.3s;}.about-culture .slides li:hover .bg { background: #fff; transform: scale(1.1, 1.1);}.about-culture .slides a { display: block; position: relative; border-radius: 5px; z-index: 2; padding: 38px 10% 40px; background: #fff; min-height: 320px;}.about-culture .slides .pic { width: 93px; height: 93px; margin: 0 auto; text-align: center; line-height: 93px; background: url(../images/a14.png) no-repeat center; background-size: 100% 100%;}.about-culture .slides img { max-width: 80%; max-height: 50px;}.about-culture .slides h2 { font-size: 20px; color: #333; line-height: 30px; padding: 14px 0 16px;}.about-culture .slides i { display: block; width: 22px; height: 1px; background: #c5c5c6; margin: 0 auto 14px;}.about-culture .slides .font { font-size: 16px; color: #888888; line-height: 24px; min-height: 60px; transition: all 0.3s;}.about-culture .slides li:hover .font { transform: scale(1.1, 1.1);}.about-culture .flex-viewport { padding: 64px 0 75px; overflow:hidden;}.about-culture .flex-control-nav { bottom: 0;}.about-culture .flex-control-nav li { margin: 0 7px;}.about-culture .flex-control-paging li a { width: 14px; height: 14px; background: url(../images/a12.png) no-repeat center; background-size: 100% 100%;}.about-culture .flex-control-paging li a.flex-active, .about-culture .flex-control-paging li a:hover { background: url(../images/a12_h.png) no-repeat center; background-size: 100% 100%;}@media all and (max-width:599px) { .about-intro .list h2{ font-size:30px;} .about-intro .list .unit{font-size:14px;} .about-intro .list h4{ font-size:12px;} .about-culture .slides h2{ font-size:16px;} .about-culture .slides .font{ font-size:12px;}}