.services-box h2 { margin-bottom: 60px; margin-top: 75px; text-align: center; font-size: 32px; color: #333; }
.services-box ul li { float: left; width: 32%; height: 245px; margin-bottom: 20px; margin-left: 2%; text-align: center; background-color: #f7f9fa; }
.services-box ul li:first-child, .services-box ul li:first-child + li + li + li { margin-left: 0; }
.services-box ul li h4 { position: relative; display: inline-block; padding-top: 68px; padding-bottom: 10px; height: 24px; line-height: 24px; font-size: 18px; font-weight: 400; }
.services-box ul li h4:before { position: absolute; left: 50%; bottom: 0; margin-left: -56px; content: " "; display: block; height: 1px; width: 112px; background-color: #dddddd; }
.services-box ul li:hover h4:before { border-color: #00aaff; }
.services-box ul li:hover { background-color: #fff; -webkit-box-shadow: 0 2px 16px rgba(0, 0, 0, .12); -moz-box-shadow: 0 2px 16px rgba(0, 0, 0, .12); box-shadow: 0 2px 16px rgba(0, 0, 0, .12); }
.service-desc { margin-top: 10px; margin-bottom: 10px; font-size: 14px; color: #666; }
.service-phone, .service-qq { margin-bottom: 10px; font-size: 14px; color: #00aaff; }
.weixin-box { position: relative; }
.weixin-box:hover img { display: block; }
.weixin-box > img { display: none; position: absolute; top: -170px; left: 50%; margin-left: -80px; }
.service-qq a img { vertical-align: bottom; margin-left: 6px; }
.service-1 { background: url(../images/contact-icon-01.png) no-repeat center 22px; }
.service-2 { background: url(../images/contact-icon-04.png) no-repeat center 22px; }
.service-3 { background: url(../images/contact-icon-03.png) no-repeat center 22px; }
.service-4 { background: url(../images/contact-icon-04.png) no-repeat center 22px; }
.service-5 { background: url(../images/contact-icon-05.png) no-repeat center 22px; }
.service-6 { background: url(../images/contact-icon-06.png) no-repeat center 22px; }
.attention-us { margin-top: 60px; padding-bottom: 60px; background-color: #f7f9fa; }
.attention-us h2 { padding-bottom: 50px; padding-top: 75px; text-align: center; font-size: 32px; color: #333; }
.attention-us ul li { position: relative; float: left; width: 33.33333%; }
.attention-us ul li a { position: relative; display: block; height: 100%; text-align: center; z-index: 2; }
.attention-us ul li:hover .contact-way-shadow { display: block; }
.contact-way-shadow { display: none; position: absolute; top: 6px; left: 50%; margin-left: -40px; width: 80px; height: 80px; background: url(../images/way-icon.png) no-repeat 0 0; z-index: 1; }
.contact-way { display: inline-block; width: 80px; height: 80px; }
.contact-name { padding: 15px 0; font-size: 16px; color: #333; }
.contact-user { font-size: 16px; }
.contact-user-1 { color: #229a10; }
.contact-user-2 { color: #e6162d; }
.contact-user-3 { color: #0daaf8; }
.contact-way-1 { background: url(../images/contact-way-1.png) no-repeat 0 0; }
.contact-way-2 { background: url(../images/contact-way-2.png) no-repeat 0 0; }
.contact-way-3 { background: url(../images/contact-way-3.png) no-repeat 0 0; }
.address-us { margin-bottom: 120px; }
.address-us h2 { padding-bottom: 60px; padding-top: 90px; text-align: center; font-size: 32px; color: #333; }
.address-us img { width: 100%; }
.auto { min-width: 1200px; }
.map-introduce-wrapper { position: relative; }
.map-introduce-wrapper img { max-width: 1200px; }
.map-introduce-div { position: absolute; left: 504px; top: 390px; padding-top: 18px; padding-left: 24px; width: 300px; height: 100px; background-color: #00aaff; color: #fff; line-height: 30px; font-size: 14px; }
.map-introduce-div:before { content: " "; display: block; position: absolute; left: 145px; bottom: -20px; border: 10px solid transparent; border-top:10px solid #00aaff; }
@media only screen and (max-width: 1233px) {
 .map-introduce-div {
 left: 509px;
}
}