.index > .top { margin-bottom: 20px; }
.index .t_left { width: 77%; }
.index .banner { position: relative; margin: 0 10px 10px 0; }
.index .banner .hd ul { position: absolute; left: 0; bottom: 40px; width: 100%; text-align: center; font-size: 0; z-index: 9; }
.index .banner .hd li { display: inline-block; margin: 0 5px; width: 36px; height: 4px; border-radius: 4px; background-color: #fff; opacity: .5; cursor: pointer; }
.index .banner .hd li.on { background-color: #4d89f7; opacity: 1; }
.index .banner .bd { height: 360px; overflow: hidden; }
.index .banner .bd ul { width: 100% !important; }
.index .banner .bd li { float: left; display: inline; width: 100% !important; height: 360px; background-position: center; background-repeat: no-repeat; border-radius: 5px; }
.index .message > div { float: left; width: 50%; }
.index .message .box { margin-right: 10px; padding: 20px; height: 160px; border-radius: 4px; background-color: #252837; }
.index .message .box h4 { margin: 0 0 12px 10px; font-size: 16px; color: #e0e4ed; line-height: 22px; }
.index .message .box li { padding: 6px 10px; line-height: 26px; }
.index .message .box li:hover { transition: all 0.3s ease; background-color: #2f3343; }
.index .message .box li:hover i { transition: all 0.3s ease; border-color: #3677ff; }
.index .message .box li div { font-size: 0; }
.index .message .box li i { float: left; margin-top: 9px; margin-right: 18px; width: 4px; height: 4px; border-radius: 50%; border: 2px solid #3f4455; }
.index .message .box li span { float: left; font-size: 14px; font-family: DINR; color: #6d7589; }
.index .message .box li .con { margin-left: 104px; font-size: 14px; color: #aab4c9; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.index .message .box li .txt { margin-left: 26px; font-size: 12px; color: #6d7589; }
.index .message .no_data { color: #6d7589; line-height: 128px; text-align: center; }
.index .t_right { width: 23%; }
.index .menu { margin-bottom: 10px; }
.index .menu li { float: left; width: 33.3333%; }
.index .menu a { display: block; height: 120px; background-color: #252837; border: 1px solid #1c1e2a; box-sizing: border-box; color: #aab4c9; text-align: center; overflow: hidden; }
.index .menu a:hover { transition: all 0.3s ease; color: #fff; border-color: #3677ff; }
.index .menu a:hover i { transition: all 0.3s ease; background-position-x: -30px; }
.index .menu i { display: inline-block; margin: 29px 0 17px; width: 30px; height: 30px; background: url(../img/index/menu_icon.png) no-repeat 0 0; }
.index .menu .ico2 { background-position-y: -30px; }
.index .menu .ico3 { background-position-y: -60px; }
.index .menu .ico4 { background-position-y: -90px; }
.index .menu .ico5 { background-position-y: -120px; }
.index .menu .ico6 { background-position-y: -150px; }
.index .menu .ico7 { background-position-y: -180px; }
.index .menu .ico8 { background-position-y: -210px; }
.index .menu .ico9 { background-position-y: -240px; }
.index .abutment { padding: 40px 0 0 40px; height: 160px; border-radius: 4px; background: #252837 url(../img/index/abutment_bg.png) no-repeat right center; }
.index .abutment p { margin-bottom: 14px; font-size: 24px; font-weight: 100; color: #e0e4ed; }
.index .abutment span { font-size: 16px; color: #aab4c9; }
.index .abutment .btn { padding-top: 28px; }
.index .abutment .btn a { display: block; width: 120px; height: 40px; line-height: 40px; text-align: center; border-radius: 4px; background-color: #11be81; font-size: 14px; color: #fff; cursor: pointer; }
.index .abutment .btn a:hover { background-color: #2fe0a2; }
.index > .center { margin-bottom: 20px; }
.index .c_left { width: 17%; }
.index .c_left .box { margin-right: 10px; padding: 16px 0 0 55%; height: 102px; border: 1px solid #2f3343; border-radius: 4px; line-height: 42px; color: #6d7589; background: url(../img/index/inner_bg.png) no-repeat 0 0; }
.index .c_left p { color: #e0e4ed; border-bottom: 1px solid #2f3343; }
.index .c_left span { font-family: DINR; color: #f04343; }
.index .c_right { width: 83%; }
.index .inner { position: relative; }
.index .inner .hd a { position: absolute; top: 0; width: 24px; height: 120px; background: #252837 url(../img/index/inner_jt.png) no-repeat 0 center; }
.index .inner .hd .prev { left: 0; border-radius: 4px 0 0 4px; }
.index .inner .hd .next { right: 1px; border-radius: 0 4px 4px 0; background-position-x: -48px; }
.index .inner .bd { margin: 0 14px 0 24px; height: 120px; overflow: hidden; }
.index .inner .bd li { float: left; display: inline; width: 20%; height: 120px; }
.index .inner .bd .box { margin-right: 10px; padding-left: 25px; height: 118px; border: 1px solid #2f3343; }
.index .inner .bd .box:hover { transition: all 0.3s ease; background-color: #252837; }
.index .inner .bd p { padding-top: 18px; font-size: 14px; color: #e0e4ed; }
.index .inner .bd .txt { padding-top: 14px; color: #6d7589; }
.index .inner .bd .txt span { font-family: DINR; }
.index .inner .bd .txt .red { color: #f04343; }
.index .inner .bd .txt .green { color: #11be81; }
.index .inner .bd .btn { padding-top: 14px; }
.index .inner .bd .btn a { float: left; margin-right: 8px; width: 72px; height: 26px; line-height: 26px; border-radius: 2px; text-align: center; }
.index .inner .bd .btn .gray { color: #939bae; background-color: #2f3343; }
.index .inner .bd .btn .gray:hover { transition: all 0.3s ease; background-color: #3f4455; }
.index .inner .bd .btn .red { color: #fff; background-color: #f04343; }
.index > .bottom h4 { margin-bottom: 10px; font-size: 16px; color: #e0e4ed; line-height: 22px; }
.index .b_left { width: 77%; }
.index .b_left .box_o { width: 50%; }
.index .b_left .box { margin-right: 10px; padding: 20px 8px 10px 18px; min-height: 306px; border: 1px solid #2f3343; border-radius: 4px; box-sizing: border-box; }
.index .b_left ul { padding-top: 10px; }
.index .b_left .no_data p { color: #6d7589; line-height: 242px; text-align: center; }
.index .serve li { float: left; width: 33.3333%; }
.index .serve .box_i { display: block; margin: 0 10px 18px 0; padding: 20px 22px; height: 56px; border: 1px solid #2f3343; line-height: 28px; }
.index .serve .box_i:hover { transition: all 0.3s ease; background-color: #2f3343; }
.index .serve .box_i div { font-size: 14px; color: #e0e4ed; }
.index .serve p { color: #6d7589; }
.index .serve span { font-family: DINR; color: #aab4c9; }
.index .serve .red { color: #f04343; }
.index .serve .green { color: #11be81; }
.index .serve .link { padding: 14px 0 15px; line-height: 20px; text-align: center; }
.index .serve .link a { color: #14dff1; }
.index .serve .link span { font-family: simsun; color: #14dff1; }
.index .active ul { padding-bottom: 6px; }
.index .active ul:last-child { padding-bottom: 0px; padding-top: 6px; }
.index .active li { float: left; width: 20%; }
.index .active .box_i { margin: 0 10px 10px 0; padding: 13px 0 10px; border: 1px solid #2f3343; line-height: 23px; text-align: center; }
.index .active .box_i div { font-family: DINR; color: #6d7589; height: 20px; line-height: 20px; }
.index .active p { color: #939bae; }
.index .active span { font-size: 18px; font-family: DINR; color: #e0e4ed; }
.index .b_right { padding: 20px 18px 14px; width: 23%; min-height: 306px; border: 1px solid #2f3343; border-radius: 4px; box-sizing: border-box; }
.index .b_right .no_data p { color: #6d7589; line-height: 242px; text-align: center; }
.index .record li { color: #939bae; line-height: 34px; }
.index .record li span { color: #e0e4ed; }

.popup_hotline .popup_con { width: 480px; height: 342px; margin-top: -171px; overflow: visible; }
.popup_hotline .hd .close { z-index: 9; background-image: url(../img/close_icon8.png); }
.popup_hotline .top { position: absolute; left: 0; top: -22px; width: 100%; height: 201px; background: url(../img/index/hotline_bg.png) no-repeat 0 0; }
.popup_hotline .con { padding-top: 130px; color: #e0e4ed; text-align: center; }
.popup_hotline .con p { margin-bottom: 12px; font-size: 20px; }
.popup_hotline .con span { font-size: 36px; font-family: DINR; }

body.light .index .message .box { background-color: #ffffff; }
body.light .index .message .box h4 { color: #07163f; }
body.light .index .message .box li:hover { background-color: #f3f9ff; }
body.light .index .message .box li:hover i { border-color: #4274f4; }
body.light .index .message .box li i { border-color: #c6ccdd; }
body.light .index .message .box li span { color: #8890a7; }
body.light .index .message .box li .con { color: #444f6e; }
body.light .index .message .box li .txt { color: #8890a7; }
body.light .index .message .no_data { color: #777f98; }
body.light .index .menu a { background-color: #ffffff; border-color: #edf3fa; color: #444f6e; }
body.light .index .menu a:hover { color: #4274f4; border-color: #4274f4; }
body.light .index .menu i { background-image: url(../img/light/index/menu_icon.png); }
body.light .index .abutment { background-color: #5b7cfd; }
body.light .index .abutment p { color: #ffffff; }
body.light .index .abutment span { color: #ffffff; opacity: 0.8; }
body.light .index .abutment .btn a { background-color: #13ce98; }
body.light .index .abutment .btn a:hover { background-color: #18d59e; }
body.light .index .c_left .box { border: 0; color: #777f98; background-color: #ffffff; background-image: url(../img/light/index/inner_bg.png); }
body.light .index .c_left p { color: #444f6e; border-bottom-color: #eceff5; }
body.light .index .inner .hd a { background-color: #f3f9ff; background-image: url(../img/light/index/inner_jt.png); }
body.light .index .inner .bd .box { border: 0; background-color: #ffffff; }
body.light .index .inner .bd .box:hover { background-color: #5b7cfd; }
body.light .index .inner .bd .box:hover p { color: #ffffff; }
body.light .index .inner .bd .box:hover .txt { color: #ffffff; }
body.light .index .inner .bd .box:hover .txt .green { color: #11be81; }
body.light .index .inner .bd p { color: #07163f; }
body.light .index .inner .bd .txt { color: #777f98; }
body.light .index .inner .bd .txt .green { color: #5b7cfd; }
body.light .index .inner .bd .btn .gray { color: #8890a7; background-color: #edf3fa; }
body.light .index .inner .bd .btn .gray:hover { color: #ffffff; background-color: rgba(255, 255, 255, 0.2); }
body.light .index .inner .bd .btn .red { background-color: #ffb302; }
body.light .index > .bottom h4 { color: #07163f; }
body.light .index .b_left .box { border: 0; background-color: #ffffff; }
body.light .index .b_left .no_data p { color: #777f98; }
body.light .index .serve .box_i { border-color: #e2e6ee; }
body.light .index .serve .box_i:hover { border-color: #5b7cfd; background-color: #5b7cfd; }
body.light .index .serve .box_i:hover div { color: #ffffff; }
body.light .index .serve .box_i:hover p { color: #ffffff; }
body.light .index .serve .box_i:hover .green { color: #2adaa7; }
body.light .index .serve .box_i div { color: #07163f; }
body.light .index .serve p { color: #777f98; }
body.light .index .serve span { color: #07163f; }
body.light .index .serve .red { color: #f04343; }
body.light .index .serve .green { color: #5b7cfd; }
body.light .index .active .box_i { border-color: #e2e6ee; }
body.light .index .active .box_i div { color: #9aa1b7; }
body.light .index .active p { color: #444f6e; }
body.light .index .active span { color: #07163f; }
body.light .index .b_right { border-color: #ffffff; background-color: #ffffff; }
body.light .index .b_right .no_data p { color: #777f98; }
body.light .index .record li { color: #777f98; }
body.light .index .record li span { color: #4274f4; }
body.light .popup_hotline .con { color: #444f6e; }
body.light .popup_hotline .con span { color: #07163f; }

/*# sourceMappingURL=index.css.map */