.wave-box { background-color: rgb(245, 246, 247); }
.margin-bottom-60 { margin-bottom: 60px; }
.about-index-wrap { padding: 86px 0px 20px; }
.about-index-wrap1 { background-color: rgb(255, 255, 255); }
.about-index-wrap2 { background-color: rgb(245, 246, 247); }
.about-index-wrap3 { background-color: rgb(255, 255, 255); }
.about-index-wrap4 { background-color: rgb(245, 246, 247); }
.ab-div-title { height: 32px; line-height: 32px; font-size: 32px; color: rgb(51, 51, 51); text-align: center; }
.ab-div-sub-title { margin: 30px 0px 80px; font-size: 14px; line-height: 14px; text-align: center; color: rgb(51, 51, 51); }
.ab-icon-wrapper { margin: 100px 0px 60px; height: 200px; }
.ab-icon-bg { height: 100%; width: 20%; background: rgba(0, 0, 0, 0) url("about-icon-new-01.png") no-repeat scroll center center; }
.ab-icon-2 { background-image: url("about-icon-new-02.png"); }
.ab-icon-3 { background-image: url("about-icon-new-03.png"); }
.ab-icon-4 { background-image: url("about-icon-new-04.png"); }
.ab-icon-5 { background-image: url("about-icon-new-05.png"); }
.ab-icon-title { text-align: center; color: rgb(51, 51, 51); }
.ab-icon-top-title { margin: 24px 0px 0px; font-size: 30px; line-height: 46px; font-weight: bold; }
.ab-icon-sub-title { font-size: 16px; }
.ab-introduce-p { margin-bottom: 30px;  font-size: 16px; line-height: 40px; color: rgb(51, 51, 51); }
.ab-introduce-p2 { margin-bottom: 20px;  font-size: 18px; line-height: 40px; color: rgb(51, 51, 51); }
.ab-introduce-down { margin-bottom: 20px;  font-size: 12px; line-height: 40px; color: #333; }
.certificate-div-item { margin-bottom: 22px; width: 49%; height: 162px; margin-right: 2%; background-color: rgb(255, 255, 255); }
.double-certificate-item { margin-right: 0px; }
.certificate-div-item { border: 1px solid rgb(238, 238, 238); }
.certificate-div-item:hover { box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.12); }
.certificate-pic { width: 22%; height: 100%; }
.certificate-pic-1 { background: rgba(0, 0, 0, 0) url("certificate-pic-01.png") no-repeat scroll center center; }
.certificate-pic-2 { background: rgba(0, 0, 0, 0) url("certificate-pic-02.png") no-repeat scroll center center; }
.certificate-pic-3 { background: rgba(0, 0, 0, 0) url("certificate-pic-03.png") no-repeat scroll center center; }
.certificate-pic-4 { background: rgba(0, 0, 0, 0) url("certificate-pic-04.png") no-repeat scroll center center; }
.certificate-pic-intro-div { padding: 28px 26px 28px 0px; width: 78%; }
.certificate-pic-title { margin-bottom: 10px; font-size: 16px; line-height: 16px; }
.certificate-pic-introduce { font-size: 12px; line-height: 24px; color: rgb(102, 102, 102); }
.honour-link { display: block; margin: 18px auto 40px; width: 170px; height: 46px; line-height: 46px; text-align: center; font-size: 14px; color: rgb(255, 255, 255); background-color: rgb(0, 170, 255); }
.honour-link:hover { background-color: rgb(0, 153, 229); }
.product-icon-item { margin-left: 1.8%; height: 300px; width: 18.5%; background-color: rgb(255, 255, 255); }
.product-link-a { display: block; width: 100%; height: 100%; }
.product-icon-item:first-child { margin-left: 0px; }
.product-icon-bg { width: 100%; height: 174px; }
.product-icon-bg-1 { background: rgba(0, 0, 0, 0) url("product-icon-new-01.png") no-repeat scroll center 62px; }
.product-icon-bg-2 { background: rgba(0, 0, 0, 0) url("product-icon-new-02.png") no-repeat scroll center 62px; }
.product-icon-bg-3 { background: rgba(0, 0, 0, 0) url("product-icon-new-03.png") no-repeat scroll center 62px; }
.product-icon-bg-4 { background: rgba(0, 0, 0, 0) url("product-icon-new-04.png") no-repeat scroll center 62px; }
.product-icon-bg-5 { background: rgba(0, 0, 0, 0) url("product-icon-new-05.png") no-repeat scroll center 62px; }
.product-icon-title { margin-bottom: 14px; line-height: 18px; font-size: 16px; text-align: center; color: rgb(51, 51, 51); font-weight: bold; }
.product-icon-discription { line-height: 24px; font-size: 14px; text-align: center; color: rgb(153, 153, 153); }
.about-index-wrap4 { margin-bottom: 60px; }
.download-div-item { position: relative; width: 32%; height: 230px; margin-left: 2%; background: rgb(255, 255, 255) url("../images/about/word.svg") no-repeat scroll center 30px; }
.download-div-item.item-02 { background: rgb(255, 255, 255) url("../images/about/word.svg") no-repeat scroll center 30px; }
.download-div-item.item-03 { background: rgb(255, 255, 255) url("../images/about/zip.png") no-repeat scroll center 30px; }
.download-div-item:first-child { margin-left: 0px; }
.download-div-item:hover { box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.12); }
.ab-download-link { position: absolute; bottom: 20px; left: 50%; display: block; margin-left: -105px; width: 210px; height: 46px; line-height: 46px; text-align: center; color: rgb(255, 255, 255); background-color: rgb(0, 170, 255); }
.ab-download-link:hover { background-color: rgb(0, 153, 229); }
.about-page .header-container, .about-page .banner-box { width: 100%; height: 0px; }
.about-page .banner-text, .about-page .banner-point, .about-page .news-casting, .about-page .banner-ul { display: none; }
.about-page .module-banner-bg { height: 501px; background: rgba(9, 119, 206, 1) url("../images/about/about-banner.jpg") no-repeat scroll center center; }
.about-page .banner-link { display: block; width: 100%; height: 450px; }
.ab-comm-banner { position: relative; width: 100%; height: 100%; }
.ab-comm-banner .banner-title { padding-top: 200px; font-size: 50px; line-height: 50px; text-align: center; color: rgb(255, 255, 255); }
.ab-comm-banner .banner-p { padding-top: 10px; font-size: 20px; line-height: 50px; text-align: center; color: rgb(255, 255, 255); }
.about-nav-wrapper { height: 50px; background-color: rgba(0, 0, 0, 0.1); }
.about-nav-list { height: 100%; line-height: 50px; }
.banner-nav-item { width: 20%; height: 100%; font-size: 16px; color: rgb(255, 255, 255); text-align: center; }
.banner-nav-item:hover { background-color: rgb(0, 170, 255); }
.about-introduce-page .banner-nav-introduce { background-color: rgb(0, 170, 255); }
.about-course-page .banner-nav-course { background-color: rgb(0, 170, 255); }
.about-news-page .banner-nav-news { background-color: rgb(0, 170, 255); }
.about-join-page .banner-nav-join { background-color: rgb(0, 170, 255); }
.about-connect-page .banner-nav-connect { background-color: rgb(0, 170, 255); }
.about-law-page .banner-nav-law { background-color: rgb(0, 170, 255); }
.about-friend-page .banner-nav-friend { background-color: rgb(0, 170, 255); }
.pic-tit { position: relative; height: 45px; margin-bottom: 50px; }
.pic-tit em { font-style: normal; color: rgb(255, 136, 0); }
.pic-tit .s-font { font-size: 12px; color: rgb(153, 153, 153); text-indent: 0px; }
.pic-tit h2, .pic-tit em { font-size: 28px; }
.pic-tit p, .pic-tit h2 { text-align: center; }
.pic-tit img { width: 100%; }
.v-line { position: absolute; top: 13px; width: 100%; z-index: 0; border-bottom: 1px solid rgb(233, 233, 233); }
.ab-tit { margin-left: -71px; position: absolute; top: -13px; left: 50%; background: rgb(255, 255, 255) none repeat scroll 0% 0%; border: 6px solid rgb(255, 255, 255); z-index: 5; }
.pic-tit em.f-normal { color: rgb(0, 0, 0); }

.agent_reg { min-width: 1200px; height: 365px; background: rgba(0, 0, 0, 0) url("") no-repeat scroll 0px 0px; }
.agent_reg .module-head h2 { color: rgb(51, 51, 51); }
.agent_reg .module-head p { color: rgb(51, 51, 51); }
.agent_reg ul li { float: left; width: 312px; height: 104px; margin-left: -10px; line-height: 104px; }
.agent_reg ul li i { float: left; }
.agent_reg ul li p { float: left; margin-left: 10px; font-size: 16px; color: rgb(51, 51, 51); }
.agent_reg ul li:hover p { color: rgb(0, 170, 255); }
.agent_reg ul li:first-child { width: 291px; margin-left: 0px; }



/* 联系方式 */
.services-box{margin-bottom: 60px;}
.services-box h2 { margin-bottom: 60px; margin-top: 75px; text-align: center; font-size: 32px; color: rgb(51, 51, 51); }
.services-box ul li { float: left; width: 32%; height: 260px; margin-bottom: 20px; margin-left: 2%; text-align: center; background-color: rgb(247, 249, 250); }
.services-box ul li:first-child, .services-box ul li:first-child + li + li + li { margin-left: 0px; }
.services-box ul li h4 { position: relative; display: inline-block; padding-top: 98px; padding-bottom: 30px; height: 24px; line-height: 24px; font-size: 18px; font-weight: 400; }
.services-box ul li h4::before { position: absolute; left: 50%; bottom: 0px; margin-left: -56px; content: " "; display: block; height: 1px; width: 112px; background-color: rgb(221, 221, 221); }
.services-box ul li:hover h4::before { border-color: rgb(0, 170, 255); }
.services-box ul li:hover { background-color: rgb(255, 255, 255); box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.12); }
.service-desc { margin-top: 10px; margin-bottom: 26px; font-size: 14px; color: rgb(102, 102, 102); }
.service-phone, .service-qq { margin-bottom: 10px; font-size: 14px; color: rgb(0, 170, 255); }
.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: rgba(0, 0, 0, 0) url("../images/about/contact-icon-01.png") no-repeat scroll center 42px; }
.service-2 { background: rgba(0, 0, 0, 0) url("../images/about/contact-icon-02.png") no-repeat scroll center 42px; }
.service-3 { background: rgba(0, 0, 0, 0) url("../images/about/contact-icon-03.png") no-repeat scroll center 42px; }
.service-4 { background: rgba(0, 0, 0, 0) url("../images/about/contact-icon-04.png") no-repeat scroll center 42px; }
.service-5 { background: rgba(0, 0, 0, 0) url("../images/about/contact-icon-05.png") no-repeat scroll center 42px; }
.service-6 { background: rgba(0, 0, 0, 0) url("../images/about/contact-icon-06.png") no-repeat scroll center 42px; }
.attention-us { margin-top: 60px; padding-bottom: 60px; background-color: rgb(247, 249, 250); }
.attention-us h2 { padding-bottom: 50px; padding-top: 75px; text-align: center; font-size: 32px; color: rgb(51, 51, 51); }
.attention-us ul li { position: relative; float: left; width: 33.3333%; }
.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: rgba(0, 0, 0, 0) url("way-icon.png") no-repeat scroll 0px 0px; z-index: 1; }
.contact-way { display: inline-block; width: 80px; height: 80px; }
.contact-name { padding: 15px 0px; font-size: 16px; color: rgb(51, 51, 51); }
.contact-user { font-size: 16px; }
.contact-user-1 { color: rgb(34, 154, 16); }
.contact-user-2 { color: rgb(230, 22, 45); }
.contact-user-3 { color: rgb(13, 170, 248); }
.contact-way-1 { background: rgba(0, 0, 0, 0) url("contact-way-1.png") no-repeat scroll 0px 0px; }
.contact-way-2 { background: rgba(0, 0, 0, 0) url("contact-way-2.png") no-repeat scroll 0px 0px; }
.contact-way-3 { background: rgba(0, 0, 0, 0) url("contact-way-3.png") no-repeat scroll 0px 0px; }
.address-us { margin-bottom: 120px; }
.address-us h2 { padding-bottom: 60px; padding-top: 90px; text-align: center; font-size: 32px; color: rgb(51, 51, 51); }
.address-us img { width: 100%; }
.auto { min-width: 1200px; }
.auto img{
  margin-left: 50%;
  transform: translateX(-50%);
}
.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: rgb(0, 170, 255); color: rgb(255, 255, 255); line-height: 30px; font-size: 14px; }
.map-introduce-div::before { content: " "; display: block; position: absolute; left: 145px; bottom: -20px; border-width: 10px; border-style: solid; border-color: rgb(0, 170, 255) transparent transparent; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; }
@media only screen and (max-width: 1233px) {
  .map-introduce-div { left: 509px; }
}