@charset "utf-8";@import '/static/index/style/css/newhome.css';@import '/static/index/css/bootstrap.css';* {
    margin: 0;
    padding: 0
}

body {
    min-width: 86em;
    margin: 0 auto;
    padding: 0;
    font-size: 16px;
    color: #666;
    background-color: #fff;
    font-family: Microsoft Yahei,SimSun
}

img {
    border: 0
}

form,h1,h2,h3,p {
    margin: 0;
    padding: 0
}

input,select,textarea {
    font-size: 1em;
    font-family: Microsoft YaHei,SimSun
}

input::-ms-clear,input::-ms-reveal {
    display: none
}

div,ul,li {
    margin: 0;
    padding: 0;
    display: block;
    overflow: hidden
}

ul,li {
    list-style-type: none
}

li {
    text-overflow: ellipsis
}

a {
    text-decoration: none;
    color: #333;
    outline: 0
}

a:hover {
    text-decoration: none;
    color: #3082ed
}

a,.arow {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@media screen and (max-width: 640px) {
    ::-webkit-scrollbar {
        width:0;
        height: 0
    }

    ::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb:hover {
        background-color: transparent
    }
}

@keyframes fade-in {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.trtion {
    transition: 600ms;
    transition-timing-function: ease-out;
    width: 23em
}

.trtions {
    transition: 300ms;
    transition-timing-function: ease-out
}

.himg {
    position: relative;
    z-index: 1
}

.himg img {
    min-width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    left: -200%;
    top: -200%;
    right: -200%;
    bottom: -200%;
    margin: auto;
    transition: transform .4s ease
}

.himg:hover img {
    transform: scale(1.1,1.1)
}

.trtion {
    transition: 600ms;
    transition-timing-function: ease-out
}

.trtions {
    transition: 300ms;
    transition-timing-function: ease-out
}

.web_nav {
    display: none
}

.web_menubox {
    display: none
}

.web_menu {
    display: none
}

@font-face {
    font-family: 'icon';
    src: url('/upload/4bsn/fyqzrg6u.woff') format('woff')
}

.xc_box {
    width: 100%;
    height: 100%;
    position: fixed;
    background: #40454e;
    top: 0;
    left: 0;
    z-index: 99;
    transform: translateY(100%);
    opacity: 0
}

.xc_box.on {
    transform: translateY(0);
    opacity: 1
}

.xc_fh {
    font-family: icon;
    text-align: center;
    width: 3em;
    height: 3em;
    line-height: 3em;
    background: #fff;
    position: absolute;
    right: 3em;
    top: 2em;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 0 10px #333
}

.xc_fh:after {
    content: '\e6ac';
    font-size: 1.5em
}

.xc_fh:hover {
    background: #b90000
}

.xc_fh:hover:after {
    color: #fff
}

.xc_center {
    width: 85em;
    height: 100vh;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto
}

.xc_list {
    width: calc(100% - 12.5em);
    height: 100%;
    margin: 0 auto;
    white-space: nowrap
}

.xc_l,.xc_r {
    position: absolute;
    font-family: icon;
    color: #98a1ab;
    width: 6.25em;
    height: 6.25em;
    text-align: center;
    line-height: 6.25em;
    top: 0;
    bottom: 0;
    margin: auto 0;
    cursor: pointer
}

.xc_l {
    left: 0
}

.xc_r {
    right: 0
}

.xc_l font,.xc_r font {
    font-size: 5em
}

.xc_list li {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: 100%;
    position: relative;
    background: #fff
}

.xc_list li img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    left: -200%;
    top: -200%;
    right: -200%;
    bottom: -200%;
    margin: auto
}

header {
    width: 100%;
    height: 5.3em;
    position: fixed;
    top: 0;
    left: 0;
    border-bottom: 1px solid #3d446e;
    z-index: 9
}

header.on {
    background: #070e32
}

.headerwidth {
    width: 100%;
    max-width: 111.5em;
    height: 100%;
    margin: 0 auto;
    position: relative
}

.logo {
    width: 15.875em;
    height: 100%;
    position: relative;
    display: block;
    position: absolute;
    left: 0;
    top: 0
}

.logo img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    z-index: -1;
    left: -200%;
    top: -200%;
    right: -200%;
    bottom: -200%;
    margin: auto
}

.top_center {
    width: 100%;
    max-width: 75em;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto
}

.top_center li {
    display: inline-block;
    vertical-align: top;
    height: 100%;
    line-height: 6.3em;
    margin-right: 1.625em;
    position: relative
}

.top_center li a {
    color: #fff;
    font-size: 1.1em
}

.top_center li::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 100%;
    width: 0;
    height: auto;
    border-bottom: 3px solid #3b93ec;
    transition: .2s all linear
}

.top_center li:hover::before {
    width: 100%;
    left: 0
}

.top_center li:hover~li::before {
    left: 0
}

.top_center li.on::before {
    left: 0;
    width: 100%
}

.top_center li.onli::before {
    left: 0;
    width: 100%
}

.sub_box {
    width: 100%;
    max-width: 75em;
    height: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    margin: 0 auto;
    overflow: visible;
    display: none
}

.sub_box.on {
    display: block;
    z-index: 100;
}

.sub_box .nav {
    background: #fff;
    border-radius: 0 0 1em 1em;
    position: absolute;
    left: 0;
    top: 0;
    box-shadow: 0 0 1em rgba(51,51,51,0.5);
    display: none
}

.sub_box .nav.none {
    display: none;
   
}

.sub_box .nav.on {
    display: block;
    z-index: 100;
}

.sub_box .nav:nth-child(2) {
    padding: 3em;
    padding-top: 0;
    width: 100%
}

.sub_box .nav:nth-child(2):after {
    content: '';
    width: calc(100%/4 - 2.8em)
}

.sub_box .nav:nth-child(3).on {
    display: block
}

.sub_box .nav:nth-child(3) {
    padding: 3em;
    padding-top: 0;
    display: none
}

.sub_box .nav:nth-child(5).on {
    display: block
}

.sub_box .nav:nth-child(5) {
    padding: 3em 3em 0 3em;
    padding-top: 0;
    display: none;
    width: auto;
    left: 23.5em
}

.sub_box .nav:nth-child(5) li {
    width: 10em
}

.sub_box .nav:nth-child(6) {
    padding: 0 0 0 3em
}

.sub_box .nav:nth-child(6) li {
    width: 12em
}

.sub_box .nav:nth-child(6).on {
    display: block;
    left: 25.5em
}

.sub_box .nav:nth-child(4) {
    padding: 3em;
    padding-top: 0;
    width: 100%;
    display: none
}

.sub_box .nav:nth-child(4):after {
    content: '';
    width: calc(100%/4 - 2.8em)
}

.sub_box .nav li {
    width: calc(100%/4 - 2.8em);
    height: 4.75em;
    font-family: icon;
    display: inline-block;
    vertical-align: top;
    margin-top: 2.5em;
    margin-right: 2em
}

.sub_box .nav li span {
    width: 1.75em;
    height: 1.75em;
    display: block;
    text-align: center;
    line-height: 1.75em;
    background: #3d90f3;
    border-radius: .3em;
    color: #fff;
    float: left;
    margin-right: 1.125em
}

.sub_box .nav li span font {
    font-size: 1.3em
}

.sub_box .nav li p {
    font-size: .875em;
    margin-bottom: .3em
}

.sub_box .nav li p a {
    font-weight: bold
}

.sub_box .nav li small {
    font-size: .75em;
    color: #999;
    line-height: 1.6em;
    display: block;
    height: 3.2em;
    overflow: hidden
}

.header_both {
    width: 15.37em;
    height: 2.5em;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    right: 5.6em;
    color: #fff;
    line-height: 2.5em
}

.header_both .box {
    width: calc(100%/2 - 0.62em);
    border-radius: .3em;
    text-align: center
}

.header_both .box font {
    font-size: .875em
}

.header_both .box:nth-child(1) {
    background: #693bc4
}

.header_both .box:nth-child(2) {
    background: #3b59ed;
    display: none
}

.header_lx {
    width: 11.37em;
    height: auto;
    padding: 1em;
    background: #3472ed;
    position: absolute;
    right: 7.6em;
    top: 100%;
    overflow: visible;
    padding-top: 0;
    transform: translateY(2em);
    opacity: 0;
    display: none;
    animation: fade-in .4s
}

.header_lx:before {
    content: '';
    width: 0;
    height: 0;
    border-left: .62em solid transparent;
    border-right: .62em solid transparent;
    border-bottom: .875em solid #3472ed;
    position: absolute;
    left: 3.25em;
    top: -.6em
}

.header_lx span {
    display: block;
    padding-bottom: .5em;
    border-bottom: 1px dashed #f2f2f2;
    margin-top: 1em
}

.header_lx p {
    font-size: .875em;
    margin-bottom: .5em;
    color: #fff
}

.header_lx p font {
    color: #fff
}

.header_lx.on {
    opacity: 1;
    transform: translateY(0);
    box-shadow: 0 0 10px rgba(51,51,51,0.2);
    display: block
}

.bannerbox {
    width: 100%;
    /*height: 51.25em;*/
    height: 37.5em;
    position: relative
}

.banner_ul {
    height: 100%;
    white-space: nowrap
}

.banner_ul li {
    width: 100%;
    height: 100%;
    position: relative;
    display: inline-block;
    vertical-align: top
}

.banner_ul li .bg {
    min-width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    left: -200%;
    top: -200%;
    right: -200%;
    bottom: -200%;
    margin: auto
}

.banner_ul li .box {
    width: 100%;
    max-width: 75em;
    height: calc(100% - 6.25em);
    position: absolute;
    left: 0;
    right: 0;
    top: 8em;
    margin: 0 auto;
    overflow: visible;
    color: #fff;
    z-index: 1
}

.banner_ul li .halo {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    overflow: visible;
    z-index: -1
}

.banner_ul li .halo img {
    position: absolute;
    min-width: 100%;
    top: 0;
    right: -8.3em;
    opacity: 0
}

.banner_ul li .text {
    width: 37.87em;
    height: 31.87em;
    position: absolute;
    right: 0;
    bottom: 1.25em;
    z-index: 3
}

.banner_ul li .text img {
    max-width: 100%
}

.banner_ul li .box span {
    font-size: 2em;
    margin-top: 7.33em;
    display: block;
    z-index: 3;
    transform: translateY(2em);
    opacity: 0
}

.banner_ul li .box h3 {
    font-size: 4.5em;
    text-shadow: 0 .3em .625em rgba(0,80,178,0.53);
    font-weight: normal;
    transform: translateY(2em);
    opacity: 0;
    color: #ff0
}

.banner_ul li .box p {
    font-size: 2.25em;
    margin-top: .5em;
    transform: translateY(2em);
    opacity: 0
}

.banner_ul li .box .urlmore {
    width: 12.5em;
    height: 3.12em;
    display: block;
    background: #3b94ed;
    border-radius: 4em;
    margin-top: 5em;
    text-align: center;
    line-height: 3.12em;
    color: #fff;
    transform: translateY(2em);
    opacity: 0;
    cursor: pointer
}

.banner_ul li .box .urlmore:hover {
    box-shadow: 0 0 .625em rgba(0,80,178,0.5)
}

.banner_ul li.on .halo img {
    animation: halo-in 5s;
    animation-iteration-count: infinite
}

.banner_ul li.on span {
    transform: translateY(0);
    opacity: 1
}

.banner_ul li.on h3 {
    transform: translateY(0);
    opacity: 1;
    transition-delay: .2s;
    animation: text-in 3s;
    animation-iteration-count: infinite
}

.banner_ul li.on p {
    transform: translateY(0);
    opacity: 1;
    transition-delay: .6s;
    white-space: normal;
    line-height: 1.75em
}

.banner_ul li.on .urlmore {
    transform: translateY(0);
    opacity: 1;
    transition-delay: 1s
}

@keyframes halo-in {
    0% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes text-in {
    0% {
        text-shadow: 0 .3em .625em rgba(0,80,178,0.53)
    }

    50% {
        text-shadow: 0 .3em .625em rgba(0,64,142,0.7)
    }

    100% {
        text-shadow: 0 .3em .625em rgba(0,80,178,0.53)
    }
}

.banner_bottom {
    width: 100%;
    height: 6.25em;
    background: url('http://quanyu.test.com/static/index/web/images/bannerbottom.png') no-repeat center center;
    background-size: cover;
    position: absolute;
    bottom: 0;
    left: 0;
    display: none
}

.banner_bottom .box {
    width: 100%;
    max-width: 75em;
    height: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.banner_bottom .box .list {
    width: calc(100%/4);
    display: inline-block;
    vertical-align: top;
    position: relative
}

.banner_bottom .box .list:after {
    content: '';
    width: 1px;
    height: 3.12em;
    display: block;
    background: rgba(255,255,255,0.3);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto 0
}

.banner_bottom .box .list:last-child:after {
    display: none
}

.banner_bottom .box .list .text {
    width: 13.75em;
    height: 3.7em;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto auto;
    font-family: icon;
    color: #fff
}

.banner_bottom .box .list .text span {
    height: 100%;
    display: block;
    line-height: 3.7em;
    overflow: visible;
    float: left;
    margin-right: 1em
}

.banner_bottom .box .list .text span font {
    display: block;
    font-size: 2.5em;
    background: linear-gradient(120deg,#3472ed 0%,#2dcbed 100%);
    -webkit-background-clip: text;
    color: transparent;
    text-shadow: 2px 4px 4px rgba(51,123,237,0.7)
}

.banner_bottom .box .list .text p {
    margin-top: .5em;
    margin-bottom: .3em
}

.banner_bottom .box .list .text small {
    font-size: .875em;
    color: #a9abb7
}

.banner_list {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 3em;
    left: 0
}

.banner_list li {
    width: .75em;
    height: .75em;
    display: inline-block;
    display: inline-block;
    border-radius: 50%;
    border: 1px solid #fff;
    margin: 0 .75em;
    cursor: pointer
}

.banner_list li.on {
    background: #fff
}

.in_all_title {
    text-align: center
}

.in_all_title h3 {
    font-size: 2.25em;
    font-weight: normal
}

.in_all_title p {
    font-size: 1.5em;
    display: none
}

.in_all_title font {
    width: 1.375em;
    height: 3px;
    display: inline-block;
    background: #1e82d3
}

.in_prduct {
    width: 100%;
    height: auto;
    padding: 4em 0
}

.prduct_all {
    width: 100%;
    max-width: 80em;
    height: 20.62em;
    margin: 0 auto;
    margin-top: 3.5em;
    padding-bottom: 4em;
    border-bottom: 1px solid #e6e6e6;
    display: flex;
    justify-content: space-between;
    margin-top: 3em;
    flex-wrap: wrap
}

.prduct_all li {
    width: calc(100%/3 - 2.5em);
    height: 100%;
    display: block;
    position: relative;
    float: left;
    overflow: visible
}

.prduct_all li.none {
    display: none
}

.prduct_all li:after {
    content: '';
    position: absolute;
    top: 0;
    left: 100%;
    opacity: 0;
    border-left: .62em solid transparent;
    border-right: .62em solid transparent;
    border-bottom: .62em solid #e6e6e6;
    position: absolute;
    bottom: -4em;
    transition: .4s all linear
}

.prduct_all li:hover::after {
    opacity: 1;
    left: calc(50% - 0.31em)
}

.prduct_all li:hover~li::after {
    left: calc(50% - 0.31em)
}

.prduct_all li.on::after {
    left: calc(50% - 0.31em);
    opacity: 1
}

.prduct_all li:last-child {
    margin-right: 0
}

.prduct_all li a {
    width: 100%;
    height: 100%;
    display: block;
    text-align: center
}

.prduct_all li a:before {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background: #f2f2f2;
    z-index: -1;
    transition: 600ms;
    transition-timing-function: ease-out
}

.prduct_all li a:after {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background: -webkit-linear-gradient(left,#3479ec,#2cb6ed);
    z-index: -1;
    opacity: 0;
    transition: 600ms;
    transition-timing-function: ease-out
}

.prduct_all li a span {
    width: 7.18em;
    height: 7.18em;
    display: block;
    margin: 0 auto;
    margin-top: 2.62em;
    line-height: 7.18em;
    font-family: icon
}

.prduct_all li a span font {
    font-size: 6em;
    background: linear-gradient(120deg,#3472ed 0%,#2dcbed 100%);
    -webkit-background-clip: text;
    color: transparent;
    text-shadow: 0 5px 10px rgba(51,123,237,0.3)
}

.prduct_all li:hover a span font {
    color: #fff;
    text-shadow: 0 5px 10px rgba(51,123,237,0.8)
}

.prduct_all li a h3 {
    font-size: 1.2em;
    font-weight: normal;
    margin-top: .2em
}

.prduct_all li a small {
    font-size: .875em;
    color: #999;
    display: block;
    width: 12em;
    margin: 0 auto;
    white-space: normal;
    margin-top: 1.7em;
    line-height: 1.75em
}

.prduct_all li:hover a {
    color: #fff
}

.prduct_all li:hover small {
    color: #fff
}

.prduct_all li:hover {
    box-shadow: .3em 0 .62em rgba(45,185,237,0.2)
}

.prduct_all li a:hover:after {
    opacity: 1
}

.prduct_all li a:hover:before {
    opacity: 0
}

.prduct_all li a:hover:before {
    opacity: 0
}

.prduct_all li.on a:after {
    opacity: 1
}

.prduct_all li.on a:before {
    opacity: 0
}

.prduct_all li.on a:before {
    opacity: 0
}

.prduct_all li.on a {
    color: #fff
}

.prduct_all li.on small {
    color: #fff
}

.prduct_all li.on {
    box-shadow: .3em 0 .62em rgba(45,185,237,0.2)
}

.prduct_all li.on a span font {
    color: #fff;
    text-shadow: 0 5px 10px rgba(51,123,237,0.8)
}

.prduct_list {
    width: 100%;
    max-width: 80em;
    height: auto;
    padding-top: 3.12em;
    margin: 0 auto;
    white-space: nowrap;
    position: relative
}

.prduct_nr {
    width: 100%;
    height: 100%;
    display: inline-block;
    vertical-align: top;
    white-space: normal;
    opacity: 0;
    position: absolute;
    top: 3.12em;
    left: 0
}

.prduct_nr.on {
    opacity: 1;
    position: static
}

.prduct_nr .prducttext {
    color: #999;
    line-height: 1.75em
}

.prduct_nav {
    width: 100%
}

.prduct_nav li {
    width: calc(100%/4 - 3.5em);
    margin-right: 4em;
    height: 4.75em;
    font-family: icon;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 2.5em;
    overflow: visible
}

.prduct_nav li span {
    width: 2.87em;
    height: 2.87em;
    display: block;
    text-align: center;
    line-height: 2.87em;
    background: #3d90f3;
    border-radius: .3em;
    color: #fff;
    float: left;
    margin-right: 1.125em
}

.prduct_nav li span font {
    font-size: 2em
}

.prduct_nav li p {
    font-size: .875em;
    margin-bottom: .3em
}

.prduct_nav li p a {
    font-weight: bold
}

.prduct_nav li small {
    font-size: .875em;
    color: #999;
    line-height: 1.6em;
    display: block;
    height: 3.2em;
    overflow: hidden
}

.prduct_nav li:nth-child(4n) {
    margin-right: 0
}

.callcenter li:last-child {
    display: none
}

.in_problem {
    width: 100%;
    height: 50em;
    background: url(/static/index/web/images/inprem.jpg) no-repeat center center
}

.in_problem_center {
    width: 100%;
    max-width: 80em;
    height: 100%;
    margin: 0 auto;
    position: relative;
    overflow: visible
}

.in_problen_nav {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    overflow: visible
}

.in_problen_nav h3 {
    font-size: 2.25em;
    color: #fff;
    font-weight: normal
}

.in_problen_nav .in_problen_en {
    font-size: 1.5em;
    color: #fff;
    display: block;
    margin-top: .5em
}

.problen_title {
    width: 17.5em;
    height: 3.12em;
    line-height: 3.12em;
    position: relative;
    text-indent: 1em;
    overflow: visible;
    margin-bottom: 1em;
    cursor: pointer
}

.problen_title font {
    color: #fff
}

.problen_title:after {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background: #266ce6;
    opacity: 0
}

.problen_title:before {
    content: '';
    width: .25em;
    height: 100%;
    display: block;
    background: #3d90f3;
    position: absolute;
    left: -.12em;
    top: 0;
    opacity: 0;
    z-index: 1
}

.probtitle_box {
    margin-top: 3.5em;
    position: relative;
    overflow: visible
}

.probtitle_box:after {
    content: '';
    width: 1px;
    height: 100%;
    display: block;
    background: #1a3b9e;
    position: absolute;
    left: 0;
    top: 0
}

.problen_title:hover:after {
    opacity: .2
}

.problen_title:hover:before {
    opacity: 1
}

.problen_title.on:after {
    opacity: .2
}

.problen_title.on:before {
    opacity: 1
}

.in_problen_box {
    width: 57.25em;
    height: 27.25em;
    position: absolute;
    right: 0;
    top: calc(50% + 3em);
    transform: translateY(-50%)
}

.in_problen_nr {
    height: 100%;
    white-space: normal
}

.in_problen_nr .list {
    width: 100%;
    height: 100%;
    display: inline-block;
    position: relative;
    opacity: 0
}

.in_problen_nr .list.on {
    opacity: 1
}

.in_problen_nr .list img{
    max-width: 380px;
    max-height: 100%;
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto 0
}

.in_problen_nr .list .text {
    position: absolute;
    height: auto;
    width: auto;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    margin: auto 0;
    color: #fff
}

.in_problen_nr .list .text p {
    font-size: 2.2em
}

.in_problen_nr .list .text small {
    display: block;
    font-size: .875em;
    /*max-width: 34.62em;*/
    max-width: 35em;
    white-space: normal;
    display: block;
    margin-top: 1em;
    line-height: 2em;
    padding-right: 26px;
}

.in_problen_nr .list .text .porblen_more {
    width: 10em;
    margin-top: 2.5em;
    height: 2.25em;
    line-height: 2.25em;
    text-align: center;
    display: block;
    background: #435cde;
    border-radius: 3em;
    color: #fff
}

.in_advbox {
    padding: 2.8em 0;
    width: 100%;
    max-width: 80em;
    margin: 0 auto
}

.in_adv_kuai {
    width: 100%;
    height: 10em;
    margin-top: 3.5em
}

.in_adv_kuai .list {
    width: 15.38em;
    height: calc(100% - 2px);
    float: left;
    margin-right: .5em;
    border: 1px solid #f2f2f2;
    position: relative;
    text-align: center
}

.in_adv_kuai .list:after {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(130deg,#3472ed 0%,#2dcbed 100%);
    z-index: -1;
    opacity: 0;
    transition: 600ms;
    transition-timing-function: ease-out
}

.in_adv_kuai .list:last-child {
    margin-right: 0
}

.in_adv_kuai .list:hover:after {
    opacity: 1
}

.in_adv_kuai .list h3 {
    font-weight: normal;
    font-size: 3.5em;
    margin-top: .4em;
    color: #3d90f3
}

.in_adv_kuai .list .nian {
    font-weight: normal;
    font-size: 3.5em;
    margin-top: .4em;
    color: #3d90f3
}

.in_adv_kuai .list .nian:hover {
    color: #fff
}

.in_adv_kuai .list p {
    margin-top: .2em
}

.in_adv_kuai .list:hover {
    color: #fff
}

.in_adv_kuai .list:hover h3 {
    color: #fff
}

.in_adv_more {
    width: 100%;
    height: auto;
    margin-top: 4em
}

.in_adv_more .list {
    width: 50%;
    min-height: 6.37em;
    float: left;
    margin-bottom: 3.12em
}

.in_adv_more .list span {
    width: 3.75em;
    height: 3.75em;
    display: block;
    text-align: center;
    line-height: 3.75em;
    font-family: icon;
    background: #3d90f3;
    border-radius: .3em;
    float: left;
    margin-right: 1.5em
}

.in_adv_more .list span font {
    font-size: 2.3em;
    color: #fff
}

.in_adv_more .list p {
    font-size: 1.25em
}

.in_adv_more .list small {
    font-size: .875em;
    color: #999;
    display: block;
    margin-top: .5em;
    padding-right: 4em;
    line-height: 1.55em;
    height: 3.5em;
    overflow: hidden;
    padding-bottom: 5em;
}

.in_zhengming {
    width: 100%;
    height: 33.37em;
    background: url(/static/index/web/images/bg2.jpg) no-repeat center center;
    background-size: cover
}

.in_zm_title {
    text-align: center;
    color: #fff;
    margin-top: 4em
}

.in_zm_title h3 {
    font-weight: normal;
    font-size: 2.25em
}

.in_zm_title p {
    font-size: 1.5em;
    margin-top: .5em
}

.in_zm {
    width: 100%;
    height: 12.5em;
    max-width: 80em;
    margin: 0 auto;
    margin-top: 3.12em
}

.in_zm .list {
    width: 17em;
    height: 100%;
    position: relative;
    float: left
}

.in_zm .list .margin {
    width: 11em;
    height: 100%;
    display: block;
    margin: 0 auto;
    position: relative;
    text-align: center
}

.in_zm .list .margin .zm_title {
    color: #fff
}

.in_zm .list .margin .zm_title span {
    font-size: 4.75em;
    width: .6em;
    height: 1em;
    line-height: 1em;
    display: inline-block;
    font-family: Arial;
    overflow: hidden;
    position: relative;
    color: #fff
}

.in_zm .list .margin .zm_title span:before {
    content: '0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9';
    display: block;
    transition: transform 2s ease-out .4s
}

.in_zm.on .list .margin .zm_title span.n1:before {
    transform: translateY(-10em)
}

.in_zm.on .list .margin .zm_title span.n2:before {
    transform: translateY(-11em)
}

.in_zm.on .list .margin .zm_title span.n3:before {
    transform: translateY(-12em)
}

.in_zm.on .list .margin .zm_title span.n4:before {
    transform: translateY(-13em)
}

.in_zm.on .list .margin .zm_title span.n5:before {
    transform: translateY(-14em)
}

.in_zm.on .list .margin .zm_title span.n6:before {
    transform: translateY(-15em)
}

.in_zm.on .list .margin .zm_title span.n7:before {
    transform: translateY(-16em)
}

.in_zm.on .list .margin .zm_title span.n8:before {
    transform: translateY(-17em)
}

.in_zm.on .list .margin .zm_title span.n9:before {
    transform: translateY(-18em)
}

.in_zm.on .list .margin .zm_title span.n10:before {
    transform: translateY(-19em)
}

.in_zm .list .margin .zm_title font {
    font-size: 1.125em
}

.in_zm .list .margin p {
    font-size: 1.8em;
    color: #fff
}

.in_zm .list .zm_icon {
    width: 1.75em;
    height: .62em;
    display: block;
    background: #fff;
    border-radius: .2em;
    text-align: center;
    line-height: 0;
    color: #3d90f3;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto
}

.in_zm .list:after {
    content: '';
    width: 1px;
    height: 7.25em;
    display: block;
    position: absolute;
    right: 0;
    top: 1.25em;
    background: #fff;
    opacity: .3
}

.in_zm .list:nth-child(2) {
    width: 23em
}

.in_xz_box {
    width: 100%;
    height: auto;
    background: url(/static/index/web/images/bg3.jpg) no-repeat center center;
    background-size: cover;
    padding-bottom: 6em
}

.in_xz_box .margintop {
    margin-top: 6.8em
}

.xz_img {
    width: 100%;
    height: auto;
    max-width: 93.75em;
    margin: 0 auto;
    margin-top: 3.12em;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.xz_img li {
    width: calc(100%/7 - 0.64em - 2px);
    height: 7.78em;
    border: 1px solid #f6f6f6;
    margin-bottom: .8em
}

.in_news_box {
    width: 100%;
    max-width: 80em;
    height: auto;
    padding: 5em 0;
    margin: 0 auto;
    padding-bottom: 2em
}

.news_box_center {
    width: 100%;
    height: 29em;
    margin: 0 auto;
    margin-top: 2em
}

.news_dt {
    padding: 1em 1.5em;
    border: 1px solid #e6e6e6;
    border: 1px solid #e6e6e6;
    width: calc(calc(100% - 3.12em)/3);
    border-radius: .5em;
    float: left;
    margin-right: 1.56em
}

.news_dt:last-child {
    margin-right: 0
}

.news_title {
    height: 3.12em;
    line-height: 3.12em;
    border-bottom: 1px solid #e6e6e6;
    position: relative
}

.news_title span {
    font-size: 1.125em
}

.news_title a {
    width: 6em;
    height: 1.75em;
    display: block;
    background: #3d90f3;
    text-align: center;
    line-height: 1.75em;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    border-radius: 1em
}

.prduct_list  .more {
    display: block;
    width: 6em;
    height: 1.75em;
    background: #3d90f3;
    text-align: center;
    line-height: 1.75em;
    margin: auto 0;
    border-radius: 1em;
    color: #ffffff;
    font-size: 12px;
    float: right;
}
.news_title font {
    font-size: .75em;
    color: #fff
}

.news_ul {
    width: 100%;
    height: auto
}

.news_ul li {
    margin-top: 1.25em
}

.news_ul li p {
    font-size: .875em;
    font-family: icon
}

.news_ul li .himg {
    width: 7.5em;
    height: 5em;
    display: block;
    border-radius: .3em;
    float: left;
    margin-right: .875em;
    display: none
}

.news_ul li small {
    font-size: .875em;
    color: #999;
    display: block;
    line-height: 1.6em;
    height: 3.2em;
    overflow: hidden;
    margin-top: .5em;
    display: none
}

.news_ul li:first-child .himg,.news_ul li:nth-child(2) .himg {
    display: block
}

.news_ul li:first-child p font,.news_ul li:nth-child(2) p font {
    display: none
}

.news_ul li:first-child p,.news_ul li:nth-child(2) p {
    font-size: 1em
}

.news_ul li:first-child small,.news_ul li:nth-child(2) small {
    display: block
}

.news_ul li:first-child p:before,.news_ul li:nth-child(2) p:before {
    display: none
}

.news_ul li:nth-child(3) {
    margin-top: 1.75em
}

.news_ul li p font {
    float: right;
    color: #999
}

.news_ul li p:before {
    content: ' \e82f';
    font-size: 1em;
    color: #3d90f3
}

.help_ul .list {
    margin-top: 1.62em;
    padding-bottom: 1.9em;
    border-bottom: 1px dashed #999
}

.help_ul .list .wen {
    margin-bottom: 1em
}

.help_ul .list .wen,.help_ul .list .da {
    height: 1.5em;
    line-height: 1.5em
}

.help_ul .list .wen span,.help_ul .list .da span {
    width: 1.5em;
    height: 100%;
    display: block;
    background: #3d90f3;
    text-align: center;
    color: #fff;
    line-height: 1.3em;
    float: left;
    margin-right: .875em
}

.help_ul .list .wen span:after,.help_ul .list .da span:after {
    content: 'Q.';
    font-size: .875em
}

.help_ul .list .wen p a,.help_ul .list .da p a {
    font-size: .875em
}

.help_ul .list .da span {
    background: #5ad6ef
}

.help_ul .list .da span:after {
    content: 'A.'
}

footer {
    width: 100%;
    height: auto;
    margin-top: 7.78em
}

footer.on {
    margin-top: -1.25em
}

.footer_lx {
    width: 100%;
    height: 13.12em;
    background: url(/static/index/web/images/bg4.jpg) no-repeat center center;
    background-repeat: repeat-x;
    text-align: center
}

.footer_lx h3 {
    font-size: 1.87em;
    color: #fff;
    margin-top: 1.9em
}

.footer_lx .mfsy {
    font-size: 1.87em;
    color: #fff;
    margin-top: 1.9em
}

.link_purl {
    width: 11.25em;
    height: 2.5em;
    line-height: 2.5em;
    text-align: center;
    display: block;
    background: #ffed33;
    margin: 0 auto;
    margin-top: 1.3em;
    border-radius: 2em;
    font-weight: bold;
    cursor: pointer
}

.footer_bottom {
    padding: 5em 0;
    background: #242633;
    width: 100%;
    overflow: visible
}

.footer_center {
    width: 100%;
    max-width: 80em;
    height: auto;
    margin: 0 auto;
    position: relative;
    overflow: visible
}

.footerul {
    display: inline-block;
    vertical-align: top;
    color: #fff;
    margin-right: 3em
}

.footerul.none {
    display: none
}

.footerul.footerright {
    margin-right: 0
}

.footerul li {
    font-size: .875em;
    margin-bottom: 1.125em
}

.footerul li a {
    color: #a5a6a9
}

.footerul li a:hover {
    color: #f0f0f0
}

.footerul li:first-child {
    font-size: 1.125em;
    margin-bottom: 2em
}

.lxwm {
    width: 15.62em;
    height: auto;
    margin-left: 15.6em;
    margin-left: 8em;
    display: inline-block;
    vertical-align: top;
    position: relative;
    overflow: visible
}

.lxwm h3 {
    font-size: 1.125em;
    margin-bottom: 1em;
    font-weight: normal;
    color: #fff
}

.lxwm h3:after {
    content: '';
    width: 1em;
    height: .2em;
    display: block;
    background: #2b6be0;
    margin-top: 1.3em
}

.lxwm p {
    color: #a5a6a9;
    line-height: 1.75em;
    font-size: .875em
}

.footer_dh {
    width: 11.37em;
    height: auto;
    padding: 1em;
    background: #3472ed;
    position: absolute;
    right: -7em;
    bottom: -8em;
    overflow: visible;
    padding-top: 0;
    opacity: 0;
    transform: translateY(-2em);
    z-index: -1
}

.footer_dh:before {
    content: '';
    width: 0;
    height: 0;
    border-top: .62em solid transparent;
    border-bottom: .62em solid transparent;
    border-right: .875em solid #3472ed;
    position: absolute;
    left: -.5em;
    top: 50%
}

.footer_dh span {
    display: block;
    padding-bottom: .5em;
    border-bottom: 1px dashed #f2f2f2;
    margin-top: 1em
}

.footer_dh p {
    font-size: .875em;
    margin-bottom: .5em;
    color: #fff
}

.footer_dh p font {
    color: #fff
}

.footer_dh.on {
    opacity: 1;
    transform: translateY(0);
    box-shadow: 0 0 10px rgba(51,51,51,0.2);
    z-index: 1
}

.friendlink {
    color: #fff;
    width: 100%;
    max-width: 80em;
    margin: 0 auto;
    margin-top: 2em
}

.friendlink .title {
    display: inline-block;
    width: 5em;
    vertical-align: top;
    font-size: .875em;
    color: #a5a6a9
}

.friendlink .list {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 6em)
}

.friendlink .list li {
    display: inline-block;
    padding: 0 1em;
    margin-bottom: 1em;
    vertical-align: top
}

.friendlink .list li a {
    color: #a5a6a9;
    font-size: .875em
}

.friendlink .list li a:hover {
    color: #fff
}

.footerfk {
    width: 7.62em;
    height: 2.2em;
    line-height: 2em;
    text-align: center;
    color: #fff;
    background: #5c5d66;
    border-radius: 1em;
    cursor: pointer;
    font-family: icon
}

.footerfk:hover {
    background: #2b6be0
}

.footerfk font {
    font-size: .75em
}

.footerfk span {
    font-size: 1em;
    line-height: 2.2em
}

.footerfk.none {
    display: none
}

.footerdh {
    margin-bottom: .62em;
    margin-top: 1.5em
}

.gzwm {
    margin-left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 6.62em
}

.footer_wx {
    width: 100%;
    height: 6.62em;
    position: relative
}

.footer_wx img {
    min-width: 100%;
    height: 100%;
    position: absolute;
    left: -200%;
    top: -200%;
    right: -200%;
    bottom: -200%;
    margin: auto
}

.gzwm p {
    text-align: center;
    line-height: 2em
}

.copy {
    width: 100%;
    height: 3.75em;
    line-height: 3.75em;
    text-align: center;
    color: #a5a6a9;
    background: #12131a
}

.copy a {
    color: #a5a6a9
}

.windows {
    width: 2.87em;
    height: auto;
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    right: 2em;
    overflow: visible;
    z-index: 9
}

.windows .box {
    width: calc(100% - 2px);
    background: linear-gradient(0,#2dcbed 0,#3472ed 100%);
    border: 1px solid #e6e6e6;
    height: 2.75em;
    display: block;
    border-radius: .2em;
    font-family: icon;
    text-align: center;
    line-height: 2.75em;
    position: relative;
    cursor: pointer;
    overflow: visible;
    margin-bottom: .375em
}

.windows .box font {
    color: #fff;
    font-size: 1.7em
}

.windows .box:hover {
    background: #3082ed
}

.windows .box:hover font {
    color: #fff
}

.windows .box .boxnr {
    position: relative
}

.windows .box:hover {
    border: 1px solid #3082ed
}

.windows .box:nth-child(3):hover .boxnr {
    opacity: 1;
    display: block
}

.windows .box .boxnr img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    left: -200%;
    top: -200%;
    right: -200%;
    bottom: -200%;
    margin: auto
}

.windows .box:nth-child(3) .boxnr {
    width: 6.6em;
    height: 6.6em;
    position: absolute;
    right: calc(100% + 0.625em);
    background: #3082ed;
    top: calc(-4.3em + 1.44em);
    overflow: visible;
    padding: 1em;
    opacity: 0;
    display: none;
    animation: fade-in .4s
}

.windows .box:nth-child(3) .boxnr:after {
    content: '';
    width: 0;
    height: 0;
    border-top: .4em solid transparent;
    border-bottom: .4em solid transparent;
    border-left: .4em solid #3082ed;
    position: absolute;
    right: -.42em;
    top: calc(50% - 0.31em)
}

.windows .box:nth-child(4) {
    display: none
}

.windows .box:nth-child(5):hover .boxnr.windows_dh {
    opacity: 1;
    display: block
}

.windows .box .boxnr.windows_dh {
    width: 11.37em;
    height: auto;
    box-shadow: 0 0 .65em rgba(51,51,51,0.3);
    padding: 1em;
    background: #3472ed;
    position: absolute;
    right: 4em;
    transform: translateY(-50%);
    top: 50%;
    overflow: visible;
    padding-top: 0;
    opacity: 0;
    display: none;
    animation: fade-in .4s
}

.windows .box .boxnr.windows_dh:before {
    content: '';
    width: 0;
    height: 0;
    border-top: .62em solid transparent;
    border-bottom: .62em solid transparent;
    border-left: .875em solid #3472ed;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -.6em;
    margin: auto 0
}

.windows .box .boxnr.windows_dh span {
    display: block;
    padding-bottom: .5em;
    border-bottom: 1px dashed #f2f2f2;
    margin-top: 1em
}

.windows .box .boxnr.windows_dh p {
    font-size: .875em;
    margin-bottom: .5em;
    color: #fff;
    line-height: 1.75em
}

.windows .box .boxnr.windows_dh p font {
    color: #fff;
    font-size: 1em
}

.windows .box .boxnr.windows_dh.on {
    opacity: 1;
    transform: translateY(0);
    box-shadow: 0 0 10px rgba(51,51,51,0.2)
}

.nr_banner {
    width: 100%;
    height: 37.5em;
    position: relative
}

.nr_banner .nrpurl {
    width: 100%;
    height: 100%;
    display: block
}

.nr_banner.none {
    display: none
}

.nr_banner img {
    min-width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    left: -200%;
    top: -200%;
    right: -200%;
    bottom: -200%;
    margin: auto
}

.jrfb {
    width: 100%;
    height: auto;
    max-width: 86.25em;
    margin: 0 auto;
    margin-top: 3em
}

.kftitle {
    font-size: 2.25em;
    font-weight: normal;
    text-align: center
}

.kftitle.color {
    color: #fff
}

.jrfb_box {
    margin-top: 4em;
    text-align: center
}

.jrfb_box .list {
    width: 10em;
    height: auto;
    display: inline-block;
    margin-right: 6.25em;
    overflow: visible
}

.jrfb_box .list span {
    width: 100%;
    height: 10em;
    display: block;
    text-align: center;
    line-height: 10em;
    border-radius: 1em;
    box-shadow: 0 0 .625em rgba(0,0,0,0.3)
}

.jrfb_box .list span font {
    font-size: 3.75em;
    color: #fff;
    text-shadow: 5px 5px 10px #1000ff
}

.jrfb_box .list:first-child span {
    background: #7067f4
}

.jrfb_box .list:nth-child(2) span {
    background: #2c8ff5
}

.jrfb_box .list:nth-child(2) span font {
    text-shadow: 5px 5px 10px #003bff
}

.jrfb_box .list:nth-child(3) span {
    background: #44cdb3
}

.jrfb_box .list:nth-child(3) span font {
    text-shadow: 5px 5px 10px #009469
}

.jrfb_box .list:nth-child(4) span {
    background: #f0a559
}

.jrfb_box .list:nth-child(4) span font {
    text-shadow: 5px 5px 10px #e65b01
}

.jrfb_box .list:nth-child(5) {
    margin-right: 0
}

.jrfb_box .list:nth-child(5) span {
    background: #f28294
}

.jrfb_box .list:nth-child(5) span font {
    text-shadow: 5px 5px 10px #e81d3e
}

.jrfb_box .list:nth-child(5) p {
    position: relative;
    left: -1em;
    width: calc(100% + 2em)
}

.jrfb_box .list p {
    font-size: 1.125em;
    text-align: center;
    white-space: nowrap;
    margin: 1.62em 0;
    margin-bottom: 0
}

.jrfb_box .list p:after {
    content: '';
    width: 1.5em;
    height: .25em;
    display: block;
    background: #3b77ed;
    border-radius: .5em;
    margin: 0 auto;
    margin-top: 1.87em
}

.telback {
    width: 100%;
    height: auto;
    margin-top: 5em;
    background: url(/static/index/web/images/wlxsback.png) no-repeat center bottom
}

.wlxs {
    width: 100%;
    max-width: 86.25em;
    margin: 0 auto;
    background: #fff;
    padding-bottom: 4.12em;
    border-radius: 1em
}

.teltwobox {
    width: 100%;
    height: 25.12em;
    text-align: center;
    margin-top: 2.87em
}

.telbox {
    width: 24.875em;
    height: 100%;
    display: inline-block;
    position: relative;
    border-radius: .5em
}

.telbox:after {
    content: '';
    width: calc(100% - 2px);
    height: 23.5em;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: .5em;
    border: 1px dashed rgba(216,239,244,1)
}

.telbox_icon {
    height: 10.12em
}

.telmargin {
    margin-right: 3.75em
}

.telbg1 {
    background: url(/static/index/web/images/wl1.png) no-repeat center center
}

.telbg2 {
    background: url(/static/index/web/images/wl2.png) no-repeat center center
}

.telbg3 {
    background: url(/static/index/web/images/wl3.png) no-repeat center center
}

.telbg4 {
    background: url(/static/index/web/images/wl4.png) no-repeat center center
}

.telbg5 {
    background: url(/static/index/web/images/wl5.png) no-repeat center center
}

.telbox h3 {
    font-size: 1.62em;
    font-weight: normal
}

.telbox small {
    display: block;
    padding: 0 4em;
    margin-top: 1.5em;
    line-height: 2em;
    color: #666
}

.morejb {
    width: 2.875em;
    height: 2.875em;
    transform: translateY(50%);
    opacity: 0;
    color: #fff;
    z-index: 1;
    text-align: center;
    line-height: 2.5em;
    display: block;
    background: -webkit-linear-gradient(left,#3479ec,#2cb6ed);
    border-radius: 50%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto
}

.morejb:after {
    content: '+';
    font-size: 2em
}

.telbox:hover:after {
    box-shadow: 0 0 .625em rgba(0,0,0,.3)
}

.telbox:hover .morejb {
    transform: translateY(0);
    opacity: 1
}

.dzms {
    height: 25.32em;
    text-align: center;
    padding-top: 7.8em
}

.dzms h3 {
    font-size: 2.25em;
    color: #fff;
    font-weight: normal
}

.dzmsul {
    width: 100%;
    max-width: 86.25em;
    height: auto;
    margin: 0 auto;
    margin-top: 4.3em;
    display: inline-block;
    vertical-align: top
}

.dzmsul li {
    width: 22.5em;
    height: auto;
    display: inline-block;
    vertical-align: top
}

.dzmsul li:nth-child(2) {
    margin: 0 5em
}

.dzmsul li span {
    width: 16.25em;
    height: 3em;
    display: block;
    border-radius: 2em;
    border: 1px dashed #24a0fb;
    text-align: center;
    line-height: 3em;
    margin: 0 auto
}

.dzmsul li span font {
    font-size: 1.375em;
    color: #fff
}

.dzmsul li small {
    color: #fff;
    font-size: 1em;
    margin-top: 1em;
    display: block;
    line-height: 2em
}

.zsm {
    width: 100%;
    max-width: 80em;
    height: 47.55em;
    margin: 0 auto;
    padding: 8.75em 0
}

.zsmbox {
    width: 100%;
    height: 36.75em;
    margin-top: 4.8em;
    position: relative
}

.zsmlist {
    width: 21.62em;
    height: auto;
    padding-left: 3.25em;
    position: absolute
}

.zsmlist h3 {
    font-size: 1.625em;
    font-weight: normal;
    margin-bottom: .7em;
    line-height: 1.5em
}

.zsmlist p {
    line-height: 2.5em;
    font-family: icon
}

.zsmlist p font {
    color: #0080ff
}

.zsmlist span {
    width: 2.12em;
    height: 2.12em;
    display: block;
    text-align: center;
    line-height: 2.12em;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: .3em;
    color: #fff
}

.zsmlist span:after {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    background: #d4e3f8;
    border-radius: 50%;
    position: absolute;
    top: .25em;
    left: .25em;
    z-index: -1
}

.zsmlis:first-child {
    left: 0;
    top: 0
}

.zsmlist:first-child span {
    background: #7067f4
}

.zsmlist:nth-child(2) span {
    background: #29d2f4
}

.zsmlist:nth-child(2) {
    right: 0;
    top: 0
}

.zsmlist:nth-child(3) span {
    background: #59a3ff
}

.zsmlist:nth-child(3) {
    left: 0;
    bottom: 0
}

.zsmlist:nth-child(4) span {
    background: #ffd32c
}

.zsmlist:nth-child(4) {
    right: 0;
    bottom: 2em
}

.zsmimg {
    width: 27.25em;
    height: 27.25em;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: url(/static/index/web/images/zsmimg.png) no-repeat center center;
    background-size: contain
}

.zsmimg img {
    min-width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    left: -200%;
    top: -200%;
    right: -200%;
    bottom: -200%;
    margin: auto
}

.sdrh {
    height: 27.25em;
    padding: 6em 0;
    background: url(/static/index/web/images/sdhz.jpg) no-repeat center center;
    background-size: cover
}

.sdrhul {
    width: 100%;
    max-width: 80em;
    height: auto;
    margin: 0 auto;
    margin-top: 3.7em
}

.sdrhul li {
    width: 14.875em;
    height: 5.62em;
    background: #fff;
    border-radius: .2em;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    vertical-align: top;
    float: left;
    margin-right: 1.375em;
    margin-bottom: 1.25em
}

.sdrhul li:nth-child(5n) {
    margin-right: 0
}

.sdrhul li span {
    width: 2.875em;
    height: 2.875em;
    display: block;
    border-radius: 50%;
    background: #e8f0fc;
    margin-right: 1em;
    color: #3b94ed;
    font-family: icon;
    text-align: center;
    line-height: 2.875em
}

.sdrhul li span font {
    font-size: 1.8em
}

.td_box {
    width: 100%;
    height: auto;
    padding: 1.8em 0;
    max-width: 80em;
    margin: 0 auto
}

.td_box .kftitle {
    margin-bottom: 2em
}

.td_box .box {
    width: 25.62em;
    height: 21.25em;
    border: 1px dashed #e9f0f3;
    font-family: icon;
    position: relative;
    border-radius: .3em;
    float: left;
    margin-bottom: 1.4em
}

.td_box .box:nth-child(3n) {
    margin: 0 1.3em
}

.td_box .box:after {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(120deg,#3472ed 0%,#2dceed 100%);
    z-index: 1;
    transform: translateY(50%);
    opacity: 0;
    transition: 300ms;
    transition-timing-function: ease-out
}

.td_box .box span {
    font-size: 5em;
    display: block;
    margin: 0 auto;
    text-align: center;
    margin-top: 1em;
    background: linear-gradient(90deg,#23d9fe 0%,#198cea 100%);
    color: transparent;
    -webkit-background-clip: text;
    text-shadow: 0 5px 4px rgba(51,123,237,0.5)
}

.td_box .box p {
    font-size: 1.5em;
    text-align: center;
    margin-top: .5em
}

.td_box .box p:after {
    content: '';
    width: 1.56em;
    height: .25em;
    display: block;
    background: #3b94ed;
    margin: 0 auto;
    border-radius: 1em;
    margin-top: 1em
}

.td_box .box small {
    width: calc(100% - 5.74em);
    padding: 0 2.87em;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    font-size: 1.25em;
    color: #fff;
    text-align: center;
    line-height: 1.75em;
    transform: translateY(50%);
    opacity: 0
}

.td_box .box:hover:after {
    transform: translateY(0);
    opacity: 1
}

.td_box .box:hover small {
    transform: translateY(0);
    opacity: 1
}

.zc_box {
    width: 100%;
    height: 51.25em;
    background: url(/static/index/web/images/xmzc.jpg) no-repeat center center;
    background-size: cover
}

.zc_box .kftitle {
    margin: 2em auto
}

.zc_box .box {
    width: 100%;
    max-width: 80em;
    height: 33.75em;
    margin: 0 auto;
    position: relative
}

.xmzc_img {
    width: 32.5em;
    height: 30em;
    position: relative;
    background: url(/static/index/web/images/xmzc_left.png) no-repeat center center;
    background-size: contain
}

.zc_box .list {
    width: 31.25em;
    height: 100%;
    position: absolute;
    right: 5.75em;
    top: 0
}

.zc_box .list li {
    padding-left: 3.12em;
    position: relative;
    padding-bottom: 2.5em
}

.zc_box .list li:after {
    content: '';
    width: 3px;
    height: 100%;
    display: block;
    background: #fff;
    position: absolute;
    left: .5em;
    top: 0;
    opacity: .2
}

.zc_box .list li:last-child:after {
    display: none
}

.zc_box .list li span {
    width: 1.18em;
    height: 1.18em;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 50%;
    overflow: hidden
}

.zc_box .list li span:before {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
    opacity: .2
}

.zc_box .list li span:after {
    content: '';
    width: .68em;
    height: .68em;
    border-radius: 50%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background: #fff
}

.zc_box .list li p {
    font-size: 1.5em;
    color: #fff;
    line-height: 1em
}

.zc_box .list li small {
    color: #fff;
    font-size: 1em;
    line-height: 1.75em;
    display: block;
    margin-top: 1em
}

.xt_box {
    width: 100%;
    max-width: 80em;
    margin: 0 auto;
    padding: 3.8em 0
}

.xt_box .kftitle {
    margin-bottom: 2em
}

.xt_box .box {
    width: 39.37em;
    height: 21.5em;
    background: #f5fafc;
    float: left;
    margin-bottom: 1.25em
}

.xt_box .box:nth-child(3) {
    margin-left: 1.25em
}

.xt_box .box .icon {
    width: 13.75em;
    height: 100%;
    background: url(/static/index/web/images/xt_boxicon1.png) no-repeat center 5.6em;
    float: left
}

.xt_box .box:nth-child(3) .icon {
    background: url(/static/index/web/images/xt_boxicon2.png) no-repeat center 5.6em
}

.xt_box .box:nth-child(4) .icon {
    background: url(/static/index/web/images/xt_boxicon3.png) no-repeat center 5.6em
}

.xt_box .box:nth-child(5) {
    margin-left: 1.25em
}

.xt_box .box:nth-child(5) .icon {
    background: url(/static/index/web/images/xt_boxicon4.png) no-repeat center 5.6em
}

.xt_box .box:nth-child(5) span font:nth-child(3n) {
    margin-left: -2em;
    width: calc(100%/2.5)
}

.xt_box .box p {
    font-size: 1.6em;
    margin-top: 1.8em
}

.xt_box .box small {
    width: 21.87em;
    height: auto;
    line-height: 1.75em;
    display: block;
    float: left;
    font-size: 1em;
    margin-top: 1em;
    color: #484949
}

.xt_box .box span {
    width: 24em;
    display: block;
    margin-top: 1.5em;
    float: left
}

.xt_box .box span font {
    width: calc(100%/3);
    display: inline-block;
    vertical-align: top;
    font-family: icon;
    color: #999;
    font-size: .875em;
    margin-bottom: .8em
}

.xt_box .box span font:before {
    content: '\e82f';
    color: #3b94ed
}

.xt2_box {
    width: 100%;
    max-width: 80em;
    margin: 0 auto;
    padding: 5.8em 0;
    padding-top: 0
}

.xt2_box .box {
    width: 18.5em;
    float: left;
    margin-right: 12em
}

.xt2_box .box:last-child {
    margin-right: 0
}

.xt2_box .box .icon {
    width: calc(100% - 2px);
    height: 16.5em;
    border-radius: 2em;
    border: 1px dashed #cddae8
}

.xt2_box .box .icon span {
    width: 8.12em;
    height: 8.12em;
    display: block;
    margin: 2em auto;
    border-radius: 50%;
    background: linear-gradient(120deg,#3472ed 0%,#2dceed 100%);
    font-family: icon;
    text-align: center;
    line-height: 8.12em
}

.xt2_box .box .icon span font {
    color: #fff;
    font-size: 4em;
    text-shadow: 0 5px 4px rgba(51,123,237,0.5)
}

.xt2_box .box .icon p {
    font-size: 1.5em;
    text-align: center;
    padding: 0 2em
}

.xt2_box .box small {
    font-size: 1em;
    line-height: 1.75em;
    display: block;
    margin-top: 2em;
    height: 5.25em
}

.xt2_box .box .list {
    display: block;
    margin-top: 2em
}

.xt2_box .box .list font {
    display: inline-block;
    vertical-align: top;
    width: calc(100%/2);
    font-family: icon;
    line-height: 1em;
    color: #999;
    font-size: .875em;
    margin-bottom: 1.5em
}

.xt2_box .box .list font:before {
    content: '\e82f';
    color: #3b94ed
}

.fa_box {
    width: 100%;
    height: 32.5em;
    background: url(/static/index/web/images/cj_back.jpg) no-repeat center center;
    background-size: cover
}

.fa_box .kftitle {
    margin-top: 3em
}

.fa_box .list {
    width: 100%;
    height: 10em;
    text-align: center;
    margin-top: 3em
}

.fa_box .list li {
    width: 10em;
    height: 100%;
    display: inline-block;
    vertical-align: top;
    position: relative;
    border-radius: 1.5em;
    font-family: icon;
    color: #fff;
    z-index: 1;
    margin-right: 1.87em
}

.fa_box .list li:last-child {
    margin-right: 0
}

.fa_box .list li:before {
    content: '';
    width: 9.2em;
    height: 9.2em;
    display: block;
    background: #3a5fe5;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border-radius: 1.5em;
    z-index: -1
}

.fa_box .list li:after {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    background: #3b5fe5;
    position: absolute;
    left: 0;
    top: 0;
    opacity: .2;
    z-index: -2
}

.fa_box .list li span {
    width: 100%;
    height: 7em;
    text-align: center;
    line-height: 7em;
    display: block
}

.fa_box .list li span font {
    font-size: 4em
}

.fa_box .list li p {
    font-size: 1.125em;
    color: #fff;
    font-weight: bold;
    margin-top: -.5em
}

.zf_xt_box {
    width: 100%;
    height: auto;
    padding: 4.87em 0;
    text-align: center
}

.zf_xt_box .intr {
    width: 50.75em;
    height: auto;
    display: block;
    font-size: 1.125em;
    color: #333;
    text-align: center;
    margin: 0 auto;
    line-height: 1.75em;
    margin-top: 1em
}

.zf_xt_box .list {
    width: 100%;
    max-width: 80em;
    height: 25em;
    margin: 2em auto;
    overflow: visible;
    margin-top: 4em;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.zf_xt_box .list li {
    width: calc(100%/4 - 1em);
    height: 100%;
    display: inline-block;
    vertical-align: top;
    box-shadow: 0 0 .75em rgba(0,0,0,0.1)
}

.zf_xt_box .list li span {
    width: 9.75em;
    height: 9.75em;
    display: block;
    border-radius: 50%;
    font-family: icon;
    background: linear-gradient(180deg,#3472ed 0%,#2dceed 100%);
    webkit-background-clip: text;
    color: transparent;
    margin: 2em auto;
    text-align: center;
    line-height: 9.75em
}

.zf_xt_box .list li span font {
    font-size: 5em;
    color: #fff;
    text-shadow: 0 5px 10px rgba(51,123,237,0.8)
}

.zf_xt_box .list li p {
    text-align: center;
    font-size: 1.62em
}

.zf_xt_box .list li small {
    display: block;
    padding: 0 2em;
    color: #999;
    text-align: center;
    line-height: 1.75em;
    margin-top: 2em;
    font-size: .93em
}

.zf_xt_box .box {
    width: 39em;
    height: 20.5em;
    display: inline-block;
    vertical-align: top;
    border: 1px dashed #d8eff4;
    border-radius: .3em
}

.zf_xt_box .box span {
    width: 13.75em;
    height: 100%;
    display: block;
    background: url(/static/index/web/images/zf_xt_icon1.png) no-repeat center center;
    float: left;
    background-size: contain
}

.zf_xt_box .box.icon span {
    background: url(/static/index/web/images/zf_xt_icon2.png) no-repeat center center;
    background-size: contain
}

.zf_xt_box .box.icon {
    margin-left: 1.25em
}

.zf_xt_box .box p {
    text-align: left;
    font-size: 1.875em;
    margin-top: 3em
}

.zf_xt_box .box small {
    display: block;
    padding-right: 1.875em;
    color: #999;
    line-height: 1.125em;
    line-height: 1.75em;
    text-align: left;
    margin-top: 1.5em
}

.zf_cp_box {
    width: 100%;
    height: auto;
    padding: 5em 0;
    background: #2c70ed url(/static/index/web/images/zf_cp_bg.jpg) no-repeat center top
}

.zf_cp_box .intr {
    text-align: center;
    display: block;
    margin-top: 2em;
    color: #fff
}

.zf_cp_box .list {
    width: 100%;
    max-width: 80em;
    height: auto;
    margin: 0 auto;
    margin-top: 26.75em
}

.zf_cp_box .list li {
    width: calc(100% - 2px);
    height: 11.375em;
    border: 1px dashed #7e9fea;
    color: #fff;
    position: relative;
    margin-bottom: 2em
}

.zf_cp_box .list li span {
    width: 13.12em;
    height: 100%;
    display: block;
    text-align: center;
    font-family: icon;
    float: left
}

.zf_cp_box .list li span font {
    font-size: 4em;
    display: block;
    line-height: 1em;
    margin-top: .7em;
    color: #fff
}

.zf_cp_box .list li span p {
    font-size: 1.25em;
    margin-top: .5em
}

.zf_cp_box .list li .nr {
    width: 42.5em;
    height: auto;
    position: absolute;
    left: 13.12em;
    top: 50%;
    transform: translateY(-50%)
}

.zf_cp_box .list li .nr p {
    font-size: 1.25em;
    line-height: 1em
}

.zf_cp_box .list li .nr small {
    font-size: 1em;
    display: block;
    line-height: 1.75em;
    margin-top: 1em
}

.zf_cp_box .list li .spot {
    width: 20em;
    height: auto;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    bottom: 0;
    margin: auto 0;
    font-family: icon;
    overflow: visible
}

.zf_cp_box .list li .spot a {
    display: inline-block;
    width: calc(50% - 1.2em);
    vertical-align: top;
    color: #fff;
    margin-bottom: .875em;
    padding-left: 1.2em;
    position: relative
}

.zf_cp_box .list li .spot a font {
    font-size: 1.2em;
    display: block;
    position: absolute;
    left: 0;
    line-height: 1.2em
}

.zf_cp_box .list li:hover {
    background: #fff;
    color: #333
}

.zf_cp_box .list li:hover span font {
    background: linear-gradient(120deg,#3472ed 0%,#2dcbed 100%);
    -webkit-background-clip: text;
    color: transparent;
    text-shadow: 0 5px 10px rgba(51,123,237,0.3)
}

.zf_cp_box .list li:hover .spot a {
    color: #333
}

.zf_cp_box .list li:hover .spot font {
    color: #5098eb
}

.zf_cp_box .box {
    width: 100%;
    max-width: 80em;
    height: 28.87em;
    margin: 0 auto;
    margin-top: 7.37em;
    overflow: visible;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.zf_cp_box .box .box_list {
    width: calc(100%/3 - 1.46em);
    display: inline-block;
    vertical-align: top;
    background: #fff;
    box-shadow: 0 0 .625em rgba(0,0,0,0.2)
}

.zf_cp_box .box .box_list span {
    font-family: icon;
    color: #fff;
    text-align: center;
    font-size: 6em;
    display: block;
    background: linear-gradient(0,#3472ed 0%,#2dcbed 100%);
    -webkit-background-clip: text;
    color: transparent;
    text-shadow: 0 5px 10px rgba(51,123,237,0.3);
    margin-top: .3em
}

.zf_cp_box .box .box_list h3 {
    font-size: 1.25em;
    text-align: center;
    font-weight: normal;
    line-height: 1em;
    margin-top: .5em
}

.zf_cp_box .box .box_list p {
    text-align: center;
    margin-top: 1.6em
}

.zf_cp_box .box .box_list small {
    font-size: .92em;
    color: #999;
    display: block;
    padding: 0 2em;
    text-align: center;
    margin-top: .5em;
    line-height: 1.75em;
    height: 3.5em;
    overflow: hidden
}

.zf_cp_box .box .box_list .box_list_ul {
    padding: 0 0 0 2em;
    margin-top: 1.5em;
    margin-bottom: 3em
}

.zf_cp_box .box .box_list .box_list_ul li {
    min-width: 50%;
    display: inline-block;
    vertical-align: top;
    font-family: icon;
    margin-bottom: 1em;
    font-size: .875em;
    line-height: 1.75em
}

.zf_cp_box .box .box_list .box_list_ul li font {
    background: linear-gradient(120deg,#3472ed 0%,#2dcbed 100%);
    -webkit-background-clip: text;
    color: transparent;
    font-size: 1.5em;
    display: inline-block;
    vertical-align: middle
}

.zf_ys_box {
    text-align: center;
    padding: 6em 0
}

.zf_ys_box .intr {
    width: 50.75em;
    height: auto;
    display: block;
    font-size: 1.125em;
    color: #333;
    text-align: center;
    margin: 0 auto;
    line-height: 2em;
    margin-top: 1em
}

.zf_ys_box .list {
    width: 100%;
    max-width: 80em;
    margin: 2em auto;
    border-bottom: 1px dashed #e0e4ea;
    margin-bottom: 4em
}

.zf_ys_box .list li {
    width: 24.37em;
    height: 28em;
    z-index: 1;
    display: inline-block
}

.zf_ys_box .list li:nth-child(2) {
    margin: 0 2.75em
}

.zf_ys_box .list li span {
    width: 5.25em;
    height: 5.25em;
    display: block;
    margin: 2em auto;
    position: relative;
    font-family: icon;
    text-align: center;
    line-height: 5.25em;
    color: #fff
}

.zf_ys_box .list li span font {
    font-size: 2.5em
}

.zf_ys_box .list li span:after {
    content: '';
    width: 100%;
    height: 100%;
    background: #5c85ee;
    border-radius: 30%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1
}

.zf_ys_box .list li span:before {
    content: '';
    width: 100%;
    height: 100%;
    background: #4e7bec;
    opacity: .3;
    position: absolute;
    left: 0;
    top: 0;
    transform: rotate(45deg);
    border-radius: 20%;
    z-index: -2
}

.zf_ys_box .list li p {
    font-size: 1.62em;
    text-align: center;
    margin-top: 1.5em
}

.zf_ys_box .list li small {
    display: block;
    padding: 0 2em;
    color: #999;
    font-size: 1em;
    line-height: 2em;
    margin-top: 1.3em;
    text-align: left
}

.zf_ys_box .box {
    width: 38.87em;
    height: 12.75em;
    border: 1px solid transparent;
    background: #fff;
    display: inline-block;
    z-index: 1;
    border-radius: .2em
}

.zf_ys_box .box span {
    width: 11.62em;
    height: 100%;
    display: block;
    position: relative;
    z-index: 1;
    font-family: icon;
    line-height: 12.75em;
    float: left
}

.zf_ys_box .box span:after,.zf_ys_box .box span:before {
    content: '';
    width: 5.25em;
    height: 5.25em;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

.zf_ys_box .box span:after {
    background: #5c85ee;
    border-radius: 30%;
    z-index: -1;
    transform: rotate(45deg)
}

.zf_ys_box .box span:before {
    background: #4e7bec;
    opacity: .3;
    border-radius: 20%;
    z-index: -2
}

.zf_ys_box .box span font {
    font-size: 2.5em;
    color: #fff
}

.zf_ys_box .box p {
    text-align: left;
    font-size: 1.62em;
    margin-top: 1.8em
}

.zf_ys_box .box small {
    display: block;
    text-align: left;
    width: 22.5em;
    font-size: 1em;
    color: #999;
    float: left;
    line-height: 1.75em;
    margin-top: 1em
}

.zf_ys_box .box:hover {
    background: #f5fafc;
    border: 1px solid #ccdae8
}

.ds_wt_box {
    width: 100%;
    max-width: 80em;
    height: auto;
    padding: 4em 0;
    margin: 0 auto;
    text-align: center;
    border-bottom: 1px dashed #e0e4ea
}

.ds_wt_box .kftitle {
    margin-bottom: 2em
}

.ds_wt_box .box {
    width: 18.625em;
    height: 18.625em;
    border: 1px solid #e6eef2;
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-right: 1.3em;
    overflow: visible
}

.ds_wt_box .box:last-child {
    margin-right: 0
}

.ds_wt_box .box span {
    font-family: icon;
    color: #39f;
    font-size: 4em;
    margin-top: 1em;
    display: block;
    line-height: 1em
}

.ds_wt_box .box p {
    font-size: 1.125em;
    width: 8em;
    margin: 2em auto;
    line-height: 1.5em
}

.ds_wt_box .box font {
    font-family: icon;
    color: #3b94ed
}

.ds_wt_box .box small {
    width: calc(100% - 5.5em);
    height: calc(100% - 3em);
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background: #3b94ed;
    font-size: 1em;
    padding: 0 2.75em;
    color: #fff;
    line-height: 1.75em;
    padding-top: 3em;
    transform: translateY(50%);
    opacity: 0
}

.ds_wt_box .box:hover small {
    transform: translateY(0);
    opacity: 1;
    box-shadow: 0 0 5px #3382d0
}

.ds_wtt_box {
    width: 100%;
    max-width: 80em;
    height: auto;
    margin: 0 auto;
    margin-top: 4em;
    text-align: center;
    overflow: visible
}

.ds_wtt_box .box {
    width: 25.87em;
    height: 19.5em;
    display: inline-block;
    margin-bottom: 2em;
    padding-bottom: 1em
}

.ds_wtt_box .box span {
    width: 5.25em;
    height: 5.25em;
    display: block;
    margin: 3em auto;
    position: relative;
    font-family: icon;
    text-align: center;
    line-height: 5.25em;
    color: #fff;
    margin-bottom: 2em
}

.ds_wtt_box .box span font {
    font-size: 2.5em
}

.ds_wtt_box .box span:after {
    content: '';
    width: 100%;
    height: 100%;
    background: #5c85ee;
    border-radius: 30%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1
}

.ds_wtt_box .box span:before {
    content: '';
    width: 100%;
    height: 100%;
    background: #4e7bec;
    opacity: .3;
    position: absolute;
    left: 0;
    top: 0;
    transform: rotate(45deg);
    border-radius: 20%;
    z-index: -2
}

.ds_wtt_box .box p {
    font-size: 1.375em
}

.ds_wtt_box .box small {
    display: block;
    padding: 0 3em;
    font-size: .92em;
    color: #999;
    margin-top: 1em;
    line-height: 2em
}

.ds_wtt_box .box:hover {
    box-shadow: 0 0 .62em rgba(0,0,0,0.2)
}

.ds_td_box {
    width: 100%;
    height: auto;
    padding: 4.25em 0;
    background: url(/static/index/web/images/ds_xt_back.jpg) no-repeat center center;
    margin-top: 6em;
    text-align: center
}

.ds_td_box .kftitle {
    margin-bottom: 2em
}

.ds_td_box .box {
    width: 18.12em;
    height: 29.37em;
    background: #fff;
    display: inline-block;
    vertical-align: top;
    margin-right: 2.25em
}

.ds_td_box .box:last-child {
    margin-right: 0
}

.ds_td_box .box span {
    width: 9.75em;
    height: 9.75em;
    display: block;
    border-radius: 50%;
    background: linear-gradient(0,#2dcbed 0%,#3472ed 100%);
    margin: 2em auto;
    text-align: center;
    line-height: 9.75em;
    font-family: icon;
    color: #fff
}

.ds_td_box .box span font {
    color: #fff;
    font-size: 5em;
    text-shadow: 0 5px 10px rgba(22,67,227,1)
}

.ds_td_box .box h3 {
    font-size: 1.625em;
    margin: 0 .5em;
    padding-bottom: .7em;
    border-bottom: 1px dashed #e0e4ea;
    font-weight: normal
}

.ds_td_box .box p {
    text-align: left;
    text-indent: 4em;
    margin-top: .8em;
    color: #858585
}

.ds_td_box .box p font {
    color: #2f8bed
}

.ds_gn_box {
    width: 100%;
    max-width: 80em;
    height: auto;
    padding: 6em 0;
    margin: 0 auto;
    overflow: visible
}

.ds_gn_box .list {
    width: 100%;
    height: auto;
    margin-top: 3em;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    overflow: visible
}

.ds_gn_box .list li {
    display: inline-block;
    width: calc(100%/4 - 0.6em);
    height: 9.25em;
    border: 1px solid #e6eef2;
    align-items: center;
    justify-content: center;
    margin-bottom: .7em
}

.ds_gn_box .list li span {
    font-family: icon;
    display: block;
    text-align: center;
    font-size: 3em;
    margin-top: .7em;
    color: #3d90f3
}

.ds_gn_box .list li p {
    text-align: center;
    margin-top: .5em
}

.ds_gn_box .list li:hover {
    background: #f5fafc;
    box-shadow: 0 0 .62em rgba(0,0,0,0.2)
}

.cti_why_box {
    width: 100%;
    max-width: 80em;
    height: auto;
    padding: 4em 0;
    margin: 0 auto
}

.cti_why_box .box {
    width: 100%;
    height: 26.25em;
    position: relative;
    overflow: visible
}

.cti_why_box .box .text {
    width: 38.75em;
    height: 100%
}

.cti_why_box .box .text h3 {
    font-size: 2.25em;
    font-weight: normal
}

.cti_why_box .box .text h3 font {
    color: #3088e0
}

.cti_why_box .box .text small {
    font-size: 1.125em;
    line-height: 2em;
    display: block;
    margin-top: 2em
}

.cti_why_box .box .text div {
    width: 31.8em;
    margin-top: 1em;
    overflow: visible
}

.cti_why_box .box .text div span {
    display: inline-block;
    vertical-align: top;
    width: calc(100%/4);
    font-family: icon;
    margin-top: 1.5em;
    line-height: 1.5em
}

.cti_why_box .box .text div span a {
    color: #3088e0;
    display: inline-block;
    font-size: 1.3em;
    vertical-align: middle
}

.cti_why_box .box .img {
    width: 28.12em;
    height: 25.5em;
    background: url(/static/index/web/images/ictwhyimg.jpg) no-repeat center center;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 6em;
    margin: auto 0;
    background-size: contain
}

.cti_hc_box {
    width: 100%;
    height: auto;
    background: #4e7beb;
    padding: 4em 0;
    margin-top: 3em;
    text-align: center
}

.cti_hc_box .kftitle {
    margin-bottom: 2em
}

.cti_hc_box .box {
    width: 15em;
    height: 22.5em;
    background: #fff;
    display: inline-block;
    margin-right: 1em
}

.cti_hc_box .box:last-child {
    margin-right: 0
}

.cti_hc_box .box span {
    font-family: icon;
    background: linear-gradient(0,#3472ed 0%,#2dcbed 100%);
    -webkit-background-clip: text;
    color: transparent;
    text-shadow: 0 5px 10px rgba(51,123,237,0.3);
    font-size: 6em;
    line-height: 1em;
    display: block;
    margin-top: .5em
}

.cti_hc_box .box p {
    font-size: 1.125em;
    margin-top: .5em
}

.cti_hc_box .box small {
    font-size: .875em;
    padding: 0 1.5em;
    display: block;
    text-align: left;
    margin-top: 1.5em;
    line-height: 1.75em;
    color: #666
}

.cti_sh_box {
    width: 100%;
    padding: 7em 0
}

.cti_sh_box .kftitle font {
    color: #3088e0
}

.cti_sh_box .box {
    width: 100%;
    max-width: 80em;
    height: 22.5em;
    margin: 0 auto;
    position: relative;
    margin-top: 3em
}

.cti_sh_box .box .img {
    width: 25em;
    height: 23.12em;
    position: absolute;
    left: 2em;
    top: 0;
    bottom: 0;
    margin: auto 0;
    background: url(/static/index/web/images/ctizsm.jpg) no-repeat center center;
    background-size: contain
}

.cti_sh_box .box .list {
    width: 48.25em;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0
}

.cti_sh_box .box .list div {
    width: calc(23.5em - 4em);
    height: calc(10.25em - 4em);
    border-radius: 1em;
    border: 1px solid #e6eef2;
    padding: .6em;
    float: left;
    margin-bottom: .75em
}

.cti_sh_box .box .list div:nth-child(2n) {
    margin-left: .75em
}

.cti_sh_box .box .list div p {
    font-size: 1.5em;
    line-height: 1em
}

.cti_sh_box .box .list div small {
    font-size: .875em;
    color: #999;
    display: block;
    line-height: 1.75em;
    margin-top: 1em
}

.cti_sh_box .box .list div small:after {
    content: '';
    width: 2em;
    height: .4em;
    display: block;
    background: #4e7beb;
    border-radius: .3em;
    margin-top: .7em;
    transition: 300ms;
    transition-timing-function: ease-out
}

.cti_sh_box .box .list div:hover {
    background: #4e7beb;
    color: #fff
}

.cti_sh_box .box .list div:hover small {
    color: #fff
}

.cti_sh_box .box .list div:hover small:after {
    background: #fff
}

.cti_gn_box {
    width: 100%;
    padding: 7.5em 0;
    background: url(/static/index/web/images/ctibg.jpg) no-repeat center top;
    text-align: center
}

.cti_gn_box .box {
    width: 100%;
    max-width: 80em;
    height: 16.25em;
    margin: 0 auto;
    margin-top: 3em;
    text-align: left
}

.cti_gn_box .box .icon {
    width: 17.37em;
    height: 100%;
    border-right: 1px solid #505881;
    background: url(/static/index/web/images/ivrlc.png) no-repeat center center;
    float: left;
    margin-right: 2em
}

.cti_gn_box .box.afternone .list li:last-child {
    border: 0;
    opacity: 0
}

.cti_gn_box .box.afternone .list li:last-child:hover {
    opacity: 0
}

.cti_gn_box .box .icon.bz {
    background: url(/static/index/web/images/zxbz.png) no-repeat center center
}

.cti_gn_box .box .list {
    width: 58em;
    height: auto;
    z-index: 1;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.cti_gn_box .box .list li {
    width: calc(100%/3 - 2em - 0.6em);
    height: calc(6em - 1.6em);
    border: 1px dashed #6474a2;
    border-radius: .3em;
    margin-top: 1.6em;
    padding: .8em 1em;
    position: relative;
    z-index: 1;
    display: inline-block;
    vertical-align: top
}

.cti_gn_box .box .list li:after {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    background: #2f60e6;
    opacity: .5;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    z-index: -1;
    transition: 300ms;
    transition-timing-function: ease-out
}

.cti_gn_box .box .list li:hover:after {
    opacity: .5
}

.cti_gn_box .box .list li p {
    font-family: icon;
    color: #fff;
    font-size: 1.25em;
    line-height: 1em
}

.cti_gn_box .box .list li small {
    display: block;
    color: #fff;
    margin-top: .4em;
    line-height: 1.75em;
    height: 3.5em;
    overflow: hidden
}

.cti_gnt_box {
    width: 25em;
    height: 35.5em;
    background: #fff;
    display: inline-block;
    margin-top: 6em;
    border-radius: .3em
}

.cti_gnt_box.nth2 {
    margin: 0 2em
}

.cti_gnt_box .icon {
    width: 9.75em;
    height: 9.75em;
    border-radius: 50%;
    text-align: center;
    line-height: 9.75em;
    background: linear-gradient(0,#2dcbed 0%,#3472ed 100%);
    margin: 2em auto;
    margin-bottom: 1em;
    box-shadow: 0 0 .625em rgba(0,0,0,0.3);
    font-family: icon
}

.cti_gnt_box .icon font {
    font-size: 5em;
    color: #fff;
    text-shadow: 0 5px 10px rgba(23,62,227,0.8)
}

.cti_gnt_box h3 {
    font-size: 1.625em;
    color: #2680db;
    width: 10.38em;
    margin: 0 auto;
    padding-bottom: .7em;
    border-bottom: 1px dashed #e0e4ea;
    font-weight: normal;
    margin-bottom: 1em
}

.cti_gnt_box p {
    font-size: 1em;
    padding: 0 2em;
    display: block;
    font-family: icon;
    text-align: left;
    margin-bottom: .4em;
    line-height: 1.75em
}

.cti_gnt_box p font {
    color: #3296ed
}

.dx_yy_box {
    width: 100%;
    max-width: 80em;
    height: auto;
    padding: 6em 0;
    margin: 0 auto
}

.dx_yy_box .list {
    width: 100%;
    height: auto;
    margin-top: 4.37em
}

.dx_yy_box .list li {
    width: 39em;
    height: 12.37em;
    border: 1px solid #e6eef2;
    display: inline-block;
    margin-bottom: 1.25em
}

.dx_yy_box .list li:nth-child(2n) {
    margin-left: 1.25em
}

.dx_yy_box .list li span {
    width: 11.75em;
    height: 100%;
    display: block;
    font-family: icon;
    line-height: 12.37em;
    text-align: center;
    float: left;
    margin-right: 1em
}

.dx_yy_box .list li span font {
    font-size: 4em;
    background: linear-gradient(0,#3472ed 0%,#2dcbed 100%);
    -webkit-background-clip: text;
    color: transparent;
    text-shadow: 0 5px 10px rgba(51,123,237,0.3)
}

.dx_yy_box .list li h3 {
    font-size: 1.62em;
    font-weight: normal;
    margin-top: 2em
}

.dx_yy_box .list li small {
    width: 20em;
    font-size: 1.12em;
    display: block;
    float: left;
    margin-top: .7em;
    line-height: 1.75em;
    color: #666
}

.dx_zy_box {
    padding: 6em 0;
    background: #4e7beb
}

.dx_zy_box .list {
    width: 100%;
    max-width: 80em;
    height: auto;
    margin: 0 auto;
    margin-top: 4em;
    text-align: center
}

.dx_zy_box .list li {
    width: 25.37em;
    height: 19.5em;
    border: 1px dashed transparent;
    border-radius: .5em;
    display: inline-block;
    vertical-align: top;
    color: #fff;
    position: relative;
    overflow: visible;
    margin-bottom: 3em
}

.dx_zy_box .list li:nth-child(2),.dx_zy_box .list li:nth-child(5) {
    margin: 0 1em
}

.dx_zy_box .list li span {
    font-family: icon;
    font-size: 6em;
    line-height: 1em;
    display: block;
    margin-top: .4em
}

.dx_zy_box .list li p {
    font-size: 1.62em;
    margin-top: .7em
}

.dx_zy_box .list li small {
    font-size: 1em;
    display: block;
    margin-top: .7em;
    padding: 0 2em;
    line-height: 1.75em
}

.dx_zy_box .list li:after {
    content: '+';
    width: 1.5em;
    height: 1.5em;
    display: block;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    transform: translateY(1.5em);
    opacity: 0;
    margin: 0 auto;
    color: #4e7beb;
    line-height: 1.5em;
    text-align: center;
    font-size: 2em;
    transition: 300ms;
    transition-timing-function: ease-out
}

.dx_zy_box .list li:hover {
    border: 1px dashed #fff
}

.dx_zy_box .list li:hover:after {
    opacity: 1;
    transform: translateY(0.75em)
}

.dx_lc_box {
    padding: 6em 0
}

.dx_lc_box .list {
    width: 100%;
    height: auto;
    max-width: 80em;
    margin: 0 auto;
    text-align: center;
    margin-top: 4em;
    border-bottom: 1px dashed #e6e9ee;
    padding-bottom: 8em
}

.dx_lc_box .list li {
    width: 20.25em;
    height: 19.62em;
    display: inline-block;
    vertical-align: top;
    position: relative;
    color: #fff;
    overflow: visible
}

.dx_lc_box .list li:last-child {
    width: 14.25em
}

.dx_lc_box .list li .box:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    background: linear-gradient(160deg,#ed8466 0%,#f39e82 100%);
    z-index: -1
}

.dx_lc_box .list li:nth-child(2) .box:after {
    background: linear-gradient(160deg,#ffbb50 0%,#ffcd6b 100%)
}

.dx_lc_box .list li:nth-child(3) .box:after {
    background: linear-gradient(160deg,#46d29c 0%,#60dfb3 100%)
}

.dx_lc_box .list li:nth-child(4) .box:after {
    background: linear-gradient(160deg,#5098f1 0%,#6eaff1 100%)
}

.dx_lc_box .list li .box {
    width: 14.25em;
    height: 100%;
    position: relative;
    box-shadow: 0 0 .62em rgba(0,0,0,0.3)
}

.dx_lc_box .list li .arr {
    width: 6em;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
    line-height: 19.62em;
    font-family: icon
}

.dx_lc_box .list li:last-child .arr {
    display: none
}

.dx_lc_box .list li .arr font {
    color: #e9e8e7;
    font-size: 4em
}

.dx_lc_box .list li span {
    width: 7em;
    height: 7em;
    border-radius: 50%;
    margin: 2em auto;
    display: block;
    position: relative;
    z-index: 1;
    overflow: hidden;
    text-align: center;
    line-height: 7em
}

.dx_lc_box .list li span:after {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
    opacity: .2
}

.dx_lc_box .list li span font {
    font-size: 3.75em;
    font-weight: bold
}

.dx_lc_box .list li p {
    padding: 0 2em;
    line-height: 1.75em;
    height: 3.5em
}

.dx_lc_box .list li a {
    width: 7.12em;
    height: 2.25em;
    display: block;
    margin: 0 auto;
    border-radius: .4em;
    background: #fff;
    line-height: 2.25em;
    text-align: center;
    color: #f39e82;
    margin-top: 1em
}

.dx_lc_box .list li:nth-child(2) a {
    color: #ffc249
}

.dx_lc_box .list li:nth-child(3) a {
    color: #54d8ab
}

.dx_lc_box .list li:nth-child(4) a {
    color: #60b0ff
}

.dx_zf_box {
    width: 100%;
    max-width: 80em;
    margin: 0 auto;
    padding: 3em 0
}

.dx_zf_box .list {
    width: 100%;
    max-width: 80em;
    height: auto;
    margin: 0 auto;
    text-align: center;
    margin-top: 3em;
    padding-bottom: 3em;
    border-bottom: 1px dashed #e6e9ee
}

.dx_zf_box .list li {
    width: 17.5em;
    height: auto;
    display: inline-block;
    vertical-align: top;
    position: relative
}

.dx_zf_box .list li:nth-child(2) {
    margin: 0 13em
}

.dx_zf_box .list li span {
    font-family: icon
}

.dx_zf_box .list li span font {
    color: #3b94ed;
    font-size: 6em
}

.dx_zf_box .list li p {
    font-size: 1.5em;
    margin-top: 1em
}

.dx_zf_box .list li small {
    font-size: .875em;
    color: #999;
    display: block;
    margin-top: 1em
}

.yy_ys_box {
    width: 100%;
    height: auto;
    padding: 4em 0;
    padding-bottom: 0
}

.yy_ys_box .list {
    width: 100%;
    max-width: 80em;
    height: auto;
    margin: 3em auto;
    text-align: center;
    padding-bottom: 7em;
    border-bottom: 1px dashed #e0e4ea
}

.yy_ys_box .list li {
    width: 15em;
    height: 18.12em;
    display: inline-block;
    vertical-align: top;
    border: 1px solid #e6eef2;
    border-radius: .5em;
    position: relative;
    margin-right: .7em
}

.yy_ys_box .list li:last-child {
    margin-right: 0
}

.yy_ys_box .list li:before {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background: #3b94ed;
    z-index: -1;
    transform: translateY(100%);
    transition: 300ms;
    transition-timing-function: ease-out
}

.yy_ys_box .list li:after {
    content: '';
    width: 2em;
    height: 3px;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    border-radius: .2em;
    z-index: 1;
    background: #3b94ed;
    transition: 300ms;
    transition-timing-function: ease-out
}

.yy_ys_box .list li span {
    font-family: icon;
    color: #3b94ed;
    font-size: 6em;
    display: block;
    line-height: 1em;
    margin: .3em 0
}

.yy_ys_box .list li p {
    font-size: 1.125em
}

.yy_ys_box .list li small {
    font-size: .875em;
    color: #999;
    display: block;
    padding: 1em 2em;
    line-height: 1.75em
}

.yy_ys_box .list li:hover:before {
    transform: translateY(0%)
}

.yy_ys_box .list li:hover:after {
    background: #fff
}

.yy_ys_box .list li:hover {
    color: #fff
}

.yy_ys_box .list li:hover span {
    color: #fff
}

.yy_ys_box .list li:hover small {
    color: #fff
}

.yy_yq_box {
    width: 100%;
    max-width: 80em;
    height: auto;
    padding: 4em 0;
    margin: 0 auto
}

.yy_yq_box .list {
    width: 100%;
    height: 14.37em;
    margin-top: 4em
}

.yy_yq_box .list li {
    width: 25.62em;
    height: 14.37em;
    position: relative;
    background: #ffc35a;
    display: inline-block;
    vertical-align: top
}

.yy_yq_box .list li:nth-child(2) {
    background: #42cf9b;
    margin: 0 1.2em
}

.yy_yq_box .list li:nth-child(3) {
    background: #66aaf2
}

.yy_yq_box .list li span {
    width: 6.25em;
    height: 6.25em;
    display: block;
    text-align: center;
    line-height: 6.25em;
    border-radius: 50%;
    background: #fff;
    margin: 0 auto;
    margin-top: 2em;
    font-family: icon
}

.yy_yq_box .list li span font {
    font-size: 3em;
    color: #ffc35a
}

.yy_yq_box .list li:nth-child(2) span font {
    color: #42cf9b
}

.yy_yq_box .list li:nth-child(3) span font {
    color: #66aaf2
}

.yy_yq_box .list li p {
    width: 100%;
    height: 2.45em;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    z-index: 1;
    line-height: 2.45em;
    color: #fff;
    font-size: 1.375em
}

.yy_yq_box .list li p:after {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    background: rgba(0,0,0,0.1);
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1
}

.yy_yq_box .sub {
    width: 8.5em;
    height: 2.5em;
    background: #2c70ed;
    text-align: center;
    line-height: 2.5em;
    border-radius: .3em;
    color: #fff;
    margin: 2em auto;
    margin-top: 4em
}

.yy_yq_box .sub a {
    color: #fff
}

.sz_gs_box {
    width: 100%;
    max-width: 80em;
    height: auto;
    margin: 7em auto
}

.sz_gs_box .kftitle font {
    color: #2c70ed
}

.sz_gs_box .box {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 4em;
    padding-bottom: 5em
}

.sz_gs_box .box p {
    font-size: 1.62em
}

.sz_gs_box .box p:after {
    content: '';
    width: 1.875em;
    height: 2px;
    display: block;
    background: #3b94ed;
    margin: 1em 0 1.2em 0
}

.sz_gs_box .box small {
    width: 45.62em;
    display: block;
    font-size: 1em;
    line-height: 2.5em;
    color: #5c5c5c
}

.sz_gs_box .box .img {
    width: 28.37em;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    background: url(/static/index/web/images/szimg.png) no-repeat center center;
    background-size: contain
}

.sz_hy_box {
    width: 100%;
    height: auto;
    background: url(/static/index/web/images/szhyrx.jpg) no-repeat center top;
    padding: 6em 0
}

.sz_hy_box .intr {
    width: 35.36em;
    line-height: 1.75em;
    font-size: 1.125em;
    line-height: 1.75em;
    display: block;
    margin: 1.5em auto;
    color: #fff;
    text-align: center
}

.sz_hy_box .list {
    width: 100%;
    max-width: 80em;
    height: auto;
    margin: 0 auto;
    margin-top: 4em
}

.sz_hy_box .list li {
    width: 71.8em;
    height: 10.12em;
    margin: 0 auto;
    margin-bottom: 2.5em;
    position: relative;
    border-radius: 5em;
    position: relative;
    color: #fff;
    z-index: 1
}

.sz_hy_box .list li:after {
    content: '';
    width: 100%;
    height: 100%;
    z-index: -1;
    display: block;
    background: linear-gradient(90deg,rgba(255,255,255,0.2) 0%,transparent 100%);
    position: absolute;
    left: 0;
    top: 0;
    transition: 300ms;
    transition-timing-function: ease-out
}

.sz_hy_box .list li .icon {
    width: 7.5em;
    height: 7.5em;
    display: block;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    left: 1.5em;
    top: 0;
    bottom: 0;
    margin: auto 0;
    border: 1px dashed transparent;
    text-align: center;
    line-height: 7.5em;
    font-family: icon
}

.sz_hy_box .list li .icon font {
    font-size: 4em;
    background: linear-gradient(0,#3472ed 0%,#2dcbed 100%);
    -webkit-background-clip: text;
    color: transparent;
    text-shadow: 0 5px 10px rgba(51,123,237,0.3)
}

.sz_hy_box .list li .text {
    width: 50em;
    height: auto;
    position: absolute;
    right: 10em;
    top: 50%;
    transform: translateY(-50%)
}

.sz_hy_box .list li .text p {
    font-size: 1.5em
}

.sz_hy_box .list li .text small {
    font-size: 1em;
    display: block;
    line-height: 1.75em;
    margin-top: .75em
}

.sz_hy_box .list li:hover {
    color: #2172e1
}

.sz_hy_box .list li:hover:after {
    background: #fff
}

.sz_hy_box .list li:hover .icon {
    border: 1px dashed #999
}

.sz_hy_box .list li:hover small {
    color: #5c5c5c
}

.sz_fa_box {
    width: 100%;
    max-width: 80em;
    padding: 6em;
    margin: 0 auto
}

.sz_fa_box .kftitle font {
    color: #3b94ed
}

.sz_fa_box .intr {
    width: 35.36em;
    line-height: 1.75em;
    font-size: 1.125em;
    line-height: 1.75em;
    display: block;
    margin: 1.5em auto;
    text-align: center;
    color: #5c5c5c
}

.sz_fa_box .list {
    width: 100%;
    height: auto;
    margin: 4em auto
}

.sz_fa_box .list li {
    width: calc(calc(100% - 2em)/3);
    height: 18.37em;
    border: 2px solid transparent;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 2em
}

.sz_fa_box .list li:not(:nth-child(3n)) {
    margin-right: .5em
}

.sz_fa_box .list li span {
    font-family: icon;
    font-size: 5em;
    text-align: center;
    display: block;
    margin: .3em auto;
    margin-bottom: .2em;
    background: linear-gradient(0,#3472ed 0%,#2dcbed 100%);
    -webkit-background-clip: text;
    color: transparent;
    text-shadow: 0 5px 10px rgba(51,123,237,0.3)
}

.sz_fa_box .list li p {
    width: 15em;
    height: 2.25em;
    line-height: 2.25em;
    text-align: center;
    display: block;
    background: #f5fafc;
    margin: 0 auto;
    border-radius: 2em
}

.sz_fa_box .list li small {
    color: #666;
    display: block;
    line-height: 2em;
    text-align: center;
    margin: 0 auto;
    margin-top: 1.3em;
    padding: 0 2em
}

.sz_fa_box .list li:hover {
    border: 2px solid #e6eef2
}

.sz_fa_box .list li:hover p {
    background: #3b94ed;
    color: #fff
}

.sz_sj_box {
    width: 100%;
    height: 100%;
    padding: 7em 0;
    background: url(/static/index/web/images/sz_fasj.jpg) no-repeat center top
}

.sz_sj_box .box {
    width: 100%;
    max-width: 68.75em;
    height: auto;
    height: 36.25em;
    margin: 0 auto;
    position: relative
}

.sz_sj_box .box .box_nav {
    width: 16em;
    height: auto;
    border-right: 1px solid #4a5686
}

.sz_sj_box .box .box_nav h3 {
    font-size: 2.25em;
    font-weight: normal;
    color: #fff;
    line-height: 1em;
    margin: 1em 0
}

.sz_sj_box .box .box_nav .list {
    width: 100%;
    height: auto
}

.sz_sj_box .box .box_nav .list li {
    margin-bottom: 1em
}

.sz_sj_box .box .box_nav .list li p {
    width: 100%;
    height: 3em;
    line-height: 3em;
    color: #fff;
    font-size: 1.125em;
    font-family: icon;
    text-align: center
}

.sz_sj_box .box .box_nav .list li p:after {
    content: '';
    opacity: 0;
    transition: 300ms;
    transition-timing-function: ease-out
}

.sz_sj_box .box .box_nav .list li p:hover:after {
    opacity: 1
}

.sz_sj_box .box .box_nav .list li p:hover {
    background: #2e6be6
}

.sz_sj_box .box .box_nav .list li .img {
    width: 47.5em;
    height: 100%;
    position: absolute;
    background: #fff;
    right: 0;
    top: 0;
    border-radius: 2em;
    opacity: 0;
    cursor: pointer;
    z-index: -2
}

.sz_sj_box .box .box_nav .list li .img img {
    min-width: auto;
    height: auto;
    max-height: 90%;
    max-width: 90%
}

.sz_sj_box .box .box_nav .list li .img:hover img {
    transform: scale(1,1)
}

.sz_sj_box .box .box_nav .list li.on p {
    background: #2e6be6
}

.sz_sj_box .box .box_nav .list li.on p:after {
    opacity: 1
}

.sz_sj_box .box .box_nav .list li.on .img {
    opacity: 1;
    z-index: 1
}

.sz_sj_box .box .box_nav .list li:nth-child(1) .img,.sz_sj_box .box .box_nav .list li:nth-child(2) .img,.sz_sj_box .box .box_nav .list li:nth-child(3) .img,.sz_sj_box .box .box_nav .list li:nth-child(7) .img,.sz_sj_box .box .box_nav .list li:nth-child(5) .img {
    background-size: 80%
}

.sz_yth_box {
    width: 100%;
    max-width: 80em;
    padding: 7em 0;
    margin: 0 auto
}

.sz_yth_box .kftitle font {
    color: #2e6be6
}

.sz_yth_box .list {
    width: 100%;
    height: auto;
    margin-top: 4em;
    text-align: center
}

.sz_yth_box .list li {
    width: 14.6em;
    position: relative;
    display: inline-block;
    vertical-align: top;
    float: left
}

.sz_yth_box .list li .icon {
    width: 6.6em;
    height: 6.6em;
    display: block;
    border-radius: 50%;
    border: 1px solid #3375ed;
    font-family: icon;
    text-align: center;
    line-height: 6.6em
}

.sz_yth_box .list li .icon font {
    font-size: 2.5em;
    background: linear-gradient(0,#3472ed 0%,#2dcbed 100%);
    -webkit-background-clip: text;
    color: transparent;
    text-shadow: 0 5px 10px rgba(51,123,237,0.3)
}

.sz_yth_box .list li .line {
    width: 6em;
    height: 1px;
    background: #c7c7c7;
    position: absolute;
    right: .5em;
    top: 3.43em;
    overflow: visible
}

.sz_yth_box .list li .line:after,.sz_yth_box .list li .line:before {
    content: '';
    width: .5em;
    height: .5em;
    display: block;
    background: #c7c7c7;
    position: absolute;
    right: 0;
    top: -.25em;
    border-radius: 50%
}

.sz_yth_box .list li .line:before {
    left: 0
}

.sz_yth_box .list li p {
    width: 6.87em;
    margin-top: 1.25em;
    line-height: 1.75em
}

.sz_yth_box .list li:last-child {
    width: 6.87em
}

.sz_yth_box .list li:last-child .line {
    display: none
}

.sz_yth_box .intr {
    text-align: center;
    line-height: 2em;
    display: block;
    margin-top: 4em;
    font-size: 1.125em
}

.qy_gs_box {
    width: 100%;
    max-width: 80em;
    padding: 7em 0;
    margin: 0 auto
}

.qy_gs_box .kftitle font {
    color: #2c70ed
}

.qy_gs_box .box {
    width: 100%;
    position: relative;
    margin-top: 4em
}

.qy_gs_box .box small {
    width: 34.44em;
    height: auto;
    display: block;
    font-size: 1em;
    line-height: 2.5em;
    color: #5c5c5c
}

.qy_gs_box .box .img {
    background: url(/static/index/web/images/kfimg.png) no-repeat center center;
    width: 32.5em;
    height: 34.62em;
    position: absolute;
    right: 2em;
    top: 0;
    bottom: 0;
    margin: auto 0;
    background-size: contain
}

.qy_td_box {
    width: 100%;
    height: auto;
    padding: 6em 0;
    background: url(/static/index/web/images/qy_td_img.jpg) no-repeat center top
}

.qy_td_box .list {
    width: 100%;
    height: auto;
    max-width: 80em;
    margin: 4em auto
}

.qy_td_box .list li {
    width: 14.25em;
    height: auto;
    display: inline-block;
    vertical-align: top;
    color: #fff;
    text-align: center;
    margin-right: 1.8em
}

.qy_td_box .list li:last-child {
    margin-right: 0
}

.qy_td_box .list li span {
    width: 9.37em;
    height: 9.37em;
    display: block;
    border-radius: 50%;
    border: 1px dashed #fff;
    text-align: center;
    line-height: 9.37em;
    font-family: icon;
    position: relative;
    margin: 0 auto
}

.qy_td_box .list li span font {
    font-size: 4em;
    color: #fff
}

.qy_td_box .list li span:after {
    content: '';
    width: 1em;
    height: 1em;
    display: block;
    position: absolute;
    right: -.5em;
    top: calc(50% - 0.5em);
    background: #4e7beb
}

.qy_td_box .list li p {
    font-size: 1.37em;
    margin-top: .7em;
    line-height: 1.75em;
    padding: 0 1em;
    height: 3.5em;
    overflow: hidden
}

.qy_td_box .list li small {
    display: block;
    line-height: 1.75em;
    font-size: .875em;
    text-align: left;
    margin-top: 1em
}

.qy_fa_box {
    width: 100%;
    padding: 6em 0
}

.qy_fa_box .kftitle font {
    color: #4e7beb
}

.qy_fa_box .list {
    width: 100%;
    max-width: 80em;
    height: auto;
    margin: 4em auto;
    overflow: visible
}

.qy_fa_box .list li {
    width: calc(100% - 2px);
    height: 10em;
    border: 1px dashed transparent;
    border-radius: .3em;
    position: relative;
    margin-bottom: 1.5em;
    overflow: visible
}

.qy_fa_box .list li:after {
    content: '+';
    font-size: 2em;
    width: 1.43em;
    height: 1.43em;
    display: block;
    opacity: 0;
    transform: translateX(2em);
    color: #fff;
    text-align: center;
    line-height: 1.43em;
    background: linear-gradient(0,#3472ed 0%,#2dcbed 100%);
    border-radius: 50%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -.715em;
    margin: auto 0;
    transition: 300ms;
    transition-timing-function: ease-out
}

.qy_fa_box .list li .icon {
    width: 13.12em;
    height: 100%;
    position: relative;
    text-align: center
}

.qy_fa_box .list li .icon:after {
    content: '';
    width: 1px;
    height: 6.2em;
    opacity: 0;
    display: block;
    background: #ebf0f6;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    transition: 300ms;
    transition-timing-function: ease-out;
    transform: translateY(-5em)
}

.qy_fa_box .list li .icon span {
    font-family: icon;
    font-size: 4.5em;
    margin-top: .2em;
    display: block;
    background: linear-gradient(0,#3472ed 0%,#2dcbed 100%);
    -webkit-background-clip: text;
    color: transparent;
    text-shadow: 0 5px 10px rgba(51,123,237,0.3)
}

.qy_fa_box .list li .icon p {
    margin-top: .3em;
    color: #5c5c5c
}

.qy_fa_box .list li .intr {
    width: 50.6em;
    height: auto;
    color: #5c5c5c;
    display: block;
    font-size: .875em;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 17.75em;
    line-height: 1.75em
}

.qy_fa_box .list li:hover:after {
    opacity: 1;
    transform: translateX(0)
}

.qy_fa_box .list li:hover {
    border: 1px dashed #ccdae8
}

.qy_fa_box .list li:hover .icon:after {
    transform: translateY(0);
    opacity: 1
}

.qy_gn_box {
    background: #f5f5f5;
    padding: 6em 0
}

.qy_gn_box .kftitle font {
    color: #2c70ed
}

.qy_gn_box .ds_wtt_box .box span {
    z-index: 1
}

.qy_gn_box .ds_wtt_box .box span:after {
    background: #5482ec;
    transform: rotate(45deg)
}

.qy_gn_box .ds_wtt_box .box span:before {
    transform: rotate(0)
}

.qy_gn_box .ds_wtt_box .box small {
    color: #5c5c5c;
    font-size: 1em
}

.dx_td_box {
    width: 100%;
    padding: 6em 0;
    text-align: center
}

.dx_td_box .list {
    max-width: 80em;
    margin: 3em auto
}

.dx_td_box .list li {
    width: 14.37em;
    display: inline-block;
    vertical-align: top;
    margin: 0 .6em
}

.dx_td_box .list li span {
    width: 10em;
    height: 10em;
    display: block;
    margin: 0 auto;
    border-radius: .4em;
    background: #2c70ed;
    text-align: center;
    line-height: 10em;
    font-family: icon;
    color: #fff
}

.dx_td_box .list li span font {
    font-size: 5em
}

.dx_td_box .list li p {
    font-size: 1.5em;
    margin: 1.1em 0 .5em 0
}

.dx_td_box .list li small {
    font-size: 1em;
    line-height: 1.75em;
    text-align: left;
    display: block;
    color: #5c5c5c
}

.dx_fa_box {
    width: 100%;
    padding: 6em 0;
    background: url(/static/index/web/images/dx_fa_back.jpg) no-repeat center center
}

.dx_fa_box .list {
    width: 100%;
    max-width: 80em;
    height: 5em;
    margin: 0 auto;
    margin-top: 4em;
    display: flex;
    justify-content: space-between;
    padding-bottom: 3.5em;
    border-bottom: 1px solid #5b6185
}

.dx_fa_box .list li {
    width: 15em;
    height: calc(100% - 2px);
    border: 1px solid #2965d3;
    background: #1c3884;
    text-align: center;
    line-height: 4.875em;
    align-items: center;
    justify-content: center;
    justify-content: space-between;
    color: #fff;
    font-family: icon;
    cursor: pointer
}

.dx_fa_box .list li span {
    font-size: 1.5em
}

.dx_fa_box .list li:hover {
    background: #2c70ed
}

.dx_fa_box .list li.on {
    background: #2c70ed
}

.dx_fa_box .box_hidden {
    max-width: 80em;
    margin: 0 auto;
    margin-top: 2em
}

.dx_fa_box .box {
    height: auto;
    color: #fff;
    white-space: nowrap
}

.dx_fa_box .box .text {
    display: inline-block;
    vertical-align: top;
    width: 100%
}

.dx_fa_box .box .text h3 {
    font-size: 1.5em;
    font-weight: normal
}

.dx_fa_box .box .text small {
    line-height: 1.72em;
    display: block;
    font-size: 1em;
    margin-top: 1em
}

.dx_hx_box {
    width: 100%;
    max-width: 80em;
    padding: 6em 0;
    margin: 0 auto
}

.dx_hx_box .list {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
    margin-top: 4em;
    flex-wrap: wrap
}

.dx_hx_box .list li {
    flex: 0 0 calc(33.33% - 0.625em);
    height: 18.62em;
    border: 1px solid #e6eef2;
    text-align: center;
    margin-bottom: .937em
}

.dx_hx_box .list li span {
    font-family: icon;
    font-size: 6em;
    background: linear-gradient(0,#3472ed 0%,#2dcbed 100%);
    -webkit-background-clip: text;
    color: transparent;
    text-shadow: 0 5px 10px rgba(51,123,237,0.3);
    display: block;
    margin-top: .7em
}

.dx_hx_box .list li p {
    font-size: 1.125em;
    margin-top: 1em
}

.dx_hx_box .list li:hover {
    background: #2c70ed;
    color: #fff
}

.dx_hx_box .list li:hover span {
    color: #fff
}

.dx_sy_box {
    padding: 6em 0;
    background: #f5f5f5
}

.dx_sy_box .list {
    width: 100%;
    max-width: 80em;
    height: auto;
    margin: 0 auto;
    margin-top: 3.7em;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.dx_sy_box .list li {
    flex: 0 0 calc(20% - 1em);
    height: 5.62em;
    background: #fff;
    border-radius: .2em;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    vertical-align: top;
    margin-bottom: 1.25em
}

.dx_sy_box .list li span {
    width: 2.875em;
    height: 2.875em;
    display: block;
    border-radius: 50%;
    background: #216ede;
    margin-right: 1em;
    color: #fff;
    font-family: icon;
    text-align: center;
    line-height: 2.875em
}

.dx_sy_box .list li span font {
    font-size: 1.8em
}

.sj_hy_box {
    padding: 6em 0
}

.sj_hy_box .box {
    width: 100%;
    max-width: 80em;
    margin: 0 auto;
    position: relative
}

.sj_hy_box .box .text {
    height: 25em
}

.sj_hy_box .box h3 {
    font-size: 2.25em;
    font-weight: normal
}

.sj_hy_box .box h3 font {
    color: #2c70ed
}

.sj_hy_box .box small {
    width: 40em;
    display: block;
    line-height: 2.5em;
    color: #5c5c5c;
    font-size: 1em;
    margin-top: 2em
}

.sj_hy_box .box .img {
    background: url(/static/index/web/images/sj_hy_img.png) no-repeat center center;
    width: 30em;
    height: 25.12em;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    background-size: contain
}

.sj_td_box {
    padding: 6em 0;
    background: url(/static/index/web/images/sj_nd_back.jpg) no-repeat center top
}

.sj_td_box .list {
    width: 100%;
    max-width: 80em;
    height: auto;
    margin: 0 auto;
    margin-top: 4em
}

.sj_td_box .list li {
    width: 71.8em;
    height: 10.12em;
    margin: 0 auto;
    margin-bottom: 2.5em;
    position: relative;
    border-radius: 5em;
    position: relative;
    color: #fff;
    z-index: 1
}

.sj_td_box .list li:after {
    content: '';
    width: 100%;
    height: 100%;
    z-index: -1;
    display: block;
    background: linear-gradient(90deg,rgba(255,255,255,0.2) 0%,transparent 100%);
    position: absolute;
    left: 0;
    top: 0;
    transition: 300ms;
    transition-timing-function: ease-out
}

.sj_td_box .list li .icon {
    width: 7.5em;
    height: 7.5em;
    display: block;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    left: 1.5em;
    top: 0;
    bottom: 0;
    margin: auto 0;
    border: 1px dashed transparent;
    text-align: center;
    line-height: 7.5em;
    font-family: icon
}

.sj_td_box .list li .icon font {
    font-size: 4em;
    background: linear-gradient(0,#3472ed 0%,#2dcbed 100%);
    -webkit-background-clip: text;
    color: transparent;
    text-shadow: 0 5px 10px rgba(51,123,237,0.3)
}

.sj_td_box .list li .text {
    width: 50em;
    height: auto;
    position: absolute;
    right: 10em;
    top: 50%;
    transform: translateY(-50%)
}

.sj_td_box .list li .text p {
    font-size: 1.5em
}

.sj_td_box .list li .text small {
    font-size: 1em;
    display: block;
    line-height: 1.75em;
    margin-top: .75em
}

.sj_td_box .list li:hover {
    color: #2172e1
}

.sj_td_box .list li:hover:after {
    background: #fff
}

.sj_td_box .list li:hover .icon {
    border: 1px dashed #999
}

.sj_td_box .list li:hover small {
    color: #5c5c5c
}

.sj_jj_box {
    width: 100%;
    max-width: 80em;
    height: auto;
    padding: 6em 0;
    text-align: center;
    margin: 0 auto
}

.sj_jj_box .kftitle font {
    color: #477fe6
}

.sj_jj_box .list {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
    margin-top: 4em;
    flex-wrap: wrap
}

.sj_jj_box .list li {
    flex: 0 0 calc(33.3% - 1.5em);
    height: 25em;
    background: #f5fafc;
    margin-bottom: 2em
}

.sj_jj_box .list li .icon {
    display: block;
    font-family: icon;
    width: 6.5em;
    height: 6.5em;
    display: block;
    border-radius: 2em;
    background: #3285ed;
    margin: 2em auto;
    margin-top: 3em;
    text-align: center;
    line-height: 6.5em;
    color: #fff
}

.sj_jj_box .list li .icon font {
    font-size: 3.5em
}

.sj_jj_box .list li p {
    font-size: 1.5em
}

.sj_jj_box .list li small {
    color: #5c5c5c;
    display: block;
    width: 20em;
    font-size: .875em;
    line-height: 1.75em;
    margin: 0 auto;
    margin-top: 1.5em
}

.sj_jj_box .list li:hover {
    background: #3285ed;
    color: #fff
}

.sj_jj_box .list li:hover small {
    color: #fff
}

.sj_jj_box .list li:hover span {
    background: #31a1ed
}

.sj_ys_box {
    width: 100%;
    padding: 6em 0;
    background: #0d164b;
    padding-bottom: 0
}

.sj_ys_box small {
    width: 50.75em;
    height: auto;
    display: block;
    font-size: 1.125em;
    color: #333;
    text-align: center;
    margin: 0 auto;
    line-height: 2em;
    margin-top: 1em;
    color: #fff
}

.sj_ys_box .img {
    width: 100%;
    height: 57.12em;
    background: url(/static/index/web/images/sj_ys_box_back.png) no-repeat center center;
    background-size: contain
}

.cti_zsm_box {
    width: 100%;
    max-width: 80em;
    padding: 6em 0;
    margin: 0 auto
}

.cti_zsm_box .kftitle font {
    color: #3378ee
}

.cti_zsm_box .list {
    width: 100%;
    height: 23.12em;
    display: flex;
    justify-content: space-between;
    margin-top: 4em;
    flex-wrap: wrap
}

.cti_zsm_box .list li {
    flex: 0 0 calc(25% - 1.17em);
    height: 100%;
    background: #0d164b;
    position: relative
}

.cti_zsm_box .list li:after {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    background: linear-gradient(0,#3472ed 0%,#2dcbed 100%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1
}

.cti_zsm_box .list li span {
    width: 10.75em;
    height: 10.75em;
    border-radius: 50%;
    border: 1px dashed #23d8fe;
    display: block;
    margin: 0 auto;
    margin-top: 3.72em;
    font-family: icon;
    color: #fff;
    text-align: center;
    line-height: 10.75em
}

.cti_zsm_box .list li span font {
    font-size: 6em;
    background: linear-gradient(0,#3472ed 0%,#2dcbed 100%);
    -webkit-background-clip: text;
    color: transparent;
    text-shadow: 0 5px 10px rgba(51,123,237,0.3)
}

.cti_zsm_box .list li small {
    display: block;
    width: calc(100% - 3.2em);
    padding: 0 1.6em;
    color: #fff;
    font-size: 1em;
    line-height: 1.75em;
    text-align: center;
    margin-top: 2em
}

.cti_zsm_box .list li:hover {
    background: transparent
}

.cti_zsm_box .list li:hover span {
    border: 1px dashed #fff
}

.cti_zsm_box .list li:hover span font {
    color: #fff
}

.cti_zc_box {
    height: 34.375em;
    width: 100%;
    background: #0d164b url(/static/index/web/images/cti_zc_box_img.jpg) no-repeat center center
}

.cti_zc_box .box {
    width: 100%;
    max-width: 80em;
    height: 100%;
    margin: 0 auto;
    background: url(/static/index/web/images/)
}

.cti_zc_box .box h3 {
    font-size: 2.25em;
    color: #fff;
    font-weight: normal;
    margin-top: 3.8em
}

.cti_zc_box .box .list {
    width: 37.5em;
    height: auto;
    margin-top: 3.25em;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.cti_zc_box .box .list li {
    flex: 0 0 50%;
    color: #fff;
    line-height: 2em;
    margin-bottom: 1em
}

.cti_zc_box .box .list li font {
    font-family: icon;
    font-size: 1.5em;
    color: #2dcbed
}

.cti_cy_box {
    width: 100%;
    padding: 6em 0
}

.cti_cy_box .kftitle font {
    color: #2c70ed
}

.cti_cy_box .list {
    width: 100%;
    max-width: 80em;
    height: auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 auto;
    margin-top: 4em
}

.cti_cy_box .list li {
    flex: 0 0 calc(33.3% - 1em - 2px);
    height: 20em;
    border: 1px dashed #cfdce9;
    border-radius: 1.5em;
    margin-bottom: 1.3em
}

.cti_cy_box .list li span {
    font-family: icon;
    font-size: 6em;
    background: linear-gradient(0,#3472ed 0%,#2dcbed 100%);
    -webkit-background-clip: text;
    color: transparent;
    text-shadow: 0 5px 10px rgba(51,123,237,0.3);
    text-align: center;
    display: block;
    margin-top: .4em
}

.cti_cy_box .list li P {
    width: 15em;
    height: 2.5em;
    display: block;
    margin: 0 auto;
    background: #f5fafc;
    margin-top: 2em;
    border-radius: 2em;
    text-align: center;
    line-height: 2.5em
}

.cti_cy_box .list li:hover {
    background: #3380ee
}

.cti_cy_box .list li:hover span {
    color: #fff
}

.cti_cy_box .list li:hover p {
    color: #3380ee
}

.ds_bj_box {
    padding: 6em 0;
    padding-bottom: 4em
}

.ds_bj_box .box {
    width: 100%;
    max-width: 80em;
    margin: 0 auto;
    position: relative
}

.ds_bj_box .box .text {
    height: 25em
}

.ds_bj_box .box h3 {
    font-size: 2.25em;
    font-weight: normal
}

.ds_bj_box .box h3 font {
    color: #2c70ed
}

.ds_bj_box .box small {
    width: 40em;
    display: block;
    line-height: 2.5em;
    color: #5c5c5c;
    font-size: 1em;
    margin-top: 2em
}

.ds_bj_box .box .img {
    background: url(/static/index/web/images/ds_bj_back.png) no-repeat center center;
    width: 30em;
    height: 25.12em;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    background-size: contain
}

.ds_gsfa_box {
    width: 100%;
    max-width: 80em;
    margin: 0 auto;
    padding: 4em 0;
    border-top: 1px dashed #dbe8ec;
    margin-bottom: 4em;
    overflow: visible
}

.ds_gsfa_box .list {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
    margin-top: 4em;
    flex-wrap: wrap;
    overflow: visible
}

.ds_gsfa_box .list li {
    width: calc(100%/3 - 6em - 2px);
    height: 33.5em;
    padding: 0 1.5em;
    border: 1px solid #3c7ff3;
    overflow: visible;
    box-shadow: 0 0 .62em rgba(60,127,243,0.3)
}

.ds_gsfa_box .list li p {
    height: 2.5em;
    line-height: 2.5em;
    text-align: center;
    background: #3c7ff3;
    color: #fff;
    margin-top: 3.6em
}

.ds_gsfa_box .list li p font {
    font-size: 1.125em
}

.ds_gsfa_box .list li small {
    font-size: 1.125em;
    display: block;
    line-height: 2em;
    margin-top: 2.62em
}

.ds_gs_box {
    width: 100%;
    padding: 6em 0;
    background: #3c7ff3
}

.ds_gs_box .intr {
    width: 80em;
    height: auto;
    display: block;
    font-size: 1em;
    color: #fff;
    margin: 0 auto;
    line-height: 2.5em;
    margin-top: 3em
}

.ds_gs_box .img {
    width: 100%;
    max-width: 80em;
    margin: 4em auto;
    height: auto;
    position: relative;
    text-align: center;
    cursor: pointer
}

.ds_gs_box .img img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto
}

.ds_qy_box {
    padding: 6em 0;
    padding-bottom: 3em
}

.ds_qy_box .kftitle font {
    color: #2c70ed
}

.ds_qy_box .img {
    width: 57.8em;
    height: 43.75em;
    margin: 0 auto;
    background: url(/static/index/web/images/ds_zg_map.jpg) no-repeat center center;
    margin-top: 4em;
    background-size: contain
}

.dk_gs_box {
    padding: 6em 0
}

.dk_gs_box .box {
    width: 100%;
    max-width: 80em;
    margin: 0 auto;
    position: relative
}

.dk_gs_box .box .text {
    height: 25em
}

.dk_gs_box .box h3 {
    font-size: 2.25em;
    font-weight: normal
}

.dk_gs_box .box h3 font {
    color: #2c70ed
}

.dk_gs_box .box small {
    width: 30em;
    display: block;
    line-height: 2.5em;
    color: #5c5c5c;
    font-size: 1em;
    margin-top: 2em
}

.dk_gs_box .box .img {
    background: url(/static/index/web/images/dk_bj_back.jpg) no-repeat center center;
    width: 30em;
    height: 25.12em;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    background-size: contain
}

.dk_td_box {
    padding: 6em 0;
    background: url(/static/index/web/images/dk_td_back.jpg) no-repeat center top;
    background-size: cover
}

.dk_td_box .list {
    width: 100%;
    max-width: 80em;
    height: 26em;
    margin: 4em auto;
    display: flex;
    justify-content: space-between;
    margin-top: 4em;
    flex-wrap: wrap
}

.dk_td_box .list li {
    flex: 0 0 calc(25% - 1.5em);
    height: 100%;
    background: #fff;
    border-radius: .3em;
    box-shadow: 0 0 .62em rgba(0,0,0,0.3)
}

.dk_td_box .list li span {
    width: 7.25em;
    height: 7.25em;
    border-radius: 50%;
    display: block;
    background: #2c70ed;
    margin: 2em auto;
    margin-bottom: 1.5em;
    font-family: icon;
    line-height: 7.5em;
    text-align: center;
    box-shadow: 0 0 .62em rgba(0,0,0,0.3)
}

.dk_td_box .list li span font {
    color: #fff;
    font-size: 4.5em
}

.dk_td_box .list li p {
    font-size: 1.375em;
    text-align: center;
    padding: 0 1em
}

.dk_td_box .list li p:after {
    content: '';
    width: 100%;
    height: 1px;
    display: block;
    border-bottom: 1px dashed #e7e7e8;
    margin-top: .5em
}

.dk_td_box .list li small {
    display: block;
    padding: 0 2em;
    margin-top: 1em;
    line-height: 2em;
    color: #5c5c5c
}

.dk_ys_box {
    padding: 6em 0
}

.dk_ys_box .kftitle font {
    color: #2c70ed
}

.dk_ys_box .list {
    width: 100%;
    max-width: 80em;
    height: 20em;
    margin: 4em auto;
    display: flex;
    justify-content: space-between;
    margin-top: 4em;
    flex-wrap: wrap;
    overflow: visible
}

.dk_ys_box .list li {
    flex: 0 0 calc(50% - 1.25em);
    box-shadow: 0 0 .62em rgba(0,0,0,0.2)
}

.dk_ys_box .list li span {
    width: 12em;
    height: 100%;
    display: block;
    background: url(/static/index/web/images/dk_aq_bz.png) no-repeat center center;
    float: left
}

.dk_ys_box .list li:nth-child(2) span {
    background: url(/static/index/web/images/dk_an_xx.png) no-repeat center center
}

.dk_ys_box .list li p {
    font-size: 1.5em;
    margin-top: 2.83em
}

.dk_ys_box .list li small {
    width: 24em;
    height: auto;
    display: block;
    font-size: 1em;
    color: #5c5c5c;
    float: left;
    line-height: 1.75em;
    margin-top: 1em
}

.dk_jj_box {
    width: 100%;
    padding: 6em 0;
    background: url(/static/index/web/images/dk_fn_bg.jpg) no-repeat center top
}

.dk_jj_box .intr {
    width: 45em;
    height: auto;
    display: block;
    font-size: 1em;
    color: #fff;
    text-align: center;
    margin: 0 auto;
    line-height: 1.75em;
    margin-top: 1em
}

.dk_jj_box .img {
    width: 53.75em;
    height: 30.5em;
    margin: 4em auto;
    background: url(/static/index/web/images/dk_jj_img.png) no-repeat center center;
    margin-bottom: 0;
    background-size: contain
}

.yl_gs_box {
    padding: 6em 0
}

.yl_gs_box .box {
    width: 100%;
    max-width: 80em;
    margin: 0 auto;
    position: relative
}

.yl_gs_box .box .text {
    height: 25em
}

.yl_gs_box .box h3 {
    font-size: 2.25em;
    font-weight: normal
}

.yl_gs_box .box small {
    width: 36.5em;
    display: block;
    line-height: 2.5em;
    color: #5c5c5c;
    font-size: 1em;
    margin-top: 2em
}

.yl_gs_box .box .img {
    background: url(/static/index/web/images/yl_gs_img.png) no-repeat center center;
    width: 30em;
    height: 25.12em;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    background-size: contain
}

.yl_xz_box {
    width: 100%;
    padding: 6em 0;
    background: url(/static/index/web/images/yl_xz_back.jpg) no-repeat center top
}

.yl_xz_box .list {
    width: 100%;
    max-width: 80em;
    height: auto;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    margin-top: 4em;
    flex-wrap: wrap
}

.yl_xz_box .list li {
    width: calc(100%/2 - 1.5em);
    height: 9em;
    color: #fff
}

.yl_xz_box .list li:nth-child(1),.yl_xz_box .list li:nth-child(2) {
    margin-bottom: 4em
}

.yl_xz_box .list li span {
    width: 5.87em;
    height: 5.87em;
    display: block;
    background: #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 5.87em;
    font-family: icon;
    color: #2c70ed;
    float: left;
    margin-right: 1em
}

.yl_xz_box .list li span font {
    font-size: 4em
}

.yl_xz_box .list li p {
    font-size: 1.5em;
    margin-bottom: .3em
}

.yl_xz_box .list li small {
    width: calc(100% - 7.8em);
    line-height: 2em;
    font-size: 1em;
    display: block;
    height: 6em;
    float: left
}

.yl_xt_box {
    padding: 6em 0;
    width: 100%
}

.yl_xt_box .list {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
    max-width: 80em;
    margin: 0 auto;
    margin-top: 4em;
    flex-wrap: wrap;
    overflow: visible
}

.yl_xt_box .list li {
    width: calc(100%/3 - 2.3em);
    height: 30.37em;
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
    border-radius: .3em;
    text-align: center
}

.yl_xt_box .list li span {
    height: 16em;
    width: 100%;
    display: block
}

.yl_xt_box .list li:nth-child(1) span {
    background: url(/static/index/web/images/yl_xt_icon1.png) no-repeat center 3.2em
}

.yl_xt_box .list li:nth-child(2) span {
    background: url(/static/index/web/images/yl_xt_icon2.png) no-repeat center 3.2em
}

.yl_xt_box .list li:nth-child(3) span {
    background: url(/static/index/web/images/yl_xt_icon3.png) no-repeat center 3.2em
}

.yl_xt_box .list li p {
    font-size: 1.5em;
    line-height: 1.75em;
    padding: 0 2em
}

.yl_xt_box .list li small {
    font-size: 1em;
    display: block;
    padding: 0 2.5em;
    margin-top: .5em;
    line-height: 2em;
    text-align: left;
    color: #5c5c5c
}

.yl_kh_box {
    padding: 6em 0;
    width: 100%;
    background: url(/static/index/web/images/banner16.jpg) no-repeat center top
}

.yl_kh_box .kftitle {
    margin-bottom: 2em
}

.yl_kh_box .sub_title {
    font-size: 1.8em;
    margin-top: 4em
}

.yl_kh_box .box {
    width: 100%;
    max-width: 80em;
    height: 15.37em;
    background: #101f5c;
    border: 1px dashed #2762d3;
    margin: 0 auto;
    position: relative
}

.yl_kh_box .box.box_two {
    margin-top: 2.2em
}

.yl_kh_box .box:hover .z_box {
    background: #2967dd
}

.yl_kh_box .box:hover .r_box {
    background: #1451c4
}

.yl_kh_box .box:hover {
    border: 1px dashed #0d164b
}

.yl_kh_box .box .z_box {
    width: 53.12em;
    height: 100%;
    color: #fff
}

.yl_kh_box .box .z_box span {
    width: 14.37em;
    height: 100%;
    display: block;
    background: url(/static/index/web/images/yl_kh_icon1.png) no-repeat center center;
    float: left
}

.yl_kh_box .box.box_two span {
    background: url(/static/index/web/images/yl_kh_icon2.png) no-repeat center center
}

.yl_kh_box .box .z_box p {
    font-size: 1.75em;
    margin-top: 1.6em
}

.yl_kh_box .box .z_box small {
    padding-right: 3.75em;
    display: block;
    font-size: 1em;
    line-height: 2em;
    margin-top: 1em
}

.yl_kh_box .box .r_box {
    width: calc(100% - 53.12em);
    height: 100%;
    position: absolute;
    right: 0;
    top: 0
}

.yl_kh_box .box .r_box_list {
    width: 18.75em;
    height: auto;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.yl_kh_box .box .r_box_list li {
    width: calc(100%/2 - 2.5em);
    font-family: icon;
    color: #fff;
    line-height: 2.2em;
    padding-left: 2.5em;
    position: relative;
    margin-bottom: 1.5em;
    font-size: .875em
}

.yl_kh_box .box .r_box_list li:nth-child(5),.yl_kh_box .box .r_box_list li:nth-child(6) {
    margin-bottom: 0
}

.yl_kh_box .box .r_box_list li font {
    font-size: 2em;
    display: block;
    position: absolute;
    left: 0;
    top: 0
}

.yl_kh_box .list {
    width: 100%;
    max-width: 80em;
    margin: 0 auto;
    margin-top: 2.6em;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.yl_kh_box .list li {
    width: calc(100%/4 - 0.93em - 2px);
    height: 6.2em;
    border: 1px solid #2c70ed;
    color: #fff;
    position: relative;
    line-height: 6.2em;
    margin-bottom: 1em
}

.yl_kh_box .list li span {
    width: 3.12em;
    height: 3.12em;
    display: block;
    border-radius: 50%;
    background: #2c70ed;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 2.25em;
    margin: auto 0;
    text-align: center;
    line-height: 3.4em;
    font-family: icon
}

.yl_kh_box .list li span font {
    font-size: 1.8em
}

.yl_kh_box .list li p {
    font-size: 1.125em;
    text-align: center;
    width: 100%;
    text-align: left;
    text-indent: 6em
}

.yl_kh_box .list li:hover {
    background: #2c70ed
}

.yl_kh_box .list li:hover span {
    background: #0d164b
}

.dk_gn_box {
    padding: 6em 0;
    width: 100%
}

.dk_gn_box .list {
    width: 100%;
    max-width: 80em;
    height: auto;
    margin: 0 auto;
    margin-top: 4em;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    overflow: visible;
    border-radius:
}

.dk_gn_box .list li {
    width: calc(100%/2 - 2.12em);
    height: 7.5em;
    border-radius: .4em;
    margin-bottom: 1em
}

.dk_gn_box .list li span {
    width: 4.375em;
    height: 4.375em;
    display: block;
    border-radius: 50%;
    text-align: center;
    line-height: 4.375em;
    margin-left: 1.5em;
    margin-right: 1.5em;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    float: left;
    background: linear-gradient(0,#3472ed 0%,#2dcbed 100%);
    font-family: icon;
    color: #fff
}

.dk_gn_box .list li span font {
    font-size: 2.5em
}

.dk_gn_box .list li p {
    font-size: 1.375em;
    margin-top: 1em
}

.dk_gn_box .list li small {
    font-size: 1em;
    width: 26em;
    display: block;
    color: #5c5c5c;
    float: left;
    margin-top: .2em;
    line-height: 1.75em
}

.dk_gn_box .list li:hover {
    box-shadow: 0 0 10px rgba(0,0,0,0.2)
}

.dk_cp_box {
    width: 100%;
    height: auto;
    background: url(/static/index/web/images/dk_ys_back.jpg) no-repeat center top;
    padding: 4em 0
}

.dk_cp_box .list {
    width: 100%;
    max-width: 80em;
    margin: 0 auto;
    margin-top: 4em;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.dk_cp_box .list li {
    width: calc(100%/3 - 2px);
    height: 26.625em;
    border: 1px dashed transparent;
    border-radius: .4em;
    color: #fff;
    text-align: center;
    position: relative;
    margin-bottom: 2em;
    overflow: visible
}

.dk_cp_box .list li:after {
    content: '+';
    width: 1.44em;
    height: 1.44em;
    display: block;
    border-radius: 50%;
    background: #2967dd;
    position: absolute;
    bottom: -.72em;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    font-size: 2em;
    opacity: 0;
    transition: 300ms;
    transition-timing-function: ease-out;
    transform: translateY(0.72em)
}

.dk_cp_box .list li:nth-child(1) span:before {
    background: url(/static/index/web/images/dk_cp_icon1.png) no-repeat center center
}

.dk_cp_box .list li:nth-child(2) span:before {
    background: url(/static/index/web/images/dk_cp_icon2.png) no-repeat center center
}

.dk_cp_box .list li:nth-child(3) span:before {
    background: url(/static/index/web/images/dk_cp_icon3.png) no-repeat center center
}

.dk_cp_box .list li:nth-child(4) span:before {
    background: url(/static/index/web/images/dk_cp_icon4.png) no-repeat center center
}

.dk_cp_box .list li:nth-child(5) span:before {
    background: url(/static/index/web/images/dk_cp_icon5.png) no-repeat center center
}

.dk_cp_box .list li:nth-child(6) span:before {
    background: url(/static/index/web/images/dk_cp_icon6.png) no-repeat center center
}

.dk_cp_box .list li span {
    width: 10em;
    height: 10em;
    display: block;
    border-radius: .3em;
    margin: 2.5em auto;
    position: relative;
    background: #2967dd
}

.dk_cp_box .list li span:after,.dk_cp_box .list li span:before {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background: url(/static/index/web/images/dk_cp_list.png) no-repeat center center
}

.dk_cp_box .list li span:before {
    z-index: 1
}

.dk_cp_box .list li span:after {
    opacity: 0;
    transition: 300ms;
    transition-timing-function: ease-out
}

.dk_cp_box .list li p {
    font-size: 1.5em
}

.dk_cp_box .list li small {
    display: block;
    padding: 0 2.5em;
    line-height: 1.75em;
    font-size: 1em;
    margin-top: 1em
}

.dk_cp_box .list li:hover {
    border: 1px dashed #2a69e1
}

.dk_cp_box .list li:hover:after {
    opacity: 1;
    transform: translateY(0)
}

.dk_cp_box .list li:hover span:after {
    opacity: 1
}

.dk_ysli_box {
    width: 100%;
    padding: 6em 0;
    max-width: 80em;
    margin: 0 auto
}

.dk_ysli_box .list {
    width: 100%;
    height: 3.62em;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 4em;
    line-height: 3.62em
}

.dk_ysli_box .list li {
    width: calc(100%/3 - 0.5em);
    height: 100%;
    background: #f2f2f2;
    border-radius: .3em;
    text-align: center;
    font-size: 1.12em;
    font-family: icon;
    position: relative;
    cursor: pointer
}

.dk_ysli_box .list li font {
    display: block;
    transform: rotate(90deg);
    position: absolute;
    top: 0;
    right: 8em;
    opacity: 0
}

.dk_ysli_box .list li:hover {
    background: #2c70ed;
    color: #fff
}

.dk_ysli_box .list li:hover font {
    opacity: 1
}

.dk_ysli_box .list li.on {
    background: #2c70ed;
    color: #fff
}

.dk_ysli_box .list li.on font {
    opacity: 1
}

.dk_ys_hidden {
    width: 100%;
    height: 32.5em
}

.dk_ys_visible {
    white-space: nowrap;
    height: 100%
}

.dk_ysli_box .box {
    width: 100%;
    height: 100%;
    position: relative;
    display: inline-block
}

.dk_ysli_box .box .back {
    width: 36.25em;
    height: 100%;
    display: block
}

.dk_ysli_box .box .text {
    width: 32.5em;
    height: auto;
    position: absolute;
    left: 36.25em;
    top: 50%;
    transform: translateY(-50%)
}

.dk_ysli_box .box .text small {
    font-size: 1em;
    color: #5c5c5c;
    white-space: normal;
    line-height: 2em
}

.dk_ysli_box .box .text .title {
    font-size: 1.875em;
    color: #2c70ed;
    margin-bottom: .3em
}

.dk_ysli_box .box .text .text_list {
    margin-top: 2em
}

.dk_ysli_box .box .text .text_list li {
    line-height: 2em;
    position: relative;
    padding-left: 3em;
    margin-bottom: 1em;
    color: #5c5c5c
}

.dk_ysli_box .box .text .text_list li p font {
    color: #2c70ed
}

.dk_ysli_box .box .text .text_list li .icon {
    width: 2em;
    height: 2em;
    font-family: icon;
    display: block;
    border-radius: 50%;
    text-align: center;
    line-height: 2em;
    background: #2c70ed;
    color: #fff;
    font-family: icon;
    position: absolute;
    left: 0;
    top: 0
}

.dk_ysli_box .box .text .text_list li .icon font {
    font-size: 1.5em
}

.dk_ysli_box .box:nth-child(1) .back {
    background: url(/static/index/web/images/dk_ys_img1.png) no-repeat center center
}

.dk_ysli_box .box:nth-child(2) .back {
    background: url(/static/index/web/images/dk_ys_img2.png) no-repeat center center
}

.dk_ysli_box .box:nth-child(3) .back {
    background: url(/static/index/web/images/dk_ys_img3.png) no-repeat center center
}

.erp_gs_box {
    padding: 6em 0
}

.erp_gs_box .box {
    width: 100%;
    max-width: 80em;
    margin: 0 auto;
    position: relative
}

.erp_gs_box .box .text {
    height: 25em
}

.erp_gs_box .box h3 {
    font-size: 2.25em;
    font-weight: normal
}

.erp_gs_box .box h3 font {
    color: #2c70ed
}

.erp_gs_box .box small {
    width: 34em;
    display: block;
    line-height: 2.5em;
    color: #5c5c5c;
    font-size: 1em;
    margin-top: 2em
}

.erp_gs_box .box .img {
    background: url(/static/index/web/images/erpjs.jpg) no-repeat center center;
    width: 30em;
    height: 25.12em;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    background-size: contain
}

.erp_td_box {
    width: 100%;
    padding: 6em 0;
    background: #0d164b
}

.erp_td_box .list {
    width: 100%;
    max-width: 80em;
    height: auto;
    margin: 0 auto;
    margin-top: 4em;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.erp_td_box .list li {
    width: calc(100%/2 - 1.18em);
    height: 18em;
    background: #101f5c;
    color: #fff;
    margin-bottom: 1.8em
}

.erp_td_box .list li span {
    width: 14.81em;
    height: 13.2em;
    display: block;
    position: relative;
    left: 2em;
    top: 50%;
    transform: translateY(-50%);
    float: left;
    margin-right: 3em
}

.erp_td_box .list li p {
    font-size: 1.62em;
    margin-top: 2em
}

.erp_td_box .list li small {
    width: 18em;
    display: block;
    float: left;
    font-size: .875em;
    line-height: 2em;
    margin-top: 1.5em
}

.erp_td_box .list li:nth-child(1) span {
    background: url(/static/index/web/images/erpimg1.png) no-repeat left center;
    background-size: contain
}

.erp_td_box .list li:nth-child(2) span {
    background: url(/static/index/web/images/erpimg2.png) no-repeat left center;
    background-size: contain
}

.erp_td_box .list li:nth-child(3) span {
    background: url(/static/index/web/images/erpimg3.png) no-repeat left center;
    background-size: contain
}

.erp_td_box .list li:nth-child(4) span {
    background: url(/static/index/web/images/erpimg4.png) no-repeat left center;
    background-size: contain
}

.erp_td_box .list li:hover {
    background: #2c70ed
}

.erp_rh_box {
    width: 100%;
    max-width: 80em;
    height: auto;
    margin: 0 auto;
    padding: 6em 0
}

.erp_rh_box h3 {
    line-height: 1.75em
}

.erp_rh_box h3 font {
    color: #2c70ed
}

.erp_rh_box .box {
    width: calc(100% - 6.5em - 2px);
    height: auto;
    padding: 4.5em 3.25em;
    border: 1px dashed #d0ddea;
    margin-top: 4.5em
}

.erp_rh_box .icon span {
    width: 6.25em;
    height: 6.25em;
    display: block;
    border-radius: 50%;
    background: #2070ed;
    text-align: center;
    line-height: 6.25em;
    font-family: icon;
    color: #fff;
    float: left;
    margin-right: 2.6em
}

.erp_rh_box .icon span font {
    font-size: 4.5em
}

.erp_rh_box .icon p {
    font-size: 1.87em;
    color: #2070ed
}

.erp_rh_box .icon small {
    font-size: 1.125em;
    width: 36em;
    display: block;
    line-height: 1.75em;
    margin-top: .7em
}

.erp_rh_box .icon:after {
    content: '';
    width: 56em;
    height: 1px;
    display: block;
    background: #c5d8f4;
    margin-left: 8.8em;
    margin-top: 2em
}

.erp_rh_box .list {
    padding-left: 8.8em;
    margin-top: 1.5em
}

.erp_rh_box .list .l_b {
    width: calc(100%/2);
    display: inline-block;
    vertical-align: top
}

.erp_rh_box .list .l_b:nth-child(2) ul {
    width: 25em
}

.erp_rh_box .list .l_b ul {
    width: 17.5em;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.erp_rh_box .list .l_b ul li {
    width: calc(100%/2);
    display: inline-block;
    vertical-align: top;
    line-height: 1.75em;
    margin-top: 1.3em
}

.erp_rh_box .list .l_b ul li span {
    width: 1.5em;
    height: 1.5em;
    display: inline-block;
    border-radius: .2em;
    background: #2070ed;
    font-family: icon;
    text-align: center;
    line-height: 1.5em;
    vertical-align: middle;
    margin-right: .5em;
    color: #fff
}

.erp_rh_box .box:hover {
    background: #eef2f6
}

.erp_rh_box .list_box {
    width: 100%;
    height: auto
}

.erp_rh_box .list_box .erp_box {
    width: calc(100% - 6.5em - 2px);
    height: auto;
    padding: 4.5em 3.25em;
    border: 1px dashed #d0ddea;
    margin-top: 1.75em;
    position: relative
}

.erp_rh_box .list_box .erp_box .iconspan {
    width: 6.25em;
    height: 6.25em;
    display: block;
    border-radius: 50%;
    background: #2070ed;
    text-align: center;
    line-height: 6.25em;
    font-family: icon;
    color: #fff;
    float: left;
    margin-right: 2.6em
}

.erp_rh_box .list_box .erp_box .iconspan font {
    font-size: 4.5em
}

.erp_rh_box .list_box .erp_box p {
    font-size: 1.87em;
    color: #2070ed
}

.erp_rh_box .list_box .erp_box small {
    font-size: 1.125em;
    width: 33em;
    display: block;
    line-height: 1.75em;
    margin-top: .7em;
    padding-left: 8em
}

.erp_rh_box .list_box .erp_box .icon_list {
    width: 19em;
    height: auto;
    position: absolute;
    right: 3.75em;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.erp_rh_box .list_box .erp_box .icon_list li {
    width: calc(100%/2);
    display: inline-block;
    vertical-align: top;
    line-height: 1.75em;
    margin-top: 1.3em
}

.erp_rh_box .list_box .erp_box .icon_list li span {
    width: 1.5em;
    height: 1.5em;
    display: inline-block;
    border-radius: .2em;
    background: #2070ed;
    font-family: icon;
    text-align: center;
    line-height: 1.5em;
    vertical-align: middle;
    margin-right: .5em;
    color: #fff
}

.erp_rh_box .erp_box:hover {
    background: #eef2f6
}

.erp_gz_box {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 6em 0;
    background: #0d164b
}

.erp_gz_box .erp_title {
    text-align: center;
    overflow: visible
}

.erp_gz_box .erp_title p {
    width: auto;
    padding: 0 1.62em;
    background: #2070ed;
    display: inline-block;
    color: #fff;
    height: 3.87em;
    line-height: 3.87em;
    border-radius: 2em;
    margin: 0 auto;
    box-shadow: 0 .62em .62em rgba(32,112,237,0.3)
}

.erp_gz_box .erp_title p font {
    font-size: 1.75em
}

.erp_gz_box .erp_title small {
    font-size: 1.125em;
    display: block;
    width: 65em;
    color: #fff;
    margin: 0 auto;
    line-height: 2em;
    margin-top: 2.66em;
    color: #b3bad2
}

.erp_gz_box .list1 {
    width: 100%;
    height: 34.37em;
    max-width: 80em;
    margin: 2em auto;
    display: flex;
    text-align: center;
    justify-content: space-between;
    flex-wrap: wrap;
    overflow: visible;
    margin-top: 4em;
    margin-bottom: 2em
}

.erp_gz_box .list1 li {
    width: calc(100%/3);
    height: 100%;
    overflow: visible
}

.erp_gz_box .list1 li span {
    width: 9.37em;
    height: 9.37em;
    border-radius: 50%;
    display: block;
    border: 1px solid #1b54ba;
    font-family: icon;
    text-align: center;
    line-height: 9.37em;
    margin: 0 auto;
    box-shadow: 0 0 1em rgba(27,84,186,0.5);
    margin-top: 2.5em
}

.erp_gz_box .list1 li span font {
    font-size: 4em;
    background: linear-gradient(120deg,#3472ed 0%,#2dcbed 100%);
    -webkit-background-clip: text;
    color: transparent;
    text-shadow: 0 5px 10px rgba(51,123,237,0.3)
}

.erp_gz_box .list1 li h3 {
    font-size: 1.75em;
    font-weight: normal;
    margin-top: 1em;
    background: linear-gradient(120deg,#3472ed 0%,#2dcbed 100%);
    -webkit-background-clip: text;
    color: transparent
}

.erp_gz_box .list1 li small {
    color: #fff;
    font-size: 1.125em;
    width: 18em;
    display: block;
    margin: 0 auto;
    margin-top: 1em;
    line-height: 1.75em;
    height: 3.5em;
    color: #b3bad2;
    margin-bottom: 1.5em
}

.erp_gz_box .list1 li p {
    width: 12.5em;
    height: 2.25em;
    border-radius: 2em;
    margin: 0 auto;
    line-height: 2.25em;
    color: #b3bad2;
    margin-bottom: .875em
}

.erp_gz_box .list1 li:hover {
    background: #2f60e6
}

.erp_gz_box .list1 li:hover span {
    background: #fff
}

.erp_gz_box .list1 li:hover h3 {
    color: #fff
}

.erp_gz_box .list1 li:hover small {
    color: #fff
}

.erp_gz_box .list1 li:hover p {
    color: #fff;
    background: #264db8
}

.erp_fx_box {
    width: 100%;
    max-width: 80em;
    margin: 0 auto;
    margin-top: 0
}

.erp_fx_box .list_box .erp_box {
    width: calc(100% - 6.5em - 2px);
    height: auto;
    padding: 3.5em 3.25em;
    border: 1px dashed transparent;
    margin-top: 1.75em;
    position: relative
}

.erp_fx_box .list_box .erp_box .iconspan {
    width: 6.25em;
    height: 6.25em;
    box-shadow: 0 0 1em rgba(61,144,243,0.3);
    display: block;
    border-radius: 50%;
    background: #2070ed;
    text-align: center;
    line-height: 6.25em;
    font-family: icon;
    color: #fff;
    float: left;
    margin-right: 2.6em
}

.erp_fx_box .list_box .erp_box .iconspan font {
    font-size: 4.5em
}

.erp_fx_box .list_box .erp_box p {
    font-size: 1.87em;
    background: linear-gradient(0,#3472ed 0%,#2dcbed 100%);
    -webkit-background-clip: text;
    color: transparent
}

.erp_fx_box .list_box .erp_box small {
    font-size: 1.125em;
    width: 33em;
    display: block;
    line-height: 1.75em;
    margin-top: .7em;
    padding-left: 8em;
    color: #b3bad2
}

.erp_fx_box .list_box .erp_box .icon_list {
    width: 21em;
    height: auto;
    position: absolute;
    right: 3.75em;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.erp_fx_box .list_box .erp_box .icon_list li {
    min-width: calc(100%/2);
    display: inline-block;
    vertical-align: top;
    line-height: 1.75em;
    margin-top: 1.3em;
    color: #b3bad2
}

.erp_fx_box .list_box .erp_box .icon_list li span {
    width: 1.5em;
    height: 1.5em;
    display: inline-block;
    border-radius: .2em;
    background: #2070ed;
    font-family: icon;
    text-align: center;
    line-height: 1.5em;
    vertical-align: middle;
    margin-right: .5em;
    color: #fff
}

.erp_fx_box .erp_box:hover {
    background: #142a6f;
    border: 1px solid #264ebf
}

.erp_fx_box .erp_box:hover small {
    color: #fff
}

.erp_fx_box .erp_box:hover .icon_list li {
    color: #fff
}

.form_box {
    width: 100%;
    height: 100vh;
    background: url(/static/index/web/images/formbg.jpg) no-repeat center center;
    position: relative
}

.form_box .box {
    width: 39em;
    height: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 auto
}

.form_box .box h3 {
    font-size: 3em;
    color: #fff;
    text-align: center
}

.form_box .box .list {
    text-align: center;
    margin-top: 2em
}

.form_box .box .list li {
    display: inline-block;
    vertical-align: top;
    height: 2em;
    padding: 0 .875em;
    line-height: 2em;
    border-radius: 2em;
    color: #fff;
    cursor: pointer
}

.form_box .box .list li.on {
    background: #ec768f
}

.form_box .box .back {
    width: 22em;
    height: auto;
    padding: 2.25em 2.87em;
    background: #fff;
    margin: 0 auto;
    margin-top: 3.5em
}

.form_box .box p {
    display: block;
    height: 3.75em;
    font-family: icon;
    line-height: 3.75em;
    border-bottom: 1px solid #f2f2f2
}

.form_box .box p.border {
    border-bottom: 0
}

.form_box .box p font {
    display: inline-block;
    font-size: 1.5em;
    color: #3b94ed;
    vertical-align: middle
}

.form_box .box input {
    height: 100%;
    border: 0;
    width: calc(100% - 5.5em);
    outline: 0;
    text-indent: .5em;
    padding: 0
}

.form_box .box input:before {
    content: '\e6fc';
    display: block
}

.box .formmit {
    width: 100%;
    height: 2.87em;
    line-height: 2.87em;
    text-align: center;
    background: #3b59ed;
    color: #fff;
    margin-top: 2.5em;
    margin-bottom: 2em;
    border-radius: .5em;
    box-shadow: 1px .65em .65em rgba(51,51,51,.2);
    cursor: pointer
}

.case_box {
    width: 100%;
    height: auto;
    border-bottom: 2px solid #f2f2f2;
    position: relative;
    /*top: -6.4em;*/
    padding-top: 6.4em;
    padding-tottom:3em;
}

.case_box .case_navbox {
    height: auto;
    width: 100%;
    max-width: 75em;
    margin: 0 auto;
    position: relative
}

.case_box .case_navbox .list {
    width: 100%;
    height: 1.8em;
    padding: 1.75em 0;
    line-height: 1.8em
}

.case_box .case_navbox .list li,.case_box .case_navbox .list span {
    display: inline-block;
    vertical-align: top;
    color: #999;
    padding: 0 1em;
    cursor: pointer;
    margin: 0 .25em;
    font-size: .875em
}

.case_box .case_navbox .list span {
    color: #333
}

.case_box .case_navbox .list li font {
    color: #333
}

.case_box .case_navbox .list li.on a {
    color: #fff
}

.case_box .case_navbox .list li.on {
    color: #fff;
    background: #3d90f3;
    border-radius: .8em
}

.case_box .case_navbox .list li:hover {
    color: #fff;
    background: #3d90f3;
    border-radius: .8em
}

.case_box .case_navbox .list li:hover a {
    color: #fff
}

.case_box .case_navbox .current {
    font-family: icon;
    line-height: 1.75em;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: .875em
}

.case_box .case_navbox .current span {
    font-size: .875em
}

.casenr_box {
    width: 100%;
    max-width: 80em;
    height: auto;
    margin: 2em auto;
   /* transform: translateY(-6.4em)*/
}

.casenr_box .case_navbox_l {
    width: 16em;
    border: .18em solid #f2f2f2;
    background: #fcfcfc;
    float: left
}

.casenr_box .case_navbox_l .title {
    width: 100%;
    height: 6.5em;
    line-height: 6.5em;
    text-align: center
}

.casenr_box .case_navbox_l .title p {
    font-family: icon;
    font-size: 1.5em
}

.casenr_box .case_navbox_l .title p font {
    color: #3d90f3
}

.casenr_box .case_navbox_l .list {
    width: 100%;
    height: auto
}

.casenr_box .case_navbox_l .list li {
    height: 3.5em;
    line-height: 3.5em;
    text-indent: 2em
}

.casenr_box .case_navbox_l .list li a {
    width: 100%;
    height: 100%;
    display: block;
    font-family: icon;
    position: relative
}

.casenr_box .case_navbox_l .list li a:after {
    content: '\e707';
    font-size: .875em;
    display: block;
    position: absolute;
    right: 2.25em;
    top: 0
}

.casenr_box .case_navbox_l .list li:hover a {
    background: #2c70ed;
    color: #fff
}

.casenr_box .case_navbox_l .list li.on a {
    background: #2c70ed;
    color: #fff
}

.casenr_box .list_box_r {
    width: 60em;
    float: right;
    overflow: visible
}

.casenr_box .list_box_r .list {
    width: 100%;
    height: auto;
    overflow: visible
}

.casenr_box .list_box_r .list li {
    width: calc(100%/3 - 0.83em);
    height: auto;
    display: inline-block;
    vertical-align: top;
    margin-right: 1.24em;
    margin-bottom: 1.24em;
    box-shadow: 0 0 .625em rgba(51,51,51,.2)
}

.casenr_box .list_box_r .list li img {
    min-width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%
}

.casenr_box .list_box_r .list li:nth-child(3n) {
    margin-right: 0
}

.casenr_box .list_box_r .list li .himg {
    width: 100%;
    height: 13.8em;
    display: block
}

.casenr_box .list_box_r .list li .small {
    padding: 0 1.5em
}

.casenr_box .list_box_r .list li .small p {
    font-size: 1.5em;
    margin-top: 1.2em;
    line-height: 1em
}

.casenr_box .list_box_r .list li .small small {
    font-size: .875em;
    color: #999;
    line-height: 1.75em;
    display: block;
    height: 5.25em;
    overflow: hidden;
    margin-top: 1em
}

.casenr_box .list_box_r .list li .small .more {
    width: 6.87em;
    height: 2em;
    line-height: 2em;
    text-align: center;
    background: #2c70ed;
    display: block;
    margin-top: 1.25em;
    margin-bottom: 2em;
    color: #fff;
    box-shadow: 0 .31em .65em rgba(44,112,237,.3)
}

.casenr_box .list_box_r .list li .small .more font {
    font-size: .875em
}

.page {
    text-align: left;
    margin-bottom: 2em;
    margin-top: 2.12em;
    text-align: center
}

.page a {
    text-align: center;
    width: 1.8em;
    height: 1.8em;
    display: inline-block;
    margin-left: .3em;
    color: #333;
    line-height: 1.8em;
    background: none;
    color: #333
}

.page a.on {
    background: #2c70ed;
    color: #fff
}

.page a:hover {
    background: #2c70ed;
    color: #fff
}

.cases_title_box h3 {
    font-weight: normal;
    font-size: 2.62em;
    text-align: center
}

.cases_title_box p {
    font-size: .875em;
    text-align: center;
    color: #53a9f2;
    margin-top: 2em;
    padding-bottom: 2em;
    border-bottom: 1px solid #dedede
}

.cases_title_box p a {
    color: #53a9f2
}

.cases_nr_box {
    line-height: 200%;
    margin-top: 2em
}

.cases_nr_box img {
    max-width: 100%
}

.pageon {
    width: 100%;
    max-width: 1200px;
    height: 3.57em;
    margin-top: 2em
}

.pageon p {
    width: 45%;
    height: 100%;
    line-height: 3.57em;
    background: #f6f6f6;
    font-family: icon
}

.pageon p font {
    display: inline-block;
    padding: 0 1em;
    background: #e4e4e4;
    margin-right: 1em
}

.pageon p:first-child {
    float: left
}

.pageon p:last-child {
    float: right;
    text-align: right
}

.pageon p:last-child font {
    margin-right: 0;
    margin-left: 1em
}

.icd_newsbox {
    background: #f3f3f3;
    padding-top: 6.25em;
    padding-bottom: 6em
}

.newscrumbs {
    height: 4.28em;
    line-height: 4.28em;
    max-width: 71.42em;
    margin: 0 auto;
    font-family: icon;
    font-size: .875em
}

.newscrumbs span {
    font-size: .875em
}

.newscrumbs a {
    color: #2c70ed
}

.news_allbox {
    width: 100%;
    height: auto;
    max-width: 62.5em;
    margin: 0 auto
}

.news_l_box {
    width: 42.875em;
    height: auto;
    float: left
}

.news_tia_box {
    width: 100%;
    height: 21.8em
}

.news_tia_box .himg {
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden
}

.news_tia_box .himg p {
    height: 3.5em;
    line-height: 3.5em;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: rgba(0,0,0,.3);
    color: #fff;
    text-indent: 2em
}

.news_l_box .list {
    width: 100%;
    margin-top: 1.25em
}

.news_l_box .list.taglist {
    margin-top: 0
}

.news_l_box .list li {
    width: calc(100% - 2px - 3.5em);
    padding: 2em 1.75em;
    border: 1px solid #e6e6e6;
    background: #fff;
    margin-bottom: 1.25em
}

.news_l_box .list li .title a {
    color: #666;
    font-size: 1.125em
}

.news_l_box .list li .tag {
    margin-bottom: .5em
}

.news_l_box .list li .tag a {
    display: inline-block;
    vertical-align: top;
    font-size: .75em;
    color: #999;
    padding: .4em .875em;
    background: #f4f4f4;
    margin: 1em 0;
    margin-left: .375em
}

.news_l_box .list li .tag a:hover {
    background: #257af5;
    color: #fff
}

.news_l_box .list li .himg {
    width: 13em;
    height: 8em;
    display: block;
    overflow: hidden;
    float: left;
    margin-right: 1.75em
}

.news_l_box .list li small {
    font-size: .875em;
    color: #999;
    line-height: 2em;
    display: block;
    height: 6em;
    overflow: hidden
}

.news_l_box .list li .pmore {
    font-size: .875em;
    margin-top: 1em;
    color: #ccc
}

.news_l_box .list li .pmore a {
    color: #2c70ed
}

.news_r_box {
    width: 18.5em;
    height: auto;
    float: right
}

.right_box {
    width: calc(100% - 2px - 3.5em);
    padding: 1.6em 1.75em;
    border: 1px solid #e6e6e6;
    background: #fff
}

.right_box .title font {
    font-size: 1.125em
}

.right_box .title:after {
    content: '';
    width: 4.37em;
    height: 3px;
    display: block;
    background: #1790ed;
    margin-top: .62em
}

.news_r_tia .list {
    width: 100%;
    height: auto
}

.news_r_tia .list li {
    margin-top: 1.25em
}

.news_r_tia .list li a {
    font-size: .875em;
    color: #666
}

.news_r_tia .list li a:hover {
    color: #1790ed
}



.news_r_time {
    margin-top: 1.25em
}

.news_r_time .list li {
    margin-top: 1.25em
}

.news_r_time .list li a {
    font-size: .875em;
    color: #666
}

.news_r_time .list li a:hover {
    color: #1790ed
}

.news_r_app {
    margin-top: 1.25em
}

.r_wechat_box {
    width: 6.5em;
    height: 6.5em;
    position: relative;
    margin: 0 auto;
    margin-top: 1.375em
}

.r_wechat_box img {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    transform: translateY(50%)
}

.r_wechat_box img.on {
    opacity: 1;
    transform: translateY(0%)
}

.appdowlod {
    margin-top: 1em
}

.appdowlod span {
    width: 6.5em;
    height: 1.875em;
    display: block;
    text-align: center;
    line-height: 1.875em;
    margin: 0 auto;
    border-radius: 1em;
    cursor: pointer
}

.appdowlod span.on {
    background: #2c70ed;
    color: #fff
}

.appdowlod span:hover {
    background: #2c70ed;
    color: #fff
}

.appdowlod span:last-child {
    margin-top: .5em
}

.news_r_tag {
    margin-top: 1.25em
}

.news_r_tag .list {
    width: 100%;
    height: auto;
    margin-top: .8em
}

.news_r_tag .list li {
    height: 1.75em;
    line-height: 1.75em;
    padding: 0 1em;
    background: #f4f4f4;
    display: inline-block;
    vertical-align: top;
    margin-top: .62em;
    margin-left: .3875em
}

.news_r_tag .list li a {
    font-size: .875em;
    color: #666
}

.news_nr_box {
    width: calc(100% - 2px - 3.5em);
    border: 1px solid #e6e6e6;
    background: #fff;
    padding: 3.3em 1.75em
}

.news_nr_box .title {
    font-size: 2.25em;
    font-weight: normal;
    text-align: left
}

.news_nr_box .nr_tag {
    width: 100%;
    margin: 2em 0
}

.news_nr_box .nr_tag li {
    display: inline-block;
    height: 1.5em;
    line-height: 1.5em;
    text-align: center;
    padding: 0 .875em;
    margin-right: .375em
}

.news_nr_box .nr_tag li.tagli {
    background: #f4f4f4
}

.news_nr_box .nr_tag li.tagli:hover {
    background: #1790ed
}

.news_nr_box .nr_tag li.tagli:hover a {
    color: #fff
}

.news_nr_box .nr_tag li font,.news_nr_box .nr_tag li a {
    font-size: .875em;
    color: #ccc
}

.news_nr_text {
    line-height: 250%
}

.news_nr_text img {
    max-width: 100%
}

.news_page {
    border-top: 1px solid #e6e6e6;
    margin-top: 3em
}

.news_page p {
    margin-top: 1em;
    font-size: .875em
}

.bzzx_search {
    height: 23.37em;
    width: 100%;
    margin-top: 6.3em;
    background: url(/static/index/web/images/bzzx1.jpg) no-repeat center center;
    position: relative
}

.bzzx_search .bz_search {
    width: 62.7em;
    height: 4.7em;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto
}

.bzzx_search .bz_search:after {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
    opacity: .5
}

.bzzx_search .bz_search .bz_search_box {
    height: calc(100% - 1.1em);
    width: calc(100% - 1.1em);
    background: #fff;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    margin: auto
}

.bzzx_search .bz_search .bz_search_box input {
    width: 100%;
    max-width: calc(100% - 3.6em);
    margin: 0;
    padding: 0;
    border: 0;
    height: 100%;
    text-indent: 1.62em;
    outline: 0
}

.bz_search_sub {
    width: 3.6em;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
    line-height: 3.6em;
    font-family: icon;
    cursor: pointer
}

.bz_search_sub font {
    font-size: 2em;
    color: #2c70ed
}

.bzzx_all_box {
    background: #f7f7f7
}

.bzzx_all_box .current {
    font-family: icon;
    font-size: .875em;
    height: 4em;
    line-height: 4em;
    width: 100%;
    max-width: 71.42em;
    margin: 0 auto;
    color: #999
}

.bzzx_all_box .current span {
    font-size: .875em;
    color: #999
}

.bzzx_all_box .current a {
    color: #999
}

.bzzx_all_box .current a:hover {
    color: #2c70ed
}

.bzzx_center {
    width: calc(100% - 2px);
    max-width: 62.5em;
    margin: 0 auto;
    background: #fff;
    border: 1px solid #f2f2f2;
    margin-bottom: 3em
}

.bzzx_l_box {
    width: 14.25em;
    height: auto;
    border-right: 1px solid #f2f2f2;
    float: left
}

.bzzx_l_box .bzxx_title {
    height: 7em;
    text-align: center;
    line-height: 7em;
    font-family: icon
}

.bzzx_l_box .bzxx_title span {
    font-size: 1.5em
}

.bzzx_l_box .bzxx_title span font {
    color: #2c70ed
}

.bzzx_l_box .list {
    width: 100%
}

.bzzx_l_box .list li {
    width: 100%;
    height: auto;
    font-family: icon;
    position: relative
}

.bzzx_l_box .list li .lia {
    width: 100%;
    height: 3em;
    line-height: 3em;
    display: block;
    text-indent: 2.62em;
    border-top: 1px solid #f2f2f2;
    position: relative;
    cursor: pointer
}

.bzzx_l_box .list li .lia:after {
    content: ' \e707';
    display: block;
    position: absolute;
    right: 1em;
    top: 0
}

.bzzx_l_box .list li:after {
    content: '';
    width: .25em;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background: #2c70ed;
    opacity: 0
}

.bzzx_l_box .list li.on:after {
    opacity: 1
}

.bzzx_l_box .list li.on .lia {
    color: #2c70ed
}

.bzzx_l_box .list li.on .lia:after {
    color: #2c70ed
}

.bzzx_l_box .list li:hover:after {
    opacity: 1
}

.bzzx_l_box .list li .sub {
    display: none
}

.bzzx_l_box .list li.on .sub {
    display: block
}

.bzzx_l_box .list li .sub a {
    height: 2.85em;
    line-height: 2.85em;
    width: 100%;
    display: block;
    text-align: center;
    font-size: .875em;
    color: #666;
    position: relative
}

.bzzx_l_box .list li .sub a.on,.bzzx_l_box .list li .sub a:hover {
    background: #f6f9ff
}

.bzzx_l_box .list li .sub a.on:after,.bzzx_l_box .list li .sub a:hover:after {
    opacity: 1
}

.help_nr_box {
    /*width: calc(100% - 14.25em - 1px - 6em);*/
      width: calc(100% - 14.25em);
    height: auto;
    float: right;
    padding: 6.8em 3em;
    line-height: 200%
}

.help_nr_box .title {
    font-size: 1.5em;
    text-align: center;
    line-height: 1.5em;
    margin-bottom: 1.25em
}

.help_nr_box img {
    max-width: 100%
}

.help_nr_box .list {
    width: 100%;
    height: auto
}

.help_nr_box .list li {
    height: 3.12em;
    padding: 0 1.5em;
    line-height: 3.12em;
    font-family: icon
}

.help_nr_box .list li:before {
    content: '';
    color: #246ae7
}

.help_nr_box .list li:hover {
    background: #f7fafe
}

.aboutnav {
    width: 100%;
    height: 4.75em;
    border-bottom: 2px solid #f7f7f7;
    z-index: 2;
    position: relative
}

.aboutnav .center {
    width: 100%;
    max-width: 80em;
    height: 100%;
    line-height: 4.75em;
    margin: 0 auto;
    position: relative
}

.aboutnav .center .nav {
    display: inline-block;
    position: relative;
    left: 50%;
    transform: translateX(-50%)
}

.aboutnav .center .nav a {
    display: inline-block;
    vertical-align: top;
    padding: 0 2em;
    font-size: 1.25em
}

.aboutnav .center .nav a.on {
    background: #3d90f3;
    color: #fff
}

.aboutnav .center .current {
    font-family: icon;
    line-height: 1.75em;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: .875em
}

.aboutnav .center .current span {
    font-size: .875em
}

.qyjj_box {
    width: 100%;
    max-width: 80em;
    height: auto;
    margin: 0 auto;
    padding-top: 11.3em;
    transform: translateY(-6.3em)
}

.aboutall_box .title {
    font-size: 1.875em;
    text-align: center
}

.aboutall_box .en {
    text-align: center;
    font-size: 1.125em;
    line-height: 2em
}

.aboutall_box .en:after {
    content: ' ';
    width: 1.375em;
    height: .2em;
    display: block;
    background: #2c70ed;
    margin: 0 auto;
    margin-top: .5em
}

.qyjj_box .text {
    line-height: 200%;
    margin-top: 2em
}

.qyxx_box {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 5em 0;
    background: #f3f3f3;
    padding-top: 7.3em
}

.qyxx_box .list {
    width: 100%;
    max-width: 80em;
    height: 31em;
    margin: 0 auto;
    margin-top: 3em;
    position: relative
}

.qyxx_box .list li {
    display: inline-block;
    vertical-align: top;
    height: 15em
}

.qyxx_box .list li:nth-child(1) {
    width: 31.3em
}

.qyxx_box .list li:nth-child(2) {
    width: 31.4em;
    margin-left: 1em
}

.qyxx_box .list li:nth-child(3) {
    width: 15.25em;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0
}

.qyxx_box .list li:nth-child(4) {
    width: 15.25em;
    position: absolute;
    left: 0;
    bottom: 0
}

.qyxx_box .list li:nth-child(5) {
    width: 31.25em;
    position: absolute;
    left: 16.25em;
    bottom: 0
}

.qyxx_box .list li:nth-child(6) {
    width: 15.25em;
    position: absolute;
    right: 16.25em;
    bottom: 0
}

.honor_box {
    padding-top: 7.3em;
    transform: translateY(-6.3em);
    padding-bottom: 5em
}

.honor_box .list {
    width: 100%;
    max-width: 80em;
    height: auto;
    margin: 2em auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.honor_box .list li {
    width: calc(100%/5 - 1.6em)
}

.honor_box .list li span {
    width: 100%;
    height: 19.375em;
    display: block;
    overflow: hidden
}

.honor_box .list li p {
    line-height: 3em;
    text-align: center;
    margin-top: -71px;
    position: absolute;
    z-index: 999;
    width: 14.25em
}

.honor_box .more {
    width: 6.875em;
    height: 2em;
    line-height: 2em;
    text-align: center;
    background: #2c70ed;
    display: block;
    color: #fff;
    margin: 2em auto;
    border-radius: .2em;
    box-shadow: 0 .625em .65em rgba(44,112,237,.5)
}

.honor_nr {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    overflow: hidden
}

.honor_nr:after {
    content: ' ';
    width: 100%;
    height: 100%;
    display: block;
    background: rgba(0,0,0,.5);
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1
}

.return {
    width: 5em;
    height: 5em;
    display: block;
    background: #2c70ed;
    position: absolute;
    right: 1em;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-family: icon
}

.return font {
    font-size: 2em;
    color: #fff
}

.honor_nrqy {
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background: #fff;
    transform: translateX(50%);
    opacity: 0
}

.honor_nrqy.on {
    transform: translateX(0%);
    opacity: 1;
    overflow-y: auto
}

.honor_nrqy .honor_aotu {
    width: 100%;
    height: auto;
    overflow: auto
}

.honor_nrqy .list {
    width: calc(100% - 20em);
    margin: 6em auto
}

.honor_nrqy .list li {
    display: inline-block;
    vertical-align: top;
    width: calc(100%/5 - 1.5em);
    margin-right: 1.875em;
    margin-bottom: 2.3em
}

.honor_nrqy .list li:nth-child(5n) {
    margin-right: 0
}

.honor_nrqy .list li span {
    width: 100%;
    height: 23.375em;
    display: block;
    overflow: hidden
}

.honor_nrqy .list li span:hover img {
    transform: scale(1,1)
}

.honor_nrqy .list li p {
    text-align: center;
    line-height: 3em
}

.fzlc_box {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding-top: 7.3em;
    transform: translateY(-6.3em);
    background: #f3f3f3;
    padding-bottom: 5em
}

.fzlc_box_hidden {
    width: 100%;
    max-width: 80em;
    height: auto;
    margin: 2em auto
}

.fzlc_box_hidden .fzlc_icon {
    font-family: icon;
    text-align: center;
    font-size: 2em;
    color: #cfcfcf
}

.fzlc_box_hidden .list {
    width: 100%;
    height: auto;
    position: relative
}

.fzlc_box_hidden .list:after {
    content: '';
    width: 1px;
    height: 100%;
    display: block;
    background: #cfcfcf;
    position: absolute;
    left: 50%;
    top: 0
}

.fzlc_box_hidden .list li {
    background: #fff;
    width: 32.6em;
    padding: 3em 2em;
    background: #fff;
    float: left;
    margin-top: 10%;
    position: relative;
    overflow: visible;
    font-family: icon;
    box-shadow: 0 0 .625em rgba(51,51,51,.1)
}

.fzlc_box_hidden .list li:nth-child(1) {
    margin-top: 0
}

.fzlc_box_hidden .list li:nth-child(2n) {
    float: right
}

.fzlc_box_hidden .list li h3 {
    font-size: 2.25em;
    color: #2c70ed;
    font-weight: normal;
    line-height: 1em;
    padding-bottom: .6em;
    border-bottom: 1px dashed #dedede
}

.fzlc_box_hidden .list li .lb {
    margin-top: 1.25em;
    padding-bottom: 1.25em;
    border-bottom: 1px dashed #dedede
}

.fzlc_box_hidden .list li .lih {
    margin-top: .625em
}

.fzlc_box_hidden .list li .lih span {
    width: 1.875em;
    height: 1.875em;
    display: inline-block;
    overflow: hidden;
    position: relative;
    vertical-align: middle
}

.fzlc_box_hidden .list li .lih span img {
    width: 100%;
    height: 100%
}

.fzlc_box_hidden .list li .lih font {
    display: inline-block;
    vertical-align: middle;
    color: #2c70ed;
    margin-left: 1em;
    height: 100%;
    margin-right: 1em
}

.fzlc_box_hidden .list li .lih small {
    display: inline-block;
    vertical-align: top;
    font-size: 1em;
    width: 22.5em;
    line-height: 2em
}

.fzlc_box_hidden .list li .fzlc_text {
    line-height: 175%;
    margin-top: 1em
}

.fzlc_box_hidden .list li:after {
    content: '';
    width: 0;
    height: 0;
    border-top: .62em solid transparent;
    border-bottom: .62em solid transparent;
    border-left: .875em solid #fff;
    position: absolute;
    right: -.62em;
    bottom: 0;
    top: 0;
    margin: auto 0
}

.fzlc_box_hidden .list li:nth-child(2n):after {
    border-top: .62em solid transparent;
    border-bottom: .62em solid transparent;
    border-right: .875em solid #fff;
    right: auto;
    left: -.62em;
    border-left: 0
}

.fzlc_box_hidden .list li:before {
    content: '\e71e';
    font-size: 2em;
    display: inline-block;
    position: absolute;
    right: -2.25em;
    z-index: 1;
    color: #1e65e9;
    top: 50%;
    transform: translateY(-50%)
}

.fzlc_box_hidden .list li:nth-child(2n):before {
    right: auto;
    left: -2.2em
}

.hzhb_box {
    padding: 5em 0;
    padding-top: 7.3em;
    transform: translateY(-6.3em);
    padding-bottom: 0
}

.hzhb_box .list {
    width: 100%;
    max-width: 80em;
    margin: 2em auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.hzhb_box .list li {
    width: calc(100%/5 - 2px - 1em);
    height: 7.375em;
    border: 1px solid #e6e6e6;
    position: relative;
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 1.1em
}

.hzhb_box .list li img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    z-index: -1;
    left: -200%;
    top: -200%;
    right: -200%;
    bottom: -200%;
    margin: auto
}

.lxwm_box {
    width: 100%;
    height: 51em;
    position: relative;
    padding-top: 6.3em
}

.map {
    width: 100%;
    height: 100%
}

#map img {
    max-width: none
}

#map div {
    overflow: visible
}

.contact_mapbox {
    height: 100%;
    width: 100%;
    position: relative
}

.contact_mapbox .maponlink {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    background: rgba(0,0,0,.3)
}

.lxwm_l_box {
    width: 48em;
    height: calc(100% - 6.3em);
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(0,0,0,.5);
    z-index: 3
}

.lxwm_height {
    height: 8.12em;
    width: 100%;
    position: relative
}

.lxwm_height.margin {
    margin-top: 2.25em
}

.lxwm_height h3 {
    color: #fff;
    font-size: 1.875em;
    font-weight: normal;
    text-indent: 5em;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.lxwm_height h3:after {
    content: '';
    width: .8em;
    height: 3px;
    display: block;
    background: #fff;
    margin-top: .3em;
    margin-left: 5em
}

.lxwm_l_box .list {
    height: 8.12em;
    width: 100%;
    position: relative;
    font-family: icon
}

.lxwm_l_box .list:hover {
    background: #2c70ed
}

.lxwm_l_box .list:after {
    content: '\e707';
    display: inline-block;
    font-size: 1.5em;
    color: #fff;
    position: absolute;
    left: 2em;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: 1.5em;
    height: 1.5em;
    text-align: center;
    line-height: 1.5em;
    opacity: 0
}

.lxwm_l_box .list:hover:after {
    opacity: 1
}

.lxwm_l_box .list.on {
    background: #2c70ed
}

.lxwm_l_box .list.on:after {
    opacity: 1
}

.lxwm_l_box .list span {
    display: block;
    width: calc(100% - 9.375em);
    height: auto;
    color: #fff;
    position: relative;
    left: 9.375em;
    bottom: 0;
    top: 50%;
    transform: translateY(-50%)
}

.lxwm_l_box .list span .name {
    font-size: 1.375em;
    font-weight: normal
}

.lxwm_l_box .list span .addr,.lxwm_l_box .list span .tel {
    font-size: .875em;
    margin-top: .5em;
    line-height: 1.75em
}

.seacher_box {
    width: 100%;
    min-height: 30em
}

.shacher_maxw {
    width: calc(100% - 4em);
    max-width: 85em;
    margin: 0 auto;
    padding: 2em
}

.shacher_maxw .shacg {
    line-height: 3em;
    padding-bottom: 1em;
    border-bottom: 2px solid #2c70ed;
    color: #2c70ed
}

.shacher_maxw .shacg span {
    font-size: 3em
}

.shacher_maxw .shacg font {
    font-size: 1.5em;
    float: right
}

.shacher_ul li {
    padding: 2em 0;
    border-bottom: 1px dashed #2c70ed;
    position: relative
}

.shacher_ul li .shacher_more {
    width: 7.5em;
    height: 2.5em;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 1em;
    top: 0;
    bottom: 0;
    margin: auto 0;
    background: #2c70ed;
    text-align: center;
    border-radius: .5em;
    color: #fff
}

.shacher_ul li .shacher_more:hover {
    background: #2c70ed
}

.shacher_ul li:last-child {
    border-bottom: 0
}

.shacher_ul .null {
    font-size: 3em;
    text-align: center;
    color: #999;
    margin-top: 3em
}

.casenr_box .case_navbox_l .list li:nth-child(3) {
   /* display: none*/
}

@media screen and (max-width: 1700px) {
    body {
        font-size:14px
    }
}

@media screen and (max-width: 1460px) {
    body {
        font-size:12px
    }

    .web_nav {
        display: block
    }

    .header_lx {
        width: 13em
    }

    .footer_dh {
        width: 13em
    }

    .ds_wtt_box .box small {
        padding: 0 1.5em
    }

    .zf_xt_box .list li small {
        padding: 0 1.5em
    }

    .zf_xt_box .box span {
        margin-right: 1em
    }

    .telbox small {
        padding: 0 1.5em;
        margin-top: .5em
    }

    .telbg1,.telbg2,.telbg3,.telbg4,.telbg5 {
        background-size: 40%
    }

    .cti_gn_box .box .list li {
        padding: .8em 1em;
        width: calc(19.7em - 4em);
        height: calc(7em - 1.6em - 2px);
        margin-top: 1em
    }

    .sz_fa_box .list li {
        height: 22.37em
    }

    .dk_td_box .list {
        height: 28em
    }

    .dk_td_box .list li small {
        padding: 0 1em
    }

    .dx_zf_box .list li {
        width: 18.5em
    }

    .dx_zf_box .list li:nth-child(2) {
        margin: 0 11em
    }

    .in_adv_more .list small {
        overflow: visible
    }

    .in_adv_more .list small {
        padding-right: 2em;
        padding-left: 5.25em;
        height: auto
    }

    .zf_cp_box .list {
        margin-top: 35em
    }

    .sz_fa_box .list li small {
        padding: 0 1em
    }

    .sz_sj_box .box .box_nav .list li .img img {
        max-width: 80%
    }

    .windows .box .boxnr.windows_dh {
        width: 13em
    }

    .in_problen_nr .list img {
        max-width: 18.62em
    }

    .sub_box .nav:nth-child(2) li {
        width: 18em
    }

    .sub_box .nav:nth-child(3).on {
        left: 22.2em
    }

    .sub_box .nav:nth-child(6).on {
        left: 39.15em;
        width: 36em
    }

    .banner_bottom .box {
        max-width: 80em
    }

    .banner_bottom .box .list .text {
        width: 15.75em
    }

    .cti_why_box .box .text div {
        margin-top: 1em
    }

    .qy_fa_box .list li .icon span {
        font-size: 4em
    }

    .top_center {
        left: 20em
    }

    .logo {
        left: 1em
    }

    .sub_box .nav:nth-child(5).on {
        left: 30em
    }
}

@media screen and (max-width: 800px) {
    body {
        min-width:100%;
        font-size: 12px
    }

    .nr_banner {
        height: 35em
    }

    .nr_banner.mob {
        height: 30em
    }

    .nr_banner.mobheight {
        height: 33em
    }

    .nr_banner.mobheight2 {
        height: 35em
    }

    .top_center {
        display: none
    }

    .header_both {
        display: none
    }

   /* .windows {
        display: none
    }*/

    .web_menu {
        font-family: icon;
        height: 3em;
        width: 3em;
        text-align: center;
        line-height: 3em;
        position: absolute;
        right: 1.5em;
        top: 0;
        bottom: 0;
        margin: auto 0;
        display: block
    }

    .in_onebox {
        height: auto
    }

    .web_menu font {
        font-size: 2em;
        color: #fff
    }

    .web_menubox {
        width: 18em;
        height: 100%;
        position: fixed;
        right: 0;
        top: 0;
        z-index: 99;
        background: #fff;
        box-shadow: -2px 0 5px rgba(0,0,0,.1);
        transform: translateX(105%);
        display: block;
        overflow: auto
    }

    .web_menubox.on {
        transform: translateX(0%)
    }

    .web_close {
        height: 5.62em;
        width: 100%;
        position: relative
    }

    .web_close span {
        width: 2em;
        height: 2em;
        display: block;
        text-align: center;
        line-height: 2em;
        font-family: icon;
        position: absolute;
        right: 2.5em;
        top: 1em
    }

    .web_close span font {
        font-size: 1.5em;
        color: #2f5ebc
    }

    .web_nav {
        width: 100%
    }

    .web_nav li {
        width: 100%;
        min-height: 4em;
        border-bottom: 1px solid #e5e5e5;
        font-family: icon
    }

    .web_nav li p.classA {
        font-size: 1.25em;
        line-height: 4em;
        position: relative;
        text-indent: 2em;
        padding: .3em 0
    }

    .web_nav li p.classA font {
        position: absolute;
        display: block;
        right: 1em;
        top: 0;
        bottom: 0;
        margin: auto 0;
        width: 1em;
        height: 1em;
        text-align: center;
        line-height: 1em;
        text-indent: 0;
        color: #999
    }

    .web_nav li:nth-child(1) p.classA font {
        display: none
    }

    .three_loopbox p {
        margin-bottom: .4em
    }

    .web_nav li .web_classb {
        margin-top: -.5em;
        display: none;
        animation: fade-in .4s
    }

    .web_nav li .web_classb .web_classbp .classba {
        display: block;
        font-size: 1.22em;
        line-height: 3em;
        text-indent: 2.5em;
        color: #888
    }

    .classc {
        display: none;
        animation: fade-in .4s
    }

    .classc a {
        display: block;
        font-size: 1.17em;
        text-indent: 3em;
        line-height: 2.5em;
        color: #888
    }

    .web_nav li.on .web_classb {
        display: block;
        color: #2f5ebc
    }

    .web_nav li.on .web_ahref {
        color: #2f5ebc
    }

    .web_nav li.on p.classA font {
        transform: rotate(90deg);
        color: #2f5ebc
    }

    .web_nav li.on .web_classbp.on .classc {
        display: block
    }

    .web_nav li.on .web_classbp.on .classba {
        color: #2f5ebc
    }

    .bannerbox {
        height: 45em
    }

    .banner_ul li .box {
        height: 100%
    }

    .banner_ul li .halo img {
        max-width: 100%;
        min-height: auto;
        height: 100%;
        left: 0;
        right: 0;
        margin: auto
    }

    .banner_ul li .text {
        width: 90%;
        height: auto;
        left: 0;
        right: 0;
        margin: 0 auto;
        bottom: 0;
        z-index: -1;
        opacity: .7
    }

    .banner_ul li .box .mobile {
        height: auto;
        position: absolute;
        top: 9em;
        text-align: center;
        width: 100%;
        z-index: 1;
        overflow: visible
    }

    .banner_ul li .box .mobile span {
        margin-top: 1em;
        font-size: 1.5em;
        width: 100%;
        margin-bottom: 1em
    }

    .banner_ul li .box .mobile h3 {
        font-size: 2.5em;
        font-weight: bold;
        width: 100%;
        margin-top: 1em
    }

    .banner_ul li .box .mobile p {
        font-size: 1.4em;
        width: calc(100% - 4em);
        margin: 0 auto;
        margin-top: 1em
    }

    .banner_ul li .box .mobile .urlmore {
        margin: 0 auto;
        margin-top: 2em;
        width: 16.5em;
        box-shadow: 0 0 .625em rgba(0,0,0,.7)
    }

    .in_prduct {
        padding: 2em 0
    }

    .prduct_all {
        flex-wrap: initial;
        overflow-x: auto
    }

    .prduct_all li {
        width: 14em
    }

    .prduct_all li a span {
        width: 100%
    }

    .prduct_all li a span {
        margin-top: 0
    }

    .prduct_all li a span font {
        font-size: 3em
    }

    .prduct_all li a small {
        padding: 0 1em
    }

    .prduct_all li:after {
        display: none
    }

    .prduct_nav {
        flex-wrap: initial
    }

    .prduct_nav {
        display: block;
        width: calc(100% - 4em);
        margin: 0 auto
    }

    .prduct_nr {
        display: none
    }

    .prduct_nr.on {
        display: block
    }

    .prduct_nav li {
        width: 100%
    }

    .in_problem_center {
        padding: 2em 0
    }

    .in_problen_nav h3 {
        text-align: center
    }

    .in_problen_nav .in_problen_en {
        text-align: center
    }

    .in_problen_nav {
        position: static;
        transform: translateY(0%)
    }

    .problen_title {
        display: inline-block;
        padding: 0 1em;
        width: auto
    }

    .problen_title:before {
        display: none
    }

    .probtitle_box {
        white-space: nowrap;
        overflow-x: auto;
        margin-top: 2em
    }

    .in_problen_box {
        width: 100%;
        height: auto
    }

    .in_problen_nr .list img {
        position: static;
        max-width: 100%;
        display: block;
        max-height: 13.3em;
        margin: 0 auto
    }

    .in_problen_nr .list .text {
        position: static;
        transform: translateY(0%);
        margin-top: 2em
    }

    .in_problen_nr .list .text p {
        font-size: 1.8em;
        padding: 0 1.14em
    }

    .in_problen_nr .list .text small {
        font-size: 1em;
        padding: 0 2em
    }

    .in_problen_nr .list .text .porblen_more {
        margin-top: 2em;
        margin-left: 2em
    }

    .in_adv_kuai {
        display: none
    }

    .in_advbox {
        padding: 2em 0
    }

    .in_adv_more {
        width: calc(100% - 2em);
        margin: 0 auto;
        margin-top: 2em
    }

    .in_adv_more .list {
        width: 100%
    }

    .in_adv_more .list span {
        margin-right: 0
    }

    .in_zhengming {
        height: auto
    }

    .in_zm {
        height: auto
    }

    .in_zm .list {
        width: 50%;
        margin-bottom: 2em
    }

    .in_zm .list .zm_icon {
        display: none
    }

    .in_zm .list:nth-child(2) {
        width: 50%
    }

    .in_all_title h3 {
        font-size: 2em;
        padding: 0 2em
    }

    .mobliexz img {
        max-width: 100%;
        margin: 2em auto;
        height: auto;
        display: block
    }

    .in_xz_box {
        padding-bottom: 2em
    }

    .in_xz_box .margintop {
        margin-top: 2em
    }

    .in_news_box {
        padding: 2em 0
    }

    .news_box_center {
        height: auto
    }

    .news_dt {
        float: none;
        margin: 0 auto;
        margin-bottom: 2em
    }

    .news_dt:last-child {
        margin: 0 auto
    }

    footer {
        margin-top: 2em
    }

    .footer_lx {
        height: 9em
    }

    .footer_lx h3 {
        font-size: 1.5em;
        margin-top: 1em
    }

    .footerul {
        display: none
    }

    .footer_bottom {
        padding: 2em 0
    }

    .lxwm {
        margin-left: 2em
    }

    .gzwm {
        right: 2em
    }

    .gzwm p {
        font-size: .875em
    }

    .friendlink {
        display: none
    }

    .td_box {
        padding: 2em 0
    }

    .td_box .kftitle {
        margin-bottom: 1em
    }

    .td_box .box {
        float: none;
        margin: 0 auto;
        margin-bottom: 2em;
        height: auto;
        padding-bottom: 2em
    }

    .td_box .box span {
        font-size: 4em;
        margin-top: 0
    }

    .td_box .box small {
        position: static;
        opacity: 1;
        transform: translateY(0);
        color: #999;
        display: block;
        width: calc(100% - 2em);
        padding: 0 1em;
        margin-top: 2em;
        font-size: 1em
    }

    .td_box .box:nth-child(3n) {
        margin: 0 auto;
        margin-bottom: 2em
    }

    .zc_box .kftitle {
        margin: 1em 0
    }

    .zc_box {
        height: auto
    }

    .xmzc_img {
        display: none
    }

    .zc_box .box {
        height: auto
    }

    .zc_box .list {
        width: calc(100% - 4em);
        margin: 0 auto;
        position: static
    }

    .xt_box {
        padding: 2em 0
    }

    .xt_box .kftitle {
        margin-bottom: 1em
    }

    .xt_box {
        width: calc(100% - 4em);
        padding: 2em
    }

    .xt_box .box {
        width: calc(100% - 4em);
        height: auto;
        padding: 2em
    }

    .xt_box .box .icon {
        display: none
    }

    .xt_box .box p {
        margin-top: 0
    }

    .xt_box .box:nth-child(3),.xt_box .box:nth-child(5) {
        margin-left: 0
    }

    .xt2_box .box {
        float: none;
        margin: 2em auto
    }

    .xt2_box .box:last-child {
        margin: 2em auto
    }

    .xt2_box {
        padding: 2em 0
    }

    .fa_box .kftitle {
        margin-top: 2em;
        font-size: 1.8em
    }

    .fa_box .list {
        height: auto
    }

    .fa_box .list li {
        height: 9em;
        width: 9em;
        margin: 0 .5em;
        margin-bottom: 2em
    }

    .fa_box .list li:before {
        width: 8.2em;
        height: 8.2em
    }

    .fa_box {
        height: auto
    }

    .ds_wt_box {
        padding: 2em 0;
        text-align: center
    }

    .ds_wt_box .box {
        margin: 1em
    }

    .ds_wt_box .box:last-child {
        margin: 1em
    }

    .ds_wt_box .box {
        width: 12em;
        height: 12em;
        text-align: center
    }

    .ds_wt_box .kftitle {
        margin-bottom: 1em;
        font-size: 2em
    }

    .ds_wt_box .box span {
        font-size: 3em;
        margin-top: .5em
    }

    .ds_wt_box .box p {
        font-size: 1em;
        line-height: 1.75em
    }

    .ds_wt_box .box small {
        width: calc(100% - 1em);
        height: calc(100% - 1em);
        padding: .5em;
        line-height: 1.75em;
        text-align: left
    }

    .ds_wt_box .box font {
        display: none
    }

    .ds_wtt_box {
        margin-top: 2em
    }

    .ds_wtt_box .box {
        margin-bottom: 0;
        padding-bottom: 0
    }

    .ds_td_box {
        background-size: cover;
        margin-top: 2em;
        padding: 2em 0
    }

    .ds_td_box .box {
        width: calc(100%/2 - 2em);
        display: inline-block;
        margin-right: 0;
        height: 26em;
        margin: 0 .5em;
        margin-bottom: 2em
    }

    .ds_td_box .box span {
        width: 8em;
        height: 8em;
        line-height: 8em
    }

    .ds_td_box .kftitle {
        margin-bottom: 1em
    }

    .ds_td_box .box span font {
        font-size: 4em
    }

    .ds_td_box .box h3 {
        font-size: 1.25em
    }

    .ds_td_box .box p {
        text-indent: 1em
    }

    .ds_gn_box {
        padding: 2em 0
    }

    .ds_gn_box .list {
        width: calc(100% - 2em);
        margin: 2em auto
    }

    .zf_xt_box {
        padding: 2em 0
    }

    .zf_xt_box .list {
        margin-top: 2em
    }

    .zf_xt_box .list {
        height: auto
    }

    .zf_xt_box .list li {
        width: calc(100%/2 - 2em);
        margin: 0 1em;
        margin-bottom: 1em
    }

    .zf_xt_box .list li span {
        width: 7.75em;
        height: 7.75em;
        line-height: 7.75em;
        margin: 1em auto
    }

    .zf_xt_box .list li span font {
        font-size: 3.5em
    }

    .zf_xt_box .list li small {
        margin-top: 1em;
        padding-bottom: 1em;
        text-align: left;
        min-height: 8.75em
    }

    .zf_xt_box .box {
        height: 15em;
        width: calc(100% - 2em);
        margin: 0 1em;
        margin-bottom: 2em
    }

    .zf_xt_box .box span {
        width: 8em
    }

    .zf_xt_box .box p {
        margin-top: 1em
    }

    .zf_xt_box .box.icon {
        margin: 0 1em
    }

    .zf_cp_box {
        background: #2c70ed;
        padding: 2em 0
    }

    .zf_cp_box .intr {
        line-height: 1.75em;
        padding: 0 2em;
        text-align: left
    }

    .zf_cp_box .list {
        margin-top: 2em;
        width: calc(100% - 2em)
    }

    .zf_cp_box .list li {
        height: 13em
    }

    .zf_cp_box .list li span {
        width: 8em
    }

    .zf_cp_box .list li .spot {
        display: none
    }

    .zf_cp_box .list li .nr {
        width: calc(100% - 8em);
        left: 8em
    }

    .zf_cp_box .list li .nr small {
        padding-right: 2em
    }

    .zf_cp_box .list li .nr p {
        padding-right: 1em;
        line-height: 1.5em
    }

    .zf_cp_box .box {
        height: auto;
        width: calc(100% - 2em);
        margin: 0 auto
    }

    .zf_cp_box .box .box_list {
        width: 100%;
        margin-bottom: 2em
    }

    .zf_cp_box .box .box_list span {
        font-size: 5em
    }

    .zf_cp_box .box .box_list .box_list_ul {
        margin-bottom: 2em
    }

    .zf_ys_box .intr {
        width: calc(100% - 4em);
        padding: 0 2em
    }

    .kftitle {
        font-size: 2em
    }

    .zf_ys_box .list li {
        height: auto
    }

    .zf_ys_box .list {
        margin-bottom: 0;
        padding-bottom: 2em
    }

    .zf_ys_box .box span {
        width: 8em
    }

    .zf_ys_box .box {
        height: auto;
        width: 100%
    }

    .zf_ys_box .box small {
        width: calc(100% - 8em)
    }

    .jrfb {
        margin-top: 2em
    }

    .jrfb_box .list {
        width: 8em;
        margin: 0 1em;
        margin-bottom: 2em
    }

    .jrfb_box .list span {
        height: 8em;
        line-height: 8em
    }

    .jrfb_box .list span font {
        font-size: 2.7em
    }

    .jrfb_box .list p {
        margin: 1em auto
    }

    .jrfb_box .list p:after {
        margin-top: 1em
    }

    .wlxs {
        padding-bottom: 2em
    }

    .telback {
        margin-top: 2em
    }

    .teltwobox {
        margin-top: 2em
    }

    .telbox,.telmargin {
        margin: 0 auto
    }

    .dzms {
        padding: 2em 0
    }

    .dzms {
        height: auto
    }

    .dzmsul {
        margin-top: 2em
    }

    .dzmsul li {
        margin-bottom: 2em
    }

    .dzmsul li:nth-child(2) {
        margin: 0 auto;
        margin-bottom: 2em
    }

    .zsm {
        padding: 2em 0;
        height: auto
    }

    .zsmbox {
        margin-top: 2em;
        height: auto
    }

    .zsmlist,.zsmlist:nth-child(2),.zsmlist:nth-child(3),.zsmlist:nth-child(4),.zsmimg {
        position: relative
    }

    .zsmlist {
        margin: 0 auto;
        margin-bottom: 2em
    }

    .zsmlist:nth-child(4) {
        bottom: 0
    }

    .zsmimg {
        display: none
    }

    .sdrhul {
        width: calc(100% - 2em);
        margin: 2em auto
    }

    .sdrhul li {
        width: calc(100%/3 - 0.8em);
        height: 3.5em;
        margin: 0;
        margin-right: 1.2em;
        margin-bottom: 1em
    }

    .sdrhul li:nth-child(5n) {
        margin: 0;
        margin-right: 1.2em
    }

    .sdrhul li:nth-child(3n) {
        margin-right: 0
    }

    .sdrhul {
        margin-top: 2em;
        text-align: center
    }

    .sdrh {
        padding: 2em 0
    }

    .dk_gn_box {
        padding: 2em 0
    }

    .dk_gn_box .list {
        width: calc(100% - 4em);
        margin: 0 auto;
        margin-top: 2em
    }

    .dk_gn_box .list li {
        width: 100%;
        height: auto
    }

    .dk_gn_box .list li span {
        margin-left: 0;
        width: 4.3em;
        height: 4.3em;
        line-height: 4.37em
    }

    .dk_gn_box .list li small {
        width: calc(100% - 5.8em)
    }

    .dk_cp_box {
        padding: 2em 0
    }

    .dk_cp_box .list {
        width: calc(100% - 2em);
        margin: 0 auto;
        margin-top: 2em
    }

    .dk_cp_box .list li {
        width: calc(100%/2 - 2px);
        height: auto
    }

    .dk_cp_box .list li span {
        margin: 1.5em;
        width: 11em;
        height: 7em
    }

    .dk_cp_box .list li small {
        padding: 0 1em;
        padding-bottom: 2em
    }

    .dk_ysli_box {
        padding: 2em 0
    }

    .dk_ysli_box .list {
        width: calc(100% - 2em);
        margin: 0 auto;
        margin-top: 2em
    }

    .dk_ysli_box .list li font {
        font-size: .875em;
        right: 1em
    }

    .dk_ysli_box .box .back {
        width: 20em;
        height: 20em;
        margin: 0 auto;
        margin-top: 2em
    }

    .dk_ys_hidden {
        height: auto
    }

    .dk_ysli_box .box:nth-child(1) .back {
        background-size: contain
    }

    .dk_ysli_box .box .text {
        position: static;
        transform: translateY(0%);
        width: calc(100% - 4em);
        margin: 0 auto;
        margin-top: 2em
    }

    .cti_why_box {
        padding: 2em 0
    }

    .cti_why_box .box {
        height: auto;
        width: 100%
    }

    .cti_why_box .box .img {
        position: static
    }

    .cti_why_box .box .text {
        width: calc(100% - 2em);
        margin: 0 auto
    }

    .cti_why_box .box .img {
        margin: 0 auto;
        margin-top: 2em
    }

    .cti_hc_box {
        margin-top: 0;
        padding: 2em 0
    }

    .cti_hc_box .kftitle {
        margin-bottom: 1em
    }

    .cti_hc_box .box {
        width: calc(100% - 2em);
        height: auto;
        margin: 0 auto;
        padding: 1em 0;
        margin-bottom: 1em
    }

    .cti_hc_box .box span {
        margin-top: 0;
        width: 1em;
        display: block;
        float: left;
        margin-right: .25em
    }

    .cti_hc_box .box p {
        text-align: left
    }

    .cti_hc_box .box small {
        margin-top: .5em;
        width: calc(100% - 9em);
        float: left;
        padding: 0
    }

    .cti_sh_box {
        padding: 2em 0
    }

    .cti_sh_box .box .list {
        width: 100%;
        position: static
    }

    .cti_sh_box .box {
        height: auto
    }

    .cti_sh_box .box .img {
        width: 20em;
        height: 20em;
        position: static;
        display: none
    }

    .cti_sh_box .box .list div,.cti_sh_box .box .list div:nth-child(2n) {
        margin: 0 auto;
        float: none;
        margin-bottom: 2em
    }

    .cti_gn_box {
        padding: 2em 0
    }

    .cti_gn_box .box {
        float: none;
        width: calc(100% - 2em);
        margin: 0 auto;
        height: auto
    }

    .cti_gn_box .box .icon,.cti_gn_box .box .icon.bz {
        width: 10em;
        height: 10em;
        float: none;
        margin: 0 auto;
        background-size: contain;
        border: 0;
        margin-top: 2em
    }

    .cti_gn_box .box .list {
        width: 100%
    }

    .cti_gn_box .box .list li {
        width: calc(100%/3 - 2.6em);
        padding: .5em;
        height: auto
    }

    .cti_gn_box {
        background-size: cover
    }

    .cti_gnt_box {
        height: auto;
        padding-bottom: 2em;
        width: calc(100% - 2em);
        margin: 1em auto;
        margin-top: 2em
    }

    .cti_gnt_box .icon {
        width: 8em;
        height: 8em;
        line-height: 8em
    }

    .cti_gnt_box .icon font {
        font-size: 4em
    }

    .cti_gnt_box.nth2 {
        margin: 1em auto
    }

    .dx_yy_box {
        padding: 2em 0
    }

    .dx_yy_box .list {
        margin: 0 auto;
        margin-top: 2em;
        width: calc(100% - 4em)
    }

    .dx_yy_box .list li {
        width: calc(100% - 2px);
        height: auto;
        position: relative;
        padding: 2em 0
    }

    .dx_yy_box .list li h3 {
        margin-top: 0
    }

    .dx_yy_box .list li span {
        width: 8em;
        line-height: unset;
        position: relative;
        top: 50%
    }

    .dx_yy_box .list li small {
        width: calc(100% - 9em)
    }

    .dx_yy_box .list li:nth-child(2n) {
        margin-left: 0
    }

    .dx_zy_box {
        padding: 2em 0
    }

    .dx_lc_box {
        padding: 2em 0
    }

    .dx_lc_box .list li {
        height: auto
    }

    .dx_lc_box .list li .box {
        width: 100%;
        padding-bottom: 2em
    }

    .dx_lc_box .list li .arr {
        position: static;
        width: 100%;
        height: auto;
        line-height: 6em
    }

    .dx_lc_box .list li .arr font {
        display: block;
        transform: rotate(90deg)
    }

    .dx_lc_box .list li:last-child {
        width: 20.25em
    }

    .dx_lc_box .list {
        padding-bottom: 4em
    }

    .dx_zf_box .list li:nth-child(2) {
        margin: 0 auto
    }

    .yy_ys_box {
        padding: 2em 0;
        padding-bottom: 0
    }

    .yy_ys_box .list {
        width: calc(100% - 2em);
        margin: 2em auto;
        padding-bottom: 1em
    }

    .yy_ys_box .list li {
        width: calc(100% - 2px);
        margin-right: 0;
        height: auto;
        margin-bottom: 1.5em;
        padding-bottom: 1em
    }

    .yy_ys_box .list li span {
        font-size: 3em
    }

    .yy_yq_box .list {
        margin-top: 2em;
        height: auto
    }

    .yy_yq_box {
        padding: 1em 0
    }

    .yy_yq_box .list li,.yy_yq_box .list li:nth-child(2) {
        margin: 0 auto;
        display: block;
        margin-bottom: 1.25em
    }

    .sj_hy_box {
        padding: 2em 1em
    }

    .sj_hy_box .box .img {
        display: none
    }

    .sj_hy_box .box small {
        width: 100%
    }

    .sj_td_box {
        padding: 2em 1em
    }

    .sj_td_box .list {
        margin-top: 2em
    }

    .sj_td_box .list li .icon {
        width: 5.5em;
        height: 5.5em;
        line-height: 5.5em;
        margin-left: 1em;
        float: left;
        margin-right: 1em
    }

    .sj_td_box .list li .icon font {
        font-size: 3em
    }

    .sj_td_box .list li .text {
        width: calc(100% - 8.5em);
        right: 0;
        position: static;
        transform: translateY(0%)
    }

    .sj_td_box .list li {
        border-radius: 0;
        height: auto;
        padding: 2em 0;
        width: 100%
    }

    .sj_td_box .list li .icon {
        position: static
    }

    .sj_td_box .list li:after {
        background: rgba(255,255,255,.3)
    }

    .sj_jj_box {
        padding: 2em 1em;
        width: calc(100% - 2em)
    }

    .sj_jj_box .list {
        margin-top: 2em
    }

    .sj_jj_box .list li {
        flex: 100%;
        height: auto;
        padding-bottom: 2em
    }

    .sj_jj_box .list li .icon {
        width: 5em;
        height: 5em;
        line-height: 5em;
        margin: 1em auto;
        border-radius: .5em
    }

    .sj_jj_box .list li small {
        margin-top: 1em
    }

    .sj_ys_box {
        padding: 2em 0
    }

    .sj_ys_box small {
        width: calc(100% - 3em);
        margin: 1em auto
    }

    .sj_ys_box .img {
        height: 15em
    }

    .qy_gs_box {
        padding: 2em 1em;
        width: calc(100% - 2em)
    }

    .qy_gs_box .box .img {
        display: none
    }

    .qy_gs_box .box {
        margin-top: 2em
    }

    .qy_gs_box .box small {
        width: 100%
    }

    .qy_td_box {
        padding: 2em 0
    }

    .qy_td_box .list {
        width: calc(100% - 2em);
        margin: 2em auto
    }

    .qy_td_box .list li {
        margin-right: 0;
        width: 100%;
        margin-bottom: 2em
    }

    .qy_td_box .list li span {
        float: left;
        width: 5em;
        height: 5em;
        line-height: 5em;
        margin-right: 2em
    }

    .qy_td_box .list li p {
        height: auto;
        margin-top: 0;
        text-align: left;
        padding-left: 0;
        font-size: 1.125em
    }

    .qy_td_box .list li small {
        display: block;
        margin-top: .5em;
        font-size: 1em;
        padding-left: 7em
    }

    .qy_td_box .list li span font {
        font-size: 3em
    }

    .qy_fa_box {
        padding: 2em 1em;
        width: calc(100% - 2em)
    }

    .qy_fa_box .list li .icon {
        width: 6em
    }

    .qy_fa_box .list li .intr {
        width: calc(100% - 8em);
        left: 8em
    }

    .qy_gn_box {
        padding: 2em 1em
    }

    .ds_wtt_box .box span {
        float: left;
        margin: 0;
        margin-right: 2em
    }

    .ds_wtt_box .box p {
        text-align: left
    }

    .qy_gn_box .ds_wtt_box .box small {
        float: left;
        display: block;
        width: calc(100% - 7.25em);
        padding: 0;
        margin: 0;
        text-align: left
    }

    .ds_wtt_box .box small {
        padding: 0;
        text-align: left
    }

    .ds_wtt_box .box {
        height: auto;
        width: 100%;
        overflow: visible;
        margin-bottom: 3em
    }

    .dx_td_box {
        padding: 2em 1em;
        width: calc(100% - 2em)
    }

    .dx_td_box .list li {
        width: 100%;
        margin-bottom: 2em;
        margin-left: 0
    }

    .dx_td_box .list li span {
        margin: 0;
        float: left;
        width: 6em;
        height: 6em;
        line-height: 6em;
        margin-right: 2em
    }

    .dx_td_box .list li span font {
        font-size: 3em
    }

    .dx_td_box .list li p {
        margin: 0;
        text-align: left
    }

    .dx_fa_box {
        padding: 2em 0
    }

    .dx_fa_box .list {
        margin-top: 2em;
        overflow-x: auto;
        width: auto;
        white-space: nowrap;
        display: block;
        padding-bottom: 2em
    }

    .dx_fa_box .list li {
        display: inline-block;
        vertical-align: top;
        width: 13em
    }

    .dx_fa_box .box .text {
        width: calc(100% - 2em);
        padding: 0 1em
    }

    .dx_fa_box .box .text small {
        white-space: normal
    }

    .dx_hx_box {
        padding: 2em 1em;
        width: calc(100% - 2em)
    }

    .dx_hx_box .list {
        margin-top: 2em
    }

    .dx_hx_box .list li {
        height: auto
    }

    .dx_hx_box .list li span {
        margin-top: 0;
        font-size: 3.5em
    }

    .dx_hx_box .list li p {
        padding: 1em;
        margin-top: 0;
        line-height: 1.75em;
        font-size: .875em
    }

    .sz_gs_box .box .img {
        display: none
    }

    .sz_gs_box {
        margin: 2em auto;
        width: calc(100% - 2em)
    }

    .sz_gs_box .box {
        margin: 0;
        padding: 0;
        width: 100%;
        margin-top: 1.5em
    }

    .sz_gs_box .box small {
        width: 100%
    }

    .sz_hy_box {
        padding: 2em 1em;
        width: calc(100% - 2em)
    }

    .sz_hy_box .intr {
        width: 100%
    }

    .sz_hy_box .list li {
        width: calc(100% - 2em);
        border-radius: 0;
        height: auto;
        padding: 1.5em 1em
    }

    .sz_hy_box .list li:after {
        background: rgba(255,255,255,.3)
    }

    .sz_hy_box .list li .icon {
        margin: 0;
        display: block;
        position: static;
        width: 5em;
        height: 5em;
        line-height: 5em;
        float: left;
        margin-right: 2em
    }

    .sz_hy_box .list li .icon font {
        font-size: 2em
    }

    .sz_hy_box .list li .text {
        position: static;
        transform: translateY(0);
        width: calc(100% - 8em)
    }

    .sz_fa_box {
        padding: 2em 1em;
        width: calc(100% - 2em)
    }

    .sz_fa_box .intr {
        width: 100%
    }

    .sz_fa_box .list {
        margin-top: 2em;
        margin-bottom: 0
    }

    .sz_fa_box .list li {
        width: 100%;
        height: auto;
        border: 2px solid transparent
    }

    .sz_fa_box .list li span {
        float: left;
        margin: 0;
        font-size: 4em
    }

    .sz_fa_box .list li p {
        margin: 0;
        width: 100%;
        text-align: left;
        background: none;
        padding-left: 5.5em
    }

    .sz_fa_box .list li small {
        padding: 0;
        display: block;
        width: calc(100% - 6.5em);
        text-align: left;
        margin-top: 0;
        padding-left: 6.5em
    }

    .sz_fa_box .list li:hover {
        border: 2px solid transparent
    }

    .sz_fa_box .list li:hover p {
        background: none;
        color: #333
    }

    .sz_sj_box {
        padding: 2em 0
    }

    .sz_sj_box .box .box_nav {
        width: 100%;
        padding: 0 1em;
        width: calc(100% - 2em)
    }

    .sz_sj_box .box .box_nav .list {
        width: auto;
        white-space: nowrap;
        overflow-x: auto
    }

    .sz_sj_box .box .box_nav .list li {
        margin-bottom: 0;
        width: 12em;
        display: inline-block;
        vertical-align: top
    }

    .sz_sj_box .box .box_nav .list li .img {
        width: calc(100% - 2em);
        top: 13em;
        left: 1em;
        height: 22em
    }

    .sz_sj_box .box .box_nav .list li .img img {
        min-width: auto;
        height: auto;
        max-width: 100%;
        max-height: 100%
    }

    .xc_center {
        width: 100%
    }

    .xc_list {
        width: 100%
    }

    .xc_fh {
        background: #c9c9c9;
        z-index: 9
    }

    .sz_yth_box {
        padding: 2em 1em;
        width: calc(100% - 2em)
    }

    .sz_yth_box .list {
        text-align: center;
        margin-top: 2em
    }

    .sz_yth_box .list li {
        width: 8.6em;
        float: none;
        margin-bottom: 1.5em
    }

    .sz_yth_box .list li .line {
        display: none
    }

    .sz_yth_box .list li .icon {
        margin: 0 auto
    }

    .sz_yth_box .list li p {
        width: 100%
    }

    .sz_yth_box .intr {
        margin-top: 2em;
        text-align: left
    }

    .cti_zsm_box {
        padding: 2em 1em;
        width: calc(100% - 2em)
    }

    .cti_zsm_box .list {
        margin-top: 2em;
        height: auto
    }

    .cti_zsm_box .list li {
        flex: 0 0 calc(50% - 1.17em);
        height: auto;
        margin-bottom: 2em;
        padding-bottom: 2em
    }

    .cti_zsm_box .list li span {
        width: 6em;
        height: 6em;
        line-height: 6em
    }

    .cti_zsm_box .list li span font {
        font-size: 4em
    }

    .cti_zsm_box .list li span {
        margin-top: 1em
    }

    .cti_zc_box {
        height: auto;
        padding-bottom: 2em;
        background: #0d164b url(/static/index/web/images/cti_zc_box_img.jpg) no-repeat -20em center;
        background-size: 200%
    }

    .cti_zc_box .box h3 {
        margin-top: 1em;
        font-size: 2em;
        padding-left: .5em
    }

    .cti_zc_box .box .list {
        width: calc(100% - 2em);
        margin: 0 auto;
        margin-top: 2em
    }

    .cti_zc_box .box .list li {
        flex: 0 0 100%
    }

    .cti_cy_box {
        padding: 2em 1em;
        width: calc(100% - 2em)
    }

    .cti_cy_box .list {
        margin-top: 2em
    }

    .cti_cy_box .list li {
        flex: 0 0 calc(50% - 1em - 2px);
        height: auto
    }

    .cti_cy_box .list li span {
        font-size: 4em
    }

    .cti_cy_box .list li P {
        width: 100%;
        margin-top: 0
    }

    .dk_gs_box .box .img {
        display: none
    }

    .dk_gs_box {
        padding: 2em 1em;
        height: auto
    }

    .dk_gs_box .box .text {
        height: auto
    }

    .dk_gs_box .box small {
        width: 100%
    }

    .dk_td_box {
        padding: 2em 0
    }

    .dk_td_box .list {
        height: auto;
        width: calc(100% - 2em);
        margin: 2em auto;
        margin-bottom: 0
    }

    .dk_td_box .list li {
        flex: 0 0 100%;
        margin-bottom: 2em;
        padding-bottom: 2em
    }

    .dk_td_box .list li span {
        width: 5em;
        height: 5em;
        line-height: 5em;
        margin: 1em auto
    }

    .dk_td_box .list li span font {
        font-size: 3em
    }

    .dk_ys_box {
        padding: 2em 1em
    }

    .dk_ys_box .list {
        margin-top: 2em;
        height: auto;
        margin-bottom: 0
    }

    .dk_ys_box .list li {
        flex: 0 0 100%;
        margin-bottom: 2em;
        padding: 1.5em 0
    }

    .dk_ys_box .list li p {
        margin-top: 0;
        font-size: 1.25em
    }

    .dk_ys_box .list li span {
        width: 8em;
        background-size: contain;
        margin-right: 2em;
        height: 8em
    }

    .dk_ys_box .list li small {
        width: calc(100% - 11em)
    }

    .dk_ys_box .list li:nth-child(2) span {
        background-size: contain
    }

    .dk_jj_box {
        padding: 2em 0
    }

    .dk_jj_box .intr {
        width: calc(100% - 2em);
        padding: 0 1em
    }

    .dk_jj_box .img {
        width: calc(100% - 2em);
        margin: 0 auto;
        height: 20em
    }

    .ds_bj_box .box .img {
        display: none
    }

    .ds_bj_box {
        padding: 2em 1em
    }

    .ds_bj_box .box small {
        width: 100%
    }

    .ds_gsfa_box {
        padding: 2em 1em;
        width: calc(100% - 2em);
        margin-bottom: 0
    }

    .ds_gsfa_box .list li {
        width: 100%;
        height: auto;
        margin-bottom: 2em;
        padding-bottom: 2em
    }

    .ds_gsfa_box .list li p {
        margin-top: 2em
    }

    .ds_gsfa_box .list li small {
        margin-top: 1.5em
    }

    .ds_gs_box {
        padding: 2em 0
    }

    .ds_gs_box .intr {
        padding: 0 1em;
        margin-top: 1.5em;
        width: calc(100% - 2em)
    }

    .ds_gs_box .img {
        margin: 2em auto
    }

    .ds_qy_box {
        padding: 2em 1em
    }

    .ds_qy_box .img {
        width: 100%;
        height: 20em
    }

    .yl_gs_box .box .img {
        display: none
    }

    .yl_gs_box {
        padding: 2em 1em
    }

    .yl_gs_box .box .text {
        height: auto
    }

    .yl_gs_box .box small {
        width: 100%
    }

    .yl_xz_box {
        padding: 2em 0
    }

    .yl_xz_box .list {
        width: calc(100% - 2em);
        margin: 2em auto
    }

    .yl_xz_box .list li {
        width: 100%;
        margin-right: 0;
        margin-bottom: 2em;
        height: auto
    }

    .yl_xz_box .list li:nth-child(1),.yl_xz_box .list li:nth-child(2) {
        margin-bottom: 2em
    }

    .yl_xz_box .list li span font {
        font-size: 3em
    }

    .yl_xz_box .list li span {
        position: relative;
        top: 50%;
        transform: translateY(-50%)
    }

    .yl_xz_box .list li small {
        width: calc(100% - 6.87em);
        height: auto;
        float: none;
        padding-left: 6.87em
    }

    .yl_xt_box {
        padding: 2em 1em;
        width: calc(100% - 2em)
    }

    .yl_xt_box .list li {
        width: 100%;
        margin-bottom: 2em;
        height: auto;
        padding-bottom: 2em
    }

    .yl_xt_box .list li span {
        margin-bottom: 2em
    }

    .yl_xt_box .list li p {
        font-size: 1.25em
    }

    .yl_kh_box {
        padding: 2em 0
    }

    .yl_kh_box .box {
        width: calc(100% - 2em - 2px);
        height: auto;
        padding-bottom: 2em
    }

    .yl_kh_box .box .z_box {
        height: auto
    }

    .yl_kh_box .box .z_box {
        width: 100%
    }

    .yl_kh_box .box .z_box span {
        width: 8em;
        display: none
    }

    .yl_kh_box .box .z_box p {
        margin-top: 0;
        text-align: center;
        margin-top: 1em
    }

    .yl_kh_box .box .z_box small {
        padding-right: 0;
        padding: 0 2em
    }

    .yl_kh_box .sub_title {
        margin-top: 2em
    }

    .yl_kh_box .list {
        width: calc(100% - 2em);
        margin: 0 auto
    }

    .yl_kh_box .list li {
        width: calc(100%/2 - 0.93em - 2px)
    }

    .yl_kh_box .list li span {
        left: 1em
    }

    .yl_kh_box .list li p {
        text-indent: 4.5em
    }

    .erp_gs_box .box .img {
        display: none
    }

    .erp_gs_box {
        padding: 2em 1em
    }

    .erp_gs_box .box small {
        width: 100%
    }

    .erp_td_box {
        padding: 2em 0
    }

    .erp_td_box .list {
        margin-top: 2em;
        width: calc(100% - 2em)
    }

    .erp_td_box .list li {
        width: 100%;
        height: auto;
        padding: 2em 0
    }

    .erp_td_box .list li span {
        width: 8em;
        height: 8em;
        left: 1em;
        margin-right: 2em
    }

    .erp_td_box .list li p {
        margin-top: 0;
        font-size: 1.4em
    }

    .erp_td_box .list li small {
        width: calc(100% - 10em);
        padding-left: 10em;
        padding-right: 0;
        float: none
    }

    .erp_rh_box {
        padding: 2em 0
    }

    .erp_rh_box h3 {
        font-size: 1.5em
    }

    .erp_rh_box .box {
        margin-top: 2em
    }

    .erp_rh_box .icon span,.erp_rh_box .list_box .erp_box .iconspan {
        float: none;
        margin: 0 auto
    }

    .erp_rh_box .icon p {
        text-align: center;
        margin-top: .5em
    }

    .erp_rh_box .list {
        padding-left: 0
    }

    .erp_rh_box .list .l_b {
        width: 100%;
        margin-bottom: 2em
    }

    .erp_rh_box .icon:after {
        width: 100%;
        margin-left: 0
    }

    .erp_rh_box .box,.erp_rh_box .list_box .erp_box {
        width: calc(100% - 6em - 2px);
        margin: 0 auto;
        padding: 2em;
        margin-top: 2em
    }

    .erp_rh_box .list_box .erp_box small {
        width: 100%;
        padding-left: 0;
        line-height: 2em
    }

    .erp_rh_box .list_box .erp_box p {
        text-align: center;
        margin-top: .5em
    }

    .erp_rh_box .list_box .erp_box .icon_list {
        position: static;
        transform: translateY(0)
    }

    .erp_gz_box {
        padding: 2em 0
    }

    .erp_gz_box .erp_title small {
        width: calc(100% - 2em);
        padding: 0 1em
    }

    .erp_gz_box .list1 {
        height: auto;
        width: calc(100% - 2em)
    }

    .erp_gz_box .list1 li {
        width: 100%;
        padding-bottom: 2em
    }

    .erp_fx_box {
        width: calc(100% - 2em);
        margin: 0 auto
    }

    .erp_fx_box .list_box .erp_box .iconspan {
        float: none;
        margin: 0 auto
    }

    .erp_fx_box .list_box .erp_box .icon_list {
        position: static;
        transform: translateY(0)
    }

    .erp_fx_box .list_box .erp_box p {
        text-align: center;
        margin: .5em 0
    }

    .erp_fx_box .list_box .erp_box small {
        padding-left: 0;
        width: 100%;
        line-height: 2em
    }

    .case_box .case_navbox .current {
        display: none
    }

    .case_box .case_navbox .list {
        width: auto;
        white-space: nowrap;
        overflow-x: auto
    }

    .casenr_box {
        margin-top: 0
    }

    .casenr_box .case_navbox_l {
        float: none;
        white-space: nowrap;
        width: auto;
        overflow-x: auto;
        padding: 1.75em 0;
        border-top: 0
    }

    .casenr_box .case_navbox_l .title {
        height: auto;
        width: auto;
        display: inline-block;
        line-height: normal;
        vertical-align: top;
        margin-right: .25em
    }

    .casenr_box .case_navbox_l .title p {
        font-size: 1.25em;
        text-indent: .875em
    }

    .casenr_box .case_navbox_l .list {
        display: inline-block;
        vertical-align: middle;
        width: auto
    }

    .casenr_box .case_navbox_l .list li {
        height: auto;
        width: auto;
        display: inline-block;
        vertical-align: middle;
        line-height: normal;
        text-indent: 0;
        text-align: center
    }

    .casenr_box .case_navbox_l .list li a {
        padding: .25em 1em;
        margin: 0 .25em;
        width: auto;
        border-radius: .2em
    }

    .casenr_box .case_navbox_l .list li a:after {
        display: none
    }

    .casenr_box .list_box_r {
        width: calc(100% - 2em);
        margin: 2em auto;
        float: none
    }

    .casenr_box .list_box_r .list li,.casenr_box .list_box_r .list li:nth-child(3n) {
        width: calc(100%/2 - .5em);
        margin: 0;
        margin-bottom: 1.25em;
        margin-right: 1em
    }

    .casenr_box .list_box_r .list li:nth-child(2n) {
        margin-right: 0
    }

    .news_allbox {
        width: calc(100% - 2em);
        margin: 0 auto
    }

    .news_l_box {
        float: none;
        width: 100%
    }

    .news_r_box {
        float: none;
        width: 100%
    }

    .qyjj_box {
        width: calc(100% - 2em)
    }

    .qyxx_box {
        padding: 2em 0
    }

    .qyxx_box .list li:nth-child(3),.qyxx_box .list li:nth-child(4),.qyxx_box .list li:nth-child(6) {
        display: none
    }

    .qyxx_box .list li:nth-child(2) {
        margin-left: 0
    }

    .qyxx_box .list li:nth-child(1),.qyxx_box .list li:nth-child(2) {
        width: 50%;
        height: 50%
    }

    .qyxx_box .list li:nth-child(2) {
        position: absolute;
        left: 0;
        bottom: 0
    }

    .honor_box .list {
        width: calc(100% - 2em)
    }

    .honor_box .list li:nth-child(4),.honor_box .list li:nth-child(5) {
        display: none
    }

    .honor_box .list li span {
        height: 12em
    }

    .honor_box .list li {
        width: calc(100%/3 - 1.6em);
        position: relative
    }

    .honor_nrqy .list {
        width: calc(100% - 2em)
    }

    .return {
        margin: 0
    }

    .honor_nrqy {
        width: 100%
    }

    .return {
        width: 4em;
        height: 4em
    }

    .return font {
        font-size: 1em
    }

    .honor_nrqy .list li span {
        height: 13em
    }

    .honor_nrqy .list li {
        width: calc(100%/3 - 1em);
        margin: 0 .5em
    }

    .honor_nrqy .list li:nth-child(5n) {
        margin: 0 .5em
    }

    .honor_nrqy .list li span {
        height: 13em
    }

    .fzlc_box {
        padding: 2em 0
    }

    .fzlc_box_hidden .fzlc_icon,.fzlc_box_hidden .list:after {
        display: none
    }

    .fzlc_box_hidden .list {
        width: calc(100% - 2em);
        margin: 0 auto
    }

    .fzlc_box_hidden .list li {
        width: calc(100% - 4em);
        padding: 2em
    }

    .lxwm_l_box .list:after {
        display: none
    }

    .lxwm_l_box {
        width: 100%
    }

    .lxwm_l_box .list span {
        left: 1em;
        width: calc(100% - 1em)
    }

    .bzzx_l_box {
        width: auto;
        float: none;
        white-space: nowrap;
        overflow-x: auto;
        padding: 1.75em 0;
        background: #fcfcfc
    }

    .bzzx_l_box .bzxx_title {
        height: auto;
        display: inline-block;
        vertical-align: top;
        line-height: normal;
        margin-left: .875em;
        margin-right: 1em
    }

    .bzzx_l_box .list {
        width: auto;
        display: inline-block;
        vertical-align: top
    }

    .bzzx_l_box .list li {
        display: inline-block;
        width: auto;
        vertical-align: top
    }

    .bzzx_l_box .list li.on:after {
        display: none
    }

    .bzzx_l_box .list li .lia {
        line-height: normal;
        height: auto;
        border-top: 0
    }

    .bzzx_l_box .bzxx_title span {
        font-size: 1.25em
    }

    .bzzx_l_box .list li.on .lia:after,.bzzx_l_box .list li .lia:after {
        display: none
    }

    .bzzx_l_box .list li.on .lia {
        background: #2c70ed;
        color: #fff
    }

    .bzzx_l_box .list li .lia {
        padding: .25em 1em;
        margin: 0 .25em;
        width: auto;
        border-radius: .2em;
        text-indent: 0
    }

    .help_nr_box {
        float: none;
        width: calc(100% - 2em);
        margin: 2em auto;
        padding: 0 1em
    }

    .bzzx_search {
        height: 15em
    }

    .bzzx_search .bz_search {
        width: calc(100% - 6em)
    }

    .current {
        display: none
    }

    .aboutnav .center .nav {
        white-space: nowrap;
        overflow-x: auto;
        left: 0;
        transform: translateX(0);
        display: block
    }

    .aboutnav .center .nav a {
        padding: 0 .8em
    }

    .aboutnav .center .current {
        display: none
    }

    .aboutnav {
        height: 3.5em
    }

    .aboutnav .center {
        line-height: 3.5em
    }

    .footer_lx .mfsy {
        margin-top: .8em
    }

    .ds_wtt_box {
        width: calc(100% - 2em)
    }

    .dx_sy_box .list {
        width: calc(100% - 2em)
    }

    .dx_sy_box .list li {
        width: calc(100%/3 - 1em - 4px);
        margin-right: 0;
        height: 4em;
        line-height: 4em
    }

    .dx_sy_box .list li span {
        width: 2.4em;
        height: 2.4em;
        line-height: 2.4em;
        margin-right: .5em
    }

    .dx_sy_box .list li span font {
        font-size: 1.4em
    }

    .ds_gsfa_box .list li:nth-child(2),.yl_xt_box .list li:nth-child(2n) {
        margin: 0;
        margin-bottom: 2em
    }

    .honor_box .list li p {
        margin-top: -40px;
        left: 0;
        right: 0;
        width: auto
    }

    .hzhb_box .list li {
        width: calc(100%/3 - 2px - 1em)
    }

    .hzhb_box .list {
        width: calc(100% - 2em)
    }

    .lxwm_height h3 {
        text-indent: .5em
    }

    .lxwm_height h3:after {
        margin-left: .5em
    }

    .in_adv_more .list small {
        padding-left: 6em;
        padding-right: 0
    }

    .in_adv_more .list p {
        padding-left: 4.2em;
        line-height: 1em
    }

    .erp_rh_box .list .l_b ul {
        width: 100%
    }

    .erp_rh_box .list .l_b:nth-child(2) ul {
        width: 100%
    }

    .erp_rh_box .list_box .erp_box .icon_list {
        width: 100%
    }

    .qyxx_box .list {
        height: auto
    }

    .qyxx_box .list li,.qyxx_box .list li:nth-child(1),.qyxx_box .list li:nth-child(2),.qyxx_box .list li:nth-child(3),.qyxx_box .list li:nth-child(4),.qyxx_box .list li:nth-child(5),.qyxx_box .list li:nth-child(6) {
        position: static;
        width: 100%;
        height: auto
    }

    .qyxx_box .list li img {
        position: static;
        max-width: 100%;
        height: auto;
        min-width: auto
    }

    .hzhb_box {
        padding: 2em 0
    }

    .lxwm_box {
        padding-top: 0
    }

    .hzhb_box {
        transform: translateY(-2em)
    }

    .copy {
        height: auto;
        line-height: 1.75em
    }
    .news_dt{
        width: 100%!important;
    }
}

@media screen and (max-width: 320px) {
    .sdrhul li span {
        display:none
    }
}