.ui-modal { visibility: hidden; opacity: 0; position: fixed; content: ""; top: 0; left: 0; right: 0; bottom: 0; background: rgba(51,51,51,.5); z-index: -1; text-align: center; overflow: hidden; white-space: nowrap; -webkit-overflow-scrolling: touch; transition: .3s; overflow-y: auto }
.ui-modal.modal-visible { z-index: 19000; opacity: 1; visibility: visible }
.ui-modal > * { display: inline-block; white-space: normal; vertical-align: middle; text-align: left }
.ui-modal:before { display: inline-block; overflow: hidden; width: 0; height: 100%; vertical-align: middle; content: "" }
.ui-modal .modal-head { height: 80px; padding: 24px; line-height: 32px; font-weight: 600; font-size: 18px }
.ui-modal .modal-box { min-height: 200px }
.ui-modal .resize-trigger { position: absolute; right: 4px; bottom: 4px; height: 0; width: 0; border: 4px solid transparent; border-right-color: #f3f6f8; border-bottom-color: #f3f6f8; cursor: se-resize }
.ui-modal .modal-footer { padding: 24px; border-top: 1px solid #eaeaea; text-align: right }
.ui-modal .modal-footer .button { margin-left: 16px; height: 40px; line-height: 40px; font-size: 14px; width: 120px }
.modal-box { position: relative; width: auto; max-width: 95%; border-radius: 8px; background: #fff; opacity: 0; visibility: hidden; -webkit-animation-duration: .4s; animation-duration: .4s; -webkit-animation-fill-mode: both; animation-fill-mode: both }
.modal-box .modal-close { position: absolute; z-index: 2; right: 24px; top: 28px; width: 24px; height: 24px; line-height: 1; font-size: 24px; cursor: pointer; text-align: center; color: #666 }
.modal-box .icon-times:before { content: "" }
.modal-box .modal-main { padding: 16px 24px }
.modal-visible .modal-box { z-index: 100; opacity: 1; visibility: visible }
.ui-modal-confirm { visibility: hidden; opacity: 0; position: fixed; text-align: center }
.ui-modal-confirm.modal-visible { opacity: 1; visibility: visible; position: fixed; left: 0; top: 0; bottom: 0; right: 0; background: rgba(51,51,51,.5); z-index: 10 }
.ui-modal-confirm > * { display: inline-block; white-space: normal; vertical-align: middle; text-align: left }
.ui-modal-confirm:before { display: inline-block; overflow: hidden; width: 0; height: 100%; vertical-align: middle; content: "" }
.ui-modal-confirm .ui-confirm { padding: 16px 48px 16px 40px; display: inline-block; box-shadow: 0 2px 4px 0 rgba(51,51,51,.1); border: solid 1px #eaeaea; background-color: #fff }
.ui-confirm { padding-left: 22px }
.ui-confirm.center { padding-left: 0; text-align: center }
.ui-confirm.center .modal-footer { text-align: center }
.ui-confirm.center .modal-footer .ui-button { margin-left: 4px; margin-right: 4px }
.ui-confirm:before { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1; content: ""; position: absolute; top: 20px; left: 16px; color: #faab4d }
.ui-confirm.center:before { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1; content: ""; display: block; position: static; text-align: center; margin-bottom: 8px; color: #faab4d; font-size: 24px }
.ui-confirm .modal-footer { padding: 16px 0 0 }
.ui-confirm .modal-footer .ui-button { margin-right: 16px }
.ui-confirm .modal-content { line-height: 1.72 }
.ui-confirm .warn { font-weight: 700 }
.ui-confirm .desc { font-size: 12px; color: #666 }
.ui-alert { position: fixed; top: 88px; left: 50%; transform: translate(-50%, -50%); display: inline-block; line-height: 24px; font-size: 12px; z-index: 19000; -webkit-animation: alertFadeInDown .4s forwards; animation: alertFadeInDown .4s forwards; transition: top .3s }
.ui-alert .alert-content { padding: 8px 12px 8px 36px; border-width: 1px; border-style: solid; border-radius: 8px; box-shadow: 0 2px 4px 0 rgba(51,51,51,.1); color: #333 }
.ui-alert .alert-content:before { content: ""; font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1; position: absolute; left: 12px; top: 13px }
.ui-alert .alert-success { border-color: #a0e3d5; background: #ecfcf8 }
.ui-alert .alert-success:before { color: #00b08c; content: ""; line-height: 1 }
.ui-alert .alert-warn { background: #fff7ed; border-color: #ffd9ac }
.ui-alert .alert-warn:before { color: #faab4d; content: ""; line-height: 1 }
.ui-alert .alert-closeable { padding-right: 40px }
.ui-alert .alert-close { position: absolute; right: 12px; cursor: pointer; color: #666 }
.ui-alert .alert-close:hover { color: #2c5cc4 }
.ui-alert .alert-close:before { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1; content: "" }
.fadeInDown { -webkit-animation: fadeInDown .2s forwards; animation: fadeInDown .2s forwards }

@-webkit-keyframes fadeInDown {
    from { opacity: 0; transform: translate3d(0, -20%, 0) }
    to { opacity: 1; transform: translate3d(0, 0, 0) }
}

@keyframes fadeInDown {
    from { opacity: 0; transform: translate3d(0, -20%, 0) }
    to { opacity: 1; transform: translate3d(0, 0, 0) }
}

@-webkit-keyframes fadeOutUp {
    from { opacity: 1; transform: translate3d(0, 0, 0) }
    to { opacity: 0; transform: translate3d(0, -50%, 0) }
}

@keyframes fadeOutUp {
    from { opacity: 1; transform: translate3d(0, 0, 0) }
    to { opacity: 0; transform: translate3d(0, -50%, 0) }
}

@-webkit-keyframes alertFadeInDown {
    from { opacity: 0; transform: translate3d(-50%, -100%, 0) }
    to { opacity: 1; transform: translate3d(-50%, -50%, 0) }
}

@keyframes alertFadeInDown {
    from { opacity: 0; transform: translate3d(-50%, -100%, 0) }
    to { opacity: 1; transform: translate3d(-50%, -50%, 0) }
}

.ms-head { margin-bottom: 40px; text-align: center }
.ms-head_tit { margin-bottom: 20px; font-size: 26px; line-height: 32px; font-weight: 700 }
.ms-head_des { font-size: 14px; line-height: 24px }
.m-s-info { padding-top: 60px; padding-bottom: 60px; background: #f3f6f8 }
.ms-info_item { padding: 30px; border-radius: 4px; background: #fff }
.ms-info_img { height: 240px; width: 320px; display: block; margin-bottom: 20px; border-radius: 2px }
.ms-info_title { margin-bottom: 10px; font-size: 18px }
.ms-info_a { color: #222 }
.ms-info_a:hover { color: #2c5cc4 }
.ms-info_date { margin-bottom: 10px; font-size: 13px; color: #666 }
.ms-info_con { height: 72px; font-size: 14px; line-height: 1.72; overflow: hidden; color: #666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3 }
.m-s-news { padding-bottom: 60px }
.m-s-news-wiki { padding-bottom: 60px }
.m-s-news-wiki .m-s-wiki { margin-right: 0 }
.m-s-news-lit { padding-top: 60px; float: left; width: 570px; overflow: hidden; margin-right: 40px }
.m-s-news-lit .ms-news_list { padding: 6px 20px }
.m-s-news-lit .u-i-tit { margin-bottom: 20px }
.m-s-news-lit .ms-news_li { float: none; width: 100%; padding: 0 }
.m-s-news-lit .ms-news_li:first-child { border-bottom: 1px solid #dcdfe1 }
.m-s-news-lit .ms-news_intro { color: #999; line-height: 20px; height: 40px }
.m-s-news-lit .ms-news_img { border-radius: 2px }
.m-s-news-lit .ms-news_wrap { padding: 24px 0; background: none }
.m-s-album { padding-top: 60px; padding-bottom: 60px }
.ms-album_item { height: 317px; padding: 40px 30px 0; border: 1px solid #eaeaea; background: #fafafa; border-radius: 4px }
.ms-album_img-wrap { position: relative; margin-bottom: 20px; box-shadow: 0 25px 8px -15px rgba(0,0,0,.12) }
.ms-album_img-wrap:before { height: 192px; width: 288px; border-radius: 4px; background: rgba(34,34,34,.08); content: ""; position: absolute; top: -10px; left: 16px }
.ms-album_img-wrap:after { height: 173px; width: 259px; border-radius: 4px; background: rgba(34,34,34,.05); content: ""; position: absolute; top: -20px; left: 30px }
.ms-album_img { width: 320px; height: 213px; position: relative; z-index: 1; border-radius: 4px }
.ms-album_name { float: left; font-size: 18px }
.ms-album_date { float: right; line-height: 24px; font-size: 13px; color: #666 }
.m-s-product { background: #f6f6f6; padding-top: 60px; padding-bottom: 60px }
.ms-pro_item { width: 278px; float: left; margin-right: 22px; background: #fff; border: 1px solid #eaeaea; border-radius: 4px; overflow: hidden }
.ms-pro_item:last-child { margin-right: 0 }
.ms-pro_item:nth-child(4n) { margin-right: 0 }
.ms-pro_image { height: 209px; text-align: center; background-color: #eaeaea; background-image: linear-gradient(to bottom, #eaeaea, #f6f6f6) }
.ms-pro_con { padding: 20px }
.ms-pro_name { margin-bottom: 10px; font-weight: 700; font-size: 16px; height: 24px; overflow: hidden }
.ms-pro_attr { margin-bottom: 20px; color: #999; font-size: 13px; line-height: 20px; height: 40px; overflow: hidden }
.ms-pro_btn { width: 110px; height: 32px; float: right; line-height: 30px; border: 1px solid #dcdfe1; border-radius: 4px; text-align: center; font-size: 13px; color: #666 }
.ms-pro_btn:hover { color: #fff; border-color: #2c5cc4; background: #2c5cc4 }
.ms-pro_btn-red { float: left; border-color: #d8262b; color: #d8262b }
.ms-pro_btn-red:hover { background: #d8262b; color: #fff; border-color: #d8262b }
.m-s-case { padding-top: 60px; padding-bottom: 60px }
.ms-cate_head { text-align: center }
.ms-cate_tit { font-weight: 700; font-size: 24px }
.ms-cate_des { margin-top: 17px; margin-bottom: 40px; font-size: 14px; color: #666 }
.ms-cate_btn { text-align: center }
.ms-case_image { height: 207px; text-align: center }
.ms-case_item { background: #fafafa; border-radius: 4px; overflow: hidden }
.ms-case_item:hover { background: #2c5cc4 }
.ms-case_item:hover .ft-link { color: #fff }
.ms-case_item:hover .ms-case_attr { color: rgba(255,255,255,.7) }
.ms-case_con { padding: 20px 20px 0; height: 154px }
.ms-case_name { margin-bottom: 20px; font-size: 16px; height: 48px; overflow: hidden }
.ms-case_attr { color: #999; font-size: 13px }
.ms-case_ul { padding-left: 20px }
.ms-case_li { list-style: disc }
.sol-detail .ms-case_item:hover { background: #fafafa }
.sol-detail .ms-case_item:hover .ft-link { color: #333 }
.sol-detail .ms-case_item:hover .ft-link:hover { color: #2c5cc4 }
.sol-detail .ms-case_item:hover .ms-case_attr { color: #999 }
.m-s-sol { padding-top: 60px; padding-bottom: 40px; background: #f3f6f8 }
.m-s-sol .u-i-tit { margin-bottom: 40px }
.ms-sol_item { padding-top: 36px; float: left; width: 280px; height: 156px; border-radius: 8px; overflow: hidden; position: relative; margin-right: 20px; margin-bottom: 20px; text-align: center }
.ms-sol_item:nth-child(4n) { margin-right: 0 }
.ms-sol_item .img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: cover }
.ms-sol_item:hover .ms-sol_icon { transform: rotateY(180deg) }
.ms-sol_icon { position: relative; height: 48px; width: 48px; margin-bottom: 14px; display: inline-block; line-height: 48px; color: #2c5cc4; border-radius: 50%; background: #fff; text-align: center; transition: transform .36s }
.ms-sol_icon .iconfont { font-size: 24px }
.ms-sol_name { position: relative; color: #fff; font-weight: 700 }
.ms-sol_list:after { visibility: hidden; display: block; font-size: 0; content: "."; clear: both; height: 0 }
.ms-sol_list { zoom: 1 }
.m-s-download { padding-bottom: 40px }
.ms-download .down_item { width: 580px; margin-right: 20px; float: left; padding: 20px }
.ms-download .down_item:nth-child(2n) { margin-right: 0 }
.ms-download .down_a { color: #337cc9; font-size: 14px }
.ms-download .down_a .iconfont { vertical-align: middle }
.ms-public_des { line-height: 20px }
.ms-public_cards { width: 1181px; margin-top: 40px }
.ms-public_card { width: 196px; height: 360px; position: relative; border-radius: 4px }
.ms-public_card + .ms-public_card { margin-left: 1px }
.ms-public_card .img { left: 0; top: 0; width: 100%; height: 100%; position: absolute; background-position: center center; background-repeat: no-repeat }
.ms-public_card:before { content: ""; position: absolute; left: 50%; top: 50%; margin-left: -200px; margin-top: -200px; height: 400px; width: 400px; background: rgba(16,67,179,.9); border-radius: 50%; z-index: 1; transition: transform .5s,opacity .5s; transform: scale(0); opacity: 0 }
.ms-public_card:hover:before { opacity: 1; transform: scale(1) }
.ms-public_con { position: relative; text-align: center; padding-top: 112px; z-index: 2 }
.ms-public_icon { height: 80px; width: 80px; margin: 0 auto 18px; border-radius: 50%; line-height: 80px; color: #2c5cc4; background: #fff }
.ms-public_icon .iconfont { font-size: 40px }
.ms-public_name { font-weight: 700; font-size: 16px; color: #fff }
.ms-public .card1 .img { background-image: url(../images/about-card1.jpg) }
.ms-public .card2 .img { background-image: url(../images/about-card2.jpg) }
.ms-public .card3 .img { background-image: url(../images/about-card3.jpg) }
.ms-public .card4 .img { background-image: url(../images/about-card4.jpg) }
.ms-public .card5 .img { background-image: url(../images/about-card5.jpg) }
.ms-public .card6 .img { background-image: url(../images/about-card6.jpg) }
.m-s-culture { padding-bottom: 60px }
.ms-cul_con { height: 392px; margin-top: 40px; margin-bottom: 40px; background: #2c5cc4 url(../images/section-culture.jpg) no-repeat center 0 }
.ms-cul_item { width: 25%; padding: 246px 40px 0 }
.ms-cul_item.light { padding-top: 50px; color: #fff }
.ms-cul_tit { margin-bottom: 20px; text-align: center; font-size: 18px; font-weight: 700 }
.ms-cul_text { color: #666 }
.ms-cul .light .ms-cur_text { color: rgba(255,255,255,.83) }
.m-s-join { height: 190px; padding-top: 50px; background: #193673 url(../images/section-join.jpg) no-repeat center 0 }
.ms-join_text { width: 835px; float: left; color: #fff; font-size: 18px; line-height: 30px; font-weight: 700 }
.ms-join_button { float: right; padding-right: 10px; padding-top: 20px }
.ms-join_button .iconfont { font-size: 18px }
.m-s-invite { background: #f3f6f8 }
.ms-invite { padding-top: 60px; height: 320px; background: #f3f6f8 url(../images/join-bg3.jpg) no-repeat right 0 }
.ms-invite_des { margin-bottom: 66px }
.ms-invite .button { width: 397px }
.m-s-trait { background: #f3f6f8; padding-top: 60px; padding-bottom: 60px }
.ms-trait_item { height: 468px; text-align: center; background: #fff }
.ms-trait_img { height: 220px; margin-bottom: 40px }
.ms-trait_tit { font-size: 20px; font-weight: 700 }
.ms-trait_des { margin-top: 20px; margin-bottom: 40px }
.m-s-flow { padding-bottom: 60px }
.m-s-flow .step { float: left; width: 212px; height: 122px; padding-top: 20px; text-align: center; border: 1px solid #dcdfe1; border-radius: 8px; background: #fff }
.m-s-flow .step-icon { height: 48px; width: 48px; display: inline-block; margin-bottom: 10px; background: #2c5cc4; color: #fff; border-radius: 50%; line-height: 48px }
.m-s-flow .step-icon .iconfont { font-size: 24px }
.m-s-flow .step-text { font-size: 14px; font-weight: 700 }
.m-s-flow .step-arrow { float: left; height: 30px; width: 30px; margin-top: 46px; background: url(../images/join-arrow.png) no-repeat 0 0; background-size: 30px 30px }
.ms-flow_tit { margin-bottom: 12px }
.m-s-about { padding: 60px 0; height: 424px; color: #fff; background: url(../images/section-about.jpg) no-repeat center 0 }
.ms-about_intro { width: 640px; line-height: 2; height: 204px }
.ms-about .button { font-weight: 700; background: rgba(255,255,255,.9) }
.ms-about .button:hover { background: #2c5cc4; color: #fff }
.m-s-video { padding-top: 60px; padding-bottom: 60px; background: #f3f6f8 }
.ms-video_item { border-radius: 4px; overflow: hidden; background: #fff }
.ms-video_cover { height: 252px; width: 380px; position: relative }
.ms-video_time { color: #fff; font-family: bananaslip; position: absolute; right: 16px; bottom: 12px }
.ms-video_icon { position: absolute; top: 102px; left: 166px; height: 48px; width: 48px; border-radius: 50%; background: url(../images/play.png) no-repeat 0 0; background-size: 48px 48px }
.ms-video_con { padding: 20px }
.ms-video_name { margin-bottom: 10px; font-size: 18px }
.ms-video_date { font-size: 13px; color: #999 }
.m-s-form .u-i-tit { display: inline-block; margin-right: 10px }
.ms-form_wrap { padding: 10px; background: #f3f6f8 }
.ms-form_main { float: left; width: 580px; height: 390px; margin-right: 10px; padding-top: 40px; background: #fff }
.ms-form_main .select, .ms-form_main .form-control { width: 432px; height: 48px; padding: 10px 20px; border: 1px solid #eaeaea; border-radius: 4px; background: #f6f6f6; font-size: 14px }
.ms-form_main .select { width: 211px; float: left; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #f6f6f6 url(../images/down.png) no-repeat right 16px center }
.ms-form_main select::-ms-expand { display: none }
.ms-form_btn { padding-left: 118px }
.ms-form_btn .button { width: 180px }
.ms-form_row { margin-bottom: 20px }
.ms-form_label { width: 118px; float: left; padding-right: 20px; text-align: right; color: #666; font-size: 14px; line-height: 48px }
.ms-form_control { float: left; position: relative }
.ms-form_control .error { position: absolute; left: 0; font-size: 12px; bottom: -16px; line-height: 1; color: #d8262b }
.ms-form_online { margin-bottom: 10px }
.ms-form_online .button { width: 110px; height: 32px; line-height: 30px; font-size: 13px }
.ms-form_online, .ms-form_email { width: 270px; float: left; height: 190px; background: #fff; text-align: center; padding-top: 26px }
.ms-form_email .ms-form_des { margin-bottom: 16px }
.ms-form_icon { height: 56px; width: 56px; border-radius: 50%; margin: 0 auto 16px }
.ms-form_tel { font: 700 26px arial,sans-serif }
.ms-form_service { width: 280px; padding: 40px 10px 0; float: right; background: #fff; text-align: center }
.m-s-net { padding-top: 80px; padding-bottom: 60px; background: url(../images/net-bg.jpg) no-repeat center 0 }
.m-s-net .ms-head_des { width: 980px; margin: 0 auto; text-align: left }
.ms-net_img { height: 156px }
.ms-net_item { height: 332px; background: #f3f6f8 }
.ms-net_name { padding-top: 30px }
.ms-net_intro { padding-left: 25px; padding-right: 25px }
.ms-focus_img { margin-top: 20px; height: 210px; overflow: visible }
.ms-focus_con { position: relative }
.ms-focus_item { position: relative; height: 420px; padding-top: 44px; text-align: center; border-radius: 8px; background: #fff url(../images/hot-bg.png) no-repeat 0 0; overflow: hidden }
.ms-focus.ms-focus-rec .ms-focus_item { background-image: url(../images/hot-bg2.png) }
.ms-focus_pro-name { margin-bottom: 10px; font-size: 16px; font-weight: 700; line-height: 26px }
.ms-focus_pro-attr { color: #999; line-height: 20px; height: 20px; overflow: hidden; font-size: 14px }
.ms-focus_btn { margin-top: 20px }
.ms-focus_btn .button { height: 40px; line-height: 40px; font-size: 14px }
.m-section { padding-top: 60px; padding-bottom: 60px }
.bg-dark { background: #f3f6f8 }
.bg-dark .u-info-list { background: #fff }
.bg-gray { background: #f6f6f6 }
.bg-light { background: #f9f9f9 }
.border-top { border-top: 1px solid #ebebeb }
.pb-0 { padding-bottom: 0 }
.pt-0 { padding-top: 0 }
.pt-40 { padding-top: 40px }
.pb-40 { padding-bottom: 40px }
body { background: #fff }
.u-i-tit { margin-bottom: 30px }
.u-i-tit.lit { font-size: 24px; line-height: 32px }
.u-i-tit.line { padding-left: 21px; position: relative; background: url(../images/title-bg-blue.png) no-repeat 0 center; background-size: 12px 24px }
.u-i-tit.line.red { background-image: url(../images/title-bg-red.png) }
.u-paging { text-align: center }
.u-paging a { display: inline-block; height: 40px; width: 40px; border: 1px solid #dcdfe1; line-height: 38px; border-radius: 4px; margin-right: 12px; vertical-align: middle; font-size: 16px; color: #666 }
.u-paging .current { background: #2c5cc4; color: #fff; border-color: #2c5cc4 }
.u-paging .next:before, .u-paging .prev:before { font-family: iconfont }
.u-paging .prev:before { content: "" }
.u-paging .next:before { content: "" }
.breadcrumbs { color: #666; font-size: 12px; line-height: 24px }
.breadcrumbs .local { float: left; margin-right: 14px; position: relative; padding-left: 24px }
.breadcrumbs .local .icon-map { position: absolute; left: 0; top: 0; color: #cacaca }
.breadcrumbs .crumbs-list { float: left }
.breadcrumbs .crumbs-li { float: left; margin-right: 10px; height: 24px; line-height: 24px; position: relative; padding-right: 26px }
.breadcrumbs .crumbs-li:after { content: ""; position: absolute; right: 0; top: 0; font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #999; vertical-align: middle }
.breadcrumbs .crumbs-li:last-child:after { display: none }
.breadcrumbs .crumbs-a { color: #666 }
.breadcrumbs .crumbs-a:hover { color: #2c5cc4 }
.breadcrumbs .crumbs-span { display: inline-block; max-width: 320px; font-size: inherit; font-weight: 400; height: 24px }
.breadcrumbs .crumbs-inner { padding-top: 11px; padding-bottom: 11px; border-bottom: 1px solid #eaeaea }
.m-i-banner .breadcrumbs { width: 100%; position: absolute; bottom: 0; color: rgba(255,255,255,.85) }
.m-i-banner .crumbs-li:after { color: rgba(255,255,255,.85) }
.m-i-banner .local .icon-map { color: rgba(255,255,255,.85) }
.m-i-banner .crumbs-inner { border-bottom: 0 none }
.m-i-banner .crumbs-a, .m-i-banner .crumbs-a:hover { color: #eaeaea }
.u-side-nav { width: 280px; padding: 20px; margin-bottom: 20px; border-radius: 4px; background: #f3f6f8 }
.u-side-nav .side-nav-tit { margin-bottom: 20px; font-size: 18px; font-weight: 700; padding-left: 15px; background: url(../images/title-bg-red.png) no-repeat 0 center; background-size: 8px 14px }
.u-side-nav .side-nav-tit.blue { background-image: url(../images/title-bg-blue.png) }
.u-side-nav .side-nav-item { display: block; margin-bottom: 10px; padding: 12px 16px 12px 20px; font-size: 16px; color: #4c5159; background: #fff }
.u-side-nav .side-nav-item .iconfont { float: right; transition: transform .3s; color: #999 }
.u-side-nav .side-nav-item:hover .side-nav-name, .u-side-nav .active .side-nav-name { color: #2c5cc4; font-weight: 700 }
.u-side-nav .side-nav-item:hover .iconfont { transform: translate3d(5px, 0, 0) }
.u-side-nav.side-filter { padding-left: 19px; padding-right: 19px; background: #fff; border: 1px solid #eaeaea }
.u-side-nav .sf-tit { padding-left: 15px; margin-bottom: 16px; font-weight: 700; background: url(../images/title-bg-red.png) no-repeat 0 center; background-size: 8px 14px }
.u-side-nav .sf-title { position: relative; margin-top: 30px; margin-bottom: 20px; font-weight: 700; font-size: 18px; text-align: center }
.u-side-nav .sf-title:after, .u-side-nav .sf-title:before { content: ""; width: 76px; height: 1px; background: #dcdfe1; position: absolute; left: 0; top: 12px }
.u-side-nav .sf-title:after { left: auto; right: 0 }
.u-side-nav .sf-label { width: 80px; float: left; line-height: 28px; font-size: 14px; color: #666 }
.u-side-nav .sf-item { margin-bottom: 16px }
.u-side-nav .select { width: 160px; height: 28px; padding-left: 11px; border-radius: 4px; padding-right: 10px; border: 1px solid #eaeaea; font-size: 14px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #fff url(../images/down.png) no-repeat right 6px center }
.u-side-nav select::-ms-expand { display: none }
.u-side-nav .button { height: 40px; line-height: 40px; font-size: 14px }
.u-side-contact { text-align: center; border: 10px solid #f3f6f8; padding: 16px 10px 22px }
.u-side-contact .tel-icon { margin-bottom: 16px; line-height: 1 }
.u-side-contact .tel-text { color: #999; font-size: 14px }
.u-side-contact .tel-number { margin-top: 12px; margin-bottom: 20px; font: bold 26px/1 arial,sans-serif }
.u-side-contact .button { width: 100%; height: 40px; line-height: 40px; font-size: 14px }
.u-side-online { width: 232px; height: 269px; padding: 20px; border-radius: 4px; background: url(../images/wl-side.jpg) no-repeat 0 0 }
.u-side-online .button { font-size: 14px; height: 40px; line-height: 40px; font-weight: 700 }
.u-side-online .u-side-tel { padding-top: 20px; margin-top: 20px }
.u-side-online .tel-icon { height: 40px; width: 40px; line-height: 38px }
.u-side-online .tel-icon .iconfont { font-size: 22px }
.u-side-tel { padding-top: 30px; margin-top: 30px; border-top: 1px solid #dcdfe1 }
.u-side-tel .tel-icon { float: left; margin-right: 10px }
.u-side-tel .tel-tit { font-size: 13px }
.u-side-tel .tel-con { overflow: hidden }
.u-side-tel .tel { font-weight: 700; font-size: 18px; font-family: arial,sans-serif }
.u-side-product { padding: 20px; margin-bottom: 20px; border: 1px solid #eaeaea }
.u-side-product .sp-img { width: 240px; height: 180px; margin-bottom: 16px }
.u-side-product .sp-name { font-weight: 700 }
.u-side-product .sp-attr { font-size: 13px }
.m-i-banner { height: 500px; position: relative; background-color: #2c5cc4; background-repeat: no-repeat; background-position: center 0 }
.m-i-banner .banner_header { padding-top: 222px; color: #fff; text-align: center }
.m-i-banner .banner_tit { font-size: 40px; font-weight: 600; line-height: 48px; margin-bottom: 15px; -webkit-animation: fadeInDown .6s .1s ease both; animation: fadeInDown .6s .1s ease both }
.m-i-banner .banner_des { font-weight: 400; font-size: 20px; -webkit-animation: fadeInDown .6s .3s ease both; animation: fadeInDown .6s .3s ease both }

@keyframes fadeInDown {
    0% { opacity: 0; transform: translate3d(0, -10px, 0) }
    100% { opacity: 1; transform: translate3d(0, 0, 0) }
}

.m-d-banner { height: 148px; background-color: #2c5cc4; background-image: linear-gradient(180deg, #1f4fb8 0%, #3170db 100%) }
.m-search { padding-top: 60px; height: 360px }
.m-search .u-hot { width: 640px; margin: 20px auto 0 }
.ms-search_title { margin-bottom: 40px; text-align: center; font-size: 32px; font-weight: 700 }
.ms-search_form { width: 640px; margin: 0 auto; height: 48px }
.ms-search_input { width: 592px; display: block; float: left; border: 2px solid #2c5cc4; height: 48px; padding: 10px 16px }
.ms-search_btn { width: 48px; border-top-left-radius: 0; border-bottom-left-radius: 0 }
.m-i-nav { padding-top: 18px; padding-bottom: 18px; margin-bottom: 40px; border-bottom: 1px solid #eaeaea; font-size: 16px }
.m-i-nav .n-li { float: left; margin-right: 60px }
.m-i-nav .n-a { color: #666 }
.m-i-nav .n-a:hover { color: #2c5cc4 }
.m-i-nav .active { color: #2c5cc4; font-weight: 700 }
.dot-slider .slick-dots button { height: 10px; width: 10px; border-radius: 50% }
.m-i-wiki { padding-bottom: 60px }
.product-banner { background-image: url(../images/product-index-banner.jpg) }
.m-pro-primary { padding-top: 70px; padding-bottom: 60px }
.m-pro-primary .pp-title { margin-bottom: 19px; font-size: 26px; font-weight: 700; text-align: center }
.m-pro-primary .pp-intro { width: 980px; margin: 0 auto 50px; font-size: 14px; color: #666 }
.m-pro-primary .pp-cate { margin-bottom: 50px }
.m-pro-primary .cate-item { float: left; width: 380px; position: relative; border-radius: 8px }
.m-pro-primary .cate1 { height: 400px; margin-right: 20px }
.m-pro-primary .cate1 .pp-cate-con { padding-top: 120px }
.m-pro-primary .cate2 { margin-bottom: 20px; margin-right: 20px }
.m-pro-primary .cate2, .m-pro-primary .cate3, .m-pro-primary .cate4, .m-pro-primary .cate5 { height: 190px }
.m-pro-primary .cate3 { margin-bottom: 20px }
.m-pro-primary .cate4 { margin-right: 20px }
.m-pro-primary .img { position: absolute; left: 0; top: 0; width: 100%; height: 100% }
.m-pro-primary .pp-cate-con { position: relative; padding-top: 30px; text-align: center; color: #fff }
.m-pro-primary .pp-icon { transition: transform .3s .1s }
.m-pro-primary .pp-icon .iconfont { font-size: 100px; line-height: 1 }
.m-pro-primary .pp-cate-text { font-size: 24px; transition: transform .3s .13s }
.m-pro-primary .cate-item:hover .pp-icon { transform: translate3d(0, -3px, 0) }
.m-pro-primary .cate-item:hover .pp-cate-text { transform: translate3d(0, -5px, 0) }
.m-pro-list { padding-top: 10px; background: #f6f6f6 }
.m-pro-list .m-s-product { padding-bottom: 30px; padding-top: 50px }
.m-pro-list .m-s-product + .m-s-product { padding-top: 0 }
.m-pro-list .ms-pro_item { margin-bottom: 20px }
.pro-hot_primary { width: 580px; height: 440px; position: relative; border: 1px solid #eaeaea; border-radius: 4px; padding: 10px; margin-right: 20px; float: left; background: #fff }
.pro-hot_image { position: relative; display: block; border-radius: 4px; overflow: hidden; height: 420px; width: 560px }
.pro-hot_layer { position: absolute; left: 0; bottom: 0; right: 0; padding: 12px 20px; color: #fff; background: rgba(0,0,0,.4) }
.pro-hot_layer .hl-title { margin-bottom: 4px; color: #f8fafb; font-weight: 700 }
.pro-hot_layer .hl-attr { font-size: 13px }
.pro-hot_item { float: left; width: 580px; height: 210px; padding: 10px 27px 10px 10px; background: #fff }
.pro-hot_item .image { float: left; width: 253px; height: 190px; margin-right: 30px; border-radius: 4px; overflow: hidden }
.pro-hot_item .ms-pro_attr { margin-bottom: 16px }
.m-pro-focus { height: 660px; padding-top: 60px; padding-bottom: 60px; background: #1d3b6d url(../images/inner-page-banner.jpg) no-repeat center 0 }
.m-pro-focus .pf-title { margin-bottom: 10px; font-size: 26px; font-weight: 700; color: #fff; text-align: center }
.m-pro-focus .pf-des { margin-bottom: 50px; text-align: center; color: rgba(255,255,255,.8); font-size: 14px }
.product-cate-banner { height: 680px; background-image: url(../images/inner-banner-bg.jpg) }
.pro-cb { padding-top: 182px; color: #fff }
.pro-cb_main { float: left; width: 500px }
.pro-cb_title { margin-bottom: 30px; font-size: 32px; font-weight: 700 }
.pro-cb_con { height: 238px; font-size: 14px; line-height: 1.72; color: rgba(255,255,255,.8) }
.pro-cb_con p { margin-bottom: 20px }
.pro-cb_btn { position: relative; height: 48px }
.pro-cb_btn img { position: absolute; bottom: 0; left: 12px }
.pro-cb_btn .button { padding-left: 90px; width: 391px }
.pro-cb_btn .iconfont { font-size: 20px; margin-left: 10px; vertical-align: middle }
.pro-cb_slider { width: 600px; height: 450px; float: right; overflow: hidden }
.pro-cb_slider .slick-slider { height: 450px }
.pro-cb_img img { margin: 0 auto; max-width: 100% }
.m-product-list { padding-top: 60px }
.m-product-list .lay-main { padding-bottom: 60px }
.m-product-list .ms-pro_list { padding-bottom: 20px }
.lay-main .ms-pro_item { margin-bottom: 20px }
.lay-main .ms-pro_item:nth-child(4n) { margin-right: 20px }
.lay-main .ms-pro_item:nth-child(3n) { margin-right: 0 }
.lay-main .layout { width: 100% }
.m-product-filter { padding-top: 27px }
.m-product-filter .u-paging { padding-top: 20px }
.m-product-filter .lay-main { padding-bottom: 60px }
.pro-filter_result { margin-bottom: 19px; padding-top: 12px; padding-bottom: 12px; background: #f1f5fe; border-top: 1px solid #d0dbf3; border-bottom: 1px solid #d0dbf3 }
.pro-filter_result .pfr-label { float: left; margin-right: 10px; padding-left: 20px; line-height: 30px; font-size: 14px; color: #666 }
.pro-filter_result .pfr-item { float: left; padding: 0 34px 0 12px; position: relative; height: 30px; margin-right: 20px; line-height: 28px; color: #2c5cc4; font-size: 14px; border: 1px dashed rgba(44,92,196,.5); background: rgba(44,92,196,.06); border-radius: 3px }
.pro-filter_result .pfr-delete { position: absolute; right: 12px; color: #666 }
.pro-filter_result .pfr-delete:hover { color: #2c5cc4 }
.pro-filter_result .pfr-help { color: #2c5cc4; font-size: 14px; line-height: 30px }
.pro-filter_result .pfr-help:hover { text-decoration: underline }
.pro-filter_row { border-bottom: 1px solid #eaeaea; background: #f0f0f0 }
.pro-filter_row .pfr-name { width: 136px; float: left; padding-left: 20px; line-height: 56px; height: 56px }
.pro-filter_row .pfr-check { width: 744px; padding-top: 13px; padding-left: 20px; min-height: 56px; overflow: hidden; background: #f6f6f6 }
.pro-filter_row .check-item { font-size: 14px; float: left; min-width: 98px; padding-left: 4px; padding-right: 4px; margin-right: 10px; height: 30px; border: 1px solid #eaeaea; border-radius: 4px; background: #fff; text-align: center; line-height: 28px; color: #666 }
.pro-filter_row .check-item:hover, .pro-filter_row .active { color: #2c5cc4; border-color: rgba(44,92,196,.5); background: rgba(44,92,196,.06) }
.m-product .pd-primary { padding-top: 40px; padding-bottom: 35px }
.m-product .pd-info { float: left; width: 580px }
.m-product .pd-slider { float: right; padding-top: 20px }
.m-product .slick-dots { bottom: 0 }
.m-product .slick-dots button { background: rgba(34,34,34,.2) }
.m-product .slick-active button { background: #d8262b }
.m-product .pd-head { position: relative }
.m-product .pd-title { margin-bottom: 5px; font-size: 32px; font-weight: 700 }
.m-product .pd-qrcode { position: relative; background: #f6f6f6; border-radius: 2px; height: 28px; padding-left: 10px; padding-right: 10px; line-height: 28px; display: inline-block; margin-bottom: 20px }
.m-product .pd-qrcode-trigger { color: #666; font-size: 13px; cursor: default }
.m-product .pd-qrcode-img { position: absolute; visibility: hidden; opacity: 0; top: 28px; left: 50%; margin-left: -80px; border-radius: 4px; background: #fff; padding: 20px; box-shadow: 0 1px 10px 0 rgba(43,49,63,.08); transition: opacity .2s,transform .2s,visibility .2s; transform: translate3d(0, -4px, 0) }
.m-product .pd-qrcode:hover .pd-qrcode-img { visibility: visible; opacity: 1; transform: translate3d(0, 0, 0) }
.m-product .pd-intro { margin-bottom: 27px; width: 500px }
.m-product .pd-attr { width: 500px }
.m-product .pd-table { display: table; margin-bottom: 30px }
.m-product .pd-tr { display: table-row }
.m-product .pd-td, .m-product .pd-th { display: table-cell; padding-top: 7px; padding-bottom: 3px; line-height: 24px }
.m-product .pd-th { padding-right: 30px; font-size: 15px; font-weight: 700; white-space: nowrap }
.m-product .pd-td { font-size: 15px; color: #666 }
.m-product .pd-consult { margin-bottom: 16px }
.m-product .pd-consult .button { width: 286px; float: left; margin-right: 23px }
.m-product .pd-tel-tit { margin-bottom: 4px; font-size: 13px; color: #666 }
.m-product .pd-nav .iconfont { color: #337cc9 }
.m-product .pd-nav-item { padding-right: 21px; margin-right: 21px; position: relative }
.m-product .pd-nav-item .iconfont { margin-right: 6px; font-size: 18px; line-height: 1; vertical-align: middle }
.m-product .pd-nav-item .nav-text { vertical-align: middle; line-height: 18px; display: inline-block }
.m-product .pd-nav-item:after { content: ""; width: 1px; height: 15px; background: #dcdfe1; position: absolute; right: 0; top: 8px }
.m-product .pd-nav-item:last-child:after { display: none }
.m-product .pd-nav-a { font-size: 14px; color: #666 }
.m-product .pd-nav-a:hover { color: #2c5cc4 }
.m-product .pd-anchor-wrap { height: 64px; position: -webkit-sticky; position: sticky; top: 0; z-index: 10 }
.m-product .lay-main .article_content, .m-product .lay-side { padding-top: 60px }
.m-product .pd-anchor { height: 60px; padding-top: 18px; background: #f3f6f8 }
.m-product .pd-anchor-item { display: inline-block; padding-right: 41px; margin-right: 37px; position: relative }
.m-product .pd-anchor-item:after { content: ""; width: 1px; height: 18px; background: #cacaca; position: absolute; right: 0; top: 3px }
.m-product .pd-anchor-item:last-child:after { display: none }
.m-product .pd-anchor-a { color: #1d2226 }
.m-product .pd-anchor-a.current { color: #2c5cc4; font-weight: 700 }
.product-detail img { max-width: 100%; display: block; margin: 0 auto }
.product-detail .pd-section { padding-top: 60px }
.product-detail table { width: 100% }
.product-detail table tr:nth-child(2n+1) td { background: #f5f5f5 }
.product-detail th, .product-detail td { padding-top: 10px; padding-bottom: 10px; line-height: 26px; border: 1px solid #e8e8e8; text-align: center }
.product-detail td { font-size: 14px }
.pd-service { padding: 58px 20px 40px; position: relative; background: #f3f6f8 }
.pd-service:before { content: ""; height: 1px; position: absolute; top: 89px; left: 125px; right: 125px; border-top: 1px dashed #cbd6ed }
.pd-service .pd-ser-item { position: relative; width: 25%; padding-left: 20px; padding-right: 20px }
.pd-service .pd-ser-icon { height: 64px; width: 64px; margin: 0 auto 14px; border-radius: 50%; background: #fff; text-align: center; line-height: 64px; color: #2c5cc4 }
.pd-service .pd-ser-icon .iconfont { font-size: 38px }
.pd-service .pd-ser-name { margin-bottom: 8px; font-weight: 700; line-height: 1.625; text-align: center }
.pd-service .pd-ser-con { height: 140px; font-size: 13px; line-height: 1.54; color: #666 }
.pd-service .button { border: 1px solid #8aa4de; line-height: 38px; height: 40px; font-size: 14px; color: #2c5cc4 }
.pd-service .button:hover { color: #fff; background: #2c5cc4 }
.about-banner { background-image: url(../images/about-banner.jpg) }
.m-about-primary { padding-top: 20px }
.m-about-primary .ap-con { float: left; width: 600px; margin-right: 50px }
.m-about-primary .ap-title { margin-bottom: 5px; font-weight: 700; font-size: 26px }
.m-about-primary .ap-des { padding-bottom: 20px; margin-bottom: 20px; position: relative; color: #666 }
.m-about-primary .ap-des:after { content: ""; width: 40px; height: 3px; background: #2c5cc4; position: absolute; left: 0; bottom: -3px }
.m-about-primary .ap-intro { margin-bottom: 30px; color: #666 }
.m-about-primary .ap-item { width: 280px; height: 80px; float: left; background: #f3f6f8; border-radius: 4px; line-height: 56px; padding: 12px 0 12px 51px; margin-right: 20px; margin-bottom: 20px }
.m-about-primary .ap-item:nth-child(2n) { margin-right: 0 }
.m-about-primary .ap-img { float: left; margin-right: 15px }
.m-about-primary .ap-image { float: left; width: 530px; position: relative; padding-top: 70px }
.m-about-primary .ap-image:after { content: ""; height: 375px; width: 500px }
.m-about-primary .image { border-radius: 30px; box-shadow: 30px -30px #f6f6f6 }
.m-about-primary .ap-slogan { color: #666; position: absolute; right: 55px; top: 28px }
.m-about-primary .ap-power { height: 200px; padding-top: 38px; margin-top: 40px; background: #2c5cc4 url(../images/about-banner1.jpg) no-repeat center 0; color: #fff }
.m-about-primary .ap-box { width: 320px; position: relative; text-align: center }
.m-about-primary .ap-box.box1 { width: 190px; text-align: left }
.m-about-primary .ap-box + .ap-box:after { content: ""; width: 2px; height: 20px; position: absolute; top: 50px; background: #fff; left: 0 }
.m-about-primary .ap-number { position: relative }
.m-about-primary .ap-number .number { line-height: 1.4; font-family: bananaslip; font-size: 60px }
.m-about-primary sup { font-family: arial; font-size: 24px; position: absolute; top: 13px }
.m-about-primary .ap-name { margin-top: 5px }
.m-s-cate .ms-cate_intro { font-size: 13px }
.m-s-super { padding-top: 60px; padding-bottom: 60px; background: url(../images/about-banner2.jpg) no-repeat center 0 }
.ms-super_head { margin-bottom: 40px; color: #fff }
.ms-super_list { margin-bottom: 40px }
.ms-super_item { padding: 40px 38px; text-align: center; border: 10px solid #f3f6f8; border-radius: 8px; background: #fff }
.ms-super_item .si-name { font-size: 24px; font-weight: 500 }
.ms-super_item .si-con { height: 160px; text-align: left }
.ms-super_contact { height: 200px; padding-left: 425px; padding-top: 30px; border-radius: 8px; color: #fff; background: #2c5cc4 url(../images/about-banner-sol.jpg) no-repeat 0 0 }
.ms-super_contact .sc-title { margin-bottom: 20px; font-size: 20px; line-height: 1.8; font-weight: 700 }
.ms-super_contact .lg { margin-bottom: 26px; padding-top: 10px; font-size: 22px; line-height: 48px }
.ms-super_contact .button { margin-right: 40px; float: left; font-weight: 700 }
.ms-super_contact .sc-tel { float: left; padding-left: 40px; width: 330px; border-left: 1px solid rgba(255,255,255,.3) }
.ms-super_contact .sc-tel-icon { float: left; height: 46px; width: 46px; margin-right: 10px; border-radius: 50%; border: 1px solid rgba(255,255,255,.3); background: rgba(255,255,255,.1); text-align: center; line-height: 44px }
.ms-super_contact .icon-call { font-size: 20px }
.ms-super_contact .sc-tel-text { font-size: 13px; margin-bottom: 4px }
.ms-super_contact .sc-tel-number { font: 600 18px arial,sans-serif }
.m-s-honor { height: 642px; padding-top: 60px; padding-bottom: 60px; background: url(../images/about-banner3.jpg) no-repeat center 0 }
.m-s-honor .honor-tab { margin-bottom: 40px; border-bottom: 1px solid #9aa5b0 }
.m-s-honor .ht-nav { padding-bottom: 16px; margin-bottom: -1px; text-align: center; width: 33.333%; color: #dbdbdb; font-size: 18px; cursor: pointer }
.m-s-honor .ht-nav .iconfont { margin-right: 10px; font-size: 24px; line-height: 1; vertical-align: middle }
.m-s-honor .ht-nav.current { color: #fff; border-bottom: 2px solid #fff }
.m-s-honor .current .ht-span { font-weight: 700 }
.m-s-honor .honor-content { position: absolute; visibility: hidden; width: 1180px; opacity: 0; overflow-x: hidden }
.m-s-honor .honor-content.show { visibility: visible; opacity: 1 }
.m-s-honor .honor-cert .hs-name { height: auto }
.m-s-honor .hc-item { float: left; background: #fff; text-align: center; margin-right: 20px; padding: 10px 15px 4px; margin-bottom: 20px; border-radius: 8px }
.m-s-honor .hc-item:nth-child(4n) { margin-right: 0 }
.m-s-honor .honor-slider { width: 1200px }
.m-s-honor .hs-item { background: #fff; width: 280px; height: 440px; float: left; margin-right: 20px; border-radius: 8px }
.m-s-honor .hs-img { width: 280px; height: 380px; padding: 10px }
.m-s-honor .hs-name { height: 60px; padding: 10px; text-align: center; font-size: 14px; line-height: 20px }
.m-s-honor .slick-arrow { position: absolute; top: 195px; width: 25px; height: 50px; text-align: center; line-height: 50px; background: #9aa5b0; z-index: 2; color: #fff; font-size: 18px; cursor: pointer }
.m-s-honor .slick-arrow.icon-left { left: 0; border-radius: 0 8px 8px 0 }
.m-s-honor .slick-arrow.icon-right { right: 20px; border-radius: 8px 0 0 8px }
.m-course { padding-top: 20px; padding-bottom: 20px }
.m-course .course-first { padding-bottom: 20px; margin-bottom: 60px; border-bottom: 1px solid #ebebeb; background: url(../images/course-bg.jpg) no-repeat right 0 }
.m-course .course-now { float: left; width: 320px; margin-right: 50px }
.m-course .cn-title { font-size: 22px; font-weight: 700; line-height: 29px }
.m-course .timeline { overflow: hidden; position: relative; padding-left: 8px }
.m-course .timeline:before { content: ""; top: 10px; bottom: 50px; width: 2px; background: #e0e0e0; left: 7px; position: absolute }
.m-course .point { margin-bottom: 40px; height: 24px; padding-left: 58px; font-size: 14px; font-weight: 700; position: relative }
.m-course .point::before { content: ""; height: 16px; width: 16px; border: 2px solid #e0e0e0; border-radius: 50%; position: absolute; left: -8px; top: 4px; background: #fff }
.m-strength { padding-top: 50px }
.m-strength .slider-wrap { padding-bottom: 60px }
.m-strength .strength-intro { line-height: 2 }
.m-strength .cert-tit { margin-bottom: 30px; text-align: center; font-weight: 400 }
.m-strength .cert-tit .iconfont { margin-right: 10px; font-size: 48px; color: #ebebeb; line-height: 1; vertical-align: middle }
.m-strength .cert-text { font-size: 26px; line-height: 32px; font-weight: 700; vertical-align: middle }
.m-strength .cert-item { float: left; width: 280px; height: 440px }
.m-strength .cert-img { width: 280px; height: 380px; padding: 10px; border: 10px solid #ebebeb; background-color: #fff }
.m-strength .cert-name { height: 60px; padding-top: 10px; font-size: 14px; text-align: center }
.m-strength .honor-wrap { padding-top: 60px; padding-bottom: 30px; background: #f9f9f9 }
.m-strength .honor-item { float: left; margin-right: 20px }
.m-strength .item-first .honor-img { height: 420px }
.m-strength .honor-img { width: 280px; height: 180px; margin-bottom: 10px; border: 1px solid #ebebeb; padding: 15px; background: #fff }
.m-strength .honor-tit { height: 50px; text-align: center; font-size: 14px }
.cert-slider { width: 1200px }
.cert-slider .slick-dots { bottom: -10px }
.cert-slider .slick-dots button { background: rgba(34,34,34,.2) }
.cert-slider .slick-active button { background: #d8262b }
.cert-slider .slick-arrow { position: absolute; left: 0; top: 165px; z-index: 10; background: rgba(0,0,0,.2); width: 25px; height: 50px; text-align: center; line-height: 50px; color: #fff; cursor: pointer }
.cert-slider .slick-arrow.icon-right { left: auto; right: 20px }
.m-automatic { background: url(../images/auto-bg.jpg) no-repeat center 0 }
.m-automatic .ms-head_des { width: 980px; margin: 0 auto; text-align: left }
.m-automatic .auto-list { padding-top: 22px; padding-left: 22px; background: #fff }
.m-automatic .auto-item { float: left; width: 364px; height: 240px; position: relative; overflow: hidden; margin-right: 22px; margin-bottom: 22px; color: #fff; cursor: default }
.m-automatic .au-title { margin-bottom: 10px; font-size: 20px; font-weight: 700 }
.m-automatic .au-layer { position: absolute; top: 135px; padding: 30px 14px 0 30px; width: 364px; height: 240px; transition: top .4s,background .4s }
.m-automatic .au-des { padding-left: 19px; position: relative; margin-bottom: 28px; font-size: 14px }
.m-automatic .au-des:before { content: ""; height: 12px; width: 12px; border-radius: 50%; position: absolute; left: 0; top: 5px; border: 2px solid rgba(255,255,255,.9) }
.m-automatic .auto-item:hover .au-layer { top: 0; background: rgba(44,92,196,.96) }
.m-automatic .auto-card { margin-top: 60px; border: 20px solid #f3f6f8 }
.m-automatic .ac-image { float: left; width: 560px; height: 315px }
.m-automatic .ac-con { float: left; width: 580px; padding-left: 40px; padding-top: 30px }
.m-automatic .ac-title { padding-bottom: 22px; position: relative; margin-bottom: 18px; font-size: 26px; font-weight: 700; line-height: 35px }
.m-automatic .ac-title:before { content: ""; position: absolute; left: 0; bottom: 0; height: 3px; width: 48px; background: #d8262b }
.m-automatic .ac-intro { width: 500px }
.m-contact-bar { margin-top: -80px; margin-bottom: 50px; height: 257px; padding-top: 137px; color: #fff; background: url(../images/contact-bar.jpg) no-repeat center 0 }
.m-contact-bar .cb-text { padding-left: 330px; width: 940px; float: left; font-size: 18px; line-height: 30px; font-weight: 700 }
.m-contact-bar .button { margin-top: 6px; background: none; color: #fff; border: 1px solid #fff; width: 180px; line-height: 46px; font-weight: 500 }
.m-contact-bar .button:hover { background: rgba(255,255,255,.1) }
.join-banner { background-image: url(../images/join-banner.jpg) }
.m-recruit { padding-bottom: 60px; padding-top: 20px }
.m-recruit .rec-bar { height: 140px; padding-top: 30px; color: #fff; text-align: center; border-radius: 4px 4px 0 0 }
.m-recruit .rec-bar .iconfont { margin-bottom: 10px; font-size: 40px; line-height: 1; display: block }
.m-recruit .rec-type { font-size: 24px; font-weight: 700 }
.m-recruit .rec-social { float: left; width: 575px }
.m-recruit .rec-social .rec-bar { background: #e29b3e url(../images/rec1.jpg) no-repeat 0 0 }
.m-recruit .rec-school { float: right; width: 575px }
.m-recruit .rec-school .rec-bar { background: #2c5cc4 url(../images/rec2.jpg) no-repeat 0 0 }
.m-recruit .rec-list { padding: 20px; background: #f8f8f8 }
.m-recruit .rec-item { padding: 20px 30px; margin-bottom: 20px; background: #fff }
.m-recruit .rec-tit { margin-bottom: 10px; font-size: 18px; font-weight: 700 }
.m-recruit .button { border: 0 none; line-height: 48px }
.m-recruit-list .down_button .button { width: 120px; font-size: 14px; line-height: 36px; height: 38px }
.m-recruit-list .down_info { font-size: 14px; line-height: 20px; color: #999 }
.m-recruit-list .down_span { float: left; position: relative; padding-right: 14px; margin-right: 15px }
.m-recruit-list .down_span + .down_span:before { content: ""; position: absolute; left: -15px; top: 3px; width: 1px; height: 13px; background: #dcdfe1 }
.m-recruit-list .down_need { padding-right: 34px; background: url(../images/need.png) no-repeat right -2px; background-size: 24px 24px }
.m-recruit-detail .am-itm { display: inline-block; width: 32%; margin-bottom: 20px }
.m-recruit-detail .article_meta { padding-bottom: 1px }
.m-recruit-detail .rd-button { padding-bottom: 40px; border-bottom: 1px solid #cacaca }
.m-recruit-detail .rd-button .button { width: 397px }
.m-recruit-detail .lay-main { padding-bottom: 46px }
.solution-banner { background-image: url(../images/solution-banner.jpg) }
.m-one-step { padding-top: 60px; height: 440px; background: url(../images/one-step-bg.jpg) no-repeat center 0 }
.m-one-step .os-title { margin-bottom: 40px }
.m-one-step .os-card { width: 25%; float: left; background: #fff; height: 248px; padding: 40px 30px 0 }
.m-one-step .os-card + .os-card { border-left: 1px solid #dcdfe1 }
.m-one-step .os-name { margin-bottom: 10px; font-size: 18px; line-height: 24px; font-weight: 700; text-align: center }
.m-one-step .os-icon { height: 56px; width: 56px; margin: 0 auto 30px; border-radius: 50%; background: #2c5cc4; color: #fff; text-align: center; line-height: 56px }
.m-one-step .os-icon .iconfont { font-size: 30px }
.m-one-step .os-des { font-size: 13px; line-height: 24px; color: #666 }
.m-sol-detail .sp-main { float: left; width: 570px }
.m-sol-detail .sol-primary { padding-bottom: 70px }
.m-sol-detail .article_title { margin-bottom: 30px }
.m-sol-detail .sp-intro { height: 275px }
.m-sol-detail .sp-contact .button { width: 286px; margin-right: 23px; float: left }
.m-sol-detail .sp-tel-tit { margin-bottom: 4px; font-size: 13px; color: #666 }
.m-sol-detail .sp-image { float: right; width: 520px; margin-right: 10px; margin-top: 50px }
.m-sol-detail .sp-image img { border-radius: 16px; box-shadow: 10px -10px rgba(0,0,0,.08) }
.m-sol-detail .sol-q { height: 572px; background: #e8e9eb url(../images/solution-detail-bg1.jpg) no-repeat center 0 }
.m-sol-detail .sq-list { background: #fff }
.m-sol-detail .sq-item { width: 25%; padding-top: 40px; height: 180px; text-align: center }
.m-sol-detail .sq-item + .sq-item { border-left: 1px solid #eaeaea }
.m-sol-detail .sq-icon { height: 56px; width: 56px; margin: 0 auto 20px; line-height: 56px; border-radius: 50%; background: #2c5cc4; color: #fff }
.m-sol-detail .sq-icon .iconfont { font-size: 32px }
.m-sol-detail .sq-text { color: #666 }
.m-sol-detail .sq-online { height: 200px; padding-top: 56px; padding-left: 370px; border-top: 1px solid #eaeaea; background: #fff url(../images/solution-detail-bg2.jpg) 0 bottom no-repeat }
.m-sol-detail .sq-quote { margin-bottom: 19px; color: #2c5cc4; font-size: 26px; line-height: 35px; font-weight: 700 }
.m-sol-detail .sq-des { font-size: 18px; padding-left: 10px }
.m-sol-detail .sol-detail { background: #2c5cc4; color: #fff }
.m-sol-detail .sol-content { margin-bottom: 40px; border-bottom: 1px solid rgba(255,255,255,.2) }
.m-sol-detail .sol-con-main { padding-bottom: 20px; line-height: 2 }
.m-sol-detail .sol-con-main p { margin-bottom: 20px }
.m-sol-detail .sol-item { float: left; width: 570px; margin-right: 40px; margin-bottom: 40px }
.m-sol-detail .sol-item:nth-child(2n) { margin-right: 0 }
.m-sol-detail .sol-item img { margin-bottom: 40px; border-radius: 8px; background: #fff; overflow: hidden; text-align: center; line-height: 1; height: 336px; width: 570px; box-shadow: 0 0 0 10px rgba(255,255,255,.1) }
.m-sol-detail .sol-item .middle-img { text-align: left; font-size: inherit }
.m-sol-detail .sol-item .middle-img:before { display: none }
.m-sol-detail .single { float: none; width: 100% }
.m-sol-detail .single img { width: 570px; height: auto; margin: 0 auto 40px; display: block }
.m-sol-super .ft-tit { margin-bottom: 30px }
.m-sol-super .ss-item { padding: 40px 48px 0; height: 320px; border: 1px solid #e1e8ed; border-radius: 8px; background: #fff }
.m-sol-super .ss-item .iconfont { display: inline; font-size: 0 }
.m-sol-super .ss-item .iconfont:before { font-size: 40px }
.m-sol-super .ss-name { text-align: center; font-size: 20px; line-height: 32px; font-weight: 700 }
.m-sol-super .ss-con { color: #657787 }
.m-news-primary { padding-bottom: 50px }
.m-news-primary .news-primary { margin-bottom: 30px }
.m-news-primary .np-cover { float: left; width: 580px; height: 435px }
.m-news-primary .np-content { padding: 30px; background: #fff; border-radius: 4px; border: 20px solid #f3f6f8; overflow: hidden; height: 435px }
.m-news-primary .np-title { margin-bottom: 10px; font-size: 20px; line-height: 32px }
.m-news-primary .np-date { margin-bottom: 30px; font-size: 14px }
.m-news-primary .np-intro { height: 146px; overflow: hidden }
.m-news-primary .ms-news_list { border-radius: 4px }
.m-news-list .news-list { padding-bottom: 40px }
.m-news-list .news-item { padding: 30px; margin-bottom: 30px; border: 1px solid #eaeaea; border-radius: 4px }
.m-news-list .news-img { display: block; width: 200px; height: 150px; float: left; margin-right: 20px }
.m-news-list .news-con { padding-top: 10px; overflow: hidden }
.m-news-list .news-tit { margin-bottom: 10px; font-size: 18px; line-height: 24px }
.m-news-list .news-date { margin-bottom: 26px; font-size: 14px; color: #999 }
.m-news-list .news-intro { height: 40px; font-size: 14px; line-height: 20px; color: #999; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2 }
.news-detail .news-main { padding-bottom: 60px }
.article_title { margin-top: 40px; margin-bottom: 30px; font-size: 32px; font-weight: 700 }
.article_meta { padding: 20px 30px; margin-bottom: 30px; background: #f3f6f8; color: #666; font-size: 14px }
.article_meta .am-item { padding-right: 20px; margin-right: 20px; position: relative }
.article_meta .am-item:after { content: ""; position: absolute; right: 0; top: 2px; height: 15px; width: 1px; background-color: #dcdfe1 }
.article_meta .am-item:last-child:after { display: none }
.article_meta li { line-height: 32px; color: #666 }
.article_content img { max-width: 100% }
.article_content .figcaption { margin-top: 30px; margin-bottom: 30px; padding-top: 10px; border-top: 1px solid #dcdfe1; text-align: center; color: #999; font-size: 14px }
.article_content p { font-size: 16px; margin-bottom: 5px; line-height: 2 }
.article_tit { margin-bottom: 30px; padding-left: 21px; font-size: 24px; font-weight: 700; background: url(../images/title-bg-red.png) no-repeat 0 center; background-size: 12px 24px }
.article_nav { padding-top: 10px; border-top: 1px solid #dcdfe1; font-size: 14px }
.article_nav .prev { float: left; width: 50% }
.article_nav .next { float: right; width: 50%; text-align: right }
.article_nav .an-a { display: inline-block; max-width: 360px; vertical-align: middle; color: #666; text-decoration: underline }
.article_nav .an-a:hover { color: #2c5cc4 }
.article_nav .an-text { vertical-align: middle }
.m-search-head { padding-top: 40px; padding-bottom: 50px }
.m-search-list .sl-tab { height: 60px; padding-left: 30px; margin-bottom: 30px; background: #f3f6f8 }
.m-search-list .sl-tab-item { float: left; line-height: 60px; height: 60px; margin-right: 60px; position: relative }
.m-search-list .sl-tab-a { color: #666 }
.m-search-list .active { border-bottom: 2px solid #2c5cc4; font-weight: 700 }
.m-search-list .active .sl-tab-a { color: #2c5cc4 }
.m-search-list .sl-count { font-size: 14px }
.m-search-list .sl-item { padding-top: 30px; padding-bottom: 30px; border-bottom: 1px solid #eaeaea }
.m-search-list .sl-img { float: left; width: 208px; height: 156px; margin-right: 22px; border: 1px solid #eaeaea; border-radius: 4px }
.m-search-list .sl-main { overflow: hidden }
.m-search-list .sl-tit { margin-bottom: 24px; font-size: 18px; line-height: 24px }
.m-search-list .sl-tit em { font-style: normal; color: #d8262b }
.m-search-list .sl-con { padding: 16px 70px 16px 30px; background: #f5f5f5; border-radius: 4px }
.m-search-list .sl-text { height: 48px; margin-bottom: 4px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: #666 }
.m-search-list .sl-more { color: #666; font-size: 13px }
.m-search-list .u-paging { padding-top: 40px; padding-bottom: 60px }
.m-search-list .sl-empty { padding: 80px 0 169px 454px }
.m-search-list .sl-empty .icon-chat { font-size: 20px; line-height: 1; vertical-align: middle }
.m-search-list .sl-check { margin-bottom: 40px; font-size: 14px; line-height: 2; color: #666 }
.m-search-list .sl-tip { position: relative }
.m-search-list .sl-tip:before { font-family: iconfont; content: ""; color: #d8262b; position: absolute; left: -34px }
.m-product-filter .sl-empty { padding: 80px 0; text-align: center }
.m-product-filter .sl-empty .icon-chat { font-size: 20px; line-height: 1; vertical-align: middle }
.m-product-filter .sl-check { margin-bottom: 40px; font-size: 14px; line-height: 2; color: #666 }
.m-product-filter .sl-tip { position: relative; display: inline-block; padding-left: 34px }
.m-product-filter .sl-tip:before { font-family: iconfont; content: ""; color: #d8262b; position: absolute; left: 0 }
.m-album-detail .album-detail { padding-bottom: 60px }
.album-slide .image-main { margin-bottom: 40px }
.album-slide .image-main img { display: block; max-width: 100%; margin: 0 auto }
.album-slide .slide-nav { position: relative; margin-bottom: 40px; height: 96px; padding-left: 52px; padding-right: 52px }
.album-slide .slide-nav-main { width: 788px }
.album-slide .sn-ul { height: 96px; overflow: hidden; position: static }
.album-slide .sn-img { float: left; margin-right: 14px; width: 144px; height: 96px; border: 1px solid #eaeaea; padding: 4px; text-align: center; line-height: 1 }
.album-slide .sn-img img { max-width: 100%; max-height: 100% }
.album-slide .sn-img.active { border-width: 2px; border-color: #2c5cc4; padding: 3px }
.album-slide .slick-arrow { width: 40px; height: 96px; position: absolute; top: 0; background: #f3f6f8; text-align: center; line-height: 96px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #999; border-radius: 4px; font-size: 24px }
.album-slide .icon-left { left: 0 }
.album-slide .icon-right { right: 0 }
.m-album-list .album-list { padding-bottom: 60px }
.m-album-list .album-item { float: left; margin-right: 20px; width: 280px; height: 264px; margin-bottom: 30px; background: #f9f9f9; border-radius: 4px; overflow: hidden }
.m-album-list .album-item:nth-child(3n) { margin-right: 0 }
.m-album-list .album-cover { width: 280px; height: 186px; position: relative }
.m-album-list .video-icon { height: 40px; width: 40px; border-radius: 50%; background: url(../images/play.png) no-repeat 0 0; background-size: 40px 40px; position: absolute; left: 120px; top: 73px }
.m-album-list .video-time { position: absolute; color: #fff; right: 12px; bottom: 13px }
.m-album-list .img { width: 100%; height: 100%; background-size: cover; background-position: center center }
.m-album-list .album-info { padding: 12px 20px 0 }
.m-album-list .album-name { margin-bottom: 10px; font-size: 16px; height: 24px; overflow: hidden }
.m-album-list .album-date { font-size: 13px; color: #999 }
.m-image-list .ms-album_item { padding-top: 30px }
.m-image-list .ms-album_img-wrap:after, .m-image-list .ms-album_img-wrap:before { display: none }
.m-video-detail .video-wrap { height: 587px }
.m-video-detail .video-wrap video { height: 587px; width: 100% }
.m-video-detail .lay-main { padding-bottom: 60px }
.video-wrap .video-js .vjs-big-play-button { height: 56px; width: 56px; border-radius: 50%; border: 0 none; line-height: 56px; left: 50%; top: 50%; margin-top: -28px; margin-left: -28px }
.m-s-happy { color: #fff }
.m-s-happy .sh-wrap { padding: 36px 40px 30px; background: #2c5cc4; border: 20px solid #f3f6f8 }
.m-s-happy .sh-title { margin-top: 24px; font-size: 26px; line-height: 35px; font-weight: 700; padding-bottom: 23px; position: relative; margin-bottom: 18px }
.m-s-happy .sh-title:after { content: ""; height: 3px; width: 48px; position: absolute; bottom: 0; left: 0; background: rgba(255,255,255,.6) }
.m-s-happy .sh-con { float: left; width: 548px }
.m-s-happy .sh-img { float: right; width: 470px; height: 200px; border-radius: 4px; overflow: hidden }
.m-s-cover { color: #333 }
.m-s-cover .sh-title:after { background: #2c5cc4 }
.m-s-cover .sh-wrap { background: #fff }
.m-s-cover .sh-img { width: 300px }
.m-album-staff { padding-bottom: 60px }
.m-album-staff .ms-album_item { margin-bottom: 40px }
.m-album-staff .ms-album_item:nth-child(3n) { margin-right: 0 }
.m-album-staff .as-btn { text-align: center }
.ms-map_wrap { position: relative; border-radius: 4px; border: 20px solid #f3f6f8 }
.ms-map_container { width: 1140px; height: 460px }
.ms-map_box { width: 326px; height: 380px; padding: 40px; position: absolute; top: 40px; left: 710px; background: rgba(255,255,255,.9); box-shadow: 0 1px 10px 0 rgba(43,49,63,.08); border-radius: 4px; border: 1px solid #fff }
.ms-map_logo { width: 168px; height: 44px; margin-bottom: 24px }
.ms-map_company { margin-bottom: 20px; font-size: 20px; line-height: 26px; font-weight: 700 }
.ms-map_tel-label { color: #9aa5b0; font-size: 14px }
.ms-map_btn .button { line-height: 38px; height: 40px; font-size: 14px }
.m-network { padding-top: 20px; padding-bottom: 60px }
.m-network .ms-head_des { width: 980px; margin: 0 auto 40px; text-align: left }
.m-network .service-network { margin-bottom: 35px }
.m-network .service-map { width: 780px; height: 580px; float: left; position: relative }
.m-network .svg-map { width: 100%; height: 100% }
.m-network .map-mark { position: absolute; left: 41px; bottom: 18px; font-size: 14px }
.m-network .map-mark-item { position: relative; padding-left: 32px; line-height: 20px; margin-bottom: 10px }
.m-network .map-mark-item img { position: absolute; left: 2px }
.m-network .map-mark-item .mark-sp { top: -2px; left: 0 }
.m-network .service-card { float: right; width: 380px; height: 503px; padding: 40px 40px 0; margin-top: 35px; border: 1px solid #e1e8ed; border-radius: 8px; background: #f8f9fd }
.m-network .company-name { margin-bottom: 10px; font-size: 20px; line-height: 1.3; font-weight: 700 }
.m-network .en { font-size: 14px; color: #999 }
.m-network .info-card { padding-top: 20px; padding-bottom: 20px; border-top: 1px solid rgba(191,191,191,.3) }
.m-network .ic-icon { float: left; height: 46px; width: 46px; margin-right: 14px; line-height: 42px }
.m-network .ic-icon .iconfont { font-size: 24px }
.m-network .ic-con { overflow: hidden }
.m-network .ic-tel { font-size: 24px }
.m-network .ic-tel, .m-network .ic-mail { font-weight: 600; font-family: arial,sans-serif }
.m-network .ic-addr { font-size: 15px }
.m-network .table-wrap { height: 400px; overflow-y: auto }
.m-network .table-wrap::-webkit-scrollbar { width: 8px; height: 8px }
.m-network .table-wrap::-webkit-scrollbar-thumb { background: #9aa5b0; border-radius: 4px }
.m-network .table-wrap::-webkit-scrollbar-track { background: transparent }
#jsmap-tip { box-shadow: 0 3px 14px 0 rgba(2,27,65,.1) }
.u-map-card { padding: 16px 20px 12px 70px; border-radius: 4px; background: #fff url(../images/logo-map-card.png) no-repeat 20px 16px; background-size: 42px 42px }
.u-map-card .mc-name { font-size: 14px; line-height: 18px; font-weight: 500 }
.u-map-card .mc-con { font-size: 12px; color: #5b606a; line-height: 18px }
.u-map-card .mc-con p { margin-top: 6px }
.area-table { width: 100% }
.area-table th { padding-left: 32px; height: 50px; background: #e2e8f7; font-weight: 700 }
.area-table th:first-child { border-radius: 4px 0 0 4px }
.area-table th:last-child { border-radius: 0 4px 4px 0 }
.area-table td { height: 49px; padding-left: 32px; border-bottom: 1px solid #ebebeb; color: #666 }
.area-table td span { width: 50px; display: inline-block }
.area-table tr:nth-child(2n) { background: #f8f9fd }
.m-foreign { height: 813px; background: #264fa9 url(../images/world-map.jpg) no-repeat center 0 }
.m-foreign .layout { padding-top: 60px; position: relative }
.m-foreign .point-item { position: absolute; padding-left: 45px; font-weight: 700; font-size: 18px; color: #fff }
.m-foreign .point-item:before { content: ""; height: 15px; width: 15px; border-radius: 50%; background: #ff5f5f; left: 0; position: absolute; top: 6px }
.m-foreign .point-item:after { content: ""; height: 45px; width: 45px; border-radius: 50%; position: absolute; left: -15px; top: -9px; background: rgba(255,95,95,.38) }
.m-foreign .pi1:after { -webkit-animation-delay: 2s; animation-delay: 2s }
.m-foreign .pi2:after { -webkit-animation-delay: 3s; animation-delay: 3s }
.m-foreign .pi3:after { -webkit-animation-delay: 5s; animation-delay: 5s }
.m-foreign .pi4:after { -webkit-animation-delay: 4s; animation-delay: 4s }

@-webkit-keyframes point {
    0% { transform: scale(0.5); opacity: 1 }
    50% { transform: scale(1); opacity: 1 }
    100% { transform: scale(1.5); opacity: 0 }
}

@keyframes point {
    0% { transform: scale(0.5); opacity: 1 }
    50% { transform: scale(1); opacity: 1 }
    100% { transform: scale(1.5); opacity: 0 }
}

.m-net-service .ft-tit { margin-bottom: 40px }
.m-repairs .u-i-tit { display: inline-block }
.m-repairs .re-steps { margin-bottom: 20px }
.m-repairs .re-step { width: 280px; height: 100px; position: relative; overflow: hidden; padding: 15px 0 15px 50px; background: #fff; border-radius: 4px }
.m-repairs .re-icon-img { margin-right: 14px; display: inline-block; vertical-align: middle }
.m-repairs .re-name { display: inline-block; vertical-align: middle; font-weight: 700 }
.m-repairs .re-arrow { width: 20px; position: relative }
.m-repairs .re-icon { position: absolute; white-space: nowrap; color: #9aa5b0; letter-spacing: -8px; top: 36px; left: -1px }
.m-repairs .re-bg { position: absolute; right: 0; top: -40px; font-size: 80px; font-weight: 700; color: #f3f6f8; line-height: 93px; font-family: arial,sans-serif }
.m-repairs .ms-form_main { width: 880px; height: 506px; padding-top: 60px }
.m-repairs .ms-form_main .select, .m-repairs .ms-form_main .form-control { width: 632px }
.m-repairs .ms-form_main textarea { height: 104px }
.m-repairs .ms-form_main .button { width: 380px }
.m-repairs .ms-form_label { width: 168px }
.m-repairs .ms-form_btn { padding-left: 293px }
.m-repairs .ms-form_service { height: 506px }
.m-repairs .ms-form_service .button { width: 140px; font-size: 14px; height: 40px; line-height: 38px }
.m-repairs .ms-form_des { padding-top: 30px; margin-top: 26px; border-top: 1px dotted #9aa5b0 }
.m-repairs .ms-form_tel { margin-bottom: 26px }
.m-repairs .hotline-label { color: #9aa5b0; font-size: 14px }
.m-repairs .hotline-tip { margin-bottom: 20px; padding-left: 65px; font-size: 13px; color: #9aa5b0 }
.m-repairs .ms-form_hotline { padding-left: 30px; text-align: left }
.m-repairs .ms-form_hotline .ft-num { font-size: 18px }
.m-tool { padding-top: 20px; padding-bottom: 60px }
.m-tool .tt-des { color: #666 }
.m-tool .tt-name { font-size: 28px; font-weight: 700 }
.m-tool .current { background: #2c5cc4; color: #fff }
.m-tool .current .tt-des { color: #fff }
.m-tool .calc-item { width: 33.33%; margin-bottom: 30px }
.m-tool .calc-input { width: 180px; height: 48px; border: 1px solid #e6e6e6; border-radius: 4px; padding: 5px 10px; margin-right: 10px }
.m-tool .calc-unit { font-size: 14px }
.m-tool .calc-btn-wrap { padding-top: 30px; text-align: center }
.m-tool .calc-tip { margin-top: 60px; padding-top: 39px; border-top: 1px dotted #9aa5b0; font-size: 14px; line-height: 32px }
.m-tool .calc-tab { margin-bottom: 40px; text-align: center }
.m-tool .calc-tab-nav { display: inline-block; height: 40px; padding-left: 20px; padding-right: 20px; text-align: center; line-height: 38px; border-radius: 4px; margin-right: 10px; font-size: 14px }
.m-tool .calc-tab-nav.active { color: #fff; background: #2c5cc4; border-color: #2c5cc4 }
.m-tool table { margin: 0 auto; border: 1px solid #eaeaea }
.m-tool table td { border: 1px solid #eaeaea; padding: 10px 20px; font-size: 14px }
.m-tool table label { cursor: pointer }
.m-tool table .calc-input { height: 38px }
.m-tool .td-label { margin-right: 10px; font-size: 14px }
.button.mini { height: 32px; line-height: 32px; width: 160px; font-size: 13px }
.tool-tab { margin-bottom: 40px }
.tool-tab-nav { float: left; height: 130px; width: 130px; margin-right: 130px; padding-top: 30px; text-align: center; border-radius: 4px; background: #f3f6f8; border: 1px solid #e5e9ef }
.tool-tab-nav:last-child { margin-right: 0 }
.tool-tab-content { display: none; padding: 50px 60px 60px; border: 10px solid #f3f6f8 }
.tool-tab-content.show { display: block }
.tool-name { margin-bottom: 60px; text-align: center; font-size: 24px; line-height: 1 }
.down_list { padding-bottom: 60px }
.down_list .u-paging { padding-top: 10px }
.down_item { margin-bottom: 20px; padding: 20px 30px; border: 1px solid #eaeaea; position: relative }
.down_name { width: 640px; margin-bottom: 9px; font-size: 18px; line-height: 24px }
.down_date { color: #999; font-size: 14px; line-height: 20px }
.down_button { position: absolute; right: 30px; top: 20px }
.down_button span { font-size: 14px }
.down_button .iconfont { line-height: 1; vertical-align: middle }
.down_button .button { width: 120px; height: 38px; line-height: 36px }
.m-file-detail { padding-top: 40px; padding-bottom: 60px }
.m-file-detail .file-main { margin-bottom: 30px }
.m-file-detail .file-image { width: 380px; height: 285px; margin-right: 40px; float: left; border: 1px solid #dcdfe1; border-radius: 4px }
.m-file-detail .file-name { margin-top: 0; margin-bottom: 20px }
.m-file-detail .file-content { overflow: hidden }
.m-file-detail .file-intro { min-height: 135px; padding-bottom: 24px }
.m-file-detail .file-nav { padding: 20px; border-top: 0 none; background: #f6f6f6; border-radius: 4px }
.m-case-list .case-title { margin-bottom: 40px }
.m-case-list .case-nav { margin-bottom: 40px }
.m-case-list .case-nav-a { float: left; width: 195px; height: 80px; margin-right: 2px; margin-bottom: 2px; padding-top: 20px; padding-left: 36px; border-radius: 4px; background: #f6f6f6; line-height: 40px; color: #666; transition: background .3s }
.m-case-list .case-nav-a:nth-child(6n) { margin-right: 0 }
.m-case-list .case-icon { float: left; margin-right: 10px; height: 40px; width: 40px; border-radius: 50%; border: 1px solid #cacaca; text-align: center; color: #999; padding-top: 7px; line-height: 1 }
.m-case-list .case-icon img { width: 24px; height: 24px }
.m-case-list .case-icon .iconfont { font-size: 24px }
.m-case-list .case-nav-a:hover, .m-case-list .active { color: #fff; background: #2c5cc4 }
.m-case-list .case-nav-a:hover .case-icon, .m-case-list .active .case-icon { color: #2c5cc4; background: #fff; border-color: #fff }
.m-case-list .ms-case_item { margin-bottom: 40px }
.m-case-list .ms-case_item:nth-child(4n) { margin-right: 0 }
.m-scope { background: #152d5b url(../images/inner-page-banner.jpg) no-repeat center 0 }
.m-scope .scope-tit { margin-bottom: 40px; color: #fff }
.m-scope .scope-item { float: left; width: 196px; height: 320px; margin-right: -1px; padding: 40px 26px 0; border: 1px solid #6a80a3 }
.m-scope .scope-item:first-child { border-radius: 4px 0 0 4px }
.m-scope .scope-item:last-child { border-radius: 0 4px 4px 0 }
.m-scope .scope-icon { height: 56px; width: 56px; margin-bottom: 30px; border-radius: 50%; border: 1px solid #2c5cc4; background: rgba(44,92,196,.3); text-align: center; color: #fff; line-height: 54px }
.m-scope .scope-icon .iconfont { font-size: 32px }
.m-scope .scope-name { margin-bottom: 10px; font-size: 18px; line-height: 24px; color: #fff }
.m-scope .scope-con { font-size: 13px; color: rgba(255,255,255,.68); line-height: 24px }
.m-scope .scope-btn { padding-top: 40px; text-align: center }
.m-scope .btn-red { background-color: #f95559 }
.m-wiki-search { height: 360px; background: url(../images/wiki-search-bg.jpg) no-repeat center 0 }
.m-i-banner .m-search { padding-top: 212px }
.m-i-banner .m-search .ms-search_title { margin-bottom: 20px; color: #fff }
.m-i-banner .m-search .hot-a, .m-i-banner .m-search .hot-label { color: #eaeaea }
.m-wiki-nav { margin-top: 40px; margin-bottom: 40px }
.m-wiki-nav .wn-item { float: left; width: 232px; background: #f3f6f8; border-radius: 4px; text-align: center; height: 96px; transition: color .3s,background .3s }
.m-wiki-nav .wn-item + .wn-item { margin-left: 5px }
.m-wiki-nav .wn-item:hover, .m-wiki-nav .active { background: #2c5cc4; color: #fff }
.m-wiki-nav .wn-item:hover .wn-icon, .m-wiki-nav .active .wn-icon { color: #fff }
.m-wiki-nav .wn-item:hover .wn-name, .m-wiki-nav .active .wn-name { color: #fff }
.m-wiki-nav .wn-name { color: #4c5159 }
.m-wiki-nav .wn-icon { font-size: 60px; line-height: 1; color: #2c5cc4 }
.m-wiki-list .wl-main { width: 910px; padding-bottom: 60px }
.m-wiki-list .wl-side { width: 232px }
.m-wiki-list .wl-item { margin-bottom: 30px }
.m-wiki-list .wl-title { padding-left: 42px; margin-bottom: 10px; position: relative; line-height: 24px; font-size: 18px }
.m-wiki-list .wl-icon { width: 32px; height: 32px; position: absolute; left: 0; top: -4px; border-radius: 50%; background: #337cc9; color: #fff; text-align: center; line-height: 32px }
.m-wiki-list .wl-icon2 { position: absolute; left: 0; color: #337cc9 }
.m-wiki-list .wl-icon2 .iconfont { font-size: 24px }
.m-wiki-list .wl-con { padding: 16px 30px; background: #f5f5f5; border-radius: 4px; color: #666; font-size: 13px }
.m-wiki-list .wl-p { margin-bottom: 4px; line-height: 24px }
.m-wiki-list .wl-more { color: #666 }
.m-wiki-list .wl-more:hover { color: #2c5cc4 }
.m-qa-list .wl-title { padding-left: 30px }
.m-qa-detail .m-wiki-list { padding-top: 60px; padding-bottom: 20px }
.m-qa-detail .m-wiki-list .wl-item { margin-top: 30px }
.vr-banner { height: 800px }
.vr-banner .header-bg { height: 280px; position: absolute; left: 0; width: 100%; top: 0; background: linear-gradient(180deg, #17377C 0%, rgba(44, 92, 196, 0) 100%); pointer-events: none }
.vr-banner .banner-frame { position: absolute; left: 0; top: 0; height: 800px; width: 100% }
.m-vr-net { padding-top: 20px; padding-bottom: 60px }
.m-vr-net .ft-tit { margin-bottom: 40px }
.m-vr-net .ms-net_item { height: 386px }
.m-vr-net .ms-net_img { height: 210px }
.m-vr-visit { padding-top: 60px; padding-bottom: 60px; background: #204699 url(../images/vr-visit.jpg) no-repeat center 0 }
.m-vr-visit .ms-visit_hd { padding-left: 340px }
.m-vr-visit .ms-visit_title { color: #fff; background-image: url(../images/icon-vr-visit.png) }
.m-vr-visit .ms-visit_des { color: rgba(255,255,255,.7) }
.m-vr-visit .input-item, .m-vr-visit .input { width: 385px }
.m-vr-visit .input-name { width: 385px }
.m-vr-visit .input-name .input { width: 385px }
.m-vr-visit .input-item { margin-bottom: 10px; margin-right: 10px }
.m-vr-visit .input-note { width: 590px; margin-bottom: 0 }
.m-vr-visit .input-note .input { width: 590px }
.ui-modal .ms-form_main { float: none; height: auto; padding-bottom: 40px; padding-top: 20px }
.ui-modal .form-control.w240 { width: 240px }
.bg-white { background: #fff }