html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden], template {
    display: none
}

a {
    background-color: transparent
}

a:active, a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b, strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button, select {
    text-transform: none
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled], html input[disabled] {
    cursor: default
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td, th {
    padding: 0
}

.clearfix {
    zoom: 1
}

.clearfix:after, .clearfix:before {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

.hide {
    display: none;
    visibility: none
}

.pull-right {
    float: right !important;
}

.pull-left {
    float: left;
}

.list-inline {
    margin-left: -3px
}

.list-inline li {
    display: inline-block;
    padding-left: 3px;
    padding-right: 3px
}

.list-float {
    margin-top: 0;
    margin-bottom: 0;
    zoom: 1
}

.list-float:after, .list-float:before {
    content: " ";
    display: table
}

.list-float:after {
    clear: both
}

.list-float li {
    /* float: left; */
}

body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.428571429;
    color: #333;
    background: #fff;
    min-width: 1020px
}

button, input, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

.page-wraper {
    position: relative;
    min-height: 400px;
    padding-top: 85px;
}

.container {
    width: 1230px;
    margin-right: auto;
    margin-left: auto;
    zoom: 1;
    /* margin-top: 30px; */
    margin-bottom: 50px;
}

.container:after, .container:before {
    content: " ";
    display: table
}

.container:after {
    clear: both
}

.subpage {
    padding-bottom: 25px;
    /* background: #F9FAFC; */
}
.ques-content #breadcrumb{
    float: none;
    text-align: center;
    width: 1180px;
    margin: 20px auto;
    padding: 0;
}
.subpage-right-cnt {
    width: 980px;
    margin: 0 auto;
    /* background: #fff; */
    border-radius: 10px;
}

ul {
    padding-left: 0;
    list-style: none
}

.btn-image {
    background: url(../img/btn.png) no-repeat
}

a {
    -webkit-transition: background-color .25s ease 0s, border .25s ease 0s, color .25s ease 0s, opacity .25s ease-in-out 0s;
    -moz-transition: background-color .25s ease 0s, border .25s ease 0s, color .25s ease 0s, opacity .25s ease-in-out 0s;
    -ms-transition: background-color .25s ease 0s, border .25s ease 0s, color .25s ease 0s, opacity .25s ease-in-out 0s;
    -o-transition: background-color .25s ease 0s, border .25s ease 0s, color .25s ease 0s, opacity .25s ease-in-out 0s;
    transition: background-color .25s ease 0s, border .25s ease 0s, color .25s ease 0s, opacity .25s ease-in-out 0s;
    text-decoration: none
}

.btn-link {
    display: inline-block;
    padding: 3px 1em;
    color: #eee;
    background-color: #004a8f
}

.btn-link:active, .btn-link:focus, .btn-link:hover {
    color: #fff;
    background-color: #0079eb;
    outline: 0
}

.btn-link:active {
    color: #f6ab01
}

.box-notitle {
    /* margin-top: 20px; */
    padding: 40px;
    margin-bottom: 30px;
    background: #fff;
    border-radius: 10px;
}

.box {
    position: relative;
    margin-bottom: 35px;
    padding: 20px 20px;
    background-color: #fff;
}

.box:after, .box:before {
    content: " ";
    display: table
}

.box:after {
    clear: both
}

.box.under-nav {
    margin-top: 0px;
    margin-bottom: 50px;
}

.box.no-title {
    margin-top: 0
}

.box .box-title {
    text-align: left;
    /* padding: 10px 0; */
    left: 0px;
    margin-bottom: 20px;
    /* border-left: 7px solid #193286; */
    /* padding-left: 10px; */
}

.box .box-title span {
    /* display: inline-block; */
    /* padding: 10px 50px; */
    /* background-color: #1D3381; */
    color: #1D3381;
    /* border-radius: 5px; */
    font-size: 18px;
}

.box .box-title a {
    display: inline-block;
    /* padding: 10px 50px; */
    color: #1D3381;
    /* background-color: #1D3381; */
    /* color: #fff; */
    font-size: 20px;
    padding-bottom: 20px;
}

.box .box-title a:active, .box .box-title a:focus, .box .box-title a:hover {
    color: #fff;
    background-color: #0083fd;
    outline: 0
}

.box .box-title a:active {
    color: #f6ab01
}

.box .box-title a.active {
    background-color: #1D3381 !important;
    color: #fff !important;
    cursor: default;
}

.box .box-title a.line-link {
    text-decoration: underline
}

.box .box-subtitle {
    position: absolute;
    top: -12px;
    right: 10px
}

.box .box-subtitle a {
    display: inline-block;
    padding: 2px 1em
}

.box .box-subtitle .soft-account {
    color: #fff;
    background-color: #df842a;
    text-decoration: underline
}

.box .box-subtitle .soft-account:active, .box .box-subtitle .soft-account:focus, .box .box-subtitle .soft-account:hover {
    color: #fff;
    background-color: #e59d55;
    outline: 0
}

.box .box-subtitle .soft-account:active {
    color: #f6ab01
}

.box .box-subtitle .soft-no-account {
    color: #fff;
    background-color: #777;
    cursor: default
}

.box .box-content .box-link {
    color: #004a8f
}

.box .box-content .box-link:active, .box .box-content .box-link:focus, .box .box-content .box-link:hover {
    color: #0066c6;
    outline: 0
}

.box .box-content .box-link:active {
    color: #f6ab01
}

.show-alert {
    text-align: center
}

.show-alert h3 {
    margin-bottom: 10px
}

.show-alert p {
    margin-top: 0
}

@font-face {
    font-family: iconfont;
    src: url(../../iconfont/iconfont.eot?v=1.0.0);
    src: url(../../iconfont/iconfont.eot?#iefix&v=1.0.0) format('embedded-opentype'), url(../../iconfont/iconfont.woff?v=1.0.0) format('woff'), url(../../iconfont/iconfont.ttf?v=1.0.0) format('truetype'), url(../../iconfont/iconfont.svg?v=1.0.0#iconfont) format('svg')
}

.iconfont {
    font-family: iconfont !important;
    font-size: 14px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .2px;
    -moz-osx-font-smoothing: grayscale
}

.icon-search:before {
    content: "\e600"
}

.icon-list:before {
    content: "\e601"
}

.icon-phone:before {
    content: "\e602"
}

.icon-arrow:before {
    content: "\e603"
}

.icon-local:before {
    content: "\e604"
}

.icon-book:before {
    content: "\e605"
}

.icon-download:before {
    content: "\e606"
}

.icon-news:before {
    content: "\e607"
}

.icon-good:before {
    content: "\e608"
}

.icon-nogood:before {
    content: "\e609"
}

.icon-close:before {
    content: "\e60a"
}

.icon-up:before {
    content: "\e60b"
}

.icon-check:before {
    content: "\e60c"
}

.icon-checkempty:before {
    content: "\e60d"
}

.icon-ok:before {
    content: "\e60e"
}

.icon-more:before {
    content: "\e60f"
}

.icon-down:before {
    content: "\e610"
}

.icon-card:before {
    content: "\e611"
}

.icon-time:before {
    content: "\e612"
}

.icon-star:before {
    content: "\e613"
}

.icon-right:before {
    content: "\e614"
}

.nav-list li .nav-link.active {
    /*background-color: #004a8f;*/
    font-weight: 700;
    color: #fff !important
}
.nav-list .nav-list-group{
    width: 50%;
    float: left;
    margin: 20px 0;
}
.nav-list li .main-link.active {
    font-weight: 700;
    color: #003464 !important;
    cursor: default
}

.nav-list li .inner-content a.active {
    color: #333 !important;
    font-weight: 700;
    text-decoration: underline;
    cursor: default
}

.nav-list li:hover .drop-arrow, .nav-list li:hover .drop-content {
    opacity: 1;
    visibility: visible
}

.nav-list li:hover .drop-content {
    top: 0
}

.nav-list li:hover .nav-link {
    color: #fff !important
}

.nav-list .drop-menu {
    position: relative
}

.nav-list .drop-content {
    display: block !important;
    position: absolute;
    top: -15px;
    min-width: 100%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    z-index: 11
}

.panel-tab:hover .panel-item {
    opacity: 1;
    visibility: visible;
    top: 0
}

.panel-content {
    position: relative
}

.panel-content .panel-left {
    left: 0
}

.panel-content .panel-center {
    left: -300px
}

.panel-content .panel-right {
    right: 0
}

.panel-item {
    position: absolute;
    top: -10px;
    width: 500px;
    padding: 10px;
    background-color: #fff;
    border: 1px solid #eee;
    z-index: 10;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.panel-item h4 {
    color: #1D3381;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 8px;
    text-align: center;
    border-bottom: 1px solid #eee;
}

.panel-item p {
    text-indent: 2em
}

.panel-item ol {
    padding-left: 20px;
    margin-bottom: 5px
}

.panel-item ol li {
    float: none
}

.panel-item a {
    color: #004a8f
}

.panel-item a:active, .panel-item a:focus, .panel-item a:hover {
    color: #0079eb;
    outline: 0
}

.panel-item a:active {
    color: #f6ab01
}

#topfix {
    position: fixed;
    /* padding-top: 5px; */
    /* padding-bottom: 5px; */
    /* background-color: #e9e9e9; */
    z-index: 999999;
    width: 100%;
    top: 10px;
}

#topfix .top-left li {
    height: 30px;
    line-height: 30px;
}

#topfix .top-left li a {
    color: #fff;
    font-size: 16px;
    margin: 0 10px;
}

#topfix .top-left li a:active, #topfix .top-left li a:focus, #topfix .top-left li a:hover {
    color: #535353;
    outline: 0
}

#topfix .top-left li a:active {
    color: #f6ab01
}

#topfix .top-left .phone-cnt {
    margin-right: 15px;
    display: none;
}

#topfix .top-left .phone-cnt .iconfont {
    color: #004a8f;
    font-size: 24px
}

#topfix .top-left .unlogin-cnt .login {
    display: inline-block;
    /* margin-right: 5px; */
    /* padding-left: 1em; */
    /* padding-right: 1em; */
    color: #fff;
    /* background-color: #004a8f */
    font-size: 16px;
    margin: 0 10px;
}

#topfix .top-left .unlogin-cnt .login:active, #topfix .top-left .unlogin-cnt .login:focus, #topfix .top-left .unlogin-cnt .login:hover {
    color: #fff;
    /*background-color: #0066c6;*/
    outline: 0
}

#topfix .top-left .unlogin-cnt .login:active {
    color: #f6ab01
}

#topfix .top-left .login-cnt .login-name {
    margin-right: 5px;
    color: #fff;
    font-weight: 700;
}

#topfix .top-left .login-cnt .login-name:active, #topfix .top-left .login-cnt .login-name:focus, #topfix .top-left .login-cnt .login-name:hover {
    color: #0070d8;
    outline: 0
}

#topfix .top-left .login-cnt .login-name:active {
    color: #f6ab01
}

#topfix .top-right .search-cnt {
    position: relative;
    float: right;
    height: 30px;
    line-height: 30px;
    margin: 15px;
}

#topfix .top-right .search-cnt .sInput {
    width: 200px;
    height: 25px;
    padding: 0 5px;
    background-color: #fff;
    border: none;
    border-radius: 4px;
}

#topfix .top-right .search-cnt .sInput:focus {
    outline: 0;
    background-color: #fff
}

#topfix .top-right .search-cnt .sTip {
    position: absolute;
    top: 4px;
    left: 3px;
    line-height: 25px;
    font-size: 12px;
    color: #333;
}

#topfix .top-right .search-cnt .sBtn {
    position: absolute;
    top: 0;
    right: 0;
    border: none;
    background-color: transparent
}

#topfix .top-right .search-cnt .sBtn:focus {
    outline: 0
}

#topfix .top-right .search-cnt .sBtn .iconfont {
    color: #fff;
}

#topfix .top-right .search-cnt .sBtnNew {
    position: absolute;
    top: 0;
    right: 0;
    border: none;
    background-color: transparent
}

#topfix .top-right .search-cnt .sBtnNew:focus {
    outline: 0
}

#topfix .top-right .search-cnt .sBtnNew .iconfont {
    color: #fff;
}

#topfix .top-right .nav-list {
    float: right;
    /* margin-left: 15px; */
    height: 30px;
    line-height: 30px;
    margin: 15px 10px;
}

#topfix .top-right .nav-list li .nLink {
    /* padding-left: 5px; */
    /* padding-right: 5px; */
    display: inline-block;
    color: #fff;
    font-size: 16px;
}

#topfix .top-right .nav-list li .nLink:active, #topfix .top-right .nav-list li .nLink:focus, #topfix .top-right .nav-list li .nLink:hover {
    color: #333;
    outline: 0
}

#topfix .top-right .nav-list li .nLink:active {
    color: #f6ab01
}

#topfix .top-right .nav-list li .nLink .iconfont {
    margin-right: 3px;
    display: none;
}

#topfix .top-right .nav-list .drop-content {
    right: -17px;
    background-color: #fff;
    border: 1px solid #333;
    border-radius: 3px;
}

#topfix .top-right .nav-list .drop-content a {
    display: block;
    padding: 3px 1em;
    white-space: nowrap;
    color: #333;
    background-color: transparent;
    font-size: 12px
}

#topfix .top-right .nav-list .drop-content a:active, #topfix .top-right .nav-list .drop-content a:focus, #topfix .top-right .nav-list .drop-content a:hover {
    color: #fff;
    background-color: #333;
    outline: 0
}

#topfix .top-right .nav-list .drop-content a:active {
    color: #f6ab01
}

#topfix .top-right .nav-list .drop-content a + a {
    border-top: 1px solid #eee
}

.header-wrap {
    display: none;
    height: 84px;
    background-color: #eee;
}

.header-wrap.fix-wrap {
    height: 0
}

#header {
    position: relative;
    border-bottom: 2px solid #004a8f;
    width: 100%;
    background-color: #fff;
    z-index: 9
}

#header.fixed {
    position: fixed;
    top: 0;
    left: 0
}

#header.fixed .logo {
    height: 30px;
    margin-top: 5px
}

#header.fixed .nav-link {
    padding-top: 10px !important;
    padding-bottom: 10px !important
}

#header .logo {
    height: 53px;
    margin-top: 15px
}

#header .logo img {
    height: 100%
}

#header .nav-list li .nav-link {
    display: inline-block;
    padding: 32px 2em;
    color: #555
}

#header .nav-list .drop-content {
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #fff;
    border-top: 2px solid #004a8f;
    border-left: 1px solid #004a8f;
    border-right: 1px solid #004a8f;
    border-bottom: 1px solid #004a8f
}

#header .nav-list .drop-content.drop-left {
    left: 0
}

#header .nav-list .drop-content.drop-right {
    right: 0
}

#header .nav-list .drop-content .main-link {
    display: block;
    line-height: 30px;
    padding-left: 15px;
    padding-right: 15px;
    white-space: nowrap;
    color: #004a8f
}

#header .nav-list .drop-content .main-link:active, #header .nav-list .drop-content .main-link:focus, #header .nav-list .drop-content .main-link:hover {
    color: #0083fd;
    outline: 0
}

#header .nav-list .drop-content .main-link:active {
    color: #f6ab01
}

#header .nav-list .drop-content .drop-group {
    position: relative;
    padding-left: 85px;
    border-bottom: 1px dotted #eee
}

#header .nav-list .drop-content .drop-group .main-link {
    position: absolute;
    top: 6px;
    left: 0;
    width: 60px;
    white-space: pre-wrap;
    line-height: 1.3
}

#header .nav-list .drop-content .drop-group .inner-content {
    width: 300px
}

#header .nav-list .drop-content .drop-group .inner-content a {
    display: inline-block;
    line-height: 30px;
    padding-right: 10px;
    color: #777
}

#header .nav-list .drop-content .drop-group .inner-content a:active, #header .nav-list .drop-content .drop-group .inner-content a:focus, #header .nav-list .drop-content .drop-group .inner-content a:hover {
    color: #222;
    outline: 0
}

#header .nav-list .drop-content .drop-group .inner-content a:active {
    color: #f6ab01
}

.wide-banner {
    width: 100%;
    /* background-size: 1680px; */
    height: 330px;
    background-position: center;
    /* margin-top: -85px; */
    background-repeat: no-repeat;
    margin-bottom: 30px;
}

.wide-banner img {
    vertical-align: middle;
    /* display: none; */
    height: 100%;
    width: auto;
    margin: 0 auto;
    display: block;
    height: 360px;
}

#slider {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    height: 480px;
    margin-top: -85px;
}

#slider .slider-content {
    width: 100%;
    height: 479px;
    overflow: hidden;
}

#slider .slider-content .slider-group {
    position: relative;
    height: 709px;
}

#slider .slider-content .slider-group .slider-item {
    width: 100%;
    height: 479px;
    background-size: cover;
    background-position: center;
}

#slider .slider-content .slider-link {
    display: block;
    /* width: 980px; */
    margin-left: auto;
    margin-right: auto;
    zoom: 1;
}

#slider .slider-content .slider-link:after, #slider .slider-content .slider-link:before {
    content: " ";
    display: table
}

#slider .slider-content .slider-link:after {
    clear: both
}

#slider .slider-content .slider-link img {
    vertical-align: middle;
    display: block;
    margin: 0 auto;
}

#slider .slider-select {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 10px;
    text-align: center
}

#slider .slider-select .slider-btn {
    display: inline-block
}

#slider .slider-select .slider-btn span {
    display: inline-block;
    width: 5px;
    height: 5px;
    margin-right: 5px;
    border-radius: 2px;
    background-color: #fff;
    opacity: .5;
    cursor: pointer;
}

#slider .slider-select .slider-btn span.active {
    opacity: 1;
    cursor: default;
    width: 40px;
}

#shortcut ul {
    padding-top: 35px;
    padding-bottom: 50px
}

#shortcut ul li {
    position: relative;
    width: 157px;
    margin-left: 25px;
    margin-right: 25px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
    text-align: center;
    z-index: 1
}

#shortcut ul li:hover {
    z-index: 10
}

#shortcut ul li:hover .posLink {
    display: block
}

#shortcut ul li:hover .short1 {
    background-image: url(../img/shortcut/scut1-hover.png)
}

#shortcut ul li:hover .short2 {
    background-image: url(../img/shortcut/scut2-hover.png)
}

#shortcut ul li:hover .short3 {
    background-image: url(../img/shortcut/scut3-hover.png)
}

#shortcut ul li:hover .short4 {
    background-image: url(../img/shortcut/scut4-hover.png)
}

#shortcut ul li a {
    position: relative;
    display: block;
    width: 157px;
    height: 182px;
    z-index: 10
}

#shortcut ul li .short1 {
    background: url(../img/shortcut/scut1.png) no-repeat;
    -webkit-animation: swingY 1s .2s ease both
}

#shortcut ul li .short2 {
    background: url(../img/shortcut/scut2.png) no-repeat;
    -webkit-animation: swingY 1s .4s ease both
}

#shortcut ul li .short3 {
    background: url(../img/shortcut/scut3.png) no-repeat;
    -webkit-animation: swingY 1s .6s ease both
}

#shortcut ul li .short4 {
    background: url(../img/shortcut/scut4.png) no-repeat;
    -webkit-animation: swingY 1s .8s ease both
}

#shortcut ul li span {
    color: #0187c7
}

#shortcut ul li .posLink {
    position: absolute;
    display: none;
    top: 15px;
    left: 15px;
    z-index: 2
}

#shortcut ul li .one {
    animation: oneMove 1s .1s ease both;
    -webkit-animation: oneMove 1s .1s ease both;
    -moz-animation: oneMove 1s .1s ease both;
    -o-animation: oneMove 1s .1s ease both
}

#shortcut ul li .two {
    animation: twoMove 1s .1s ease both;
    -webkit-animation: twoMove 1s .1s ease both;
    -moz-animation: twoMove 1s .1s ease both;
    -o-animation: twoMove 1s .1s ease both
}

#shortcut ul li .three {
    animation: threeMove 1s .1s ease both;
    -webkit-animation: threeMove 1s .1s ease both;
    -moz-animation: threeMove 1s .1s ease both;
    -o-animation: threeMove 1s .1s ease both
}

#shortcut ul li .four {
    animation: fourMove 1s .1s ease both;
    -webkit-animation: fourMove 1s .1s ease both;
    -moz-animation: fourMove 1s .1s ease both;
    -o-animation: fourMove 1s .1s ease both
}

#shortcut ul li .five {
    animation: fiveMove 1s .1s ease both;
    -webkit-animation: fiveMove 1s .1s ease both;
    -moz-animation: fiveMove 1s .1s ease both;
    -o-animation: fiveMove 1s .1s ease both
}

#shortcut ul li .six {
    animation: sixMove 1s .1s ease both;
    -webkit-animation: sixMove 1s .1s ease both;
    -moz-animation: sixMove 1s .1s ease both;
    -o-animation: sixMove 1s .1s ease both
}

@-webkit-keyframes swingY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg)
    }
    70% {
        -webkit-transform: perspective(400px) rotateY(10deg)
    }
    100% {
        -webkit-transform: perspective(400px) rotateY(0);
        opacity: 1
    }
}

@-webkit-keyframes oneMove {
    0% {
        opacity: 0
    }
    100% {
        top: 15px;
        left: -157px;
        opacity: 1
    }
}

@-moz-keyframes oneMove {
    0% {
        opacity: 0
    }
    100% {
        top: 15px;
        left: -157px;
        opacity: 1
    }
}

@-o-keyframes oneMove {
    0% {
        opacity: 0
    }
    100% {
        top: 15px;
        left: -157px;
        opacity: 1
    }
}

@-webkit-keyframes twoMove {
    0% {
        opacity: 0
    }
    100% {
        top: -135px;
        left: -72px;
        opacity: 1
    }
}

@-moz-keyframes twoMove {
    0% {
        opacity: 0
    }
    100% {
        top: -135px;
        left: -72px;
        opacity: 1
    }
}

@-o-keyframes twoMove {
    0% {
        opacity: 0
    }
    100% {
        top: -135px;
        left: -72px;
        opacity: 1
    }
}

@-webkit-keyframes threeMove {
    0% {
        opacity: 0
    }
    100% {
        top: -135px;
        left: 103px;
        opacity: 1
    }
}

@-moz-keyframes threeMove {
    0% {
        opacity: 0
    }
    100% {
        top: -135px;
        left: 103px;
        opacity: 1
    }
}

@-o-keyframes threeMove {
    0% {
        opacity: 0
    }
    100% {
        top: -135px;
        left: 103px;
        opacity: 1
    }
}

@-webkit-keyframes fourMove {
    0% {
        opacity: 0
    }
    100% {
        top: 15px;
        left: 187px;
        opacity: 1
    }
}

@-moz-keyframes fourMove {
    0% {
        opacity: 0
    }
    100% {
        top: 15px;
        left: 187px;
        opacity: 1
    }
}

@-o-keyframes fourMove {
    0% {
        opacity: 0
    }
    100% {
        top: 15px;
        left: 187px;
        opacity: 1
    }
}

@-webkit-keyframes fiveMove {
    0% {
        opacity: 0
    }
    100% {
        top: 165px;
        left: 103px;
        opacity: 1
    }
}

@-moz-keyframes fiveMove {
    0% {
        opacity: 0
    }
    100% {
        top: 165px;
        left: 103px;
        opacity: 1
    }
}

@-o-keyframes fiveMove {
    0% {
        opacity: 0
    }
    100% {
        top: 165px;
        left: 103px;
        opacity: 1
    }
}

@-webkit-keyframes sixMove {
    0% {
        opacity: 0
    }
    100% {
        top: 165px;
        left: -72px;
        opacity: 1
    }
}

@-moz-keyframes sixMove {
    0% {
        opacity: 0
    }
    100% {
        top: 165px;
        left: -72px;
        opacity: 1
    }
}

@-o-keyframes sixMove {
    0% {
        opacity: 0
    }
    100% {
        top: 165px;
        left: -72px;
        opacity: 1
    }
}

@-moz-keyframes oneMove {
    0% {
        opacity: 0
    }
    100% {
        top: 15px;
        left: -157px;
        opacity: 1
    }
}

@-webkit-keyframes oneMove {
    0% {
        opacity: 0
    }
    100% {
        top: 15px;
        left: -157px;
        opacity: 1
    }
}

@-o-keyframes oneMove {
    0% {
        opacity: 0
    }
    100% {
        top: 15px;
        left: -157px;
        opacity: 1
    }
}

@keyframes oneMove {
    0% {
        opacity: 0
    }
    100% {
        top: 15px;
        left: -157px;
        opacity: 1
    }
}

@-moz-keyframes twoMove {
    0% {
        opacity: 0
    }
    100% {
        top: -135px;
        left: -72px;
        opacity: 1
    }
}

@-webkit-keyframes twoMove {
    0% {
        opacity: 0
    }
    100% {
        top: -135px;
        left: -72px;
        opacity: 1
    }
}

@-o-keyframes twoMove {
    0% {
        opacity: 0
    }
    100% {
        top: -135px;
        left: -72px;
        opacity: 1
    }
}

@keyframes twoMove {
    0% {
        opacity: 0
    }
    100% {
        top: -135px;
        left: -72px;
        opacity: 1
    }
}

@-moz-keyframes threeMove {
    0% {
        opacity: 0
    }
    100% {
        top: -135px;
        left: 103px;
        opacity: 1
    }
}

@-webkit-keyframes threeMove {
    0% {
        opacity: 0
    }
    100% {
        top: -135px;
        left: 103px;
        opacity: 1
    }
}

@-o-keyframes threeMove {
    0% {
        opacity: 0
    }
    100% {
        top: -135px;
        left: 103px;
        opacity: 1
    }
}

@keyframes threeMove {
    0% {
        opacity: 0
    }
    100% {
        top: -135px;
        left: 103px;
        opacity: 1
    }
}

@-moz-keyframes fourMove {
    0% {
        opacity: 0
    }
    100% {
        top: 15px;
        left: 187px;
        opacity: 1
    }
}

@-webkit-keyframes fourMove {
    0% {
        opacity: 0
    }
    100% {
        top: 15px;
        left: 187px;
        opacity: 1
    }
}

@-o-keyframes fourMove {
    0% {
        opacity: 0
    }
    100% {
        top: 15px;
        left: 187px;
        opacity: 1
    }
}

@keyframes fourMove {
    0% {
        opacity: 0
    }
    100% {
        top: 15px;
        left: 187px;
        opacity: 1
    }
}

@-moz-keyframes fiveMove {
    0% {
        opacity: 0
    }
    100% {
        top: 165px;
        left: 103px;
        opacity: 1
    }
}

@-webkit-keyframes fiveMove {
    0% {
        opacity: 0
    }
    100% {
        top: 165px;
        left: 103px;
        opacity: 1
    }
}

@-o-keyframes fiveMove {
    0% {
        opacity: 0
    }
    100% {
        top: 165px;
        left: 103px;
        opacity: 1
    }
}

@keyframes fiveMove {
    0% {
        opacity: 0
    }
    100% {
        top: 165px;
        left: 103px;
        opacity: 1
    }
}

@-moz-keyframes sixMove {
    0% {
        opacity: 0
    }
    100% {
        top: 165px;
        left: -72px;
        opacity: 1
    }
}

@-webkit-keyframes sixMove {
    0% {
        opacity: 0
    }
    100% {
        top: 165px;
        left: -72px;
        opacity: 1
    }
}

@-o-keyframes sixMove {
    0% {
        opacity: 0
    }
    100% {
        top: 165px;
        left: -72px;
        opacity: 1
    }
}

@keyframes sixMove {
    0% {
        opacity: 0
    }
    100% {
        top: 165px;
        left: -72px;
        opacity: 1
    }
}

#hotlink {
    padding: 50px 30px;
    background-color: #F9FAFC;
    zoom: 1;
}

#hotlink:after, #hotlink:before {
    content: " ";
    display: table
}

#hotlink:after {
    clear: both
}

#hotlink .hotlink-tab-n {
    margin-bottom: 20px;
    /* border-bottom: 1px solid #b8bdbf */
}

#hotlink .hotlink-tab-n span {
    display: inline-block;
    width: 196px;
    margin-bottom: -1px;
    color: #333;
    cursor: pointer;
    background: #eee;
    margin: 0 10px;
    font-size: 16px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 5px;
}

#hotlink .hotlink-tab-n span.active {
    color: #fff;
    /* border-top: 2px solid #0187c7; */
    /* border-left: 1px solid #b8bdbf; */
    /* border-right: 1px solid #b8bdbf; */
    /* border-bottom: 1px solid #f6f6f6; */
    background: #1D3381;
}

#hotlink .hotlink-content {
    position: relative;
    height: 150px;
    /* overflow: hidden; */
    padding: 0 10px;
}

#hotlink .hotlink-content .hotlink-item {
    position: absolute
}

#hotlink .hotlink-content .hotlink-item a {
    display: inline-block;
    min-width: 120px;
    padding: 5px 15px 5px 0;
    color: #333;
}

#hotlink .hotlink-content .hotlink-item a:active, #hotlink .hotlink-content .hotlink-item a:focus, #hotlink .hotlink-content .hotlink-item a:hover {
    color: #555;
    outline: 0
}

#hotlink .hotlink-content .hotlink-item a:active {
    color: #f6ab01
}

#hotlink .hotlink-content .hotlink-item a:hover {
    text-decoration: underline
}

#footer {
    background-color: #1a3186;
    padding-top: 50px;
    padding-bottom: 50px;
}

#footer .foot-container {
    position: relative;
    width: 1080px;
    margin-left: auto;
    margin-right: auto;
}

#footer .footer-copy p {
    margin-top: 0;
    margin-bottom: 3px;
    font-size: 12px;
    color: #fff;
    margin: 10px 0;
}

#footer .footer-copy p .tom {
    margin-left: 20px
}

#footer .footer-copy p a {
    color: #fff;
}

#footer .footer-copy p a:active, #footer .footer-copy p a:focus, #footer .footer-copy p a:hover {
    color: #fff;
    outline: 0
}

#footer .footer-copy p a:active {
    color: #f6ab01
}

#footer .qrcode {
    position: absolute;
    top: 0;
    right: 0
}

#footer .qrcode .qrcode-item {
    display: inline-block
}

#footer .qrcode .qrcode-item + .qrcode-item {
    margin-left: 10px
}

#footer .qrcode .qrcode-item span {
    display: block;
    text-align: center;
    margin-top: 5px;
    font-size: 12px;
    color: #fff;
}

#footer .kx-btn {
    margin-right: 15px
}

#footer .record-icon {
    height: 12px;
    margin-right: 3px
}

#J_Back-top {
    display: none !important;
}

#J_Back-top:active, #J_Back-top:focus, #J_Back-top:hover {
    color: #fff;
    background-color: #003b72;
    outline: 0
}

#J_Back-top:active {
    color: #f6ab01
}

#J_Back-top .iconfont {
    font-size: 18px
}

.ui-dialog {
    background-color: #f1f1f1;
    border: 1px solid #3361b5;
    z-index: 9999999 !important;
}

.ui-dialog .ui-dialog-title {
    font-size: 16px;
    font-weight: 700
}

.ui-dialog .ui-dialog-content {
    padding: 1em
}

.ui-dialog .ui-dialog-content .form-content {
    padding: 0
}

.ui-dialog .ui-dialog-titlebar-close {
    background: url(/img/close.png) no-repeat 0 0;
}

.ui-draggable .ui-dialog-titlebar {
    border-bottom: 2px solid #004a8f
}

.ui-widget-overlay {
    background-color: rgba(0, 0, 0, .5);
    z-index: 999999 !important;
}

#breadcrumb {
    text-align: right;
    float: right;
    width: 950px;
    padding-right: 30px;
    color: #999;
    height: 40px;
    position: relative;
    margin: 10px 0 20px 0;
}
#breadcrumb p{position: absolute;border-left: 7px solid #193286;left: 20px;height: 30px;top: 0;margin: 0;font-size: 22px;left: 0;}
#breadcrumb p span{color: #193286;margin-left: 10px;}
#breadcrumb label .iconfont {
    font-size: 18px;
    color: #004a8f;
    display: none;
}

#breadcrumb a {
    color: #999;
}

#breadcrumb a:active, #breadcrumb a:focus, #breadcrumb a:hover {
    color: #888;
    outline: 0
}

#breadcrumb a:active {
    color: #f6ab01
}

#breadcrumb span {
    margin-right: 8px;
    color: #999;
}

#breadcrumb span.locals {
    color: #15318b;
}

#sidebar {
    width: 225px;
    border: 1px solid #ddd;
    margin: 0;
    padding: 0;
    border-bottom: 0;
}

#sidebar .bar-nav {
    text-align: center;
    margin: 0;
}

#sidebar .bar-nav .nav-head {
    /* background: url(../img/bar-title-bg.png) no-repeat; */
    height: 60px;
    line-height: 60px;
    font-size: 16px;
    color: #fff;
    display: none;
}

#sidebar .bar-nav ul {
    width: 100%;
    margin: 0;
}

#sidebar .bar-nav ul li {
    height: 80px;
    line-height: 80px;
    width: 100%;
    border-bottom: 1px solid #ddd;
}

#sidebar .bar-nav ul a {
    display: block;
    color: #232323;
    font-size: 20px;
}

#sidebar .bar-nav ul a:active, #sidebar .bar-nav ul a:focus, #sidebar .bar-nav ul a:hover {
    color: #1D3381;
    /*     background-color: #e59d55; */
    outline: 0
}

#sidebar .bar-nav ul a:active {
    color: #1D3381
}

#sidebar .bar-nav ul a.active {
    background: url(/images/sider_bar_hover_link.png);
    color: #fff !important;
    cursor: default;
}
#sidebar .bar-nav ul a:hover {
    border-left: 6px solid #15318b;
    background: #F2F5FE;
    color: #15318b;
}
#sidebar .bar-nav ul a.active:hover {
    background: url(/images/sider_bar_hover_link.png);
    color: #fff !important;
    cursor: default;
}

#sidebar .state {
    border: 1px solid #b8bdbf;
    margin-top: 20px;
    padding: 8px 3px
}

#sidebar .state h3 {
    margin-top: 0;
    margin-bottom: 0;
    border-bottom: 1px solid #eee;
    color: #004a8f
}

#sidebar .state h3 .iconfont {
    font-size: 18px;
    margin-right: 5px
}

#sidebar .state p {
    text-indent: 2em;
    color: #a6a6a6
}

#sidebar .state ul {
    margin-bottom: 0;
    list-style: square inside;
    color: #004a8f
}

#sidebar .state ul li + li {
    margin-top: 8px
}

#sidebar .state ul a {
    color: #004a8f
}

#sidebar .state ul a:active, #sidebar .state ul a:focus, #sidebar .state ul a:hover {
    color: #0079eb;
    outline: 0
}

#sidebar .state ul a:active {
    color: #f6ab01
}

#sidebar .phone-no {
    padding: 5px 10px;
    background-color: #eee;
    color: #fff;
    font-size: 12px;
    line-height: 1.8;
    /* display: none; */
    width: 1120px;
    margin: 0 auto;
}

#sidebar .phone-no span {
    padding-left: 10px;
    white-space: nowrap
}

#sidebar .md5-cnt {
    margin-bottom: 10px
}

#sidebar .md5-cnt .alert-link, #sidebar .md5-cnt .show-panel {
    display: block;
    padding-left: 10px;
    heihgt: 33px;
    line-height: 33px;
    color: #fff;
    background-color: #dc8229
}

#sidebar .md5-cnt .alert-link:active, #sidebar .md5-cnt .alert-link:focus, #sidebar .md5-cnt .alert-link:hover, #sidebar .md5-cnt .show-panel:active, #sidebar .md5-cnt .show-panel:focus, #sidebar .md5-cnt .show-panel:hover {
    color: #fff;
    background-color: #e49c55;
    outline: 0
}

#sidebar .md5-cnt .alert-link:active, #sidebar .md5-cnt .show-panel:active {
    color: #f6ab01
}

#sidebar .img-cnt {
    margin-top: 20px
}

#sidebar .img-cnt a {
    display: block;
    margin-bottom: 5px
}

#sidebar .img-cnt img {
    /* width: 100% */
}

.sub-nav li {
    display: block;
    display: inline-block;
    /* width: 224px; */
    text-align: center;
    margin-bottom: 12px;
}

.sub-nav li.second-line {
    margin-top: 5px
}

.sub-nav li a {
    display: block;
    padding: 0 20px;
    color: #15318b;
    height: 35px;
    line-height: 35px;
    font-size: 16px;
    margin-right: 6px;
    border-radius: 5px;
    position: relative;
    height: 35px;
    float: left;
}

.sub-nav li a:active, .sub-nav li a:focus, .sub-nav li a:hover {
    color: #fff;
    background-color: #15318b;
    outline: 0
}

.sub-nav li a:active {
    color: #f6ab01
}

.sub-nav li a.active {
    background-color: #15318b !important;
    color: #fff !important;
    cursor: pointer;
}

.sub-inner-nav {
    margin-top: 10px;
    margin-left: 15px
}

.sub-inner-nav li {
    margin-right: 10px
}

.sub-inner-nav li a {
    display: inline-block;
    padding: 3px .4em;
    white-space: nowrap;
    color: #fff;
    background-color: #0070d8
}

.sub-inner-nav li a:active, .sub-inner-nav li a:focus, .sub-inner-nav li a:hover {
    color: #fff;
    background-color: #2395ff;
    outline: 0
}

.sub-inner-nav li a:active {
    color: #f6ab01
}

.sub-inner-nav li a.active {
    background-color: #e0842a !important;
    color: #fff !important;
    cursor: default
}

#navigatediv {
    text-align: center;
    zoom: 1
}

#navigatediv:after, #navigatediv:before {
    content: " ";
    display: table
}

#navigatediv:after {
    clear: both
}

#navigatediv ul {
    float: right;
    margin-top: 0;
    margin-bottom: 0;
    zoom: 1
}

#navigatediv ul:after, #navigatediv ul:before {
    content: " ";
    display: table
}

#navigatediv ul:after {
    clear: both
}

#navigatediv ul li {
    float: left;
    font-size: 11px;
    margin-right: 4px
}

#navigatediv ul li a {
    display: inline-block;
    padding: 3px 6px;
    text-decoration: none
}

#navigatediv ul li a:hover {
    font-weight: 700
}

#navigatediv .pageoff {
    padding: 3px 6px;
    background-color: #eee;
    color: #ccc
}

#navigatediv .pagenavigate a {
    color: #777;
    background-color: #dfdfdf
}

#navigatediv .pagenavigate a:active, #navigatediv .pagenavigate a:focus, #navigatediv .pagenavigate a:hover {
    color: #555;
    background-color: #e5e5e5;
    outline: 0
}

#navigatediv .pagenavigate a:active {
    color: #f6ab01
}

#navigatediv .pagefirst a, #navigatediv .pagelast a, #navigatediv .pagenext a, #navigatediv .pagepre a {
    color: #ddd;
    background-color: #1a3186;
}

#navigatediv .pagefirst a:active, #navigatediv .pagefirst a:focus, #navigatediv .pagefirst a:hover, #navigatediv .pagelast a:active, #navigatediv .pagelast a:focus, #navigatediv .pagelast a:hover, #navigatediv .pagenext a:active, #navigatediv .pagenext a:focus, #navigatediv .pagenext a:hover, #navigatediv .pagepre a:active, #navigatediv .pagepre a:focus, #navigatediv .pagepre a:hover {
    color: #fff;
    background-color: #0070d8;
    outline: 0
}

#navigatediv .pagefirst a:active, #navigatediv .pagelast a:active, #navigatediv .pagenext a:active, #navigatediv .pagepre a:active {
    color: #f6ab01
}

#navigatediv .pagenavigateon {
    padding: 3px 6px;
    background-color: #1a3186;
    color: #fff;
    font-weight: 700;
}

.online-account .account-time {
    float: right;
    margin-top: 20px;
    width: 300px;
    background: url(/images/open_account_qr_box.jpg) no-repeat;
    height: 300px;
    background-size: 100%;
    position: relative;
}
.online-account .account-link{
    display: block;
    background: #15318b;
    width: 300px;
    text-align: center;
    color: #fff;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    margin-left: 185px;
    margin-top: 60px;
}
.online-account .account-time strong {
    font-size: 16px;
    color: #df842a
}

.online-account .account-time .account-link {
    display: block;
    padding: 5px;
    color: #fff;
    background-color: #1a3186;
    border-radius: 4px;
    width: 120px;
    text-align: center;
    font-size: 16px;
    margin-bottom: 20px;
}

.online-account .account-time .account-link:active, .online-account .account-time .account-link:focus, .online-account .account-time .account-link:hover {
    color: #fff;
    background-color: #0066c6;
    outline: 0
}

.online-account .account-time .account-link:active {
    color: #f6ab01
}

.online-account .account-time .account-link.disabled {
    color: #fff;
    background-color: #777
}

.online-account .account-time .account-link.disabled:active, .online-account .account-time .account-link.disabled:focus, .online-account .account-time .account-link.disabled:hover {
    color: #fff;
    background-color: #555;
    outline: 0
}

.online-account .account-time .account-link.disabled:active {
    color: #f6ab01
}

.online-account .account-title {
    position: relative;
    font-size: 20px;
    font-weight: normal;
}

.online-account .account-title .btn-link {
    position: absolute;
    top: 0;
    right: 10px;
    font-size: 14px;
    font-weight: 400
}

.to-register-ads {
    margin-top: 15px
}

.to-register-ads img {
    vertical-align: middle
}

.account-form {
    /* margin-top: 20px */
}

.account-form .account-title {
    position: relative;
    text-align: center;
    margin-bottom: 35px
}

.account-form .account-title b {
    margin-left: 15px;
    font-size: 14px;
    color: #004a8f
}

.account-form .account-title .btn-link {
    position: absolute;
    bottom: -24px;
    right: 10px;
    font-size: 14px;
    font-weight: 400
}

.sureTable {
    width: 600px
}

.sureTable table {
    background-color: #fff
}

.sureTable td {
    line-height: 30px;
    padding-left: 10px;
    padding-right: 10px
}

.sureTable td.title-td {
    width: 45%
}

.sureTable td.input-td {
    color: #000
}

.selectmo {
    float: left;
    position: relative;
    width: 175px;
    height: 30px;
    line-height: 30px;
    z-index: 9
}

.selectmo .clovers {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 158px;
    height: 30px;
    line-height: 30px;
    padding-right: 5px;
    text-align: right;
    color: #cbcbcb;
    font-size: 12px;
    cursor: pointer
}

.selectmo .option-cnt {
    position: absolute;
    top: 26px;
    left: 0;
    background-color: #fff;
    border: 1px solid #ccc;
    z-index: 10
}

.selectmo .option-cnt .option-item {
    width: 160px;
    max-height: 150px;
    margin-top: 0;
    margin-bottom: 0;
    overflow-y: auto
}

.selectmo .option-cnt .option-item a {
    display: block;
    height: 26px;
    line-height: 26px;
    padding: 0 10px;
    background-color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #333;
    background-color: transparent
}

.selectmo .option-cnt .option-item a:active, .selectmo .option-cnt .option-item a:focus, .selectmo .option-cnt .option-item a:hover {
    color: #fff;
    background-color: #3582c4;
    outline: 0
}

.selectmo .option-cnt .option-item a:active {
    color: #f6ab01
}

.selectmo .option-cnt .option-item a.selected {
    background-color: #eee
}

.address-cnt {
    position: relative
}

.address-cnt .cover-group {
    position: absolute;
    top: 0;
    left: 125px;
    line-height: 30px
}

.address-cnt .cover-group i {
    display: inline-block;
    width: 95px;
    text-align: center;
    float: left;
    color: #333;
    font-style: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.address-cnt .cover-group b {
    float: left;
    display: inline-block;
    color: #cbcbcb
}

.state {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 14px;
}

.state p {
    text-indent: 2em;
    margin-top: 0;
    margin-bottom: 5px
}

.exAlert {
    text-align: center
}

.exAlert a {
    color: #004a8f
}

.exAlert a:active, .exAlert a:focus, .exAlert a:hover {
    color: #0083fd;
    outline: 0
}

.exAlert a:active {
    color: #f6ab01
}

.suggestion p {
    margin-top: 0;
    margin-bottom: 0;
    text-indent: 2em
}

.suggestion p a {
    margin-left: 5px;
    margin-right: 5px;
    color: #777
}

.suggestion p a:active, .suggestion p a:focus, .suggestion p a:hover {
    color: #555;
    outline: 0
}

.suggestion p a:active {
    color: #f6ab01
}

.suggestion p a:hover {
    text-decoration: underline
}

.download-list .list-title {
    color: #004a8f
}

.download-list .download-item {
    position: relative;
    margin-top: 15px;
    padding-left: 10px;
    padding-bottom: 5px;
    border-bottom: 1px solid #eee;
    padding-bottom: 20px;
}

.download-list .download-item .dTitle {
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: normal;
}

.download-list .download-item .dTitle em{
    display: inline-block;
    background: #6e88e4;
    color: #fff;
    border-radius: 3px;
    padding: 0 5px;
    font-size: 12px;
    vertical-align: middle;
    margin-left: 10px;
    font-style: normal;
    height: 20px;
    line-height: 20px;
}

.infinite-soft-ware p span{
    display: block;
    font-style: normal;
    text-indent: 0;
    background: #f6f6f6;
    overflow: hidden;
    padding: 10px;
    border-radius: 10px;
    margin-top: 15px;
}
.infinite-soft-ware p span em{
    display: block;
    font-style: normal;
    float: left;
    margin-right: 30px;
    border-right: 1px dashed #ccc;
    padding-right: 30px;
    color: #17308b;
}
.infinite-soft-ware p span em i{
    padding: 0 5px;
    color: #17308b;
}

.download-list .download-item p {
    margin-top: 5px;
    margin-bottom: 0;
    font-size: 16px;
    color: #999;
}

.download-list .download-item p .gray-link {
    color: #777;
    text-decoration: underline
}

.download-list .download-item p .gray-link:active, .download-list .download-item p .gray-link:focus, .download-list .download-item p .gray-link:hover {
    color: #222;
    outline: 0
}

.download-list .download-item p .gray-link:active {
    color: #f6ab01
}

.download-list .download-item .download-inner {
    position: relative
}

.download-list .download-item .right-cnt {
    position: absolute;
    top: 0px;
    right: 70px;
}

.download-list .download-item .right-cnt li {
    margin-left: 8px;
    display: inline-block;
    color: #ddd;
}

.download-list .download-item .right-cnt li .iconfont {
    color: #1D3381;
    margin-right: 3px;
}

.download-list .download-item .right-cnt li a {
    color: #555;
    margin-left: 5px;
    font-size: 16px;
    color: #1D3381;
}

.download-list .download-item .right-cnt li a:active, .download-list .download-item .right-cnt li a:focus, .download-list .download-item .right-cnt li a:hover {
    color: #222;
    outline: 0
}

.download-list .download-item .right-cnt li a:active {
    color: #f6ab01
}

.download-list .download-item .right-cnt li a:hover {
    text-decoration: underline
}

.download-list .download-item .check-group {
    margin-top: 5px
}

.download-list .download-item .check-group span {
    margin-left: 3px
}

.download-list .download-item .icon-star {
    position: absolute;
    top: -10px;
    right: -20px;
    color: red !important
}

.add-more {
    padding-top: 20px;
    text-align: center
}

.add-more a {
    display: inline-block;
    padding: 5px 1em;
    color: #fff;
    background-color: #004a8f
}

.add-more a:active, .add-more a:focus, .add-more a:hover {
    color: #fff;
    background-color: #0066c6;
    outline: 0
}

.add-more a:active {
    color: #f6ab01
}

.add-more a.disabled {
    background-color: #777 !important
}

.download-indent p {
    text-indent: 2em
}

.download-indent img.pull-right {
    margin-left: 15px
}

.download-text h3 {
    color: #004a8f
}

.download-text h4 {
    margin-top: 15px;
    margin-bottom: 5px
}

.download-text p {
    margin-top: 0;
    margin-bottom: 5px;
    color: #999;
    font-size: 14px;
    line-height: 30px;
}

.download-text p.text-indent {
    text-indent: 2em
}

.download-text ol {
    margin-top: 0;
    padding-left: 23px
}

.download-text a {
    color: #1D3381;
    margin-left: 5px;
}

.download-text a:active, .download-text a:focus, .download-text a:hover {
    color: #3b3b3b;
    outline: 0
}

.download-text a:active {
    color: #f6ab01
}

.download-text a:hover {
    text-decoration: underline
}

.download-text table {
    margin-top: 30px;
}

.download-text table td {
    padding: 20px;
}

.download-text table td.table-title {
    width: 230px;
    font-weight: 700;
    vertical-align: top
}

.download-text table td.td-nowrap {
    white-space: nowrap
}

.download-text table .table-item {
    position: relative;
    padding-bottom: 20px
}

.download-text table .table-item .right-cnt {
    position: absolute;
    bottom: 0;
    right: 0
}

.download-text table .table-item .right-cnt li {
    margin-left: 8px
}

.download-text table .table-item .right-cnt li .iconfont {
    color: #004a8f;
    margin-right: 3px
}

.nonstandard-dialog h3 {
    margin-bottom: 15px;
    text-align: center;
    color: #004a8f
}

.nonstandard-dialog h4 {
    color: #004a8f;
    margin-top: 10px;
    margin-bottom: 10px
}

.nonstandard-dialog p {
    margin-top: 5px;
    margin-bottom: 5px
}

.nonstandard-dialog p.text-indent {
    text-indent: 2em
}

.nonstandard-dialog ol {
    margin-top: 5px;
    margin-bottom: 5px;
    padding-left: 25px
}

.nonstandard-dialog .inner-switch {
    height: 450px;
    overflow-y: auto
}

#sim-dialog p {
    text-indent: 1em
}

#sim-dialog p.text-right {
    text-align: right
}

.center-link {
    text-align: center
}

.center-link a {
    display: inline-block;
    padding: 3px 1em;
    color: #fff;
    background-color: #004a8f
}

.center-link a:active, .center-link a:focus, .center-link a:hover {
    color: #fff;
    background-color: #0070d8;
    outline: 0
}

.center-link a:active {
    color: #f6ab01
}

.soft-application .appl-item {
    margin-bottom: 10px;
    zoom: 1
}

.soft-application .appl-item:after, .soft-application .appl-item:before {
    content: " ";
    display: table
}

.soft-application .appl-item:after {
    clear: both
}

.soft-application .appl-item label {
    float: left;
    display: inline-block;
    height: 28px;
    line-height: 28px;
    width: 110px;
    padding-right: 15px;
    text-align: right
}

.soft-application .appl-item label i {
    margin-right: 3px;
    color: red
}

.soft-application .appl-item .appl-text {
    float: left;
    display: inline-block;
    width: 155px;
    height: 28px;
    line-height: 28px;
    padding: 0 5px;
    background-color: #f5f5f5;
    border: 1px solid #777;
    border-radius: 3px
}

.soft-application .appl-item .appl-text:focus {
    background-color: #fff;
    outline: 0
}

.soft-application .appl-item .Validform_checktip {
    float: left;
    margin-left: 10px;
    line-height: 28px
}

.soft-application .center-item {
    text-align: center
}

.soft-result {
    margin-top: 10px;
    margin-bottom: 15px;
    text-align: center
}

.soft-result .success-result {
    font-size: 16px;
    color: green
}

.soft-result .error-result {
    color: red
}

.about-content h3.center-title {
    text-align: center
}

.about-content h4 {
    margin-top: 5px;
    margin-bottom: 5px
}

.about-content p {
    text-indent: 2em;
    line-height: 1.8
}

.about-content p.blueText {
    color: #004a8f
}

.about-content p .red-text {
    color: red
}

.about-content img {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.mile-content h5 {
    margin-bottom: 5px;
    /* text-indent: 1em; */
    color: #1D3381;
    font-size: 14px;
}

.mile-content .text-indent {
    text-indent: 2em
}

.honor-link-group a {
    color: #777
}

.honor-link-group a:active, .honor-link-group a:focus, .honor-link-group a:hover {
    color: #333;
    outline: 0
}

.honor-link-group a:active {
    color: #f6ab01
}

.common-content p {
    margin-top: 0;
    margin-bottom: 5px
}

.contact-item {
    padding-bottom: 8px
}

.contact-item + .contact-item {
    border-top: 1px solid #dfdfdf
}

.contact-item h4 {
    margin-top: 10px;
    margin-bottom: 5px;
    color: #1D3381;
    /* text-indent: 1em; */
}

.contact-item p {
    margin-top: 0;
    margin-bottom: 0
}

.corcultrue-content h4 {
    margin-top: 10px;
    margin-bottom: 10px;
    color: #1D3381;
}

.info-list-content .list-search-cnt {
    margin-top: 10px;
    margin-bottom: 20px;
    text-align: center;
    height: 28px;
    line-height: 28px
}

.info-list-content .list-search-cnt .innerSearchText {
    width: 210px;
    padding: 0 3px;
    margin-left: 10px;
    margin-right: 10px;
    background-color: #f5f5f5;
    border: 1px solid #777;
    border-radius: 3px;
    color: #777
}

.info-list-content .list-search-cnt .innerSearchText:focus {
    background-color: #fff;
    outline: 0
}

.info-list-content .list-search-cnt .search-btn {
    width: 60px;
    padding: 0;
    background-color: #1D3381;
    border: 1px solid #1D3381;
    color: #fff;
}

.info-list-content .list-search-cnt .search-btn:focus, .info-list-content .list-search-cnt .search-btn:hover {
    background-color: #0070d8;
    border-color: #004a8f;
    outline: 0
}

.info-list-content .list-search-cnt .search-btn:active {
    outline: 0;
    background-color: #e0842a;
    border-color: #a35c18
}

.info-list-content table {
    border-color: #b8bdbf
}

.info-list-content table th {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 16px;
    color: #1D3381;
}

.info-list-content table td {
    padding: 5px 10px
}

.info-list-content #navigatediv ul {
    margin-top: 15px
}

.info-list-content a {
    color: #777
}

.info-list-content a:active, .info-list-content a:focus, .info-list-content a:hover {
    color: #333;
    outline: 0
}

.info-list-content a:active {
    color: #f6ab01
}

.info-list-content a:hover {
    text-decoration: underline
}

.info-list-content .broker-group {
    border: 1px solid #777
}

.info-list-content .broker-group .head-content {
    float: left;
    margin-right: 10px;
    padding: 10px 20px 0 10px;
    text-align: center;
    border-right: 1px solid #adadad
}

.info-list-content .broker-group .head-content img {
    display: block;
    margin-bottom: 8px;
    border: 3px solid #bebebe
}

.info-list-content .broker-group .head-content .name {
    color: #004a8f;
    font-size: 16px;
    line-height: 2
}

.info-list-content .broker-group label {
    display: inline-block;
    width: 80px;
    text-align: right
}

.branch-cnt {
    width: 800px;
    height: 556px;
    margin-top: 10px;
    background: url(/img/branch-map.png) no-repeat 20px 35px;
    position: relative;
    margin: 0 auto;
}

.branch-cnt a {
    position: absolute;
    font-size: 12px
}

.branch-cnt a.white-link {
    color: #fff
}

.branch-cnt a.white-link:active, .branch-cnt a.white-link:focus, .branch-cnt a.white-link:hover {
    color: #df842a;
    outline: 0
}

.branch-cnt a.white-link:active {
    color: #f6ab01
}

.branch-cnt a.blue-link {
    color: #777
}

.branch-cnt a.blue-link:active, .branch-cnt a.blue-link:focus, .branch-cnt a.blue-link:hover {
    color: #df842a;
    outline: 0
}

.branch-cnt a.blue-link:active {
    color: #f6ab01
}

.branch-cnt .haerbin {
    left: 543px;
    top: 128px
}

.branch-cnt .shenyang {
    left: 525px;
    top: 182px
}

.branch-cnt .beijing {
    left: 448px;
    top: 205px
}

.branch-cnt .tianjing {
    left: 450px;
    top: 236px
}

.branch-cnt .taiyuan {
    left: 413px;
    top: 257px
}

.branch-cnt .qingdao {
    left: 503px;
    top: 266px
}

.branch-cnt .lanzhou {
    left: 326px;
    top: 283px
}

.branch-cnt .zhengzhou {
    left: 426px;
    top: 295px
}

.branch-cnt .dalian {
    left: 512px;
    top: 226px
}

.branch-cnt .shanghai {
    left: 523px;
    top: 288px
}

.branch-cnt .shhongqiao {
    left: 534px;
    top: 305px
}

.branch-cnt .xiamen {
    left: 482px;
    top: 393px
}

.branch-cnt .puning {
    left: 460px;
    top: 410px
}

.branch-cnt .guangzhou {
    left: 430px;
    top: 417px
}

.branch-cnt .shenzhen {
    left: 465px;
    top: 441px
}

.branch-cnt .nantong {
    left: 490px;
    top: 299px
}

.branch-cnt .wuhu {
    left: 463px;
    top: 328px
}

.branch-cnt .chengdu {
    left: 345px;
    top: 335px
}

.branch-cnt .chongqing {
    left: 373px;
    top: 349px
}

.branch-cnt .haining {
    left: 660px;
    top: 334px
}

.branch-cnt .taizhou {
    left: 660px;
    top: 402px;
}

.branch-cnt .wenzhou {
    left: 660px;
    top: 288px
}

.branch-cnt .jiaxing {
    left: 660px;
    top: 310px
}

.branch-cnt .xiaoshan {
    left: 660px;
    top: 357px;
}

.branch-cnt .cixi {
    left: 660px;
    top: 265px
}

.branch-cnt .shaoxing {
    left: 660px;
    top: 425px;
}

.branch-cnt .ningbo {
    left: 660px;
    top: 242px
}

.branch-cnt .yongkang {
    left: 660px;
    top: 448px;
}

.branch-cnt .yuyao {
    left: 660px;
    top: 379px;
}

.branch-cnt .zhoushan {
    left: 660px;
    top: 495px
}

.branch-cnt .nanchang {
    left: 460px;
    top: 370px
}

.branch-cnt .suzhou {
    left: 480px;
    top: 313px
}

.branch-cnt .yiwu {
    left: 660px;
    top: 333px;
}

.branch-cnt .hangzhou {
    left: 660px;
    top: 196px
}

.branch-cnt .ziben {
    left: 660px;
    top: 218px
}

.branch-cnt .henghua {
    left: 435px;
    top: 456px
}

.branch-cnt .shantou {
    left: 490px;
    top: 425px
}

.rule-content a {
    color: #777
}

.rule-content a:active, .rule-content a:focus, .rule-content a:hover {
    color: #333;
    outline: 0
}

.rule-content a:active {
    color: #f6ab01
}

.switch-tab {
    border-bottom: 1px solid #b8bdbf
}

.switch-tab span {
    display: inline-block;
    padding: 3px 1em;
    margin-bottom: -1px;
    cursor: pointer
}

.switch-tab span.active {
    border-top: 2px solid #1D3381;
    border-left: 1px solid #b8bdbf;
    border-right: 1px solid #b8bdbf;
    border-bottom: 1px solid #f5f5f5;
    cursor: default;
}

.exlink-content h4 {
    color: #1D3381;
}

.exlink-content ol {
    margin-top: 0;
    margin-bottom: 0
}

.exlink-content ol li {
    margin-top: 5px;
    margin-bottom: 5px
}

.exlink-content p {
    margin-top: 5px;
    margin-bottom: 5px;
    text-indent: 2em
}

.exlink-content p a {
    margin-left: 5px
}

.exlink-content a {
    color: #777
}

.exlink-content a:active, .exlink-content a:focus, .exlink-content a:hover {
    color: #333;
    outline: 0
}

.exlink-content a:active {
    color: #f6ab01
}

.exlink-content a:hover {
    text-decoration: underline
}

.lcontent {
    border-top: 1px solid #cacaca;
    margin-top: 10px
}

.lcontent h3 {
    color: #004a8f;
    margin-bottom: 10px
}

.lcontent p {
    text-indent: 2em;
    margin-top: 5px;
    margin-bottom: 5px
}

#box {
    width: 850px
}

#box li {
    width: 500px
}

.signpage .mb-wrapper {
    border: none;
    box-shadow: none
}

.signpage .mb-inside {
    padding: 0;
    border: none
}

.signpage .mb-controls {
    background-color: transparent
}

.signpage .mb-controls a.current {
    color: #000
}

.signpage .mb-active-slider .mb-controls {
    background-color: transparent
}

.page-banner {
    position: relative;
    width: 800px;
    margin-left: auto;
    margin-right: auto;
    overflow: auto
}

.page-banner ul {
    margin-top: 0;
    margin-bottom: 0
}

.page-banner ul .clearfix, .page-banner ul li {
    width: 100%;
    height: 380px;
    float: left
}

.page-banner .dots {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    text-align: center
}

.page-banner .dots li {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 0 3px;
    text-indent: -999em;
    border: 1px solid #fff;
    border-radius: 6px;
    cursor: pointer;
    opacity: .4;
    -webkit-transition: background .5s, opacity .5s;
    -moz-transition: background .5s, opacity .5s;
    -webkit-transition: background .5s;
    -moz-transition: background .5s;
    -ms-transition: background .5s;
    -o-transition: background .5s;
    transition: background .5s
}

.page-banner .dots li.active {
    background: #fff;
    opacity: 1
}

.image-content p {
    margin-bottom: 0
}

.index-content {
    margin-top: 20px
}

.slide-content {
    width: 360px
}

#J_nhzstable {
    margin-top: 15px
}

#J_nhzstable table {
    border: 1px solid #777
}

#J_nhzstable table th {
    padding-top: 14px;
    padding-bottom: 14px;
    background-color: #777;
    color: #fff
}

#J_nhzstable table th.todayDate {
    font-size: 16px
}

#J_nhzstable table td {
    padding: 8px
}

#J_nhzstable table td.redFont {
    color: red
}

#J_nhzstable table td.greenFont {
    color: green
}

#J_nhzstable table td.toRight {
    text-align: right
}

.valid-item {
    margin-bottom: 8px;
    zoom: 1
}

.valid-item:after, .valid-item:before {
    content: " ";
    display: table
}

.valid-item:after {
    clear: both
}

.valid-item .Validform_checktip {
    float: left;
    height: 30px;
    line-height: 30px;
    margin-left: 10px
}

.valid-label {
    float: left;
    display: inline-block;
    height: 28px;
    line-height: 28px;
    text-align: right
}

.valid-label i {
    padding-right: 3px;
    color: red
}

.label-long {
    width: 150px;
    padding-right: 15px
}

.label-short {
    width: 110px;
    padding-right: 5px
}

.valid-area, .valid-input {
    float: left;
    padding: 0 3px;
    background-color: #f5f5f5;
    border: 1px solid #777;
    border-radius: 3px
}

.valid-area:focus, .valid-input:focus {
    background-color: #fff;
    outline: 0
}

.valid-input {
    height: 28px;
    line-height: 28px
}

.valid-area {
    width: 200px;
    resize: none
}

.input-long {
    width: 200px
}

.input-short {
    width: 170px;
}

.input-shorter {
    width: 88px
}

.address-input {
    width: 600px
}

.valid-img {
    float: left;
    width: 75px;
    height: 30px;
    margin-left: 15px;
    cursor: pointer
}

.inner-group, .line-group {
    line-height: 28px
}

.inner-group span, .line-group span {
    margin-left: 3px;
    margin-right: 15px
}

.inner-group {
    height: 30px
}

.error-show {
    clear: both;
    height: 30px;
    line-height: 30px;
    color: red;
    font-size: 12px
}

.error-show.right-show {
    color: green
}

.btn-group {
    width: 500px;
    margin: 10px auto 0;
    padding-top: 10px;
    text-align: center
}

.btn-group.topborder {
    /* border-top: 1px solid #777 */
}

.btn-group a {
    display: inline-block;
    color: #fff !important;
    line-height: 40px;
}

.common-btn {
    width: 360px;
    height: 40px;
    margin-left: 10px;
    margin-right: 10px;
    background-color: #1a3186;
    border: 1px solid #1a3186;
    color: #fff;
    font-size: 16px;
    border-radius: 2px;
}

.common-btn:focus, .common-btn:hover {
    background-color: #0070d8;
    border-color: #004a8f;
    outline: 0
}

.common-btn:active {
    outline: 0;
    background-color: #e0842a;
    border-color: #a35c18
}

.title-group {
    text-align: center
}

.title-group h3 {
    margin-bottom: 10px
}

.title-group .red-title {
    margin-top: 0;
    margin-bottom: 0;
    color: red;
    font-size: 14px;
}

.valid-line {
    margin-bottom: 20px;
    zoom: 1;
}

.valid-line:after, .valid-line:before {
    content: " ";
    display: table
}

.valid-line:after {
    clear: both
}

.valid-line:before {
    clear: both
}

.valid-form {
    padding-top: 15px;
    padding-bottom: 7px;
    background-color: #f6f6f6;
    border-radius: 5px;
}

.valid-form .valid-halfline {
    float: left;
    width: 50%;
    margin-bottom: 20px;
    zoom: 1;
}

.valid-form .valid-halfline:after, .valid-form .valid-halfline:before {
    content: " ";
    display: table
}

.valid-form .valid-halfline:after {
    clear: both
}

.news-content {
    margin-top: 5px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #fff
}

.news-content .news-item {
    position: relative;
    height: 35px;
    line-height: 35px;
    padding-left: 20px;
    padding-right: 60px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #eee;
}

.news-content .news-item .iconfont {
    position: absolute;
    top: 0;
    left: 0;
    color: #777
}

.news-content .news-item .news-title {
    display: inline-block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #666;
}

.news-content .news-item .news-title:active, .news-content .news-item .news-title:focus, .news-content .news-item .news-title:hover {
    color: #0070d8;
    outline: 0
}

.news-content .news-item .news-title:active {
    color: #f6ab01
}

.news-content .news-item .news-date {
    position: absolute;
    top: 0;
    right: 10px
}

.news-wrap {
    position: relative;
    margin-top: 0px;
    margin-bottom: 35px;
}

.news-wrap.no-nav {
    /* margin-top: 15px */
}

.news-wrap .news-more {
    position: absolute;
    bottom: -10px;
    right: 10px;
    display: inline-block;
    padding: 3px 1em;
    color: #eee;
    background-color: #1D3381;
}

.news-wrap .news-more:active, .news-wrap .news-more:focus, .news-wrap .news-more:hover {
    color: #fff;
    background-color: #0079eb;
    outline: 0
}

.news-wrap .news-more:active {
    color: #f6ab01
}

.book-list li {
    display: block;
    margin-bottom: 20px;
    margin-left: 25px;
    margin-right: 25px;
    padding-bottom: 20px;
    border-bottom: 1px dotted #333;
    zoom: 1
}

.book-list li:after, .book-list li:before {
    content: " ";
    display: table
}

.book-list li:after {
    clear: both
}

.book-list img {
    float: left;
    display: block;
    width: 120px;
    height: 160px;
    margin-right: 10px
}

.book-list h3 {
    margin-top: 0;
    margin-bottom: 0;
    color: #004a8f
}

.book-list .bookcomment .book-btn {
    border: none;
    background-color: transparent;
    color: #004a8f
}

.book-list .bookcomment span {
    margin-right: 10px
}

#news-float {
    position: absolute;
    width: 260px;
    z-index: 13
}

#news-float .news-wrap {
    margin-top: 15px
}

#news-float .news-float-content {
    text-indent: 2em
}

#news-float .news-float-content a {
    color: #555
}

#news-float .news-float-content a:active, #news-float .news-float-content a:focus, #news-float .news-float-content a:hover {
    color: grey;
    outline: 0
}

#news-float .news-float-content a:active {
    color: #f6ab01
}

.detail-wrap {
    background-color: #f5f5f5;
    border-bottom: 1px solid #e2e2e2
}

.detail-box {
    margin-top: 15px;
    padding: 0 20px 25px;
    background-color: #f5f5f5;
    zoom: 1;
    border-radius: 5px;
}

.detail-box:after, .detail-box:before {
    content: " ";
    display: table
}

.detail-box:after {
    clear: both
}

.detail-box .detail-head {
    margin: 0 -20px 25px;
    background-color: #eee;
    border-bottom: 1px solid #e2e2e2;
    text-align: center;
    border-radius: 5px 5px 0 0;
}

.detail-box .detail-title {
    position: relative;
    margin-left: 25px;
    margin-right: 25px
}

.detail-box .detail-title span {
    display: inline-block;
    margin-top: -15px;
    padding: 5px 1em;
    background-color: #1D3381;
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    border-radius: 2px;
}

.detail-box .sub-title {
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: 30px
}

.detail-box .sub-title span {
    display: inline-block;
    margin-right: 15px
}

.detail-box .sub-title span i {
    font-size: 12px;
    font-style: normal
}

.detail-box .sub-title span b {
    color: #1D3381;
    text-decoration: underline;
}

.detail-content p, .other-content p {
    margin-top: 5px;
    margin-bottom: 10px;
    text-indent: 2em
}

.detail-content p.no-indent, .other-content p.no-indent {
    text-indent: 0
}

.detail-content img, .other-content img {
    display: block;
    margin: 15px auto;
    max-width: 100%
}

.detail-content table, .other-content table {
    width: 100%;
    border-color: #777;
    margin-bottom: 15px
}

.detail-content table td, .detail-content table th, .other-content table td, .other-content table th {
    padding: 5px .6em
}

.other-content h3 {
    text-align: center;
    color: #1a3186;
}

.other-content h4 {
    color: #1D3381;
}

.other-content a {
    color: #004a8f
}

.other-content a:active, .other-content a:focus, .other-content a:hover {
    color: #0079eb;
    outline: 0
}

.other-content a:active {
    color: #f6ab01
}

.other-content ol {
    padding-left: 25px
}

.other-content ol li {
    margin-bottom: 5px
}

.other-content .paraInner {
    padding-left: 24px
}

.other-content .red {
    color: red
}

.other-content .overflow-cnt {
    border: 1px solid #b8bdbf;
    height: 300px;
    padding: 10px;
    overflow: auto
}

.other-content .text-center {
    text-align: center
}

.other-content .text-right {
    text-align: right
}

.search-group {
    margin-top: 20px;
    margin-bottom: 20px;
    zoom: 1
}

.search-group:after, .search-group:before {
    content: " ";
    display: table
}

.search-group:after {
    clear: both
}

.search-group .inner-cnt {
    position: relative;
    width: 600px;
    margin-left: auto;
    margin-right: auto
}

.search-group .inner-cnt .valid-input {
    width: 450px
}

.search-group .inner-cnt .sTip {
    position: absolute;
    top: 0;
    left: 5px;
    display: inline-block;
    line-height: 30px;
    color: #777
}

.result-cnt {
    padding: 15px 25px;
    background-color: #f5f5f5
}

.result-cnt .total .totalNum {
    margin-left: 10px;
    margin-right: 10px;
    font-size: 20px;
    color: #71b83d
}

.result-cnt #result-list {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #fff
}

.result-cnt #result-list li {
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #eee
}

.result-cnt #result-list a {
    font-size: 18px;
    color: #004a8f
}

.result-cnt #result-list a:active, .result-cnt #result-list a:focus, .result-cnt #result-list a:hover {
    color: #0079eb;
    outline: 0
}

.result-cnt #result-list a:active {
    color: #f6ab01
}

.result-cnt #result-list a:hover {
    text-decoration: underline
}

.result-cnt #result-list p {
    text-indent: 2em
}

.result-cnt #result-list span {
    display: inline-block;
    margin-right: 15px
}

.result-cnt #result-list span i {
    font-size: 12px;
    font-style: normal
}

.result-cnt #result-list span b {
    text-decoration: underline
}

.option-content .pic-list {
    position: relative;
    display: inline-block;
    border: 3px solid #fff;
    color: #fff;
    overflow: hidden
}

.option-content .pic-list img {
    vertical-align: middle
}

.option-content .pic-list .pic-text {
    position: absolute;
    bottom: 30px;
    left: 0;
    width: 254px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
    background-color: rgba(0, 0, 0, .5);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.option-content .pic-list .pic-text span {
    display: block;
    line-height: 26px
}

.option-content .pic-list:hover {
    border-color: #0187c7
}

.option-content .pic-list:hover .pic-text {
    opacity: 1;
    visibility: visible;
    bottom: 0
}

.league-content h4 {
    margin-bottom: 10px;
    color: #004a8f
}

.league-content h4 .text-underline {
    text-decoration: underline
}

.league-content p {
    text-indent: 2em;
    margin-top: 5px;
    margin-bottom: 5px
}

.league-content .text-right {
    text-align: right
}

.league-title-img {
    /* margin-bottom: 20px; */
    width: 966px;
    margin: 0 auto;
}

.league-title-img img {
    width: 480px;
    margin: 0;
}

.amc-menu {
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 10px solid #b8bdbf;
    border-bottom: 10px solid #b8bdbf;
    text-align: center;
}

.amc-menu a {
    display: inline-block;
    border: 1px solid #fff
}

.amc-menu a:hover {
    border-color: #0187c7
}

.product-list li {
    width: 436px;
    margin: 10px 15px;
    padding-bottom: 20px;
    border-bottom: 1px dotted #555
}

.product-list li img {
    float: left;
    width: 230px;
    height: 160px;
    margin-right: 10px
}

.product-list li h3 {
    color: #004a8f
}

.amc-cnt {
    zoom: 1
}

.amc-cnt:after, .amc-cnt:before {
    content: " ";
    display: table
}

.amc-cnt:after {
    clear: both
}

.amc-cnt .top-tip {
    margin: 5px -20px 20px;
    padding: 15px 25px;
    background-color: #004a8f;
    color: #fff
}

.amc-cnt .valid-item {
    width: 50%;
    float: left
}

.amc-cnt .long-item {
    width: 100%;
    clear: both
}

.deri-product-list li {
    width: 33%;
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: center;
    overflow: hidden
}

.deri-product-list li a {
    display: inline-block;
    padding: 3px;
    border: 2px solid #f5f5f5;
    color: #333
}

.deri-product-list li a:active, .deri-product-list li a:focus, .deri-product-list li a:hover {
    color: #777;
    outline: 0
}

.deri-product-list li a:active {
    color: #f6ab01
}

.deri-product-list li a:hover {
    border-color: #0187c7
}

.deri-product-list li a img {
    vertical-align: middle
}

.crude-content .pic-list {
    position: relative;
    display: inline-block;
    border: 3px solid #fff;
    color: #fff;
    overflow: hidden
}

.crude-content .pic-list img {
    vertical-align: middle
}

.crude-content .pic-list .pic-text {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 254px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
    background-color: rgba(0, 0, 0, .5);
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.crude-content .pic-list .pic-text span {
    display: block;
    line-height: 26px
}

.crude-content .pic-list:hover {
    border-color: #0187c7
}

.crude-content .pic-list:hover .pic-text {
    background-color: transparent;
    font-size: 18px
}

.section.active .animate-down, .section.active .animate-enlarge, .section.active .animate-leftin, .section.active .animate-rightin, .section.active .animate-up {
    opacity: 1
}

.section.active .animate-down {
    top: 0
}

.section.active .animate-up {
    bottom: 0
}

.section.active .animate-rightin {
    right: 0
}

.section.active .animate-leftin {
    left: 0
}

.section.active .animate-enlarge {
    transform: scale(1, 1)
}

.section .animate-down, .section .animate-leftin, .section .animate-rightin, .section .animate-up {
    position: relative;
    opacity: 0;
    transition-duration: 1s;
    transition-delay: .5s
}

.section .animate-down {
    top: -150px;
    transition-property: top, opacity
}

.section .animate-up {
    bottom: -150px;
    transition-property: bottom, opacity
}

.section .animate-rightin {
    right: -150px;
    transition-property: right, opacity
}

.section .animate-leftin {
    left: -150px;
    transition-property: left, opacity
}

.section .animate-enlarge {
    opacity: 0;
    transform: scale(.3, .3);
    transition-property: transform, opacity;
    transition-duration: 1s;
    transition-delay: .5s
}

.signpage {
    width: 1000px;
    margin-left: auto;
    margin-right: auto
}

.signpage .page-title {
    margin-bottom: 15px;
    padding-left: 15px;
    border-left: 4px solid #004a8f
}

.signpage .main {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 30px;
    line-height: 30px;
    color: #004a8f
}

.signpage .desc {
    margin-top: 8px;
    margin-bottom: 0;
    font-size: 18px
}

.signpage .page-center {
    height: 400px
}

.signpage .btn-home {
    display: block;
    width: 136px;
    height: 36px;
    line-height: 36px;
    border-radius: 5px;
    color: #004a8f;
    background-color: transparent;
    text-align: center;
    border: 1px solid #c7c7c7;
    float: right
}

.signpage .btn-home:active, .signpage .btn-home:focus, .signpage .btn-home:hover {
    color: #fff;
    background-color: #004a8f;
    outline: 0
}

.signpage .btn-home:active {
    color: #f6ab01
}

.timeline-content {
    position: relative;
    width: 820px;
    margin-left: auto;
    margin-right: auto
}

.timeline-content .time-next, .timeline-content .time-prev {
    position: absolute;
    top: 115px;
    width: 90px;
    height: 90px;
    cursor: pointer
}

.timeline-content .time-prev {
    left: -90px;
    background: url(../img/time_left.png) no-repeat
}

.timeline-content .time-prev:hover {
    background: url(../img/time_left_hover.png) no-repeat
}

.timeline-content .time-next {
    right: -90px;
    background: url(../img/time_right.png) no-repeat
}

.timeline-content .time-next:hover {
    background: url(../img/time_right_hover.png) no-repeat
}

#timeline {
    position: relative;
    overflow: hidden;
    background: url(../img/time_line.png) left 73px repeat-x
}

.dates {
    height: 80px;
    overflow: hidden
}

.dates .clearfix, .dates li {
    float: left;
    width: 120px;
    height: 75px;
    font-size: 24px;
    text-align: center;
    background: url(../img/time_dot.png) center bottom no-repeat
}

.dates a {
    display: block;
    height: 60px;
    line-height: 38px;
    padding-bottom: 10px;
    font-size: 28px;
    text-decoration: none;
    color: #004a8f
}

.dates a:active, .dates a:focus, .dates a:hover {
    color: #d36a31;
    outline: 0
}

.dates a:active {
    color: #f6ab01
}

.dates .selected {
    font-size: 42px;
    color: #d36a31;
    background: url(../img/time_dot_active.png) 43px 43px no-repeat
}

.issues .clearfix, .issues li {
    float: left;
    width: 820px;
    position: relative
}

.issues .clearfix .content-left, .issues li .content-left {
    position: absolute;
    top: 20px;
    left: 20px;
    font-size: 42px;
    color: #d36a31;
    text-shadow: 1px 1px 2px #000
}

.issues .clearfix .content-right, .issues li .content-right {
    margin: 10px 10px 10px 150px;
    font-size: 14px;
    line-height: 22px
}

.issues .clearfix .content-right p, .issues li .content-right p {
    margin-top: 5px;
    margin-bottom: 5px
}
#hotlink .hotlink-tab {
    margin-bottom: 20px;
    /* border-bottom: 1px solid #b8bdbf; */
}
#hotlink .hotlink-tab span {
    display: inline-block;
    width: 260px;
    /* margin-bottom: -1px; */
    color: #555;
    cursor: pointer;
    background: #F2F2F2;
    height: 45px;
    text-align: center;
    line-height: 45px;
    border-radius: 7px;
    margin-right: 20px;
    font-size: 16px;
}
#hotlink .hotlink-tab span.active {
    background: #1D3381;
    /* border-top: 2px solid #0187c7; */
    /* border-left: 1px solid #b8bdbf; */
    /* border-right: 1px solid #b8bdbf; */
    /* border-bottom: 1px solid #f6f6f6; */
    cursor: default;
    color: #fff;
}
.hotlink-group-box{}
.hotlink-group-box .hotlink-main-group-wx{
    width: 720px;
    border-right: 1px solid #eee;
    float: left;
}
.hotlink-group-box .hotlink-main-group-wx p{
    margin: 0 0 5px 0;
    margin-top: 0px;
    background: #1D3381;
    color: #fff;
    width: 150px;
    text-align: center;
    border-radius: 3px;
    height: 22px;
    line-height: 22px;
}
.hotlink-group-box .hotlink-main-group-wx a{
    /* position: relative; */
    min-width: 162px !important;
}
.hotlink-group-box .hotlink-main-group-wx a img{}
.hotlink-group-box .hotlink-main-group-wx a .hide-code{
    width: 110px;
    display: none;
}
.hotlink-group-box .hotlink-main-group-wx a:hover{}
.hotlink-group-box .hotlink-main-group-wx a:hover .hide-code{
    display:block;
    position:absolute;z-index:9;
    border:1px solid #ccc;
    box-shadow:0 0 10px #ccc;
    margin-top:5px
}
.hotlink-group-box .hotlink-main-group-app{
    width: 100px;
    float: left;
    margin-left: 15px;
    /* border-right: 1px solid #eee; */
    height: 147px;
}
.hotlink-group-box .hotlink-main-group-app p{
    margin: 0 0 5px 0;
    margin-top: 0px;
    background: #1D3381;
    color: #fff;
    width: 80px;
    text-align: center;
    border-radius: 3px;
    height: 22px;
    line-height: 22px;
}
.hotlink-group-box .hotlink-main-group-app a{
    position: relative;
    text-align: center;
    min-width: 80px !important;
}
.hotlink-group-box .hotlink-main-group-app a img{
    height: 31px;
    display: block;
    margin: 0 auto 2px auto;
}
.hotlink-group-box .hotlink-main-group-app a .hide-code{width: 70px;display: none;height: 70px;}
.hotlink-group-box .hotlink-main-group-app a:hover{}
.hotlink-group-box .hotlink-main-group-app a:hover .hide-code{
    display:block;
    position:absolute;z-index:9;
    border:1px solid #ccc;
    box-shadow:0 0 10px #ccc;
    margin-top:5px;
    padding:5px;
    background-color:#fff;
    width:70px;
    height: 70px;
}
.hotlink-group-box .hotlink-main-group-media{
    width: 215px;
    float: left;
    margin-left: 15px;
    border-right: 1px solid #eee;
}
.hotlink-group-box .hotlink-main-group-media p{
    margin: 0 0 5px 0;
    margin-top: 0px;
    background: #1D3381;
    color: #fff;
    width: 120px;
    text-align: center;
    border-radius: 3px;
    height: 22px;
    line-height: 22px;
}
.hotlink-group-box .hotlink-main-group-media a{min-width: 85px !important;/* text-align: center; */padding-bottom: 0px !important;}
.hotlink-group-box .hotlink-main-group-media a img{
    height: 31px;
    display: block;
    margin: 0 auto 2px auto;
}
.hotlink-group-box .hotlink-main-group-media a .hide-code{
    width: 80px;
    height: 80px;
    display: none;
}
.hotlink-group-box .hotlink-main-group-media a:hover{}
.hotlink-group-box .hotlink-main-group-media a:hover .hide-code{
    position:absolute;
    display:block;
    border:1px solid #ccc;
    box-shadow:0 0 10px #ccc;
    margin-left:7px;
    margin-top:5px;
}
.hotlink-jys a{
    width: 182px;
}
.sub-nav{
    overflow: hidden;
    /* height: 50px; */
    /* margin-top: 30px; */
}
.sub-nav .list-float{height: 65px;display: table;width: 100%;}
.sub-nav .list-float ul{}
.sub-nav .list-float ul li{}
.sub-nav .list-float ul li a{}
#hotlink .container{
    width: 1120px !important;
}
.new-box-content{}
.new-box-content p{
}
.download-intro-box{
    text-align: right;
}
.download-intro-box li{
    display: inline-block;
    padding: 0 0 0 100px;
}
.download-intro-box .panel-tab{
}
.download-intro-box .panel-tab a{
    color: #1D3381;
}
.download-intro-box .panel-content{}
.download-intro-box .panel-item{}
.download-intro-box .panel-item h4{}
.download-intro-box .panel-item p{}
.download-remark{
    background: #fff;
    margin-bottom: 30px;
    border-radius: 0 0 10px 10px;
    padding: 20px 30px;
}
.download-remark div{
    border: 1px dashed #1D3381;
    border-radius: 10px;
    padding: 0 20px;
    font-weight: normal;
}
.download-remark h3{
    margin: 10px 0;
    color: #1D3381;
    font-weight: normal;
}
.download-remark h3 i{}
.download-remark p{
    color: #999;
    font-size: 16px;
}
.download-remark ul{}
.download-remark li{
    display: inline-block;
}
.download-remark li a{
    display: block;
    margin-right: 80px;
    color: #1D3381;
    font-size: 16px;
}
.download-nav{
    border-radius: 10px;
    margin-bottom: 30px;
    padding: 40px;
}
.download-link-wrap{
    margin-top: 30px;
}
.download-link-box{
    display: inline-block;
}
.download-link-box .down-load-link{
    display: inline-block;
    padding: 10px 50px;
    background-color: #1D3381;
    color: #fff;
    border-radius: 5px;
    font-size: 18px;
    margin-right: 30px;
}
.download-link-box .down-load-link:hover{background-color: #0079eb;}
.new-dl-icon{
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(/img/new_download_icon.png) no-repeat;
    vertical-align: middle;
}
.online-account{
    margin-top: 30px;
}
.online-account p{
    font-size: 16px;
    color: #999;
}
.online-account p span{
    color: #333;
}
.online-account p span i{
    display: inline-block;
    font-style: normal;
    background: url(/images/open_account_icon_dot.jpg) no-repeat;
    color: #fff;
    width: 25px;
    height: 20px;
    text-align: center;
    /* border-radius: 100px; */
    margin-right: 5px;
    line-height: 18px;
    font-size: 13px;
    font-weight: bold;
}
.account-time img{
    display: block;
    position: absolute;
    top: 67px;
    left: 94px;
    margin: 0 !important;
    width: 116px !important;
}
.account-time span{
    line-height: 30px;
    font-style: normal;
    font-size: 12px;
    text-align: center;
    display: block;
    position: absolute;
    width: 100%;
    color: #999;
    top: 229px;
}
.account-time span em{
    font-style: normal;
    color: #1a3186;
}
.box-title-normal{
    text-align: center;
}
.box-title-normal span{
    font-size: 22px;
    color: #1D3381;
}
.red-imp{
    position: absolute;
    margin-left: -15px;
    color: #ff0000;
    line-height: 35px;
}
.reservation-form{
    margin-top: 50px;
}
.reservation-form .valid-item{
    margin: 15px 0;
}
.reservation-form label{
    font-size: 18px;
    margin-left: 150px;
}
.reservation-form label i{
    font-size: 20px;
}
.reservation-form textarea{
    border: 1px solid #ccc;
    border-radius: 0;
    width: 400px;
    background: #fff;
    font-size: 18px;
}
.reservation-form .valid-input{
    background: #fff;
    border-radius: 0;
    border: 1px solid #ccc;
    width: 400px;
    font-size: 18px;
    height: 35px;
}
.reservation-form .Validform_checktip{
    font-size: 14px;
}
.reservation-btn{
    background: #1D3381;
    color: #fff;
    font-size: 18px;
    border: 0;
    width: 400px;
    height: 40px;
}
.service-nh-wrap {
    padding: 40px 0;
    background: #fff;
    position: relative;
}

.service-nh-box {
    width: 1100px;
    margin: 0 auto;
}

.service-nh-box .service-nh-title {
}

.service-nh-box .service-nh-title b {
    display: block;
    margin: 0 auto;
    text-align: center;
    font-size: 32px;
    font-weight: normal;
}

.service-nh-box .service-nh-title span {
    display: block;
    color: #999;
    font-size: 14px;
    margin: 10px auto 0;
    text-align: center;
}

.service-nh-box .service-nh-title i {
    display: block;
    width: 40px;
    height: 7px;
    background: #1a3186;
    border-radius: 3px;
    margin: 20px auto;
}

.service-nh-box ul {
    margin-top: 40px;
    overflow: hidden;
    zoom: 1;
    margin-bottom: 40px;
}

.service-nh-box li {
    display: block;
    width: 256px;
    float: left;
    margin: 0 8px;
    /* border: 1px solid #eee; */
    /* box-shadow: 0 0 10px #f6f6f6; */
    position: relative;
}

.service-nh-box li ul {
    position: absolute;
    top: 0;
    background: #fff;
    margin: 0;
    width: 256px;
    /* margin-top: 203px; */
    margin-left: 0px;
    border: 1px solid #eee;
    /* border-radius: 8px; */
    /* padding: 10px 0; */
    display: none;
    height: 220px;
}

.service-nh-box li ul li {
    /* height: 40px; */
    /* width: 238px; */
    /* line-height: 50px; */
    /* padding: 5px 0; */
    border: none;
    box-shadow: none;
    padding: 0;
    margin: 0;
}

.service-nh-box li ul li a {
    width: 100%;
    /* height: 40px; */
    text-indent: 10px;
    color: #333;
    /* line-height: 40px; */
    font-size: 16px;
    height: unset;
    /* line-height: 20px; */
    padding: 6px 0px;
}
.service-nh-box li ul li a em{
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 100px;
    background: #999;
    float: left;
    margin: 9px 0 0 10px;
}

.service-nh-box li ul li a:hover {
    color: #004390;
    background: #EDF5FD;
}
.service-nh-box li ul li a:hover em {
    background: #004390;
}
.service-nh-box li img {
    display: block;
    position: absolute;
    /* top: 44px; */
    /* left: 83px; */
    width: 256px;
}

.service-nh-box li span {color: #333;font-size: 20px;text-align: center;padding-top: 172px;display: block;}

.service-nh-box li a {
    display: block;
    margin: 0 auto;
    width: 256px;
    height: 230px;
    position: relative;
}

.service-nh-box li a:hover {

}

.service-nh-box li .service-nh-link1-img {
    background: url("../images/nh_index_link_icon_202012.png") no-repeat 0 0;
    display: block;
    width: 120px;
    height: 120px;
    position: absolute;
    top: 35px;
    left: 65px;
}

.service-nh-box li .service-nh-link2-img {background: url(../images/nh_index_link_icon_202012.png) no-repeat -121px 0;display: block;width: 120px;height: 120px;position: absolute;top: 35px;left: 65px;}

.service-nh-box li .service-nh-link3-img {background: url(../images/nh_index_link_icon_202012.png) no-repeat -242px 0;display: block;width: 120px;height: 120px;position: absolute;top: 35px;left: 65px;}

.service-nh-box li .service-nh-link4-img {background: url(../images/nh_index_link_icon_202012.png) no-repeat -363px 0;display: block;width: 120px;height: 120px;position: absolute;top: 35px;left: 65px;}

.tradeinfo-nh-wrap {
    padding: 40px 0;
    background: #FAFAFA;
}

.tradeinfo-nh-box {
    width: 1100px;
    margin: 0 auto;
}

.tradeinfo-nh-box .tradeinfo-nh-title {
}

.tradeinfo-nh-box .tradeinfo-nh-title b {
    display: block;
    margin: 0 auto;
    text-align: center;
    font-size: 36px;
    font-weight: normal;
}

.tradeinfo-nh-box .tradeinfo-nh-title span {
    display: block;
    color: #999;
    font-size: 18px;
    margin: 0 auto;
    text-align: center;
}

.tradeinfo-nh-box .tradeinfo-nh-title i {
    display: block;
    width: 40px;
    height: 7px;
    background: #1a3186;
    border-radius: 3px;
    margin: 20px auto;
}

.tradeinfo-nh-box ul {
    margin-top: 40px;
    overflow: hidden;
    zoom: 1;
}

.tradeinfo-nh-box li {
    display: block;
    width: 256px;
    text-align: center;
    font-size: 16px;
    position: relative;
    height: 340px;
    margin: 0px 9px;
    float: left;
}

.tradeinfo-nh-box li a {
    position: absolute;
    /* background: #fff; */
    width: 256px;
    height: 300px;
    left: 0;
    top: 10px;
    box-shadow: 0 0 10px #ddd;
    z-index: 99;
    cursor: default;
}

.tradeinfo-nh-box li img {
    display: block;
    margin: 0 auto;
    width: 256px;
    position: absolute;
    top: 10px;
    left: 0;
}

.tradeinfo-nh-box li span {
    display: block;
    margin: 20px auto;
    position: absolute;
    background: #1D3381;
    top: 190px;
    width: 100px;
    color: #fff;
    font-size: 18px;
    border-radius: 15px;
    height: 30px;
    line-height: 30px;
    left: 80px;
}

.tradeinfo-nh-box li em {
    display: block;
    margin: 0 auto 50px;
    position: absolute;
    top: 255px;
    font-size: 14px;
    padding: 0 15px;
    text-align: center;
    width: 226px;
    font-style: normal;
}

.support-nh-wrap {
    padding: 40px 0;
    background: #fff;
    border-bottom: 1px solid #ddd;
}

.support-nh-box {
    width: 1080px;
    margin: 0 auto;
}

.support-nh-box .support-nh-title {
}

.support-nh-box .support-nh-title b {
    display: block;
    margin: 0 auto;
    text-align: center;
    font-size: 36px;
    font-weight: normal;
}

.support-nh-box .support-nh-title span {
    display: block;
    color: #999;
    font-size: 18px;
    margin: 0 auto;
    text-align: center;
}

.support-nh-box .support-nh-title i {
    display: block;
    width: 40px;
    height: 7px;
    background: #1a3186;
    border-radius: 3px;
    margin: 20px auto;
}

.support-nh-box ul {
    margin-top: 40px;
}

.support-nh-box li {
    display: inline-block;
    width: 265px;
    text-align: center;
    font-size: 16px;
    position: relative;
}

.support-nh-box li img {
    display: block;
    margin: 0 auto;
}

.support-nh-box li span {
    display: block;
    margin: 20px auto;
}

.support-nh-box li em {
    display: block;
    margin: 0 auto 50px;
}

.support-nh-box li b {

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    background: #fff;

    opacity: 0.2;

    display: none;
}

.about-nh-title {
    text-align: center;
    width: 1080px;
    margin: 0 auto;
}

.about-nh-title span {
    display: inline-block;
    width: 40px;
    height: 3px;
    background: #1D3381;
    border-radius: 2px;
    vertical-align: 10px;
    margin: 0 20px;
    display: none;
}

.about-nh-title b {
    font-weight: normal;
    color: #333;
    display: inline-block;
    font-size: 36px;
}

.milestone-wrap {
    padding: 40px 0;
    background: #FAFAFA;
}

.milestone-box {
    width: 1080px;
    margin: 0 auto;
    position: relative;
}
.milestone-box div{}
.milestone-box .show-more{
    width: 100%;
    height: 30px;
    position: relative;
}
.milestone-box .show-more .slider-down{
    content: "";
    width: 12px;
    height: 12px;
    border: solid #555;
    border-width: 0 2px 2px 0;
    transform: rotate(
            45deg
    );
    position: absolute;
    left: 50%;
    top: 5px;
}
.milestone-box .show-more .slider-up{
    content: "";
    width: 12px;
    height: 12px;
    border: solid #555;
    border-width: 0 2px 2px 0;
    transform: rotate( 225deg
    );
    position: absolute;
    left: 50%;
    top: 5px;
    display: none;
}

.milestone-box .slide-left {
    background: url("../images/milestone_left_arrow.png") no-repeat center center;
    width: 50px;
    height: 40px;
    display: block;
    position: absolute;
    left: 120px;
    top: 10px;
}

.milestone-box .slide-right {
    background: url("../images/milestone_right_arrow.png") no-repeat center center;
    width: 50px;
    height: 40px;
    display: block;
    position: absolute;
    right: 120px;
    top: 10px;
}

.milestone-box .milestone-title {
    overflow: hidden;
    width: 600px;
    height: 50px;
    position: relative;
    margin: 30px auto;
}

.milestone-box .milestone-slider {
    overflow: hidden;
    zoom: 1;
    height: 50px;
    position: absolute;
    top: 0;
    left: 0;
}

.milestone-box .milestone-slider .left-ss {
    font-size: 20px;
    color: #ddd;
    text-align: left;
    line-height: 66px;
}

.milestone-box .milestone-slider .left-s {
    font-size: 26px;
    color: #aaa;
    text-align: left;
    line-height: 63px;
}

.milestone-box .milestone-slider .middle {
    font-size: 48px;
    color: #1D3381;
}

.milestone-box .milestone-slider .right-s {
    font-size: 26px;
    color: #aaa;
    text-align: right;
    line-height: 63px;
}

.milestone-box .milestone-slider .right-ss {
    font-size: 20px;
    color: #ddd;
    text-align: center;
    line-height: 66px;
}

.milestone-box .milestone-slider span {
    width: 120px;
    display: block;
    float: left;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #FAFAFA;

}

.milestone-content {width: 1160px;margin: 80px auto;}

.milestone-content .milestone-box {
    width: 800px;
    margin: 0 auto;
}

.milestone-content .milestone-box div {
    text-align: center;
    /* background: #1D3381; */
    color: #333;
    width: 800px;
    /* border-radius: 20px; */
    /* height: 150px; */
    padding: 0px 40px;
    overflow: hidden;
    position: relative;
    padding-bottom: 60px;
    padding-top: 30p;
    /* display: none; */
}

.milestone-content .milestone-box div p {/* padding: 40px 30px; */line-height: 20px;text-align: left;/* text-indent: 2em; */position: relative;padding: 0;margin-top: 15px;left: -25px;}

.milestone-content .milestone-box .cur {
    display: block;
}

.milestone-cover {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 99;
    display: none;
}

.new-nav-list-all {
    background: url("../images/nav_bg_test.png") repeat;
    width: 220px;
    position: fixed;
    z-index: 9999;
    right: 0;
    top: 85px;
    display: none;
}

.new-nav-list-all .new-nav-list {
}

.new-nav-list-all .new-nav-list li {
}

.new-nav-list-all .new-nav-list li a {
    display: block;
    height: 40px;
    line-height: 40px;
    color: #fff;
    text-indent: 20px;
}

.new-nav-list-all .new-nav-list li .drop-menu {
    display: none;
}

.new-nav-list-all .new-nav-list li .drop-menu .drop-content {
}

.new-nav-list-all .new-nav-list li .drop-menu .drop-content a {
    text-indent: 40px;
    font-size: 14px;
    height: 25px;
    line-height: 25px;
}
.new-nav-list-all .new-nav-list li .drop-menu .drop-content a:hover{
    font-size: 16px;
    color: #5B85FF;
    background: #091870;
}

.new-nav-list-all .new-nav-list li .drop-menu .drop-content a:hover {


}

.new-nav-list-all .new-nav-list li .drop-menu .drop-content .drop-group {
}

.new-nav-list-all .new-nav-list li .drop-menu .drop-content .drop-group .main-link {
}

.new-nav-list-all .new-nav-list li .drop-menu .drop-content .drop-group .inner-content {
    display: none;
}

.new-nav-list-all .new-nav-list li .drop-menu .drop-content .drop-group .inner-content a {
    text-indent: 70px;
    font-size: 14px;
    height: 25px;
    line-height: 25px;
    overflow: hidden;
}

.new-nav-list-all .new-nav-list li .drop-menu .drop-content .drop-group .inner-content a:hover {
    color: #5B85FF;
    background: url("../images/nav_hover_dot.png") no-repeat 55px center;
}

.new-nav-list-all .new-nav-list .root-new-nav-link {
    background: url("../images/nav_drop.png") no-repeat 180px center;
    font-size: 16px;
    background-size: 12px;
}

.new-nav-list-all .new-nav-list .root-new-nav-sel {
    background-color: #1a3186;
}

.new-nav-list-all .new-nav-list li .drop-menu .drop-content .new-nav-drop-sel {
    color: #5B85FF;
    background: #091870;
    opacity: 0.9;
    font-size: 16px;
}

.topfix-bg {
    width: 100%;
    height: 85px;
    position: fixed;
    background: #333;
    z-index: 999;
    opacity: 0.65;
    top: 0;
}

.new-logo-box {
    float: left;
    margin: 8px 0 8px 40px;
}

.nav-top-new {
    float: right;
    margin: 15px 0px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    position: relative;
}

.nav-top-new a {
    color: #fff;
    margin: 0 10px;
}

.show-all-nav {
    background: #1D3381;
    color: #fff;
    float: right;
    display: block;
    width: 70px;
    text-align: center;
    height: 30px;
    line-height: 30px;
    border-radius: 10px;
    font-size: 16px;
    margin: 15px 10px;
}

.show-all-nav:hover {
    background: #2e70ff;
}

.page-cover-nav {
    position: fixed;
    /* background: #fff; */
    width: 100%;
    height: 100%;
    z-index: 999;
    top: 85px;
    left: 0;
    display: none;
}

.page-cover-code {
    position: absolute;
    background: url("../images/nav_bg.png") repeat;
    width: 160px;
    height: 160px;
    z-index: 999;
    top: 60px;
    left: 0px;
    display: none;
}

.page-cover-code img {
    display: block;
    width: 140px;
    margin: 10px auto;
}

.page-cover-code-app {
    position: absolute;
    background: url("../images/nav_bg.png") repeat;
    width: 160px;
    height: 160px;
    z-index: 999;
    top: 60px;
    left: 65px;
    display: none;
}

.page-cover-code-app img {
    display: block;
    width: 140px;
    margin: 10px auto;
}

.new-nav-list-all .new-nav-list .active {
    /* background: none !important; */
}

/*.sInput,.sTip{display: none;}*/

.new-banner-wrap {
    height: 709px;
    width: 100%;
    position: relative;
}

.new-banner-wrap .new-banner {
    background: url("../images/new_banner_demo.jpg") no-repeat center top;
    height: 709px;
    /* min-width: 1280px; */
}

.new-search-wrap {
    /* position: absolute; */
    height: 35px;
    display: inline-block;
    margin-right: 30px;
    float: left;
    margin-top: 25px;
}

.new-search-wrap .search-cnt {
    width: 120px;
    margin: 0 auto;
    background: #eee;
    height: 35px;
    border-radius: 100px;
    position: relative;
}

.new-search-wrap .search-cnt input {
    width: 100px;
    height: 36px;
    /* padding: 0 5px; */
    background: none;
    border: none;
    /* text-indent: 20px; */
    margin-left: 20px;
    color: #666;
    font-size: 14px;
    outline: none;
}

.new-search-wrap .search-cnt span {display: none;}

.new-search-wrap .search-cnt .sBtn {
    position: absolute;
    top: 2px;
    right: 9px;
    border: none;
    background-color: transparent;
    color: #fff;
}

.new-search-wrap .search-cnt .sBtn i {
    font-size: 22px;
    margin-top: 3px;
    display: block;
}
.new-search-wrap .search-cnt .sBtnNew {
    position: absolute;
    top: -2px;
    right: 4px;
    border: none;
    background-color: transparent;
    color: #999;
}

.new-search-wrap .search-cnt .sBtnNew i {
    font-size: 19px;
    margin-top: 5px;
    display: block;
}
.nav-top-new-kh{
    float: right;
    height: 30px;
    line-height: 30px;
    margin: 15px 10px 0 0;
    border-radius: 6px;
}

.nav-top-new-kh a {
    color: #fff;
    font-size: 16px;
    border: 1px solid #fff;
    padding: 5px 10px;
    border-radius: 6px;
}

.show-code:hover, .show-code-app:hover {
    color: #1D3381 !important;
}

.unlogin-cnt .login:hover, .unlogin-cnt .register:hover {
    color: #1D3381 !important;
}

.nav-top-new-kh a:hover {
    color: #1D3381 !important;
    border: 1px solid #1D3381;
}

.nav-list .nav-link:hover {
    color: #1D3381 !important;
}

/*index2*/
.new-banner-wrap-2 {
    background: url("../images/new_banner_demo2.jpg") no-repeat center top;
    height: 709px;
    /* min-width: 1280px; */
}

.new-banner-wrap-2 .new-banner-2 {
    background: url("../images/new_banner_demo2.jpg") no-repeat center top;
    height: 709px;
    width: 1280px;
    margin: 0 auto;
}

.new-index-reg-wrap {
    width: 100%;
    /* position: relative; */
}

.new-index-reg-box {
    width: 1280px;
    margin: 0 auto;
    position: relative;
}

.new-index-reg-bg {
    background: url("../images/nav_bg.png") repeat;
    width: 450px;
    height: 400px;
    position: absolute;
    right: 100px;
    top: -530px;
    opacity: 0.5;
    border-radius: 20px;
}

.new-index-reg {
    position: absolute;
    width: 450px;
    height: 400px;
    right: 100px;
    top: -530px;
}

.new-index-reg h3 {
    color: #fff;
    font-size: 30px;
    margin: 0;
    height: 80px;
    line-height: 80px;
    text-align: center;
    font-weight: normal;
}

.new-index-reg div {
    padding: 10px 30px;
    position: relative;
}

.new-index-reg div input {
    width: 100%;
    border: 0;
    text-indent: 50px;
    border-radius: 5px;
    padding: 13px 0;
    font-size: 14px;
}

.new-index-reg div span {display: block;position: absolute;right: 36px;/* background: #000; */height: 40px;top: 15px;width: 135px;border-radius: 5px;display: none;}

.new-index-reg div span img {/* width: 135px; *//* height: 40px; */}

.new-index-reg div .get-code {
    position: absolute;
    background: #517AFA;
    color: #fff;
    display: block;
    width: 140px;
    text-align: center;
    height: 48px;
    line-height: 48px;
    top: 9px;
    font-size: 16px;
    border-radius: 5px;
    right: 30px;
}
.new-index-reg div .get-code:hover {
    background: #1D3381;
}

.new-index-reg div .reg-link {
    background: #517AFA;
    color: #fff;
    text-align: center;
    width: 100%;
    display: block;
    height: 48px;
    line-height: 48px;
    font-size: 20px;
    border-radius: 5px;
    margin-top: 30px;
}
.new-index-reg div .reg-link:hover {
    background: #1D3381;
}
.new-index-reg div .reg-mobile {
    background: url("../images/index_reg_icon1.png") no-repeat 15px center #fff;
}

.new-index-reg div .reg-img-code {
    background: url("../images/index_reg_icon2.png") no-repeat 15px center #fff;
}

.new-index-reg div .reg-mb-code {
    background: url("../images/index_reg_icon3.png") no-repeat 18px 13px #fff;
    width: 240px;
}
.no-bg{ background: none !important;}
.bk-index{}
.bk-index:hover{color: #1D3381;}

.hotlink-group-box .hotlink-main-group-wx{width: 977px !important;}
.hotlink-group-box .hotlink-main-group-wx a {  min-width: 144px !important;  }
.hotlink-group-box .hotlink-main-group-media{width: 174px !important;height: 150px;}
.hotlink-group-box .hotlink-main-group-media a{  min-width: 70px !important; }
.hotlink-main-group-publish{
    width: 90px;
    float: left;
    margin-left: 15px;
    /* border-right: 1px solid #eee; */
    height: 150px;
}
.hotlink-main-group-publish p {
    margin: 0 0 5px 0;
    margin-top: 0px;
    background: #1a3186;
    color: #fff;
    width: 80px;
    text-align: center;
    border-radius: 3px;
    height: 22px;
    line-height: 22px;
}
.hotlink-group-box .hotlink-main-group-app{width: 90px !important;}

.img-cnt{
    /* width: 980px; */
    margin: 30px auto;
    float: left;
}
.img-cnt a{
    display: inline-block;
    margin-right: 20px;
    /* border: 1px solid #eee; */
}
.img-cnt a img{
    display: block;
    height: 50px;
    width: unset;
}
.phone-no{
    width: 980PX;
    background: #fff;
    /* margin: 30px auto; */
    border-radius: 10px;
    float: right;
}
.phone-no li{
    margin: 20px;
    display: inline-block;
    font-size: 14px;
    color: #999;
    border-right: 1px solid #eee;
    padding-right: 30px;
}
.phone-no li span{}

.subpage-cnt {
    width: 980px;
    margin: 0 auto;
    border-radius: 10px;
}

.tab-box-crude {background: #1D3381;border-radius: 10px 10px 0 0;overflow: hidden;height: 50px;display: table;width: 100%;}

.tab-box-crude a {
    display: table-cell;
    height: 50px;
    color: #fff;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
}

.tab-box-crude .active {
    background: #fff;
    color: #1D3381;
}

.legal-inner-tab{
    overflow: hidden;
}
.legal-inner-tab li{
    display: block;
    float: left;
    margin-right: 20px;
}
.legal-inner-tab li a{
    background: #1D3381;
    color: #fff;
    padding: 10px 20px;
    display: block;
    border-radius: 5px;
}
.legal-inner-tab li a:hover{
    opacity: 0.9;
}
.legal-inner-tab li .active{
    background: #ff9800;
}

.search-help{
    width: 570px;
    margin: 0 auto;
    background: url(../images/nav_bg.png) repeat;
    height: 40px;
    border: 1px solid #999;
    border-radius: 5px;
    position: relative;
    margin-top: 2px;
}
.search-help a{
    display: block;
    float: left;
    width: 100px;
    height: 30px;
    line-height: 30px;
    background: #999;
    color: #fff;
    border-radius: 5px;
    margin: 5px;
    text-align: center;
}
.search-help a:hover{
    background: #1D3381;
}
.search-help-hide{display: none;}
.milestone-content .milestone-box div h3{
    font-weight: normal;
    position: absolute;
    left: 20px;
    top: 20px;
    margin: 0;
    padding: 0;
}
.milestone-content .milestone-box div em{position: absolute;display: block;width: 7px;height: 7px;background: #FF5722;border-radius: 100px;top: 27px;left: 80px;z-index: 99;}
.milestone-content .milestone-box div i{
    display: block;
    position: absolute;
    width: 1px;
    height: 100%;
    background: #193286;
    left: 83px;
}
.index-company-intro{
    background: url("../images/nh_index_about_bg_202012.jpg") no-repeat center center;
    width: 100%;
    height: 450px;
    margin-top: 0px;
    padding-top: 1px;
    overflow: hidden;
}
.index-company-box{
    width: 1100px;
    height: 450px;
    margin: 0 auto;
    margin-top: -20px;
}
.index-company-box a{background: #fff;border: 1px solid #004894;color:#004894;display: block;width: 100px;text-align: center;height: 30px;line-height: 30px;font-size: 14px;border-radius: 5px;margin: 20px auto;opacity: 1;}
.index-company-box a:hover{background: #004894;border: 1px solid #004894;color:#fff;}
.index-company-box h3{
    text-align: center;
    font-size: 20px;
    padding-top: 57px;
    margin-bottom: 30px;
    opacity: 1;
}
.index-company-box h2{
    text-align: center;
    font-size: 34px;
    padding-top: 25px;
    font-weight: normal;
}
.index-company-box h4{
    text-align: center;
    font-size: 14px;
    margin-bottom: 10px;
    color: #333;
    font-weight: normal;
}
.index-company-box p{
    /* text-indent: 2em; */
    padding: 0 110px;
    font-size: 16px;
    line-height: 30px;
    margin: 0;
    color: #999;
    text-align: center;
    letter-spacing: 1px;
    opacity: 1;
}
.search-drop-box{
    position: absolute;
    margin-top: -5px;
    width: 100%;
    display: none;
}
.search-drop-box div{
    width: 570px;
    margin: 0 auto;
    background: url(../images/nav_bg.png) repeat;
    height: 40px;
    border: 1px solid #999;
    border-radius: 5px;
    position: relative;
    margin-top: 6px;
}
.search-drop-box div a{
    display: block;
    float: left;
    padding: 0px 8px;
    height: 30px;
    line-height: 30px;
    background: #999;
    color: #fff;
    border-radius: 5px;
    margin: 5px;
    text-align: center;
}
.search-drop-box div a:hover{
    background: #1D3381;
}
.new-search-wrap .search-cnt span a{
    color: #ccc;
    display: block;
    float: left;
    padding-right: 5px;
    height: 35px;
}
.new-search-wrap .search-cnt span a:hover{
    color: #fff;
}

.amcintro-wraper{
    height: 300px;
    padding: 1px 0;
}
.amcintro-box{
    background: url(/images/new_amc_intro_img.jpg) no-repeat left 30px;
    position: relative;
    height: 330px;
}
.amcintro-box h3{
    font-size: 18px;
    color: #333;
    position: absolute;
    left: 350px;
    top: 10px;
}
.amcintro-box ul{
    position: absolute;
    width: 800px;
    left: 350px;
    top: 40px;
}
.amcintro-box ul li{
    line-height: 23px;
    padding: 0 18px;
    position: relative;
    font-size: 14px;
    color: #999;
}
.amcintro-box ul li em{
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 100px;
    display: block;
    background: #999;
    left: 0;
    top: 8px;
}
.amcintro-box a{
    display: block;
    width: 240px;
    background: #F9FAFC;
    text-align: center;
    height: 40px;
    line-height: 40px;
    border-radius: 3px;
    color: #adb5e3;
    font-size: 16px;
    top: 255px;
    position: absolute;
    left: 350px;
}
.amcintro-box a:hover{
    background: #1a3186;
    color:#fff;
}




.businessintro-wraper{
    background: url(../images/amc_bg.jpg) repeat;
    margin-top: -100px;
    background-size: 100%;
    min-height: 800px;
    height: 800px;
    padding: 1px 0;
}
.businessintro-box{
    background: #fff;
    width: 500px;
    border-radius: 15px;
    margin: 180px auto;
    padding: 0;
    box-shadow: 0 0 20px #333;
}
.businessintro-box h3{text-align: center;font-size: 24px;padding-top: 30px;}
.businessintro-box p{text-align: center;font-size: 16px;}
.businessintro-box em{font-style: normal;color: #ff9500;}
.businessintro-box span{display: block;text-align: center;color: #999;font-size: 14px;}
.businessintro-box img{display: block;margin: 20px auto;width: 140px;}
.businessintro-box div{height: 60px;line-height: 60px;border-top: 1px solid #ddd;overflow: hidden;}
.businessintro-box a{display: block;float: left;width: 249px;text-align: center;border-right: 1px solid #ddd;font-size: 16px;color: #333;}
.businessintro-box a:hover{
    background: #1a3186;color: #fff;
}
.businessintro-box .b-link1{
    border-radius: 0 0 0 15px;
}
.businessintro-box .b-link2{
    border: none;
    width: 250px;
    border-radius: 0 0 15px 0;
}
.infinite-soft-ware{
    overflow: hidden;
}
.infinite-soft-ware h3{
    text-align: center;
    color: #1a3186;
    font-weight: normal;
    font-size: 18px;
    display: block;
}
.infinite-soft-ware img{
    display: block;
    float: left;
    width: 110px;
    margin-top: 20px;
}
.infinite-soft-ware p{
    text-indent: 2em;
    font-size: 14px;
    color: #888;
    line-height: 26px;
    float: right;
    width: 860px;
}
.infinite-soft-ware a{
    display: block;
    margin-left: 350px;
    width: 300px;
    text-align: center;
    background: #1a3186;
    height: 40px;
    line-height: 40px;
    border-radius: 5px;
    font-size: 18px;
    color: #fff;
    float: left;
    margin-top: 20px;
}

.infinite-soft-ware a:hover{
    background-color: #0079eb;
}

.nav-top-new-kh{
    /* border: 1px solid #fff; */
    /* float: right; */
    /* padding: 5px 20px; */
    /* margin-top: 15px; */
    /* border-radius: 5px; */
    /* margin-right: 10px; */
}
.nav-top-new-kh a{
    color: #fff;
    font-size: 16px;
}

.download-remark-new {
    background: #fff;
    margin: 0px 0 -20px;
    padding: 30px 50px;
}
.download-remark-new div{
    border-bottom: 1px solid #eee;
    padding-bottom: 20px;
}
.download-remark-new div h3{
    font-weight: normal;
    font-size: 18px;
    color: #888;
}
.download-remark-new div p{
    font-size: 14px;
    color: #999;
    line-height: 30px;
}
.download-remark-new div ul{}
.download-remark-new div li{
    display: inline-block;
}
.download-remark-new div li a{
    display: block;
    text-indent: 14px;
    color: #666;
    margin-right: 60px;
    position: relative;
}
.download-remark-new div li a:hover{
    text-decoration: underline;
}
.download-remark-new div li a em{
    display: block;
    position: absolute;
    width: 3px;
    height: 3px;
    background: #666;
    left: 3px;
    top: 8px;
}

.software-size{
    font-size: 14px;
    width: 700px;
    color: #999;
}
.software-size span{
    padding-right: 30px;
}

.software-intro{
    font-size: 14px;
    width: 700px;
    margin: 15px 0;
    position: relative;
}
.software-intro h2{
    font-size:16px
}
.software-intro p{
    font-size: 14px !important;
    color: #666 !important;
    margin: 0 !important;
    line-height: 25px;
}
.software-intro p a{
    color: #ff8800;
}
.software-intro p a:hover{
    text-decoration: underline;
}
.software-remark{
    color: #999;
    width: 700px;
}
.software-right-box{
    position: absolute;
    right: 30px;
    top: 30px;
}
.software-right-box span{
    display: inline-block;
    width: 90px;
    height: 90px;
    vertical-align: middle;
    text-align: center;
    margin-right: 30px;
}
.software-right-box span a{
    display: block;
    width: 90px;
    height: 90px;
    color: #ff8800;
    line-height: 140px;
    background: url(../img/software_dl_new_icon.jpg) no-repeat center 15px;
    background-size: 40px;
}
.software-right-box span a:hover{
    opacity: 0.8;
}
.software-right-box img{
    display: inline-block;
}
.download-item-new{
    padding: 30px 0;
    overflow: hidden;
    zoom: 1;
    border-bottom: none !important;
    margin: 20px 0;
}
.download-item-new .download-item-left{
    width: 700px;
    float: left;
}
.software-size b{
    color: #666;
    padding-right: 10px;
    font-size: 14px;
}
.software-size a{
    color: #ff7d00;
    margin-right: 30px;
}
.software-size a:hover{
    text-decoration: underline;
}
.software-remark em{
    font-weight: bold;
    font-style: normal;
    padding-right: 10px;
    color: #666;
}
.software-remark span{
    display: block;
}
.software-type {
    margin: 20px 0 0 10px;
    color: #999;
    font-size: 16px;
    font-weight: normal;
}
.height-limit{
    height: 75px;
    overflow: hidden;
}
.software-intro .view-more{
    position: absolute;
    right: 20px;
    bottom: 3px;
    color: #008ad8;
}
.software-intro .view-less{
    position: absolute;
    right: 20px;
    bottom: 3px;
    color: #008ad8;
    display: none;
}

.company-info-wrap{
    background: #fff;
    border-radius: 0 0 10px 0;
    overflow: hidden;
    zoom: 1;
}
.company-info-wrap .company-intro-left-box{
    width: 250px;
    float: left;
    border-right: 1px solid #ddd;
}
.company-info-wrap .company-intro-left-box h3{
    background: #172F87;
    margin: 0;
    height: 80px;
    line-height: 80px;
    font-size: 16px;
    color: #fff;
    font-weight: normal;
    text-indent: 45px;
}
.company-info-wrap .company-intro-left-box ul{
    margin: 0;
}
.company-info-wrap .company-intro-left-box ul li{}
.company-info-wrap .company-intro-left-box ul li a{
    height: 65px;
    display: block;
    line-height: 65px;
    color: #444;
    font-size: 16px;
    text-indent: 45px;
}
.company-info-wrap .company-intro-left-box ul li a:hover{
    background: #F4F7FE;
    border-right: 6px solid #132e8c;
}
.company-info-wrap .company-intro-left-box ul li .active{
    background: #F4F7FE;
    border-right: 6px solid #132e8c;
}
.company-info-wrap .company-intro-right-box{
    width: 868px;
    float: left;
    border-left: 1px solid #ddd;
    border-radius: 0 0 10px 0;
    margin-left: -1px;
    padding: 0;
    margin-bottom: 0;
}
.company-info-wrap .company-intro-right-box .box-title{
    border-bottom: 1px solid #ddd;
    width: 788px;
    margin: 20px auto;
    margin-bottom: 0;
    height: 60px;
    text-align: left;
    padding: 0;
    line-height: 45px;
}
.company-info-wrap .company-intro-right-box .box-title span{
    font-size: 22px;
    color: #444;
}
.company-info-wrap .company-intro-right-box .box-title a{
    font-size: 22px;
    color: #444;
    text-decoration: none;
}
.company-info-wrap .company-intro-right-box .box-title a:hover{
    font-size: 22px;
    color: #444;
    text-decoration: none;
    background: none;
}
.company-info-wrap .company-intro-right-box .box-content{
    padding: 20px 40px;
}
.company-info-wrap .company-intro-right-box .box-content p{
    color: #888;
    font-size: 14px !important;
    line-height: 2em !important;
}
.company-info-wrap .company-intro-right-box .box-content span{
    font-size: 14px !important;
}
.company-info-wrap .company-intro-right-box .box-content a{}
.company-info-wrap .company-intro-right-box .news-content{border: 0;}
.company-info-wrap .company-intro-right-box .news-content .news-item{border: 0;}
.company-info-wrap .company-intro-right-box .contact-item h4{
    color: #333;
    font-size: 16px;
    font-weight: normal;
}
.company-info-wrap .company-intro-right-box .corcultrue-content h4{
    color: #333;
    font-size: 16px;
    font-weight: normal;
    margin: 20px 0 10px;
}

.milestone-info-wrap{
    background: #fff;
    border-radius: 0 0 10px 10px;
    overflow: hidden;
    zoom: 1;
}
.milestone-info-wrap .box-title{
    border-bottom: 1px solid #ddd;
    text-align: left;
    padding: 0;
    height: 60px;
    margin: 0;
}
.milestone-info-wrap .box-title span{
    color: #444;
    font-size: 22px;
}
.milestone-info-wrap .mile-content{
    background: url(../img/milestone-bg-line.png) 250px repeat-y;
    padding-top: 10px;
}
.milestone-info-wrap .mile-content h5{
    font-size: 22px;
    font-weight: normal;
    color: #333;
    margin-bottom: -30px;
    margin-left: 150px;
    background: url(../img/milestone-bg-dot.png) no-repeat 96px center;
    margin-top: 60px;
    background-size: 10px;
}
.milestone-info-wrap .mile-content a{
    margin-bottom: 20px;
    color: #999;
    margin-left: 386px;
    text-indent: 0 !important;
    font-size: 15px;
    line-height: 25px;
    display: block;
    cursor: default;
    position: relative;
    height: 25px;
    overflow: hidden;
    padding-right: 25px;
    padding-left: 15px;
    word-break: break-all;
}
.milestone-info-wrap .mile-content a em{
    display: block;
    position: absolute;
    right: 0px;
    background: url(../img/milestone-bg-arrow.png) no-repeat left center;
    width: 60px;
    height: 25px;
    top: 0;
}
.milestone-info-wrap .mile-content a b{position: absolute;left: 0;display: block;top: 0;color: #bbb;font-size: 14px;}



.software-type-box{
    width: 1126px;
    margin-left: -32px;
    height: 85px;
    border-bottom: 1px solid #ddd;
    text-align: center;
    /* margin-top: -25px; */
}
.software-type-box a{
    display: inline-block;
    color: #888;
    height: 85px;
    margin-right: 5px;
    font-size: 18px;
    padding: 0;
    margin: 0 40px;
    line-height: 85px;
}
.software-type-box a:hover{
    border-bottom: 2px solid #142e8e;height: 84px;
}
.software-type-box .sw-on{border-bottom: 2px solid #142e8e;height: 84px;}

.sf-popup-bg{
    display: none;
    position: fixed;
    z-index: 99999;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #000;
    opacity: 0.8;
}
.sf-popup{
    display: none;
    position: fixed;
    z-index: 99999;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.sf-popup-box{
    display: none;
    width: 960px;
    margin: 50px auto;
    background: #fff;
    height: 600px;
    border-radius: 10px;
}
.sf-popup-box h3{
    background: #6e88e4;
    height: 40px;
    line-height: 40px;
    border-radius: 10px 10px 0 0;
    text-indent: 20px;
    color: #333;
    position: relative;
    color: #fff;
    font-weight: normal;
}
.sf-popup-box h3 a{
    background: url(/nanhuatech/images/popup_close.png) no-repeat center;
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    right: 0;
    top: 0;
}
.sf-popup-box .main-cap-box{
    width: 900px;
    margin: 0 auto;
    /* border: 1px solid #ddd; */
    border-radius: 5px;
    height: 380px;
}
.sf-popup-box .main-cap-box a{
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}
.sf-popup-box .main-cap-box a img{
    display: block;
    max-width: 900px;
    max-height: 350px;
    margin: 0 auto;
    /* height: 350px; */
}
.sf-popup-box .main-cap-box a span{
    display: block;
    position: absolute;
    width: 100%;
    bottom: 5px;
    text-align: center;
    color: #666;
}
.sf-popup-box .slide-cap-box{
    /* background: #000; */
    height: 150px;
}
.sf-popup-box .slide-cap-box a{
    display: block;
    float: left;
    width: 110px;
    height: 120px;
    margin-left: 20px;
    margin-top: 20px;
    position: relative;
    border: 1px solid #ccc;
    padding: 5px;
    /* border-radius: 5px; */
    overflow: hidden;
    margin-right: -10px;
}
.sf-popup-box .slide-cap-box a img{
    display: block;
    max-width: 110px;
    max-height: 90px;
    margin: 0 auto;
}
.sf-popup-box .slide-cap-box a span{
    position: absolute;
    display: block;
    bottom: 5px;
    text-align: center;
    width: 110px;
    color: #666;
    font-size: 12px;
}
.sf-popup-box .slide-cap-box .cp-on{}
.sf-popup-box .slide-cap-box a:hover{
    border: 1px solid #333;
}
.software-dl-count-box{
    position: absolute;
    width: 200px;
    text-align: center;
    right: 10px;
    top: 118px;
    text-indent: 10px;
    color: #aaa;
    font-size: 13px;
}
.software-dl-count-box em{
    font-style: normal;
}
.software-dl-count-box em i{
    font-style: normal;
    color: #666;
    padding: 0 4px;
}
.ex-service-popup-wrap{
    position: absolute;
    width: 560px;
    padding-top: 20px;
    margin-top: -11px;
    display: none;
    left: 30px;
}
.ex-service-popup-box{
    background: #fff;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 0 20px #333;
}
.ex-service-popup-box ul{
    overflow: hidden;
    padding: 0;
}
.ex-service-popup-box ul li{
    display: block;
    float: left;
    min-width: 100px;
    border-right: 1px solid #eee;
    margin-right: 30px;
    padding-right: 31px;
    min-height: 240px;
    margin-left: 10px;
}
.ex-service-popup-box ul li span{
    color: #1a3186;
    position: relative;
    text-indent: 14px;
    display: block;
}
.ex-service-popup-box ul li span em{display: block;width: 5px;height: 18px;position: absolute;background: #1a3186;left: 0px;top: 6px;}
.ex-service-popup-box ul li a{
    color: #666;
    display: block;
    margin: 0;
}
.ex-service-popup-box ul .last-menu-box {
    margin-right: 0;
    border: 0;
    padding: 0;
}
.ex-service-popup-box ul li a:hover{color: #1a3186;}

/*new software download*/
.new-software-dl-nav{
    width: 100%;
    height: 80px;
    position: relative;
}
.new-software-dl-nav div{
    width: 1126px;
    height: 80px;
    overflow: hidden;
    margin: -40px auto;
}
.new-software-dl-nav div a{
    display: block;
    width: 563px;
    height: 80px;
    float: left;
}
.subpage-white{background: #fff;}

.new-software-dl-nav div .mobile-software-nav-link{background: url(/images/new_software_dlnav_mobile_default.jpg) no-repeat center;}
/*.new-software-dl-nav div .mobile-software-nav-link:hover{background: url(/images/new_software_dlnav_mobile_active.jpg) no-repeat center;}*/
.new-software-dl-nav div .mobile-software-nav-link-on{background: url(/images/new_software_dlnav_mobile_active.jpg) no-repeat center;}
.new-software-dl-nav div .pc-software-nav-link{background: url(/images/new_software_dlnav_pc_default.jpg) no-repeat center;}
/*.new-software-dl-nav div .pc-software-nav-link:hover{background: url(/images/new_software_dlnav_pc_active.jpg) no-repeat center;}*/
.new-software-dl-nav div .pc-software-nav-link-on{cursor:default;background: url(/images/new_software_dlnav_pc_active.jpg) no-repeat center;}

.download-list .mobile-item-new{
    padding-left: 340px;
}
.download-list .mobile-item-new .download-item-left{
    width: 450px;
}
.download-list .mobile-item-new .software-right-box{
    margin-top: 30px;
}
.download-list .mobile-item-new .software-right-box img{}

.download-list .mobile-item-app{
    padding-left: 330px;
    background: #F7F7F7;
    padding: 50px 0;
}
.download-list .mobile-item-app .download-item-left{
    float: right;
    width: 520px;
}
.download-list .mobile-item-app .software-right-box{
    left: 340px;
    right: 0;
    width: 160px;
    top: 50px;
}
.download-list .mobile-item-app .software-right-box img{
    width: 140px !important;
    padding: 10px;
    background: #fff;
    margin-top: 0px;
}
.download-list .mobile-item-app .download-item-left .software-size{
    width: 500px;
}
.download-list .mobile-item-app .download-item-left .software-intro{
    width: 500px;
}
.download-list .mobile-item-app .download-item-left .software-intro p{}
.download-list .mobile-item-app .download-item-left .height-limit{
    height: 50px;
}
.download-list .mobile-item-app .download-item-left .view-more{
    color: #ff8100;
}
.download-list .mobile-item-app .download-item-left .view-less{
    color: #ff8247;
}

.download-list .mobile-item-new .download-item-left .software-size{}
.download-list .mobile-item-new .download-item-left .software-intro{
    width: 450px;
}
.download-list .mobile-item-new .download-item-left .software-intro p{}
.download-list .mobile-item-new .download-item-left .height-limit{}
.download-list .mobile-item-new .download-item-left .view-more{}
.download-list .mobile-item-new .download-item-left .view-less{}
.software-down-load-app-bg{
    position: relative;
}
.software-down-load-app-bg .sfdl_app-pic{
    position: absolute;
    z-index: 9;
    left: 60px;
    top: 70px;
}

/*nav 2019*/
.nav-list-wrap{
    display: none;
    position: fixed;
    z-index: 9999;
    right: 10px;
    top: 85px;
    background: #fff;
    width: 1060px;
}
.nav-list-wrap .nav-list-left{
    background: #2747AC;
    width: 180px;
    float: left;
    height: 480px;
}
.nav-list-wrap .nav-list-left ul{
    padding: 0;
    margin: 0;
}
.nav-list-wrap .nav-list-left ul li{}
.nav-list-wrap .nav-list-left ul li a{
    color: #fff;
    display: block;
    height: 80px;
    line-height: 60px;
    position: relative;
    width: 180px;
    text-indent: 20px;
    font-size: 18px;
    margin-top: -1px;
    cursor: default;
}
.nav-list-wrap .nav-list-left ul li a em{
    position: absolute;
    display: block;
    bottom: 0;
    border-bottom: 1px solid #fff;
    right: 0;
    width: 160px;
    text-indent: 0;
    font-style: normal;
    color: #6277C8;
    font-size: 16px;
}
.nav-list-wrap .nav-list-left ul li .nav-index-link{
    cursor: pointer;
}
.nav-list-wrap .nav-list-left ul li .nav-index-link:hover{
    background: none;
    color: #fff;
}
.nav-list-wrap .nav-list-left ul li .nav-index-link:hover em{
    color: #6277C8;
}
.nav-list-wrap .nav-list-left ul li a:hover{
    background: #fff;
    color: #2747AC;
}
.nav-list-wrap .nav-list-left ul li a:hover em{
    color: #ddd;
}
.nav-list-wrap .nav-list-left ul li .nav-on{
    background: #fff;
    color: #2747AC;
}
.nav-list-wrap .nav-list-left ul li .nav-on em{
    color: #ddd;
}

.nav-list-wrap .nav-list-right{
    float: right;
    width: 880px;
}
.nav-list-wrap .nav-list-right .nav-list-right-box{
    padding: 20px;
    display: none;
    position: relative;
}
.nav-list-wrap .nav-list-right .nav-list-right-box ul{
    margin: 0;
    overflow: hidden;
}
.nav-list-wrap .nav-list-right .nav-list-right-box ul li{
    float: left;
    min-width: 110px;
    padding-right: 20px;
}
.nav-list-wrap .nav-list-right .nav-list-right-box ul li span{
    display: block;
    font-size: 18px;
    height: 40px;
    padding-left: 10px;
}
.nav-list-wrap .nav-list-right .nav-list-right-box ul li a{
    display: block;
    font-size: 14px;
    color: #333;
    line-height: 30px;
    padding-left: 10px;
    padding-right: 10px;
}
.nav-list-wrap .nav-list-right .nav-list-right-box ul li a:hover{
    background: #F3F4F6;
}

.nav-list-wrap .nav-box-on{
    display: block !important;
}
.nav-list-wrap .nav-list-right .nav-right-box-line{
    position: absolute;
    height: 1px;
    background: #ddd;
    top: 55px;
    width: 840px;
}
.no-opacity{opacity: 0.9 !important;}
.nav-list-wrap-arrow{background: url(/images/nav-list-wrap-arrow.png) no-repeat center;width: 15px;height: 10px;position: absolute;margin-left: 1020px;margin-top: -10px;background-size: 15px;}


/*ctsjg*/
.software-ctsjg{}
.software-ctsjg .ctsjg-remark-info{
    border: 1px dashed #142e8e;
    padding: 30px;
    /* border-radius: 10px; */
}
.software-ctsjg .ctsjg-remark-info h3{
    text-align: center;
    font-size: 20px;
    color: #142e8e;
}
.software-ctsjg .ctsjg-remark-info p{
    font-size: 14px;
    text-indent: 2em;
    line-height: 25px;
}
.software-ctsjg .ctsjg-sf-box{
    margin: 30px 0 50px;
}
.software-ctsjg .ctsjg-sf-box h3{
    font-size: 22px;
    font-weight: normal;
}
.software-ctsjg .ctsjg-sf-box .cts-sfintro{}
.software-ctsjg .ctsjg-sf-box .cts-sfintro{
    overflow: hidden;
    border: 1px solid #ddd;
    background: #f8f8f8;
    padding: 10px;
}
.software-ctsjg .ctsjg-sf-box .cts-sfintro span{
    display: block;
    font-size: 18px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 10px;
    color: #142e8e;
}
.software-ctsjg .ctsjg-sf-box .cts-sfintro p{
    float: left;
    font-size: 14px;
}
.software-ctsjg .ctsjg-sf-box .cts-sfintro em{
    font-size: 12px;
    display: block;
    font-style: normal;
    text-align: center;
}
.software-ctsjg .ctsjg-sf-box .cts-sfintro i{
    font-style: normal;
    font-weight: bold;
}
.software-ctsjg .ctsjg-sf-box .cts-sfintro a{
    color: #ff8800;
    display: block;
}
.software-ctsjg .ctsjg-sf-box .cts-sfintro a:hover{
    text-decoration: underline;
}
.software-ctsjg .ctsjg-sf-box .cts-sfintro b{}
.software-ctsjg .ctsjg-sf-box .cts-sfintro .cts-col1{
    width: 565px;
    line-height: 25px;
}
.software-ctsjg .ctsjg-sf-box .cts-sfintro .cts-col1 span{}
.software-ctsjg .ctsjg-sf-box .cts-sfintro .cts-col1 a{}
.software-ctsjg .ctsjg-sf-box .cts-sfintro .cts-col1 em{}
.software-ctsjg .ctsjg-sf-box .cts-sfintro .cts-col2{
    width: 200px;
    line-height: 25px;
}
.software-ctsjg .ctsjg-sf-box .cts-sfintro .cts-col2 span{}
.software-ctsjg .ctsjg-sf-box .cts-sfintro .cts-col2 a{
    margin-left: 22px;
}
.software-ctsjg .ctsjg-sf-box .cts-sfintro .cts-col2 em{}
.software-ctsjg .ctsjg-sf-box .cts-sfintro .cts-col3{
    width: 200px;
    line-height: 25px;
}
.software-ctsjg .ctsjg-sf-box .cts-sfintro .cts-col3 span{
    padding-left: 70px;
}
.software-ctsjg .ctsjg-sf-box .cts-sfintro .cts-col3 a{
    margin-left: 70px;
}
.software-ctsjg .ctsjg-sf-box .cts-sfintro .cts-col3 em{}

.prc-remark{
    background: #F7F7F7;
    padding: 20px;
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 50px;
}
.prc-remark p{
    margin: 0;
}
.prc-remark p span{
    color: #4481DC;
}

.prc-box{
    padding: 30px 0;
    position: relative;
    padding-left: 170px;
    overflow: hidden;
}
.prc-box .prc-title{
    font-size: 22px;
    margin-bottom: 10px;
}
.prc-box .prc-title span{
    color: #FF6801;
    font-weight: bold;
    margin-right: 20px;
    display: inline-block;
    font-size: 22px;
}
.prc-box p{
    margin: 10px 0 !important;
    line-height: 30px;
    font-size: 14px !important;
    color: #333 !important;
}
.prc-box span{
    display: block;
    font-size: 12px;
    color: #999;
    line-height: 30px;
}
.prc-box table{
    background: #F7F7F7;
    margin: 20px 0;
}
.prc-box table tr{}
.prc-box table th{
    background: #D2D2D2;
    padding: 15px 20px;
    text-align: left;
    font-size: 14px;
    text-align: center;
    font-weight: normal;
}
.prc-box table td{
    padding: 15px 20px;
    border-bottom: 1px solid #fff;
    text-align: center;
}
.prc-box .prc-tabs{
    padding: 20px 0;
}
.prc-box .prc-tabs a{
    display: inline-block;
    background: #999;
    color: #fff;
    padding: 3px 20px;
    border-radius: 5px;
}
.prc-box .prc-tab-box{
    display: none;
}
.prc-box a{color: #333;/* text-decoration: underline; */font-size: 14px !important;}
.prc-box a:hover{ opacity: 0.8;}
.prc-banner{
    background: url(/nanhuatech/images/prc_banner.jpg) no-repeat center -100px;
    width: 100%;
    height: 400px;
    margin-top: -85px;
    background-color: #02143a;
    margin-bottom: 50px;
}
.prc-banner div{
    background: url(/nanhuatech/images/prc_banner.jpg) no-repeat center -100px;
    height: 400px;
    width: 1080px;
    margin: 0 auto;
}
.prc-step-line-box{
    position: absolute;
    border-right: 1px solid #ddd;
    height: 1000px;
    top: 0;
    left: 0;
    width: 100px;
}
.prc-step-dot{
    display: block;
    position: absolute;
    width: 12px;
    height: 12px;
    background: #ccc;
    border-radius: 100px;
    left: 95px;
    top: 40px;
}
.nav-stock-code{
    float: left;
    color: #fff;
    font-size: 16px;
    line-height: 94px;
    height: 70px;
    margin-left: 55px;
    font-weight: bolder;
}
.website-notice-position{
    color: #999;
}
.website-notice-position a{
    color: #999;
    text-decoration: underline;
}
.website-notice-box{
    overflow: hidden;
}
.website-notice-box .website-notice-list{
    float: left;
    width: 700px;
}
.website-notice-box .website-notice-list h3{background: #1d3380;color: #fff;font-size: 16px;padding: 5px 20px;width: 100%;border-radius: 5px;}
.website-notice-box .website-notice-list ul{}
.website-notice-box .website-notice-list ul li{
    position: relative;
}
.website-notice-box .website-notice-list ul li em{
    display: block;
    position: absolute;
    width: 7px;
    height: 7px;
    background: #1d3380;
    border-radius: 100px;
    left: 10px;
    top: 17px;
}
.website-notice-box .website-notice-list ul li a{
    display: block;
    color: #666;
    padding: 10px 30px;
    border-bottom: 1px dashed #eee;
}
.website-notice-box .website-notice-list ul li a:hover{
    text-decoration: underline;
}
.website-notice-box .about-nanhua-list{
    float: right;
    border-left: 1px dashed #ddd;
    width: 160px;
    padding-left: 40px;
}
.website-notice-box .about-nanhua-list h3{
    font-size: 16px;
    color: #1d3380;
}
.website-notice-box .about-nanhua-list a{
    display: block;
    border-top: 1px solid #eee;
    color: #666;
    padding: 10px 15px;
    font-size: 14px;
}
.website-notice-box .about-nanhua-list a:hover{
    text-decoration: underline;
}
.website-notice-box .website-notice-list .website-notice-content{}
.website-notice-box .website-notice-list .website-notice-content h3{
    background: #fff;
    color: #1d3380;
    text-align: center;
    font-size: 20px;
    font-weight: normal;
    border-bottom: 1px dashed #ddd;
    padding-bottom: 20px;
}
.website-notice-box .website-notice-list .website-notice-content p{}

.index-nhinfo-wrap{
    margin-top: 0px;
    opacity: 1;
}
.index-nhinfo-wrap .index-nhinfo-box{
    overflow: hidden;
    width: 1160px;
    margin: 30px auto;
}
.index-nhinfo-wrap .index-nhinfo-box h3{
    text-align: center;
    font-size: 32px;
    font-weight: normal;
}
.index-nhinfo-wrap .index-nhinfo-box .index-nhinfo-box-list{
    overflow: hidden;
    width: 1160px;
}
.index-nhinfo-wrap .index-nhinfo-box .index-nhinfo-box-list div{
    width: 280px;
    height: 230px;
    float: left;
    display: block;
    margin: 0 5px;
    background-image: url(/images/nh_index_info_bg1_202012.png);
    background-repeat: no-repeat;
    background-color: #FFF9F9;
    background-position: 10px 90px;
    position: relative;
}
.index-nhinfo-wrap .index-nhinfo-box .index-nhinfo-box-list div span{display: block;position: absolute;color: #444;top: 20px;left: 20px;font-size: 18px;font-weight: bolder;width: 240px;border-bottom: 1px solid #aaa;height: 60px;}
.index-nhinfo-wrap .index-nhinfo-box .index-nhinfo-box-list div span a{background: #EF3D33;display: block;width: 50px;color: #fff;font-size: 14px;font-weight: normal;text-align: center;border-radius: 100px;padding: 4px;position: absolute;top: 0px;right: 0;}
.index-nhinfo-wrap .index-nhinfo-box .index-nhinfo-box-list div .news-content{
    margin: 0;
    border: none;
    padding: 0;
}
.index-nhinfo-wrap .index-nhinfo-box .index-nhinfo-box-list div .news-content .news-item{
    display: none !important;
    border: none;
    position: absolute;
}
.index-nhinfo-wrap .index-nhinfo-box .index-nhinfo-box-list div .news-content .news-item:nth-child(1){
    display: block !important;
    font-size: 18px;
    /* width: 235px; */
}
.index-nhinfo-wrap .index-nhinfo-box .index-nhinfo-box-list div .news-content .news-item .iconfont{
    display: none;
}
.index-nhinfo-wrap .index-nhinfo-box .index-nhinfo-box-list div .news-content .news-item .news-title{
    text-overflow: unset;
    white-space: unset;
    color: #444;
    line-height: 25px;
    position: absolute;
    top: 110px;
    width: 240px;
}
.index-nhinfo-wrap .index-nhinfo-box .index-nhinfo-box-list div .news-content .news-item .news-date{
    position: absolute;
    display: block;
    color: #999;
    font-weight: normal;
    font-size: 14px;
    top: 48px;
    border: navajowhite;
}

.index-nhinfo-wrap .index-nhinfo-box .index-nhinfo-box-list div.index-nhinfo-box-h{
    background-image: none !important;
    background-color: #EF3D34;
    background-position: 10px 90px;
}
.index-nhinfo-wrap .index-nhinfo-box .index-nhinfo-box-list div.index-nhinfo-box-h .news-content .news-item .news-title{
    color: #fff !important;
    background: none !important;
}
.index-nhinfo-wrap .index-nhinfo-box .index-nhinfo-box-list div.index-nhinfo-box-h .news-content .news-item .news-date{
    color: #fff !important;
    background: none !important;
}
.index-nhinfo-wrap .index-nhinfo-box .index-nhinfo-box-list div.index-nhinfo-box-h span{
    color: #fff;
}
.index-nhinfo-wrap .index-nhinfo-box .index-nhinfo-box-list div.index-nhinfo-box-h b{
    color: #fff;
}
.index-nhinfo-wrap .index-nhinfo-box .index-nhinfo-box-list div.index-nhinfo-box-h a{
    color: #EF3D34;
    background: #fff;
}

.index-nhinfo-wrap .index-nhinfo-box ul li .info-popup-bg{display: none;position: fixed;z-index: 9999999;background: #000;width: 100%;height: 100%;left: 0;top: 0;opacity: 0.7;}
.index-nhinfo-wrap .index-nhinfo-box ul li .info-popup{display: none;position: fixed;z-index: 99999999;width: 100%;height: 100%;left: 0;top: 0;}
.index-nhinfo-wrap .index-nhinfo-box ul li .info-popup div{
    background: #fff;
    width: 700px;
    height: 250px;
    margin: 200px auto;
    position: relative;
}
.index-nhinfo-wrap .index-nhinfo-box ul li .info-popup div span{
    color: #333 !important;
}
.index-nhinfo-wrap .index-nhinfo-box ul li .info-popup div b{
    color: #999 !important;
}
.index-nhinfo-wrap .index-nhinfo-box ul li .info-popup div a{
    width: 31px;
    height: 31px;
    top: 10px;
    right: 10px;
    background: url(/images/nh_index_info_close_202012.png) no-repeat center center !important;
    background-size: 20px !important;
}
.index-nhinfo-wrap .index-nhinfo-box ul li .info-popup div p{
    width: 660px;
    padding-top: 20px;
    border-top: none;
    font-size: 14px;
    font-weight: normal;
    color: #333 !important;
}
.index-tech-intro-wrap{
    margin-top: 0px;
    opacity: 1;
}
.index-tech-intro-box{
    width: 1160px;
    margin: 50px auto;
    position: relative;
    height: 650px;
}
.index-tech-intro-box h2{
    text-align: center;
    font-size: 32px;
    font-weight: normal;
}
.index-tech-intro-box h3{
    text-align: center;
    font-size: 14px;
    font-weight: normal;
    color: #999;
}
.index-tech-intro-box .ani-tech1{
    display: block;
    position: absolute;
    left: 520px;
    top: 180px;
    z-index: 999;
    opacity: 1;
}
.index-tech-intro-box .ani-tech2{
    display: block;
    position: absolute;
    left: 420px;
    top: 150px;
    z-index: 9999;
    opacity: 1;
}
.index-tech-intro-box .ani-tech3{
    display: block;
    position: absolute;
    left: 630px;
    top: 240px;
    z-index: 99;
    opacity: 1;
}
.index-tech-intro-box .ani-tech4{
    display: block;
    position: absolute;
    left: 20px;
    top: 280px;
    z-index: 9;
    opacity: 1;
}
.milestone-content h2{
    font-weight: normal;
    font-size: 32px;
    text-align: center;
}
.milestone-content h4{
    font-weight: normal;
    color: #999;
    width: 800px;
    text-align: left;
    margin: 0 auto 40px;
    line-height: 30px;
    letter-spacing: 1px;
}
.topfix-wrap-2020{
    height: 25px;
    border-bottom: 1px solid #eee;
    position: fixed;
    left: 0;
    top: 0 !important;
    background: #fff;
    width: 100%;
    z-index: 9999;
}
.topfix-wrap-2020 .topfix-wrap-box-2020{
    width: 1280px;
    margin: 0 auto;
    font-size: 14px;
    line-height: 25px;
    height: 25px;
    color: #666;
}
.topfix-wrap-2020 .topfix-2020-left{
    font-size: 12px;
    float: left;
    text-indent: 15px;
    background: url(/images/topfix_bar_icon_phone.png) no-repeat 0 5px;
}
.topfix-wrap-2020 .topfix-2020-left a{color: #0550a1;text-decoration: underline;padding-left: 5px;}
.topfix-wrap-2020 .topfix-2020-right{
    float: right;
    position: relative;
}
.topfix-wrap-2020 .topfix-2020-right .top-show-more-link{height: 30px;}
.topfix-wrap-2020 .topfix-2020-right .top-show-more-link i{
    width: 0;
    height:0;
    display: inline-block;
    vertical-align: 2px;
    margin-left: 4px;
    background: url(/images/topfix_bar_icon_more.png) no-repeat;
    width: 15px;
    height: 15px;
    vertical-align: -2px;
}
.topfix-wrap-2020 .topfix-2020-right .top-show-more-list{
    position: absolute;
    width: 82px;
    right: 0;
    text-align: center;
    background: #fff;
    border: 1px solid #eee;
    border-top: 5px solid #fff;
    top: 23px;
    display: none;
    border-bottom: none;
}
.topfix-wrap-2020 .topfix-2020-right .top-show-more-list a{
    border-bottom: 1px solid #eee;
    display: block;
    margin: 0;
}
.topfix-wrap-2020 .topfix-2020-right .top-show-more-list a:hover{
    color: #fff;
    background: #00498e;
}
.topfix-wrap-2020 .topfix-2020-right a img{position: fixed;display: block;width: 80px;border: 1px solid #eee;margin-left: -15px;margin-top: -1px;border-top: none;display: none;}
.topfix-wrap-2020 .topfix-2020-right a:hover img{display:block;}
.topfix-wrap-2020 .topfix-2020-right a{
    display: inline-block;
    color: #333;
    font-size: 12px;
    margin: 0 15px;
}

.head-wrap-2020{
    height: 85px;
    background: #fff;
    width: 100%;
    position: fixed;
    top: 26px;
    border-bottom: 1px solid #ccc;
    z-index: 99999;
}
.head-wrap-2020 .head-box-2020{
    height: 85px;
    width: 1280px;
    margin: 0 auto;
    /* overflow: hidden; */
}
.head-wrap-2020 .head-box-2020 .logo-box-2020{
    height: 85px;
    float: left;
    width: 210px;
}
.head-wrap-2020 .head-box-2020 .logo-box-2020 img{
    height: 50px;
    margin: 17px 0;
    width: 251px;
    /* height: 40px; */
}
.head-wrap-2020 .head-box-2020 .menu-box-2020{
    float: left;
    height: 85px;
    margin-left: 70px;
}
.head-wrap-2020 .head-box-2020 .menu-box-2020 .menu-normal-grp{
    display: inline-block;
    height: 85px;
    overflow: hidden;
    margin-right: 20px;
    float: left;
    width: 695px;
}
.head-wrap-2020 .head-box-2020 .menu-box-2020 .menu-normal-grp a{
    display: block;
    float: left;
    height: 85px;
    line-height: 85px;
    font-size: 18px;
    padding: 0px 22px;
    color: #333;
}
.head-wrap-2020 .head-box-2020 .menu-box-2020 .menu-normal-grp a:hover{
    color: #00498e;
}
.head-wrap-2020 .head-box-2020 .menu-box-2020 .menu-normal-grp .nav-arrow{
    display: block;
    /*background: url(/img/nav_icons.png) no-repeat -323px -433px;*/
    width: 45px;
    height: 20px;
    position: absolute;
    background-size: 377px;
    margin-top: -5px;
    margin-left: 13px;
    display: none !important;
}
.head-wrap-2020 .head-box-2020 .menu-box-2020 .menu-user-grp{
    display: inline-block;
    height: 85px;
    overflow: hidden;
    margin: 0 -5px;
}
.head-wrap-2020 .head-box-2020 .menu-box-2020 .menu-user-grp a{
    display: block;
    float: left;
    height: 85px;
    line-height: 85px;
    font-size: 16px;
    padding: 0 18px;
    color: #333;
}
.head-wrap-2020 .head-box-2020 .menu-box-2020 .menu-user-grp a:hover{
    color: #00498e;
}
.head-wrap-2020 .head-box-2020 .menu-box-2020 .menu-other-grp{
    display: inline-block;
    height: 85px;
    /* overflow: hidden; */
    margin: 0 -5px;
    position: relative;
}
.head-wrap-2020 .head-box-2020 .menu-box-2020 .menu-other-grp a{
    display: block;
    float: left;
    height: 85px;
    line-height: 85px;
    font-size: 16px;
    padding: 0 18px;
    color: #333;
}
.head-wrap-2020 .head-box-2020 .menu-box-2020 .menu-other-grp a:hover{
    color: #00498e;
}
.nav-wrap-2020{
    width: 100%;
    position: fixed;
    top: 111px;
    background: #F9FAFC;
    z-index: 99999;
}
.nav-wrap-2020 .nav-box-2020{
    width: 1280px;
    margin: 0 auto;
}
.nav-wrap-2020 .nav-box-2020 .nav-list{
    /* padding: 20px 5px; */
    display: none;
    margin-top: -10px;
    padding-bottom: 20px;
    overflow: hidden;
}
.nav-wrap-2020 .nav-box-2020 .nav-list b{
    display: block;
    background: url(../img/nav_icons.png) no-repeat -323px -433px;
    width: 45px;
    height: 20px;
    position: absolute;
    background-size: 377px;
}
.nav-wrap-2020 .nav-box-2020 .nav-list h3{
    font-weight: bold;
    color: #000;
    margin: 0;
    margin-top: 15px;
}
.nav-wrap-2020 .nav-box-2020 .nav-list h3 a{
    color: #333;
    font-size: 18px;
}
.nav-wrap-2020 .nav-box-2020 .nav-list h3 a:hover{
    color: #00498e;
}
.nav-wrap-2020 .nav-box-2020 .nav-list h3 em{
    display: inline-block;
    width: 50px;
    height: 30px;
    vertical-align: middle;
    margin-right: 5px;
}
.nav-wrap-2020 .nav-box-2020 .nav-list p{
    padding: 0 55px;
    margin: 5px 0;
}
.nav-wrap-2020 .nav-box-2020 .nav-list p a{
    font-size: 17px;
    color: #666;
    display: inline-block;
    margin: 10px 0;
}
.nav-wrap-2020 .nav-box-2020 .nav-list p a:hover{
    color: #00498e;
}
.nav-wrap-2020 .nav-box-2020 .nav-list p i{
    display: inline-block;
    border-right: 1px solid #ccc;
    height: 12px;
    margin: 0px 6px;
    vertical-align: middle;
}
.nav-wrap-2020 .nav-box-2020 .nav-list h3 .nav-icon-khfw{background: url("/img/nav_icons.png") no-repeat;background-position: 0 3px;}
.nav-wrap-2020 .nav-box-2020 .nav-list h3 .nav-icon-jyfw{background: url("/img/nav_icons.png") no-repeat;background-position: 0 -84px;}
.nav-wrap-2020 .nav-box-2020 .nav-list h3 .nav-icon-ywbl{background: url("/img/nav_icons.png") no-repeat;background-position: 0px -176px;}
.nav-wrap-2020 .nav-box-2020 .nav-list h3 .nav-icon-rjxz{background: url("/img/nav_icons.png") no-repeat;background-position: 0 -270px;}
.nav-wrap-2020 .nav-box-2020 .nav-list h3 .nav-icon-tzgg{background: url("/img/nav_icons.png") no-repeat;background-position: 0px -367px;}
.nav-wrap-2020 .nav-box-2020 .nav-list h3 .nav-icon-cjwt{background: url("/img/nav_icons.png") no-repeat;background-position: 0 -461px;}

.nav-wrap-2020 .nav-box-2020 .nav-list h3 .nav-icon-zcglfw{background: url("/img/nav_icons.png") no-repeat;background-position: -88px 1px;}
.nav-wrap-2020 .nav-box-2020 .nav-list h3 .nav-icon-jjyw{background: url("/img/nav_icons.png") no-repeat;background-position: -88px -85px;}
.nav-wrap-2020 .nav-box-2020 .nav-list h3 .nav-icon-gjyw{background: url("/img/nav_icons.png") no-repeat;background-position: -88px -281px;}
.nav-wrap-2020 .nav-box-2020 .nav-list h3 .nav-icon-fxglfw{background: url("/img/nav_icons.png") no-repeat;background-position: -88px -379px;}
.nav-wrap-2020 .nav-box-2020 .nav-list h3 .nav-icon-cwyspfw{background: url("/img/nav_icons.png") no-repeat;background-position: -88px -379px;}
.nav-wrap-2020 .nav-box-2020 .nav-list h3 .nav-icon-zzfw{background: url("/img/nav_icons.png") no-repeat;background-position: -88px -183px;}

.nav-wrap-2020 .nav-box-2020 .nav-list h3 .nav-icon-jczs{background: url("/img/nav_icons.png") no-repeat;background-position: -175px 0px;}
.nav-wrap-2020 .nav-box-2020 .nav-list h3 .nav-icon-pxkt{background: url("/img/nav_icons.png") no-repeat;background-position: -175px -90px;}
.nav-wrap-2020 .nav-box-2020 .nav-list h3 .nav-icon-tzzjy{background: url("/img/nav_icons.png") no-repeat;background-position: -175px -193px;}

.nav-wrap-2020 .nav-box-2020 .nav-list h3 .nav-icon-zxzx{background: url("/img/nav_icons.png") no-repeat;background-position: -267px 0px;}
.nav-wrap-2020 .nav-box-2020 .nav-list h3 .nav-icon-yjbg{background: url("/img/nav_icons.png") no-repeat;background-position: -267px -94px;}
.nav-wrap-2020 .nav-box-2020 .nav-list h3 .nav-icon-nhzs{background: url("/img/nav_icons.png") no-repeat;background-position: -267px -190px;}
.nav-wrap-2020 .nav-box-2020 .nav-list h3 .nav-icon-ccfxxt{background: url("/img/nav_icons.png") no-repeat;background-position: -267px -190px;}

.nav-wrap-2020 .nav-box-2020 .nav-list h3 .nav-icon-gywm{background: url("/img/nav_icons.png") no-repeat;background-position: -355px 0px;}
.nav-wrap-2020 .nav-box-2020 .nav-list h3 .nav-icon-xxgs{background: url("/img/nav_icons.png") no-repeat;background-position: -355px -90px;}
.nav-wrap-2020 .nav-box-2020 .nav-list h3 .nav-icon-cpyc{background: url("/img/nav_icons.png") no-repeat;background-position: -355px -283px;}
.nav-wrap-2020 .nav-box-2020 .nav-list h3 .nav-icon-lxwm{background: url("/img/nav_icons.png") no-repeat;background-position: -355px -190px;}
.menu-box-2020 .app-qr-box{
    position: absolute;
    top: 75px;
    left: -10px;
    display: none;
}
.menu-box-2020 .app-qr-box div{
    padding: 10px;
    background: #fff;
    margin-top: 10px;
}
.menu-box-2020 .app-qr-box div img{
    width: 100px;
}
.menu-box-2020 .opcomp-grp-box{
    position: absolute;
    top: 75px;
    left: 103px;
    display: none;
}
.menu-box-2020 .opcomp-grp-box div{
    padding: 0 10px;
    background: #fff;
    margin-top: 10px;
    width: 70px;
    overflow: hidden;
}
.menu-box-2020 .opcomp-grp-box div a{
    display: block !important;
    height: 25px !important;
    line-height: 25px !important;
    padding: 5px 0 !important;
    border-bottom: 1px solid #eee;
    font-size: 14px !important;
    width: 100%;
    text-align: center;
}
.menu-box-2020 .opcomp-grp-box div a:hover{
    color: #00498e;
}
.page-wraper {
    padding-top: 110px !important;
}
#slider {
    margin-top: 0px !important;
}
.topfix-2020-right .login-group{
    display: inline-block;
}
.topfix-2020-right .login-group li{}
.topfix-2020-right .login-group li a{}
.menu-box-2020 .mskh{
    display: inline-block;
    background: #EF3D34;
    color: #fff;
    float: right;
    margin-top: 25px;
    height: 32px;
    line-height: 32px;
    width: 120px;
    border-radius: 100px;
    text-align: center;
    float: left;
}
.new-float-2020{
    width: 77px;
    height: 154px;
    position: fixed;
    right: 0;
    top: 150px;
    background: url(/images/nh_index_float_202012.png) no-repeat;
}
.new-float-2020 .show-app-qr{
    display: block;
    width: 70px;
    height: 70px;
    margin-top: 75px;
}
.new-float-2020 .show-app-qr:hover{
    background:url(/img/nanhuaapp.png) no-repeat;
    background-size:50px;
    background-position:15px;
}
.index-nhinfo-box .ani-info-1{opacity: 1;}
.index-nhinfo-box .ani-info-2{opacity: 1;}
.index-nhinfo-box .ani-info-3{opacity: 1;}
.index-nhinfo-box .ani-info-4{opacity: 1;}

.announce-nh-wrap{
    background: #fff;
    position: relative;
    margin: 40px 0 0 0;
}
.announce-nh-wrap .announce-nh-box{
    width: 1160px;
    height: 420px;
    margin: 0 auto;
    background: #fff;
    box-shadow: 0 0 60px #ddd;
}
.announce-nh-wrap .announce-nh-box h2{
    display: block;
    margin: 0 auto;
    text-align: center;
    font-size: 32px;
    font-weight: normal;
    margin-bottom: 30px;
    position: absolute;
    z-index: 9;
    color: #fff;
    font-weight: bold;
    left: 30px;
    top: 40px;
}
.announce-nh-wrap .announce-nh-box .left{
    width: 374px;
    height: 420px;
    float: left;
    position: relative;
}
.announce-nh-wrap .announce-nh-box .left .preview-img{
    display: block;
    width: 374;
    height: 420px;
    position: absolute;
    left: 0;
    top: 0;
    /* background: #000; */
}
.announce-nh-wrap .announce-nh-box .left .preview-img img{
    display: block;
    width: 374px;
    height: 420px;
}
.announce-nh-wrap .announce-nh-box .left .view-more{
    position: absolute;
    display: block;
    color: #fff;
    font-size: 18px;
    left: 30px;
    top: 350px;
}
.announce-nh-wrap .announce-nh-box .left .news-list-index{
    position: absolute;
    left: 220px;
    top: 50px;
    width: 240px;
}
.announce-nh-wrap .announce-nh-box .left .news-list-index li{}
.announce-nh-wrap .announce-nh-box .left .news-list-index li .news-title{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    color: #333;
    font-size: 18px;
}
.announce-nh-wrap .announce-nh-box .left .news-list-index li .news-date{
    display: block;
    font-size: 14px;
    color: #999;
    margin-top: 10px;
}
.announce-nh-wrap .announce-nh-box .left .news-list-index li .view-details{
    color: #193286;
    margin-top: 25px;
    display: block;
    font-size: 16px;
}
.announce-nh-wrap .announce-nh-box .right{
    background: #fff;
    width: 786px;
    height: 420px;
    float: right;
}
.announce-nh-wrap .announce-nh-box .right .view-more{color: #193286;font-size: 16px;float: right;display: block;margin-right: 20px;}
.announce-nh-wrap .announce-nh-box .right .news-list-index{
    padding: 30px 20px;
}
.announce-nh-wrap .announce-nh-box .right .news-list-index li{line-height: 38px;padding: 0 20px;}
.announce-nh-wrap .announce-nh-box .right .news-list-index li .news-title{
    width: 625px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    font-size: 18px;
    color: #333;
    line-height: 30px;
}
.announce-nh-wrap .announce-nh-box .right .news-list-index li .news-date{
    font-size: 18px;
    display: block;
    color: #999;
    float: right;
    line-height: 25px;
}
.service-center-nh-wrap{
    background: #fff;
    position: relative;
    margin-bottom: 70px;
    display: none;
}
.service-center-nh-wrap .service-center-nh-box{
    width: 1160px;
    height: 650px;
    margin: 0 auto;
}
.service-center-nh-wrap .service-center-nh-box .service-center-nh-title{
    width: 1160px;
    margin: 50px auto 20px;
    position: relative;
}
.service-center-nh-wrap .service-center-nh-box .service-center-nh-title b{
    text-align: center;
    font-size: 32px;
    font-weight: normal;
    display: block;
}
.service-center-nh-wrap .service-center-nh-box .service-center-nh-title span{
    display: block;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
    color: #999;
}
.service-center-nh-wrap .service-center-nh-box .sc-group{
    display: block;
    float: left;
    position: relative;
    height: 260px;
}
.service-center-nh-wrap .service-center-nh-box .sc-group div{
    height: 260px;
    position: absolute;
    width: 100%;
    display: none;
}
.service-center-nh-wrap .service-center-nh-box .sc-group div p{
    padding: 70px 40px;
    color: #fff;
    font-size: 20px;
    line-height: 40px;
    letter-spacing: 2px;
    width: 420px;
}
.service-center-nh-wrap .service-center-nh-box .sc-group div a{
    color: #fff;
    display: inline-block;
}
.service-center-nh-wrap .service-center-nh-box .sc-group div a:hover{
    color: #69cbff;
}
.service-center-nh-wrap .service-center-nh-box .sc-group1{
    background: url(/img/nh_service_bg_2021_group1.png) no-repeat;
    width: 674px;
    background-size: 674px;
}
.service-center-nh-wrap .service-center-nh-box .sc-group2{
    background: url(/img/nh_service_bg_2021_group2.png) no-repeat;
    width: 462px;
    margin-left: 15px;
}
.service-center-nh-wrap .service-center-nh-box .sc-group3{
    background: url(/img/nh_service_bg_2021_group3.png) no-repeat;
    width: 462px;
    margin-top: 15px;
}
.service-center-nh-wrap .service-center-nh-box .sc-group4{
    background: url(/img/nh_service_bg_2021_group4.png) no-repeat;
    width: 674px;
    margin-left: 15px;
    margin-top: 15px;
}
.service-center-nh-wrap .service-center-nh-box .sc-group1-active{
    background: url(/img/nh_service_bg_2021_group1_hover.png) no-repeat;
}
.service-center-nh-wrap .service-center-nh-box .sc-group2-active{
    background: url(/img/nh_service_bg_2021_group2_hover.png) no-repeat;
}
.service-center-nh-wrap .service-center-nh-box .sc-group3-active{
    background: url(/img/nh_service_bg_2021_group3_hover.png) no-repeat;
}
.service-center-nh-wrap .service-center-nh-box .sc-group4-active{
    background: url(/img/nh_service_bg_2021_group4_hover.png) no-repeat;
}
.announce-nh-wrap .announce-nh-box .right .news-list-index li .news-title:hover{
    color: #193286;
}
.announce-nh-wrap .announce-nh-box .left .news-list-index li .news-title:hover{
    color: #193286;
}
.nhzs-index-wrap{
    /* background: url(/img/nhzs_index_bg.png) repeat; */
    width: 100%;
    padding: 30px 0;
    height: 125px;
    margin-top: 80px;
}
.nhzs-index-wrap .nhzs-index-box{
    width: 1160px;
    margin: 0 auto;
    height: 150px;
}
.nhzs-contain {
    width: 1160px;
    margin: auto auto;
    overflow: hidden;
    height: 150px;
}

.nhzs-single {
    width: 100%;
    height: 100%;
    position: relative;
    font-size: 0;
}

.nhzs-single .pre {
    position: absolute;
    width: 20px;
    height: 100%;
    background-color: #ddd;
    cursor: pointer;
    z-index: 99;
}

.nhzs-single .pre:hover {
    background-color: rgba(0, 0, 0, 0.8);
}

.nhzs-single .pre::before {
    content: "";
    width: 12px;
    height: 12px;
    border: solid #fff;
    border-width: 2px 0 0 2px;
    transform: translate(-50%, -50%) rotate(-45deg);
    position: absolute;
    left: 70%;
    top: 50%;
}

.nhzs-single .next {
    position: absolute;
    width: 20px;
    height: 100%;
    right: 0px;
    background-color: #ddd;
    cursor: pointer;
    z-index: 99;
}

.nhzs-single .next:hover {
    background-color: rgba(0, 0, 0, 0.8);
}

.nhzs-single .next::before {
    content: "";
    width: 12px;
    height: 12px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: translate(-50%, -50%) rotate(-45deg);
    position: absolute;
    left: 30%;
    top: 50%;
}

.nhzs-single  ul {
    list-style: none;
    white-space: nowrap;
    display: inline-block;
}

.nhzs-single ul li {
    display: inline-block;
    width: 290px;
    height: 150px;
    color: #333;
    position: relative;
}
.nhzs-single ul li a{
    position: absolute;
    display: block;
    background: url(/images/nanhua_index_zhishu_bg.png) no-repeat 0 0;
    width: 250px;
    height: 150px;
    top: 0;
    left: 20px;
    margin: 0;
    background-size:250px;
}
.nhzs-single ul li span{
    display: block;
    position: absolute;
    font-size: 18px;
    color: #444;
    left: 40px;
    top: 20px;
}
.nhzs-single ul li b{
    display: block;
    font-size: 40px;
    position: absolute;
    top: 45px;
    left: 40px;
}
.nhzs-single ul li .redFont{
    color: #d00d0d;
}
.nhzs-single ul li .greenFont{
    color: #108a31;
}
.nhzs-single ul li b i{}
.nhzs-single ul li em{
    position: absolute;
    display: block;
    font-size: 22px;
    font-style: normal;
    top: 100px;
    left: 40px;
}
.nhzs-single ul li .up:after {
    content: "\2191";
    vertical-align: 4px;
    display: inline-block;
    font-size: 18px;
    margin-left: 5px;
}
.nhzs-single ul li .down:after {
    content: "\2193";
    vertical-align: 4px;
    display: inline-block;
    font-size: 18px;
    margin-left: 5px;
}
.nhzs-single ul li em i{}
.nhzs-index-box h3{
    text-align: center;
    font-size: 32px;
    font-weight: normal;
    display: block;
    margin-top: -90px;
}
.subpage-right-cnt .news-wrap:nth-child(even){
    background:#F9FAFC;
}
.old-site-only{display: none !important;}
.sub-nav li a em{
    display: block;
    font-size: 12px;
    font-style: normal;
    color: #999;
    height: 20px;
    line-height: 20px;
}
.box .box-title .box-center-tab{
    text-align: center;
    margin: 20px 0;
}
.box .box-title .box-center-tab a{
    margin: 0 -4px !important;
    background: #fff;
    border-radius: 0;
    border: 1px solid #ccc;
    /* border-radius: 3px; */
    padding: 10px 20px !important;
}
.box .box-title .box-center-tab a:hover{
    color: #fff;
    background-color: #0083fd;
    outline: 0;
}
.box .box-title .box-center-tab a.active{}

.box .box-center-tab{
    text-align: center;
    margin: 30px 0;
}
.box .box-center-tab a{
    margin: 0 -4px !important;
    background: #fff;
    border-radius: 0;
    border: 1px solid #ccc;
    /* border-radius: 3px; */
    padding: 10px 20px !important;
    color: #ccc;
}
.online-business-index-wrap{
    overflow: hidden;
    width: 1120px;
    margin: 0 auto;
}
.online-business-index-wrap .online-business-index-left{
    width: 650px;
    float: left;
}
.online-business-index-wrap .online-business-index-left h3{
    border-left: 6px solid #193286;
    color: #193286;
    height: 30px;
    line-height: 30px;
    padding-left: 10px;
    font-size: 26px;
}
.online-business-index-wrap .online-business-index-left .kh-nav-link-box{
    overflow: hidden;
    margin: 28px auto;
    margin-left: -40px;
}
.online-business-index-wrap .online-business-index-left .kh-nav-link-box a{
    display: block;
    float: left;
    width: 171px;
    height: 150px;
    margin-bottom: 5px;
}
.online-business-index-wrap .online-business-index-left .kh-nav-link-box a img{
    display: block;
    margin: 0 auto;
    width: 80px;
    height: 80px;
}
.online-business-index-wrap .online-business-index-left .kh-nav-link-box a span{
    display: block;
    margin: 15px auto;
    text-align: center;
    font-size: 18px;
    color: #666;
}
.online-business-index-wrap .online-business-index-left .kh-nav-link-box a:hover{ opacity: 0.6;}
.online-business-index-wrap .online-business-index-left .kh-nav-ser-link-box{
    overflow: hidden;
    margin: 28px auto;
    margin-bottom: 60px;
    margin-left: -10px;
}
.online-business-index-wrap .online-business-index-left .kh-nav-ser-link-box a{
    display: block;
    width: 198px;
    height: 66px;
    float: left;
    margin: 9px;
}
.online-business-index-wrap .online-business-index-left .kh-nav-ser-link-box a img{
    display: block;
    width: 198px;
    height: 66px;
}
.online-business-index-wrap .online-business-index-left .kh-nav-ser-link-box a span{
    display: none;
}
.online-business-index-wrap .online-business-index-left .kh-nav-ser-link-box a:hover{ opacity: 0.6}
.online-business-index-wrap .online-business-index-left .kh-nav-other-link-box{
    margin: 28px auto;
    overflow: hidden;
    margin-left: -10px;
}
.online-business-index-wrap .online-business-index-left .kh-nav-other-link-box a{
    display: block;
    width: 300px;
    height: 174px;
    float: left;
    margin: 12px;
}
.online-business-index-wrap .online-business-index-left .kh-nav-other-link-box a.ywbl{
    background: url(/images/kh_nav_ywbl.png);
}
.online-business-index-wrap .online-business-index-left .kh-nav-other-link-box a.ywbl:hover{
    background: url(/images/kh_nav_ywbl_h.png);
}
.online-business-index-wrap .online-business-index-left .kh-nav-other-link-box a.rjxz{
    background: url(/images/kh_nav_rjxz.png);
}
.online-business-index-wrap .online-business-index-left .kh-nav-other-link-box a.rjxz:hover{
    background: url(/images/kh_nav_rjxz_h.png);
}


.online-business-index-wrap .online-business-index-left .kh-nav-other-link-box a.rjjsfw{
    background: url(/images/fw_icon_rjjsfw.png);
}
.online-business-index-wrap .online-business-index-left .kh-nav-other-link-box a.rjjsfw:hover{
    background: url(/images/fw_icon_rjjsfw_h.png);
}
.online-business-index-wrap .online-business-index-left .kh-nav-other-link-box a.czfzxt{
    background: url(/images/fw_icon_czfxxt.png);
}
.online-business-index-wrap .online-business-index-left .kh-nav-other-link-box a.czfzxt:hover{
    background: url(/images/fw_icon_czfxxt_h.png);
}


.online-business-index-wrap .online-business-index-right{
    width: 440px;
    float: right;
}
.online-business-index-wrap .online-business-index-right .kh-index-notic-wrap{background: #fcfcfe;}
.online-business-index-wrap .online-business-index-right .kh-index-notic-wrap h3{
    background: #EEF1F8;
    color: #193286;
    font-size: 20px;
    height: 45px;
    line-height: 45px;
    position: relative;
    text-indent: 10px;
    font-weight: normal;
}
.online-business-index-wrap .online-business-index-right .kh-index-notic-wrap h3 a{
    display: block;
    position: absolute;
    font-size: 14px;
    right: 20px;
    top: 2px;
    font-weight: normal;
    color: #666;
}
.online-business-index-wrap .online-business-index-right .kh-index-notic-wrap h3 a:hover{
    color: #1744B7;
}
.online-business-index-wrap .online-business-index-right .kh-index-notic-wrap .kh-index-notic-box{
    background: #fcfcfe;
}
.online-business-index-wrap .online-business-index-right .kh-index-notic-wrap .kh-index-notic-box .news-list-index{
    padding: 10px 0;
}
.online-business-index-wrap .online-business-index-right .kh-index-notic-wrap .kh-index-notic-box .news-list-index li{
    margin: 5px 0;
    overflow: hidden;
}
.online-business-index-wrap .online-business-index-right .kh-index-notic-wrap .kh-index-notic-box .news-list-index li a{
    float: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    font-size: 14px;
    line-height: 30px;
    width: 365px;
    color: #999;
    text-indent: 30px;
    background: url(/images/kh_nav_news_icon.png) no-repeat 12px;
}
.online-business-index-wrap .online-business-index-right .kh-index-notic-wrap .kh-index-notic-box .news-list-index li a:hover{
    color: #1744B7;
}
.online-business-index-wrap .online-business-index-right .kh-index-notic-wrap .kh-index-notic-box .news-list-index li span{
    float: right;
    display: inline-block;
    font-size: 14px;
    line-height: 30px;
    color: #999;
    margin-right: 20px;
}
.online-business-index-wrap .online-business-index-right .kh-nav-right-link-box{
    width: 470px;
    overflow: hidden;
    margin-left: -6px;
}
.online-business-index-wrap .online-business-index-right .kh-nav-right-link-box a{
    display: block;
    float: left;
    margin: 0px;
    margin: 6px;
    width: 215px;
    height: 74px;
}
.online-business-index-wrap .online-business-index-right .kh-nav-right-link-box a:hover{ opacity: 0.6}
.online-business-index-wrap .online-business-index-right .kh-nav-right-link-box a img{
    display: block;
    width: 215px;
    height: 74px;
}
.online-business-index-wrap .online-business-index-right .kh-nav-right-link-box a span{
    display: none;
}
.online-business-index-wrap .online-business-index-right .kh-index-calendar-wrap{
    margin: 6px 0 18px 0;
}
.online-business-index-wrap .online-business-index-right .kh-index-remark-wrap{
    background: #FCFCFE;
}
.online-business-index-wrap .online-business-index-right .kh-index-remark-wrap h3{
    background: #EEF1F8;
    color: #125196;
    height: 30px;
    line-height: 30px;
    text-indent: 10px;
    font-size: 14px;
    font-weight: normal;
}
.online-business-index-wrap .online-business-index-right .kh-index-remark-wrap p{
    font-size: 12px;
    color: #aaa;
    line-height: 20px;
    padding: 10px 20px;
}
.online-business-index-wrap .online-business-index-right .kh-index-remark-wrap p a{
    color: #0F7BF7;
    text-decoration: underline;
}
.online-business-ywbl-wrap{
    height: 652px;
    width: 100%;
    background: url(/images/new_ob_app_banner.jpg) no-repeat center;
}
.online-business-ywbl-wrap .online-business-ywbl-box{
    height: 652px;
    width: 1180px;
    background: url(/images/new_ob_app_banner.jpg) no-repeat center;
    margin: 0 auto;
    position: relative;
}
.online-business-ywbl-wrap .online-business-ywbl-box a{
    display: block;
    position: absolute;
    background: #fff;
    width: 290px;
    height: 59px;
    border-radius: 100px;
    opacity: 0;
}
.online-business-ywbl-wrap .online-business-ywbl-box a.dl-ios{
    left: 630px;
    top: 278px;
}
.online-business-ywbl-wrap .online-business-ywbl-box a.dl-ios:hover{
    opacity: 0.3;
}
.online-business-ywbl-wrap .online-business-ywbl-box a.dl-android{
    left: 630px;
    top: 351px;
}
.online-business-ywbl-wrap .online-business-ywbl-box a.dl-android:hover{
    opacity: 0.3;
}
.online-business-ywbl-wrap .online-business-ywbl-box .dl-qr{
    display: block;
    position: absolute;
    width: 134px;
    height: 134px;
    right: 98px;
    top: 280px;
}
.subpage .pull-center{
    margin-top: 20px;
}
.subpage .pull-center .pull-center-child-nav-box{
    margin-bottom: 20px;
    height: 90px;
    background: #F9FAFC;
    text-align: center;
}
.subpage .pull-center .pull-center-child-nav-box a{
    display: inline-block;
    height: 88px;
    line-height: 88px;
    margin: 0 100px;
    font-size: 18px;
    color: #333;
}
.subpage .pull-center .pull-center-child-nav-box .sel{
    color: #193187;
    border-bottom: 2px solid #193187;
    font-weight: bold;
}
.container-center-box #breadcrumb{
    text-align: left;
    width: 100%;
    float: none;
    margin: 0;
    padding: 0;
}
.subpage .pull-center .box{}
.subpage .pull-center .box .box-content{}
.subpage .pull-center .box .box-content .news-content{}
.subpage .pull-center .box .box-content .news-content .news-item{
    height: 60px;
    line-height: 60px;
}
.subpage .pull-center .box .box-content-qa .news-content .news-item .iconfont{
    text-indent: -9999em;
    background: url(/images/li_qa_icon.png) no-repeat center;
    display: inline-block;
    width: 16px;
}

.about-nanhua-intro-wrap{
    background: #F9FAFC;
    width: 100%;
    height: 650px;
}
.about-nanhua-intro-box{
    width: 1100px;
    height: 600px;
    margin: 0 auto;
    padding: 25px 30px;
    background: url(/images/about-nanhua_gywm.png) no-repeat 658px 150px;
}
.about-nanhua-intro-box h4{
    font-size: 26px;
}
.about-nanhua-intro-box h4 em{
    display: block;
    width: 60px;
    border-bottom: 1px solid #ddd;
    margin-top: 15px;
}
.about-nanhua-intro-box .about-nanhua-intro-info{}
.about-nanhua-intro-box .about-nanhua-intro-info p{
    width: 600px;
    font-size: 14px;
    line-height: 1.8em;
    color: #666;
}
.about-nanhua-intro-box .about-nanhua-intro-extra-box{
    height: 80px;
    border-left: 1px solid #ddd;
    margin-top: 110px;
}
.about-nanhua-intro-box .about-nanhua-intro-extra-box div{
    display: block;
    height: 80px;
    border-right: 1px solid #ddd;
    float: left;
    width: 363px;
    text-align: center;
}
.about-nanhua-intro-box .about-nanhua-intro-extra-box div p{
    margin: 0;
    color: #333;
    font-size: 16px;
}
.about-nanhua-intro-box .about-nanhua-intro-extra-box div span{
    font-size: 46px;
    color: #ff0000;
    font-weight: bold;
    line-height: 46px;
}
.about-nanhua-intro-box .about-nanhua-intro-extra-box div em{
    font-style: normal;
    font-size: 16px;
}

.about-nanhua-ability-wrap{
    width: 100%;
    height: 1350px;
    background: #fff;
}
.about-nanhua-ability-box{
    width: 1100px;
    height: 1300px;
    padding: 25px 30px;
    margin: 0 auto;
}
.about-nanhua-ability-box h4{
    font-size: 26px;
}
.about-nanhua-ability-box h4 em{
    display: block;
    width: 60px;
    border-bottom: 1px solid #ddd;
    margin-top: 15px;
}
.about-nanhua-ability-box .about-nanhua-ability-info{}
.about-nanhua-ability-box .about-nanhua-ability-info p{
    line-height: 1.8em;
    font-size: 14px;
    color: #666;
}
.about-nanhua-ability-box h5{
    position: relative;
    font-size: 20px;
    margin-top: 30px;
}
.about-nanhua-ability-box h5 em{
    display: block;
    position: absolute;
    border-bottom: 1px solid #eee;
    width: 990px;
    right: 0;
    top: 14px;
}
.about-nanhua-ability-box .about-nanhua-ability-info-ex{}
.about-nanhua-ability-box .about-nanhua-ability-info-ex div{
    position: relative;
    height: 247px;
    margin: 20px 0;
}
.about-nanhua-ability-box .about-nanhua-ability-info-ex div img{
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}
.about-nanhua-ability-box .about-nanhua-ability-info-ex div h5{
    position: absolute;
    left: 400px;
    top: 0;
    margin: 0;
    font-size: 18px;
}
.about-nanhua-ability-box .about-nanhua-ability-info-ex div p{
    display: block;
    position: absolute;
    color: #666;
    line-height: 1.8em;
    left: 400px;
    top: 30px;
    width: 650px;
}

.about-nanhua-culture-wrap{
    width: 100%;
    height: 550px;
    background: #F9FAFC;
    background: url(/images/about-nanhua-culture_bg.jpg) no-repeat center 0;
    margin-top: 30px;
}
.about-nanhua-culture-box{
    width: 1100px;
    height: 500px;
    margin: 0 auto;
    padding: 25px 30px;
    background: url(/images/about-nanhua-culture_bg.jpg) no-repeat center 0;
}
.about-nanhua-culture-box h4{
    font-size: 26px;
    margin-bottom: 10px;
}
.about-nanhua-culture-box h4 em{
    display: block;
    width: 60px;
    border-bottom: 1px
    solid #ddd;
    margin-top: 10px;
}
.about-nanhua-culture-box .about-nanhua-culture-info{
    width: 565px;
    overflow: hidden;
}
.about-nanhua-culture-box .about-nanhua-culture-info ul{
    float: left;
    width: 279px;
    margin-right: 2px;
    line-height: 2.3em;
    font-size: 13px;
    letter-spacing: 0px;
}
.about-nanhua-culture-box .about-nanhua-culture-info ul li{
    color: #999;
}
.about-nanhua-culture-box .about-nanhua-culture-info ul li b{
    color: #333;
    margin-top: 10px;
    display: block;
}

.about-nanhua-honor-wrap{
    width: 100%;
    height: 820px;
    background: url(/images/about-nanhua-honor_bg.jpg) no-repeat center top;
}
.about-nanhua-honor-box{
    width: 1100px;
    height: 770px;
    margin: 0 auto;
    padding: 25px 30px;
}
.about-nanhua-honor-box h4{
    font-size: 26px;
    color: #fff;
}
.about-nanhua-honor-box .about-nanhua-honor-tabs{
    height: 80px;
    position: relative;
    margin-top: 40px;
}
.about-nanhua-honor-box .about-nanhua-honor-tabs .first-dot{
    display: block;
    position: absolute;
    width: 10px;
    height: 10px;
    background: #B9C0DC;
    border-radius: 100px;
    top: 6px;
    z-index: 9;
}
.about-nanhua-honor-box .about-nanhua-honor-tabs .last-dot{
    display: block;
    position: absolute;
    width: 10px;
    height: 10px;
    background: #B9C0DC;
    border-radius: 100px;
    top: 6px;
    z-index: 9;
    right: 0;
}
.about-nanhua-honor-box .about-nanhua-honor-tabs .line{
    position: absolute;
    display: block;
    border-bottom: 2px solid #fff;
    width: 100%;
    top: 10px;
    opacity: 0.5;
}
.about-nanhua-honor-box .about-nanhua-honor-tabs div{
    overflow: hidden;
}
.about-nanhua-honor-box .about-nanhua-honor-tabs div a{
    display: block;
    float: left;
    color: #B9C0DC;
    font-size: 26px;
    width: 155px;
    text-align: center;
    position: relative;
    line-height: 101px;
    height: 100px;
}
.about-nanhua-honor-box .about-nanhua-honor-tabs div a label{cursor: pointer;}
.about-nanhua-honor-box .about-nanhua-honor-tabs div a b{
    position: absolute;
    width: 14px;
    height: 14px;
    background: #fff;
    display: block;
    border-radius: 100px;
    top: 4px;
    left: 70px;
}
.about-nanhua-honor-box .about-nanhua-honor-tabs div a.sel{
    color: #fff;
    font-size: 40px;
    font-weight: bold;
}
.about-nanhua-honor-box .about-nanhua-honor-tabs div a.sel label{}
.about-nanhua-honor-box .about-nanhua-honor-tabs div a.sel b{}
.about-nanhua-honor-box .about-nanhua-honor-info-box{
    height: 450px;
    overflow-y: scroll;
    margin-top: 50px;
}
.about-nanhua-honor-box .about-nanhua-honor-info-box .about-nanhua-honor-info{
    display: none;
    width: 800px;
}
.about-nanhua-honor-box .about-nanhua-honor-info-box .about-nanhua-honor-info p a{
    color: #fff;
    font-size: 14px;
}
.about-nanhua-honor-box .about-nanhua-honor-info-box .about-nanhua-honor-info span{}
.about-nanhua-honor-box .about-nanhua-honor-arrow-box{
    text-align: center;
    margin-top: 25px;
}
.about-nanhua-honor-box .about-nanhua-honor-arrow-box a{
    display: inline-block;
    margin: 0 20px;
}
.about-nanhua-honor-box .about-nanhua-honor-arrow-box a:hover{opacity: 0.8;}

.about-nanhua-milestone-wrap{
    width: 100%;
    /* height: 1050px; */
    background: #fff;
}
.about-nanhua-milestone-box{
    width: 1100px;
    /* height: 1000px; */
    margin: 0 auto;
}
.about-nanhua-milestone-box h4{
    font-size: 26px;
}
.about-nanhua-milestone-box h4 em{
    display: block;
    width: 60px;
    border-bottom: 1px solid #ddd;
    margin-top: 10px;
}
.about-nanhua-milestone-box .milestone-box{}
.about-nanhua-milestone-box .milestone-box div{
    position: relative;
    margin: 0;
    padding-bottom: 60px;
}
.about-nanhua-milestone-box .milestone-box div h3{
    position: absolute;
    font-size: 14px;
    left: 0;
    top: 10px;
    margin: 0;
}
.about-nanhua-milestone-box .milestone-box div em{
    position: absolute;
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 100px;
    background: #ff4f13;
    left: 45px;
    top: 14px;
    z-index: 9;
}
.about-nanhua-milestone-box .milestone-box div i{
    display: block;
    position: absolute;
    border-left: 1px solid #123474;
    height: 100%;
    top: 0;
    left: 50px;
}
.about-nanhua-milestone-box .milestone-box div p{
    margin: 0;
    margin-left: 75px;
    line-height: 35px;
}
.about-nanhua-milestone-box .show-more{
    background: #F9FAFC;
    color: #666;
    width: 150px;
    display: block;
    text-align: center;
    height: 40px;
    line-height: 40px;
    margin-left: 50px;
    margin-top: 40px;
    border-radius: 3px;
}
.about-nanhua-milestone-box .show-more:hover{color: #fff;background: #193187;}

.about-nanhua-extra-wrap{
    width: 100%;
    margin: 30px 0 100px 0;
}
.about-nanhua-extra-box{
    width: 1160px;
    margin: 0 auto;
    overflow: hidden;
}
.about-nanhua-extra-box a{
    display: block;
    float: left;
    margin-right: 10px;
}
.about-nanhua-extra-box a:hover{opacity: 0.8;}
.about-nanhua-extra-box a img{}

.container-aboutus{
    padding: 0 !important;
    margin: 0 !important;
    width: 100%;
}
.new-nav-warp-2021{
    width: 100%;
    height: 60px;
    border-bottom: 1px solid #eee;
}
.new-nav-warp-2021 .new-nav-box-2021{
    width: 1160px;
    margin: 0 auto;
    height: 60px;
    overflow: hidden;
}
.new-nav-warp-2021 .new-nav-box-2021 a{
    display: block;
    float: left;
    color: #666;
    text-align: center;
    font-size: 18px;
    width: 170px;
    border-bottom: 3px solid #fff;
    height: 57px;
    line-height: 55px;
    margin: 0 11px;
}
.new-nav-warp-2021 .new-nav-box-2021 a:hover{
    border-bottom: 3px solid #eee;
}

.kh-index-notic-box .news-content{
    background: #fcfcfe;
    border: none;
    padding: 0 20px;
}
.kh-index-notic-box .news-content .news-item{
    border: none;
}
.kh-index-notic-box .news-content .news-item .iconfont{
    background: url(/images/kh_nav_news_icon.png) no-repeat 0 11px;
    text-indent: -9999em;
    width: 20px;
    height: 35px;
}
.kh-index-notic-box .news-content .news-item .news-title{
    color: #999;
}
.kh-index-notic-box .news-content .news-item .news-title:hover{
    color: #1744B7;
}
.kh-index-notic-box .news-content .news-item .news-date{
    color: #999;
}
.fw-link-jsyffw:hover{opacity: 0.8;}

.nanhua-quotation-wrap{
    padding-left: 150px;
}
.nanhua-quotation-wrap li{
    border-left: 1px solid #ddd;
    margin: 0 !important;
    position: relative;
    width: 980px;
    margin-left: 100px;
    padding: 20px 0;
}
.nanhua-quotation-wrap li:nth-child(1) .date{
    background: #ff0000;
    color: #fff;
}
.nanhua-quotation-wrap li:nth-child(1) .date em{}
.nanhua-quotation-wrap li:nth-child(2) .date{
    background: #1862d9;
    color: #fff;
}
.nanhua-quotation-wrap li:nth-child(2) .date em{}
.nanhua-quotation-wrap li .date{
    margin: 0;
    display: block;
    position: absolute;
    left: -170px;
    padding: 5px 10px;
    font-size: 14px;
    color: #999;
}
.nanhua-quotation-wrap li .date em{
    position: absolute;
    display: block;
    width: 7px;
    height: 7px;
    background: #ccc;
    border-radius: 100px;
    left: 166px;
    top: 11px;
}
.nanhua-quotation-wrap li .content{
    margin: 0;
    padding: 5px 10px;
}
.nanhua-quotation-wrap li .content span{
    font-size: 14px;
    color: #666;
}
.nanhua-quotation-wrap li .content a{}
.nanhua-quotation-wrap li .content img{
    display: block;
    width: 400px;
    margin: 20px 0;
}
.load-more-quotation{
    display: block;
    background: #1762d9;
    width: 150px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    border-radius: 5px;
    margin-left: 150px;
    margin-top: 30px;
}
.load-more-quotation:hover{ opacity: 0.8;}

.nanhua-video-wrap{
    margin-top: -20px;
}
.nanhua-video-wrap .page-wraper-video{
    margin-bottom: 40px;
}
.nanhua-video-wrap .page-wraper-video h3{
    border-left: 5px solid #15318b;
    color: #15318b;
    font-size: 18px;
    text-indent: 10px;
    height: 30px;
    line-height: 30px;
}
.nanhua-video-wrap .page-wraper-video h3 a{
    display: block;
    float: right;
    color: #666;
    font-weight: normal;
    font-size: 14px;
    margin-right: 20px;
}
.nanhua-video-wrap .page-wraper-video .page-box-video{
    overflow: hidden;
}
.nanhua-video-wrap .page-wraper-video .page-box-video div{
    float: left;
    width: 275px;
    margin: 10px;
    height: 150px;
    position: relative;
}
.nanhua-video-wrap .page-wraper-video .page-box-video div a{
    display: block;
    width: 275px;
    height: 150px;
}
.nanhua-video-wrap .page-wraper-video .page-box-video div a:hover{
    opacity: 0.8;
}
.nanhua-video-wrap .page-wraper-video .page-box-video div img{
    display: block;
    width: 275px;
    height: 150px;
}
.nanhua-video-wrap .page-wraper-video .page-box-video div span{
    display: block;
    width: 265px;
    height: 40px;
    position: absolute;
    bottom: 0;
    background: #000;
    opacity: 0.7;
    color: #fff;
    padding: 5px;
}
.nanhua-video-wrap .page-wraper-video .page-box-video div i{
    position: absolute;
    display: block;
    color: #fff;
    right: 10px;
    bottom: 5px;
    font-size: 12px;
    font-style: normal;
    opacity: 0.5;
}
.nanhua-video-wrap .page-wraper-video .page-wraper-hot div:nth-child(1){
    width: 570px;
    height: 320px;
}
.nanhua-video-wrap .page-wraper-video .page-wraper-hot div:nth-child(1) a{}
.nanhua-video-wrap .page-wraper-video .page-wraper-hot div:nth-child(1) img{
    width: 570px;
    height: 320px;
}
.nanhua-video-wrap .page-wraper-video .page-wraper-hot div:nth-child(1) span{
    width: 560px;
}
.nanhua-video-wrap .page-wraper-video .page-wraper-hot div:nth-child(1) i{}
.nanhua-video-live-link{
    position: fixed;
    width: 120px;
    height: 104px;
    right: 20px;
    top: 440px;
}
.nanhua-video-live-link a{
    display: block;
    width: 120px;
    height: 104px;
}
.nanhua-video-live-link a img{
    width: 120px;
    height: 104px;
}
.load-more-video{
    display: block;
    background: #1762d9;
    width: 150px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    border-radius: 5px;
    margin: 30px auto;
}
.load-more-video:hover{ opacity: 0.8;}
.research-index-wrap{
    width: 1180px;
    margin: 0 auto;
}
.research-index-wrap .research-index-tab-wrap h3{
    color: #193286;
    border-left: 7px solid #193286;
    padding-left: 10px;
    font-size: 18px;
    height: 30px;
    line-height: 30px;
    margin-bottom: 30px;
}
.research-index-wrap .research-index-tab-wrap .research-index-tab-box{
    height: 70px;
    background: #F0F1F6;
    line-height: 70px;
}
.research-index-wrap .research-index-tab-wrap .research-index-tab-box a{
    height: 70px;
    line-height: 70px;
    display: block;
    width: 150px;
    float: left;
    color: #666;
    text-align: center;
    font-size: 16px;
}
.research-index-wrap .research-index-tab-wrap .research-index-tab-box a.sel{
    background: #193286;
    color: #fff;
}
.research-index-wrap .research-index-tab-wrap .research-index-tab-box a.sel{}
.research-index-wrap .research-index-tab-wrap .research-index-tab-content-box{
    background: #FCFCFE;
}
.research-index-wrap .research-index-tab-wrap .research-index-tab-content{
    height: 430px;
    overflow: hidden;
    display: none;
    position: relative;
}
.research-index-wrap .research-index-tab-wrap .research-index-tab-content .view-more{position: absolute;display: block;right: 46px;bottom: 20px;color: #666;}
.research-index-wrap .research-index-tab-wrap .research-index-tab-content .view-more:hover{color: #1744B7;}
.research-index-wrap .research-index-tab-wrap .research-index-tab-content .news-content{margin: 0;border: 0;padding: 10px 20px;overflow: hidden;}
.research-index-wrap .research-index-tab-wrap .research-index-tab-content .news-content .news-item{
    width: 42%;
    float: left;
    border: none;
    height: 45px;
    line-height: 45px;
}
.research-index-wrap .research-index-tab-wrap .research-index-tab-content .news-content .news-item .iconfont{}
.research-index-wrap .research-index-tab-wrap .research-index-tab-content .news-content .news-item .news-title{}
.research-index-wrap .research-index-tab-wrap .research-index-tab-content .news-content .news-item .news-date{
    right: 50px;
}
.research-index-wrap .research-index-tab-wrap .research-index-tab-content #navigatediv{
    display: none;
}
.research-index-tab-content p{
    font-size: 18px;
    text-indent: 2em;
    padding: 0 20px;
    line-height: 28px;
}
.research-index-tab-content p b{
    display:block;
    /* margin-left:-2em; */
    /* border-left: 5px solid #193286; */
    /* text-indent: 0; */
    margin-left: -2em;
}
.research-index-wrap .research-index-tab-wrap .research-index-quotation{
    padding-left: 190px;
    height: 350px;
    overflow-y: scroll;
}
.research-index-wrap .research-index-tab-wrap .research-index-quotation li{
    border-left: 1px solid #ddd;
    margin: 0 !important;
    position: relative;
    width: 950px;
    margin-left: 100px;
    padding: 10px 0 0;
}
.research-index-wrap .research-index-tab-wrap .research-index-quotation li:nth-child(1) .date{
    background: #ff0000;
    color: #fff;
}
.research-index-wrap .research-index-tab-wrap .research-index-quotation li:nth-child(1) .date em{}
.research-index-wrap .research-index-tab-wrap .research-index-quotation li:nth-child(2) .date{
    background: #1862d9;
    color: #fff;
}
.research-index-wrap .research-index-tab-wrap .research-index-quotation li:nth-child(2) .date em{}
.research-index-wrap .research-index-tab-wrap .research-index-quotation li .date{
    margin: 0;
    display: block;
    position: absolute;
    left: -170px;
    padding: 5px 10px;
    font-size: 14px;
    color: #999;
}
.research-index-wrap .research-index-tab-wrap .research-index-quotation li .date em{
    position: absolute;
    display: block;
    width: 7px;
    height: 7px;
    background: #ccc;
    border-radius: 100px;
    left: 166px;
    top: 11px;
}
.research-index-wrap .research-index-tab-wrap .research-index-quotation li .content{
    margin: 0;
    padding: 5px 10px;
    margin-left: 15px;
    text-align: justify;
}
.research-index-wrap .research-index-tab-wrap .research-index-quotation li .content span{
    font-size: 14px;
    color: #666;
    max-height: 80px;
    display: block;
    overflow: hidden;
    overflow: hidden;
    text-overflow: ellipsis;
}
.research-index-report-wrap{
    margin-top: 50px;
}
.research-index-report-wrap h3{
    color: #193286;
    border-left: 7px solid #193286;
    padding-left: 10px;
    font-size: 18px;
    height: 30px;
    line-height: 30px;
    margin-bottom: 30px;
}
.research-index-report-wrap .research-index-report-link{
    overflow: hidden;
    width: 1180px;
    overflow: hidden;
    height: 154px;
    position: relative;
}
.research-index-report-wrap .research-index-report-link div{
    position: absolute;
    height: 154px;
    width: 20000px;
}
.research-index-report-wrap .research-index-report-link div a{
    display: block;
    float: left;
    margin: 0 11px;
}
.research-index-report-wrap .research-index-report-link div a:hover{
    opacity: 0.8;
}
.research-index-report-wrap .research-index-report-link div a img{}
.research-index-report-wrap .research-index-report-btn{
    height: 40px;
    text-align: center;
    margin: 20px 0;
}
.research-index-report-wrap .research-index-report-btn a{
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #ddd;
    border-radius: 100px;
    margin: 0 5px;
}
.research-index-report-wrap .research-index-report-btn a{
    opacity: 0.8;
}
.research-index-report-wrap .research-index-report-btn a.sel{
    background: #0049BC;
    width: 30px;
}

.research-index-live-wrap{}
.research-index-live-wrap h3{
    color: #193286;
    border-left: 6px solid #193286;
    padding-left: 10px;
    font-size: 18px;
    height: 30px;
    line-height: 30px;
    margin-bottom: 30px;
}
.research-index-live-wrap h3 a{
    float: right;
    font-size: 14px;
    color: #999;
    font-weight: normal;
}
.research-index-live-wrap h3 a:hover{
    color: #1744B7;
}
.research-index-live-wrap .research-index-live-box{
    position: relative;
    height: 360px;
}
.research-index-live-wrap .research-index-live-box .live-banner{
    width: 556px;
    height: 143px;
    position: absolute;
    right: 0;
    animation: 0;
}
.research-index-live-wrap .research-index-live-box .live-banner a{
    display: block;
    width: 556px;
    height: 143px;
}
.research-index-live-wrap .research-index-live-box .live-banner a:hover{
    opacity: 0.8;
}
.research-index-live-wrap .research-index-live-box .live-banner a img{
    display: block;
    width: 556px;
    height: 143px;
}
.research-index-live-wrap .research-index-live-box .video-box{}
.research-index-live-wrap .research-index-live-box .video-box div{
    position: absolute;
    width: 268px;
    height: 160px;
}
.research-index-live-wrap .research-index-live-box .video-box div:nth-child(1){
    left: 0;
    top: 0;
    width: 607px;
    height: 320px;
}
.research-index-live-wrap .research-index-live-box .video-box div:nth-child(1){}
.research-index-live-wrap .research-index-live-box .video-box div:nth-child(1) a{
    width: 607px;
    height: 320px;
}
.research-index-live-wrap .research-index-live-box .video-box div:nth-child(1) img{
    width: 607px;
    height: 320px;
}
.research-index-live-wrap .research-index-live-box .video-box div:nth-child(1) span{
    width: 587px;
}
.research-index-live-wrap .research-index-live-box .video-box div:nth-child(1) i{}
.research-index-live-wrap .research-index-live-box .video-box div:nth-child(2){
    top: 160px;
    left: 624px;
}
.research-index-live-wrap .research-index-live-box .video-box div:nth-child(3){
    right: 0;
    top: 160px;
}
.research-index-live-wrap .research-index-live-box .video-box div a{
    display: block;
    width: 268px;
    height: 160px;
}
.research-index-live-wrap .research-index-live-box .video-box div a:hover{
    opacity: 0.8;
}
.research-index-live-wrap .research-index-live-box .video-box div img{
    display: block;
    width: 268px;
    height: 160px;
}
.research-index-live-wrap .research-index-live-box .video-box div span{
    position: absolute;
    display: block;
    width: 248px;
    height: 40px;
    background: #000;
    opacity: 0.7;
    bottom: 0;
    color: #fff;
    padding: 5px 10px;
    font-size: 13px;
}
.research-index-live-wrap .research-index-live-box .video-box div i{
    display: block;
    position: absolute;
    font-style: normal;
    color: #fff;
    position: absolute;
    bottom: 5px;
    right: 10px;
    opacity: 0.8;
}
.research-index-zhishu-wrap{}
.research-index-zhishu-wrap h3{
    color: #193286;
    border-left: 6px solid #193286;
    padding-left: 10px;
    font-size: 18px;
    height: 30px;
    line-height: 30px;
    margin-bottom: 30px;
}
.research-index-zhishu-wrap .research-index-zhishu-box{}
.research-index-zhishu-wrap .research-index-zhishu-box-left{
    float: left;
    width: 670px;
    background: #FCFCFE;
    padding: 20px;
}
.research-index-zhishu-wrap .research-index-zhishu-box-right{
    width: 450px;
    float: right;
}

.rs-index-notic-wrap h3{
    background: #EEF1F8;
    color: #193286;
    font-size: 20px;
    height: 45px;
    line-height: 45px;
    position: relative;
    text-indent: 10px;
    font-weight: normal;
    margin: 0;
}
.rs-index-notic-wrap h3 a{
    display: block;
    position: absolute;
    font-size: 14px;
    right: 20px;
    top: 2px;
    font-weight: normal;
    color: #666;
}
.rs-index-notic-wrap h3 a:hover{
    color: #1744B7;
}
.rs-index-notic-wrap .rs-index-notic-box{
    background: #fcfcfe;
}
.rs-index-notic-wrap .rs-index-notic-box .news-content{
    padding: 10px 0;
    border: none;
    margin: 0;
}
.rs-index-notic-wrap .rs-index-notic-box .news-content .news-item{
    margin: 5px 0;
    overflow: hidden;
    border: none;
}
.rs-index-notic-wrap .rs-index-notic-box .news-content .news-item .news-title{
    float: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    font-size: 14px;
    line-height: 30px;
    width: 365px;
    color: #999;
    text-indent: 30px;
    background: url(/images/kh_nav_news_icon.png) no-repeat 12px;
}
.rs-index-notic-wrap .rs-index-notic-box .news-content .news-item .news-title:hover{
    color: #1744B7;
}
.rs-index-notic-wrap .rs-index-notic-box .news-content .news-item .news-date{
    float: right;
    display: inline-block;
    font-size: 14px;
    line-height: 30px;
    color: #999;
    margin-right: 20px;
}
.rs-index-notic-wrap .rs-index-notic-box .news-content .news-item .iconfont{
    display: none;
}
.rs-index-notic-tab-wrap{}
.rs-index-notic-tab-wrap .rs-index-tag-box{
    position: relative;
    background: #EEF1F8;
    height: 60px;
}
.rs-index-notic-tab-wrap .rs-index-tag-box .rs-index-tag{
    position: absolute;
    width: 350px;
    left: 0;
    top: 0;
}
.rs-index-notic-tab-wrap .rs-index-tag-box .rs-index-tag a{
    display: block;
    float: left;
    width: 110px;
    text-align: center;
    line-height: 60px;
    color: #666;
    font-size: 16px;
}
.rs-index-notic-tab-wrap .rs-index-tag-box .rs-index-tag a.sel{
    color: #193286;
    border-top: 2px solid #193286;
    background: #fcfcfe;
    font-size: 18px;
}
.rs-index-notic-tab-wrap .rs-index-tag-box .rs-index-link{
    position: absolute;
    right: 20px;
    top: 0;
    height: 60px;
    line-height: 60px;
}
.rs-index-notic-tab-wrap .rs-index-tag-box .rs-index-link a{
    color: #666;
    font-size: 14px;
    display: none;
}
.rs-index-notic-tab-wrap .rs-index-tag-box .rs-index-link a:hover{
    color: #1744B7;
}
.rs-index-notic-tab-wrap .rs-index-tag-box .rs-index-link a.sel{
    display: block;
}
.rs-index-notic-tab-wrap .rszs-index-notic-box{}
.rs-index-notic-tab-wrap .rszs-index-notic-box .rszs-index-content{
    background: #fcfcfe;
    display: none;
}
.rs-index-notic-tab-wrap .rszs-index-notic-box .rszs-index-content .news-content{
    padding: 10px 0;
    margin: 0;
    border: 0;
}
.rs-index-notic-tab-wrap .rszs-index-notic-box .rszs-index-content .news-content .news-item{
    margin: 5px 0;
    overflow: hidden;
    border: 0;
}
.rs-index-notic-tab-wrap .rszs-index-notic-box .rszs-index-content .news-content .news-item .news-title{
    float: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    font-size: 14px;
    line-height: 30px;
    width: 365px;
    color: #999;
    text-indent: 30px;
    background: url(/images/kh_nav_news_icon.png) no-repeat 12px;
}
.rs-index-notic-tab-wrap .rszs-index-notic-box .rszs-index-content .news-content .news-item .news-title:hover{
    color: #1744B7;
}
.rs-index-notic-tab-wrap .rszs-index-notic-box .rszs-index-content .news-content .news-item .news-date{
    float: right;
    display: inline-block;
    font-size: 14px;
    line-height: 30px;
    color: #999;
    margin-right: 20px;
}
.rs-index-notic-tab-wrap .rszs-index-notic-box .rszs-index-content .news-content .news-item .iconfont{
    display: none;
}

.research-index-chart-wrap{}
.research-index-chart-wrap .index-name-sel-box{
    background: #F0F1F6;
    height: 60px;
    line-height: 60px;
    position: relative;
    font-size: 14px;
}
.research-index-chart-wrap .index-name-sel-box label{
    display: block;
    position: absolute;
    left: 20px;
}
.research-index-chart-wrap .index-name-sel-box p{
    display: block;
    position: absolute;
    border: 1px solid #ddd;
    background: #fff;
    height: 35px;
    line-height: 35px;
    left: 100px;
    top: 12px;
    margin: 0;
    width: 170px;
    padding-left: 10px;
}
.research-index-chart-wrap .index-name-sel-box p i{
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-top: 7px solid #999;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    top: 14px;
    right: 10px;
}
.research-index-chart-wrap .index-name-sel-box .index-sel-list{
    position: absolute;
    width: 180px;
    left: 100px;
    background: #fff;
    z-index: 9;
    border: 1px solid #ddd;
    top: 47px;
}
.research-index-chart-wrap .index-name-sel-box .index-sel-list a{
    display: block;
    height: 30px;
    line-height: 30px;
    padding: 5px 10px;
    color: #666;
}
.research-index-chart-wrap hide{
    display: none;
}
.research-index-chart-wrap .index-name-sel-box .index-sel-list a:hover{
    background:#f6f6f6;
}
.research-index-chart-wrap .index-name-sel-box .index-sel-list a.sel{
    background: #eee;
}
.research-index-chart-wrap .index-name-sel-box #J_nhzstable{
    position: absolute;
    left: 305px;
    top: 13px;
    margin: 0;
    height: 35px;
    width: 345px;
}
.research-index-chart-wrap .index-name-sel-box #J_nhzstable ul{
    margin: 0;
    height: 35px;
    line-height: 35px;
}
.research-index-chart-wrap .index-name-sel-box #J_nhzstable .index-name{display: none;}
.research-index-chart-wrap .index-name-sel-box #J_nhzstable ul li{ display: none;}
.research-index-chart-wrap .index-name-sel-box #J_nhzstable ul li:nth-child(1){ display: block;}
.research-index-chart-wrap .index-name-sel-box #J_nhzstable ul li span{}
.research-index-chart-wrap .index-name-sel-box #J_nhzstable ul li b{
    font-size: 14px;
    color: #666;
    font-weight: normal;
}
.research-index-chart-wrap .index-name-sel-box #J_nhzstable ul li em{font-style: normal;border: 1px solid #EEE;background: #FFF;display: inline-block;width: 100px;margin: 0 16px;text-indent: 20px;}
.research-index-chart-wrap .index-name-sel-box #J_nhzstable ul .redFont em{
    color: #ff0000;
}
.research-index-chart-wrap .index-name-sel-box #J_nhzstable ul .greenFont em{
    color: #00ab00;
}
.research-index-chart-wrap #J_charts{
    width: 640px;
    height: 400px;
    margin: 20px auto;
}
.research-index-chart-wrap .index-link-box{
    overflow: hidden;
    margin: 25px 0px;
}
.research-index-chart-wrap .index-link-box a{
    display: block;
    float: left;
    background: url(/images/research_index_nhzs_iconbg.png) no-repeat;
    width: 214px;
    height: 59px;
    margin: 5px 4px;
    color: #193286;
    font-size: 18px;
    line-height: 59px;
    text-align: center;
}
.research-index-chart-wrap .index-link-box a:hover{ opacity: 0.8;}
.new-report-nav{}
.new-report-nav .nav-group-box{}
.new-report-nav .nav-group-box h3{
    height: 80px;
    line-height: 80px;
    width: 100%;
    border-bottom: 1px solid #ddd;
    margin: 0;
}
.new-report-nav .nav-group-box h3 a{
    display: block;
    color: #232323;
    font-size: 20px;
    text-align: center;
    font-weight: normal;
    cursor: pointer;
}
.new-report-nav .nav-group-box h3 a:hover{
    background: url(/images/sider_bar_hover_link.png);
    color: #fff;
}
.new-report-nav .nav-group-box h3 a.sel{
    background: url(/images/sider_bar_hover_link.png) !important;
    color: #fff !important;
}
.new-report-nav .nav-group-box ul{
    margin: 0;
    display: none;
}
.new-report-nav .nav-group-box ul li{
    height: 80px;
    line-height: 80px;
    width: 100%;
    border-bottom: 1px solid #ddd;
    margin: 0;
    background: #F0F1F6;
}
.new-report-nav .nav-group-box ul li a{
    display: block;
    color: #232323;
    font-size: 20px;
    text-align: center;
}
.new-report-nav .nav-group-box ul li a:hover{
    color:#15318b;
    border-left:5px solid #15318b;
}
.investor-index-wrap{}
.investor-index-wrap .investor-index-tab-wrap{}
.investor-index-wrap .investor-index-tab-wrap .investor-index-tab-box{
    height: 70px;
    background: #F0F1F6;
    line-height: 70px;
}
.investor-index-wrap .investor-index-tab-wrap .investor-index-tab-box a{
    height: 70px;
    line-height: 70px;
    display: block;
    width: 180px;
    float: left;
    color: #666;
    text-align: center;
    font-size: 16px;
}
.investor-index-wrap .investor-index-tab-wrap .investor-index-tab-box a.sel{
    background: #193286;
    color: #fff;
}
.investor-index-wrap .investor-index-tab-wrap .investor-index-tab-content-box{
    background: #FCFCFE;
}
.investor-index-wrap .investor-index-tab-wrap .investor-index-tab-content{
    height: 300px;
    overflow: hidden;
    display: none;
    position: relative;
}

.investor-index-wrap .investor-index-tab-wrap .investor-index-tab-content .news-content{margin: 0;border: 0;padding: 10px 20px;overflow: hidden;}
.investor-index-wrap .investor-index-tab-wrap .investor-index-tab-content .news-content .news-item{
    border: none;
    height: 40px;
    line-height: 40px;
}
.investor-index-wrap .investor-index-tab-wrap .investor-index-tab-content .news-content .news-item .iconfont{}
.investor-index-wrap .investor-index-tab-wrap .investor-index-tab-content .news-content .news-item .news-title{}
.investor-index-wrap .investor-index-tab-wrap .investor-index-tab-content .news-content .news-item .news-date{
    right: 30px;
}
.investor-index-wrap .investor-index-tab-wrap .investor-index-tab-content .view-more{}
.investor-index-wrap .investor-index-tab-wrap .investor-index-tab-content .view-more a{
    color: #666;
    float: right;
    margin-right: 50px;
}
.investor-index-wrap .investor-index-tab-wrap .investor-index-tab-content .view-more a:hover{
    color: #193286;
}
.investor-index-banner-wrap{
    margin: 20px auto;
}
.investor-index-banner-wrap a{
    opacity: 0.8;
}
.investor-index-banner-wrap img{
    width: 100%;
    display: block;
}
.investor-index-artical-wrap{
    overflow: hidden;
}
.investor-index-artical-wrap .investor-index-artical-box{}
.investor-index-artical-wrap .left{
    float: left;
    width: 600px;
}
.investor-index-artical-wrap .right{
    float: right;
    width: 600px;
}
.investor-index-artical-wrap .investor-index-artical-box h3{
    color: #193286;
    border-left: 6px solid #193286;
    height: 30px;
    line-height: 30px;
    text-indent: 10px;
    font-size: 16px;
}
.investor-index-artical-wrap .investor-index-artical-box h3 a{
    float: right;
    color: #666;
    font-size: 14px;
    font-weight: normal;
    margin-right: 40px;
}
.investor-index-artical-wrap .investor-index-artical-box h3 a:hover{color: #193286;}
.investor-index-artical-wrap .investor-index-artical-box .news-content{margin: 0;border: 0;padding: 10px 20px;overflow: hidden;}
.investor-index-artical-wrap .investor-index-artical-box .news-content .news-item{
    /* border: none; */
    height: 40px;
    line-height: 40px;
}
.investor-index-artical-wrap .investor-index-artical-box .news-content .news-item .iconfont{}
.investor-index-artical-wrap .investor-index-artical-box .news-content .news-item .news-title{}
.investor-index-artical-wrap .investor-index-artical-box .news-content .news-item .news-date{
    right: 30px;
}


.investor-index-artical-wrap .investor-index-lesson-box h3{
    color: #193286;
    border-left: 6px solid #193286;
    height: 30px;
    line-height: 30px;
    text-indent: 10px;
    font-size: 16px;
}
.investor-index-artical-wrap .investor-index-lesson-box h3 a{
    float: right;
    color: #666;
    font-size: 14px;
    font-weight: normal;
    margin-right: 40px;
}
.investor-index-artical-wrap .investor-index-lesson-box h3 a:hover{color: #193286;}
.investor-index-artical-wrap .investor-index-lesson-box .news-content {
    border:none;
}
.investor-index-artical-wrap .investor-index-lesson-box .news-content .news-item{
    /* border: none; */
    height: 40px;
    line-height: 40px;
    float: left;
    width: 475px;
    border: none;
}
.investor-index-artical-wrap .investor-index-lesson-box .news-content .news-item .iconfont{}
.investor-index-artical-wrap .investor-index-lesson-box .news-content .news-item .news-title{}
.investor-index-artical-wrap .investor-index-lesson-box .news-content .news-item .news-date{
    right: 30px;
}
.investor-index-artical-wrap .investor-index-lesson-box .news-content .news-item:nth-child(1){
    /* border: none; */
    height: 40px;
    line-height: 40px;
    width: 550px;
    height: 170px;
    background: #F6F6F8;
    margin-right: 30px;
    margin-top: 16px;
    position: relative;
}
.investor-index-artical-wrap .investor-index-lesson-box .news-content .news-item:nth-child(1) .iconfont{
    position: absolute;
    background: url(/images/lesson_index_icon_1.png) no-repeat;
    text-indent: -999999em;
    width: 192px;
    height: 128px;
    left: 20px;
    top: 20px;
}
.investor-index-artical-wrap .investor-index-lesson-box .news-content .news-item:nth-child(1) .news-title{
    display: block;
    position: absolute;
    left: 240px;
    top: 20px;
    font-size: 20px;
    width: 292px;
    color: #193286;
    text-overflow: unset;
    overflow: unset;
    white-space: normal;
    line-height: 25px;
}
.investor-index-artical-wrap .investor-index-lesson-box .news-content .news-item:nth-child(1) .news-date{
    right: 30px;
    display: block;
    top: 80px;
    color: #666;
    font-size: 18px;
    left: 240px;
}


.investor-index-artical-video-wrap{}
.investor-index-artical-video-wrap h3{
    color: #193286;
    border-left: 6px solid #193286;
    height: 30px;
    line-height: 30px;
    text-indent: 10px;
    font-size: 16px;
}
.investor-index-artical-video-wrap .dami-video-box{
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
}
.investor-index-artical-video-wrap .dami-video-box .view-more{

}
.investor-index-artical-video-wrap .dami-video-box div .news-content{margin: 0;border: 0;padding: 10px 20px;overflow: hidden;}
.investor-index-artical-video-wrap .dami-video-box div .news-content .news-item{
    width: 280px;
    height: 170px;
    float: left;
    display: none;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 10px;
    overflow: hidden;
    margin-right: 15px;
}
.investor-index-artical-video-wrap .dami-video-box div .news-content .news-item:nth-child(1){
    display: block;
    background: url(/images/fxq_video_icon1.png) no-repeat;
    background-size: 100%;
}
.investor-index-artical-video-wrap .dami-video-box div .news-content .news-item:nth-child(2){
    display: block;
    display: block;
    background: url(/images/fxq_video_icon2.png) no-repeat;
    background-size: 100%;
}
.investor-index-artical-video-wrap .dami-video-box div .news-content .news-item:nth-child(3){
    display: block;
    background: url(/images/fxq_video_icon3.png) no-repeat;
    background-size: 100%;
}
.investor-index-artical-video-wrap .dami-video-box div .news-content .news-item .iconfont{
    display: none;
}
.investor-index-artical-video-wrap .dami-video-box div .news-content .news-item .news-title{
    display: block;
    color: #fff;
    /* padding: 0 20px; */
    width: 100%;
    padding-top: 126px;
    text-indent: 8px;
}
.investor-index-artical-video-wrap .dami-video-box div .news-content .news-item .news-date{
    right: 30px;
    display: none;
}
.investor-index-artical-video-wrap .dami-video-box .view-more{
    display: block;
    background: url(/images/fxq_video_icon4.png) no-repeat;
    background-size: 100%;
    display: block;
    width: 285px;
    height: 171px;
    border-radius: 10px;
    position: absolute;
    right: 37px;
    top: 8px;
}
.investor-index-artical-video-wrap .dami-video-box .view-more:hover{opacity: 0.8;}
.investor-index-artical-video-wrap .dami-artical-box{}
.investor-index-artical-video-wrap .dami-artical-box .news-content{margin: 0;border: 0;padding: 10px 20px;overflow: hidden;}
.investor-index-artical-video-wrap .dami-artical-box .news-content .news-item{
    height: 40px;
    line-height: 40px;
    float: left;
    width: 42%;
    margin-right: 15px;
}

.investor-index-artical-video-wrap .dami-artical-box .news-content .news-item .iconfont{}
.investor-index-artical-video-wrap .dami-artical-box .news-content .news-item .news-title{}
.investor-index-artical-video-wrap .dami-artical-box .news-content .news-item .news-date{
    right: 30px;
}

.investor-index-artical-video-wrap .dami-artical-box .view-more a{
    float: right;
    color: #666;
    font-size: 14px;
    font-weight: normal;
    margin-right: 40px;
    margin-top: 10px;
}
.investor-index-artical-video-wrap .dami-artical-box .view-more a:hover{opacity: 0.8;}

.investor-index-artical-video-wrap .dami-video-box .lesson .news-content .news-item:nth-child(1){
    display: block;
    background: url(/images/lesson_index_icon_v1.png) no-repeat;
    background-size: 100%;
}
.investor-index-artical-video-wrap .dami-video-box .lesson .news-content .news-item:nth-child(2){
    display: block;
    display: block;
    background: url(/images/lesson_index_icon_v2.png) no-repeat;
    background-size: 100%;
}
.investor-index-artical-video-wrap .dami-video-box .lesson .news-content .news-item:nth-child(3){
    display: block;
    background: url(/images/lesson_index_icon_v3.png) no-repeat;
    background-size: 100%;
}
.new-drop-nav-wrap{
    width: 100%;
    position: fixed;
    z-index: 99999;
    top: 110px;
}
.new-drop-nav-wrap .new-drop-nav-box{
    width: 1280px;
    position: relative;
    margin: 0 auto;
}
.new-drop-nav-wrap .new-drop-nav-box .new-drop-nav-unit{
    position: absolute;
    background: #fff;
    width: 170px;
    border-radius: 0 0 5px 5px;
    box-shadow: 0 0 4px #ddd;
    display: none;
}
.new-drop-nav-unit .hover-line{
    background:  #1744B7;
    width: 120px;
    height: 3px;
    display: block;
    margin: 0 auto;
    border-radius: 2px;
    margin-bottom: 0px;
    position: absolute;
    margin-left: 25px;
}
.new-drop-nav-wrap .new-drop-nav-box .new-drop-nav-unit:nth-child(1){
    left: 342px;
}
.new-drop-nav-wrap .new-drop-nav-box .new-drop-nav-unit:nth-child(2){
    left: 469px;
}
.new-drop-nav-wrap .new-drop-nav-box .new-drop-nav-unit:nth-child(3){
    left: 586px;
    width: 170px;
}
.new-drop-nav-wrap .new-drop-nav-box .new-drop-nav-unit:nth-child(4){
    left: 704px;
}
.new-drop-nav-wrap .new-drop-nav-box .new-drop-nav-unit:nth-child(5){
    left: 818px;
}
.new-drop-nav-wrap .new-drop-nav-box .new-drop-nav-unit .new-drop-nav-unit-link{}
.new-drop-nav-wrap .new-drop-nav-box .new-drop-nav-unit .new-drop-nav-unit-link a{
    padding: 10px;
    display: block;
    text-indent: 23px;
    color: #333;
    font-size: 15px;
    line-height: 20px;
}
.new-drop-nav-wrap .new-drop-nav-box .new-drop-nav-unit .new-drop-nav-unit-link a:hover{
    background:#eee;
    color: #1744B7;
}
.new-drop-nav-wrap .new-drop-nav-box .new-drop-nav-unit .new-drop-nav-unit-link a span{}
.new-drop-nav-wrap .new-drop-nav-box .new-drop-nav-unit .new-drop-nav-unit-link a em{
    display: block;
    width: 12px;
    height: 12px;
    background: url(/images/new_drop_nav_arrow.png) no-repeat;
    background-size: 20px;
    position: absolute;
    margin-left: 130px;
    background-size: 12px;
    margin-top: -17px;
    transition: all 0.5s;
    -moz-transform:rotate(0deg);
    -webkit-transform:rotate(0deg);
    -o-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    transform:rotate(0deg);
}
.new-drop-nav-wrap .new-drop-nav-box .new-drop-nav-unit .new-drop-nav-unit-link a.has-child{}
.new-drop-nav-wrap .new-drop-nav-box .new-drop-nav-unit .new-drop-nav-unit-link a.child-nav-block{
    background: #eee;
    color: #1744B7;
}
.new-drop-nav-wrap .new-drop-nav-box .new-drop-nav-unit .new-drop-nav-unit-link a.child-nav-block em{
    -moz-transform:rotate(180deg) !important;
    -webkit-transform:rotate(180deg) !important;
    -o-transform:rotate(180deg) !important;
    -ms-transform:rotate(180deg) !important;
    transform:rotate(180deg) !important;
}

.new-drop-nav-wrap .new-drop-nav-box .new-drop-nav-unit .new-drop-nav-unit-link .new-drop-nav-child{
    position: absolute;
    width: 150px;
    background: #fff;
    margin-left: 169px;
    border-radius: 3px;
    box-shadow: 0 0 5px #ddd;
    display: none;
    margin-top: -40px;
}
.new-drop-nav-wrap .new-drop-nav-box .new-drop-nav-unit .new-drop-nav-unit-link .new-drop-nav-child a{}
.new-drop-nav-wrap .new-drop-nav-box .new-drop-nav-unit .new-drop-nav-unit-link .new-drop-nav-child a:hover{}
.head-wrap-2020 .head-box-2020 .menu-box-2020 .menu-normal-grp p{margin: 0 !important;}
.kf-wq-box{
    float: right;
    margin-top: 20px;
    width: 300px;
    height: 300px;
    background-size: 100%;
    position: absolute;
    margin-left: 680px;
    margin-top: 300px;
}
.kf-wq-box img{
    display: block;
    width: 125px;
    margin: 20px auto;
}
.kf-wq-box span{
    display: block;
    text-align: center;
    font-size: 12px;
    color: #999;
}
.video-center-nh-wrap{
    /* background: #fff; */
    position: relative;
    margin-bottom: 70px;
}
.video-center-nh-wrap .video-center-nh-box{
    width: 1160px;
    margin:  0 auto;
    height: 510px;
    margin-top: 50px;
}
.video-center-nh-wrap .video-center-nh-box .video-center-nh-title{}
.video-center-nh-wrap .video-center-nh-box .video-center-nh-title b{
    text-align: center;
    font-size: 32px;
    font-weight: normal;
    display: block;
    margin-bottom: 20px;
}
.video-center-nh-wrap .video-center-nh-box .video-center-info{
    /* overflow: hidden; */
}
.video-center-nh-wrap .video-center-nh-box .video-center-info .video-center-left{
    background: #fff;
    float: left;
    width: 520px;
    height: 400px;
}
.video-center-nh-wrap .video-center-nh-box .video-center-info .video-center-left a{
    display: block;
    width: 520px;
    height: 400px;
    background: url(/images/nh_center_index_video.jpg) no-repeat left top;
    background-size: 520px;
}
.video-center-nh-wrap .video-center-nh-box .video-center-info .video-center-left a:hover{
    opacity:0.8;
}
.video-center-nh-wrap .video-center-nh-box .video-center-info .video-center-left a img{}
.video-center-nh-wrap .video-center-nh-box .video-center-info .video-center-right{
    /* overflow: hidden; */
    float: right;
    width: 620px;
}
.video-center-nh-wrap .video-center-nh-box .video-center-info .video-center-right div{
    height: 190px;
    width: 620px;
    background: #fff;
    position: relative;
    margin-bottom: 20px;
    box-shadow: 0 0 10px #eee;
}
.video-center-nh-wrap .video-center-nh-box .video-center-info .video-center-right div a{
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
}
.video-center-nh-wrap .video-center-nh-box .video-center-info .video-center-right div a img{
    height: 190px;
}
.video-center-nh-wrap .video-center-nh-box .video-center-info .video-center-right div a span{
    display: block;
    position: absolute;
    top: 20px;
    left: 360px;
    color: #333;
    font-size: 20px;
}
.video-center-nh-wrap .video-center-nh-box .video-center-info .video-center-right div a b{
    background: #0173F7;
    color: #fff;
    font-size: 16px;
    font-weight: normal;
    width: 120px;
    display: block;
    position: absolute;
    top: 120px;
    left: 360px;
    border-radius: 100px;
    text-align: center;
    height: 35px;
    line-height: 35px;
}
.video-center-nh-wrap .video-center-nh-box .video-center-info .video-center-right div a i{
    display: block;
    position: absolute;
    left: 360px;
    top: 50px;
    color: #666;
    font-style: normal;
    font-size: 18px;
    font-weight: 300;
}
.video-center-nh-wrap .video-center-nh-box .video-center-info .video-center-right div a:hover{
    box-shadow: 0 0 10px #ddd;
}
.video-center-nh-wrap .video-center-nh-box .video-center-info .video-center-right div a:hover b{
    opacity:0.8;
}
.video-center-nh-wrap .video-center-nh-box .video-center-info .video-center-right div a:hover img{
    opacity:0.8;
}
.amc-content #breadcrumb{
    float: unset;
    width: 1180px;
    padding: 0;
    margin: 20px auto 0;
}
.amc-content #breadcrumb p{
    display: none;
}

.aged-site{display: none !important;}
.normal-site{}
.mediator-box{}
.mediator-box .mediator{
    display: block;
    width: 140px;
    height: 280px;
    border: 1px solid #ddd;
    margin: 11px;
    overflow: hidden;
    float: left;
}
.mediator-box .mediator:hover{
    border: 1px solid #ccc;
    box-shadow: 0 0 10px #eee;
}
.mediator-box .mediator img{
    width: 120px;
    height: 170px;
    display: block;
    margin: 10px auto;
}
.mediator-box .mediator span{
    display: block;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 15px;
    color: #333;
    border-bottom: 1px dashed #ddd;
    font-weight: bold;
    height: 41px;
}
.mediator-box .mediator-legal span{height: 41px;line-height: 41px;border: none;float: left;width: 800px;border-right: 1px solid #ddd;}
.mediator-box .mediator-legal abbr{
}
.mediator-tab-box{
    text-align: center;
    margin: 15px 0;
}
.mediator-tab-box a{
    display: inline-block;
    width: 150px;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    color: #0550a1;
    border: 1px solid #0550a1;
    margin: 0px -5px;
    border-radius: 4px;
}
.mediator-tab-box a.sel{
    background: #0550a1;
    color: #fff;
}
.mediator-box .mediator-legal{
    display: none;
    float: left;
    width: 100%;
    height: 40px;
    margin: 0;
    margin-top: -1px;
}
.mediator-box .mediator-legal img{
    display:none;
}
.mediator-box .mediator-legal b{
    margin: 0;
}
.mediator-box .mediator-legal i{display: block;width: 385px;height: 40px;margin: 0;float: left;line-height: 40px;}
.mediator-box b{
    display: block;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
    color: #333;
    margin: 5px 0;
    display: none;
}
.mediator-box i{
    font-size: 14px;
    color: #999;
    font-style: normal;
    text-align: center;
    display: block;
    margin-top: 3px;
}
.mediator-box label{
    padding-right: 10px;
}
.mediator-box em{
    display: block;
    font-style: normal;
    text-align: center;
    font-size: 14px;
    color: #999;
    display: none;
}
.mediator-search-box{
    text-align: center;
    margin: 20px 0;
    background: #f6f6f6;
    padding: 10px 0;
}
.mediator-search-box span{
    display: inline-block;
    font-size: 16px;
    color: #666;
    padding: 0 10px;
}
.mediator-search-box input{
    display: inline-block;
    width: 150px;
    height: 26px;
    line-height: 26px;
    padding: 0 10px;
    border: 1px solid #ccc;
    border-radius: 2px;
}
.mediator-search-box a{
    display: inline-block;
    margin: 0 10px;
    background: #0550a1;
    color: #fff;
    padding: 4px 20px;
    border-radius: 3px;
}
.mediator-search-box a:hover{
    opacity: 0.8;
}
.mobile-only{
    display: none !important;
}
.software-right-box-pc{
    border-bottom:1px solid #eee;
    padding:30px 0;
}
.software-right-box-pc span{}
.software-right-box-pc a{
    color: #ff8800;
    line-height: 20px;
    border:1px solid #f88000;
    padding:5px 10px;
    margin-right:10px;
    display:inline-block;


}
.software-right-box-pc .software-dllink{
    background: url(../img/software_dl_new_icon2.jpg) no-repeat 10px center;
    background-size: 17px;
    padding-left:35px;
}
.software-right-box-pc .software-sms{
    background: url(../img/software_dl_new_icon3.jpg) no-repeat 10px center;
    background-size: 20px;
    padding-left:35px;
}
.d
.download-item-left-pc .software-intro p{}
.download-item-left-pc .software-intro p label{font-weight: bold;display: inline-block;width: 75px;}
.download-item-left-pc .software-intro p span{
    display: inline-block;
}
.topfix-wrap-2020 .topfix-2020-right .top-fix-nhzs{
    background: url(/images/top-fix-icon-nhzs.png) no-repeat 0 center;
    background-size: 14px;
    padding-left: 20px;
}

.ir-qa-box{
    padding: 20px;
    border-bottom: 1px solid #eee;
}
.ir-qa-box .ir-date{
    color: #999;
    border-top: 1px dashed #eee;
    line-height: 30px;
    padding-left: 10px;
}
.ir-qa-box .ir-date span{}
.ir-qa-box .ir-date i{
    font-style: normal;
    font-size: 13px;
}
.ir-qa-box .ir-q{
    font-size: 16px;
    line-height: 28px;
    position: relative;
    padding-left: 45px;
}
.ir-qa-box .ir-q span{
    display: block;
    background: #cedaf0;
    width: 28px;
    text-align: center;
    color: #1e509c;
    border-radius: 4px;
    height: 28px;
    line-height: 28px;
    position: absolute;
    left: 10px;
}
.ir-qa-box .ir-q b{}
.ir-qa-box .ir-a{
    font-size: 16px;
    line-height: 28px;
    position: relative;
    padding-left: 45px;
    background: #f7f7f7;
    padding-top: 10px;
    padding-bottom: 10px;
}
.ir-qa-box .ir-a span{
    display: block;
    background: #fff0db;
    width: 28px;
    text-align: center;
    color: #fc7e2a;
    border-radius: 4px;
    height: 28px;
    line-height: 28px;
    position: absolute;
    left: 10px;
}
.ir-qa-box .ir-a i{
    font-style: normal;
}
.showMorehandle{
    display: block;
    width: 300px;
    margin: 20px auto;
    text-align: center;
    background: #1e509c;
    color: #fff;
    height: 40px;
    line-height: 40px;
    border-radius: 5px;
}