@charset "UTF-8";
/*单选框*/
.checkbox, .radio { margin-top: -2px; margin-right: 8px; }

.checkbox input[type="checkbox"], .radio input[type="radio"] { width: 16px; height: 16px; opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; border: none; cursor: pointer; background: none; display: -moz-inline-box; display: inline-block; zoom: 1; text-align: center; }

.checkbox { display: inline-block; width: 16px; height: 16px; cursor: pointer; vertical-align: middle; border: 1px solid #999; border-radius: 2px; background-color: #f4f4f4; }

.checkbox.checked { background: url("images/checkbox.png") no-repeat center; }

/*单选框*/
.btn { display: inline-block; margin-bottom: 10px; width: 100%; height: 42px; line-height: 42px; text-align: center; font-size: 16px; cursor: pointer; white-space: nowrap; vertical-align: middle; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; background-image: none; }

.btn-default { color: #888; border-color: #e3e3e3; background-color: #e3e3e3; }

.btn-default:hover { color: #fff; border-color: #52c2eb; background-color: #52c2eb; }

.btn-primary { color: #fff; border-color: #52c2eb; background-color: #52c2eb; }

.btn-primary:hover { color: #fff; border-color: #3aa2c9; background-color: #3aa2c9; }

.btn-round{ display: inline-block; margin-top: 15px; width: 62px; height: 24px; line-height: 24px; text-align: center; font-size: 12px; color: #fff; background: #ffaf3c; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; }

.icon { background-image: url("images/sprite.png"); display: inline-block; vertical-align: middle; }

.hover-item:hover .icon-arrowR, .icon-arrowR:hover { width: 10px; height: 17px; background-position: -525px -417px; }

.icon-arrowR { width: 10px; height: 17px; background-position: -510px -417px; }

.icon-contact-01 { width: 92px; height: 92px; background-position: -194px -353px; }

.icon-contact-02 { width: 92px; height: 92px; background-position: -97px -353px; }

.icon-contact-03 { width: 92px; height: 92px; background-position: -456px -291px; }

.icon-contact-04 { width: 92px; height: 92px; background-position: 0px -450px; }

.icon-database-01 { width: 92px; height: 92px; background-position: 0px -353px; }

.icon-database-02 { width: 92px; height: 92px; background-position: -456px -194px; }

.icon-database-03 { width: 92px; height: 92px; background-position: -456px -97px; }

.icon-database-04 { width: 92px; height: 92px; background-position: -456px 0px; }

.icon-database-05 { width: 92px; height: 92px; background-position: -291px -353px; }

.icon-date { width: 13px; height: 13px; background-position: -250px -206px; }

.icon-format1 { width: 62px; height: 62px; background-position: -97px -450px; }

.icon-format2 { width: 62px; height: 62px; background-position: -164px -450px; }

.icon-format3 { width: 62px; height: 62px; background-position: -388px -353px; }

.icon-function-01 { width: 98px; height: 98px; background-position: -353px -103px; }

.icon-function-02 { width: 98px; height: 98px; background-position: -250px 0px; }

.icon-function-03 { width: 98px; height: 98px; background-position: -353px 0px; }

.icon-function-04 { width: 98px; height: 98px; background-position: -250px -103px; }

.icon-pv { width: 16px; height: 10px; background-position: -353px -338px; }

.icon-report-01 { width: 120px; height: 120px; background-position: -125px -125px; }

.icon-report-02 { width: 120px; height: 120px; background-position: 0px -125px; }

.icon-report-03 { width: 120px; height: 120px; background-position: -125px 0px; }

.icon-report-04 { width: 120px; height: 120px; background-position: 0px 0px; }

.icon-safety-01 { width: 49px; height: 49px; background-position: -456px -388px; }

.icon-safety-02 { width: 61px; height: 62px; background-position: -231px -450px; }

.icon-safety-03 { width: 47px; height: 48px; background-position: -360px -450px; }

.icon-safety-04 { width: 58px; height: 58px; background-position: -297px -450px; }

.icon-strong-01 { width: 98px; height: 98px; background-position: -206px -250px; }

.icon-strong-02 { width: 98px; height: 98px; background-position: -103px -250px; }

.icon-strong-03 { width: 98px; height: 98px; background-position: 0px -250px; }

.icon-strong-04 { width: 98px; height: 98px; background-position: -353px -206px; }

.hover-item:hover .icon-wb, .icon-wb:hover { width: 24px; height: 24px; background-position: -411px -309px; }

.icon-wb { width: 24px; height: 24px; background-position: -382px -309px; }

.hover-item:hover .icon-wx, .icon-wx:hover { width: 24px; height: 24px; background-position: -353px -309px; }

.icon-wx { width: 24px; height: 24px; background-position: -510px -388px; }

.icon-quick,.icon-static { margin: 0; width: 60px; height: 60px;}

.icon-quick {  background-image: url('images/icon-quick.jpg');}

.icon-static {  background-image: url('images/icon-static.jpg');}

* { margin: 0; padding: 0; -webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: transparent; -webkit-box-sizing: border-box; box-sizing: border-box; }

* { -webkit-transition: color 0.15s ease-out, background-color 0.15s ease-out; transition: color 0.15s ease-out, background-color 0.15s ease-out; }

html { height: 100%; }

body { position: relative; min-width: 1200px; min-height: 100%; font: 400 12px "苹方 常规","Microsoft Yahei", Tahoma, "Lucida Grande", Verdana, STXihei, hei; background-color: #fff; color: #000; }

h1, h2, h3, h4, h5, h6 { font-weight: 400; }

dl, li, ol, ul { list-style: none; }

a { color: #000; text-decoration: none; }

a, a:active, a:focus, a:hover, button, button:focus, input:focus, textarea:focus { outline: none; text-decoration: none; }

:focus, input { outline: none; }

*:after, *:before, .box, input, textarea { -webkit-box-sizing: border-box; box-sizing: border-box; }

input:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px #fff inset !important; }

.red { margin-left: 5px; margin-right: 5px; color: #f00; }

.blue { margin-left: 5px; margin-right: 5px; color: #4b69d2; }

.floatL { float: left; }

.floatR { float: right; }

.center { text-align: center; }

.right { text-align: right; }

.mt22 { margin-top: 22px; }

.mb21 { margin-bottom: 21px; }

img { height: auto; border: 0 none; }

b, em, i, s { font-weight: 400; font-style: normal; }

.clear { clear: both; display: block; visibility: hidden; overflow: hidden; width: 0; height: 0; }

.clearfix:after, .clearfix:before { display: block; visibility: hidden; overflow: hidden; width: 0; height: 0; content: '.'; font-size: 0; line-height: 0; }

.clearfix:after { clear: both; }

.clearfix { zoom: 1; }

.f-nowrap { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.wrap { overflow: hidden; }

/*辅助类*/
.container { position: relative; margin: 0 auto; width: 1200px; }

.container.static { position: static; }
/**/
.hint-panel { position: fixed; left: 0; right: 0; top: -40px; z-index: 1000; opacity: 0; height: 32px; line-height: 32px; text-align: center; font-size: 14px; color: #8a6d3b; background-color: #fcf8e3; -webkit-transition: all 0.7s ease-out 0.5s; transition: all 0.7s ease-out 0.5s; }

.hint-panel.show { top: 0; opacity: 1; }

/*****动画*******/
.fadein { -webkit-transition: opacity 0.7s cubic-bezier(0.25, 0.46, 0.33, 0.98), -webkit-transform 0.7s cubic-bezier(0.25, 0.46, 0.33, 0.98); transition: opacity 0.7s cubic-bezier(0.25, 0.46, 0.33, 0.98), -webkit-transform 0.7s cubic-bezier(0.25, 0.46, 0.33, 0.98); transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.33, 0.98), opacity 0.7s cubic-bezier(0.25, 0.46, 0.33, 0.98); transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.33, 0.98), opacity 0.7s cubic-bezier(0.25, 0.46, 0.33, 0.98), -webkit-transform 0.7s cubic-bezier(0.25, 0.46, 0.33, 0.98); }

.contain .trans-delay-1 { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; }

.contain .trans-delay-2 { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; }

.contain .trans-delay-4 { -webkit-transition-delay: 0.4s; transition-delay: 0.4s; }

.header { display: block; width: 100%; min-width: 1200px; background-color: #fff; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }

.header .menubar { height: 80px; overflow: hidden; }

.header .menubar .container, .header .menubar .navigation, .header .menubar .navigation > ul { height: 100%; }

.header .hd-logo { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.header .hd-login { float: right; margin-left: 50px; margin-top: 17px; padding-left: 16px; padding-right: 16px; display: block; height: 46px; line-height: 46px; letter-spacing: 1px; text-align: center; font-size: 16px; color: #4b69d2; border: 1px solid #4b69d2; }

.header .hd-login:hover { color: #fff; border: 1px solid #4b69d2; background-color: #4b69d2; }

.header .hd-login .icon { margin-top: -2px; margin-left: 5px; }

.navigation { float: right; }

.navigation li { float: left; top: 50%; }

.navigation a { display: block; padding-left: 20px; padding-right: 20px; line-height: 80px; text-align: center; font-size: 16px; color: #000; }

.navigation a span { position: relative; display: inline-block; padding-left: 10px; padding-right: 10px; }

.navigation a span::before { content: ''; position: absolute; top: 0; left: -webkit-calc(49.375%); left: calc(49.375%); width: 0; height: 2px; opacity: 1; background-color: #57a9f5; -webkit-transition: all 0.15s ease-out; transition: all 0.15s ease-out; }

.navigation li.active a, .navigation li:focus a, .navigation li:hover a { color: #4b69d2; }

.navigation li.active a span::before, .navigation li:focus a span::before, .navigation li:hover a span::before { width: 90%; left: 5%; background-color: #4b69d2; }

.navigation a:hover::before { width: 100%; }

.header.sticky { position: absolute; top: 0; left: 0; right: 0; z-index: 999; background-color: transparent; }

.header.sticky .hd-login { color: #fff; border-color: #fff; }

.header.sticky .hd-login:hover { color: #fff; border: 1px solid #4b69d2; background-color: #4b69d2; }

.header.sticky .hd-login .icon { background: url("images/arrowRW.png") no-repeat center; }

.header.sticky .navigation a { color: #4b69d2; }

.header.sticky .navigation li.active a, .header.sticky .navigation li:focus a, .header.sticky .navigation li:hover a { color: #fff; }

.header.sticky .navigation li.active a span::before, .header.sticky .navigation li:focus a span::before, .header.sticky .navigation li:hover a span::before { width: 90%; left: 5%; background-color: #fff; }

.header-spacer { height: 80px; }

.footer { display: block; height: 195px; line-height: 14px; min-width: 1200px; color: #999999; background-color: #282828; }

.footer a { color: #999999; }

.footer a:hover { color: #ccc; }


.footer .footer-related { position: relative; padding-top: 24px; padding-bottom: 20px; min-height: 93px; font-size: 14px; border-bottom: 1px solid #5d5d5d; }

.footer .footer-related .related-link { line-height: 47px; }

.footer .footer-related .related-code { position: absolute; right: 0; top: 24px; }

.footer .footer-related .related-code .icon { position: relative; margin-left: 20px; }

.footer .footer-related .related-code .code-wx { top: -130px; margin-left: 12px; }

.footer .footer-related .related-code .icon-wx:hover .code-wx { display: block; }

.footer .footer-related .related-link a { padding-left: 10px; padding-right: 10px; background: url("images/line.png") no-repeat right center; }

.footer .footer-related .related-link a:first-child { padding-left: 0; }

.footer .footer-related .related-link a:last-child { background-image: none; }

.footer .footer-copy { padding-top: 27px; font-size: 12px; }

.footer .footer-copy .copy-more a { padding-left: 25px; padding-right: 25px; background: url("images/line.png") no-repeat right center; }

.footer .footer-copy .copy-more span { padding-left: 25px; padding-right: 25px; }

.footer .footer-copy .copy-more a:last-child { padding-right: 0; background-image: none; }

.code-wx { display: none; position: absolute; z-index: 10; padding: 4px; width: 110px; height: 110px; border-radius: 3px; background-color: #fff; -webkit-box-shadow: -6px -6px 16px rgba(128, 198, 224, 0.4); box-shadow: -6px -6px 16px rgba(128, 198, 224, 0.4); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }

.code-wx::before { content: ''; position: absolute; left: 50%; bottom: -12px; width: 0; height: 0; border-left: 10px solid transparent; border-top: 16px solid #fff; border-right: 10px solid transparent; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.code-wx > img { width: 100px; }

.aside-bar { position: fixed; right: 17px; bottom: 210px; z-index: 10; }

.aside-bar .top-btn, .aside-bar .top-code,.aside-bar .top-customer { width: 50px; height: 50px; cursor: pointer; background-repeat: no-repeat; background-position: center; background-color: #878787; border-radius: 3px; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }

.aside-bar .top-btn:hover, .aside-bar .top-code:hover,.aside-bar .top-customer:hover { background-color: #494949;}

.aside-bar .top-btn { display: block; background-image: url("images/arrow-top.png") ; background-color: #878787; }

.aside-bar .top-code { margin-top: 8px; background-image: url("images/top-code.png") ; background-color: #878787; }

.aside-bar .top-customer { margin-top: 8px; background-image: url("images/top-customer.png") ; background-color: #878787; }

.aside-bar .top-code:hover .code-wx { display: block; }

.aside-bar .top-code .code-content { position: relative; }

.aside-bar .top-code .code-content .code-wx { left: -80px; margin-top: -25px; top: auto; -webkit-box-shadow: 6px 6px 18px rgba(128, 198, 224, 0.4); box-shadow: 6px 6px 18px rgba(128, 198, 224, 0.4); }

.aside-bar .top-code .code-content .code-wx::before { content: ''; display: none; }

.aside-bar .top-customer a{ display: block; height: 100%;}

.aside-bar .top-info{ display: block; margin-top: 8px; background-image: url("images/info.png"); }

.aside-bar .top-info:hover,.top-info.active{ background-color: #f7827e; }

#alertFram .modal-dialog, #conFram .modal-dialog { position: relative; text-align: center; width: 100%; height: 100%; }

#alertFram .modal-content, #conFram .modal-content { position: absolute; left: 50%; top: 30%; width: 345px; height: 195px; text-align: center; font-size: 14px; color: #fff; overflow: hidden; border-radius: 3px; background-color: #4b69d2; -webkit-transform: translate(-50%, -30%); -ms-transform: translate(-50%, -30%); transform: translate(-50%, -30%); }

#alertFram .modal-content .close, #conFram .modal-content .close { position: absolute; right: 0; top: 0; width: 38px; height: 32px; text-indent: -999px; cursor: pointer; border: none; background: url("images/close-modal.png") no-repeat center; background-color: transparent; }

#alertFram .modal-body, #conFram .modal-body { position: relative; top: 50%;  padding:20px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

#alertFram .btn, #conFram .btn { margin-top: 30px; width: 103px; height: 40px; line-height: 40px; font-size: 14px; border-radius: 3px; }

#alertFram .btn-default, #conFram .btn-default { color:#4b69d2; border-color: #fff; background-color: #fff; }

#alertFram .btn-cancle, #conFram .btn-cancle { margin-left: 15px; color: #fff; border: 1px solid #fff; background-color: #4b69d2; }

.banner-wrap { position: relative; width: 100%; min-width: 1200px; height: 635px; overflow: hidden; background-repeat: no-repeat; background-position: center; }

.banner-wrap.page { height: 464px; }

.banner-wrap.banner-article { height: 112px; }

.banner-wrap .banner-canvas { position: relative; width: 10000px; height: 100%; overflow: hidden; }

.banner-wrap .banner-canvas .banner-item { float: left; position: relative; text-align: center; width:1920px; min-width: 1200px; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; }

.banner-wrap .banner-canvas .banner-item>a { display: block; position: relative;  width:100%; min-width: 1200px; height: 100%; }

.banner-wrap .container { height: 100%; }

.banner { position: relative; /*上一页，下一页*/ /*指示器*/ }

.banner .banner-next, .banner .banner-prev { position: absolute; top: 50%; width: 72px; height: 72px; cursor: pointer; border-radius: 50%; background-color: rgba(0, 0, 0, 0.3); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.banner .banner-next:hover, .banner .banner-prev:hover { background-color: rgba(0, 0, 0, 0.75); }

.banner .banner-next { right: 30px; }

.banner .banner-prev { left: 30px; }

.banner .banner-indicator { position: absolute; bottom: 20px; left: 50%; text-align: center; z-index: 50; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.banner .banner-indicator span { cursor: pointer; display: inline-block; margin-right: 10px; width: 11px; height: 11px; overflow: hidden; border: 1px solid #fff; border-radius: 50%; }

.banner .banner-indicator span:last-child { margin-right: 0; }

.banner .banner-indicator span.active { border-color: #4b69d2; background-color: #4b69d2; }

.banner-word .u-theme { font-weight: normal; font-size: 25.5px; color: #fff; }

.banner-word .u-theme > span { display: inline-block; padding-bottom: 12px; border-bottom: 2px solid #fff; }

.banner-word .u-theme .u-blue { margin-right: 1px; border-bottom-color: #4b69d2; }

.banner-word .small { margin-top: 12px; font-size: 15.7px; color: #fff; }

.banner-word .small > span { margin-left: 5px; margin-right: 5px; }

.banner-home .container { padding-top: 80px; height: 100%; }

.banner-home .banner-content { margin-top: 117px; width: 335px; }

.banner-home .banner-content .btn-bar { margin-top: 60px; }

.banner-home .banner-img { float: right; position: relative; margin-top: 20px; margin-right: -150px; }

.banner-home .banner-img .label { position: absolute; left: 105px; top: 80px; width: 44px; height: 80px; }

.banner-home .banner-code { float: right; margin-right: 160px; margin-top: 95; font-size: 17px; color: #fff; }

.banner-home .banner-code > img { margin-bottom: 3px; }

.banner-home .banner-code .u-small { margin-top: 2px; font-size: 16px; color: rgba(255, 255, 255, 0.3); }

.banner-home .code-box { position: absolute; left: 20px; bottom: 52px; background: #fff; }

.banner-home .code-box img{ width: 162px; }

.word-list { overflow: hidden; }

.word-list li { float: left; width: 50%; line-height: 48px; font-size: 36px; color: #fff; }

.banner03 .word-list { padding-top: 10px; overflow: inherit; }

.banner03 .word-list li { float: none; width: auto; text-align: left; }

.banner03 .banner-img { margin-top: 108px; margin-right: 133px; }

.banner03 .banner-img > div { display: inline-block; }

.banner03 .banner-img .img { position: relative; top: -96px; margin-right: 160px; }

.banner03 .banner03-label { position: absolute; right: 298px; bottom: 166px; }

.banner03 .banner03-label0 { position: absolute; left: 78px; bottom: 295px; }

.login-section{ position: absolute; left: 50%; top: 0; bottom: 0; width: 1348px; transform: translateX(-50%);}
.login-section .login-contarin{ position: relative; width: 100%; height: 100%;}
.login-box{ position: absolute; top:132px; right: 10px; width: 350px; height: 465px; font-size: 0; background: #fff; border-radius: 10px; }
.login-box .login-body {position: relative; width: 100%; height: 100%; text-align: center; overflow: hidden;}
.login-box .login-title {font-size: 24px; background: #fff;}
.login-box .loginWX{ position: relative;}
.login-box .loginWX .login-title {margin-top: 65px;}
.login-box .loginWX .u-icon { position: absolute; margin-top:-10px; margin-left:-3px; top: 122px; left: 50%;  width:64px; height:64px;  background: url("images/icon-logo.png") no-repeat right center;-webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
.login-box .loginWX .u-title{ margin-top: -143px; font-size: 14px; color: #888;}
.login-box .login-switch { position: absolute; right: 0; top: 0; width: 60px; height: 60px; font-size: 0; cursor: pointer; }
.login-box .login .login-title { margin-top: 50px; }
.login-box .login .form-wrap{ margin-top: 30px; width: 280px; text-align: left;}
.login-box .login .form-wrap .form-group{ margin-bottom: 25px;}
.account { margin: auto; padding: 56px 32px 0; }
.account .account-avatar  .img { display: inline-block; width: 92px; height: 92px;  border-radius: 50%;  background: #b8e0ea;}
.account .account-name { margin-top: 18px; font-size: 17px; }
.account .account-integral { margin-top: 8px; font-size: 14px; color: #888; }
.account .account-integral .el-button { display: block; margin: 20px auto 0; padding: 6px 0;  width: 72px; font-size: 13px; }
.account .account-btn { margin-top: 66px; }

.default-page .page-theme { padding-top: 73px; text-align: center; }

.default-page .page-theme .theme-title { display: inline-block; padding-bottom: 17px; background: url("images/page-theme-line.png") no-repeat bottom center; }

.default-page .page-theme .themt-large { margin-bottom: 2px; font-size: 30px; color: #4b69d2; letter-spacing: 3px; }

.default-page .page-theme .theme-small { font-size: 12px; color: #333; }

.default-page .page-specialty { height: 864px; background-color: #fff; }

.default-page #index-deploy-content { margin: 46px auto 0; font-size: 0; text-align: center; }

.default-page .circle-wheel, .default-page .index-deploy-left, .default-page .index-deploy-right { display: inline-block; vertical-align: top; }

.default-page .index-deploy-left { width: 370px; }

.default-page .deploy-detail-private, .default-page .deploy-detail-public { margin-top: 30px; }

.default-page .deploy-detail-exclusive { margin-top: 214px; }

.default-page .deploy-detail-overseas { margin-top: 186px; }

.default-page .index-deploy .deploy-detail-title { display: inline-block; font-size: 18px; color: #111; font-weight: bold; margin-bottom: 9px; }

.default-page .index-deploy-item { display: inline-block; }

.default-page .index-deploy .index-deploy-item:hover h3, .default-page .index-deploy .index-deploy-item:hover p { color: #4b69d2; }

.default-page .index-deploy .deploy-detail-content { font-size: 16px; color: #7f8699; letter-spacing: 0.5px; line-height: 26px; }

.default-page .index-deploy-right { width: 352px; }

.default-page .index-deploy-right .index-deploy-detail { text-align: left; }

.default-page .index-deploy-left .index-deploy-detail { text-align: right; }

.default-page .index-deploy .circle-wheel { width: 470px; height: 455px; margin: 8px 4px 0; background: url("images/rotate-circle.png") no-repeat center; }

.default-page .circle-wheel .circle-wheel-outer { width: 480px; height: 465px; padding: 30px; }

.default-page .circle-wheel .rotate-circle { width: 430px; height: 420px; background-size: 360px auto; position: absolute; /*animation: rotate-circle 60s linear infinite;*/ }

.default-page .rotate-circle.pause { -webkit-animation-play-state: paused; animation-play-state: paused; }

@-webkit-keyframes rotate-circle { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } }

@keyframes rotate-circle { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } }

.default-page .direct-line { position: relative; width: 360px; height: 320px; margin: 30px; background-repeat: no-repeat; background-position: center; -webkit-transition: background 0.5s ease-in-out; transition: background 0.5s ease-in-out; }

.default-page .direct-img { position: absolute; left: 0; right: 0; top: 50%; bottom: 0; margin-top: -8px; width: 100%; text-align: center; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.default-page .direct-line .line { width: 0; height: 2px; background: #eaeaea; position: absolute; transform-origin: top left; -ms-transform-origin: top left; -webkit-transform-origin: top left; text-indent: -9999px; }

.default-page .direct-line .point { position: absolute; display: inline-block; width: 22px; height: 22px; background-image: url("images/blue-point.gif"); background-size: 22px auto; background-repeat: no-repeat; text-indent: -9999px; opacity: 0; }

.default-page .deploy-index-0 .direct-line .point { top: -37px; left: -60px; -webkit-animation: point0 0.1s linear 1.4s; animation: point0 0.1s linear 1.4s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }

.default-page .deploy-index-1 .direct-line .point { top: 235px; left: -106px; -webkit-animation: point1 0.1s linear 1.4s; animation: point1 0.1s linear 1.4s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }

.default-page .deploy-index-2 .direct-line .point { top: 220px; right: -102px; -webkit-animation: point2 0.1s linear 1.4s; animation: point2 0.1s linear 1.4s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }

.default-page .deploy-index-3 .direct-line .point { top: -36px; right: -44px; -webkit-animation: point3 0.1s linear 1.4s; animation: point3 0.1s linear 1.4s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }

.default-page .deploy-index-0 .direct-line .line1 { -webkit-animation: pubLine1 0.5s linear; animation: pubLine1 0.5s linear; top: 43px; right: 265px; -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top right; -ms-transform-origin: top right; transform-origin: top right; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }

.default-page .deploy-index-0 .direct-line .line2 { -webkit-animation: pubLine2 0.3s linear 0.8s; animation: pubLine2 0.3s linear 0.8s; top: -28px; right: 307px; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }

.default-page .deploy-index-1 .direct-line .line1 { -webkit-animation: excLine1 0.5s linear; animation: excLine1 0.5s linear; top: 163px; right: 331px; -webkit-transform-origin: top right; -ms-transform-origin: top right; transform-origin: top right; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }

.default-page .deploy-index-1 .direct-line .line2 { -webkit-animation: excLine2 0.3s linear 0.8s; animation: excLine2 0.3s linear 0.8s; top: 162px; right: 399px; -webkit-transform: rotate(-55deg); -ms-transform: rotate(-55deg); transform: rotate(-55deg); -webkit-transform-origin: top right; -ms-transform-origin: top right; transform-origin: top right; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }

.default-page .deploy-index-2 .direct-line .line1 { -webkit-animation: priLine1 0.5s linear; animation: priLine1 0.5s linear; top: 157px; left: 335px; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }

.default-page .deploy-index-2 .direct-line .line2 { -webkit-animation: priLine2 0.3s linear 0.8s; animation: priLine2 0.3s linear 0.8s; top: 156px; left: 402px; -webkit-transform: rotate(55deg); -ms-transform: rotate(55deg); transform: rotate(55deg); -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }

.default-page .deploy-index-3 .direct-line .line1 { -webkit-animation: oveLine1 0.5s linear; animation: oveLine1 0.5s linear; top: 42px; left: 265px; -webkit-transform: rotate(-54deg); -ms-transform: rotate(-54deg); transform: rotate(-54deg); -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }

.default-page .deploy-index-3 .direct-line .line2 { -webkit-animation: oveLine2 0.3s linear 0.8s; animation: oveLine2 0.3s linear 0.8s; top: -26px; left: 314px; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }

@-webkit-keyframes point0 { 100% { opacity: 1; } }

@keyframes point0 { 100% { opacity: 1; } }

@-webkit-keyframes point1 { 100% { opacity: 1; } }

@keyframes point1 { 100% { opacity: 1; } }

@-webkit-keyframes point2 { 100% { opacity: 1; } }

@keyframes point2 { 100% { opacity: 1; } }

@-webkit-keyframes point3 { 100% { opacity: 1; } }

@keyframes point3 { 100% { opacity: 1; } }

@-webkit-keyframes pubLine1 { 100% { width: 83px; } }

@keyframes pubLine1 { 100% { width: 83px; } }

@-webkit-keyframes pubLine2 { 100% { width: 93px; } }

@keyframes pubLine2 { 100% { width: 93px; } }

@-webkit-keyframes excLine1 { 100% { width: 67px; } }

@keyframes excLine1 { 100% { width: 67px; } }

@-webkit-keyframes excLine2 { 100% { width: 95px; } }

@keyframes excLine2 { 100% { width: 95px; } }

@-webkit-keyframes priLine1 { 100% { width: 69px; } }

@keyframes priLine1 { 100% { width: 69px; } }

@-webkit-keyframes priLine2 { 100% { width: 86px; } }

@keyframes priLine2 { 100% { width: 86px; } }

@-webkit-keyframes oveLine1 { 100% { width: 85px; } }

@keyframes oveLine1 { 100% { width: 85px; } }

@-webkit-keyframes oveLine2 { 100% { width: 70px; } }

@keyframes oveLine2 { 100% { width: 70px; } }

.default-page .page-function { height: 612px;  background-repeat: no-repeat; background-position: top center; }

.page-function .function-theme { padding-top: 118px; }

.page-function .function-theme .theme-small { font-size: 20px; color: #fff; }

.page-function .function-infos { margin-top: 28px; text-align: center; font-size: 16px; color: #fff; }

.page-function .function-point { margin-top: 94px; margin-left: 130px; }

.page-function .function-point .point { float: left; margin-right: 189px; width: 98px; text-align: center; }

.page-function .function-point .point:last-child { margin-right: 0; }

.page-function .function-point .point .icon { display: inline-block; width: 98px; height: 98px; border-radius: 50%; background-color: #6d80bb; }

.page-function .function-point .point .point-title { margin-top: 5px; font-size: 16px; color: #fff; }

.default-page .page-news { height: 703px; background-color: #f1f1f1; }

.page-news .news-content { margin-top: 42px; }

.page-news .news-content .lump { float: left; margin-right: 13px; height: 383px; }

.page-news .news-content .lump .item { position: relative; top: 0; -webkit-transition: all 0.3s; transition: all 0.3s; }

.page-news .news-content .lump .item:hover { top: -3px; -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); }

.page-news .news-content .lump .item:hover .item-title { color: #4b69d2; }

.page-news .news-content .lump .item-img { overflow: hidden; background: #ccc; }

.page-news .news-content .lump .item-title { padding-left: 20px; font-size: 16px; color: #333; }

.page-news .news-content .lump:last-child { margin-right: 0; }

.page-news .news-content .lump.lump-one { width: 527px; background-color: #fff; }

.page-news .news-content .lump.lump-one .item-img { width: 527px; height: 300px; }

.page-news .news-content .lump.lump-one .item-title { height: 85px; line-height: 85px; }

.page-news .news-content .lump.lump-two { width: 247px; }

.page-news .news-content .lump.lump-two .item { margin-bottom: 12px; background-color: #fff; }

.page-news .news-content .lump.lump-two .item-img { width: 247px; height: 120px; }

.page-news .news-content .lump.lump-two .item-title { padding-top: 10px; height: 66px; }

.page-news .news-content .lump.lump-three { width: 398px; background: url("images/news-lists-bg.jpg") no-repeat center; }

.page-news .news-more { margin-top: 60px; text-align: center; }

.page-news .news-more > a { position: relative; display: inline-block; width: 180px; height: 40px; line-height: 40px; text-align: center; font-size: 16px; color: #333; background-color: #fff; }

.page-news .news-more > a::after { content: ''; display: inline-block; margin-left: 15px; margin-top: -3px; width: 0; height: 0; border-top: 4px solid transparent; border-left: 8px solid #5a5a5a; border-bottom: 4px solid transparent; vertical-align: middle; }

.page-news .news-more > a:hover { color: #fff; background-color: #4b69d2; }

.page-news .news-more > a:hover::after { border-left-color: #fff; }

.lumpnews-lists { margin: 36px 25px 0 35px; }

.lumpnews-lists > li { margin-bottom: 17px; font-size: 14px; color: #fff; }

.lumpnews-lists > li a { position: relative; display: block; padding-left: 18px; color: #fff; }

.lumpnews-lists > li a::before { content: ''; position: absolute; left: 0; top: 4px; width: 7px; height: 7px; background-color: #3baae8; }

.lumpnews-lists > li a:hover { color: #4b69d2; }

.lumpnews-lists > li .f-nowrap { margin-right: 80px;}

.lumpnews-lists > li .date { float: right; }

.default-page .page-FAQ { height: 614px;  background-repeat: no-repeat; background-position: center;}

.page-FAQ .page-theme .theme-small { color: #fff; }

.page-FAQ .banner .banner-next, .default-page .page-FAQ .banner .banner-prev { position: absolute; top: 50%; width: 27px; height: 37px; cursor: pointer; background-repeat: no-repeat; background-position: center; border-radius: 0; background-color: transparent; }

.page-FAQ .banner .banner-next { right: 0; background-image: url("images/faq-next.png"); }

.page-FAQ .banner .banner-prev { left: 0; background-image: url("images/faq-prev.png"); }

.page-FAQ .banner-indicator { bottom: -60px; }

.FAQ-banner { margin: 79px auto 0; width: 1146px; min-width: 0; height: auto; }

.FAQ-banner .banner-canvas { height: auto; text-align: center; }

.FAQ-banner .banner-canvas .banner-item { min-width: 1146px; height: auto; }

.FAQ-banner .item { position: relative; display: inline-block; margin-right: 18px; padding: 59px 13px 20px 23px; width: 259px; height: 267px; text-align: left; cursor: pointer; border-radius: 3px; border: 1px solid #fff; background-repeat: no-repeat; background-position: top right; background-color: #fff; overflow: hidden; }

.FAQ-banner .item:nth-child(4n) { margin-right: 0; }

.FAQ-banner .item.bg1 { background-image: url("images/banner-item-bg1.jpg"); }

.FAQ-banner .item.bg2 { background-image: url("images/banner-item-bg2.jpg"); }

.FAQ-banner .item.bg3 { background-image: url("images/banner-item-bg3.jpg"); }

.FAQ-banner .item.bg4 { background-image: url("images/banner-item-bg4.jpg"); }

.FAQ-banner .item.bg5 { background-image: url("images/banner-item-bg5.jpg"); }

.FAQ-banner .item.bg6 { background-image: url("images/banner-item-bg6.jpg"); }

.FAQ-banner .item.bg7 { background-image: url("images/banner-item-bg7.jpg"); }

.FAQ-banner .item.bg8 { background-image: url("images/banner-item-bg8.jpg"); }

.FAQ-banner .item .item-title { font-size: 18px; color: #4b69d2; }

.FAQ-banner .item .item-infos { position: relative; margin-top: 21px; margin-right: -30px; padding-right: 20px; padding-bottom:20px; font-size: 14px; height: 135px; overflow-y: scroll; overflow-x: hidden;  }

.FAQ-banner .item-bg{position: absolute; left: 0; right: 0; bottom:0; height:57px;  background: url("images/item-bg.png") no-repeat bottom center;}

.default-page .page-strong { height: 494px;  }

.page-strong .page-theme { padding-top: 54px; font-size: 32px; color: #111111; }

.page-strong .strong-items { margin: 62px 56px 0; }

.page-strong .strong-items .item-one, .default-page .page-strong .strong-items .item-three { float: left; }

.page-strong .strong-items .item { overflow: hidden; }

.page-strong .strong-items .item .item-content { margin-top: 15px; width: 130px; }

.page-strong .strong-items .item .item-content .item-title { font-size: 18px; color: #111; }

.page-strong .strong-items .item .item-content .item-num { margin-top: 5px; font-size: 28px; color: #000; }

.page-strong .strong-items .item.item-code { float: left; position: relative; margin-top: -32px; width: 586px; text-align: center; font-size: 16px; }

.page-strong .strong-items .item.item-code > img { width: 188px; margin-bottom: 10px; }

.page-strong .strong-items .item.item-code .u-icon { position: absolute; margin-top: 12px; margin-left: -4px; top: 50%; left: 50%; width: 64px; height: 64px; background: url(images/icon-logo.png) no-repeat right center;  -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);   transform: translate(-50%, -50%);}

.page-strong .strong-items .item.item-code .u-title { margin-top:-90px; }

.page-strong .strong-items .item.item-L { margin-bottom: 90px; }

.page-strong .strong-items .item.item-L .icon { float: right; }

.page-strong .strong-items .item.item-L .item-content { margin-right: 120px; text-align: right; }

.page-strong .strong-items .item.item-R { margin-bottom: 90px; }

.page-strong .strong-items .item.item-R .icon { float: left; }

.page-strong .strong-items .item.item-R .item-content { margin-left: 120px; text-align: left; }

.page-strong .strong-code { text-align: center; }

.code-bg { position: absolute; bottom: 90px; left: 0; right: 0; z-index: 10; width: 100%; height: 350px; text-align: center; }

.product-section { text-align: center; }

.product-section > section { display: block; overflow: hidden; }

.product-section .section-theme { margin-top: 64px; }

.product-section .section-theme .u-title { font-size: 36px; }

.product-section .section-theme .u-infos { margin-top: 25px; line-height: 28px; font-size: 16px; color: #333; }

.section-database .container { height: 707px; }

.section-database .section-img { position: absolute; bottom: 60px; left: 0; right: 0; text-align: center; z-index: -1; }

.section-database .database-list { margin-top: 225px; margin-left: -138px; }

.section-database .database-list .item { display: inline-block; width: 181px; text-align: center; }

.section-database .database-list .item .u-icon { margin: 0 auto; padding-top: 11px; width: 92px; height: 92px; font-size: 24px; color: #fff; }

.section-arithmetic { background-color: #f6f6f6; }

.section-arithmetic .container { height: 720px; }

.section-arithmetic .section-theme { margin-top: 71px; }

.section-arithmetic .section-img { position: absolute; left: -98px; bottom: 108px; text-align: center; }

.section-arithmetic .section-img .u-content { position: relative; width: 100%; height: 100%; }

.section-arithmetic .section-img .u-word { position: absolute; width: 152px; }

.section-arithmetic .section-img .u-word .u-content { position: absolute; z-index: -1; left: -2px; top: -19px; width: 156px; height: 74px; }

.section-arithmetic .section-img .u-word .u-line { margin-top: 34px; height: 153px; background: url("images/line-bg.jpg") repeat-y center 54px; }

.section-arithmetic .section-img .u-word label { position: absolute; top: 0; left: 14px; z-index: 2; display: inline-block; width: 115px; height: 34px; line-height: 34px; text-align: center; font-size: 16px; color: #fff; }

.section-arithmetic .section-img .u-word1 { left: 540px; top: -46px; }

.section-arithmetic .section-img .u-word2 { right: 456px; top: -110px; }

.section-mechanism { height: 697px; }

.section-mechanism .section-theme { margin-top: 118px; }

.section-mechanism .section-img { position: relative; margin-top: 123px; padding-left: 62px; text-align: left; }

.section-mechanism .section-img .round { position: absolute; top: 50%; display: inline-block; margin-top: -18px; border-radius: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transform-origin: 0 0% !important; -ms-transform-origin: 0 0% !important; transform-origin: 0 0% !important; }

.section-mechanism .section-img .round-01 { right: 443px; width: 4px; height: 23px; background-color: rgba(243, 89, 87, 0.5); }

.section-mechanism .section-img .round-02 { right: 440px; width: 10px; height: 50px; background-color: rgba(243, 89, 87, 0.5); }

.section-mechanism .section-img .round-03 { right: 417px; width: 22px; height: 85px; background-color: rgba(243, 89, 87, 0.4); }

.section-mechanism .section-img .round-04 { right: 382px; width: 33px; height: 128px; background-color: rgba(243, 89, 87, 0.3); }

.section-mechanism .section-img .round-05 { right: 345px; width: 47px; height: 150px; background-color: rgba(243, 89, 87, 0.2); }

.section-mechanism .section-img .round-06 { right: 278px; width: 84px; height: 208px; background-color: rgba(243, 89, 87, 0.15); }

.section-mechanism .section-img .round-07 { right: 194px; width: 104px; height: 279px; background-color: rgba(243, 89, 87, 0.15); }

.section-report { height: 672px; background: url("images/section-report-bg.jpg") no-repeat center; }

.section-report .section-theme { margin-top: 122px; }

.section-report .report-lists { margin: 122px 125px 0; }

.section-report .report-lists > li { float: left; width: 25%; }

.section-report .report-lists > li .u-icon { width: 120px; height: 120px; line-height: 92px; text-align: center; font-size: 24px; color: #fff; }

.section-selfbuilt { height: 720px; }

.section-selfbuilt .section-theme { margin-top: 73px; }

.section-selfbuilt .section-img { position: relative; margin-top: 58px; }

.section-selfbuilt .u-content { position: absolute; bottom: 300px; left: 380px; width: 64px; height: 64px; line-height: 64px; text-align: center; font-size: 14px; color: #fff; background: url("images/selfbuilt-bg.png") no-repeat center; }

.section-selfbuilt .u-format { position: absolute; width: 62px; height: 62px; }

.section-selfbuilt .u-format.format1 { right: 294px; top: 39px; }

.section-selfbuilt .u-format.format2 { right: 243px; top: 186px; }

.section-selfbuilt .u-format.format3 { right: 258px; bottom: 68px; }

.section-efficiency { height: 720px; background: url("images/efficiency-bg.jpg") no-repeat center right; }

.section-efficiency .section-img { position: relative; }

.section-efficiency .section-img .u-dot { position: absolute; width: 29px; height: 29px; background: url("images/dot.png") no-repeat center; }

.section-efficiency .section-img .dot0 { left: 458px; bottom: 160px; }

.section-efficiency .section-img .dot1 { left: 448px; bottom: 190px; }

.section-efficiency .section-img .dot2 { left: 446px; bottom: 220px; }

.section-efficiency .section-img .dot3 { bottom: 251px; left: 451px; }

.section-efficiency .section-img .dot4 { bottom: 242px; left: 480px; }

.section-efficiency .section-img .u-word { position: absolute; left: 50%; top: 50%; padding-top: 76px; width: 190px; height: 190px; font-family: '苹方 细体'; font-size: 36px; overflow: hidden; border-radius: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.section-safety { position: relative; height: 733px; }

.section-safety .section-bg { position: absolute; left: 0; top: 0; z-index: -1; width: 100%; height: 100%; background-color: #f6f6f6; }

.section-safety .section-img { position: absolute; left: 50%; top: 32px; z-index: -1; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.section-safety .section-img .u-content { position: relative; width: 100%; height: 100%; }

.section-safety .section-img .icon { position: absolute; }

.section-safety .section-img .icon-safety-01 { right: 235px; top: 192px; }

.section-safety .section-img .icon-safety-02 { left: 146px; top: 223px; }

.section-safety .section-img .icon-safety-03 { right: 118px; top: 336px; }

.section-safety .section-img .icon-safety-04 { bottom: 123px; right: 250px; }

.banner-news .banner-word { margin-top: 157px; margin-left: 23px; }

.banner-contactus .banner-word { margin: 140px auto 0; text-align: center; }

.tab-bar { margin-top: 58px; height: 68px; text-align: center; }

.tab-bar .btn-tab { display: inline-block; margin-right: 16px; width: 242px; height: 68px; line-height: 68px; text-align: center; font-size: 18px; cursor: pointer; border: none; background-color: #d3d3d3; }

.tab-bar .btn-tab.current, .tab-bar .btn-tab:hover { color: #fff; background-color: #4b69d2; }

.tab-bar .btn-tab.current *, .tab-bar .btn-tab:hover * { color: #fff;  }

.tab-bar .btn-tab:last-child { margin-right: 0; }

.news-content .news-more { margin-top: 38px; margin-bottom: 43px; text-align: center; }

.news-content .news-more .btn-more { display: inline-block; width: 214px; height: 54px; line-height: 54px; text-align: center; font-size: 18px; cursor: pointer; border: 1px solid #999; background-color: #fff; }

.news-content .news-more .btn-more:hover { color: #fff; border-color: #4b69d2; background-color: #4b69d2; }

.news-lists { margin-top: 65px; }

.news-lists .item { padding-top: 33px; padding-bottom: 44px; border-bottom: 1px solid #e2e2e2; overflow: hidden; }

.news-lists .item:last-child { border-bottom-style: none; }

.news-lists .item .item-img { float: left; width: 280px; height: 175px; overflow: hidden; background: url('images/news.jpg') no-repeat center;}

.news-lists .item .item-content { margin-left: 335px; }

.news-lists .item .item-content .u-title { font-size: 18px; }

.news-lists .item .item-content .u-infos { margin-top: 24px; height: 48px; line-height: 24px; font-size: 14px; overflow: hidden; word-break: break-all; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.news-lists .item .item-content .u-infos * { line-height: 24px !important; font-weight: normal !important; font-size: 14px !important; }

.news-lists .item .item-content .u-date, .news-lists .item .item-content .u-keyword { font-size: 12px; color: #999; }

.news-lists .item .item-content .u-date > span, .news-lists .item .item-content .u-keyword > span { margin-right: 20px; }

.news-lists .item .item-content .u-date .icon, .news-lists .item .item-content .u-keyword .icon { margin-right: 5px; }

.news-lists .item .item-content .u-keyword { margin-top: 25px; }

.news-lists .item .item-content .u-date { margin-top: 23px; }

.news-lists .item a:hover .item-content .u-title { color: #4b69d2; }

.news-lists .item a:hover .item-content .u-infos { color: #4b69d2; }

.crumbs { height: 54px; line-height: 54px; overflow: hidden; font-size: 14px; color: #333; }

.crumbs a, .crumbs span { padding-left: 5px; padding-right: 5px; }

.crumbs a { color: #4b69d2; }

.crumbs a:hover { text-decoration: underline; }

.article { margin-bottom: 60px; padding: 73px 76px; background-color: #fff; border: 1px solid #dcdcdc; border-top: 2px solid #4b69d2; }

.article.article-agreement { margin-top: -260px; }

.article .article-title { text-align: center; font-size: 24px; }

.article .article-ri { margin-top: 23px; text-align: center; font-size: 12px; color: #999; }

.article .article-ri .icon { margin-right: 8px; }

.article .article-ri > span { margin-right: 25px; }

.article .article-ri > span:last-child { margin-right: 0; }

.article .article-infos { margin-top: 63px; line-height: 36px; text-indent: 2em; font-size: 14px; }

.article .article-infos * { line-height: 36px !important; font-size: 14px !important; color: #000 !important; }

.section-synopsis .synopsis-content { position: relative; margin-top: -128px; padding: 88px 137px; height: 445px; line-height: 29px; font-size: 18px; color: #fff; background-color: #4b69d2; }

.section-synopsis .synopsis-content::before { content: ''; position: absolute; left: 50%; top: -12px; height: 12px; width: 18px; background: url("images/arrow-up.png") no-repeat center bottom; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.section-course { margin-top: 102px; }

.section-course .section-theme { margin: 0 auto; padding-top: 32px; width: 145px; height: 145px; text-align: center; font-size: 32px; color: #fff; border-radius: 50%; background-color: #4b69d2; }

.section-course .course-lists { position: relative; padding-top: 105px; padding-bottom: 310px; background: url("images/line-course.png") repeat-y center top; }

.section-course .course-lists::before { content: '未完待续 · · ·'; position: absolute; left: 50%; bottom: 142px; padding: 57px 20px 0; width: 145px; height: 145px; text-align: center; font-size: 24px; color: #fff; background-color: #4b69d2; border-radius: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.section-course .course-lists li { position: relative; height: 160px; }

.section-course .course-lists li::before { content: ''; position: absolute; top: 12px; left: 50%; display: block; width: 20px; height: 20px; border-radius: 50%; background-color: #4b69d2; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.section-course .course-lists li::after { content: ''; position: absolute; top: 18px; left: 50%; width: 0; height: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.section-course .course-lists li .li-content { display: inline-block; width: 50%; height: 120px; }

.section-course .course-lists li .u-title { margin-top: 4px; font-size: 28px; color: #4b69d2; }

.section-course .course-lists li .u-infos { margin-top: 8px; font-size: 16px; }

.section-course .course-lists li:nth-child(2n) { text-align: right; }

.section-course .course-lists li:nth-child(2n)::after { margin-left: 11px; border-left: 6px solid #4b69d2; }

.section-course .course-lists li:nth-child(2n) .li-content { padding-left: 40px; text-align: left; }

.section-course .course-lists li:nth-child(2n+1)::after { margin-left: -11px; border-right: 6px solid #4b69d2; }

.section-course .course-lists li:nth-child(2n+1) .li-content { padding-right: 40px; text-align: right; }

.section-contact { height: 306px; overflow: hidden; background: url("images/contact-bg.jpg") no-repeat center; }

.section-contact .contact-lists { margin-top: 95px; display: inline-block;}

.section-contact .contact-lists li { float: left; margin-right: 36px; width: 184px; text-align: center; color: #fff; }

.section-contact .contact-lists li:first-child { margin-right: 74px; }

.section-contact .contact-lists li:last-child { margin-right: 0; }

.section-contact .contact-lists li .icon { margin-top: 20px; }

.section-contact .contact-lists li .u-title { margin-top: 16px; font-size: 14px; }

.login-bg0 { overflow-x: hidden; background: url("images/login-bg0.jpg") no-repeat center top; }

.login-bg1 { overflow-x: hidden; background: url("images/login-bg1.jpg") no-repeat center top; }

.login-bg2 { overflow-x: hidden; background: url("images/login-bg2.jpg") no-repeat center top; }

.login-bg3 { overflow-x: hidden; background: url("images/login-bg3.jpg") no-repeat center top; }

.login-wrap { margin: 0 auto; padding-top: 71px; width: 900px; }

.header-login .hd-logo { margin-right: 40px; }

.header-login .hd-word { margin-top: 5px; }

.header-login .hd-login { float: right; margin-top: 6px; width: 100px; height: 42px; line-height: 42px; text-align: center; font-size: 16px; color: #fff; border: 1px solid #fff; border-radius: 3px; }

.header-login .hd-login:hover { color: #4b69d2; background-color: #fff; }

.login-content { margin-top: 39px; padding: 0 24px; height: 468px; border-radius: 3px; background-color: #fff; }

.login-content .u-content { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.login-content .content-left { float: left; position: relative; width: 385px; height: 100%; text-align: center; background: url("images/login-bg.png") no-repeat right center; }

.login-content .content-left .u-content > img { width: 247px; }

.login-content .content-left .u-title { position: relative;top: -60px;font-size: 14px; color: #333; }

.login-content .content-left .u-icon { position: absolute; margin-top:-10px; margin-left:-3px; top: 50%; left: 50%;  width:64px; height:64px;  background: url("images/icon-logo.png") no-repeat right center;-webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.login-content .content-right { position: relative; margin-left: 382px; height: 100%; overflow: hidden; }

.login-content .content-right .u-content .form-wrap { margin-top: 0; }

#validCode { margin-top: -2px; height: 44px; border-radius: 3px; }

.form-wrap { margin: 85px auto 0; width: 320px; }

.form-wrap .form-title { margin-bottom: 24px; text-align: center; font-size: 18px; }

.form-wrap .form-small { text-align: center; font-size: 14px; }

.form-wrap .user-tel { margin-top: 7px; margin-bottom: 29px; text-align: center; font-size: 26px; }

.form-wrap .form-group { position: relative; margin-bottom: 15px; font-size: 14px; }

.form-wrap .form-group .control-label { position: absolute; left: 8px; top: 13px; z-index: 2; padding: 0 3px; font-size: 14px; line-height: 18px; color: #999; background: transparent; cursor: text; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; }

.form-wrap .form-group .form-control { margin: 0; padding: 10px; width: 100%; height: 44px; font-size: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; border: 1px solid #c9c9c9; border-radius: 3px; }

.form-wrap .form-group .help-inline { display: block; margin-top: 5px; margin-bottom: -5px; margin-left: 8px; font-size: 12px; color: #f25959; }

.form-wrap .form-group .code { width: 185px; }

.form-wrap .form-group .code2 { width: 201px; }

.form-wrap .form-group img { margin-left: 10px; vertical-align: middle; }

.form-wrap .form-group .reset { float: right; }

.form-wrap .form-group .reset a:hover { color: #4b69d2; }

.form-wrap .group-protocol { margin-top: 18px; }

.form-wrap .group-protocol a:hover { text-decoration: underline; }

.form-wrap .form-group-focus .control-label { top: -8px; color: #4b69d2; background-color: #fff; }

.form-wrap .form-group-focus .form-control { border-color: #4b69d2; }

.form-wrap .form-group-active .control-label { top: -8px; background-color: #fff; }

.form-wrap .f-nowrap { overflow: inherit; }

.form-wrap .btn-code { display: inline-block; width: 115px; height: 44px; line-height: 44px; text-align: center; font-size: 14px; color: #4b69d2; cursor: pointer; overflow: hidden; background-color: #fff; border: 1px solid #4b69d2; border-radius: 3px; }

.form-wrap .btn-code:hover { color: #fff; background-color: #4b69d2; }

.form-wrap .btn-code.current,.form-wrap .btn-code.disabled { color: #999; cursor: not-allowed;  background-color: #ccc; border-color: #ccc; }

.form-wrap .submit-btn { display: inline-block; margin-top: 3px; line-height: 44px; height: 44px; width: 100%; text-align: center; font-size: 18px; color: #fff; cursor: pointer; border: none; background: #4b69d2; border-radius: 3px; }

.form-wrap .submit-btn:hover{background-color: #3aa2c9;}

.form-wrap .prompt { margin-top: 23px; font-size: 14px; text-align: center; }

.form-wrap .prompt > a { color: #4b69d2; padding: 4px 25px 4px 0; }

.form-wrap .reset-prompt { color: #999; }

.login-footer { margin-top: 30px; margin-bottom: 30px; text-align: center; }

.login-footer > a { display: inline-block; padding-left: 15px; padding-right: 15px; line-height: 13px; font-size: 12px; color: #fff; border-right: 1px solid #fff; }

.login-footer > a:last-child { border-right-style: none; }

/* 免费检测 */
.banner-discounts .banner-word { margin: 264px auto 0; text-align: center; letter-spacing: 1px;}
.banner-discounts .banner-word .small { line-height: 48px; font-size: 20px; }

.lists-discount{ margin: 60px 10px; font-size: 0; text-align: center;}
.lists-discount .item{display: inline-block; margin-left: 55px; margin-bottom: 56px; width: 270px; text-align:center; cursor: pointer; overflow: hidden; border-radius: 5px; background: #90caf9;}
.lists-discount .item .item-content{ margin: 32px 26px 0; height: 172px; background: #fff; border-radius: 15px;}
.lists-discount .item .item-content .u-count{ padding-top: 6px; font-size: 12px; color: #f76e6e;}
.lists-discount .item .item-content .u-count .num{ font-size: 46px;}
.lists-discount .item .item-content .u-title{ margin-top: 15px; font-size: 14px; font-weight: bold;}
.lists-discount .item .item-footer{ margin-top: -45px; padding-top: 21px; height: 90px; background: #90caf9;border-radius: 5px; box-shadow: 0 -5px 8px rgba(0,0,0,0.13);}
.lists-discount .item .item-footer .btn{ width: 216px; height: 48px; line-height: 48px; color: #fff; border-radius:24px; border: 2px solid #ff6670; background: #ef3743;}
.lists-discount .item .line{ margin-top: -7px; white-space: nowrap; overflow: hidden;}
.lists-discount .item .line>span{ display: inline-block; margin-left: 2px; margin-right: 2px; width: 14px; height:14px; background: #fff; border-radius: 50%; }
.lists-discount .item .item-content .line{ margin-top: 16px; }
.lists-discount .item .item-content .line>span{ margin-left: 2.5px; margin-right: 2.5px; width: 6px; height: 6px;background: #90caf9; }

.lists-discount .item.danger,.lists-discount .item.danger .item-footer,.lists-discount .item.danger .item-content .line>span{ background: #ff9776;}
.lists-discount .item.yellow,.lists-discount .item.yellow .item-footer,.lists-discount .item.yellow .item-content .line>span{ background: #ffc257;}
.lists-discount .item.green,.lists-discount .item.green .item-footer,.lists-discount .item.green .item-content .line>span{ background: #57d0df;}

.lists-discount .item.current,.lists-discount .item.current .item-footer,.lists-discount .item.current .item-content .line>span{ cursor: no-drop; color: #88959b; background: #cfd8dc;}
.lists-discount .item.current .u-count{ color: #88959b;}
.lists-discount .item.current .item-footer .btn{ border-color: #76858c; background: #76858c;}

.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }

.animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; }

@-webkit-keyframes zoomIn { 0% { opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% { opacity: 1; } }

@keyframes zoomIn { 0% { opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% { opacity: 1; } }

.zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; }

@-webkit-keyframes fadeInUp { 0% { opacity: 0;
    -webkit-transform: translate(0, 635px);
    transform: translate(0, 635px); }
  100% { opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }

@keyframes fadeInUp { 0% { opacity: 0;
    -webkit-transform: translate(0, 635px);
    transform: translate(0, 635px); }
  100% { opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }

.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }

@-webkit-keyframes bounce { 0%, 40%, 80% { -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  100%, 20%, 60% { -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); } }

@keyframes bounce { 0%, 40%, 80% { -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  100%, 20%, 60% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -10px, 0);
    -ms-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); } }

.bounce { -webkit-animation: bounce 3s linear infinite alternate; animation: bounce 3s linear infinite alternate; -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; }

@-webkit-keyframes fadeInOblique { 0% { opacity: 0;
    -webkit-transform: translate(-400px, 635px);
    transform: translate(-400px, 635px); }
  100% { opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }

@keyframes fadeInOblique { 0% { opacity: 0;
    -webkit-transform: translate(-400px, 635px);
    transform: translate(-400px, 635px); }
  100% { opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }

.fadeInOblique { -webkit-animation-name: fadeInOblique; animation-name: fadeInOblique; animation-delay: 0.5s; -webkit-animation-delay: 0.5s; }

@-webkit-keyframes labelbounce { 0% { bottom: 166px; }
  100% { bottom: 180px; } }

@keyframes labelbounce { 0% { bottom: 166px; }
  100% { bottom: 180px; } }

.labelbounce { -webkit-animation: labelbounce 1s linear infinite alternate; animation: labelbounce 1s linear infinite alternate; }

@-webkit-keyframes scan { 0% { bottom: 295px; }
  100% { bottom: 232px; } }

@keyframes scan { 0% { bottom: 295px; }
  100% { bottom: 232px; } }

.scan { -webkit-animation: scan 1s linear infinite alternate; animation: scan 1s linear infinite alternate; }

.delay0 { animation-delay: 0s; -webkit-animation-delay: 0s; }

.delay05 { animation-delay: 0.5s; -webkit-animation-delay: 0.5s; }

.delay1 { animation-delay: 1s; -webkit-animation-delay: 1s; }

.delay105 { animation-delay: 1.25s; -webkit-animation-delay: 1.25s; }

.delay2 { animation-delay: 1.5s; -webkit-animation-delay: 1.5s; }

.delay205 { animation-delay: 1.75s; -webkit-animation-delay: 1.75s; }