/*@charset "utf-8";*/
@font-face {
    font-family: "dincondmedium";
    src: url("../font/dincondmedium.woff2") format("woff2"),
        url("../font/dincondmedium.woff") format("woff"),
        url("../font/dincondmedium.ttf") format("truetype"),
        url("../font/dincondmedium.eot") format("embedded-opentype"),
        url("../font/dincondmedium.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}
.gntd-ban-text h2 
@font-face {
    font-family: "dincondbold";
    src: url("../font/dincondbold.woff2") format("woff2"),
        url("../font/dincondbold.woff") format("woff"),
        url("../font/dincondbold.ttf") format("truetype"),
        url("../font/dincondbold.eot") format("embedded-opentype"),
        url("../font/dincondbold.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

* {
    padding: 0;
    margin: 0;
    outline: 0;
    text-decoration: none;
    list-style: none;
}

html,
body {
    font-size: 14px;
    font-family: Noto Sans, "Microsoft YaHei";
    color: #242424;
    -webkit-font-smoothing: antialiased;
}

body {
    padding-top: 130px;
}

body.none-nav {
    padding-top: 70px;
}

input,
textarea {
    border: none;
    font-family: Noto Sans, "Microsoft YaHei";
    color: #242424;
}

img {
    border: none;
}

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

table {
    width: 100%;
    border-collapse: collapse;
}

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

a {
    color: #242424;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.clear:after {
    content: '';
    display: table;
    clear: both;
}

p {
    line-height: 1.6em;
}

.img100 img {
    vertical-align: bottom;
    width: 100%;
}

.middle-box {
    display: table;
    height: 100%;
    width: 100%;
    margin: 0 auto;
    position: relative;
    table-layout: fixed;
}

.middle-inner {
    display: table-cell;
    vertical-align: middle;
    *position: absolute;
    *top: 50%;
    *left: 50%;
    width: 100%;
}

.pc-show {
    display: block;
}

.wap-show {
    display: none;
}

.position-full {
    /*position: absolute;*/
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.relative {
    position: relative;
}

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

.overhide {
    overflow: hidden;
}

.w1440 {
    width: 1440px;
    max-width: 92%;
    margin: 0 auto;
}

.w1400 {
    width: 1400px;
    max-width: 92%;
    margin: 0 auto;
}

.w1520 {
    width: 1520px;
    max-width: 92%;
    margin: 0 auto;
}

.w1600 {
    width:1583px;
    max-width: 92%;
    margin: 0 auto;
}

.w1800 {
    width: 1800px;
    max-width: 92%;
    margin: 0 auto;
}

.padding-tb80 {
    padding: 80px 0;
}

.margin-bot40 {
    margin-bottom: 40px;
}

.margin-bot60 {
    margin-bottom: 60px;
}

.text-right {
    text-align: right;
}

.margin-bot20 {
    margin-bottom: 20px;
}

.padding-b40 {
    padding-bottom: 40px;
}

.bgfff {
    background: #fff;
}

.hover-style {
    position: relative;
    z-index: 1;
    overflow: hidden;
    box-sizing: border-box;
}

.hover-style i {
    position: absolute;
    z-index: -1;
    top: -1px;
    left: -2px;
    bottom: -1px;
    padding: 0 1px;
    background: #2b6bff;
    transition: all .4s;
    transform-origin: 50%;
    filter: Alpha(opacity=0);
    width: 0;
    box-sizing: content-box;
    display: none;
}

.hover-style:hover {
    border-color: #2b6bff !important;
    color: #fff;
}

.hover-style:hover i {
    width: 101%;
    filter: Alpha(opacity=100);
    left: -1px;
}

/*.hover-style-bgfff:hover i{width: 100%; filter:Alpha(opacity=100);left: 0;}*/
.size16 {
    font-size: 16px;
}

.title60 {
    margin-bottom: 60px;
}

.title60 h3 {
    font-size: 60px;
    text-transform: uppercase;
    color: #f7f7f7;
    line-height: 1em;
}

.title60 h2 {
    font-size: 36px;
    text-transform: uppercase;
    margin-top: -24px;
    line-height: 1em;
    margin-bottom: 15px;
    position: relative;
    z-index: 1;
}

.title60 p {
    font-size: 16px;
    color: #6d6d6d;
    width: 900px;
    margin: 0 auto;
    max-width: 100%;
}

.title60.color-white p {
    color: #fff;
}

.title24 {
    margin-bottom: 25px;
}

.title24 h3 {
    font-size: 24px;
    color: #006bd3;
    margin-bottom: 10px;
}

.title24 h3 a {
    color: #006bd3
}

.title24 p {
    color: #737373;
}

html.hide {
    overflow: hidden;
}

body.hide {
    overflow: hidden;
}

.btn-gray {
    font-size: 18px;
    display: inline-block;
    vertical-align: middle;
    width: 136px;
    line-height: 36px;
    border: 1px solid #666;
    text-align: center;
    color: #666;
    margin: 0 18px;
    position: relative;
    z-index: 3;
    border-radius: 5px;
}

.bg0042a4 {
    background: #0042a4 !important;
}

.size18 {
    font-size: 18px;
}

.size22 {
    font-size: 22px;
}

.size24 {
    font-size: 24px;
}

.size30 {
    font-size: 30px;
}

.size36 {
    font-size: 36px;
}

.size72 {
    font-size: 72px;
}

.color-white {
    color: #fff;
}

.margin-bot20 {
    margin-bottom: 20px;
}

.margin-bot40 {
    margin-bottom: 40px;
}

.inline-block {
    display: inline-block;
    vertical-align: middle;
}

.padding-top70 {
    padding-top: 70px;
}

.padding-bot220 {
    padding-bottom: 220px;
}

.margin-bot80 {
    margin-bottom: 80px;
}

.padding-tb100 {
    padding: 100px 0;
}

.padding-top160 {
    padding-top: 160px;
}

.col-4 {
    margin: 0 -1%;
}

.col-4 li {
    float: left;
    width: 23%;
    margin: 1%;
    text-align: center;
}

.list-show-style li {
    transition: all .4s;
    background: #fff;
}

.list-show-style li {
    box-shadow: 0 0 9px 0 #e0e0e0;
    box-sizing: border-box;
}

.list-show-style li:hover {
    box-shadow: 0 0 18px 0 rgba(0, 107, 211, .4);
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#66006bd3', Direction=125, Strength=9);
}

.show-in-mobile {
    display: none !important;
}


/*hhh start*/
.hideTitle {
    display: none;
}

.hhh {
    position: fixed;
    z-index: 999;
    width: 100%;
    left: 0;
    top: 0;
    height: 70px;
    background: #f9f9f9;
    transition: all .3s;
}

.logo {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -15px;
}

.logo .img2 {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
    filter: alpha(opacity=100);
}

.logo .img1 {
    opacity: 0;
    filter: alpha(opacity=0);
}

.logo img {
    display: block;
    height: 30px;
}

.logo.active {
    opacity: 0;
}

.hhh-con {}

.nav-box {
    margin-right: 310px;
}

.nav-box.active {
    opacity: 0;
}

.nav li {
    float: left;
}

.nav-yi {
    display: inline-block;
    line-height: 70px;
    font-size: 16px;
    color: #414141;
    position: relative;
    transition: all .4s;
}

.nav li:hover .nav-yi {
    color: #006bd3;
}

.nav-yi .i {
    content: '';
    position: absolute;
    width: 90px;
    height: 23px;
    background: url("../images/close90.png") no-repeat center;
    background-size: cover;
    bottom: -1px;
    left: 50%;
    margin-left: -45px;
    display: none;
    transition: all .4s;
}

.nav-hide {
    width: 1300px;
    position: absolute;
    max-width: 100%;
    background: #fff;
    right: 0;
    border-radius: 5px;
    box-sizing: border-box;
    padding: 40px 40px 20px;
    display: none;
    overflow: hidden;
}

.nav-yi span {
    display: inline-block;
    padding: 0 30px;
}

/*.nav li.active .nav-hide{display: block;}*/
.nav li.active .nav-hide {
    z-index: 9;
}

.nav li.active .nav-yi .i {
    display: block;
}

.nav-second-page {
    position: relative;
}

.nav-second-page h2 {
    font-size: 16px;
    color: #006bd3;
    line-height: 1.6em;
    left: 0;
    top: 0;
    margin-bottom: 10px;
    padding-left: 15px !important;
    font-weight: 600;
}

.hhh-nav-product .nav-second-page h2 {
    padding: 10px !important;
}

.nav-second-box {
    font-size: 0;
}

.nav-seconds {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    box-sizing: border-box;
    margin-bottom: 0;
    padding: 15px !important;
}

.hhh-nav-product .nav-seconds {
    padding: 10px !important;
}

.nav-seconds:nth-child(3n) {
    margin-right: 0;
}

.nav-seconds h3,
.nav-seconds h3 a {
    font-size: 14px;
    font-weight: 600;
    color: #222121;
}

.nav-seconds:hover {
    background: #006bd3;
}

.nav-seconds:hover a {
    color: #fff;
}

.nav-seconds h3 span {
    font-size: 14px;
    color: #006bd3;
    padding-left: 15px;
}

.nav-seconds h3 span i {
    font-size: 16px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    margin-left: -5px;
}

.nav-seconds:hover span {
    color: #fff;
}

.nav-hide-case .nav-seconds:hover {
    background: #fff;
}

.nav-hide-case .nav-seconds:hover a {
    color: #333;
}

.nav-hide-case .nav-seconds:hover span {
    color: #006bd3;
}

.nav-hide-case .nav-seconds h3 {
    padding-left: 15px;
    margin-left: -15px;
    line-height: 40px;
}

.nav-hide-case .nav-seconds h3:hover {
    background: #006bd3;
}

.nav-hide-case .nav-seconds h3:hover a {
    color: #fff;
}

.nav-hide-case .nav-seconds h3:hover span {
    color: #fff;
}

.logocase-box {
    font-size: 0;
    padding-top: 10px;
}

.logocase {
    display: inline-block;
    vertical-align: top;
    width: 48%;
    font-size: 14px;
    box-shadow: 0 4px 8px 0 rgba(9, 10, 11, .08);
    margin-bottom: 2%;
    margin-right: 1%;
    transition: all .3s;
}

.logocase img {
    max-width: 100%;
}

.logocase:hover {
    box-shadow: 0 2px 8px 0 rgba(0, 107, 211, .4);
}

.nav-second {
    margin-top: 12px;
}

.nav-second h3 {
    color: #111111;
}

.nav-second,
.nav-second a {
    font-size: 13px;
    color: #212121;
    display: inline-block;
}

.hhh-area {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -14px;
    height: 28px;
    width: 180px;
}

.hhh-area.active {
    opacity: 0;
}

.search-box {
    position: absolute;
    right: 150px;
    top: 50%;
    margin-top: -14px;
    cursor: pointer;
    z-index: 7;
}

.search-btn {
    width: 28px;
    height: 28px;
    z-index: 5;
    position: relative;
}

.search-btn .iconfont {
    margin: 4px;
    display: block;
}

.language .i1 .icon-language {
    margin: 4px;
    display: block;
    font-size: 20px;
}

.nav-hide-5 .nav-second-page {
    width: 16.6%;
    padding: 0%;
    float: left;
}

.nav-hide-5 .nav-second,
.nav-hide-5 .nav-second a {
    min-height: 38px;
}

.nav-hide-3 .nav-hide {
    width: 920px;
    right: 265px;
}

.nav-hide-3 .nav-seconds {
    width: 33.33%;
    padding: 0 1.5%;
}

.nav-hide-3 h1 {
    padding: 0 1.5%;
}

.nav li:nth-child(3) .nav-hide {
    right: 172px;
}

.nav li:nth-child(5) .nav-hide {
    right: 0;
}

.nav li:nth-child(6) .nav-hide {
    right: 50px;
}

.nav-hide-2 .nav-hide {
    width: 640px;
    right: 220px;
}

.nav-hide-2 .nav-seconds {
    width: 50%;
    padding: 0 1.5%;
}

.nav-hide-2 h1 {
    padding: 0 1.5%;
}

.nav-hide-5 .nav-hide {
    width: 1600px;
    right: 0;
    padding: 0;
    max-width: 100%;
}

.nav-left {
    width: 18%;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
}

.nav-right {
    margin-left: 18%;
    padding-right: 10px;
}

.nav-left-con {
    position: absolute;
    left: 10%;
    top: 12%;
    right: 10%;
}

.nav-left-con h2 {
    color: #fff;
    font-size: 18px;
}

.nav-left-con h3 {
    color: #fff;
    font-size: 18px;
}

.nav-left-center {
    margin-top: 60px;
}

.nav-left-con p {
    color: #e4f2f5;
    font-size: 13px;
    width: 262px;
    max-width: 100%;
    line-height: 1.8em;
    margin: 20px auto 30px;
}

.nav-left-con .ljgd-jt {
    color: #fff;
}

.nav-right-bot {
    border-top: 1px solid #ddd;
    padding: 40px 0 40px 15px;
}

.nav-right-top {
    padding: 50px 0 50px 15px;
}

.nav-right-bot div {
    box-sizing: border-box;
    padding: 0 1.5%;
    width: 47%;
}

.goto a {
    font-size: 18px;
    color: #000;
    line-height: 40px;
}

.xz-center a {
    background: #006bd3;
    display: inline-block;
    width: 236px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    border-radius: 5px;
    max-width: 100%;
}

.search-con {
    position: absolute;
    width: 0;
    right: 0;
    height: 32px;
    overflow: hidden;
    top: 0;
    background: rgba(255, 255, 255, .25);
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#4cffffff, endcolorstr=#4cffffff);
    border-radius: 32px;
}

.search-con .text {
    display: block;
    height: 32px;
    width: 100%;
    background: none;
    text-indent: 32px;
    color: #fff;
}

/*.search-close{width: 32px;height: 32px;position: absolute;top:0;left: 0;background-image: url("../images/close.png");filter: invert(1);}*/
.search-sb {
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    display: none;
    background-color: transparent;
}

.search-box.active .search-con {
    width: 180px;
}

.ac-gn-searchview-content {
    background: rgba(0, 0, 0, 0.48);
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7f000000, endcolorstr=#7f000000);
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
}

.ac-gn-searchview-wrapper {
    width: 680px;
    margin: 0 auto;
    max-width: 92%;
    z-index: 6;
    position: relative;
}

.ac-gn-searchform-top {
    padding: 18px 0;
    position: relative;
    background: #f5f7f6;
    z-index: 5;
}

.ac-gn-searchform-top .text {
    display: block;
    width: 100%;
    height: 44px;
    background: none;
    font-size: 17px;
    color: #333;
    text-indent: 44px;
    line-height: 44px;
}

.ac-gn-searchform-top .text::-webkit-input-placeholder {
    color: #999;
}

.ac-gn-searchform-top .text:-moz-placeholder {
    color: #999;
}

.ac-gn-searchform-top .text::-moz-placeholder {
    color: #999;
}

.ac-gn-searchform-top .text:-ms-input-placeholder {
    color: #999;
}

.ac-gn-searchform-submit {
    width: 44px;
    height: 44px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
    cursor: pointer;
    text-align: center;
    overflow: hidden;
    display: block;
}

.ac-gn-searchform-submit .icon-search {
    display: block;
    margin-top: 11px;
}

.ac-gn-searchform-close {
    width: 44px;
    height: 44px;
    position: absolute;
    right: 0;
    top: 0;
}

.ac-gn-searchform-close:before {
    content: '';
    position: absolute;
    top: 8px;
    right: 8px;
    left: 8px;
    bottom: 8px;
    background: url("../images/close.png") no-repeat center;
    background-size: cover;
}

.ac-gn-searchresults-section h3 {
    font-size: 13px;
    color: #666;
}

.ac-gn-searchform-bot {
    background: #fff;
    border-bottom-left-radius: 18px;
    border-bottom-right-radius: 18px;
    max-height: calc(100% - 44px);
    overflow-x: hidden;
    overflow-y: auto;
}

.ac-gn-searchresults-section {
    margin: 0 40px;
    padding: 24px 0 18px;
}

.ac-gn-searchresults-res {
    display: none;
}

.ac-gn-searchresults-list {
    padding-top: 5px;
}

.ac-gn-searchresults-list li {
    margin: 6px -32px;
}

.ac-gn-searchresults-list li:hover {
    background: #f5f5f7;
}

.ac-gn-searchresults-list li:nth-child(1) {
    animation-delay: 0.22s !important;
    transition-delay: 0.22s !important;
}

.ac-gn-searchresults-list li:nth-child(2) {
    animation-delay: 0.24s !important;
    transition-delay: 0.24s !important;
}

.ac-gn-searchresults-list li:nth-child(3) {
    animation-delay: 0.26s !important;
    transition-delay: 0.26s !important;
}

.ac-gn-searchresults-list li:nth-child(4) {
    animation-delay: 0.28s !important;
    transition-delay: 0.28s !important;
}

.ac-gn-searchresults-list li:nth-child(5) {
    animation-delay: 0.3s !important;
    transition-delay: 0.3s !important;
}

.ac-gn-searchresults-list li:nth-child(6) {
    animation-delay: 0.32s !important;
    transition-delay: 0.32s !important;
}

.ac-gn-searchresults-list li:nth-child(7) {
    animation-delay: 0.34s !important;
    transition-delay: 0.34s !important;
}

.ac-gn-searchresults-list li:nth-child(8) {
    animation-delay: 0.36s !important;
    transition-delay: 0.36s !important;
}

.ac-gn-searchresults-list li:nth-child(9) {
    animation-delay: 0.38s !important;
    transition-delay: 0.38s !important;
}

.ac-gn-searchresults-list li:nth-child(10) {
    animation-delay: 0.4s !important;
    transition-delay: 0.4s !important;
}

.ac-gn-searchresults-list a {
    overflow: hidden;
    color: #333;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    padding: 0 48px;
    text-decoration: none;
    line-height: 30px;
    font-size: 1em;
}

.ac-gn-searchresults-list a .icon-search {
    font-size: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    margin-right: 5px;
}

.ac-gn-searchresults-list a:hover {
    color: #006bd3;
}

.ac-gn-searchview-content.active .searchresults-animated {
    webkit-animation: ac-gn-searchresults-items-show 0.4s both;
    animation: ac-gn-searchresults-items-show 0.4s both;
}

@keyframes ac-gn-searchresults-items-show {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100px);
        transform: translateX(100px);
        -webkit-animation-timing-function: ease;
        animation-timing-function: ease;
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.closearea {
    z-index: 1;
}

.search-box.active .search-sb {
    display: block;
}

.search-text {
    margin-right: 32px;
}

.search-con .text::-webkit-input-placeholder {
    color: #fff;
}

.search-con .text:-moz-placeholder {
    color: #fff;
}

.search-con .text::-moz-placeholder {
    color: #fff;
}

.search-con .text:-ms-input-placeholder {
    color: #fff;
}

.language {
    position: absolute;
    right: 108px;
    top: 50%;
    margin-top: -14px;
    cursor: pointer;
    z-index: 5;
    width: 40px;
    height: 32px;
}

.language .i1 {
    position: absolute;
    left: 0;
    top: 0;
    width: 28px;
    height: 28px;
}

.language .i2 {
    width: 14px;
    height: 14px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -7px;
    transition: all .4s;
}

.language .i2 span {
    font-size: 14px;
    display: block;
}

.languages {
    position: absolute;
    top: 30px;
    left: 50%;
    margin-left: -75px;
    text-align: center;
    display: none;
    width: 150px;
    height: auto;
    padding-top: 10px;
}

.language-warp {
    background: #fff;
    border: 1px solid #a1a1a1;
    box-sizing: content-box;
    position: relative;
}

.languages ul {
    padding: 15px 18px;
}

.languages ul li {
    text-align: left;
}

.language-warp:before {
    content: '';
    position: absolute;
    width: 18px;
    height: 12px;
    background: url("../images/icon_02.png") no-repeat center;
    background-size: cover;
    top: -9px;
    left: 50%;
    margin-left: -9px;
}

.languages a {
    line-height: 24px;
    display: block;
    color: #6e6e6e;
    transition: all .4s;
}

.languages a:hover {
    color: #006bd3;
}

.languages a span {
    color: #006bd3;
    font-size: 20px;
}

.languages a i {
    display: inline-block;
    padding: 3px 8px 6px 8px;
    margin-right: 5px;
    vertical-align: middle;
    background-repeat: no-repeat;
}

.download {
    position: absolute;
    width: 94px;
    text-align: center;
    line-height: 28px;
    border-radius: 5px;
    height: 28px;
    right: 0;
    top: 0;
    background: #0057ab;
    font-size: 16px;
    color: #fff;
    overflow: hidden;
    transform: translateZ(0);
}

.download span {
    transform: translateZ(0);
}

.download:hover {
    color: #fff;
}

.index-body.active .hhh {
    height: 70px;
    box-shadow: 0 1px 2px #ddd;
}

.index-body.active .nav-yi {
    line-height: 70px;
}

/*body .nav-hide{box-shadow: 1px 3px 4px 0 #ddd;}*/
/*body.active .nav-hide{box-shadow: 1px 3px 4px 0 #ddd;}*/
body.index-body {
    padding-top: 0;
}

.hhh-style .menu-handler .burger {
    background: #fff;
}

.hhh-style .hhh {
    background: transparent;
    background: none;
}

.hhh-style .nav-yi {
    color: #fff;
}

.hhh-style .language .i1 span {
    color: #fff;
}

.hhh-style .language .i2 {
    color: #fff;
}

.hhh-style .download {
    background: #fff;
    color: #0057ab;
}

.download:hover {
    color: #fff;
    background: #2b6bff;
    transition: all .4s .1s;
}

.hhh-style .search-btn span {
    color: #fff;
}

.hhh-style .logo .img2 {
    opacity: 0;
    filter: alpha(opacity=0);
}

.hhh-style .logo .img1 {
    opacity: 1;
    filter: alpha(opacity=100);
}

.menu-handler {
    width: 30px;
    height: 32px;
    cursor: pointer;
    position: absolute;
    right: 4%;
    top: 14px;
    transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1);
    -webkit-transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1);
    -moz-transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1);
    display: none;
    z-index: 999;
}

.index-body .menu-handler.area {
    background: #006bd3;
}

.menu-handler.area .burger {}

.menu-handler .burger {
    height: 2px;
    background: #006bd3;
    display: block;
    width: 20px;
    position: absolute;
    z-index: 5;
    left: 5px;
    transform-origin: center;
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
    -o-transform-origin: center;
    -ms-transform-origin: center;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    top: 8px;
}

.menu-handler .burger-2 {
    top: 15px;
}

.menu-handler .burger-3 {
    top: 22px;
}

.menu-handler.active .burger-1 {
    top: 15px;
    -moz-transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
}

.menu-handler.active .burger-2 {
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    filter: alpha(opacity=0);
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
}

.menu-handler.active .burger-3 {
    top: 15px;
    -moz-transform: rotate(-225deg);
    -webkit-transform: rotate(-225deg);
    -o-transform: rotate(-225deg);
    -ms-transform: rotate(-225deg);
    transform: rotate(-225deg);
}

.search-opean .icon-search {
    margin: 2px;
    display: block;
}

.area.active.menu-handler .burger {
    display: none;
}

body.active .area.menu-handler {
    background: #f9f9f9;
}

body.active .area.menu-handler.active {
    background: #006bd3;
    background-image: url("../images/close30.png") !important;
}

.area.menu-handler.active {
    background-image: url("../images/close30.png") !important;
}


/*body.hasNav{padding-top: 0 !important;}*/
/*body.hasNav .hhh{height: 100px;}*/
/*body.hasNav.fixedhhh.active{padding-top: 100px;}*/
/*body.hasNav.fixedhhh.active .hhh{height: 100px;position: fixed;top:0;}*/
/*.hasNav.active{padding-top: 80px;}*/

/*.hasNav.is-scroll{padding-top: 80px;}*/
.hasNav.is-scroll .hhh {
    top: -100px;
}

.subnavigation-box {
    height: 60px;
    top: 70px;
    width: 100%;
    z-index: 888;
    position: fixed;
    transition: all .3s;
}

.subnavigation {
    top: 0;
    left: 0;
    width: 100%;
    background: #006bd3;
    line-height: 60px;
    height: 60px;
}

.hasNav.is-scroll .subnavigation-box {
    top: 0;
}

.subnavigation-title img {
    vertical-align: middle;
    display: inline-block;
    margin-top: -4px;
    margin-right: 20px;
}

.product-subnav .menu {
    margin-right: 140px;
}

.nav-right-none .menu {
    margin-right: 0;
}

.menu li {
    float: left;
}

.menu li a {
    color: #fff;
    display: block;
    padding: 0 24px;
    min-width: 56px;
    text-align: center;
    vertical-align: middle;
}

.menu li.active {
    background: #078bed;
}

.menu li:hover {
    background: #078bed;
}

.product-subnav .menu li.active {
    background: #002088;
}

.product-subnav .menu li:hover {
    background: #002088;
}

.application-load {
    position: absolute;
    right: 0;
    width: 106px;
    line-height: 28px;
    border-radius: 28px;
    height: 28px;
    color: #fff;
    background: #ff7f29;
    text-align: center;
    margin-top: -14px;
    top: 50%;
}

/*hhh end*/
/*hhh start*/
.hhh {
    background: #0e1421;
}

.hhh-top {
    position: relative;
    width: 160px;
    margin-top: 100px;
}

.share {
    font-size: 0;
}

.share a {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    width: 33px;
    height: 34px;
    position: relative;
    margin-right: 8px;
}

.share a:hover .share-con {
    opacity: 1;
}

.share a.active .share-con {
    opacity: 1;
}

.share .share-con {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 100%;
    opacity: 0.7;
    transition: all .4s;
}

.wx .share-con {
    background-image: url("../images/wx.png");
}

.dy .share-con {
    background-image: url("../images/dy.png");
}

.bjh .share-con {
    background-image: url("../images/bjh.png");
}

.zhihu .share-con {
    background-image: url("../images/zhihu.png");
}


.share a.zhihu {
    margin-right: 0;
}

.hidecode {
    position: absolute;
    top: 46px;
    left: 100%;
    width: 90px;
    display: none;
    text-align: center;
}

.share a:hover .hidecode {
    display: block;
}

.hidecode p {
    color: #fff;
    line-height: 1em;
}

.gzh p {
    color: #8a969e;
    font-size: 13px;
    margin-top: 10px;
    line-height: 1em;
}

.gzh img {
    display: none;
}

.gzh img.active {
    display: block;
}

.code-name p {
    display: none;
}

.chinese {
    position: absolute;
    right: 0;
    top: 10px;
    font-size: 13px;
    color: #afbdc6;
    padding-right: 24px;
}

.hhh-con {
    padding: 100px 0;
    position: relative;
}

.hhh-page {
    float: left;
    box-sizing: border-box;
    width: 16.66%;
}

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

.hhh-page h3 {
    color: #d6e9f5;
    font-size: 18px;
    margin-bottom: 25px;
}

.hhh-page li {
    margin-bottom: 10px;
}

.hhh-page li a {
    color: #8a969e;
    line-height: 24px;
}

.hhh a {
    transition: all .4s;
}

.hhh a:hover {
    color: #fff;
}

.tel {
    margin-bottom: 25px;
}

.tel:last-child {
    margin-bottom: 0;
}

.tel p {
    color: #8a969e;
}

.tel .telnumber {
    font-weight: bold;
    font-size: 18px;
}

.hhh-top .hhh-page {
    width: auto;
    margin-right: 0;
}

.hhh-ba {
    padding-bottom: 40px;
    position: relative;
}

.flxx {
    margin-left: 20px;
}

.hhh-ba a,
.hhh-ba span {
    font-size: 13px;
    color: #8a969e;
    display: inline-block;
}

.flxxs a {
    margin: 0 8px;
}

.hhh-frend {
    border-top: 1px solid #525a61;
    padding: 30px 0;
}

.hhh-frends span,
.hhh-frends a {
    font-size: 13px;
    color: #8a969e;
    display: inline-block;
    line-height: 24px;
    margin-right: 10px;
}

.frends-con a {}

.hhh-frends {
    position: relative;
}

.frends-con {
    margin-right: 110px;
    height: 19px;
    overflow: hidden;
    font-size: 0;
}

.hhh-link-more {
    position: absolute;
    right: 0;
    top: 0;
    border: 1px solid #8a969e;
    padding: 3px 10px;
    border-radius: 2px;
    line-height: 1 !important;
}

.logo2 {
    width: 218px;
}

.hhh-left {
    position: absolute;
    left: 0;
    top: 0;
}

.hhh-mids {
    margin-left: 280px;
}

.qrcode-box {
    border: 1px solid #eee;
    position: absolute;
    z-index: 999;
    top: -204px;
    left: 50%;
    margin-left: -100px;
    width: 200px;
    height: 185px;
    color: #666;
    font-size: 12px;
    text-align: center;
    background-color: #fff;
    box-shadow: 0 2px 10px #aaa;
    -webkit-transition: all 200ms;
    transition: all 200ms;
    display: none;
}

.qrcode-box:after {
    content: '';
    position: absolute;
    left: 50%;
    margin-left: -8px;
    bottom: -16px;
    width: 0;
    height: 0;
    border-width: 8px 8px 8px 8px;
    border-style: solid;
    border-color: #f3f3f3 transparent transparent transparent;
}

.qrcode-box img {
    width: 100%;
    vertical-align: bottom;
}

.qrcode-box h4 {
    height: 26px;
    line-height: 26px;
    font-size: 12px;
    background-color: #f3f3f3;
    margin: 0;
    padding: 0;
    color: #777;
    font-weight: bold;
}

.qrcode {
    width: 138px;
    margin: 10px auto;
}

.xlg {
    background: transparent;
    border: 0;
    font-size: 25px;
    position: absolute;
    top: -6px;
    right: 2px;
    color: #000 !important;
}



/*hhh end*/
/*index start*/
.technologie li {
    float: left;
    width: 31%;
    margin-right: 3.5%;
}

.technologie li:last-child {
    margin-right: 0;
}

.technologie-nr {
    box-shadow: 0 3px 9px 0 rgba(232, 232, 232, 1);
    margin: 10px;
}

.page-style {
    margin-top: 50px;
}

.page-style .swiper-pagination-bullet {
    opacity: 1;
    width: 10px;
    height: 10px;
    background: #ddd;
    margin: 0 15px;
}

.page-style .swiper-pagination-bullet-active {
    background: #006bd3;
}

.technologie-warp {
    display: block;
    padding: 20px;
}

.tec-con {
    padding: 20px 0;
}

.tec-page {
    position: relative;
    padding-left: 75px;
    margin-bottom: 17px;
}

.tec-page img {
    position: absolute;
    left: 8px;
    top: 6px;
}

.tec-page h5 {
    margin-bottom: 5px;
}

.tec-page p {
    color: #949393;
    height: 3.2em;
}

/*.tec-page:nth-child(1) p{height: 1.6em;}*/
/*.tec-more{margin-left: 75px;}*/
.tec-more a,
.tec-more div,
.tec-more span {
    display: inline-block;
    vertical-align: middle;
}

.tec-more a {
    color: #282828;
}

.tec-more a.tec-more-dl {
    color: #006bd3;
}

.x6432-link {
    width: 64px;
}

.x6432 a,
.x6432 span {
    color: #006bd3;
}

.x6432 {
    width: 28px;
    overflow: hidden;
    height: 24px;
    transition: all .4s;
    white-space: nowrap;
}

/*.x6432:hover{width: 96px;}*/
.x6432-link a:hover {
    text-decoration: underline;
}

.xzlj {
    font-size: 0;
    margin-top: 40px;
}

.free {
    overflow: hidden;
    text-align: center;
    width: 123px;
    line-height: 40px;
    background: #fff;
    color: #949494;
    display: inline-block;
    border: 1px solid #d1d1d1;
    font-size: 14px;
    margin-right: 30px;
    transition: all .3s;
}

.free.active {
    color: #fff;
    background: #006bd3;
    border-color: #006bd3;
}

.industry-bot {
    width: 50.78%;
    margin: 0 auto 20px;
    font-size: 0;
    opacity: 1;
}

.industry-style a {
    display: inline-block;
    color: #909090;
    margin-right: 40px;
    position: relative;
    font-size: 14px;
}

.industry-style a:hover {
    color: #006bd3;
}

.industry-style a.active {
    color: #006bd3;
}

.industry-style a:after {
    content: '';
    position: absolute;
    right: -20px;
    top: 50%;
    height: 16px;
    margin-top: -8px;
    border-right: 2px solid #b2b2b2;
}

.industry-style a:last-child {
    margin-right: 0;
}

.industry-style a:last-child:after {
    display: none;
}

.industry-top {
    position: relative;
}

.industry-top .swiper-container {
    overflow: visible;
}

.industry-top .swiper-slide {
    transform: scale(0.85);
}

.industry-top .swiper-slide a {
    display: block;
    margin: 0 20px\0;
    position: relative;
}

.industry-top .swiper-slide.ready {
    transition: all .4s;
}

.industry-top .swiper-slide.swiper-slide-prev {
    transform-origin: right center;
}

.industry-top .swiper-slide.swiper-slide-next {
    transform-origin: left center;
}

.industry-top .swiper-slide-active {
    transform: scale(1);
    z-index: 5;
}

.industry-top .swiper-slide:hover .xz89 {
    margin-left: 20px;
}

.industry-top .img100 {
    position: relative;
    z-index: 1;
}

.industry-top .img100:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .5);
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7f000000, endcolorstr=#7f000000);
}

.ins-con {
    position: absolute;
    left: 80px;
    top: 110px;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all .4s;
    z-index: 5;
}

.industry-top .swiper-slide.swiper-slide-active .img100:before {
    opacity: 0;
    filter: alpha(opacity=0);
}

.industry-top .swiper-slide.swiper-slide-active .ins-con {
    opacity: 1;
    filter: alpha(opacity=100);
}

.ins-warp h2 {
    font-size: 30px;
    color: #fff;
    margin-bottom: 20px;
}

.ins-bot p {
    font-size: 16px;
    color: #fff;
}

.industry-top .newBtn {
    position: absolute;
    width: 50%;
    left: 25%;
    top: 0;
    height: 100%;
    margin-left: -9px;
}

.industry-top .newBtn div {
    position: absolute;
    top: 50%;
    margin-top: -18px;
    z-index: 9;
}

.industry-top .newBtn1 {
    left: 50%;
    left: 48%\0;
}

.industry-top .newBtn2 {
    left: 50%;
    left: 52%\0;
}

.roundabout-holder {
    list-style: none;
    width: 100%;
    margin: 0 auto
}

.roundabout-moveable-item {
    font-size: 14px;
    width: 50%;
    cursor: pointer;
    background: #f9f9f9
}

.roundabout-in-focus {
    cursor: auto
}

.argih {
    position: absolute;
    right: 0;
    bottom: -40px;
}

.cus {
    margin-right: 155px;
}

.cus-l {
    width: 28%;
    position: relative;
}

.cus-m {
    width: 48%;
}

.cus-r {
    width: 24%;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
}

.cus-page {
    position: relative;
}

.cus-con {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #e9e9e9;
}

.cus-m .img100 {
    width: 50%;
    position: relative;
}

.cus-r .img100 {
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    bottom: 0;
    overflow: hidden;
    background: #006bd3;
}

.cus-con h3 {
    font-size: 24px;
    line-height: 1.6em;
}

.cus-con p {
    font-size: 16px;
    color: #858585;
}

.cus-con .i {
    display: inline-block;
    width: 38px;
    border-top: 1px solid #3b3b3b;
    margin: 10px auto;
    transition: all .3s;
}

.cus-page .iconfont {
    font-size: 40px;
}

.cus-l .cus-con {
    background: none;
    height: 50%;
}

.cus-l .cus-con h3 {
    color: #fff;
}

.cus-l .cus-con p {
    color: #e6e6e6;
}

.cus-l .cus-con .i {
    border-color: #fff;
}

.cus-m .cus-con {
    width: 50%;
}

.cus-m .cus-page1 .i2 {
    width: 20px;
    height: 32px;
    position: absolute;
    left: -11px;
    top: 25px;
    z-index: 9;
}

.cus-m .cus-page1 .i2 span {
    color: #e9e9e9;
}

.cus-m .cus-page1 .img100 {
    float: right;
}

.cus-m .cus-page2 .cus-con {
    right: 0;
    left: auto;
    background: #006bd3;
}

.cus-m .cus-page2 h3 {
    color: #fff;
}

.cus-m .cus-page2 .i {
    border-color: #fff;
}

.cus-m .cus-page2 p {
    color: #9fcaf7;
}

.cus-m .cus-page2 .i2 {
    width: 20px;
    height: 32px;
    position: absolute;
    right: 10px;
    top: 25px;
    z-index: 9;
}

.cus-m .cus-page2 .i2 span {
    color: #006bd3;
}

.cus-r .i {
    max-width: 72px;
}

.cus-r .i2 {
    width: 32px;
    height: 20px;
    position: absolute;
    top: -14px;
    right: 34px;
    z-index: 9;
}

.cus-r .i2 span {
    color: #6ab1f5;
}

.cus-r:hover .imgcd {
    transform: scale(1.05);
}

.cus-r .cus-con {
    position: relative;
    height: 50%;
    background: #6ab1f5;
}

.cus-r .cus-page {
    height: 100%;
}

.cus-r h3 {
    color: #fff;
}

.cus-r .cus-con .i {
    border-color: #fff;
}

.cus-r p {
    color: #fff;
}

.cus-page:hover .i {
    width: 96px;
}

.cus-l .cus-page:hover .i {
    width: 120px;
}

.cus-more {
    position: absolute;
    right: 0;
    width: 155px;
    height: 100%;
    top: 0;
    background: #006bd3;
    text-align: center;
    color: #fff;
    overflow: hidden;
}

.cus-more .i {
    width: 34px;
    height: 17px;
    margin: 0 auto 20px;
}

.cus-more .i .iconfont {
    font-size: 34px;
}

.cus-more .middle-box {
    transition: all .4s;
}

.cus-more:hover .middle-box {
    transform: scale(1.1);
}

.swiper-slide {
    position: relative;
}

.zxzx {
    position: relative;
    z-index: 22;
}

.news .swiper-slide.on {
    opacity: 1;
    transition: all .5s;
}

.news .swiper-slide a {
    display: block;
    border: 1px solid #eaeaea;
    background: #fff;
}

.new-bot {
    padding: 40px 30px 14px;
    background: #fff;
    border-bottom: 2px solid #006bd3;
    height: 176px;
}

.new-warp h3 {
    font-size: 16px;
    color: #2e2e2e;
    margin-bottom: 5px;
    line-height: 26px;
    height: 52px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.new-warp p {
    font-size: 13px;
    color: #aaaaaa;
    overflow: hidden;
    line-height: 26px;
    height: 78px;
    margin-bottom: 26px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.newBtn div {
    cursor: pointer;
    width: 36px;
    height: 36px;
    position: absolute;
    background: #f5f7f6;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9;
    color: #006bd3;
}

.newBtn div:hover {
    background: #006bd3;
    color: #fff;
}

.newBtn .iconfont {
    font-size: 24px;
    margin: 4px;
    display: block;
}

.newBtn1 {
    left: -60px;
}

.newBtn2 {
    right: -60px;
}

.more-box {
    transition: all .3s;
    position: relative;
    z-index: 12;
}

.more {
    display: inline-block;
    position: relative;
    text-transform: uppercase;
    font-size: 12px;
    color: #b9b9b9;
}

.more .iconfont {
    display: inline-block;
    content: '';
    vertical-align: middle;
    margin-top: -4px;
}

.more-box .shijian {
    font-size: 16px;
    margin-right: 5px;
}

.more-box .mainjiantou {
    margin-left: 5px;
    transition: none;
}

.more img {
    position: absolute;
    right: 22px;
    top: 50%;
    margin-top: -5px;
}

.zxzx-1600 {
    background: #fff;
    position: relative;
    z-index: 2;
}

.new-hide {
    position: absolute;
    bottom: -54px;
    left: 0;
    width: 100%;
    height: 54px;
    background: #006bd3;
    z-index: 9;
    transition: all .4s;
    line-height: 54px;
}

.new-hide .more {
    color: #fff;
    position: absolute;
    right: 30px;
}

/*.news .swiper-slide:hover .new-hide{bottom:-1px;}*/
/*.news .swiper-slide:hover .more-box{width: 100%;}*/
/*.news .swiper-slide:hover .more{color: #fff;}*/
/*.news .swiper-slide:hover .more{color: #fff;}*/
.more:hover {
    color: #006bd3;
}

.ljgd-jt {
    color: #666;
    transition: all .4s;
}

.ljgd-jt:hover {
    color: #006bd3;
}

.ljgd-jt i {
    display: inline-block;
    vertical-align: middle;
    margin-top: -4px;
    margin-left: 5px;
    transition: transform .4s;
}

.ljgd-jt:hover i {
    transform: translateX(8px);
}

.join {
    background: #f5f7f6;
    height: 820px;
    position: relative;
    margin-top: -195px;
}

.joinbg {
    z-index: 1;
}

.joinbg .swiper-container {
    height: 100%;
}

.joinbg .swiper-slide {
    height: 100%;
}

.join-con {
    position: absolute;
    top: 195px;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 9;
}

.join-btn {
    font-size: 0;
}

.join-btn a {
    border: 1px solid #fff;
    color: #fff;
    overflow: hidden;
}

.zheshi {
    position: absolute;
    left: 77px;
    top: 70px;
    z-index: 9;
}

.zheshi p {
    font-size: 18px;
    color: #fff;
}

.zheshi .i {
    width: 2px;
    height: 0;
    overflow: hidden;
    background: #fff;
    top: 8px;
    left: -25px;
    position: absolute;
    animation-delay: 600ms !important;
    transition-delay: 600ms !important;
}

.zheshi .i:before {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    height: 12px;
    background: #006bd3;
}

.jrPage {
    margin-top: 10px;
}

.jrPage .swiper-pagination-bullet {
    opacity: 1;
    width: 18px;
    height: 2px;
    background: #fff;
    border-radius: 0;
    margin-right: 3px;
    margin-left: 0;
}

.jrPage .swiper-pagination-bullet-active {
    background: #006bd3;
}

.hot-new {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
    z-index: 9;
}

.hot-new img {
    vertical-align: bottom;
}

.hover-style-bgfff i {
    background: #fff;
}

.hover-style-bgfff:hover {
    border-color: #fff !important;
    color: #2b6bff;
    background: #fff;
}

.banner-page {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 60px;
    z-index: 9;
}

.banner-page li {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #BDBDBD;
    transition: background .3s;
    margin: 0 4px;
    vertical-align: top;
    cursor: pointer;
}

.banner-page li.active {
    background: #006bd3;
}


.wapbannerDot {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 10px;
    z-index: 9;
    text-align: center;
}

.wapbannerDot .swiper-pagination-switch {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #BDBDBD;
    transition: background .3s;
    margin: 0 4px;
    vertical-align: top;
    cursor: pointer;
}

.wapbannerDot .swiper-active-switch {
    background: #006bd3;
}

.banner-text {
    text-align: right;
    margin-left: 140px;
}

.banner-text span {
    font-size: 30px;
    color: #fff;
    display: block;
}

.banner-text h2 {
    font-size: 48px;
    color: #fff;
    margin: 10px 0;
    letter-spacing: 2px;
}

.banner-text .en {
    font-size: 20px;
    color: #fff;
    text-transform: uppercase;
}

.banner li.li2 .banner-text {
    float: none;
    text-align: left;
    margin-left: 0;
}

.banner li.li1 .banner-text span {
    color: #006bd3
}

.banner li.li1 .banner-text h2 {
    color: #006bd3
}

.banner li.li1 .banner-text .en {
    color: #006bd3
}

.banner li {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    /*opacity: 0;*/
    transition: all .8s;
    /*visibility: hidden;*/
}

.banner li.li1 {
    position: static;
}

.banner li.active {
    opacity: 1;
    visibility: visible;
}

.home-img-bg .ban-left {
    margin-left: 8.5%;
}

.home-img-bg {
    display: flex;
    align-items: center;
    width: 100%;
}

.home-img-bg,
.home-banner-bg-a img {
    height: 900px;
}

.home-img-bg {
    background-size: cover;
}

.new-banner-wrapper a.ban-bg {
    cursor: pointer
}

.home-img-bg2 .index-banner-txt1 {
    color: #2ad2f6;
    font-size: 30px;
    margin-top: 14px;
}

.home-img-bg2 .index-banner-txt2 {
    color: #1942c6;
    font-size: 20px;
    padding: 2px 30px;
    border-radius: 20px;
    background-color: #2eefff;
    margin-top: 14px;
    margin-bottom: 80px;
    text-align: center;
    display: inline-block;
}

.home-img-bg-right {
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 80%;
}

.index-banner-qr-code {
    display: none;
}

.index-banner-qr-code .index-banner-qrcode-img {
    width: 70px;
}

.index-banner-qr-code .index-banner-qrcode-txt {
    color: #ffffff;
    font-size: 12px
}

/*sim*/
.banner-sim .banner-text {
    text-align: left;
    margin-left: 0;
    padding-top: 73px;
    width: 36%;
}

.banner-sim h2 {
    margin-bottom: 20px;
    color: #fff;
}

.banner-sim-list {
    font-size: 0;
    width: 60%;
    max-width: 100%;
}

.banner-sim-piece {
    font-size: 14px;
    display: inline-block;
    vertical-align: top;
    width: 31.33%;
    margin-left: 2%;
    text-align: center;
}

.banner-sim-piece-warp {
    padding: 7px;
    background: rgba(255, 255, 255, .5);
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr=#7fffffff, endColorstr=#7fffffff);
    transition: all .4s;
}

.banner-sim-piece:hover .banner-sim-piece-warp {
    background: #0063d3;
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr=#0063d3, endColorstr=#0063d3);
}

.banner-sim-piece .img100 .img {
    overflow: hidden;
}

.banner-sim-bot {
    padding: 15px 5px;
    transition: all .4s;
}

.banner-sim-bot strong {
    color: #707070;
}

.banner-sim-bot p {
    color: #707070;
    margin: 5px 0 0;
    line-height: 20px;
    height: 40px;
}

.banner-sim-bot span {
    color: #717171;
}

.banner-sim-bot a {
    color: #717171;
}

.banner-sim-bot a:hover {
    color: #2788d3;
    text-decoration: underline;
}

.banner-sim-bot a.try {
    color: #2788d3;
}

.banner-sim-hide {
    display: none;
}

.banner-sim .banner-text span {
    display: inline-block;
    margin-right: 10px;
}

.banner-sim .mfxz {
    width: 120px;
    height: 40px;
    line-height: 40px;
    border-radius: 0;
    font-size: 18px;
    margin-top: 40px;
    display: none;
}

.banner-sim .banner-sim-en .mfxz {
    background: #fff;
    color: #0ab181;
}

.banner-sim-piece:hover .img100 {
    background: #0063d3;
}

.banner-sim-piece:hover .banner-sim-bot {
    background: #fff;
}

/*sim*/

.xz89 img {
    display: inline-block;
}

.xz89 {
    margin-right: 50px;
    color: #fff;
    transition: all .4s;
}

.deng {
    position: absolute;
    width: 60px;
    height: 60px;
    background: url("../images/deng.png") no-repeat center;
    background-size: cover;
    left: 50%;
    margin-left: -30px;
    bottom: 34px;
}

.deng:before {
    content: '';
    position: absolute;
    left: 50%;
    border-left: 1px solid #fff;
    bottom: 100%;
    margin-bottom: 14px;
    height: 40px;
}

.hot-news {
    height: 22px;
    margin-bottom: 22px;
    position: relative;
    padding-left: 46px;
}

.hot-news .swiper-container {
    height: 100%;
}

.hot-news .swiper-slide a {
    color: #fff;
    white-space: nowrap;
    overflow: scroll;
}

.hot-news .swiper-slide a .iconfont {
    margin-left: 10px;
    margin-top: -2px;
    display: inline-block;
    vertical-align: middle;
}

.hotBtn {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 0;
    z-index: 5;
}

.hotBtn div {
    width: 13px;
    height: 22px;
    display: inline-block;
    font-size: 14px;
    background-color: #1173c5;
    margin-right: 3px;
    cursor: pointer;
}

.hotBtn div:hover {
    background-color: #007fff;
}

.hotBtn .iconfont {
    font-size: 14px;
    color: #fff;
}

.zhili img {
    max-width: 80%;
}

.news .swiper-slide a {
    margin: 0 30px;
    position: relative;
}

.size48 {
    font-size: 48px;
}

.zhili h2 {
    color: #fff;
}

.zhili h2:nth-child(1) {
    margin-bottom: 20px;
}

.news .swiper-slide a:hover .more {
    color: #006bd3;
}

/*index end*/

/*1二维CAD-首页 start*/
.download-bite {
    display: inline-block;
    width: 160px;
    line-height: 40px;
    border: 1px solid #fff;
    border-radius: 8px;
    text-align: center;
    margin: 0 18px;
}

.d2banner-text {
    margin-right: 100px;
    text-align: left;
}

.d3banner-img {
    width: 375px;
}

.zwcad-list {
    margin: 0 -1%;
}

.zwcad-list li {
    float: left;
    box-shadow: 2px 3.464px 12.74px 0.26px rgba(198, 198, 198, 0.48);
    /*filter: progid:DXImageTransform.Microsoft.Shadow(color='#c6c6c6', Direction=125, Strength=9); */
    border-radius: 10px;
    overflow: hidden;
    width: 23%;
    margin: 0 1%;
    position: relative;
    z-index: 2;
}

.zwcad-con {
    border: 1px solid rgba(198, 198, 198, 0.2);
    border-radius: 10px;
    padding: 40px 0;
    transition: all .4s;
}

.zwcad-list li img {
    width: 80px;
    margin-right: 32px;
}

.zwcad-list li:hover .zwcad-con {
    background: #006bd3;
}

.zwcad-list li:hover p {
    color: #fff;
}

.zwcad-con .img2 {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
}

.zwcad-list li:hover .img1 {
    opacity: 0;
    filter: alpha(opacity=0);
}

.zwcad-list li:hover .img2 {
    opacity: 1;
    filter: alpha(opacity=100);
}

.linux-2d-ban-des {
    width: 60%;
}

.zero {
    background: url("../images/zbg.jpg") no-repeat center;
    background-size: cover;
}

.zero-text {
    width: 37%;
}

.zero-list li {
    color: #7da9ff;
    margin-bottom: 40px;
    padding-left: 40px;
    position: relative;
    cursor: pointer;
}

.zero-list li:last-child {
    margin-bottom: 0;
}

.zero-list li:before {
    content: '';
    position: absolute;
    left: 10px;
    top: 20px;
    border-top: 2px solid #fff;
    width: 0;
    transition: all .4s;
}

.zero-list li.active {
    color: #fff;
}

.zero-list li.active:before {
    width: 20px;
}

.zero-list li h3 {
    margin-bottom: 10px;
}

.zero-list li h3 i {
    margin-left: -10px;
    opacity: 0;
    transition: all .4s;
}

.zero-list li.active h3 i {
    margin-left: 10px;
    opacity: 1;
}

.zero-img {
    width: 41.25%;
}

.zero-btn a {
    position: absolute;
    width: 48px;
    height: 48px;
    left: 50%;
    margin-left: -24px;
    z-index: 9;
}

.zero-btn-prev {
    top: -60px;
    background-image: url("../images/zero-btn-prev.png");
    display: none;
}

.zero-btn-next {
    bottom: -60px;
    background-image: url("../images/zero-btn-next.png");
}

.title60 .margin-top0 {
    margin-top: 0 !important;
}

.effect-warp {
    padding: 0 30px;
    position: relative;
}

.effect-warp .img100 {
    overflow: hidden;
    height: 398px;
}

.effect-warp video {
    width: 100%;
    display: block;
    height: 398px;
}

.effect-warp embed {
    width: 100%;
    display: block;
    height: 398px;
}

.effect-warp iframe {
    height: 460px;
    width: 100%;
}

.effect {
    padding-top: 20px;
    width: 780px;
    margin: 0 auto;
}

.effect-top {
    height: 150px;
    position: relative;
    text-align: center;
    margin-right: 60px;
}

.effect-dgt {
    margin-bottom: 140px;
}

/*.effect-title{position: absolute;left: 0;width: 100%;top:0;box-sizing: border-box;height: 100%;}*/
.effect-top h3 {
    position: absolute;
    bottom: 47px;
    left: 0;
    width: 100%;
}

.effect-top p {
    color: #929292;
    margin-top: 15px;
    display: none;
}

.swiper-slide-active .effect-top {
    text-align: left;
    padding-left: 50px;
}

.swiper-slide-active .effect-top p {
    display: block;
}

.swiper-slide-active .effect-top h3 {
    color: #092b9c;
    position: static;
}

.swiper-slide-active .effect-top img {
    display: block;
}

.effect-top img {
    position: absolute;
    left: 0;
    width: 32px;
    top: 5px;
    color: #092b9c;
    display: none;
}

.effect-box {
    padding-bottom: 0 !important;
}

.effect-box-bg {
    position: absolute;
    left: 50%;
    top: 30px;
    z-index: -1;
    width: 446px;
    max-width: 100%;
    margin-left: -60px;
}

/*.effect .swiper-container{overflow: visible;}*/
.effect .swiper-container {
    overflow: visible;
}

.effect .swiper-slide {
    opacity: 0.3;
    transition: all .4s;
    padding-bottom: 0 !important;
}

.effect .swiper-slide-active {
    opacity: 1;
}

.effect .swiper-slide .img100 .middle-box {
    background: #000;
    text-align: center;
}

.effect .swiper-slide .img100 .middle-box p {
    color: #fff;
    padding: 0 10px;
}

.computer {
    position: absolute;
    top: 154px;
    left: -84px;
    right: -95px;
    bottom: -73px;
}

.computer img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.cxyyty {
    padding: 190px 0 20px;
}

.cxyyty-bg {
    position: absolute;
    left: 50%;
    top: 28px;
    margin-left: 80px;
}

.cxyyty-list {
    margin: 0 -0.25%;
}

.cxyyty-list li {
    float: left;
    background: #fafafa;
    overflow: hidden;
    width: 49%;
    margin: 0.5%;
}

.cxyyty-list-warpd {
    z-index: 2;
    padding: 40px 0;
}

.cxyyty-top {
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
    width: 25%;
}

.cxyyty-bot {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
    width: 30.5%;
}

.cxyy-con {
    width: 580px;
    max-width: 92%;
    margin: 0 auto;
    height: 450px;
}

.color092b9c {
    color: #092b9c;
}

.cxyy-con h3 {
    margin-bottom: 10px;
}

.cxyy-con p {
    height: 4.8em;
    margin-bottom: 10px;
    padding: 0 32px;
}

.cxyy-hide {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    background: rgba(0, 0, 0, .3);
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr=#4c000000, endColorstr=#4c000000);
    transition: all .4s;
}

.cxyyty-img video {
    width: 100%;
    vertical-align: bottom;
}

.cxyy-icon {
    background: #fff;
    border-radius: 100%;
    width: 60px;
    padding: 20px;
    margin-right: 20px;
    position: relative;
    z-index: 6;
}

.cxyy-hide-con {
    transition: all .4s;
}

.cxyy-icon,
.cxyy-bt {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
}

.cxyy-bt {
    width: 300px;
}

.cxyy-tbog {
    height: 0;
    transition: all .4s;
    transition-delay: 200ms !important;
    opacity: 0;
    filter: alpha(opacity=0);
}

/*.cxyy-tbog{height:125px;}*/
.cxyyty-list li.hover .cxyy-hide {
    background: rgba(0, 0, 0, 0);
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr=#19000000, endColorstr=#19000000);
}

.cxyyty-list li.hover .cxyy-hide-con {
    margin-top: -180px;
    opacity: 0;
    filter: alpha(opacity=0);
}

.cxyyty-list li.hover .cxyy-icon {
    z-index: -2;
    filter: alpha(opacity=0);
    display: none;
}

.cxyyty-list li.hover .cxyy-tbog {
    height: 125px;
    opacity: 1;
    filter: alpha(opacity=100);
}

.zindex9 {
    position: relative;
    z-index: 9;
}

.zhichiliunx-con {
    width: 790px;
    max-width: 92%;
    margin: 0 auto;
}

.zhichiliunx-warp {
    width: 197px;
    z-index: 4;
    margin-top: 70px;
}

.zhichiliunx-warp div {
    border-radius: 100%;
    overflow: hidden;
}

.zhichiliunx-dots div {
    position: absolute;
    border: 1px solid #fff;
    z-index: -1;
    opacity: 0.1;
    filter: alpha(opacity=10);
}

.zhichiliunx-dots .div1 {
    width: 172%;
    height: 172%;
    top: -36%;
    left: -36%;
    transition-delay: 300ms !important;
}

.zhichiliunx-dots .div2 {
    width: 253%;
    height: 253%;
    top: -76.5%;
    left: -76.5%;
    transition-delay: 600ms !important;
}

.zhichiliunx-dots .div3 {
    width: 363%;
    height: 363%;
    top: -131.5%;
    left: -131.5%;
    transition-delay: 900ms !important;
}

.zhichiliunx-dots .div4 {
    width: 522%;
    height: 522%;
    top: -211%;
    left: -211%;
    transition-delay: 1200ms !important;
}

.zhichiliunx-dots .div5 {
    width: 697%;
    height: 697%;
    top: -298.5%;
    left: -298.5%;
    transition-delay: 1500ms !important;
}

.zhichiliunx-dots .div6 {
    width: 906%;
    height: 906%;
    top: -403%;
    left: -403%;
    transition-delay: 1800ms !important;
}

.zhichiliunx-con {
    height: 486px;
}

.zhichiliunx-bot {
    margin-top: 20px;
    position: relative;
    z-index: 30;
}

.zhichiliunx-bot a {
    width: auto;
    padding: 0 20px;
    transition: all .4s;
    display: inline-block;
}

.cpu-version div {
    border: 1px solid rgba(255, 255, 255, .7);
    background: rgba(255, 255, 255, .3);
    color: #fff;
    border-radius: 100%;
    position: absolute;
    width: 90px;
    line-height: 90px;
    height: 90px;
    text-align: center;
    z-index: 4;
    overflow: hidden;
}

.cpu-version .p1 {
    left: -100%;
    top: 21%;
}

.cpu-version .p2 {
    left: -154%;
    top: 58%;
}

.cpu-version .p3 {
    left: -225%;
    top: 92%;
}

.cpu-version .p4 {
    left: -309%;
    top: 120%;
}

.cpu-version .p5 {
    left: -420%;
    top: 130%;
}

.multiplicity .version-download a {
    border-radius: 32px;
}

.jixie {
    position: absolute;
    right: -20px;
    top: 20px;
    width: 100px;
    height: 40px;
    line-height: 40px;
    box-shadow: 0.726px 2.911px 6.56px 1.44px rgba(198, 198, 198, 0.4);
    background: #fff;
    font-size: 15px;
    color: #092b9c;
    transition: all .4s;
}

.ljxq {
    display: inline-block;
    height: 26px;
    width: 95px;
    border: 1px solid #d6d6d6;
    line-height: 26px;
    border-radius: 5px;
    text-align: center;
    color: #b0b0b0;
    transition: all .4s;
}

.ljxq:hover {
    border: 1px solid #0054c1;
    color: #0054c1;
}

.ljxq:hover i {
    width: 100%;
}

a:hover .jixie {
    background: #092b9c;
    color: #fff;
}

.multiplicity .version-con {
    padding: 60px 0;
}

.multiplicity .version-con p {
    font-size: 14px;
}

.multiplicity .version-con .img1 img {
    width: auto;
}

.multiplicity .lsbbxz {
    margin: 0 -1.5%;
}

.multiplicity .more-items-box {
    right: 1.5%;
}

.multiplicity .lsbbxz li {
    width: 22%;
    margin: 0 1.5%;
}

.multiplicity .version-con p {
    max-width: 100%;
    margin: 0 auto 20px;
    height: 3.2em;
}

.ljgdhyyy {
    display: block;
    margin: 0 auto;
    width: 204px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 5px;
    border: 1px solid #0054c1;
    color: #0054c1;
    transition: all .4s;
    overflow: hidden;
}

.ljgdhyyy .iconfont {
    margin-left: 8px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    transition: none;
}

.ljgdhyyy:hover {
    color: #fff;
    background: #2b6bff;
}

.effect-btn {
    position: absolute;
    top: 70px;
    right: 20px;
    z-index: 9;
}

.effect-btn a {
    width: 32px;
    height: 32px;
    display: inline-block;
    position: relative;
}

.effect-btn a span {
    font-size: 32px;
    color: #c1c1c1;
    transition: all .4s;
}

.effect-btn a:hover span {
    color: #0054c1;
}

.more-position-box {
    position: absolute;
    right: 0;
    height: 98%;
    bottom: 1%;
    width: 32%;
}

.bg0054c1 {
    background: #0054c1;
}

.zhichiliunx-bot .ljgdhyyy {
    border-color: #fff;
    color: #fff;
}

._8zk4 {
    bottom: 0;
    fill-opacity: 0;
    left: 0;
    opacity: 1;
    position: absolute;
    right: 0;
    stroke: #0054c1;
    stroke-dasharray: 110;
    stroke-dashoffset: 110;
    stroke-width: 3;
    top: 0;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: opacity .3s cubic-bezier(.14, 1, .34, 1);
    transition: opacity .3s cubic-bezier(.14, 1, .34, 1);
    width: 100%;
    height: 100%;
}

.effect-right.active ._8zk4 {
    display: none;
    -webkit-animation: strokedash-data-v-6ccef624 5.3s infinite;
    animation: strokedash-data-v-6ccef624 5.3s infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

@-webkit-keyframes strokedash-data-v-6ccef624 {
    to {
        stroke-dashoffset: 0
    }
}

@keyframes strokedash-data-v-6ccef624 {
    to {
        stroke-dashoffset: 0
    }
}

.cad2d-body .ban-bg {
    background-position: 80%;
}

/*1二维CAD-首页 end*/

/*1案例-主页 start*/
.size60 {
    font-size: 60px;
}

.case-ban-search {
    width: 500px;
    max-width: 100%;
    margin: 0 auto 10%;
    background: #fff;
    line-height: 48px;
    height: 48px;
}

.case-ban-select {
    cursor: pointer;
}

.case-ban-select:after {
    content: '';
    border-right: 1px solid #cacaca;
    height: 24px;
    top: 50%;
    margin-top: -12px;
    position: absolute;
    right: 0;
    display: none;
}

.case-select-type {
    ;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    width: 140px;
    background: #0042a4;
    color: #fff;
}

.case-select-val {
    margin-left: 140px;
    border: 1px solid #ddd;
    box-sizing: border-box;
    text-indent: 10px;
    line-height: 48px;
    height: 48px;
}

.case-input-box {
    margin-left: 192px;
    border-radius: 8px;
}

.case-select-vals {
    position: absolute;
    left: 0;
    width: 100%;
    top: 49px;
    background: #fff;
    max-height: 240px;
    overflow: auto;
    display: none;
    box-shadow: 0 1px 2px #ddd;
}

.case-select-vals a {
    display: block;
    text-align: center;
}

.case-select-vals a:hover {
    background: #0042a4;
    color: #fff;
}

.case-ban-select .i {
    position: absolute;
    right: 10px;
    top: 0;
    font-size: 14px;
}

.case-ban-select .i span {
    font-size: 14px;
}

.case-input-box .text {
    display: block;
    width: 100%;
    height: 48px;
    line-height: 48px;
    text-indent: 35px;
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
}

.case-submit {
    position: absolute;
    width: 77px;
    height: 100%;
    right: 0;
    top: 0;
    text-align: center;
    background: #ff7f29;
    transition: all .4s;
}

.case-submit span {
    color: #fff;
    font-size: 24px;
    transition: all .3s;
    display: block;
}

.case-submit:hover {
    box-shadow: 0 0 9px 0 rgba(255, 127, 41, 0.8);
}

.case-submit:hover .icon-search {
    transform: translateZ(0) scale(1.2);
}

.reading .swiper-container {
    margin: 0 60px;
}

.reading .swiper-slide a {
    display: block;
    position: relative;
    margin: 0 20px;
    color: #fff;
}

.reading-con {
    position: absolute;
    top: 50px;
    left: 50px;
    right: 50px;
}

.reading-con p {
    margin: 20px 0 30px;
}

.reading-con span {
    display: block;
    width: 100px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #cae3f9;
    text-align: center;
    border-radius: 4px;
}

.reading-btn a {
    position: absolute;
    height: 100%;
    top: 0;
    width: 60px;
    background: #f5f5f5;
    z-index: 9;
    transition: all .4s;
}

.reading-btn-left {
    left: 0;
}

.reading-btn-right {
    right: 0;
}

.reading-btn a span {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -10px 0 0 -10px;
}

.reading-btn a:hover {
    background: #006bd3;
    color: #fff;
}

.title60 h3.colorf5f8fd {
    color: #f5f8fd;
}

.cases {
    font-size: 0;
    padding-bottom: 10px;
    margin: 0 -1.5%;
}

.cases li {
    display: inline-block;
    width: 22%;
    margin: 0 1.5% 3.46%;
    vertical-align: top;
    border-radius: 5px;
    box-shadow: 0 0 9px 0 rgba(178, 178, 178, 0.4);
    overflow: hidden;
    font-size: 14px;
}

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

.cases li .shijiantoushangup {
    position: absolute;
    bottom: -5px;
    z-index: 9;
    left: 35px;
    color: #f8f8f8;
    font-size: 36px;
}

.cases li:hover .mainjiantou {
    right: -5px;
}

.cases-con {
    padding: 40px 25px;
    background: #f8f8f8;
}

.cases-con p {
    color: #929292;
    height: 3.2em;
    margin: 15px 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.read-all {
    display: inline-block;
    color: #006bd3;
    border-bottom: 1px solid #dcdcdc;
    padding-bottom: 10px;
    position: relative;
}

.read-all:after {
    content: '';
    width: 12px;
    border-bottom: 1px solid #006bd3;
    bottom: -1px;
    left: 0;
    transition: all .4s;
    position: absolute;
}

.cases li:hover .read-all:after {
    width: 100%;
}

.read-all:hover:after {
    width: 100%;
}

.cases-type {
    position: absolute;
    right: 7px;
    bottom: 7px;
    background: #ed7d35;
    width: 74px;
    line-height: 25px;
    height: 25px;
    text-align: center;
    color: #fff;
    font-size: 13px;
    border-radius: 5px;
}

.padding-tb130 {
    padding: 130px 0;
}

.more-conpany {
    background: url("../images/gdqy-bg.jpg") no-repeat center;
    background-size: cover;
}

.partner {
    font-size: 0;
}

.partner li {
    display: inline-block;
    font-size: 14px;
    width: 18.6%;
    margin-right: 1.75%;
    margin-bottom: 1.75%;
}

/*.partner li .img100{border:1px solid #cfcfcf;}*/
.partner li:nth-child(5n) {
    margin-right: 0;
}

.morechoose {
    display: block;
    width: 280px;
    line-height: 56px;
    height: 56px;
    text-align: center;
    margin: 90px auto 0;
    background: #006bd3;
    color: #fff;
    font-size: 18px;
}

.morechoose span {
    margin-left: 10px;
    transition: all .4s;
    display: inline-block;
}

.morechoose:hover span {
    transform: translateX(10px);
}

.bg006bd3 {
    background: #006bd3;
}

.bg006bd3 .menu li.active {
    background: #078bed;
}

.bg006bd3 .menu li:hover {
    background: #078bed;
}

.read-all .iconfont {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    margin-top: -2px;
}

.reading .swiper-slide a .mainjiantou {
    position: absolute;
    right: 10%;
    bottom: 10%;
    transition: all .4s;
}

.reading .swiper-slide a:hover .mainjiantou {
    right: 5%;
    bottom: 10%;
}

.recommend2d .morechoose {
    background: #0042a4;
}

/* 英文案例标题控制在2行，描述文字3行，超出则省略号显示 */
.cases-con h3 {
    line-height: 1.6em;
    height: 3.2em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

/*1案例-主页 end*/
/*2.2案例详情 start*/
/*.ban{overflow: hidden;}*/
.h449 {
    height: 449px;
}

.alxq-ban-con {
    position: absolute;
    width: 100%;
    left: 0;
    z-index: 9;
    bottom: 90px;
}

.alxq-ban-bot {
    color: #fff;
}

.alxq-ban-bot span {
    margin-right: 40px;
}

.alxq-ban-con h2 {
    margin-bottom: 15px;
}

.alxq-ban-con p {
    margin-bottom: 30px;
}

.date i {
    font-size: 14px;
}

.alxq-ban-bot i {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    margin-top: -4px;
}

.padding-tb40 {
    padding: 40px 0;
}

.position {
    line-height: 20px;
}

.position span,
.position a {
    display: inline-block;
    vertical-align: middle;
    color: #002088;
}

.position span {
    font-size: 16px;
}

.position a:last-child {
    color: #0044cc;
}

.position .home {
    margin-top: -4px;
    margin-right: 5px;
}

.margin-bot50 {
    margin-bottom: 50px;
}

.alxq-left {
    width: 73.5%;
}

.alxq-right {
    width: 24.8%;
}

.service-content-new .alxq-right {
    width: 20%;
    margin-top: 97px;
}

.bgf8 {
    background: #f8f8f8;
}

.padding10 {
    padding: 10px;
}

.padding50 {
    padding: 50px;
}

.padding60 {
    padding: 60px;
}

.alxq-sp {
    cursor: pointer;
}

.alxq-play {
    transition: all .4s;
    position: absolute;
    width: 70px;
    height: 69px;
    color: #fff;
    border-radius: 100%;
    left: 50%;
    top: 50%;
    margin-top: -40px;
    margin-left: -40px;
    background: url("../images/icon-play.png") no-repeat center;
    background-size: cover;
}

.alxq-sp:hover .alxq-play {
    background: url("../images/icon-play-on.png") no-repeat center;
    background-size: cover;
}

.alxq-play span {
    font-size: 80px;
}

.alxq-a-img {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -55px;
    width: 250px;
}

.alxq-a-img img {
    width: 100%;
}

.alxq-a-con {
    margin-left: 275px;
    border-left: 1px solid #e2e2e2;
    padding-left: 48px;
    padding-bottom: 20px;
    min-height: 200px;
}

.alxq-a-con p {
    margin-top: 20px;
    color: #747474;
    line-height: 2em;
}

.alxq-b {
    margin: 60px 0;
}

.alxq-b li {
    margin-bottom: 35px;
}

.alxq-b li:last-child {
    margin-bottom: 0;
}

.alxq-b h4 {
    display: inline-block;
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 15px;
    margin-bottom: 15px;
    position: relative;
}

.alxq-b h4 .i {
    position: absolute;
    left: 0;
    bottom: -1px;
    border-top: 2px solid #006bd3;
    width: 28px;
    transform-origin: left;
}

.alxq-b p {
    line-height: 2em;
    color: #666666;
}

.alxq-c-top h4 {
    position: relative;
    padding-bottom: 25px;
    display: inline-block;
}

.alxq-c-top h4 .i {
    position: absolute;
    left: 0;
    bottom: -1px;
    border-top: 1px solid #006bd3;
    width: 100%;
    transform-origin: left;
}

.alxq-c-top {
    border-bottom: 1px solid #d2d2d2;
}

.edited p {
    line-height: 30px;
    color: #747474;
    margin-bottom: 40px;
    font-size: 16px;
}

.edited a {
    line-height: 30px;
    color: #747474;
    font-size: 16px;
}

.edited p:last-child {
    margin-bottom: 0;
}

.edited img {
    display: block;
    margin: 0 auto 40px;
    max-width: 100%;
    height: auto !important;
}

.alxq-page a {
    color: #747474;
    display: block;
    padding-left: 86px;
    padding-right: 90px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    transition: all .4s;
}

.alxq-page li {
    margin-bottom: 25px;
    position: relative;
}

.page-go {
    position: absolute;
    left: 0;
}

.page-date {
    position: absolute;
    right: 0;
}

.alxq-page a:hover {
    color: #006bd3;
}

.alxq-right-con {
    padding: 60px 40px;
}

.color006bd3 {
    color: #006bd3;
}

.alxq-right-con h3 {
    margin-bottom: 15px;
}

.alxq-right-con h4 {
    color: #666;
    margin-bottom: 40px;
}

.alxq-right-con p {
    color: #747474;
    line-height: 2em;
}

.sptc {
    position: fixed;
    z-index: 99999;
    background: rgba(0, 0, 0, 0.5);
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7f000000, endcolorstr=#7f000000);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: none;
}

.video_t {
    position: absolute;
    left: 50%;
    margin-left: -400px;
    margin-top: -280px\0;
    top: 50%;
    transform: translateY(-50%);
    width: 800px;
}

.video_t a {
    position: absolute;
    width: 38px;
    height: 38px;
    right: -19px;
    top: -19px;
    z-index: 9;
}

.video_t a .close {
    font-size: 40px;
    color: #fff;
}

.video_t a img {
    width: 100%;
    vertical-align: bottom;
}

.video_t video {
    width: 100%;
    vertical-align: bottom;
    display: block;
    max-width: 100%;
}

.video_t embed {
    width: 800px;
    height: 560px;
    vertical-align: bottom;
    display: block;
    max-width: 100%;
}

.shipin-con {
    background: #000;
    color: #fff;
    min-height: 200px;
    line-height: 200px;
    text-align: center;
}

.shipin-con iframe {
    width: 100%;
    height: 450px;
    vertical-align: middle;
}

.new-problem-width {
    width: 73.5%;
}

.new-problem {
    border: 1px solid #d9dbdb;
    background: #fff;
    margin: 30px 0 0 0;
}

.new-problem-th {
    border-bottom: 1px solid #d9dbdb;
    line-height: 52px;
    height: 52px;
    background: #fafafa;
    font-size: 16px;
    text-align: center;
}

.new-problem a {
    cursor: pointer;
    display: inline-block;
    color: #000000;
    float: left;
    width: 25%;
}

.new-problem a.active {
    color: #087cd8;
}

.new-problem-td {
    padding: 50px 0 30px 0;
    display: none;
    width: 100%;
    box-sizing: border-box;
}

.new-problem-list p {
    float: left;
    color: #5d5d5d;
    line-height: 42px;
    width: 40%;
    margin: 0 5%;
}

.new-problem-list p a {
    color: #5d5d5d;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    width: 68%;
}

.new-problem-list p a:hover {
    color: #087cd8;
}

.new-problem-list p a.active {
    color: #969696;
}

.new-problem-list p i {
    padding-right: 6px;
}

.new-problem-list p span {
    float: right
}

/*2.2案例详情 end*/
/*3工程建设 start*/
.ban {
    z-index: 9;
}

.engineer-ban .case-ban-search {
    margin-bottom: 0;
}

.cases li .mainjiantou {
    color: #999;
    display: inline-block;
    vertical-align: middle;
    margin-left: 8px;
    transition: all .4s;
}

.cases li:hover .mainjiantou {
    margin-left: 12px;
    color: #006bd3;
}

.page {
    /* text-align: center; */
    font-size: 0;
    margin-top: 40px;
}

.page a {
   /*font-size: 18px; */
    line-height: 40px;
    /* border: 1px solid #d1d1d1; */
    color: #a09f9f;
    display: inline-block;
    padding: 0 14px;
    /* margin: 0 6px 10px;*/
    transition: all .4s;
}

.page .pages:hover {
    color: #006bd3;
    border-color: #006bd3;
}

.page .pages.active {
    color: #006bd3;
    border-color: #006bd3;
}

.page .page-btn {
    font-size: 14px;
    padding: 0 10px;
    background: #e9e9e9;
    border-color: #e9e9e9;
    color: #969494;
}

.page .page-btn i {
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
}

.page .page-btn:hover {
    background: #006bd3;
    color: #fff;
    border-color: #006bd3;
}

.page-left i {
    margin-right: 5px;
}

.page-right i {
    margin-left: 5px;
}

.imgcon {
    height: 220px;
    transition: all .4s;
}

.cases li:hover .imgcon {
    transform: scale(1.1);
}

/*3工程建设 end*/
/*2.5企业合作列表 start*/
.backs {
    font-size: 0;
    padding: 70px 0 100px;
}

.backs a {
    display: inline-block;
    width: 338px;
    line-height: 79px;
    height: 79px;
    border-radius: 8px;
    overflow: hidden;
    font-size: 24px;
    color: #fff;
    margin: 0 60px;
    position: relative;
    z-index: 1;
}

.backs a .i {
    background: url("../images/back-enginer.jpg") no-repeat center;
    background-size: cover;
    z-index: -1;
}

.backs a.a1 .i {
    background: url("../images/back-made.jpg") no-repeat center;
    background-size: cover;
}

.backs a span {
    font-size: 40px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    margin-top: -4px;
    transition: all .4s;
}

.backs a:hover span {
    transform: translateX(10px);
}

.backs a .i {
    transition: all .4s;
}

.backs a:hover .i {
    transform: scale(1.1);
}

.construction {
    padding: 50px 80px;
    margin-bottom: 70px;
}

.construction-con {
    margin: 10px 18px;
    box-shadow: 0 0 9px 0 rgba(178, 178, 178, 0.4);
    padding: 30px;
}

.construction-con li {
    line-height: 40px;
    margin: 2px 0;
    position: relative;
    padding-left: 12px;
}

.construction-con li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -3px;
    width: 4px;
    height: 4px;
    background: #006bd3;
    border-radius: 100%;
}

.construction-con li a {
    display: inline-block;
    border-bottom: 1px solid #fff;
    color: #666;
    position: relative;
    transition: all .4s;
}

.construction-con li a:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -1px;
    border-bottom: 2px solid #006bd3;
    width: 0;
    transition: all .4s;
}

.construction-con li a:hover {
    border-color: #d3d3d3;
    color: #006bd3;
}

.construction-con li a:hover:before {
    width: 44px;
}

.construction-play .swiper-container {
    margin-left: -18px;
    margin-right: -18px;
}

.swiper-page-style {
    text-align: center;
    margin-top: 40px;
}

.swiper-page-style .swiper-pagination-switch {
    width: 14px;
    height: 14px;
    border-radius: 100%;
    background: #bebebe;
    display: inline-block;
    margin: 0 4px;
    cursor: pointer;
}

.swiper-page-style .swiper-active-switch {
    background: #006bd3;
}

.btn44 a {
    width: 44px;
    height: 44px;
    cursor: pointer;
    top: 50%;
    margin-top: -22px;
    z-index: 9;
    position: absolute;
    background-color: #e9e9e9;
    text-align: center;
    transition: all .4s;
}

.btn44-left {
    left: -58px;
}

.btn44-right {
    right: -58px;
}

.btn44 a span {
    display: block;
    margin: 10px;
}

.btn44 a:hover {
    background-color: #006bd3;
    color: #fff;
}

.construction .swiper-page-style span {
    display: none;
}

.construction .swiper-page-style span:nth-child(1) {
    display: inline-block;
}

.construction .swiper-page-style span:nth-child(3n+1) {
    display: inline-block;
}

.construction .alxq-c-top h4 .i {
    transform-origin: center;
}

/*2.5企业合作列表 end*/
/*3.1服务-中望3D start*/
.service-ban .case-ban-search {
    width: 560px;
    margin-bottom: 0;
}

.service-ban .case-input-box {
    margin-left: 0;
}

.service-ban .case-input-box .text {
    text-indent: 1em;
    border-radius: 8px;
}

.h370 {
    height: 370px;
}

.title60 .alxq-c-top {
    padding-top: 20px;
}

.zw3d li {
    float: left;
    width: 31%;
    margin-right: 3.5%;
    margin-bottom: 15px;
}

.zw3d li .img100 {
    width: 39.5%;
    margin: 0 auto 34px;
}

.zw3d li:nth-child(3n) {
    margin-right: 0;
}

.zw3d li a {
    display: block;
    border: 1px solid #d2d2d2;
    padding: 45px 0 20px;
    transition: all .4s;
}

.zw3d li a:hover {
    border-color: #006bd3;
    box-shadow: 0 0 18px 0 rgba(0, 107, 211, .4);
}

.zw3d li .mainjiantou {
    margin-top: 20px;
    display: inline-block;
    margin-left: -50px;
    transition: all .4s;
    color: #006bd3;
    opacity: 0;
    filter: alpha(opacity=0);
}

.zw3d li:hover .mainjiantou {
    margin-left: 0;
    opacity: 1;
    filter: alpha(opacity=100);
}

.know {
    border: 1px solid #006bd3;
}

.know-con {
    width: 66.66%;
    background: #2a61d4;
}

.know-warp {
    padding: 40px 80px 0;
}

.know-img {
    position: absolute;
    right: 0;
    width: 33.33%;
    top: 0;
    height: 100%;
}

.know-warp h4 {
    color: #fff;
    border-bottom: 1px solid #d2d2d2;
    padding-bottom: 20px;
    margin-bottom: 56px;
}

.know-list li {
    float: left;
    width: 23.5%;
    margin-right: 2%;
    margin-bottom: 40px;
}

.know-list li:nth-child(4n) {
    margin-right: 0;
}

.know-list li a {
    display: block;
    border: 1px solid #d2d2d2;
    padding: 40px 10px;
    background: #4071d8;
    transition: all .4s;
}

.know-list li .img100 {
    width: 112px;
    max-width: 52%;
    margin: 0 auto 70px;
    position: relative;
}

.know-list li img {
    transition: all .4s;
}

.know-list li .hide {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
}

.know-list li p {
    color: #fff;
    transition: all .4s;
}

.know-list li a:hover {
    background: #fff;
}

.know-list li a:hover p {
    color: #006bd3;
}

.know-list li a:hover .show {
    opacity: 0;
    filter: alpha(opacity=0);
}

.know-list li a:hover .hide {
    opacity: 1;
    filter: alpha(opacity=100);
}

.get-suuport {
    position: fixed;
    right: 0;
    top: 540px;
    height: 50px;
    color: #fff;
    text-align: center;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    z-index: 999;
    width: 112px;
    transform: translateX(120px);
    transition: all .4s;
    cursor: pointer;
}

.get-suuport:hover {
    box-shadow: 0 0 10px 0 rgba(0, 107, 211, .4);
}

.get-suuport-top {
    height: 50px;
    line-height: 50px;
}

.get-suuport.active {
    transform: translateX(0);
}

.get-suuport span {
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
    margin-top: -4px;
}

.get-suuport-bot {
    position: absolute;
    width: 65px;
    top: 100%;
    padding-top: 8px;
    right: -65px;
    transition: all .4s;
}

.get-suuport-list li {
    background: #1c94ee;
    margin-bottom: 1px;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    overflow: hidden;
}

.get-suuport-list li a {
    display: block;
    color: #fff;
    font-size: 12px;
    text-align: center;
    padding: 8px 0;
}

.get-suuport-list li a i {
    font-size: 32px;
    transition: all .4s;
    display: block;
}

.get-suuport:hover .get-suuport-bot {
    right: 0;
}

.get-suuport-bot li a:hover i {
    transform: scale(1.1);
}

/*3.1服务-中望3D end*/
/*3.3服务-中望CAD -入门指引 start*/
.service-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    overflow: hidden;
}

.content-nav {
    background: #f4f4f4;
    width: 20%;
    background-image: linear-gradient(#f4f4f4, #fefefe);
    min-height: 500px;
}

.padding20 {
    padding: 20px;
}

.content-tile h2 {
    line-height: 1em;
    margin-top: -8px;
}

.content-tile h2.margin-top0 {
    margin-top: 0;
}

.content-tile img {
    vertical-align: bottom;
    max-width: 100%;
}

.content-nav .alxq-c-top {
    border-color: #006bd3;
}

.content-nav .alxq-c-top h4 {
    padding-bottom: 18px;
}

.content-nav .alxq-c-top h4:before {
    display: none;
}

.content-nav-list li {
    margin-bottom: 10px;
}

.content-nav-list a {
    display: block;
    font-size: 18px;
    color: #636363;
    height: 48px;
    line-height: 48px;
    padding: 0 38px;
    position: relative;
    transition: all .4s;
}

.content-nav-list a:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 4px;
    background: #006bd3;
    height: 0;
    transition: all .4s;
}

.content-nav-list li.active a {
    background: #fff;
    color: #006bd3;
}

.content-nav-list li.active a:before {
    height: 100%;
}

.content-nav-list li:hover a {
    background: #fff;
    color: #006bd3;
}

/*.content-nav-list li:hover a:before{height: 100%;}*/
.content-right {
    width: 75%;
}

.content-right .alxq-c-top .size24 {
    color: #4c4c4c;
}

.content-right .alxq-c-top .size24:before {
    display: none;
}

.need-page,
.need-page p {
    font-size: 16px;
    color: #4c4c4c;
}

.need-get-app p {
    margin-top: 20px;
}

.cad-yq-page {
    margin-top: 30px;
}

.cad-yq-page h5 {
    color: #000;
    font-size: 16px;
    margin-bottom: 25px;
}

.system li {
    float: left;
    width: 32%;
    margin-right: 2%;
    padding: 2px 0;
}

.system li:nth-child(3n) {
    margin-right: 0;
}

.system-main li {
    display: inline-block;
    margin-right: 75px;
}

.system-main li:last-child {
    margin-right: 0;
}

.system-main li span {
    color: #000;
}

/*3.3服务-中望CAD -入门指引 end*/
/*3.4服务-中望CAD -安装激活 start*/
.download-pdf {
    position: absolute;
    right: 0;
    bottom: 10px;
}

.download-pdf span {
    font-size: 24px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 2px;
    margin-top: -2px;
}

.activation-page h5 {
    color: #000;
    line-height: 1.6em;
}

.activation-page p {
    margin-top: 25px;
    font-size: 16px;
    color: #4c4c4c;
}

.activation-page img {
    display: block;
    margin-top: 25px;
    max-width: 100%;
    height: auto !important;
}

.activation-page {
    margin-bottom: 60px;
}

/*3.4服务-中望CAD -安装激活 end*/
/*3.5.1服务-中望CAD -功能命令 start*/
.function {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -2%;
}

.function li {
    float: left;
    text-align: center;
    background: #f8f8f8;
    box-sizing: border-box;
    width: 29.33%;
    margin: 0 2% 3%;
    border: 1px solid #f8f8f8;
    transition: all .4s;
}

.function li a {
    display: block;
    color: #707070;
    font-size: 16px;
    padding: 22px 10px;
    transition: all .4s;
}

.function li:hover {
    border-color: #006bd3;
    color: #006bd3;
}

.function li:hover a {
    border-color: #006bd3;
    color: #006bd3;
}

.service-content-new .function li {
    text-align: left;
}

.new-date {
    display: block;
    margin-top: 10px;
    font-size: 14px;
}

/*3.5.1服务-中望CAD -功能命令 end*/
/*3.5.2服务-中望CAD -功能命令-详情 start*/
.hortcut-top {
    padding-bottom: 10px;
}

.hortcut-top h4 {
    padding-bottom: 10px;
    display: block;
}

.hortcut-top p {
    color: #7a7a7a;
    display: inline-block;
}

.hortcut-top .return {
    margin-left: 100px;
}

.return span {
    font-size: 28px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -4px;
    margin-right: 5px;
}

.hotkeys {
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 30px;
}

.hotkeys-con,
.double-word {
    padding: 30px 0;
}

.hotkeys h5 {
    color: #000;
}

.hotkeys-con li {
    float: left;
    width: 30%;
    margin-right: 5%;
    border-right: 1px solid #e1e1e1;
    box-sizing: border-box;
}

.hotkeys p {
    color: #6d6d6d;
    padding-top: 20px;
    transition: all .4s;
}

.hotkeys p:hover {
    color: #006bd3;
}

.hotkeys-con li:nth-child(3n) {
    margin-right: 0;
    border: none;
}

.hotkeys-con li:nth-child(1) p,
.hotkeys-con li:nth-child(2) p,
.hotkeys-con li:nth-child(3) p {
    padding-top: 0;
}

.hotkeys-change li {
    float: none;
    border: none;
    width: auto;
}

.hotkeys.hotkeys-change li p {
    padding-top: 20px;
}

.hotkeys.hotkeys-change li:nth-child(1) p {
    padding-top: 0;
}

.double-word ul {
    float: left;
    width: 30%;
    margin-right: 5%;
    box-sizing: border-box;
    border-right: 1px solid #e1e1e1;
}

.double-word ul:last-child {
    margin-right: 0;
    border: none;
}

.double-word li:nth-child(1) p {
    padding-top: 0;
}

.double-double {
    border-bottom: none;
}

.more-keys {
    padding-top: 30px;
}

.more-keys p {
    color: #4c4c4c;
}

/* 详情页里的video */
.new-edited video {
    width: 600px;
    height: auto;
}

/*3.5.2服务-中望CAD -功能命令-详情 end*/

/*3.7服务-中望CAD -知识库-多个视频情况下 start*/
.knowledge-video-top {
    padding-bottom: 10px;
}

.knowledge-video-top h4 {
    padding-bottom: 10px;
}

.knowledge-video-top p {
    display: block;
    color: #7a7a7a;
}

.knowledge-video-top .return {
    position: absolute;
    right: 0;
    bottom: 10px;
}

.size20 {
    font-size: 20px;
}

.video-list {
    font-size: 0;
    margin: 0 -2.5%;
}

.video-list li {
    font-size: 14px;
    display: inline-block;
    vertical-align: top;
    width: 28.33%;
    margin: 0 2.5% 5%;
}

.video-list li:nth-child(3n) {
    margin-right: 0;
}

.video-list li .img100 {
    position: relative;
}

.video-list .i {
    position: absolute;
    z-index: 4;
    width: 70px;
    height: 69px;
    left: 50%;
    top: 50%;
    margin: -35px 0 0 -35px;
    background: url("../images/icon-play-on.png") no-repeat center;
    background-size: cover;
    transition: all .4s;
}

.video-list li .img100:before {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .37);
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#66000000, endcolorstr=#66000000);
    content: '';
    z-index: 3;
    transition: all .4s;
}

.video-list li h3 {
    margin: 20px 0 15px;
}

.video-list li h3 a {
    transition: all .4s;
}

.video-list li h3 a:hover {
    color: #006bd3;
}

.video-list li p {
    color: #848484;
    height: 3.2em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.video-list li:hover .img100:before {
    opacity: 0;
}

/*.tip{position: absolute;right: 0;top:10px;color: #fff;padding: 0 10px;line-height: 22px;min-width: 40px;z-index: 9;background: #006bd3;text-align: center;}*/

.tip {
    min-width: 70px;
    padding: 0 15px;
    height: 35px;
    line-height: 35px;
    display: block;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-size: 24px;
    position: absolute;
    right: 0;
    top: 15px;
    background: #006bd3;
    z-index: 9;
    transition: all .4s;
}

/*.video-list li:hover .img100 .i{background: url("../images/icon-play.png") no-repeat center;background-size: cover;}}*/
/*3.7服务-中望CAD -知识库-多个视频情况下 end*/
/*3.8服务-中望CAD -知识库-视频 start*/
.color4c4c4c {
    color: #4c4c4c;
}

.course-content {
    width: 880px;
    height: 545px;
    max-width: 100%;
    margin: 0 auto;
}

.course {
    margin-top: 80px;
}

/*3.8服务-中望CAD -知识库-视频 end*/
/*3.9服务-中望CAD -知识库-搜索结果 start*/
.search-result-list li a {
    display: block;
    padding: 35px 0;
    border-bottom: 1px dashed #dcdcdc;
}

.search-result-crumb {
    margin: 15px 0 25px;
}

.search-result-crumb span {
    color: #868686;
}

.search-result-list li a p {
    transition: all .4s;
}

.search-result-list li a:hover p {
    color: #006bd3;
}

/*3.9服务-中望CAD -知识库-搜索结果 end*/
/*3.10服务-中望CAD -知识库-下载 start*/
.show-tell p {
    margin-bottom: 30px;
}

.download-btn {
    display: inline-block;
    text-align: center;
    background: #006bd3;
    color: #fff;
    width: 148px;
    height: 48px;
    line-height: 48px;
    border-radius: 6px;
}

.description {
    border-top: 1px dashed #dcdcdc;
    margin-top: 50px;
}

.description h5 {
    color: #272727;
    margin: 40px 0;
}

.customized-ban-text h2 {
    margin-bottom: 20px;
}

.customized-ban-text .i {
    border-top: 2px solid #fff;
    width: 48px;
    margin-top: 15px;
    display: inline-block;
    transform-origin: left;
}

.description p {
    line-height: 30px;
}

/*3.10服务-中望CAD -知识库-下载 end*/

/*3.11定制开发 start*/
.margin-t50 {
    margin-top: 50px;
}

.w1300 {
    width: 1300px;
    margin: 0 auto;
    max-width: 92%;
}

.title36 {
    margin-bottom: 60px;
}

.title36 h2 {
    font-size: 36px;
    margin-bottom: 30px;
}

.title36 p {
    font-size: 16px;
    color: #7d7d7d;
    width: 1160px;
    line-height: 1.8em;
    max-width: 100%;
    margin: 0 auto;
}

.title36 .color-white {
    color: #fff;
}

.title36.color-white p {
    color: #fff !important;
}

.colorcbe0ff {
    color: #cbe0ff;
}

.title36 .colorcbe0ff {
    color: #cbe0ff;
}

.service-step-list li {
    float: left;
    width: 33.33%;
    background: #f3f3f3;
    position: relative;
    z-index: 1;
}

.service-step-list li a {
    display: block;
    height: 395px;
    position: relative;
}

.service-step-warp {
    padding: 60px 44px;
}

.service-step-warp h3 {
    margin-bottom: 55px;
}

.service-step-content {
    margin-left: 50px;
    border-left: 2px solid #006bd3;
    padding-left: 18px;
    position: relative;
    z-index: 5;
}

.service-step-content p {
    color: #6e6e6e;
    margin-bottom: 10px;
}

.service-step-content p:last-child {
    margin-bottom: 0;
}

.service-step-warp .mainjiantou {
    position: absolute;
    right: 44px;
    bottom: 25px;
    color: #006bd3;
    z-index: 2;
    transition: all .4s;
}

.service-step-warp .jiantoushixin_you {
    position: absolute;
    left: 100%;
    top: 44px;
    color: #f3f3f3;
    font-size: 60px;
    margin-left: -16px;
}

.service-step-warp .i {
    position: absolute;
    right: -10px;
    bottom: -25px;
    color: #fdfdfd;
    font-size: 150px;
    z-index: 1;
}

.service-step-list li.li2 {
    background: #006bd3;
    z-index: 2;
}

.service-step-list li.li2 h3 {
    color: #fff;
}

.service-step-list li.li2 p {
    color: #fff;
}

.service-step-list li.li2 .service-step-content {
    border-color: #fff;
}

.service-step-list li.li2 .i {
    line-height: 1em;
    color: #3d82d9;
    letter-spacing: -20px;
    right: -60px;
}

.service-step-list li.li2 .mainjiantou {
    color: #fff;
}

.service-step-list li.li2 .jiantoushixin_you {
    color: #006bd3;
}

.service-step-list li.li1 {
    z-index: 3;
}

.service-step-list li.li3 .jiantoushixin_you {
    display: none;
}

.service-step-list li:hover .mainjiantou {
    transform: translateX(20px);
}

.zixun-line {
    position: fixed;
    bottom: 38%;
    background: #1c94ee;
    color: #fff;
    padding-left: 20px;
    border-top-left-radius: 57px;
    border-bottom-left-radius: 57px;
    z-index: 999;
    width: 112px;
    height: 57px;
    overflow: hidden;
    right: -112px;
    transition: all .4s;
}

.zixun-line.active {
    right: 0;
}

.zixun-line span {
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
    margin-top: -4px;
}

.zixun-line p {
    line-height: 1.4em;
}

.zixun-line p:nth-child(1) {
    padding-top: 8px;
}

.zixun-line p:nth-child(2) {
    font-size: 16px;
}

.bgf3 {
    background: #f3f3f3;
}

.programme-nav {
    padding-top: 110px;
}

.programme-nav-page {
    margin-bottom: 90px;
}

.programme-nav-page ul {
    margin-left: 35px;
    position: relative;
    z-index: 3;
    padding-top: 20px;
}

.programme-nav-page ul:before {
    position: absolute;
    border-left: 1px solid #e2e2e2;
    top: 0;
    left: 0;
    bottom: 20px;
    content: '';
    z-index: -1;
}

.programme-nav-page li {
    line-height: 40px;
    padding: 10px 0;
    ;
}

.programme-nav-page li a {
    color: #727272;
    transition: all .4s;
}

.programme-nav-page li a:before {
    content: '';
    display: inline-block;
    width: 12px;
    border-top: 1px solid #727272;
    vertical-align: middle;
    margin-top: -2px;
    margin-right: 7px;
    transition: all .4s;
}

.programme-nav-page li:last-child {
    padding-bottom: 0;
}

/*.programme-nav-page li.active{line-height: 50px;}*/
.programme-nav-page li.active a {
    color: #006bd3;
}

.programme-box {
    padding: 0 200px;
}

.programme-box .w1300 {
    max-width: 100%;
}

.programme-nav-page li.active a:before {
    width: 24px;
    border-color: #006bd3;
}

.pin-wrapper {
    position: absolute;
    width: 180px;
    left: 25px;
    top: 0;
    z-index: 777;
}

.programme-page h3 {
    margin-bottom: 15px;
}

.programme-img {
    height: 157px;
    position: relative;
}

.programme-img span {
    position: absolute;
    color: #f3f3f3;
    bottom: -5px;
    left: 210px;
    font-size: 60px;
}

.programme-bot {
    padding: 40px 70px;
}

.programme-bot h4 {
    margin-bottom: 30px;
}

.programme-pages {
    margin-bottom: 40px;
}

.programme-warp {
    margin-left: 66px;
    position: relative;
    z-index: 3;
}

.programme-warp:before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    border-right: 2px solid #d9d9d9;
    height: 124px;
}

.programme-nap {
    float: left;
    width: 40%;
    margin-right: 20%;
}

.programme-nap:last-child {
    margin-right: 0;
}

.programme-des {
    margin-bottom: 30px;
}

.programme-des h5 {
    font-size: 14px;
    color: #4b4b4b;
    margin-bottom: 5px;
}

.programme-des p {
    color: #6e6e6e;
}

.programme-des:last-child {
    margin-bottom: 0;
}

.programme-page1 .programme-pages:nth-child(even) .programme-bot {
    background: #006bd3;
}

.programme-page1 .programme-pages:nth-child(even) h3 {
    color: #fff;
}

.programme-page1 .programme-pages:nth-child(even) h4 {
    color: #fff;
}

.programme-page1 .programme-pages:nth-child(even) h5 {
    color: #fff;
}

.programme-page1 .programme-pages:nth-child(even) p {
    color: #fff;
}

.programme-page1 .programme-pages:nth-child(even) .programme-warp:before {
    border-color: #fff;
}

.programme-page1 .programme-pages:nth-child(even) .programme-img span {
    color: #006bd3;
}

.programme-page2 .programme-pages:nth-child(odd) .programme-bot {
    background: #006bd3;
}

.programme-page2 .programme-pages:nth-child(odd) h3 {
    color: #fff;
}

.programme-page2 .programme-pages:nth-child(odd) h4 {
    color: #fff;
}

.programme-page2 .programme-pages:nth-child(odd) h5 {
    color: #fff;
}

.programme-page2 .programme-pages:nth-child(odd) p {
    color: #fff;
}

.programme-page2 .programme-pages:nth-child(odd) .programme-warp:before {
    border-color: #fff;
}

.programme-page2 .programme-pages:nth-child(odd) .programme-img span {
    color: #006bd3;
}

/*3.11定制开发 end*/
/*伙伴-代理商 start*/
.join-us {
    display: inline-block;
    width: 118px;
    line-height: 32px;
    background: #fff;
    -moz-border-radius: 6px;
    border-radius: 6px;
    color: #006bd3;
    position: relative;
    z-index: 2;
}

.join-us span {
    display: inline-block;
    vertical-align: middle;
    margin-left: 8px;
    margin-top: -2px;
    transition: all .4s;
}

.join-us:hover span {
    transform: translateX(5px);
}

.agent-ban-text .i {
    width: 48px;
    border-top: 2px solid #fff;
    margin: 30px auto;
}

.agent-ban-text h2 {
    margin-bottom: 20px;
}

.agent-ban-text .join-us {
    display: block;
    margin: 30px auto 100px;
    width: 315px;
    height: 48px;
    line-height: 48px;
    border-radius: 5px;
    transition: all .4s !important;
}

.agent-ban-text .join-us:hover {
    background-color: #006BD3;
    color: #fff;
}

.title30-bot-line {
    border-bottom: 1px solid #ddd;
    position: relative;
}

.title30-bot-line .i2 {
    content: '';
    position: absolute;
    border-bottom: 1px solid #006bd3;
    width: 220px;
    left: 50%;
    margin-left: -110px;
    bottom: -1px;
}

.title30-bot-line h2 {
    margin-bottom: 25px;
}

.title30-bot-line p {
    color: #686868;
    margin-bottom: 45px;
}

.agent-search {
    position: relative;
    z-index: 9;
}

.agent-search .case-ban-search {
    margin-bottom: 60px;
}

.agent-search-list {
    width: 30%;
    box-sizing: border-box;
    position: relative;
    line-height: 40px;
    cursor: pointer;
    z-index: 9;
}

.agent-search-list-last {
    width: 40%;
    border-radius: 6px;
}

.ban-select-cp {
    left: 192px;
}

.agent-search .select-list-click {
    position: relative;
    box-sizing: border-box;
    left: auto;
}

.agent-search .case-input-box {
    width: 100%;
    margin-left: 0;
    border: 1px solid #ddd;
    border-radius: 0;
}

.agent-search .case-input-box .text {
    text-indent: 1em;
}

.agent-search .case-input-box .case-submit {
    border-radius: 0;
    background-color: #0042a4;
}

.agent-search-list .text {
    border-radius: 6px;
    display: block;
    height: 40px;
    line-height: 40px;
    text-indent: 1em;
    width: 100%;
    cursor: pointer;
}

.agent-search-list-last .case-submit {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    background: #006bd3;
}


.agent-select {
    position: absolute;
    left: 0;
    width: 100%;
    border: 1px solid #bfbfbf;
    border-radius: 6px;
    top: 42px;
    background: #fff;
    max-height: 240px;
    overflow: auto;
    display: none;
}

.agent-select a {
    display: block;
    text-indent: 1em;
}

.agent-select a:hover {
    background: #006bd3;
    color: #fff;
}

.scrollBar::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

.scrollBar::-webkit-scrollbar-thumb:hover {
    border: 1px solid #636363;
    background-color: #929292;
}

.scrollBar::-webkit-scrollbar-thumb {
    background-color: #cfcfd2;
    border-radius: 8px;
    background-clip: padding-box;
    min-height: 28px;
}

.scrollBar::-webkit-scrollbar-track-piece {
    background: #f3f3f3;
}

.select-arrow {
    position: absolute;
    right: 0;
    height: 100%;
    width: 42px;
    top: 0;
    background: #006bd3;
    color: #fff;
    text-align: center;
}

.agent-list li {
    float: left;
    width: 31%;
    margin-right: 3.5%;
    background: #f5f5f5 !important;
    margin-bottom: 3.5%;
}

.agent-list li:nth-child(3n) {
    margin-right: 0;
}

.agent-list li a {
    display: block;
    position: relative;
}

.agent-logo {
    position: absolute;
    width: 36%;
    height: 100%;
    top: 0;
    background: #fff;
    left: 0;
    text-align: center;
}

.agent-logo img {
    width: 140px;
    max-width: 80%;
}

.agent-country {
    position: absolute;
    right: 6px;
    bottom: 6px;
    font-size: 13px;
    color: #fff;
    line-height: 21px;
    background: #ff8c3e;
    border-radius: 4px;
    padding: 0 17px;
}

.agent-warp {
    padding: 55px 20px;
}

.agent-con {
    margin-left: 36%;
    position: relative;
    height: 270px;
}

.agent-con h3 {
    color: #3f3f3f;
    transition: all .4s;
}

.agent-name {
    margin-left: 30px;
    padding-left: 15px;
}

.agent-con p {
    position: relative;
    margin-top: 60px;
    color: #242424;
    line-height: 1.3em;
    min-height: 2.6em;
    transition: all .4s;
}

.agent-con .i {
    position: absolute;
    height: 84%;
    top: 8%;
    left: 0;
    border-left: 1px solid #ff8c3e;
    transform-origin: top;
    transition-delay: 300ms !important;
}

.agent-con .icon-search {
    position: absolute;
    right: 20px;
    bottom: 20px;
    color: #b7b7b7;
    transition: all .4s;
}

.agent-con .jiantoushixin_zuo {
    position: absolute;
    left: -21px;
    top: 50px;
    font-size: 28px;
    color: #f5f5f5;
}

.agent-list li a:hover h3 {
    color: #006bd3;
}

.agent-list li a:hover p {
    color: #006bd3;
}

.agent-list li a:hover .icon-search {
    color: #006bd3;
}

.new-search {
    position: relative;
    z-index: 9;
}

.new-search .case-ban-search {
    margin-bottom: 0;
}

/*伙伴-代理商 end*/

/*4.2伙伴-开发商 start*/
.developers-list {
    font-size: 0;
    margin: 0 -4.91%;
    display: flex;
    flex-wrap: wrap;
}

.developers-list li {
    font-size: 14px;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    width: 23.5%;
    margin: 0 4.91% 4%;
    background: #f5f5f5;
}

.deve-con {
    padding: 35px 40px;
    position: relative;
}

.deve-con .shijiantoushangup {
    position: absolute;
    left: 40px;
    top: -40px;
    color: #f5f5f5;
    font-size: 40px;
}

.deve-con h3 {
    color: #242424;
    margin-bottom: 20px;
}

.deve-con p {
    color: #929292;
    line-height: 2em;
    height: 10em;
}

.height3 .deve-con p {
    height: 6em;
}

.height4 .deve-con p {
    height: 10em;
}

.height4 .xzgn-con p {
    height: 10em;
    line-height: 2em;
}

.developers-list li .img100 {
    background: #fff;
}

.developers-list .mainjiantou {
    position: absolute;
    right: 20px;
    bottom: 20px;
}

.developers-list a:hover .mainjiantou {
    color: #006bd3;
}

/*4.2伙伴-开发商 end*/
/*4.3伙伴-教育项目 start*/
.edu-ban-text {
    margin-bottom: 12%;
}

.edu-list li {
    background: #fff;
}

.edu-list .deve-con {
    background: #fff;
}

.edu-list .deve-con .shijiantoushangup {
    color: #fff;
}

/*4.3伙伴-教育项目 end*/
.used-top {
    padding-left: 80px;
}

/*4.4ZWorld start*/
.margin-top60 {
    margin-top: 60px;
}

.zworld-ban-text {
    margin-bottom: 21%;
}

.about-zworld {
    padding-bottom: 0 !important;
}

.about-zworld-con {
    padding: 90px 0 220px;
}

.about-zworld-warp {
    width: 1160px;
    max-width: 92%;
    margin: 0 auto;
}

.about-zworld-warp .title36 p {
    color: #e4d3ea;
}

.digital {
    border: 1px solid rgba(255, 255, 255, .5);
    font-size: 0;
    background: rgba(255, 255, 255, .15);
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#33ffffff, endcolorstr=#33ffffff);
    padding: 60px 0;
}

.digital li {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    color: #fff;
    width: 25%;
    position: relative;
}

.digital-top {
    display: inline-block;
    position: relative;
    padding-right: 15px;
}

.digital-top span {
    font-size: 72px;
    font-family: dincondmedium;
}

.digital-top sup {
    font-size: 24px;
    font-family: dincondmedium;
    position: absolute;
    right: -10px;
    top: 0;
}

.digital i {
    font-style: normal;
    font-size: 18px;
}

.digital p {
    font-size: 18px;
    margin-top: 15px;
}

.digital img {
    position: absolute;
    right: 0;
    top: -12px;
}

.digital li:last-child img {
    display: none;
}

.meeting-focus a {
    display: block;
    height: 100%;
}

.hyjd-left {
    width: 31%;
}

.hyjd-right {
    width: 69%;
}

.hyjd-right li {
    width: 50%;
}

.hyjd-nr {
    position: absolute;
    width: 50%;
    z-index: 5;
}

.hyjd-con {
    margin: 0 30px 10px;
    padding-left: 12px;
    position: relative;
}

.hyjd-con .i {
    content: '';
    position: absolute;
    top: 0;
    left: -2px;
    height: 100%;
    border-left: 2px solid #fff;
    transform-origin: top;
}

.hyjd-con h3 {
    color: #fff;
    line-height: 1em;
    margin-bottom: 10px;
}

.hyjd-con p {
    color: #a195af;
    line-height: 1.2em;
}

.hyjd-right li.li1 .img100 {
    float: right;
    width: 50%;
}

.hyjd-right li.li1 .hyjd-nr {
    background: #e9e9e9;
    height: 100%;
}

.hyjd-right li.li1 .hyjd-nr {
    left: 0;
}

.hyjd-right li.li1 .jiantoushixin_you {
    position: absolute;
    left: 100%;
    top: 45px;
    color: #e9e9e9;
    font-size: 40px;
    margin-left: -12px;
}

.hyjd-right li.li1 .hyjd-con .i {
    border-color: #484848;
}

.hyjd-right li.li1 h3 {
    color: #333232;
}

.hyjd-right li.li1 p {
    color: #8e8e8e;
}

.hyjd-right li.li2 .img100 {
    width: 50%;
}

.hyjd-right li.li2 .hyjd-nr {
    right: 0;
}

.hyjd-right li.li2 .hyjd-nr {
    background: #3e1e5e;
    height: 100%;
    top: 0;
}

.hyjd-right li.li2 .jiantoushixin_zuo {
    position: absolute;
    right: 100%;
    top: 45px;
    color: #3e1e5e;
    font-size: 40px;
    margin-right: -12px;
}

.hyjd-right li.li3 {
    position: absolute;
    width: 25%;
    height: 100%;
    top: 0;
    right: 25%;
}

.hyjd-right li.li3 .img100 {
    bottom: 0;
    position: absolute;
    width: 100%;
    height: 50%;
}

.hyjd-right li.li3 .hyjd-nr {
    right: 0;
    background: #2e0070;
    width: 100%;
    height: 50%;
}

.hyjd-right li.li3 .shijiantouxiadown {
    position: absolute;
    top: 100%;
    left: 45px;
    color: #2e0070;
    font-size: 40px;
    margin-top: -14px;
}

.hyjd-right li.li4 {
    position: absolute;
    width: 25%;
    height: 100%;
    top: 0;
    right: 0;
}

.hyjd-right li.li4 .img100 {
    right: 0;
}

.hyjd-right li.li4 .hyjd-nr {
    right: 0;
    background: #3e1e5e;
    width: 100%;
    height: 50%;
    bottom: 0;
}

.hyjd-right li.li4 .shijiantoushangup {
    position: absolute;
    bottom: 100%;
    left: 45px;
    color: #3e1e5e;
    font-size: 40px;
    margin-bottom: -3px;
}

.hyjd-left .hyjd-con p {
    color: #fff;
}

.review {
    padding-top: 50px;
}

.review-left {
    position: absolute;
    left: 0;
    height: 100%;
    width: 260px;
}

.review-left h2 {
    color: #170f20;
    padding-top: 20px;
}

.history {
    position: absolute;
    top: -200px;
    bottom: 50px;
    z-index: 3;
    /*filter:alpha(opacity=0); -moz-opacity:0; opacity:0;*/
    padding: 30px 0 70px;
    box-sizing: border-box;
}

.history.active {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}

.history:before {
    content: '';
    position: absolute;
    top: 30px;
    bottom: 66px;
    left: 11px;
    width: 3px;
    background: #292231;
    background: -moz-linear-gradient(top, #292231 0%, #292231 10%);
    z-index: -1;
}

/*.history:after{content: '';position: absolute;bottom:0;height: 100%;width: 100%; left: 0;z-index: 5;pointer-events: none;background-image: linear-gradient(rgba(255,255,255,.1),#fff);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#19ffffff', endColorstr='#e5ffffff',GradientType=1 );}*/
.history .swiper-container {
    height: 100%;
    position: relative;
    min-height: 300px;
    padding-bottom: 10px;
}

/*.history .middle-box{height: 70%;top:29%;}*/
.history .year-con {
    padding-left: 65px;
}

.history .swiper-slide {
    transition: all .4s;
    cursor: pointer;
    /*opacity: 0.8;filter:alpha(opacity=80);*/
}

.history .swiper-slide h3 {
    /* font-size: 30px; */
    transition: all .4s;
    /* height: 60px; */
    line-height: 60px;
}

.bigDot {
    width: 24px;
    height: 24px;
    position: absolute;
    left: 0;
    border-radius: 100%;
    background: #000;
    z-index: 2;
    top: 50%;
    margin-top: -12px;
}

.bigDot div {
    content: '';
    position: absolute;
    top: 3px;
    right: 3px;
    bottom: 3px;
    left: 3px;
    background: #000;
    border: 2px solid #fff;
    border-radius: 100%;
}

.yearLine {
    position: absolute;
    width: 46px;
    top: 50%;
    border-top: 1px solid #000;
    left: 0;
    z-index: 1;
}

.smDot {
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background: #000;
    left: 46px;
    top: 50%;
    margin-top: -3px;
}

.history .swiper-slide-active .middle-box {
    top: 0;
}

/*.history .swiper2{opacity: 0.7;filter:alpha(opacity=70);}*/
/*.history .swiper3{opacity: 0.6;filter:alpha(opacity=60);}*/
/*.history .swiper4{opacity: 0.5;filter:alpha(opacity=50);}*/
/*.history .swiper5{opacity: 0.4;filter:alpha(opacity=40);}*/
/*.history .swiper2 h3{font-size: 36px;}*/
/*.history .swiper3 h3{font-size: 30px;}*/
/*.history .swiper4 h3{font-size: 24px;}*/
/*.history .swiper5 h3{font-size: 18px;}*/
/*.history .active-nav{opacity: 1;filter:alpha(opacity=100);}*/
.history .active-nav h3 {
    color: #2e0070;
     
}

/*.history .active-nav .year-con{margin-top: -10px;}*/

.history-btn a {
    position: absolute;
    width: 22px;
    height: 22px;
    border-radius: 100%;
    text-align: center;
    z-index: 9;
}

.history-left {
    top: 0;
    left: -1px;
}

.history-btn a span {
    font-size: 28px;
}

.history-right {
    bottom: 6px;
    left: -1px;
}

.history-btn a.history-right {
    height: 60px;
}

.history-right p {
    font-size: 16px;
    position: absolute;
    bottom: 0;
    width: auto;
    white-space: nowrap;
    left: 50%;
    margin-left: -11px;
    margin-top: 10px;
}

.review-time {
    width: 32%;
}

.zworld2020 {
    position: relative;
    padding-left: 20px;
    margin: 50px 0;
}

.zworld2020 .i {
    position: absolute;
    left: 0;
    border-left: 1px solid #fff;
    height: 100%;
    top: 0;
    transform-origin: top;
}

.zworld2020 h4 {
    line-height: 1em;
    margin-bottom: 22px;
}

.zworld2020 p {
    line-height: 1.2em;
}

.zworld2020-bot p {
    margin-bottom: 20px;
}

.zworld2020-bot p span {
    display: inline-block;
    vertical-align: middle;
    margin-top: -4px;
    margin-right: 12px;
}

.zworld2020-bot .dingwei {
    font-size: 24px;
}

.review-right {
    background: #2e0070;
    margin-left: 260px;
    z-index: 14;
}

.review-tip {
    position: absolute;
    right: 100%;
    top: 82px;
    margin-right: -30px;
}

.review-tip span {
    color: #2e0070;
    font-size: 90px;
}

/*.evens{display: none;}*/
/*.swiper-slide-active .evens{display: block;}*/
.swiper-slide-out {
    height: 620px;
    overflow: hidden;
}

.swiper-container-event .swiper-slide {
    cursor: default;
}

/*.swiper-container-event{height: 300px;}*/
.review-warp {
    padding: 100px 50px;
}

.review-img {
    width: 65%;
}

.review-img .swiper-container {
    margin: 0 50px;
}

.review-img .review-img-btn a {
    background-color: inherit;
    color: #c3c3c3;
}

.review-img .review-img-btn .btn44-left {
    left: -10px;
}

.review-img .review-img-btn .btn44-right {
    right: -10px;
}

.padding-tb50 {
    padding: 50px 0;
}

.bgf5 {
    background: #f5f5f5;
}

.keep-title {
    margin-bottom: 30px;
}

.keep-title h3 {
    margin-bottom: 10px;
}

.keep-title p {
    color: #929292;
}

.keep-search {
    width: 470px;
    max-width: 100%;
    margin: 0 auto;
    border: 1px solid #cacaca;
    border-radius: 6px;
    overflow: hidden;
}

.keep-search .text {
    display: block;
    width: 100%;
    height: 35px;
    line-height: 35px;
    border-radius: 6px;
    text-indent: 1em;
}

.keep-search .submit {
    position: absolute;
    right: 0;
    height: 100%;
    line-height: 35px;
    top: 0;
    width: 90px;
    text-align: center;
    background: #006bd3;
    color: #fff;
}

.keep-search .submit i {
    border-radius: 0;
}

/*4.4ZWorld end*/
/*6.1工程建设行业 start*/
.challenge-left {
    position: static;
}

.challenge-left-bg {
    position: absolute;
    width: 41.5%;
    left: 0;
    top: 0;
    height: 100%;
}

.challenge-img {
    width: 58.5%;
    margin-left: 41.5%;
}

.challenge-left-warp {
    width: 1050px;
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
}

.challenge-left-warp .title60 {
    margin-bottom: 30px;
}

.challenge-des p {
    color: #6d6d6d;
    line-height: 2em;
}

/*.challenge-di{position: absolute;height: 100%;right: 0;top:0;width: 100%;}*/
.challenge-mid {
    position: static;
    width: 100%;
    left: 0;
    bottom: 17%;
}

.challenge-warp {
    float: none;
    margin: 0 auto;
    width: 80%;
}

.challenge-list {
    border-radius: 10px;
    margin-bottom: 70px;
    font-size: 0;
    background: -webkit-linear-gradient(left, rgba(3, 22, 137, .9), rgba(33, 76, 185, .9));
    background: -ms-linear-gradient(left, rgba(3, 22, 137, .9), rgba(33, 76, 185, .9));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5031689', endColorstr='#e5214CB9', GradientType=1);
    box-shadow: 2px 3.464px 14.72px 1.28px rgba(0, 7, 21, 0.33);

}

.challenge-list li {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    position: relative;
    width: 29.33%;
    padding: 90px 2%;
    text-align: center;
}

.challenge-list .line {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
}

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

.challenge-list h3 {
    margin: 5px 0 25px;
    color: #fff;
}

.challenge-list p {
    width: 270px;
    margin: 0 auto;
    max-width: 100%;
    color: #fff;
}

.title60-white h3 {
    color: #558ee8;
    opacity: 0.6;
}

.title60-white h2 {
    color: #fff;
}

.title60-white p {
    color: #fefefe;
}

.solutions {
    padding-top: 60px;
    position: relative;
    z-index: 5;
    overflow: hidden;
}

.solutions-bg {
    color: white;
    width: 100%;
    height: auto;
    text-align: center;
    position: absolute;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    z-index: -100;
}

.solutions-list {
    font-size: 0;
    margin: 0 -1%;
    display: flex;
    flex-wrap: wrap;
}

.solutions-list li {
    display: inline-block;
    vertical-align: top;
    background: rgba(255, 255, 255, .4);
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#66ffffff, endcolorstr=#66ffffff);
    font-size: 14px;
    border-radius: 6px;
    position: relative;
    width: 23%;
    margin: 0 1%;
}

.solutions-list li a {
    display: block;
}

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

.solutions-warp {
    margin: 20px 48px;
    overflow: hidden;
}

.solutions-img {
    color: #3c3c3c;
    margin-bottom: 30px;
}

.solutions-img img {
    margin-right: 10px;
    width: 81px;
}

.solutions-bot-text {
    padding-left: 12px;
    margin-left: 27px;
    margin-bottom: 45px;
}

.solutions-bot-text .i {
    position: absolute;
    height: 80%;
    top: 10%;
    left: 0;
    border-left: 1px solid #006bd3;
    transform-origin: top;
}

.solutions-bot-text p {
    min-height: 3.2em;
}

.solutions-warp .mainjiantou {
    position: absolute;
    right: 30px;
    bottom: 25px;
    transition: all .4s;
}

.solutions-list li:hover .mainjiantou {
    right: 20px;
    color: #006bd3;
}

.padding-tb60 {
    padding: 60px 0;
}

.advantage {
    border-radius: 5px;
    overflow: hidden;
}

.advantage-warp {
    width: 1260px;
    max-width: 92%;
    margin: 0 auto;
}

.advantage-warp h3 {
    color: #324f87;
}

.advantage-list {
    font-size: 0
}

.advantage-list li {
    font-size: 14px;
    width: 40%;
    margin-right: 20%;
    display: inline-block;
    vertical-align: top;
    margin-top: 70px;
}

.advantage-list li:nth-child(1) {
    margin-top: 0;
}

.advantage-list li:nth-child(2) {
    margin-top: 0;
}

.advantage-list li:nth-child(even) {
    margin-right: 0;
}

.line-box {
    margin-left: 48px;
    position: relative;
    padding-left: 20px;
}

.line-group {
    position: relative;
}

.line-group .mainjiantou {
    position: absolute;
    right: 0;
    bottom: 0;
}

.line-group h3 {
    margin-bottom: 25px;
    color: #242424;
}

.line-box p {
    color: #929292;
}

.line-box .i {
    position: absolute;
    left: 0;
    top: 5px;
    bottom: 3px;
    border-left: 1px solid #006bd3;
    transform-origin: top;
}

.line-group-white h3 {
    color: #fff;
}

.line-group-white p {
    color: #fff;
}

.line-group-white .line-box .i {
    border-color: #fff;
}

.gcsjhy-cases-con {
    padding: 35px 30px;
    background: #f8f8f8;
}

.gcsjhy-cases-con .line-group-arrow p {
    color: #929292;
    margin-top: 5px;
}

.gcsjhy-cases-con p {
    text-align: justify;
}

.gcsjhy-cases-con .line-box {
    margin-left: 30px;
    margin-bottom: 30px;
}

.line-group-arrow {
    min-height: 210px;
    padding-bottom: 30px;
}

.more-solutions-bot .cases {
    padding-bottom: 0;
}

.more-solutions-bot li {
    margin-bottom: 0;
}

.more-solutions {
    position: absolute;
    width: 22.4%;
    right: 0;
    top: 0;
    height: 100%;
    background: #006bd3;
    border-radius: 5px;
    box-shadow: 0 0 9px 0 rgba(178, 178, 178, 0.4);
}

.more-solutions-warp .i {
    width: 60px;
    height: 60px;
    border: 1px solid #fff;
    border-radius: 100%;
    margin: 0 auto 25px;
    position: relative;
    transition: all .4s;
}

.more-solutions-warp .i:before {
    content: '';
    width: 50%;
    left: 25%;
    top: 50%;
    border-top: 1px solid #fff;
    position: absolute;
}

.more-solutions-warp .i:after {
    content: '';
    height: 50%;
    left: 50%;
    top: 25%;
    border-left: 1px solid #fff;
    position: absolute;
}

.youshi-icon {
    left: 50%;
    position: absolute;
    width: 67px;
    height: 32px;
    background: url("../images/youshi1.png") no-repeat center;
    background-size: cover;
    top: -1px;
    margin-left: -33px;
}

a:hover .more-solutions-warp .i {
    transform: scale(1.1) !important;
}

.coloreee {
    color: #eee !important;
}

.cgal-top h1 {
    opacity: 0.6;
}

/*6.1工程建设行业 end*/

/*6.2制造业 start*/
.challenge-list-clo4 {
    background: -webkit-linear-gradient(left, rgba(58, 39, 159, .9), rgba(65, 37, 117, .9));
    background: -ms-linear-gradient(left, rgba(58, 39, 159, .9), rgba(65, 37, 117, .9));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e53A279F', endColorstr='#e5412575', GradientType=1);
}

.challenge-list-clo4 li {
    width: 21%;
}

.advantage2 .title60 h3 {
    color: #373870;
}

.colore0e0e0 {
    color: #e0e0e0;
}

.title60 .colore0e0e0 {
    color: #e0e0e0;
}

.more-solutions-make {
    background-image: linear-gradient(#6b41b1, #30299e);
}

.advantage2 .youshi-icon {
    background: url("../images/youshi12.png") no-repeat center;
    background-size: cover;
}

.color6d4aac {
    color: #6d4aac !important;
}

/*6.2制造业 end*/
/*6.3中望教育 start*/
.zwjy {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 10%;
}

.color242424 {
    color: #242424;
}

.zwjy-warp {
    width: 39.5%;
}

.zwjy-digital-list {
    margin: 25px 0;
}

.zwjy-digital-list li {
    display: inline-block;
    vertical-align: top;
    margin-right: 40px;
    min-width: 124px;
}

.zwjy-digital-list li:last-child {
    margin-right: 0;
}

.zwjy-digital {
    position: relative;
}

.zwjy-digital span {
    color: #f25c01;
    font-family: dincondmedium;
}

.zwjy-digital .span1 {
    font-size: 68px;
}

.zwjy-digital .span2 {
    font-size: 16px;
}

.zwjy-digital .span3 {
    position: absolute;
    right: -12px;
    top: 0;
    font-size: 38px;
}

.zwjy-digital-list p {
    position: relative;
    padding-bottom: 8px;
    display: inline-block;
}

.zwjy-digital-list p i {
    content: '';
    position: absolute;
    left: 0;
    width: 66%;
    border-bottom: 2px solid #242424;
    bottom: 0;
    transform-origin: left;
}

.colorebf2f7 {
    color: #ebf2f7;
}

.colore4e5e5 {
    color: #e4e5e5;
}

.title60 .colorebf2f7 {
    color: #ebf2f7;
}

.title60 .colore4e5e5 {
    color: #e4e5e5;
}

.edu-solution li {
    float: left;
    margin-right: 3%;
    width: 48.5%;
    background: #40b7a1;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 0 9px 0 rgba(178, 178, 178, 0.4);
    position: relative;
}

.edu-solution li:last-child {
    margin-right: 0;
}

.edu-solution li a {
    display: block;
}

.edu-solution .img100 {
    width: 62%;
}

.edu-solution-show-con {
    position: absolute;
    width: 38%;
    height: 100%;
    top: 0;
    right: 0;
}

.edu-solution-show-con .jiantoushixin_zuo {
    position: absolute;
    right: 100%;
    top: 0;
    color: #40b7a1;
    font-size: 40px;
    margin-right: -12px;
}

.edu-solution-show-con .icon-_jiantouzuo {
    color: #fff;
}

.edu-solution-show-con p {
    margin: 20px auto 40px;
}

.edu-solution li:last-child {
    background: #f2a12c;
}

.edu-solution li:last-child .jiantoushixin_zuo {
    color: #f2a12c;
}

.edu-solution-hide {
    background: #40b7a1;
    opacity: 0;
    transition: all .4s;
}

.edu-solution li:last-child .edu-solution-hide {
    background: #f2a12c;
}

.edu-solution-hide-warp {
    position: absolute;
    left: 30px;
    right: 30px;
    top: 44px;
    bottom: 14px;
}

.edu-solution-snap {
    font-size: 0;
}

.peiyangs {
    display: inline-block;
    vertical-align: top;
    width: 46%;
    margin: 1.5% 2%;
    font-size: 14px;
    position: relative;
}

.peiyangs:before {
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background: #fff;
    position: absolute;
    top: 8px;
}

/* .peiyangs:nth-child(3){width: 98%;margin-right: 0;} */
.peiyangs h4 {
    margin-left: 20px;
}

.peiyangs p {
    color: rgba(255, 255, 255, .5);
    margin-left: 20px;
}

.ljgd {
    border: 1px solid #fff;
    color: #fff;
    width: 135px;
    height: 31px;
    line-height: 31px;
    text-align: center;
    z-index: 3;
    overflow: hidden;
}

.ljgd span {
    display: inline-block;
    vertical-align: middle;
    margin-left: 15px;
    margin-top: -2px;
}

.ljgd:hover {
    color: #40b7a1;
    border-color: #fff;
}

.edu-solution-hide-warp .ljgd:hover {
    background: #fff;
}

.round-corner {
    border-radius: 5px;
}

/*.ljgd div{background: #fff;}*/
.mainjiantou {
    transition: all .4s;
}

.edu-solution li:last-child .ljgd:hover {
    color: #f2a12c;
    background: #fff;
}

.edu-solution-hide-warp .ljgd {
    position: absolute;
    right: 50px;
    bottom: 0;
}

/*.edu-solution-hide-warp .ljgd div{background: #fff;display: block;transition: none;width: 100%;height: 100%;top:0;left: 0;padding: 0;opacity: 1;filter: alpha(opacity=100);position: absolute;z-index:-1;overflow: hidden;display: none;}*/
/*.li1 .edu-solution-hide-warp .ljgd div{background: #40b7a1;}*/
/*.li2 .edu-solution-hide-warp .ljgd div{background: #f2a12c;}*/
/*.edu-solution li .ljgd:hover div{display: none;}*/

.edu-solution li:hover .edu-solution-hide {
    opacity: 1;
}

.key-con {
    padding: 25px;
    background: #f0f0f0;
}

.key li {
    width: 48.5%;
    margin-right: 3%;
    float: left;
}

.key li:last-child {
    margin-right: 0;
}

.key h3 {
    border-bottom: 1px solid #f7f7f7;
    padding-bottom: 10px;
}

.key-des {
    border-top: 1px solid #e2e2e2;
    padding-top: 14px;
    font-size: 0;
    height: 126px;
}

.key-des p {
    color: #838383;
    display: inline-block;
    font-size: 16px;
    width: 49%;
    margin-right: 2%;
    margin-bottom: 6px;
    position: relative;
    padding-left: 22px;
    box-sizing: border-box;
    vertical-align: top;
}

.key-des p:nth-child(even) {
    margin-right: 0;
}

.key-des p span {
    font-size: 14px;
    position: absolute;
    left: 0;
    top: 1px;
}

.school {
    font-size: 0;
    margin: 0 -1%;
}

.school li {
    display: inline-block;
    vertical-align: top;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.08);
    font-size: 14px;
    width: 14.66%;
    margin: 1%;
    text-align: center;
}

.school-warp {
    padding: 0 15px;
}

.school .img100 {
    width: 124px;
    margin: 28px auto;
    max-width: 80%;
    transition: all .4s;
}

.school p {
    border-top: 1px dashed #c5c5c5;
    padding-top: 18px;
    height: 2.8em;
}

.school li.last {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 45%;
    background: none;
}

.school li.last .i {
    border: 1px solid #006bd3;
    border-radius: 100%;
    display: inline-block;
    width: 66px;
    height: 66px;
    margin-bottom: 35px;
    transition: all .4s;
}

.school li.last .i span {
    font-size: 28px;
}

.school li.last:hover .i {
    transform: scale(1.1);
}

.school li:hover .img100 {
    transform: scale(1.05);
}

.bg-full-box {
    position: relative;
    z-index: 5;
}

.solution63 {
    padding-bottom: 0 !important;
}

/*6.3中望教育 end*/
/*7.1历史版本 start*/
.version-con {
    margin: 10px;
    background: #fff;
    padding: 28px 0;
    position: relative;
}

.version-con:after {
    height: 9px;
    left: 0;
    bottom: 0;
    background: #0054c1;
    transition: all .4s;
    width: 0;
    content: '';
    position: absolute;
}

.swiper-slide:hover .version-con:after {
    width: 100%;
}

/*.lsbbxz li:hover .version-con:after{width: 100%;}*/
.version .swiper-slide:hover h3 {
    color: #1249ab;
}

.version-con .img100 {
    width: 105px;
    max-width: 80%;
    margin: 0 auto;
}

.version3 .version-con .img100 {
    width: 90px;
}

.version-con h3 {
    margin: 20px 0 15px;
}

.version-con p {
    font-size: 13px;
    color: #afafaf;
    margin-bottom: 30px;
}

.version-download {
    font-size: 0;
}

.version-download a {
    display: inline-block;
    width: 106px;
    height: 31px;
    line-height: 31px;
    text-align: center;
    border-radius: 5px;
    border: 1px solid #1249ab;
    color: #1249ab;
    font-size: 14px;
    margin: 0 10px;
    position: relative;
    overflow: hidden;
    z-index: 3;
    transition: all .4s;
}

.version-download a:before {
    content: '';
    position: absolute;
    left: -2px;
    padding: 1px;
    width: 0;
    bottom: -1px;
    top: -1px;
    background: #1249ab;
    transition: all .4s;
    z-index: -1;
    display: none;
}

.version-download a:hover {
    color: #fff;
    background: #1249ab;
}

.version-download a:hover:before {
    width: 100%;
    left: -1px;
}

.bgf6 {
    background: #f6f6f6;
}

.color1249ab {
    color: #1249ab;
}

p.color1249ab {
    color: #1249ab;
}

.color929292 {
    color: #929292;
}

p.color929292 {
    color: #929292;
}

.customized-ban-text.text-center .i {
    transform-origin: center;
}

.zwcad-news-hd {
    position: relative;
    z-index: 4;
}

.zwcad-news-hd .time {
    opacity: 1;
    z-index: 4;
}

/*.zwcad-news-hd .time:after{content: '';position: absolute;left: 0;width: 100%;height: 8px;background: #0042a5;bottom:44px;z-index: -1;}*/
.zwcad-news-hd .time ul {
    position: relative;
    font-size: 0;
    white-space: nowrap;
    overflow-x: scroll;
    padding: 0 10px 20px;
}

/*.zwcad-news-hd .time.on{opacity: 0;}*/
.zwcad-news-hd-con {
    position: relative;
    width: 1060px;
    max-width: 92%;
    margin: 0 auto;
}

/*.zwcad-news-hd-con:before,.zwcad-news-hd-con:after{position: absolute; bottom: 40px; width: 15px; height: 15px; border-radius: 50% ; background: #0042a5; content: "";z-index: 6;}*/
/*.zwcad-news-hd-con:before{left: -2px;}*/
/*.zwcad-news-hd-con:after{right: -2px;}*/
.zwcad-news-hd .time li {
    display: inline-block;
    vertical-align: top;
    width: 17%;
    text-align: center;
    position: relative;
    cursor: pointer;
    font-size: 14px;
}

.zwcad-news-hd .time li h3 {
    height: 50px;
    line-height: 50px;
    font-size: 18px;
}

.zwcad-news-hd .time li.on h3 {
    background: #0063d3;
    color: #fff;
}

/*.zwcad-news-hd .time li .tit{font-size: 22px; color: #0042a5;position: absolute;bottom:40px;text-align: center;width: 100%;}*/
/*.quan{display: inline-block;background-size:cover;width: 24px;height: 24px;position: absolute;left: 50%;margin-left: -12px;bottom:0; background: #fff;border:2px solid #0042a5;border-radius: 100%;transition: all .4s;transform: translateZ(0);}*/
/*.quans{content: '';position: absolute;top:3px;left: 3px;bottom:3px;right: 3px;background: #0042a5;border-radius: 100%;display: none;}*/
/*.zwcad-news-hd .time li.on .quan{width: 30px;height: 30px;margin-left: -15px;bottom:-3px;}*/
/*.zwcad-news-hd .time li.on .quans{display: block;}*/
/*.zwcad-news-hd .time li:hover .quan{width: 30px;height: 30px;margin-left: -15px;bottom:-3px;}*/
/*.zwcad-news-hd .time li:hover .quans{display: block;}*/
/*.zwcad-news-hd .time li.on .tit{bottom:50px;}*/
/*.zwcad-news-hd .time li.on .tit{font-size: 30px;}*/
.tabContent {
    margin-top: 40px;
}

.zwcad-news-bd {
    display: none;
}

/*7.1历史版本 end*/

/*7.2下载中心 start*/
.recommend {
    font-size: 0;
}

.recommend li {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    width: 32%;
    margin-right: 2%;
    background: #fff;
    box-shadow: 2px 3.464px 12.74px 0.26px rgba(198, 198, 198, 0.31);
    margin-bottom: 65px;
    height: 265px;
    position: relative;
}

.recommend li:nth-child(3n) {
    margin-right: 0;
}

.recommend-con {
    padding: 30px 12px 50px 25px;
}

.recommend-con .version-download {
    margin-left: 78px;
    text-align: left;
}

.recommend-top img {
    display: inline-block;
    vertical-align: top;
    margin-top: 15px;
    margin-right: 12px;
    width: 66px;
    border-radius: 100%;
}

.recommend-des {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
}

.recommend-bot .version-download a {
    margin-left: 0;
    font-size: 16px;
    width: 140px;
    line-height: 36px;
    height: 36px;
    border-radius: 5px;
}

.recommend-des h3 {
    margin-bottom: 8px;
}

.recommend-des p {
    color: #828181;
    height: 3.2em;
}

.recommend-des span {
    color: #afafaf;
    font-size: 13px;
    display: inline-block;
}

.recommend-top {
    margin-bottom: 48px;
    font-size: 0;
}

.ljgd2 {
    color: #1249ab;
    line-height: 36px;
}

.ljgd2 span {
    color: #1249ab;
    font-size: 14px;
    margin-left: 5px;
}

.recommend li:hover h3 {
    color: #1249ab;
}

.show-more-bottom .morechoose {
    width: 100%;
    margin: 0;
    position: absolute;
    top: 100%;
    transition: all .4s;
    height: 0;
    line-height: 0;
    overflow: hidden;
}

.show-more-bottom .morechoose i {
    display: block;
    height: 50px;
    line-height: 50px;
    font-style: normal;
}

.show-more-bottom li:hover .morechoose {
    height: 50px;
    line-height: 50px;
}

.relative-load a {
    width: 240px;
    line-height: 60px;
    height: 60px;
    font-size: 18px;
    margin: 0 18px;
}

.version-download a.active {
    color: #fff;
}

.version-download a.active:before {
    width: 100%;
}

.xgxz-tabs {
    display: none;
}

.xgxz-tabs.active {
    display: block;
}

.xgxz-tab .btn44 a {
    background: #fff;
    color: #006bd3;
}

.xgxz-tab .btn44 a:hover {
    background: #006bd3;
    color: #fff;
}

.xgxz-des {
    height: 90px;
    margin-bottom: 20px;
}

.xgxz-tab .version-con p {
    height: auto;
    width: 190px;
    max-width: 100%;
    margin: 0 auto 5px;
}

.version li {
    position: relative;
    margin-bottom: 50px;
}

.xgxz-des2 {
    margin-bottom: 20px;
}

.xgxz-des2-top span {
    color: #afafaf;
    font-size: 13px;
    display: inline-block;
    margin-bottom: 10px;
}

.lsbbxz {
    position: relative;
}

.lsbbxz li {
    margin-top: 0;
    margin-bottom: 0;
}

.lsbbxz li .ljxq {
    position: relative;
    overflow: hidden;
    z-index: 3;
    transition: all .4s;
}

.lsbbxz li .ljxq i {
    position: absolute;
    top: -1px;
    left: -2px;
    bottom: -1px;
    padding: 1px;
    width: 0;
    transition: all .4s;
    background: #2b6bff;
    z-index: -1;
    box-sizing: content-box;
    display: none;
}

.lsbbxz li .ljxq:hover {
    color: #fff;
    border-color: #2b6bff;
    background: #2b6bff;
}

.lsbbxz li .ljxq:hover i {
    width: 100%;
    left: -1px;
}

.more-items-box {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 100%;
    margin: 0 !important;
}

.lsbbxz .more-solutions-warp .i {
    width: 66px;
    height: 66px;
    margin-bottom: 20px;
}

.download-pop {
    display: none;
}

.bg07 {
    background: rgba(0, 0, 0, .7);
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#b2000000, endcolorstr=#b2000000);
}

.download-con {
    background: #fff;
    width: 1200px;
    max-width: 92%;
    margin: 0 auto;
    border-radius: 6px;
    overflow: hidden;
}

.download-warp {
    height: 540px;
    margin: 80px 150px;
    position: relative;
    display: none;
}

.download-logo {
    position: absolute;
    top: 50%;
    left: 0;
    text-align: center;
    margin-top: -145px;
}

.download-logo span {
    color: #afafaf;
}

.download-logo img {
    width: 162px;
}

.email-page h3 {
    color: #5d5d5d;
    margin-bottom: 24px;
}

.email-right {
    margin-left: 380px;
}

.email-page-input {
    border: 1px solid #dadada;
    position: relative;
}

.email-page-input .text {
    height: 48px;
    line-height: 48px;
    display: block;
    width: 100%;
    font-size: 18px;
    text-indent: 1em;
}

.email-page-input select {
    font-size: 18px;
    height: 48px;
    line-height: 48px;
    display: block;
    width: 100%;
    border: none;
}

.download-choose-style li {
    float: left;
    color: #7e7e7e;
    margin-right: 90px;
    position: relative;
    padding-left: 25px;
    cursor: pointer;
}

.download-choose-style li:last-child {
    margin-right: 0;
}

.download-choose-style li i {
    position: absolute;
    width: 14px;
    height: 14px;
    border: 1px solid #dcdcdc;
    top: 50%;
    margin-top: -8px;
    left: 0;
}

.download-choose-style li.active i {
    background: #1249ab;
    border-color: #1249ab;
}

.policy li {
    margin-top: 12px;
}

.policy li span {
    color: #f00;
}

.getlink {
    display: inline-block;
    width: 316px;
    height: 46px;
    line-height: 46px;
    color: #fff;
    text-align: center;
    border-radius: 10px;
    overflow: hidden;
    background: #aaa;
    cursor: default;
}

.getlink i {
    border-radius: 0;
    display: none;
}

.getlink.active {
    background: #1249ab;
    cursor: pointer;
}

.getlink.active i {
    display: block;
}

.download-con .close {
    position: absolute;
    right: 40px;
    top: 20px;
    font-size: 48px;
    color: #dcdcdc;
    transition: all .4s;
}

.download-con .close:hover {
    color: #1249ab;
}

.download-step2 .email-page h3 {
    margin-bottom: 5px;
}

.download-step2 .email-page-input .text,
.download-step2 .email-page-input select {
    height: 36px;
    line-height: 36px;
}

.download-step3 .download-logo {
    position: static;
    width: auto;
    text-align: center;
    margin: 0;
}

.loading {
    width: 100px;
    height: 100px;
    margin: 45px auto 0;
    position: relative;
}

.fading-circle {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.sk-circle {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.sk-circle:before {
    content: '';
    display: block;
    margin: 0 auto;
    width: 12px;
    height: 28px;
    background-color: #0a70d3;
    border-radius: 5px;
    animation: sk-circleFadeDelay 1.2s infinite linear;
    animation-fill-mode: both
}

.sk-circle2 {
    transform: rotate(30deg);
}

.sk-circle3 {
    transform: rotate(60deg);
}

.sk-circle4 {
    transform: rotate(90deg);
}

.sk-circle5 {
    transform: rotate(120deg);
}

.sk-circle6 {
    transform: rotate(150deg);
}

.sk-circle7 {
    transform: rotate(180deg);
}

.sk-circle8 {
    transform: rotate(210deg);
}

.sk-circle9 {
    transform: rotate(240deg);
}

.sk-circle10 {
    transform: rotate(270deg);
}

.sk-circle11 {
    transform: rotate(300deg);
}

.sk-circle12 {
    transform: rotate(330deg);
}

.sk-circle2:before {
    animation-delay: -1.1s;
    transition-delay: -1.1s;
}

.sk-circle3:before {
    animation-delay: -1s;
    transition-delay: -1s;
}

.sk-circle4:before {
    animation-delay: -.9s;
    transition-delay: -.9s;
}

.sk-circle5:before {
    animation-delay: -.8s;
    transition-delay: -.8s;
}

.sk-circle6:before {
    animation-delay: -.7s;
    transition-delay: -.7s;
}

.sk-circle7:before {
    animation-delay: -.6s;
    transition-delay: -.6s;
}

.sk-circle8:before {
    animation-delay: -.5s;
    transition-delay: -.5s;
}

.sk-circle9:before {
    animation-delay: -.4s;
    transition-delay: -.4s;
}

.sk-circle10:before {
    animation-delay: -.3s;
    transition-delay: -.3s;
}

.sk-circle11:before {
    animation-delay: -.2s;
    transition-delay: -.2s;
}

.sk-circle12:before {
    animation-delay: -.1s;
    transition-delay: -.1s;
}

@-webkit-keyframes sk-circleFadeDelay {

    0%,
    39%,
    100% {
        opacity: 0;
    }

    40% {
        opacity: 1;
    }
}

@-moz-keyframes sk-circleFadeDelay {

    0%,
    39%,
    100% {
        opacity: 0;
    }

    40% {
        opacity: 1;
    }
}

@-o-keyframes sk-circleFadeDelay {

    0%,
    39%,
    100% {
        opacity: 0;
    }

    40% {
        opacity: 1;
    }
}

@keyframes sk-circleFadeDelay {

    0%,
    39%,
    100% {
        opacity: 0;
    }

    40% {
        opacity: 1;
    }
}

.download-success {
    color: #0a70d3;
}

.download-success .youjianfasongchenggong {
    font-size: 170px;
}

.download-success h5 {
    margin-top: 20px;
}

.download-success p {
    margin: 30px 0;
}

.must {
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -8px;
    color: #f00;
}

/*7.2下载中心 end*/

/*5.2人事招聘 start*/
.qyjj-img {
    width: 50%;
}

.qyjj-con {
    position: absolute;
    width: 50%;
    top: 0;
    right: 0;
    height: 100%;
}

.qyjj-warp {
    margin: 0 11%;
}

.qyjj-des p {
    margin-bottom: 35px;
    line-height: 2em;
}

.ljgdbg0044cc {
    display: block;
    width: 128px;
    text-align: center;
    line-height: 38px;
    height: 38px;
    background: #0044cc;
    color: #fff;
    border-radius: 4px;
}

.ljgdbg0044cc .mainjiantou {
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    margin-left: 10px;
}

.ljgdbg0044cc:hover .mainjiantou {
    transform: translateX(5px);
}

.margin-bot30 {
    margin-bottom: 30px;
}

.talent .img100 {
    width: 50%;
}

.talent .li1 .img100 {
    float: right;
}

.talent .li1 .qyjj-con {
    left: 0;
    right: auto;
    text-align: right;
}

.bottom-line {
    border-bottom: 1px solid #c3c3c3;
    padding-bottom: 12px;
}

.bottom-line .i {
    left: 0;
    bottom: -1px;
    border-bottom: 1px solid #006bd3;
    width: 34px;
    position: absolute;
}

.talent .jiantoushixin_you {
    position: absolute;
    left: 100%;
    margin-left: -11px;
}

.talent .iconfont {
    font-size: 40px;
    top: 70px;
    color: #f3f3f3;
    position: absolute;
}

.talent .li2 .jiantoushixin_zuo {
    left: auto;
    right: 100%;
    margin-right: -11px;
}

.talent .qyjj-warp {
    padding-top: 70px;
}

.talent p {
    margin-bottom: 40px;
    line-height: 2.2em;
}

.channel-list li {
    float: left;
    width: 33.33%;
}

.channel-bot {
    color: #504f4f;
}

/*.welfare-box{padding-top: 0 !important;}*/
.welfare-width {
    width: 93.75%;
    margin: 0 auto;
}

.welfare-left {
    width: 70%;
}

.welfare-right {
    width: 30%;
    position: absolute;
    right: 0;
    height: 100%;
    top: 0;
}

.welfare-con {
    position: absolute;
}

.welfare-con .bottom-line {
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.welfare-con .iconfont {
    position: absolute;
    font-size: 40px;
    color: #f3f3f3;
    width: 40px;
    height: 40px;
}

.welfare-top {
    margin-bottom: 1%;
}

.welfare1 {
    width: 55%;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
}

.welfare1 .welfare-con {
    background: -webkit-linear-gradient(top, #008bf8, #0071e8);
    background: -ms-linear-gradient(top, #008bf8, #0071e8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#008bf8', endColorstr='#0071e8', GradientType=0);
}

.welfare1 .welfare-con .shijiantoushangup {
    color: #008bf8;
}

.welfare1 .welfare-con h3 {
    color: #fff;
}

.welfare1 .welfare-con p {
    color: #fff;
}

.welfare1 .welfare-con .bottom-line {
    border-color: #fff;
}

.welfare7 .welfare-con {
    background: -webkit-linear-gradient(top, #008bf8, #0071e8);
    background: -ms-linear-gradient(top, #008bf8, #0071e8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#008bf8', endColorstr='#0071e8', GradientType=0);
}

.welfare7 .welfare-con .shijiantoushangup {
    color: #008bf8;
}

.welfare7 .welfare-con h3 {
    color: #fff;
}

.welfare7 .welfare-con p {
    color: #fff;
}

.welfare7 .welfare-con .bottom-line {
    border-color: #fff;
}

.welfare-page {
    overflow: hidden;
}

.welfare-show {
    position: relative;
}

.welfare-top-right {
    width: 43%;
    margin-right: 1%;
}

.welfare-top-right .img100,
.welfare6 .img100 {
    width: 59%;
}

.welfare-bot {
    margin-right: 1%;
}

.welfare-bot .img100 {
    width: 63%;
    margin-left: 37%;
}

.welfare-bot .welfare-page {
    width: 49.5%;
}

.welfare-top-right .welfare-con {
    width: 41%;
    height: 100%;
    top: 0;
}

.welfare2 {
    margin-bottom: 2.5%;
}

.welfare2 .welfare-con {
    right: 0;
}

.welfare3 .welfare-con {
    left: 0;
}

.welfare-bot .welfare-con {
    left: 0;
    position: absolute;
    height: 100%;
    width: 37%;
    top: 0;
}

.welfare6 .welfare-con {
    width: 41%;
    right: 0;
    height: 100%;
    top: 0;
}

.welfare7 {
    position: absolute;
    width: 100%;
    bottom: 0;
    right: 0;
}

.welfare7 .welfare-con {
    position: relative;
}

.welfare-warp {
    padding: 30px;
}

.welfare-warp h3 {
    color: #404040;
}

.welfare-warp p {
    color: #9d9c9c;
}

.welfare-con .shijiantoushangup {
    bottom: 100%;
    left: 35px;
    margin-bottom: -4px;
}

.welfare-con .jiantoushixin_you {
    left: 100%;
    top: 25px;
    margin-left: -12px;
}

.welfare-con .jiantoushixin_zuo {
    right: 100%;
    top: 25px;
    margin-right: -12px;
}

.welfare-hide {
    z-index: 5;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    transition: all .4s;
}

.welfare-hide .solutions-bg {
    display: none;
    z-index: 1;
}

.welfare-hide-bgcolor {
    z-index: 2;
    /*background: rgba(0,0,0,.7);*/
    /*filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;*/
}

.welfare-hide-con {
    z-index: 3;
}

.welfare-hide-warp {
    width: 75%;
    margin: 0 auto;
}

.welfare-hide-warp h3 {
    color: #fff;
}

.welfare-hide-warp p {
    color: #d7d7d7;
}

.welfare-page:hover .welfare-hide {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}

.joinus {
    padding: 120px 0 210px;
}

.joinus h1 {
    filter: alpha(opacity=29);
    -moz-opacity: 0.29;
    opacity: 0.29;
}

.joinus .morechoose {
    border: 1px solid #fff;
    background: none;
    width: 180px;
    margin: 20px 10px 0;
    background: rgba(255, 255, 255, .2);
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#33ffffff, endcolorstr=#33ffffff);
    display: inline-block;
}

/*5.2人事招聘 end*/
/*5.3人事招聘-社会招聘 start*/
.have-choose {
    padding-bottom: 2px;
}

.have-choose-left {
    position: absolute;
    left: 0;
    top: 0;
}

.have-choose-con,
.condition-con {
    margin-left: 120px;
}

.have-choose-con a {
    display: inline-block;
    border: 1px solid #ddd;
    padding: 0 10px;
    position: relative;
}

.have-choose-con a i {
    font-size: 16px;
    height: 16px;
    width: 16px;
    position: absolute;
    right: -10px;
    top: -10px;
    background: #fff;
}

.zpxzfl {
    margin: 0 70px;
}

.zpxzfl a:hover {
    color: #006bd3;
    border-color: #006bd3;
}

.zpxzfl a,
.zpxzfl span {
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 18px;
    line-height: 24px;
    height: 24px;
    font-size: 16px;
    color: #747474;
    transition: all .4s;
}

.condition {
    margin-top: 8px;
}

.bgef {
    background: #efefef;
}

.zp span {
    float: left;
    padding: 0 2%;
    text-align: center;
    width: 16%;
    box-sizing: border-box;
    font-size: 16px;
}

.zp span.zp-name {
    width: 34%;
    text-align: left;
    padding-left: 70px;
}

.zp span.zp-add {
    width: 34%;
}

.zp-top {
    padding: 32px 0;
}

.zp-top span {
    color: #212121;
}

.zp-bot a {
    display: block;
    padding: 14px 0;
    transition: all .4s;
    display: flex;
    align-items: center;
}

.zp-bot span {
    color: #747474;
}

.zp-bot li {
    border-bottom: 1px solid #efefef;
}

.zp-bot a:hover {
    background: #efefef;
    color: #006bd3;
}

.zp-bot a:hover span {
    color: #006bd3;
}

/*5.3人事招聘-社会招聘 end*/
/*5.4人事招聘-社会招聘详情 start*/
.job-share {
    margin-right: 32px;
}

.job-shares {
    background: #006bd3;
    color: #fff;
    border-radius: 5px;
    width: 70px;
    text-align: center;
    font-size: 16px;
    padding: 3px 0;
    position: relative;
}

.job-shares span {
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    margin-right: 5px;
}

.job-shares i {
    border-radius: 5px;
}

.job-requirement h3 {
    color: #444;
}

.job-des p {
    color: #7d7d7d;
    line-height: 2em;
}

.job-bot .morechoose {
    width: 200px;
    margin: 0;
    border-radius: 5px;
}

.job-bot i {
    border-radius: 0;
}

.job-bot-tjl {
    text-transform: uppercase;
}

.job-bot-tjl p {
    margin-bottom: 8px;
}

/*5.4人事招聘-社会招聘详情 end*/
/*5.5新闻中心 start*/
.new-search {
    margin-top: 45px;
}

.new-ban-text h2 {
    margin-bottom: 5px;
}

.new-search .case-input-box {
    width: 70%;
}

.new-center {
    padding-bottom: 1px;
}

.new-center li {
    background: #f7f7f7;
    margin-bottom: 40px;
}

.new-center li a {
    display: block;
    position: relative;
}

.new-center .img100 {
    width: 420px;
}

.new-center-con {
    position: absolute;
    top: 0;
    height: 100%;
    left: 420px;
    right: 0;
}

.new-center-con .jiantoushixin_zuo {
    position: absolute;
    font-size: 36px;
    color: #f7f7f7;
    top: 40px;
    right: 100%;
    margin-right: -10px;
}

.new-center-warp {
    margin: 45px 60px 0;
}

.new-center-warp h3 {
    height: 3.2em;
    line-height: 1.6em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    transition: all .4s;
}

.new-center-warp p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 3.2em;
}

.new-center-bot {
    position: absolute;
    right: 60px;
    bottom: 25px;
}

.new-center-bot span {
    margin-left: 25px;
    font-size: 12px;
    color: #717171;
}

.new-center-bot span i {
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    margin-right: 8px;
}

.new-type {
    position: absolute;
    width: 160px;
    line-height: 60px;
    height: 60px;
    text-align: center;
    top: -12px;
    left: -18px;
    background: rgba(255, 255, 255, .9);
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#e5ffffff, endcolorstr=#e5ffffff);
    box-shadow: 0px 0px 5px 0px rgba(38, 38, 38, 0.55);
}

.new-center li:hover h3 {
    color: #006bd3;
}

.new-center li:hover .mainjiantou {
    transform: translateX(10px);
    color: #006bd3;
}

/*5.5新闻中心 end*/
/*5.7新闻中心详情 start*/
.article i {
    font-size: 16px;
}

.new-detail-icon i {
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    margin-right: 5px;
}

.new-detail-icon span {
    margin-right: 25px;
    color: #505050;
}

.new-edited {
    padding: 30px 0;
}

/* .new-edited p{font-size: 16px !important; line-height: 30px; color: #888888;margin: 25px 0;}
.new-edited a{color: #888888;font-size: 16px;line-height: 30px;} */
.new-class {
    padding: 35px 25px;
}

.new-class-title {
    border-bottom: 1px solid #fefefe;
    padding-bottom: 20px;
}

.new-class-title i {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    margin-top: -4px;
    font-size: 24px;
}

.new-class-bot {
    border-top: 1px solid #dfdfdf;
    padding: 20px 0;
}

.new-class-bot li {
    border-bottom: 1px solid #dfdfdf;
}

.new-class-bot li a {
    display: block;
    height: 46px;
    line-height: 46px;
    padding: 0 24px;
    position: relative;
    font-size: 16px;
    color: #4f4f4f;
    overflow: hidden;
}

.new-class-bot li a:before {
    content: '';
    position: absolute;
    border-left: 2px solid #9e9e9e;
    height: 12px;
    top: 50%;
    margin-top: -6px;
    left: 7px;
}

.new-class-bot li a:hover {
    background: #006bd3;
    color: #fff !important;
}

.new-class-bot li a:hover:before {
    border-color: #fff;
}

.new-class-bot li a i {
    position: absolute;
    width: 77px;
    height: 77px;
    background: url("../images/yujuetu.png") no-repeat center;
    background-size: cover;
    right: 6px;
    top: -40px;
    transform: translateY(-30px);
    transition: all .4s;
}

.new-class-bot li a:hover i {
    transform: translateY(0);
}


.new-class-bot li.active a {
    color: #006bd3;
}


/*5.7新闻中心详情 end*/
/*5.6Event start*/
.filter-events {
    line-height: 1em;
    padding: 45px 0;
    text-transform: uppercase;
}

.even-search .case-ban-select {
    float: left;
    width: 33.33%;
    position: relative;
}

.case-ban-select-last {
    margin-right: 0 !important;
}

.zindex8 {
    position: relative;
    z-index: 8;
}

.zindex7 {
    position: relative;
    z-index: 7;
}

.case-ban-select-last:after {
    display: none;
}

.even-search .agent-search {
    margin-right: 240px;
}

.even-fanhui {
    position: absolute;
    width: 118px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    top: 0;
    right: 0;
    background: #384a74;
    color: #fff;
}

.even-fanhui span {
    font-size: 30px;
}

.even-fanhui i {
    border-radius: 0;
}

.event-list {
    margin: 0 -2.66%;
}

.event-list li {
    float: left;
    width: 28%;
    margin: 0 2.66% 5.2%;
    box-shadow: 0 0 9px 0 rgba(41, 41, 41, 0.5);
    position: relative;
    overflow: hidden;
}

.event-warp {
    padding: 40px 40px 140px;
}

.event-list-con {
    margin-left: 25px;
}

.event-warp h3 {
    margin-bottom: 12px;
}

.event-warp p {
    font-size: 12px;
    color: #979797;
}

.event-warp h4 {
    color: #151516;
    margin-top: 12px;
}

.event-icon {
    position: absolute;
    left: 30px;
    bottom: 0;
    width: 90px;
    transition: all .4s;
}

.event-icon img {
    width: 100%;
    vertical-align: bottom;
}

.event-right-bottom {
    position: absolute;
    right: 60px;
    bottom: 25px;
    text-align: right;
}

.event-right-bottom p {
    display: block;
    font-size: 12px;
    color: #121212;
}

.event-right-bottom span {
    display: block;
    font-size: 12px;
    color: #979797;
}

.event-right-bottom i {
    display: block;
    margin-right: -20px;
    margin-top: 20px;
    color: #006bd3;
}

.event-list li:hover .mainjiantou {
    margin-right: -30px;
}

.event-list li:hover .event-icon {
    transform: scale(1.1);
}

.event-list2 li {
    background: #384a74;
}

.event-list2 h3,
.event-list2 h4,
.event-list2 p,
.event-list2 span,
.event-list2 .mainjiantou {
    color: #fff;
}

.even-search .case-select-type {
    text-align: center;
    width: 52px;
}

.even-search .case-select-type img {
    display: inline-block;
    vertical-align: middle;
    margin-top: -4px;
}

.even-search .case-select-val {
    margin-left: 52px;
}

.position-fixed {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2000000001;
}

.event-hide {
    background: rgba(56, 74, 116, .8);
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#c8384a74, endcolorstr=#c8384a74);
    display: none;
}

.event-hide-warp {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 487px;
    margin-top: -243px;
}

.event-map {
    width: 50%;
    background: #384a74;
}

.event-hide-warps {
    padding: 40px 120px;
}

.event-hide-warps h3 {
    color: #fff;
}

.event-hide-warps h4 {
    color: #384a74;
}

.event-map-page {
    margin-top: 40px;
}

.event-map-page p {
    color: #bac2d4;
    margin-bottom: 5px;
}

.event-map-page span {
    display: block;
    color: #bac2d4;
    font-size: 12px;
}

.event-map-con {
    height: 148px;
    margin-top: 40px;
}

.event-hide-right {
    position: absolute;
    right: 0;
    width: 50%;
    height: 100%;
    top: 0;
    background: #fff;
}

.event-hide-right .event-map-page p {
    color: #384a74;
}

.event-hide-right .event-map-page span {
    color: #384a74;
}

.event-play {
    width: 320px;
    margin: 25px auto;
    max-width: 100%;
}

.eventBtn a {
    position: absolute;
    top: 50%;
    margin-top: -20px;
    color: #959595;
    z-index: 9;
}

.eventBtn a i {
    font-size: 40px;
    transition: all .4s;
}

.eventBtn a:hover {
    color: #384a74;
}

.eventLeft {
    left: -60px;
}

.eventRight {
    right: -60px;
}

.learn-more {
    color: #384a74;
}

.learn-more i {
    display: inline-block;
    background: #384a74;
    color: #fff;
    border-radius: 100%;
    width: 22px;
    height: 22px;
    font-size: 16px;
    text-align: center;
    line-height: 22px;
    margin-left: 2px;
    transition: all .4s;
}

.learn-more:hover i {
    transform: translateX(5px);
}

.event-close {
    position: absolute;
    right: 15px;
    top: 15px;
    z-index: 5;
    transition: all .4s;
}

.event-close:hover {
    transform: scale(1.2) translateZ(0);
}

/*5.6Event end*/
/*5.1企业介绍 start*/
.margin-bot10 {
    margin-bottom: 10px;
}

.gsjj-ban-text {
    margin-bottom: 22%;
}

.gsjj-ban-text h1 {
    text-shadow: 0 1px 35px rgba(2, 44, 107, 0.81);
    -moz-transform: matrix(0.91457011453686, 0, 0, 0.91457011453686, 0, 0);
    -webkit-transform: matrix(0.91457011453686, 0, 0, 0.91457011453686, 0, 0);
    -ms-transform: matrix(0.91457011453686, 0, 0, 0.91457011453686, 0, 0);
}

.gsjj-ban-text p {
    text-shadow: 0 1px 10px rgba(2, 44, 107, 0.6);
    -moz-transform: matrix(1.08710091986151, 0, 0, 1.08710091986151, 0, 0);
    -webkit-transform: matrix(1.08710091986151, 0, 0, 1.08710091986151, 0, 0);
    -ms-transform: matrix(1.08710091986151, 0, 0, 1.08710091986151, 0, 0);
    text-transform: uppercase;
}

.bghide {
    display: none;
}

.padding-t40 {
    padding-top: 40px;
}

.about-company {
    padding: 80px 100px;
    border-radius: 10px;
    overflow: hidden;
}

.about-company .title60 {
    margin-bottom: 80px;
}

.about-company .title60 h3 {
    color: #b6d7f4;
}

.about-company .title60 h2 {
    color: #fff;
}

.line-group h3.margin-bot50 {
    margin-bottom: 50px;
}

.about-company .line-box {
    padding-left: 30px;
}

.about-company .line-box .i {
    border-width: 2px;
    top: 0;
    bottom: auto;
    height: 100%;
    /*bottom: 10px;top:10px;height: auto;*/
}

.about-company .line-box p {
    line-height: 2em;
    margin-bottom: 30px;
    text-align: justify;
}

.about-company .line-box p:last-child {
    margin-bottom: 0;
}

.company-left p {
    margin-bottom: 10px;
}

.about-company-con {
    width: 1128px;
    margin: 0 auto;
    max-width: 100%;
}

.company-data {
    font-size: 0;
    background: rgba(10, 25, 143, .4);
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#660a198f, endcolorstr=#660a198f);
    border-radius: 10px;
    overflow: hidden;
}

.company-data li {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    width: 33.33%;
    margin: 0 0 20px;
    text-align: center;
    position: relative;
}

.company-data-warp {
    padding: 30px 0 20px;
    color: #fff;
}

.company-data-top {
    display: inline-block;
    position: relative;
}

.company-data-top .span1 {
    line-height: 1em;
}

.company-data-top .span2 {
    position: absolute;
    top: 0;
    right: -20px;
}

.company-data-warp p {
    margin-top: 15px;
}

.company-data-warp span {
    font-family: dincondmedium;
}

.company-data img {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -60px;
}

/*.company-data.ie8 .size72{font-size: 48px;}*/
.absorbed a {
    display: block;
    position: relative;
    overflow: hidden;
    z-index: 6;
}

.absorbed a:hover .mainjiantou {
    right: 25px;
}

.absorbed1 {
    float: left;
    width: 65.2%;
    margin-bottom: 1.7%;
}

.absorbed1 .img100 {
    width: 43.3%;
}

.absorbed1 .absorbed-con {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 56.7%;
    background: #f2f2f2;
    box-shadow: 0 0 6px 0 rgba(200, 200, 200, 0.4);
}

.absorbed2 {
    float: right;
    width: 32.5%;
    margin-bottom: 1.7%;
}

.absorbed3 {
    width: 37%;
}

.absorbed4 {
    width: 61.3%;
    background: -webkit-linear-gradient(left, #0f195b, #091995);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0f195b', endColorstr='#091995', GradientType=1);
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
}

.absorbed4 a {
    display: block;
    width: 100%;
}

.absorbed-con-warp {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
}

.absorbed-des {
    padding: 0 10%;
}

.absorbed .line-box .i {
    border-width: 2px;
    /*bottom: 8px;top:8px;height: auto;*/
}

.absorbed .line-box p {
    line-height: 2em;
}

.absorbed .jiantoushixin_zuo {
    position: absolute;
    right: 100%;
    top: 85px;
    font-size: 50px;
    color: #f2f2f2;
    margin-right: -14px;
}

.absorbed .jiantoushixin_you {
    position: absolute;
    left: 100%;
    top: 85px;
    font-size: 50px;
    color: #f2f2f2;
    margin-left: -14px;
}

.absorbed2 .jiantoushixin_you {
    display: none;
}

.absorbed3 .jiantoushixin_zuo {
    display: none;
}

.absorbed .mainjiantou {
    position: absolute;
    right: 35px;
    bottom: 20px;
    color: #fff;
}

.absorbed .absorbed1 .mainjiantou {
    color: #b3b3b3;
}

.absorbed .daima {
    color: #565ca7;
    font-size: 250px;
    line-height: 1em;
    position: absolute;
    right: -40px;
    bottom: -60px;
    z-index: -1;
}

.gsjj-title36 p {
    width: 850px;
    max-width: 100%;
    margin: 0 auto;
}

.global1 {
    width: 35.66%;
}

.global-right {
    width: 62.5%;
}

.global1 {
    position: relative;
}

.global1 .global-con {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.global-right .global-con {
    position: absolute;
    top: 0;
    width: 50%;
    height: 100%;
}

.global-right .img100 {
    width: 50%;
}

.global2 {
    margin-bottom: 2.7%;
}

.global2 .global-con {
    right: 0;
    background: #eaeaea;
}

.global3 .global-con {
    left: 0;
    background: #091995;
    background: -webkit-linear-gradient(left, #0f195b, #091995);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0f195b', endColorstr='#091995', GradientType=1);
}

.global3 .img100 {
    float: right;
}

.global-warp {
    margin: 0 50px;
}

.global-con .mainjiantou {
    position: absolute;
    right: 30px;
    bottom: 15px;
    color: #fff;
}

.global a {
    display: block;
}

.global a:hover .mainjiantou {
    right: 20px;
}

.global2 .global-con .mainjiantou {
    color: #b3b3b3;
}

.global .line-box .i {
    border-width: 2px;
    height: 100%;
    top: 0;
    bottom: auto;
}

.global .jiantoushixin_zuo {
    position: absolute;
    top: 55px;
    font-size: 48px;
    right: 100%;
    color: #eaeaea;
    margin-right: -14px;
}

.global .jiantoushixin_you {
    position: absolute;
    top: 55px;
    font-size: 48px;
    left: 100%;
    color: #091995;
    margin-left: -14px;
}

.scrollpage-gsjj {
    padding-bottom: 150px;
}

.scrollpage {
    position: relative;
}

.scrollpage-about {
    padding-top: 0 !important;
}

.development {
    padding-top: 60px;
}

.development .title60 {
    margin-bottom: 90px;
}

.development .title60 h3 {
    color: #7997dc;
}

.about-timeline-year {
    position: absolute;
    width: 120px;
    top: 0;
    height: 100%;
    overflow: auto;
}

.development-play {
    margin-left: 260px;
    padding-bottom: 40px;
    height: 650px;
}

.about-timeline-years {
    border-left: 2px solid #81a0df;
    margin-left: 22px;
}

.about-timeline-years li {
    height: 60px;
    line-height: 60px;
    color: #99b9f7;
    transition: all .4s;
    position: relative;
    padding-left: 24px;
    margin-bottom: 18px;
    cursor: pointer;
}

.about-timeline-years li:last-child {
    margin-bottom: 0;
}

.about-timeline-years li:before {
    content: '';
    position: absolute;
    left: -2px;
    top: 0;
    height: 100%;
    border-left: 2px solid #fff;
    display: none;
}

.about-timeline-year.scrollBar::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.about-timeline-year.scrollBar::-webkit-scrollbar-thumb {
    background-color: rgba(12, 34, 165, .5);
    border-radius: 8px;
    background-clip: padding-box;
    min-height: 28px;
}

.about-timeline-year.scrollBar::-webkit-scrollbar-track-piece {
    background: transparent;
    background: none;
}

.about-timeline-year.scrollBar::-webkit-scrollbar-thumb:hover {
    border: 1px solid #0c22a5;
    background-color: #0c22a5;
}

.about-timeline-year {
    scrollbar-face-color: #0c22a5;
    /*滚动条3D表面（ThreedFace）的颜色*/
    scrollbar-highlight-color: #fff;
    /*滚动条3D界面的亮边（ThreedHighlight）颜色*/
    scrollbar-shadow-color: #eeeeee;
    /*滚动条3D界面的暗边（ThreedShadow）颜色*/
    scrollbar-3dlight-color: #eeeeee;
    /*滚动条亮边框颜色*/
    scrollbar-arrow-color: #000;
    /*滚动条方向箭头的颜色 */
    scrollbar-track-color: #fff;
    /*滚动条的拖动区域(TrackBar)颜色*/
    scrollbar-darkshadow-color: #fff;
    /*滚动条暗边框（ThreedDarkShadow）颜色*/
}


.time .scrollBar::-webkit-scrollbar {
    width: 8px;
    height: 14px;
}

.time .scrollBar::-webkit-scrollbar-thumb {
    background-color: #f0f0f0;
    border-radius: 8px;
    background-clip: padding-box;
    min-height: 28px;
}

.time .scrollBar::-webkit-scrollbar-track-piece {
    background: transparent;
    background: none;
}

.time .scrollBar::-webkit-scrollbar-thumb:hover {
    border: 1px solid #ddd;
    background-color: #ddd;
}


.about-timeline-years li.active {
    color: #fff;
    font-size: 30px;
}

.about-timeline-years li.active:before {
    display: block;
}

.about-timeline-years li:hover {
    color: #fff;
}

.about-timeline-years li:hover:before {
    display: block;
}

.development-play .swiper-container {
    height: 100%;
}

.development-warp {
    width: 650px;
    max-width: 100%;
}

.development-warp h3 {
    color: #fff;
}

.development-warp i {
    display: block;
    width: 50px;
    height: 3px;
    background: #fff;
    margin-top: 10px;
    margin-bottom: 30px;
}

.development-warp p {
    font-size: 16px;
    color: #fff;
    margin-top: 20px;
}

.cultrue {
    position: relative;
}

.cultrue li {
    position: relative;
}

.cultrue1,
.cultrue2 {
    width: 66.66%;
}

.cultrue-con {
    background: #f2f2f2;
}

.cultrue1 .img100 {
    width: 50%;
}

.cultrue2 .img100 {
    width: 50%;
}

.cultrue1 .cultrue-con {
    width: 50%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background: #0f195b;
    background: -webkit-linear-gradient(left, #0f195b, #091995);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0f195b', endColorstr='#091995', GradientType=1);
}

.cultrue2 .cultrue-con {
    width: 50%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

/*.cultrue1{margin-bottom: 1%;}*/
.cultrue2 .img100 {
    float: right;
}

.cultrue li.cultrue3 {
    position: absolute;
    right: 0;
    width: 33.33%;
    top: 0;
    height: 100%;
}

.cultrue3 .cultrue-con {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 50%;
}

/*.cultrue-con .line-group{margin-bottom: 50px;}*/
.cultrue-con .i {
    border-width: 2px;
    top: 0;
    height: 100%;
    bottom: auto;
}

.cultrue-con .jiantoushixin_zuo {
    font-size: 60px;
    color: #f2f2f2;
    position: absolute;
    top: 70px;
    right: 100%;
    margin-right: -16px;
}

.cultrue-con .jiantoushixin_you {
    font-size: 60px;
    color: #f2f2f2;
    position: absolute;
    top: 70px;
    left: 100%;
    margin-left: -16px;
}

.cultrue-con .shijiantoushangup {
    font-size: 60px;
    color: #f2f2f2;
    position: absolute;
    left: 90px;
    bottom: 100%;
    margin-bottom: -6px;
}

.cultrue-con .mainjiantou {
    position: absolute;
    bottom: 20px;
    right: 30px;
}

.cultrue li:hover .mainjiantou {
    right: 20px;
}

.cultrue1 .jiantoushixin_zuo {
    color: #0f195b;
}

.cultrue1 h3 {
    color: #fff;
}

.cultrue1 p {
    color: #fff;
}

.cultrue1 .i {
    border-color: #fff;
}

.cultrue-warp {
    margin: 0 18%;
}

.gsfb {
    width: 1024px;
    margin: 0 auto 55px;
    max-width: 100%;
}

.gsfb li {
    width: 9%;
    text-align: center;
    float: left;
    cursor: pointer;
    position: relative;
}

.gsfb li p {
    color: #006bd3;
}

.gsfb li .i {
    width: 19px;
    height: 19px;
    border: 1px solid #006bd3;
    border-radius: 100%;
    margin: 15px auto 0;
    position: relative;
    z-index: 4;
    background: #fff;
}

.gsfb li .is {
    content: '';
    position: absolute;
    top: 3px;
    right: 3px;
    bottom: 3px;
    left: 3px;
    background: #006bd3;
    border-radius: 100%;
    display: none;
}

.gsfb li.active .is {
    display: block;
}

.gsfb li:hover .is {
    display: block;
}

.gsfb li:before {
    content: '';
    position: absolute;
    height: 3px;
    background: #006bd3;
    left: 0;
    width: 50%;
    bottom: 9px;
}

.gsfb li:after {
    content: '';
    position: absolute;
    height: 3px;
    background: #006bd3;
    right: 0;
    width: 50%;
    bottom: 9px;
}

.gsfb li:nth-child(1):before {
    display: none;
}

.gsfb li:last-child:after {
    display: none;
}

.gsmap {
    width: 74.5%;
    position: relative;
}

.gsdots {
    position: absolute;
    border: 1px solid #fff;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    top: 0;
    left: 0;
    cursor: pointer;
    transition: all .3s linear !important;
}

.gsdots.guangzhou {
    left: 79%;
    top: 49%;
}

.gsdots.beijing {
    left: 78.7%;
    top: 38.8%;
}

.gsdots.shagnhai {
    left: 80.7%;
    top: 44.8%;
}

.gsdots.wuhan {
    left: 78%;
    top: 45%;
}

.gsdots.chongqing {
    left: 76%;
    top: 44%;
}

.gsdots.yuenan {
    left: 78%;
    top: 55%;
}

.gsdots.meiguo {
    left: 23.8%;
    top: 46.5%;
}

.gsdots.malaixiya {
    left: 76.5%;
    top: 60%;
}

.gsdots.japan {
    left: 86%;
    top: 40.8%;
}

.gsdots.UAE {
    left: 62%;
    top: 49.8%;
}

.gsdots.mexico {
    left: 18%;
    top: 50.5%;
}

.gsdots .i1 {
    content: "";
    position: absolute;
    top: 3px;
    right: 3px;
    bottom: 3px;
    left: 3px;
    border: 1px solid #fff;
    border-radius: 100%;
    transition: all .4s;
}

.gsdots .i2 {
    content: "";
    position: absolute;
    top: 6px;
    right: 6px;
    bottom: 6px;
    left: 6px;
    border-radius: 100%;
    background: #fff;
    transition: all .4s;
}

.gsdots.active {
    border-color: #ff6500;
    transform: scale(1.5);
}

.gsdots.active .i1 {
    border-color: #ff6500;
}

.gsdots.active .i2 {
    background: #ff6500;
}

/*.gsdots:hover .i1{border-color: #ff6500;}*/
/*.gsdots:hover .i2{background: #ff6500;}*/
/*.gsdots:hover{border-color: #ff6500;}*/

.gsmap-list {
    position: relative;
    z-index: 5;
}

.gsmap-list li {
    width: 500px;
    position: absolute;
    top: 15%;
    background: #fff;
    box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.23);
    right: 7%;
    z-index: 9;
    display: none;
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=125, Strength=7);
}

.gsmap-list:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=-45, Strength=7);
    display: block;
    z-index: 2;
}

/*.gsmap-con{width: 500px;}*/
.gsmap-warp {
    padding: 10% 14%;
}

.gsmap-warp h3 {
    margin-bottom: 40px;
}

.gsmap-warp p {
    font-size: 16px;
    color: #838282;
    margin-bottom: 5px;
}

.gsmap-list .jiantoushixin_zuo {
    position: absolute;
    right: 100%;
    top: 22%;
    font-size: 50px;
    color: #fff;
    margin-right: -14px;
}

.gsmap-list li.meiguo {
    left: 15%;
    top: 20%;
}

/*5.1企业介绍 end*/
/*2二维CAD-功能特点 start*/
.gntd-ban-text h2 {
    display: inline-block;
    position: relative;
    top:-154px;
}

.gntd-ban-text h2:before {
    content: '';
    position: absolute;
    top: 50%;
    height: 1px;
    background: #fff;
    width: 190px;
    right: 100%;
    margin-right: 40px;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #ffffff);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#19ffffff', endColorstr='#ffffff', GradientType=1);
}

.gntd-ban-text h2:after {
    content: '';
    position: absolute;
    top: 50%;
    height: 1px;
    background: #fff;
    width: 190px;
    left: 100%;
    margin-left: 40px;
    background: -webkit-linear-gradient(left, #ffffff, rgba(255, 255, 255, 0));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#19ffffff', GradientType=1);
}

.gntd-list li {
    background: #fff;
}

.gdgn-page {
    margin-top: 40px;
}

.gdgn-page-box .gdgn-page {
    display: none;
}

.gdgn-page h4 {
    border-bottom: 1px solid #d1d1d1;
    margin-bottom: 20px;
    padding-bottom: 15px;
}

.gdgn-list li {
    float: left;
    width: 23%;
    margin-right: 2%;
    margin-top: 3px;
}

.gdgn-list li a {
    display: inline-block;
    position: relative;
    color: #898989;
    padding-left: 20px;
    border-bottom: 1px solid transparent;
    padding-bottom: 4px;
    transition: all .4s;
}

.gdgn-list li a:before {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    top: 10px;
    left: 0;
    border-radius: 100%;
    background: #092b9c;
}

.gdgn-list li a:hover {
    border-color: #a9aaac;
}

.gdgn-list li a:after {
    position: absolute;
    bottom: -1px;
    border-bottom: 1px solid #002ea7;
    content: '';
    left: 0;
    transition: all .4s;
    width: 0;
}

.gdgn-list li a:hover {
    color: #002ea7;
}

.gdgn-list li a:hover:after {
    width: 26px;
}

.sdgdtd-right .gntd-list {
    display: none;
}

/*2二维CAD-功能特点 end*/
/*3二维CAD-新增功能 start*/
/*.xzgn-r{min-height: 600px;}*/
.xzgn-r .swiper-wrapper {
    cursor: default;
}

.gdlsbb {
    position: absolute;
    bottom: 20px;
    color: #666;
    transition: all .4s;
}

.gdlsbb i {
    border-radius: 0;
}

.xzgn-box .review-left {
    height: 500px;
}

.xzgn-box .bigDot {
    background: #fff;
    border: 1px solid #3f5cd6;
    width: 22px;
    height: 22px;
}

.xzgn-box .smDot {
    background: #3f5cd6;
}

.xzgn-box .yearLine {
    border-color: #3f5cd6;
}

.xzgn-box .bigDot div {
    background: #3f5cd6;
    border: none;
}

.xzgn-box .history {
    padding-top: 20px;
    top: 25px;
}

.xzgn-box .history .active-nav h3 {
    color: #092b9c;
}

.xzgn-box .history-btn a {
    color: #3f5cd6;
    border-color: #3f5cd6;
}

.xzgn-box .history:before {
    background: #3f5cd6;
    background: -webkit-linear-gradient(top, #3f5cd6, #d5dcfb);
}

.xzgn-3d-color .history .active-nav h3 {
    color: #0866d3;
}

.xzgn-3d-color .history-btn a {
    color: #0866d3;
    border-color: #0866d3;
}

.xzgn-3d-color .history:before {
    border-color: #0866d3;
    background: -webkit-linear-gradient(top, #0866d3, #c1ddfd);
}

.xzgn-3d-color .smDot {
    background: #0866d3;
}

.xzgn-3d-color .yearLine {
    border-color: #0866d3;
}

.xzgn-3d-color .bigDot div {
    background: #0866d3;
}

/*.xzgn-3d-color .gdlsbb{color: #0866d3;border-color: #0866d3;}*/
/*.xzgn-3d-color .gdlsbb i{background: #0866d3;}*/
.xzgn-3d-color .gdlsbb:hover {
    color: #0866d3;
}

.swiper-content .list-show-style li {
    box-shadow: none;
}

.swiper-content .swiper-slide-active .list-show-style li {
    box-shadow: 0 0 9px 0 #e0e0e0;
}

.swiper-content .swiper-slide-active .list-show-style li:hover {
    box-shadow: 0 0 18px 0 rgba(0, 107, 211, .4);
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#66006bd3', Direction=125, Strength=9);
}

.xzgn-r {
    margin-left: 390px;
    overflow: hidden;
}

.xzgn-top {
    margin-bottom: 60px;
}

.xzgn-top img {
    height: 47px;
}

/*.xzgn-top h2{margin: 10px 0;}*/
.xzgn-top h3 {
    color: #071f76;
}

.xzgn-list {
    margin: 0 -2.5%;
    display: flex;
    flex-wrap: wrap;
}

.xzgn-list li {
    float: left;
    width: 26.33%;
    margin: 0 3.5% 5%;
    box-sizing: border-box;
    border: 1px solid #eaeaea;
}

.xzgn-list li .img100 {
    position: relative;
}

/*.xzgn-page .tip{background: #fff;color: #078bed;}*/
.xzgn-page .tip:hover {
    opacity: 0.9;
    filter: alpha(opacity=50);
}

.tip-cad {
    background: #088cee;
}

.tip-mold {
    background: #feb23a;
}

.tip-cam {
    background: #27c9a9;
}


.xzgn-con {
    padding: 2px 20px;
}

.xzgn-con p {
    color: #929292;
    height: 4em;
}

.height3 .xzgn-con p {
    line-height: 2em;
    height: 7em;
}

/*.xzgn-page{display: none;}*/
/*.xzgn-list li:hover{border-color: #006bd3;}*/
/*3二维CAD-新增功能 end*/
/*4二维CAD-应用&下载 start*/
.ptbb {
    box-shadow: 1.5px 2.598px 9.2px 0.8px rgba(198, 198, 198, 0.31);
}

.ptbb-warp {
    padding: 60px 80px;
}

.ptbb-left img {
    width: 124px;
}

.ptbb-left p {
    margin-bottom: 5px;
}

.ptbb-left a {
    color: #0042a4;
    position: relative;
    display: inline-block;
    padding-left: 13px;
}

.ptbb-left a:before {
    content: '';
    position: absolute;
    top: 6px;
    left: 0;
    width: 7px;
    height: 7px;
    background: #0042a4;
    border-radius: 100%;
}

.ptbb-con {
    margin-left: 180px;
}

.ptbb-top p {
    margin: 10px 0;
    color: #4d4d4d;
}

.ptbb-top span {
    color: #8a8a8b;
    margin-right: 30px;
}

.ptbb-top span:last-child {
    margin-right: 0;
}

.ptbb-con .version-download {
    display: inline-block;
    vertical-align: middle;
}

.ptbb-con .version-download a {
    width: 148px;
    height: 46px;
    line-height: 46px;
    font-size: 18px;
    border-radius: 5px;
    vertical-align: middle;
    z-index: 3;
    color: #0042a4;
    border: 1px solid #0042a4;
}

.ptbb-con .version-download a.active {
    color: #fff;
    background: #0042a4;
}

.ptbb-con .version-download a:before {
    background: #0042a4;
    display: none;
}

.ptbb-con .version-download a i {
    border-radius: 0;
    background: #fff;
    position: absolute;
    width: 0;
    height: 100%;
    top: 0;
    left: -2px;
    z-index: -1;
    transition: all .4s;
    box-sizing: content-box;
    display: none;
}

.ptbb-con .version-download a:hover {
    color: #fff;
    background: #0042a4;
}

.ptbb-con .version-download a.active:hover {
    color: #0042a4;
    background: #fff;
}

.ptbb-con .version-download a.active:hover i {
    width: 100%;
}

.color0042a4 {
    color: #0042a4;
}

.ptbb-con .moreyybb {
    display: inline-block;
    vertical-align: middle;
    margin-top: -1px;
}

.moreyybb {
    color: #0042a4;
    margin-left: 20px;
    vertical-align: middle;
    margin-top: -14px;
}

.moreyybb i {
    font-size: 16px;
    display: inline-block;
    margin-left: 5px;
    transition: all .4s;
}

.moreyybb:hover i {
    transform: translateX(5px);
}

.zypt h3 {
    color: #13204a;
}

.zybb-box .version-con p {
    font-size: 14px;
    margin-bottom: 0;
}

.zybb-box .xgxz-des {
    height: 60px;
    width: 200px;
    margin: 0 auto 20px;
    max-width: 100%;
}

.zybb-box .version-download a {
    border-color: #0042a4;
    color: #0042a4;
}

.zybb-box .version-download a:hover {
    color: #fff;
}

.zybb-box .version-download a:before {
    background: #0042a4;
}

/*4二维CAD-应用&下载 end*/

/*1.2.1三维CAD-首页 start*/
.size55 {
    font-size: 55px;
}

/*.zw3d-ban-text{margin-bottom: 10%;}*/
.mfxz {
    display: inline-block;
    width: 140px;
    line-height: 42px;
    height: 42px;
    border: 1px solid #fff;
    text-align: center;
    overflow: hidden;
    transition: all .4s;
    border-radius: 5px;
    position: relative;
    z-index: 4;
}

.mfxz i {
    border-radius: 0;
}

.mfxz-box {
    display: inline-block;
    white-space: nowrap;
    height: 50px;
    z-index: 5;
}

.mfxz-link {
    left: 0;
    transition: all .4s;
    margin-top: -3px;
    width: 0;
    overflow: hidden;
    position: absolute;
    top: 100%;
    z-index: 5;
}

.mfxz-link a {
    transition: all .4s;
}

.mfxz-box.browser:hover .mfxz-link {
    width: 250%;
}

.mfxz-box.active .mfxz-link {
    display: block !important;
}

.mfxz-box.active .mfxz-top {
    background: #fff;
    color: #0063d3;
    border-color: #fff;
}

.mfxz-top {
    transform-origin: left top;
}

.mfxz-box.browser:hover .mfxz-top {
    border-color: transparent;
    transform: scale(0.8);
    text-align: left;
    background: none;
}


.mfxz .i {
    background: #fff;
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
    display: none;
    z-index: -1;
}

.mfxz-link .mfxz:hover {
    color: #0063d3;
}

.mfxz:hover .i {
    display: block;
}

.browser.mfxz:hover .i {
    display: none;
}


.zw3d-cad .title60 {
    margin-bottom: 0;
    padding: 18px 0;
}

.zw3d-cad .title60 h3 {
    margin-bottom: 40px;
}

.zw3d-cad .title60 p {
    line-height: 2em;
    width: 984px;
    font-size: 18px;
}

.zw3d-cad {
    padding-bottom: 230px;
}

/*.sj3wcad{margin-top: -110px;}*/
/*.sj3wcad ul{box-shadow: 2px 3.464px 12.74px 0.26px rgba(198, 198, 198, 0.31);background: none;}*/
.sj3wcad li {
    float: left;
    width: 33.33%;
    cursor: pointer;
    transition: all .4s;
    position: relative;
    box-sizing: border-box;
    background: #fff;
}

.sj3wcad li:last-child {
    border: none;
}

.sj3wcad h3 {
    margin-bottom: 25px;
    transition: all .4s;
}

.sj3wcad-warp {
    padding: 72px 50px;
}

.sj3wcad-warp p {
    height: 3.2em;
}

/*.sj3wcad li.active{ box-shadow: 2px 3.464px 12.74px 0.26px rgba(0, 107, 211, 0.45);z-index: 5;background: #006bd3;border-color: #006bd3;}*/
/*.sj3wcad li.active h3{color: #fff;}*/
/*.sj3wcad li.active p{color: #fff;}*/
.sj3wcad-bot0 {
    padding-bottom: 0 !important;
}

.sj3wcad-page {
    display: none;
}

.sj3wcad-page .title36 h2 {
    color: #0042a4;
}

.sj3wcad-page .title36 p {
    font-size: 18px;
    color: #929292;
}

.jrgs .title36 p {
    width: 974px;
}

.tqfx .title36 p {
    width: 920px;
}

.feat-img1 {
    width: 661px;
    margin: 20px auto;
    max-width: 100%;
}

.feat-img3 {
    width: 51.35%;
}

/*.linghuo-des{width: 42%;}*/
/*.linghuo-des h2{width: 480px;display: inline-block;max-width: 100%;}*/
.linghuo-des .title36 {
    margin-bottom: 40px;
}

.a-si-img {
    width: 512px;
    max-width: 100%;
    margin: 0 auto;
    position: relative;
}

.a-si-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    vertical-align: bottom;
}

.a-si-img .img1 {
    position: static;
}

.a-si-img img:nth-child(1) {
    animation-delay: 1s !important;
    transition-delay: 1s !important;
}

.a-si-img img:nth-child(2) {
    animation-delay: .8s !important;
    transition-delay: .8s !important;
}

.a-si-img img:nth-child(3) {
    animation-delay: .6s !important;
    transition-delay: .6s !important;
}

.a-si-img img:nth-child(4) {
    animation-delay: .4s !important;
    transition-delay: .4s !important;
}

.a-si-img img:nth-child(5) {
    animation-delay: .2s !important;
    transition-delay: .2s !important;
}

.ksct-con {
    padding: 70px 45px;
    position: relative;
}

.ksct-con-line div {
    position: absolute;
}

.ksct-con-line-a {
    left: 0;
    border-top: 3px dashed #999;
    top: 0;
    width: 100%;
}

.ksct-con-line-c {
    right: 0;
    border-bottom: 3px dashed #999;
    bottom: 0;
    width: 100%;
}

.ksct-con-line-b {
    top: 0;
    border-left: 3px dashed #999;
    left: 0;
    height: 100%;
}

.ksct-con-line-d {
    bottom: 0;
    border-right: 3px dashed #999;
    left: 0;
    width: 100%;
}

.autoimg {
    width: 48%;
}

.ksct-des {
    position: absolute;
    width: 45%;
    height: 100%;
    top: 0;
}

.xiufu-img {
    width: 796px;
    margin: 0 auto;
    max-width: 100%;
}

.xiufu1 {
    width: 50.12%;
    margin-left: 13%;
}

.dzju1 {
    animation-delay: 1s !important;
    transition-delay: 1s !important;
}

.xiufu2 {
    position: absolute;
    right: 0;
    top: 0;
    width: 56%;
}

.dzgj-img {
    float: right;
    width: 1208px;
    max-width: 100%;
}

.dzju2 {
    position: absolute;
    left: 1.7%;
    bottom: 7.8%;
    width: 30%;
}

.dzju3 {
    position: absolute;
    right: 0;
    top: 0;
    width: 41.55%;
    animation-delay: 2s !important;
    transition-delay: 2s !important;
}

.dzju4 {
    position: absolute;
    bottom: 8.9%;
    right: 3.3%;
    width: 29%;
    animation-delay: 2s !important;
    transition-delay: 2s !important;
}

.dzgj {
    padding-top: 20px;
}

.dzgj-des {
    position: absolute;
    left: 2%;
    top: 15%;
    width: 40%;
    z-index: 9;
}

.dzgj-des h2 {
    margin-bottom: 0;
}

.dzgj-des p {
    margin-top: 35px;
}

.title36.color-white h2 {
    color: #fff;
}

.title36.color-white p {
    color: #fff;
}

.zidingyi-img {
    width: 442px;
    margin: 0 auto;
    max-width: 60%;
}

.jisu-img li {
    float: left;
    width: 33.33%;
}

.dianji-img {
    width: 940px;
    max-width: 100%;
    margin: 0 auto 4%;
}

.dianji2 {
    position: absolute;
    left: 0;
    top: 4%;
    width: 44%;
}

.dianji1 {
    width: 74.5%;
    float: right;
    position: relative;
    z-index: 5;
}

.zhou-des {
    width: 40%;
}

.sanzhou .zhou-des {
    margin-bottom: 18%;
}

.sj3wcad-page .sizhou p {
    color: #4e4e4e;
}

.down-now {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0063d3', endColorstr='#088aed', GradientType=1);
    background: -webkit-linear-gradient(left, #0063d3, #088aed);
    background: -ms-linear-gradient(left, #0063d3, #088aed);
    padding: 20px 0;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 777;
    width: 100%;
}

.down-now-2d {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0d0e40', endColorstr='#07008c', GradientType=1);
    background: -webkit-linear-gradient(left, #0d0e40, #07008c);
    background: -ms-linear-gradient(left, #0d0e40, #07008c);
}

.down-now.active {
    display: none;
}

.down-now-a a {
    display: inline-block;
    vertical-align: middle;
    width: 150px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #fff;
    color: #fff;
    text-align: center;
    margin: 0 20px;
    transition: all .4s;
}

.down-now-a a i {
    border-radius: 0;
}

.down-now-close {
    position: absolute;
    top: 10px;
    right: 10px;
    border: 1px solid #fff;
    border-radius: 4px;
    width: 36px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    color: #fff;
    cursor: pointer;
    transition: all .4s;
    z-index: 9;
}

.down-now-2d .down-now-close:hover {
    background: #3470e8;
    box-shadow: 0 0 8px 0 #3470e8;
}

.down-now-close:hover {
    box-shadow: 0 0 8px 0 #42a5f1;
    background: #42a5f1;
}

.down-now-fz {
    background: #154276;
}

.padding-tb140 {
    padding: 140px 0;
}

.a-four-screen {
    padding: 120px 0 100px 0;
}

.a-four-pic {
    padding-top: 140px;
    margin-left: 6%;
}

.a-fo-out {
    width: 1000px;
    margin: 0 auto;
    max-width: 80%;
}

.a-fo-b {
    position: relative;
    width: 36%;
    /*width: 358px; */
    /*height: 261px;*/
}

/*.a-fo-b span{display: block;}*/
.a-fo-b-b {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 99%;
}

.a-fo-b-b img {
    height: 100%;
}

.a-fo-b-c {
    position: absolute;
    left: 30%;
    top: -27%;
    width: 64%;
}

.a-fo-b-d {
    position: absolute;
    left: -7%;
    top: 7%;
    width: 39%;
}

.a-fo-b-e {
    position: absolute;
    left: -40%;
    top: 40%;
    width: 100.5%;
}

.a-fo-b-a {
    position: relative;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: block;
}

.a-fo-a {
    opacity: 0;
    transform: scale3d(0.8, 0.8, 1) translate3d(100px, -80px, 0);
    width: 46%;
}

.begin .a-fo-a {
    opacity: 1;
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
}

.a-fo-b-a {
    height: 0;
    overflow: hidden;
}

.a-fo-b-f {
    width: 0;
    overflow: hidden;
}

.begin .a-fo-b-a {
    height: 100%;
}

.begin .a-fo-b-f {
    width: 100%;
}

.a-fo-b-c,
.a-fo-b-d,
.a-fo-b-e {
    opacity: 0;
    transform: translate3d(0, -20px, 0);
}

.begin .a-fo-b-c,
.begin .a-fo-b-d,
.begin .a-fo-b-e {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.begin .a-fiv-pic-a {
    opacity: 1;
    transform: translate3d(0, 0px, 0);
}

.a-fo-b-d {
    animation-delay: 0.8s !important;
    transition-delay: 0.8s !important;
}

.a-fo-b-e {
    animation-delay: 1s !important;
    transition-delay: 1s !important;
}

.a-fo-b-f {
    animation-delay: 0.3s !important;
    transition-delay: 0.3s !important;
}

/*1.2.1三维CAD-首页 end*/

/*1.2.2功能特点 start*/
.sdgdtd-left h1 {
    margin: 0;
    padding: 20px 0;
}

.sdgdtd-left {
    background: none;
}

.sdgdtd-left-bg {
    position: absolute;
    z-index: -1;
    width: 100%;
    top: 0;
    left: 0;
}

.sdgdtd-top {
    width: 100% !important;
}

.sdgdtd-top a {
    font-size: 18px;
    color: #333;
}

/*.sdgdtd-right .developers-list{margin: 0 -2.5%;}*/
/*.sdgdtd-right .developers-list li{width: 28.33%;margin:0 2.5% 4%;}*/
.gdng-3d-con {
    padding-bottom: 80px;
}

.gdng-3d-con .gdgn-list li {
    width: auto;
    margin-right: 110px;
}

.gdng-3d-con .gdgn-list li:last-child {
    margin-right: 0;
}

.gdng-3d-con h3 {
    border-bottom: 1px solid #d1d1d1;
    padding-bottom: 20px;
    margin-bottom: 40px;
}

/*1.2.2功能特点 end*/
/*1.2.3新增功能 start*/
.xzgn-3w-r .xzgn-con p {
    height: 10em;
}

.zyyy-version .img100 {
    width: auto;
    max-width: 100%;
}

.zyyy-version .img100 img {
    max-width: 100%;
    width: auto;
}

/*1.2.3新增功能 end*/
/*1.2.4应用&下载 start*/
.zybb-box .zyyy-version .xgxz-des {
    width: 260px;
    margin-bottom: 40px;
}

.zyyy-version .version-con h3 {
    height: 3em;
}

.zybb-box .zyyy-version .xgxz-des p {
    height: 6.4em;
}

/*1.2.4应用&下载 end*/
/*1.3.1仿真分析 start*/
.bg154276 {
    background: #154276;
}

.bg154276 .menu li.active {
    background: #0e2d52;
}

.bg154276 .menu li:hover {
    background: #0e2d52;
}

.mfxz .xiazai {
    font-size: 28px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    margin-right: 6px;
}

.fzfx-ban-text h3 {
    margin: 20px 0 50px;
}

.fzfx-ban-text .mfxz {
    width: 170px;
}

.zwsim .title60 h3 {
    text-transform: none;
    color: #f0f7f6;
    font-size: 72px;
}

.zwsim .title60 h2 {
    margin-top: -15px;
}

.zwsim p {
    width: 650px;
    margin-top: 30px;
    line-height: 2em;
}

.eit-title h3 {
    margin-bottom: 20px;
}

.eit-title p {
    margin-bottom: 25px;
}

.eit-title h3,
.eit-title p,
.eit-play h3,
.eit-play p {
    color: #6d6d6d;
}

.eit-play .swiper-slide {
    padding: 100px 0 10px;
    cursor: pointer;
}

.eit-play h3 {
    position: absolute;
    width: 100%;
    left: 0;
    padding-top: 25px;
}

.eit-play p {
    display: none;
    position: absolute;
    top: 340px;
    left: 5%;
    width: 90%;
    font-size: 16px;
}

.ie9.eit-play p {
    display: block;
}

.eit-play .swiper-slide-active {
    padding-bottom: 140px;
}

.eit-play .swiper-slide-active p {
    display: block;
}

.eit-play .swiper-slide-active p {
    display: block;
    top: 470px;
}

.eit-play .swiper-slide-active h3 {
    padding-top: 130px;
}

.eit-img {
    width: 155px;
    margin: 22.5px auto 0;
    max-width: 98%;
    transition: all .4s;
    position: relative;
}

.eit-img img {
    position: relative;
    z-index: 7;
}

.wave {
    width: 200%;
    height: 200%;
    position: absolute;
    top: -150%;
    left: -50%;
    border-radius: 35%;
    background: rgba(255, 255, 255, 0.75);
    -webkit-animation: wave 15s infinite linear;
    animation: wave 15s infinite linear;
    display: none;
}

@keyframes wave {
    from {
        transform: rotate(0deg);
    }

    from {
        transform: rotate(360deg);
    }
}

.eit-img .i1 {
    overflow: hidden;
}

.swiper-slide-active .eit-img {
    width: 200px;
    margin-top: 0;
}

.swiper-slide-active .wave {
    display: block;
}

.eit-con {
    position: relative;
    z-index: 5;
}

.swiper-slide-active .eit-img .i1 {
    position: absolute;
    left: -55px;
    top: -55px;
    bottom: -55px;
    right: -55px;
    border-radius: 100%;
    z-index: 4;
    background: rgba(55, 161, 141, .3);
    /*filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#4c37a18d,endcolorstr=#4c37a18d);*/
}

.ie9.eit-play .i1 {
    display: none;
}

.swiper-slide-active .eit-img .i2 {
    content: '';
    position: absolute;
    left: -100px;
    top: -100px;
    bottom: -100px;
    right: -100px;
    border-radius: 100%;
    z-index: 3;
    background: #ddf0f2;
}

.prev .eit-con {
    margin-right: 20%;
}

.ie9.eit-play .i2 {
    left: -60px;
    top: -60px;
    bottom: -60px;
    right: -60px;
}

.eit-play .prev p {
    width: auto;
    left: 0;
    right: 20%;
}

.eit-play .next p {
    width: auto;
    right: 0;
    left: 20%;
}

.next .eit-con {
    margin-left: 20%;
}

.swiper-slide-active .eit-con {
    margin-left: 0;
    margin-right: 0;
}

.eit-play-line {
    position: absolute;
    left: 0;
    width: 100%;
    top: 200px;
    border-top: 2px dashed #53b368;
    z-index: -1;
}

.eitBtn {
    display: none;
}

.eitBtn a {
    display: block;
    width: 30px;
    height: 30px;
    top: 200px;
    margin-top: -15px;
    border-radius: 100%;
    background: #fff;
    position: absolute;
    z-index: 9;
    left: 50%;
    font-size: 21px;
    line-height: 30px;
    text-align: center;
    color: #53b368;
    box-shadow: -2.06px 3.429px 1px 0 rgba(3, 87, 116, 0.36);
}

.eitBtn1 {
    margin-left: -215px;
}

.eitBtn2 {
    margin-left: 185px;
}

.bgf9 {
    background: #f9f9f9;
}

.memory-img {
    width: 27%;
    margin-right: 12.5%;
}

.memory-img .img100 {
    position: absolute;
    top: 0;
    left: 0;
}

.memory-img .img1001 {
    position: static;
}

.memory-img .img1004 {
    top: 100%;
}

.fzfx-left-con {
    width: 43%;
}

.fzfx-title {
    margin-bottom: 60px;
}

.fzfx-title h3 {
    font-size: 30px;
    color: #00976e;
    margin-bottom: 35px;
}

.fzfx-title p {
    font-size: 16px;
    color: #6d6d6d;
    height: 6.4em;
}

.eiteit {
    position: absolute;
    top: 0;
    left: 10%;
    width: 45%;
}

.yxyy .w1440 {
    padding-top: 190px;
}

.five-img {
    width: 54%;
}

.five-img1 {
    position: absolute;
    width: 45%;
    top: -10%;
    left: 3%;
    z-index: 5;
    transform: translate3d(320px, 100px, 0) scale3d(0.3, 0.3, 0.3);
    opacity: 0;
    transition: all 0.7s 0.4s ease-in-out;
    animation-delay: .6s !important;
    transition-delay: .6s !important;
}

.five-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 46.56%;
}

.fiveimgmoved {
    animation: fiveimgmoved 1s both;
    -webkit-animation: fiveimgmoved 1s both;
}

@keyframes fiveimgmoved {
    0% {
        transform: translate3d(320px, 100px, 0) scale3d(0.3, 0.3, 0.3);
        opacity: 0;
    }

    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    }
}

.compatible-img {
    width: 36.5%;
}

.compatible-img2 {
    position: absolute;
    right: 100%;
    top: 0;
    width: 27%;
    margin-right: 5%;
}

.compatible-bg {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 27.5%;
}

.ability-img {
    width: 51%;
}

.ability-img1 {
    width: 37.5%;
}

.ability-img2 {
    width: 80%;
    position: absolute;
    top: 22%;
    left: 20.5%;
}

.ability-bg {
    width: 56%;
    position: absolute;
    top: 0;
    z-index: -1;
    left: 22%;
}

.gnld-bg {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
    left: 0;
}

.gnld-play .swiper-slide {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    overflow: hidden;
}

.gnld-page {
    width: 49.2%;
    background: #fafafa;
    margin-bottom: 0.8%;
    margin-top: 0.8%;
    position: relative;
    height: 600px;
    overflow: hidden;
}

.gnld-page-odd {
    float: left;
    text-align: right;
}

.gnld-page-odd .gnld-con {
    margin-left: 20%;
}

.gnld-page-even {
    float: right;
    margin-left: 1.6%;
}

.gnld-page-even .gnld-con {
    margin-right: 20%;
}

.gnld-page-icon7 {
    position: absolute;
    right: -2%;
    bottom: 0;
    width: 60%;
}

.gnld-warp {
    padding: 0 80px;
    z-index: 4;
}

.gnld-warp .fzfx-title {
    margin-bottom: 20px;
    position: relative;
    z-index: 3;
    overflow: hidden;
    display: none;
}

.gnld-warp .img1 {
    position: relative;
}

.gnld-warp .img1 img {
    width: 580px;
    max-width: 100%;
}

.gnld-warp .fzfx-title h3 {
    margin-bottom: 5px;
    transition: all .6s;
}

.yufh {
    position: absolute;
    bottom: 0;
    z-index: -1;
    left: 6%;
    width: 60%;
}

.img-slgnh {
    position: absolute;
    left: -5%;
    top: 6%;
    z-index: -1;
    width: 24%;
}

.gnldBtn a {
    display: block;
    width: 64px;
    height: 64px;
    top: 50%;
    margin-top: -32px;
    background: #fff;
    position: absolute;
    z-index: 9;
    text-align: center;
    color: #666;
    box-shadow: -1px 4px 6px 0 rgba(0, 0, 0, 0.36);
    line-height: 64px;
    transition: all .4s;
}

.gnldBtn a span {
    font-size: 30px;
}

.gnldBtn1 {
    left: 5%;
}

.gnldBtn2 {
    right: 5%;
}

.gnldBtn a:hover {
    background: #3489ca;
    color: #fff;
}

.gnld-hide {
    background: rgba(0, 0, 0, .3);
    z-index: 9;
    filter: alpha(opacity=30);
    transition: all .4s;
}

.gnld-hide {
    color: #fff;
    font-size: 24px;
}

.gnld-hide h3 {
    display: inline-block;
    max-width: 80%;
    transition: all .4s;
}

/*.gnld-page:hover .fzfx-title{opacity: 1;filter:alpha(opacity=100);height: auto;}*/
.gnld-hide-warp {
    transition: all .4s;
}

.gnld-page:hover .gnld-hide {
    background: rgba(0, 0, 0, 0);
    filter: alpha(opacity=0);
}

.gnld-page:hover .gnld-hide .gnld-hide-warp {
    margin-top: -200px;
}

.gnld-page:hover .gnld-hide h3 {
    opacity: 0;
    filter: alpha(opacity=0);
}

.gnld-page.active .gnld-hide {
    background: rgba(0, 0, 0, 0);
    filter: alpha(opacity=0);
}

.gnld-page.active .gnld-hide .gnld-hide-warp {
    margin-top: -200px;
}

.gnld-page.active .gnld-hide h3 {
    opacity: 0;
    filter: alpha(opacity=0);
}

.yyly-top {
    font-size: 0;
}

.yyly-top li {
    display: inline-block;
    font-size: 16px;
    color: #6d6d6d;
    margin: 15px;
}

.yyly-top li img {
    vertical-align: middle;
    margin-top: -4px;
    margin-right: 5px;
}

.yyly-bot {
    margin: 0 -1%;
}

.yyly-bot li {
    width: 21.5%;
    margin: 1%;
    float: left;
}

.down-now-fz h3 {
    position: absolute;
    left: 0;
    top: 0;
}

.fzfx-r {
    margin-left: 400px;
}

.fzfx-r-list {
    width: 80%;
}

.fzfx-r-page {
    float: left;
    width: 23%;
    margin-right: 2%;
    box-sizing: border-box;
    border: 1px solid #fff;
    position: relative;
    transition: all .4s;
}

.fzfx-r-page span {
    position: absolute;
    top: 0;
    left: 8px;
    line-height: 44px;
    height: 44px;
    color: #fff;
    transition: all .4s;
}

.fzfx-input {
    margin-left: 48px;
}

.fzfx-input .text {
    display: block;
    width: 100%;
    height: 44px;
    background: none;
    color: #fff;
    transition: all .4s;
}

.fzfc-r-a {
    width: 20%;
    line-height: 46px;
    height: 46px;
    background: #145adf;
    color: #fff;
    overflow: hidden;
}

.fzfc-r-a i {
    background: #1a50ad;
    border-radius: 0;
}

.fzfx-r-page.active {
    background: #fff;
}

.fzfx-r-page.active .text {
    color: #333;
}

.fzfx-r-page.active span {
    color: #333;
}

/*1.3.1仿真分析 end*/
/*新增功能 start*/
.fzfx-xzgn-box .bigDot {
    border: 1px solid #00976e;
}

.fzfx-xzgn-box .smDot {
    background: #00976e;
}

.fzfx-xzgn-box .yearLine {
    border-color: #00976e;
}

.fzfx-xzgn-box .bigDot div {
    background: #00976e;
}

.fzfx-xzgn-box .history .active-nav h3 {
    color: #00976e;
}

.fzfx-xzgn-box .history-btn a {
    color: #00976e;
    border-color: #00976e;
}

.fzfx-xzgn-box .history:before {
    border-color: #00976e;
    background: -webkit-linear-gradient(top, #00976e, #c1fded);
}

/*.fzfx-xzgn-box .gdlsbb{border-color: #00976e;color: #00976e;}*/
.fzfx-xzgn-box .xzgn-top h3 {
    color: #00976e;
}

.fzfx-xzgn-box .xzgn-con p {
    height: 6.4em;
}

.fzfx-xzgn-box .gdlsbb:hover {
    color: #00976e !important;
}

/*.fzfx-xzgn-box .gdlsbb i{background: #00976e;border-color: #00976e;}*/
/*新增功能 end*/
/*1.4.1第三方应用 start*/
.dsf-hide {
    background: rgba(0, 107, 211, .95);
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#e5006bd3, endcolorstr=#e5006bd3);
    transition: all .4s;
    opacity: 0;
    filter: alpha(opacity=0);
    border-radius: 5px;
}

.dsf-hide-warp a {
    display: inline-block;
    text-align: center;
    border-radius: 100%;
    color: #fff;
    width: 110px;
    height: 110px;
    margin: 0 10px;
    transition: all .4s;
}

.dsf-hide1 {
    background: #ff7f29;
}

.dsf-hide2 {
    background: #03488c;
}

.dsf-hide-warp a i {
    font-size: 36px;
    display: block;
    margin-bottom: 5px;
    transition: all .4s;
}

.dsf-hide1:hover {
    box-shadow: 0 0 9px #ff7f29;
}

.dsf-hide2:hover {
    box-shadow: 0 0 9px #03488c;
}

.dsfyy-list li:hover .dsf-hide {
    opacity: 1;
    filter: alpha(opacity=100);
}

.dsfyy-list li p {
    height: 14em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 7;
    overflow: hidden;
}

.dsf-hide-warp a:hover i {
    transform: scale(1.1) translateZ(0);
}

/*1.4.1第三方应用 end*/
/*1.4.2第三方应用详情 start*/
.view {
    margin: 0 5px;
    position: relative;
}

.preview {
    width: 100%;
    margin-top: 10px;
    position: relative;
}

.preview .swiper-slide {
    cursor: pointer;
    padding: 0 5px;
    box-sizing: border-box;
}

.preview .swiper-slide:last-child {
    margin-right: 0;
}

.preview .swiper-slide .img100 {
    position: relative;
}

.preview .swiper-slide .img100 i {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(10, 64, 172, .6);
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#990a40ac, endcolorstr=#990a40ac);
    transition: all .4s;
}

.preview .swiper-slide.active-nav .img100 i {
    opacity: 0;
    filter: alpha(opacity=0);
}

.viewBtn a {
    position: absolute;
    width: 44px;
    height: 44px;
    top: 50%;
    margin-top: -22px;
    z-index: 9;
    background: #e9e9e9;
    text-align: center;
    color: #006bd3;
    transition: all .4s;
}

.viewBtn a:hover {
    background: #006bd3;
    color: #fff;
}

.arrow-left {
    left: 0;
}

.arrow-right {
    right: 0;
}

.viewBtn a i {
    font-size: 32px;
    line-height: 44px;
    text-align: center;
}

.tzjz-top {
    border-bottom: 1px solid #e2e2e2;
}

.tzjz-top span {
    display: block;
    margin: 15px 0;
    color: #a8a8a8;
}

.cases-type-xq .cases-type {
    position: static;
    display: inline-block;
    margin-right: 10px;
}

.edited-img-left img {
    margin-left: 0;
}

.bbxz-right-con {
    padding: 25px 50px;
}

.bbxz-right-con h3 {
    margin-bottom: 25px;
}

.bbxz-box {
    background: #fff;
    border: 1px solid #dfdfdf;
    position: relative;
    z-index: 9;
}

.bbxz-box .text {
    display: block;
    height: 35px;
    line-height: 36px;
    font-size: 16px;
    color: #666;
    text-indent: 1em;
    width: 100%;
}

.bbxz-box .i {
    position: absolute;
    right: 10px;
    width: 16px;
    height: 16px;
    font-size: 16px;
    top: 50%;
    margin-top: -8px;
    color: #999;
}

.bbxz-list {
    position: absolute;
    width: 100%;
    top: 35px;
    left: -1px;
    background: #fff;
    border: 1px solid #dfdfdf;
    max-height: 12em;
    overflow: auto;
    display: none;
}

.bbxz-list a {
    display: block;
    line-height: 2em;
    text-indent: 1em;
    font-size: 16px;
    color: #666;
}

.bbxz-list a:hover {
    background: #ff8c3e;
    color: #fff;
}

.bbxz {
    font-size: 0;
    margin: 50px 0;
}

.bbxz a {
    width: 148px;
    height: 38px;
    line-height: 38px;
    font-size: 18px;
    border-radius: 5px;
    border: 1px solid #1879d7;
    display: inline-block;
    text-align: center;
    color: #1879d7;
    overflow: hidden;
    transition: all .4s;
}

.bbxz a.active {
    background: #1879d7;
    color: #fff;
    margin-right: 30px;
}

.bbxz a i {
    border-radius: 0;
}

.bbxz a:hover {
    background: #1879d7;
}

.alxq-bot-dsfyy .alxq-left,
.alxq-bot-dsfyy .new-problem-width {
    width: 68%;
}

.alxq-bot-dsfyy .alxq-right {
    width: 30%;
}

.bbxz-page {
    margin-bottom: 25px;
}

.bbxz-page h5 {
    color: #424242;
}

.bbxz-page-sm {
    font-size: 0;
}

.bbxz-page-sm a {
    display: inline-block;
    margin-top: 15px;
    background: #e7e7e7;
    border-radius: 4px;
    height: 24px;
    line-height: 24px;
    padding: 0 10px;
    font-size: 14px;
    color: #747474;
    margin-right: 8px;
    transition: all .4s;
}

.bbxz-page-sm a:hover {
    background: #006bd3;
    color: #fff;
}

.bbxz-page-sm a.active {
    background: #006bd3;
    color: #fff;
}

.bbxz-page-sm span {
    font-size: 14px;
    color: #747474;
    display: inline-block;
    margin-top: 10px;
}

/*.bbxz-page-sm{width: 300px;max-width: 100%;}*/
.llwz {
    height: 38px;
    line-height: 38px;
    font-size: 16px;
    border-radius: 5px;
    display: block;
    text-align: center;
    background: #1879d7;
    color: #fff;
    width: 340px;
    max-width: 100%;
    margin-top: 8px;
    overflow: hidden;
}

.llwz i {
    border-radius: 0;
}

/*1.4.2第三方应用详情 end*/

/*3d视频分类 start*/
.shipin3d {
    border-bottom: 2px solid #ddd;
    padding: 40px 0;
}

.play3d {
    margin: 0 32px;
}

.play3d .swiper-container {
    margin: 0 -20px;
}

.play3d .swiper-slide .dltgh {
    display: block;
    margin: 0 20px;
}

.play3dBtn a {
    position: absolute;
    width: 32px;
    height: 32px;
    border-radius: 100%;
    top: 50%;
    margin-top: -37px;
    z-index: 9;
    line-height: 32px;
    text-align: center;
}

.play3dBtn1 {
    left: -32px;
}

/*.play3dBtn1:hover{box-shadow: -1px 3px 3px 0 rgba(0, 107, 211, 0.36);}*/
.play3dBtn2 {
    right: -32px;
}

/*.play3dBtn2:hover{box-shadow: 1px 3px 3px 0 rgba(0, 107, 211, 0.36);}*/
.video-number {
    position: absolute;
    right: 0;
    height: 100%;
    top: 0;
    background: rgba(0, 0, 0, .7);
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#b2000000, endcolorstr=#b2000000);
    width: 50%;
    z-index: 3;
    text-align: center;
}

.video-number i {
    color: #fff;
    font-size: 48px;
}

.video-number span {
    display: block;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
}

.play3d p {
    margin-top: 15px;
    height: 1.6em;
}

.video-number2 {
    width: 100% !important;
    transition: all .4s;
    left: 0;
    right: auto;
}

.video-number2 span {
    font-weight: normal;
}

/*.play3d a:hover .video-number2{opacity: 1;filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#b2000000,endcolorstr=#b2000000); width: 50%;z-index: 3;text-align: center;}*/
.service-content-3dvideo {
    margin: 0 -20px;
    padding: 50px 20px 0;
}

.video-number .icon-btn {
    display: inline-block;
    margin: 0 5px;
    transition: all .4s;
    vertical-align: middle;
}

.dltgh:hover .video-number {
    background: rgba(0, 0, 0, 0.35);
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#66000000, endcolorstr=#66000000);
}

li:hover .video-number {
    background: rgba(0, 0, 0, 0.35);
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#66000000, endcolorstr=#66000000);
}

/*.dltgh:hover .icon-btn i{color: #333;}*/
/*3d视频分类 end*/
.shipin3d-top {
    position: relative;
}

.video-list-3d li .img100:before {
    display: none;
}

/*.video-list-3d li .video-number2{opacity: 1;filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#b2000000,endcolorstr=#b2000000); width: 50%;z-index: 3;text-align: center;}*/
.video-list-3d .icon-btn {
    display: inline-block;
    transition: all .4s;
    vertical-align: middle;
}

.icon-btn:hover {
    transform: scale(1.1) translateZ(0);
}

/*.video-list-3d .icon-btn2{width: 0;overflow: hidden;}*/
/*.video-list-3d li .relative:hover .icon-btn2{width: 48px;margin-left: 10px;}*/
.ckgd {
    position: absolute;
    padding: 0 20px;
    line-height: 36px;
    height: 36px;
    background: #0063d3;
    color: #fff;
    right: 0;
    top: 50%;
    margin-top: -18px;
}

.ckgd i {
    border-radius: 0;
}

.ckqb {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -10px;
    color: #999;
    transition: all .4s;
}

.ckqb:hover {
    color: #0063d3;
}

.ckqb i {
    font-size: 14px;
}

.recommend-gdlsbb li {
    margin-bottom: 0;
}

.service-content-new {
    display: block;
}

#mapdiv {
    margin: 0 auto;
    width: 75%;
    height: 1200px;
}

/*.pointer{position: absolute;left: 0;top:-170px;z-index: -1;opacity: 0;filter:alpha(opacity=0);}*/
.pointer {
    position: absolute;
    left: 0;
    bottom: 110px
}

#school.pointer {
    bottom: 40px
}

.topUp60 {
    position: absolute;
    left: 0;
    top: -220px
}

.allagent {
    padding: 10px 0 60px;
}

.qqdls-num {
    color: #03217a;
    font-weight: bold;
}

.agent-img {
    width: 75%;
    margin: 0 auto;
}

#container {
    height: 800px;
}

/*文化活动*/
.z-wenhua-ul1 {
    font-size: 0;
}

.z-wenhua-ul1 li {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    position: relative;
    font-size: 14px;
    overflow: hidden;
}

.z-wenhua-ul1 li img {
    width: 100%;
    vertical-align: bottom;
}

.z-wenhua-ul1-li1 {
    width: 37.5%;
    padding-right: 6px;
}

.z-wenhua-ul1-li2 {
    width: 25%;
    padding: 0 2px;
}

.z-wenhua-ul1-li3 {
    width: 37.5%;
    padding-left: 6px;
}

.z-wenhua-ul1-li4 {
    width: 25%;
    padding-right: 4px;
    margin-top: 8px;
}

.z-wenhua-ul1-li5 {
    width: 37.5%;
    padding: 0 4px;
    margin-top: 8px;
}

.z-wenhua-ul1-li6 {
    width: 37.5%;
    padding-left: 6px;
    margin-top: 8px;
}

.z-wenhua-text {
    position: absolute;
    bottom: 0;
    text-align: center;
    background-color: rgba(0, 0, 0, .5);
    padding-left: 20px;
    padding-right: 20px;
    display: none;
    box-sizing: border-box;
}

.z-wenhua-ul1-li1 .z-wenhua-text {
    left: 0;
    right: 6px;
}

.z-wenhua-ul1-li2 .z-wenhua-text {
    left: 2px;
    right: 2px;
}

.z-wenhua-ul1-li3 .z-wenhua-text {
    left: 6px;
    right: 0;
}

.z-wenhua-ul1-li4 .z-wenhua-text {
    left: 0;
    right: 4px;
}

.z-wenhua-ul1-li5 .z-wenhua-text {
    left: 4px;
    right: 4px;
}

.z-wenhua-ul1-li6 .z-wenhua-text {
    left: 6px;
    right: 0;
}

.z-wenhua-text p {
    color: #ffffff;
}

.z-wenhua-text .z-wenhua-p1 {
    font-size: 20px;
    margin-top: 10px;
}

.z-wenhua-text .z-wenhua-p2 {
    font-size: 13px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.colore9eaeb {
    color: #e9eaeb !important;
}

.xcfl {
    font-size: 0;
}

.xcfl li {
    display: inline-block;
    width: 29.33%;
    padding: 40px 2%;
    text-align: center;
    font-size: 14px;
    vertical-align: top;
}

.xcfl li img {
    width: 75px;
    max-width: 80%;
    display: block;
    margin: 0 auto;
    transition: all .4s;
}

.xcfl li:hover img {
    transform: translateY(-10px);
}

.xcfl h4 {
    margin-bottom: 15px;
}

.xcfl p {
    color: #666;
}

.developers {
    padding-top: 40px;
}

.zoom-btn {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
}

.zoom-btn div {
    width: 38px;
    height: 38px;
    border-radius: 5px;
    background: #d9d9d9;
    opacity: 0.9;
    text-align: center;
    line-height: 38px;
    margin-bottom: 5px;
    cursor: pointer;
    font-size: 20px;
}

/*.zoom-btn div:hover{background: #}*/
.btnWrap-box {
    height: 56px;
    border-bottom: 1px solid #ddd;
}

.btnWrap-box a {
    display: inline-block;
    line-height: 56px;
    font-size: 18px;
    width: 140px;
}

.btnCon {
    display: inline-block;
    position: relative;
}

.indicator {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    width: 140px;
    background-color: #0063d3;
    -webkit-transition: 0.2s all ease-out;
    -moz-transition: 0.2s all ease-out;
    -o-transition: 0.2s all ease-out;
    -ms-transition: 0.2s all ease-out;
    transition: 0.2s all ease-out;
}

.btnCon-cad {
    margin-right: 150px;
}

.tabContents {
    display: none;
}

#alertmosewindowtital {
    min-width: 120px;
    min-height: 40px;
    position: absolute;
    display: none;
    white-space: nowrap;
    z-index: 9999999;
    transition: left 0.4s cubic-bezier(0.23, 1, 0.32, 1) 0s, top 0.4s cubic-bezier(0.23, 1, 0.32, 1) 0s;
    background-color: rgba(255, 255, 255, .9);
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #333;
    padding: 10px 20px;
    left: 745px;
    top: 73px;
    text-align: center;
    pointer-events: none;
    font-weight: bold;
}

#alertmosewindowtital:after {
    content: "";
    position: absolute;
    top: 100%;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-top-color: rgba(255, 255, 255, .9);
    left: 50%;
    margin-left: -6px;
}

.select-two {
    position: relative;
    z-index: 9;
    width: 800px;
    max-width: 100%;
    margin: 0 auto;
}

.select-two .case-ban-search {
    width: 45%;
    margin-bottom: 60px;
}

/*2DLinux s*/
.size32 {
    font-size: 32px;
}

.color087ef8 {
    color: #087ef8;
}

.linux-2d-ban h3 {
    margin-bottom: 5px;
    transition-delay: 300ms !important;
}

.title30 h2 {
    font-size: 30px;
    margin-bottom: 30px;
}

.des16 {
    width: 1000px;
    max-width: 100%;
    margin: 0 auto;
}

.des16 p {
    font-size: 16px;
    color: #6d6d6d;
    line-height: 2em;
}

.yzb-list {
    font-size: 0;
    width: 1000px;
    max-width: 100%;
    margin: 0 auto;
}

.yzb-list li {
    width: 29.33%;
    margin: 0 2%;
    display: inline-block;
    vertical-align: top;
    background: #fff;
    border: 1px solid #d7d7d7;
    box-sizing: border-box;
    text-align: center;
    font-size: 14px;
    border-radius: 8px;
    overflow: hidden;
}

.yzb-list li:nth-child(2) {
    transition-delay: 300ms !important;
}

.yzb-list li:nth-child(3) {
    transition-delay: 600ms !important;
}

.yzb-list li .img1 {
    display: inline-block;
    vertical-align: middle;
}

.yzb-list li .img1 img {
    transition: all .4s;
    max-width: 100%;
}

.yzb-list li:hover .yzb-warp {
    background: #0042a4;
}

.yzb-list li:hover p {
    color: #fff;
}

.yzb-text {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    margin-left: 28px;
}

.yzb-warp {
    padding: 30px;
    transition: all .4s;
}

.yzb-warp p {
    font-size: 20px;
}

.yzb-warp .imgs2 {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    filter: alpha(opacity=0);
}

.yzb-list li:hover .imgs1 {
    opacity: 0;
    filter: alpha(opacity=0);
}

.yzb-list li:hover .imgs2 {
    opacity: 1;
    filter: alpha(opacity=100);
}

.linux-have {
    /*background-repeat: no-repeat;*/
    /*background-image:url("../images/have.jpg");*/
    /*background-size: cover;*/
    /*background-position: center;*/




    /*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/have.jpg',sizingMethod='scale');*/
    /*-ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/have.jpg', sizingMethod='scale');*/


}



.linux-have .zero-list li {
    color: #b3b6bb;
}

.linux-have .zero-list li.active {
    color: #fff;
}

.linux-have .zero-list li p {
    color: #848c91;
}

.linux-have .zero-img {
    width: 46.8%;
    height: 100%;
}

.chip-con {
    position: relative;
    margin: 0 auto;
    width: 590px;
    height: 360px;
}

.chip-con h3 {
    font-size: 33px;
    bottom: 0;
    width: 100%;
    text-align: center;
    position: absolute;
    z-index: 3;
    color: #087ef8;
}

.chip-con .rounded {
    border-radius: 100%;
}

.chip-text div {
    position: absolute;
    width: 130px;
    height: 130px;
    line-height: 130px;
    text-align: center;
    border: 1px solid #0265cb;
    background: #087ef8;
    font-size: 30px;
    color: #fff;
    z-index: 3;
}

.chip-text1 {
    left: 0;
    bottom: 0;
}

.chip-text2 {
    left: 65px;
    top: 70px;
}

.chip-text3 {
    left: 50%;
    margin-left: -65px;
    top: 0;
}

.chip-text4 {
    right: 65px;
    top: 70px;
}

.chip-text5 {
    right: 0;
    bottom: 0;
}

.chip .w1440 {
    position: relative;
    z-index: 3;
}

.chip-dot {
    position: absolute;
    z-index: 1;
    bottom: 34px;
    width: 295px;
    left: 50%;
    margin-left: -147px;
}

.czxt-img {
    width: 1280px;
    max-width: 100%;
    margin: 0 auto;
}

.czxt {
    padding-top: 40px;
}

.czxt .w1440 {
    position: relative;
}

.czxt .title30 {
    position: absolute;
    left: 0;
    top: 50px;
    width: 100%;
    z-index: 9;
}

.title30fff h2 {
    color: #fff;
}

.title30fff p {
    color: #848c91;
}

.yyhy .des16 {
    width: auto;
}

.yyhy-list {
    font-size: 0;
    width: 1130px;
    max-width: 100%;
    margin: 0 auto;
}

.yyhy-list li {
    font-size: 14px;
    display: inline-block;
    vertical-align: top;
    width: 44%;
    margin: 0 3%;
}

.bgf7 {
    background: #f7f7f7;
}

.ljsy-box {
    width: 1164px;
    margin: 0 auto;
    max-width: 100%;
}

.ljsy-page {
    position: relative;
}

.geshi {
    font-size: 20px;
    color: #ffffff;
    background: #0153c1;
    border: 1px solid #e7e7e7;
    text-align: center;
    left: 0;
    top: 0;
    margin-bottom: 30px;
    border-radius: 5px;
    position: relative;
    z-index: 4;
}

.geshi p {
    line-height: 1.4em;
    padding: 10px 0;
}

/*.ljsy-page1 .ljsy-page-right{margin-left: 118px;}*/
.ljsy-page1 {
    width: 58%;
    border-right: 1px solid #e7e7e7;
    box-sizing: border-box;
}

.ljsy-page2 .ljsy-page-right {
    margin-left: 40px;
}

.ljsy-page2 {
    width: 42%;
}

/*.ljsy-page2 .geshi{left: 50px;}*/
.ljsy-ul li {
    display: block;
    background: #fff;
    height: 44px;
    line-height: 44px;
    margin-bottom: 30px;
    box-sizing: border-box;
    transition: all .4s;
    border-radius: 5px;
    overflow: hidden;
    border: 1px solid #e7e7e7;
    position: relative;
    z-index: 4;
}

.ljsy-ul li a {
    display: block;
    padding: 0 14px;
    font-size: 16px;
    color: #9c9c9c;
    position: relative;
    transition: all .4s;
}

.ljsy-ul li i {
    position: absolute;
    right: 14px;
    top: 0;
}

.ljsy-page-con {
    position: relative;
    margin-right: 40px;
}

.ljsy-page1 .geshi {
    margin-right: 40px;
}

.ljsy-wei {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 18px;
    line-height: 44px;
}

.ljsy-wei-con {
    margin-left: 50px;
}

.ljsy-ul-col2 li {
    float: left;
    width: 46%;
}

.ljsy-page1 li {
    margin-left: 4%;
}

.ljsy-page-con3 li {
    margin-bottom: 0;
}

.ljsy-ul li:hover {
    border-color: #0153c1;
}

.ljsy-ul li:hover a {
    color: #0153c1;
}

/*2DLinux e*/
/*2D专业应用 s*/
.choosebg002088 .menu li.active {
    background: #002088;
}

.choosebg002088 .menu li:hover {
    background: #002088;
}

.select-top {
    border-bottom: 1px solid #ddd;
    position: relative;
    z-index: 9;
}

.select-top .case-ban-search {
    margin-bottom: 0;
}

.hyyy {
    font-size: 0;
    margin: 0 -3%;
}

.hyyy li {
    display: inline-block;
    font-size: 14px;
    vertical-align: top;
    width: 44%;
    margin: 0 3% 5%;
    box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.43);
    box-sizing: border-box;
    border: 1px solid #fff;
    position: relative;
    overflow: hidden;
    transition: all .4s;
}

.hyyy li:hover {
    box-shadow: 0 0 8px 1px rgba(0, 66, 164, 0.43);
}

.hyyy-con {
    background: rgba(0, 0, 0, .7);
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#B2000000, endcolorstr=#B2000000);
    transition: all .4s;
}

.hyyy li:hover .hyyy-con {
    background: rgba(0, 0, 0, .5);
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7f000000, endcolorstr=#7f000000);
}

.hyyy-type {
    position: absolute;
    top: 30px;
    left: 25px;
    min-width: 64px;
    height: 25px;
    line-height: 25px;
    border: 1px solid #fff;
    border-radius: 4px;
    color: #fff;
    text-align: center;
}

.hyyy-des {
    margin: 100px 45px;
}

.hyyy-top h3 {
    margin-bottom: 5px;
}

.hyyy-bot {
    width: 340px;
    max-width: 100%;
}

.hyyy-a {
    position: absolute;
    left: 45px;
    bottom: 30px;
}

.hyyy-a .text-more {
    margin-left: 0;
}

/*.hyyy-a .x6432:hover{width: auto;}*/
.hyyy-a .x6432.browser:hover {
    width: 106px;
}

/*.hyyy-a .tec-more>span{margin-top: -1px;}*/
/*.hyyy-a span{margin-top: 1px;}*/
.hyyy-a a,
.hyyy-a span {
    color: #fff;
    display: inline-block;
    vertical-align: initial;
    margin-right: 3px;
    transition: all .4s;
    cursor: pointer;
    line-height: 20px;
}

.bgf3f6fb {
    background: #f3f6fb;
}

.hyyy-a a:hover {
    color: #0042a4;
}

.hyyy-a .x6432.active {
    width: 106px;
}

.hyyy-a .x6432-link {
    margin-top: -1px;
}

.hyyy-a .tec-mores {
    margin-top: 1px;
}

/*2D专业应用 e*/
/*2D中望园林 s*/
.yuanlin li {
    padding: 70px 0;
    overflow: hidden;
}

.yuanlin li.even {
    background: #f7f7f7;
}

.yuanlin li .yuanlin-img {
    width: 50%;
}

.yuanlin li .yuanlin-img img {
    max-width: 100%;
}

.yuanlin li.odd .yuanlin-img {
    float: right;
}

.yuanlin-con {
    width: 50%;
    position: absolute;
    top: 0;
    height: 100%;
}

.yuanlin li.odd .yuanlin-con {
    left: 0;
    text-align: right;
}

.yuanlin li.even .yuanlin-con {
    right: 0;
}

.yuanlin-des {
    margin: 0 60px 10%;
}

.yuanlin li.odd .img {
    margin-left: 60px;
}

.yuanlin li.even .img {
    text-align: right;
    margin-right: 60px;
}

.yuanlin-p p {
    color: #6d6d6d;
    margin-bottom: 5px;
}

/*2D中望园林 e*/

/*三维CAD-首页 s*/
.zw3d-box .w1800 {
    padding-top: 130px;
    padding-bottom: 90px;
}

.zw3d-img {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 60%;
}

.zw3d-con {
    width: 44%;
}

.zw3d-con-a h2 {
    color: #fff;
    line-height: 1.6em;
}

.zw3d-con-a h3 {
    color: #fff;
    line-height: 1.6em;
}

.zw3d-con-b h4 {
    color: #dce2eb;
    line-height: 1.6em;
}

.zw3d-con-c {
    width: 448px;
    max-width: 100%;
}

.zw3d-con-c p {
    color: #a8bfe1;
}

.sj3wcad {
    border-bottom: 1px solid #d2d2d2;
}

.sj3wcad .w1440 {
    position: relative;
}

.sj3wcad-line {
    position: absolute;
    left: 0;
    width: 33.33%;
    border-top: 3px solid #0042a4;
    bottom: -1px;
    transition: all .4s;
}

/*三维CAD-首页 e*/
/*投资者关系 s*/
.relative-ban {
    margin-bottom: 20%;
}

.relative-ban span {
    display: inline-block;
    margin: 0 10px;
}

.new-ms {
    padding-top: 60px;
}

.new-ms p {
    height: 28px;
}

.xdt-top {
    border-bottom: 1px solid #c4c4c4;
    padding-top: 50px;
}

.xdt-a {
    font-size: 0;
    width: 216px;
    margin: 0 auto;
}

.xdt-a a {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    line-height: 46px;
    height: 46px;
    min-width: 84px;
    text-align: center;
}

.ggxx {
    margin-right: 48px;
}

.xdt-a a.active {
    color: #0042a4;
}

.xdt-line {
    position: absolute;
    height: 3px;
    left: 0;
    bottom: -1px;
    background: #0042a4;
    width: 84px;
    transition: all .4s;
}

.notice-page .w1440 {
    border-bottom: 1px dashed #b5b5b5;
    padding: 45px 0;
}

.notice-page li a {
    display: block;
    transition: all .4s;
}

.notice-type {
    height: 25px;
    line-height: 25px;
    border-radius: 6px;
    text-align: center;
    min-width: 44px;
    padding: 0 10px;
    background: #0042a4;
    color: #fff;
    display: inline-block;
    position: relative;
    z-index: 5;
}

.notice-des {
    margin-top: 25px;
    margin-right: 280px;
}

.notice-des h3 {
    margin-bottom: 25px;
}

.notice-des p {
    color: #818181;
}

.notice-time {
    position: absolute;
    right: 0;
    top: 0;
}

.notice-time p {
    color: #7e7e7e;
    margin-bottom: 5px;
}

.notice-page li a:hover {
    background: #f6f6f6;
}

.notice-page li a:hover .notice-type {
    background: #0042a4;
}

.notice-page li:hover h3 {
    color: #0042a4;
}

.notice-page {
    padding-bottom: 60px;
}

.notice-page {
    display: none;
}

.map {
    height: 390px;
    width: 50%;
}

.map-mes {
    width: 41%;
    padding-top: 35px;
}

.contact-list li {
    position: relative;
    margin-bottom: 30px;
}

.contact-list span {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 18px;
    color: #474747;
}

.contact-list span img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 12px;
}

.contact-list p {
    margin-left: 150px;
    font-size: 18px;
    color: #474747;
}

.map h2 {
    margin-bottom: 10px;
    font-size: 20px;
}

/*投资者关系 e*/
/*Overdrive s*/
.overdrive-ban-text {
    width: 506px;
    max-width: 100%;
}

.overdrive-ban-text h2 {
    color: #fff;
}

.overdrive-ban-text p {
    color: #fff;
    line-height: 2em;
    font-size: 16px;
}

.overhide-list li {
    overflow: hidden;
}

.overhide-list .even .overdrive-ban-text {
    float: right;
}

.overdrive-des {
    margin-top: 25px;
}

.overhide-list2 .overdrive-ban-text h2 {
    color: #ffae00;
}

.overhide-list2 .overdrive-ban-text p {
    color: #fff;
}

.overhide-list3 .overdrive-ban-text h2 {
    color: #ff5400;
}

.overhide-list3 .overdrive-ban-text p {
    color: #000;
}

.overhide-list3 .overdrive-ban-text {
    width: 660px;
}

.overhide-list4 .overdrive-ban-text {
    margin-bottom: 15%;
}

.overhide-list4 .overdrive-ban-text h2 {
    color: #b3fafb;
}

.overhide-list4 .overdrive-ban-text p {
    color: #dcdcdc;
}

.overhide-list4 .overdrive-ban-text p.last {
    color: #838383;
}

.overdrive-ban-text .i {
    width: 66px;
    height: 3px;
    background: #fff;
    margin: 18px 0 25px;
}

.overdrive-ms h3 {
    color: #c1dcf0;
    font-size: 22px;
    margin-bottom: 5px;
    line-height: 1.6em;
}

.overdrive-ms p {
    color: #c1dcf0;
}

.overdrive-ms {
    margin-top: 35px;
}

.overhide-list5 .overdrive-ban-text {
    margin-bottom: 10%;
}

.overhide-list5 .overdrive-ban-text h2 {
    color: #fff;
}

.overdrive-ms1 h3 {
    color: #fff;
}

.overdrive-ms1 p {
    color: #fff;
}

.overdirveBtn {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -25px;
}

.overdirveBtn a {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    color: #fff;
    width: 226px;
    height: 50px;
    line-height: 50px;
    border: 1px solid #fff;
    text-align: center;
    border-radius: 8px;
    margin-left: 25px;
}

.overdirveBtn a i {
    border-radius: 0;
}

.new-ms {
    padding: 88px 0;
}

/*.overhide-list2 .overdrive-ban-text{width: 32%;margin-top: 8%;}*/
.overhide-list4-bg1 {
    display: none;
}

.lgtl-page {
    cursor: pointer;
}

.lgtl-page p {
    transition: all .4s;
}

.lgtl-page.active p {
    color: #fff;
}

.lgtl-page.active h3 {
    color: #fff;
}

.lgtl-page .i {
    opacity: 0;
    filter: alpha(opacity=0);
}

.lgtl-page.active .i {
    opacity: 1;
    filter: alpha(opacity=100);
}

/*Overdrive e*/

/*仿真结构 s*/
.bgfd {
    background: #fdfdfd;
}

.fzrj-con {
    padding: 7% 0 17%;
}

.title30-098aa1 h2 {
    color: #098aa1;
}

.fzrj-con .des16 {
    width: 760px;
}

.fzrj-page .des16 {
    margin-left: 0;
}

.fzrj-page-txt {
    width: 50%;
}

.fzrj-page2 {
    padding: 13% 0;
}

.fzrj-page-even .fzrj-page-txt {
    float: right;
}

.fzrj-page-even .fzrj-page-ms {
    margin-left: 20%;
}

.fzrj-page3 {
    padding-top: 35px;
}

.fzrj-page3 .fzrj-page-img {
    width: 58%;
    margin-left: -6%;
}

.fzrj-page-odd .fzrj-page-img {
    float: right;
}

.fzrj-page4 {
    padding: 50px 0;
}

.fzrj-page4 .fzrj-page-img {
    width: 58.31%;
    transform-origin: bottom !important;
}

.fzrj-page5 .fzrj-page-img {
    width: 54.2%;
}

.fzrj-page5 .des16 {
    width: 440px;
}

.fzrj-page6 .fzrj-page-img {
    width: 44.44%;
}

.lingyu {
    font-size: 0;
    margin: 0 -4%;
}

.lingyu li {
    display: inline-block;
    vertical-align: top;
    width: 25.33%;
    margin: 0 4% 3%;
}

.lingyu li a {
    display: block;
    position: relative;
    text-align: center;
}

.lingyu-con {
    background: rgba(0, 0, 0, .5);
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7f000000, endcolorstr=#7f000000);
    transition: all .4s;
}

.lingyu-con h3 {
    color: #fff;
}

.lingyu li:hover .lingyu-con {
    background: rgba(0, 0, 0, .3);
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#4c000000, endcolorstr=#4c000000);
}

/*仿真结构 e*/
/*仿真网格 s*/
.wangge-page2 {
    padding: 11.5% 0;
}

.title30-fff h2 {
    color: #fff;
}

.title30-fff p {
    color: #d4d4d4;
}

.wangge-page2 .fzrj-page-ms {
    width: 670px;
    max-width: 100%;
}

.fzrj-page4 .des16 {
    width: 580px;
    max-width: 100%;
}

.wangge3 .fzrj-page-img {
    width: 37.5%;
}

/*仿真网格 e*/
/*仿真分析服务 s*/
.fzrjfw-page {
    display: none;
}

.fzfxfw-tab {
    border-bottom: 1px solid #ddd;
}

.fzfxfw-tab a {
    font-size: 16px;
    width: 33.33%;
    float: left;
    line-height: 60px;
    height: 60px;
}

.fzfxfw-tab-warp {
    width: 520px;
    max-width: 100%;
    margin: 0 auto;
    position: relative;
}

.fzfxfw-line {
    transition: all .4s;
    width: 33.33%;
    left: 0;
    bottom: 0;
    border-top: 2px solid #2a61d4;
    position: absolute;
}

/*仿真分析服务 e*/
.jiao a {
    font-size: 16px;
    margin: 0 50px;
}

.date {
    display: block;
    /* color: #666; */
    margin-top: 10px;
    transition: all .4s;
    font-size: 12px;
}

.function li:hover .date {
    color: #006bd3;
}

.nav-img-hide {
    display: none;
}

.z-rencai-img {
    height: 339px;
}


/*英文代理商s*/
.stylef28300 .menu li.active {
    background: #f28300;
}

.agent-ban-text2 .join-us {
    display: inline-block;
    margin: 0 17px;
    width: 142px;
    line-height: 42px;
    height: 42px;
}

.stylef28300 .join-us {
    background: #f28300;
    color: #fff;
}

.reseller-select-box {
    font-size: 0;
}

.reseller-select-page {
    display: inline-block;
    font-size: 14px;
    vertical-align: middle;
    position: relative;
}

.reseller-select {
    width: 167px;
    position: relative;
    cursor: pointer;
    background: #006bd3;
    margin-right: 12px;
}

.reseller-select-val {
    height: 38px;
    line-height: 38px;
    color: #fff;
    font-size: 16px;
}

.reseller-select-list {
    position: absolute;
    left: 0;
    width: 100%;
    top: 39px;
    background: #fff;
    max-height: 240px;
    overflow: auto;
    display: none;
    box-shadow: 0 1px 2px #ddd;
}

.reseller-select-list a {
    display: block;
    text-align: center;
    line-height: 38px;
}

.reseller-select-list a:hover {
    background: #006bd3;
    color: #fff;
}

.reseller-select .i {
    position: absolute;
    color: #fff;
    right: 10px;
    top: 50%;
    margin-top: -10px;
}

.reseller-select.active.i {
    transform: rotate(180deg);
}

.reseller-search {
    width: 714px;
    border: 1px solid #006bd3;
    z-index: 3;
}

.reseller-search-text {
    margin-right: 77px;
    margin-left: 168px;
}

.reseller-search-text .text {
    height: 36px;
    display: block;
    text-indent: 2em;
    width: 100%;
    line-height: 36px;
}

.reseller-search-sb {
    line-height: 36px;
    background: #006bd3;
}

.reseller-search-name {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: #006bd3;
    width: 168px;
}

.reseller-select1 {
    z-index: 5;
}

.reseller-select2 {
    z-index: 4;
}

.reseller-select-reflress {
    width: 37px;
    height: 37px;
    margin-left: 45px;
    position: relative;
    z-index: 2;
}

.reseller-reflress {
    background: url("../images/cycle.png") no-repeat center;
    background-size: cover;
}

.reseller-select-reflress .i {
    display: none;
}

.reseller-select-reflress.active .i {
    display: block;
}

.reseller-list .title30-bot-line h2 {
    color: #0063d3;
}

.reseller-list .agent-con {
    height: 226px;
}

.reseller-warp {
    padding: 25px;
}

.reseller-con-top {
    font-size: 0;
}

.reseller-con-top span {
    display: inline-block;
    vertical-align: middle;
    background: #1879d6;
    border-radius: 4px;
    padding: 0 6px;
    margin-right: 6px;
    font-size: 13px;
    color: #fff;
    margin-bottom: 6px;
}

.reseller-con-top span.s2 {
    background: #2596fe;
}

.reseller-con-top span.s3 {
    background: #32a768;
}

.reseller-con-top span.s4 {
    background: #376f58;
    margin-right: 0;
}

.reseller-con-mid {
    margin: 20px 0;
    position: relative;
    padding-left: 15px;
    height: 70px;
}

.reseller-con-mid .line {
    position: absolute;
    height: 63px;
    top: 0;
    left: 0;
    border-left: 1px solid #ff8c3e;
}

.reseller-warp p {
    color: #797979;
}

.reseller-map-con {
    width: 1024px;
    position: absolute;
    left: 50%;
    top: 50%;
    background: #fff;
    margin-left: -512px;
    margin-top: -300px;
    height: 600px;
    z-index: 5;
}

.reseller-map {
    height: 600px;
    width: 50%;
    position: relative;
    overflow: hidden;
    background: #f2f2f2;
}

/*.reseller-map img{width: 512px;height: 600px;position: absolute;top:50%;left: 50%;margin: -300px 0 0 -256px;}*/
.reseller-map-left {
    width: 50%;
    float: left;
}

.reseller-map-warp {
    padding: 70px 25px;
}

.reseller-map-logo {
    float: left;
    width: 50%;
    text-align: center;
}

.reseller-map-logo img {
    max-width: 80%;
    vertical-align: bottom;
    max-height: 110px;
    margin-bottom: 15px;
}

.reseller-logo-des {
    width: 50%;
}

.reseller-logo-des p {
    color: #585858;
    margin: 10px 0;
}

.reseller-logo-des span.blue {
    color: #2596fe;
}

.reseller-map-ms {
    margin-top: 20px;
}

.reseller-map-ms p {
    font-size: 18px;
    color: #606060;
}

.reseller-map-con .event-close {
    right: 30px;
}

.reseller-list-box .agent-con p {
    margin-top: 0;
}

.agent-list2 {
    font-size: 0;
    margin: 0 -1.5%;
}

.agent-list2 li {
    background: #f5f5f5 !important;
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    width: 30.33%;
}

.agent-list2 .swiper-slide {
    font-size: 0;
}

.agent-list2 .li {
    background: #f5f5f5 !important;
    width: 30.33%;
    margin: 1.5%;
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    box-shadow: 0 0 9px 0 #e0e0e0;
    position: relative;
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#66e0e0e0', Direction=125, Strength=9);
    transition: all .4s;
}

.agent-list2 .li:hover {
    box-shadow: 0 0 18px 0 rgba(0, 107, 211, .4);
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#66006bd3', Direction=125, Strength=9);
}

.mask {
    z-index: 1;
}

/*.agent-list2 .swiper-page-style span{display: none;}*/
.reseller-map-name {
    font-weight: bold;
}

.agent-list-btn {
    margin-top: 30px;
}

.agent-list-btn a {
    display: inline-block;
    vertical-align: middle;
    margin: 0 15px;
    transition: all .4s;
}

.agent-list-btn a:hover {
    color: #0063d3;
}

.agent-list-btn1:hover {
    transform: translateX(-3px);
}

.agent-list-btn2:hover {
    transform: translateX(3px);
}

/*英文代理商e*/
.box-video embed {
    width: 100%;
    display: block;
    height: 398px;
}

.video-js {
    width: 100%;
}

.box-video .video-js {
    text-align: center;
    background: #000;
}

.box-video p {
    padding: 0 20px;
    color: #fff;
}

/*首页新闻增加模块 s*/
.fornews {
    margin-bottom: 30px;
    font-size: 0;
}

.news-swiper-list li {
    float: left;
    width: 50%;
}

.news-swiper-list li a {
    display: block;
    margin: 0 30px;
    border-bottom: 1px dashed #ddd;
    padding: 25px 30px;
}

.news-swiper-list li a:hover {
    background: #f2f2f2;
}

/*.fornews a{display: inline-block;line-height: 50px;width: 200px;max-width: 50%; color: #666;position: relative;transition: all .4s;font-size: 18px;}*/
/*.fornews a:after{content: ""; border:1px solid #0063d3;position: absolute;left: 0;width: 100%;bottom:-1px;display: none;}*/
/*.fornews a.active{color: #0063d3;}*/
/*.fornews a:hover{color: #0063d3;}*/
/*.fornews a.active:after{display: block;}*/
.news-tip {
    display: inline-block;
    color: #fff;
    min-width: 25px;
    font-size: 12px;
    text-align: center;
    padding: 0 10px;
}

.news-swiper-list p {
    font-size: 16px;
    height: 50px;
    margin: 10px 0;
    line-height: 25px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.news-play {
    display: none;
    height: 457px;
}

.news-play.active {
    display: block;
}

/*首页新闻增加模块 e*/


/*普教 s*/
.entry {
    display: inline-block;
    background: #fff;
    border-radius: 5px;
    color: #006bd3;
    line-height: 46px;
    height: 46px;
    padding: 0 25px;
    margin-right: 20px;
    margin-top: 35px;
    position: relative;
}

.entry:hover {
    background: #006bd3;
    color: #fff;
}

.education-ban-text h2 {
    margin-bottom: 25px;
}

.education-ban-text p {
    padding-bottom: 10px;
}

.sj3wcad-warp2 {
    padding: 80px 30px 40px;
}

/*.sj3wcad2 .sj3wcad-line{bottom:-2px;}*/
.sj3wcad2 h3 {
    transition: all .4s;
}

.sj3wcad2 p {
    transition: all .4s;
}

.sj3wcad2 li {
    cursor: default;
}

.sj3wcad2 li.active {
    border-bottom: 2px solid #0063d3;
}

.sj3wcad2 li.active h3 {
    color: #0042a4;
}

.sj3wcad2 li.active p {
    color: #0042a4;
}

.sj3wcad2 a:hover h3 {
    color: #0042a4;
}

.sj3wcad2 a:hover p {
    color: #0042a4;
}

.sj3wcad2 a {
    display: block;
}

.sj3wcad2 {
    position: relative;
}

.sxl-img {
    position: absolute;
    right: 0;
    top: 0;
    width: 41.875%;
    height: 100%;
}

.sxl-img-shadow {
    box-shadow: 0 0 13px 0 rgba(0, 0, 0, 0.69);
}

.sxl-con {
    background: #f7f7f7;
    width: 78.125%;
}

.sxl-data {}

.sxl-data li {
    float: left;
    width: 49%;
    margin-right: 2%;
    margin-bottom: 2%;
    text-align: center;
    position: relative;
    z-index: 3;
}

.sxl-data li.event {
    margin-right: 0;
}

.sxl-data li img {
    z-index: -1;
}

.sxl-warp {
    padding: 52px;
}

.sxl-des-width {
    width: 65%;
}

.sxl-des h3 {
    position: relative;
    padding-left: 25px;
    margin-bottom: 35px;
}

.sxl-des h3:before {
    content: '';
    position: absolute;
    left: 0;
    height: 26px;
    top: 5px;
    width: 5px;
    background: #006bd3;
}

.sxl-data-con {
    padding: 20px 10px 10px;
}

.sxl-data-con p {
    color: #fff;
    margin-bottom: 10px;
}

.sxl-data-con strong {
    font-family: dincondbold;
    color: #fff;
}

.browser .sxl-data-con strong {
    font-weight: normal;
    font-size: 48px;
}

.sxl-data-con span {
    color: #fff;
}

.btn-blue-arrow {
    background: #046eff;
    color: #fff;
    border-radius: 5px;
    display: inline-block;
    padding: 0 20px;
    line-height: 34px;
    height: 34px;
}

.btn-blue-arrow span {
    vertical-align: middle;
    margin-top: -4px;
    display: inline-block;
    margin-left: 10px;
    transition: all .4s;
}

.btn-blue-arrow:hover span {
    transform: translateX(8px);
}

.new-service {
    background-image: -moz-linear-gradient(90deg, rgb(23, 169, 187) 0%, rgb(143, 227, 152) 100%);
    background-image: -webkit-linear-gradient(90deg, rgb(23, 169, 187) 0%, rgb(143, 227, 152) 100%);
    background-image: -ms-linear-gradient(90deg, rgb(23, 169, 187) 0%, rgb(143, 227, 152) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#8fe398, endColorstr=#17a9bb);
}

.title36fff h2 {
    color: #fff;
}

.new-service-list li {
    float: left;
    width: 48.3%;
    margin-right: 3.4%;
    text-align: center;
}

.new-service-list li.last {
    margin-right: 0;
}

.new-service-list .img100 {
    margin-bottom: 30px;
    box-shadow: 0 0 8px 0 rgba(10, 127, 125, 0.5);
}

.new-service-list h3 {
    margin-bottom: 10px;
}

.new-service-list p {
    color: #d5efed;
}

.zxkc-left {
    width: 49.94%;
    position: relative;
}

.zxkc-list {
    width: 50.06%;
}

.zxkc-list li {
    float: left;
    width: 50%;
    position: relative;
}

.zxkc-list-con {
    position: absolute;
    color: #fff;
    left: 10%;
    top: 23.4%;
}

.zxkc-left .title24 {
    position: absolute;
    left: 14%;
    top: 12%;
}

.title24-span-blue span {
    color: #0469cc;
}

.zxkc-box .title24 h3 {
    margin-bottom: 2px;
}

.shiti li {
    float: left;
    width: 19%;
    margin-right: 1.25%;
}

.shiti li.last {
    margin-right: 0;
}

.kjss {
    background-image: -moz-linear-gradient(90deg, rgb(0, 107, 211) 0%, rgb(48, 200, 255) 100%);
    background-image: -webkit-linear-gradient(90deg, rgb(0, 107, 211) 0%, rgb(48, 200, 255) 100%);
    background-image: -ms-linear-gradient(90deg, rgb(0, 107, 211) 0%, rgb(48, 200, 255) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#30c8ff, endColorstr=#006bd3);
}

.kjss-big {
    width: 48.75%;
}

.kjss-sm {
    width: 48.75%;
}

.kjss-sm-top li {
    width: 48.2%;
    margin-bottom: 2.4%;
}

.aw-con {
    min-width: 1210px;
}

.aw-banner {
    background: #eff1f5 url(https://img.i3done.com/statics/images/school/award/aw_0.jpg) no-repeat center;
    height: 460px;
    min-width: 1210px;
}

.aw-conbox {
    width: 1210px;
    margin: 0 auto;
}

.aw-plaque {
    background: url(https://img.i3done.com/statics/images/school/award/aw_1.png) no-repeat;
    width: 425px;
    height: 291px;
    float: left;
    margin-top: 83px;
    margin-left: 15px;
}

.aw-fc {
    background: url(https://img.i3done.com/statics/images/school/award/aw_2.png) no-repeat;
    width: 680px;
    height: 285px;
    float: right;
    margin-top: 80px;
}

.aw-stt {
    text-align: center;
    margin-top: 103px;
}

.aw-fc a {
    background: #9E8243;
    padding: 6px 10px;
    font-size: 48px;
    color: #fff;
    font-weight: bold;
    border-radius: 5px;
    margin-right: 10px;
}

.aw-intro {
    background: #fff;
    padding: 65px 0;
    text-align: center;
}

.aw-intro p {
    font-size: 16px;
    color: #333;
    text-align: center;
    line-height: 28px;
}

.a_btn1 {
    margin-top: 30px;
    display: inline-block;
    background: #2686DB;
    border-radius: 3px;
    color: #fff !important;
    font-size: 16px;
    padding: 11px 74px;
    text-align: center;
}

.a_btn1:hover {
    background: #62ACF7;
}

.aw-it .aw-a2 {
    font-size: 14px;
    margin-top: 15px;
    display: block;
    color: #008EE0;
}

.aw-it .aw-a2:hover {
    color: #62ACF7;
    text-decoration: underline;
}

.aw-intro-gray {
    background: #f6f6f6;
    padding: 50px 0;
    text-align: center;
}

.aw-h22 {
    text-align: center;
    font-size: 36px;
    color: #333;
}

.aw-h22 span {
    color: #68B0F9;
}

.aw-map {
    margin: 30px auto;
}

.aw-search {
    width: 600px;
    margin: 0 auto;
}

.aw-input2 {
    width: 520px;
    height: 22px;
    font-size: 16px;
    padding: 10px;
    border: 2px solid #dee5eb;
    vertical-align: top;
    outline: none;
    box-shadow: none;
    font-family: Microsoft YaHei, Helvetica, sans-serif;
    color: #666
}

.aw-s-btn {
    position: relative;
    left: -36px;
    margin: 12px 0;
    width: 20px;
    height: 20px;
    zoom: 1;
    overflow: hidden;
    background: url(https://img.i3done.com/statics/images/school/award/aw_12.png) no-repeat;
    border: 0;
    cursor: pointer;
}

.aw-s-btn:hover {
    background: url(https://img.i3done.com/statics/images/school/award/aw_13.png) no-repeat;
}

.aw-ul1 {
    margin-top: 50px;
    margin-bottom: 20px;
}

.aw-ul1 li {
    width: 390px;
    height: 160px;
    float: left;
    background: #fff;
    margin: 0 20px 20px 0;
}

.aw-ul1 li:hover {
    border-color: #2686db;
    box-shadow: 1px 1px 2px 1px #ececec;
}

.aw-fr {
    float: right;
    width: 250px;
    margin-right: 10px;
}

.aw-simg img {
    width: 80px;
    height: 80px;
    margin: 40px 10px 10px 20px;
    border-radius: 40px;
}

.aw-dt1 {
    padding: 40px 0 15px 0px;
    border-bottom: 1px solid #f2f2f2;
    text-align: left;
    font-size: 16px;
    color: #333;
    font-weight: bold;
}

.aw-dt1 span {
    color: #FFB72A;
    font-size: 14px;
}

.aw-data {
    width: 82px;
    float: left;
    font-size: 14px;
    padding-top: 8px;
    border-right: 1px solid #f2f2f2;
}

.aw-data span,
.aw-data .aw-span {
    color: #68b0f9 !important;
}

.aw-data h4 {
    font-weight: normal;
    color: #333;
}

.aw-a5 {
    background: url(https://img.i3done.com/statics/images/school/award/aw_7.png) no-repeat;
    width: 10px;
    height: 6px;
    display: inline-block;
    padding-top: 3px;
}

.aw-a5:hover {
    background: url(https://img.i3done.com/statics/images/school/award/aw_8.png) no-repeat;
}

.aw-intro-white {
    background: #fff;
    padding: 50px 0;
}

.aw-infoRep {
    margin-top: 35px;
}

.aw-eaIm {
    padding: 35px 0;
    border-bottom: 1px solid #f0f0f0;
}

.aw-a3 {
    display: block;
    float: left;
    width: 250px;
    height: 158px;
    overflow: hidden;
}

.aw-a3:hover {
    border-color: #2686db;
    box-shadow: 1px 1px 2px 1px #ccc;
}

.aw-a3 img {
    width: 100%;
    height: 100%;
    border: 0;
}

.aw-brInfo {
    float: left;
    width: 916px;
    margin-left: 41px;
}

.aw-inName {
    font-size: 18px;
    line-height: 26px;
}

.aw-tit {
    text-align: left;
    display: inline-block;
    color: #333;
}

.aw-tit:hover {
    color: #000;
}

.aw-br {
    margin-top: 35px;
    color: #999;
}

.aw-br p {
    line-height: 24px;
    text-align: left;
    font-size: 14px;
}

.aw-ahp {
    margin-top: 10px;
    height: 40px;
}

.aw-photo {
    float: left;
    display: inline-block;
    width: 40px;
    height: 40px;
    margin-right: 10px;
    vertical-align: middle;
}

.aw-head {
    width: 40px;
    height: 40px;
    border-radius: 50px;
}

.aw-auhh {
    display: inline-block;
    float: left;
    margin-top: 15px;
    color: #ccc;
}

.aw-a4 {
    color: #ccc !important;
    font-size: 14px;
    cursor: pointer;
    display: inline-block;
}

.aw-a4:hover {
    color: #333 !important;
}

.aw-span5 {
    color: #ccc;
    font-size: 14px;
    display: inline-block;
}

.aw-view {
    background: url(https://img.i3done.com/statics/images/school/award/aw_9.png) no-repeat scroll 0 3px;
    color: #ccc;
    display: inline-block;
    padding-left: 20px;
    font-size: 14px;
}

.aw-pr {
    background: url(https://img.i3done.com/statics/images/school/award/aw_10.png) no-repeat scroll 0 3px;
    color: #ccc;
    display: inline-block;
    padding-left: 20px;
    margin-left: 10px;
    font-size: 14px;
}

.aw-com {
    background: url(https://img.i3done.com/statics/images/school/award/aw_11.png) no-repeat scroll 0 3px;
    color: #ccc;
    display: inline-block;
    padding-left: 20px;
    margin-left: 10px;
    font-size: 14px;
}

.aw-loadmore {
    border: 1px solid #f0f0f0;
    border-radius: 2px;
    line-height: 62px;
    text-align: center;
    font-size: 16px;
    color: #ccc;
}

.aw-loadmore:hover {
    background: #f9f9f9;
}

.aw-loadmore span {
    cursor: pointer;
}

.aw-loadmore span,
.aw-loadmore em {
    display: block;
}

.aw-loading {
    background: url(https://img.i3done.com/statics/images/school/award/aw-6.gif) center center no-repeat;
    text-indent: -9000px;
    display: block;
}

.aw-map {
    position: relative;
    margin: 0 auto;
}

.aw-map a {
    color: #5b5a5a;
    font-size: 14px;
    text-decoration: none;
    cursor: pointer;
}

.aw-map a:hover {
    color: #999;
}

.citybg {
    position: absolute;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 3;
}

.citybg img {
    width: 100%;
    vertical-align: bottom;
}

.city.hover .citybg,
.city.active .citybg,
.citybg:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

.city.active a {
    font-size: 16px;
    color: #999;
}

.aw-mapcon {
    overflow: hidden;
}

.aw-mapL {
    width: 45.6%;
    float: left;
}

.aw-mapR {
    width: 45%;
    float: right;
}

/*.aw-mapSp{ width:590px; height:590px; }*/
.aw-map-di {
    width: 100%;
    vertical-align: bottom;
}

.aw-mapSearch {
    margin: 0 0 0 4%;
    position: relative;
}

.aw-Sinput {
    display: block;
    width: 100%;
    font-size: 14px;
    height: 37px;
    line-height: 37px;
    text-indent: 1em;
    border: 1px solid #dee5eb;
    vertical-align: top;
    outline: none;
    box-shadow: none;
    font-family: Microsoft YaHei, Helvetica, sans-serif;
    color: #666;
    box-sizing: border-box;
}

.aw-sbtn {
    position: absolute;
    width: 80px;
    height: 100%;
    right: 0;
    top: 0;
    text-align: center;
    background: #006bd3;
    zoom: 1;
    overflow: hidden;
    border: 0;
    cursor: pointer;
    color: #fff;
}

.aw-sbtn span {
    display: inline-block;
}

.aw-sbtn:hover span {
    transform: scale(1.1) translateZ(0);
}

.aw-mapinfo {
    overflow: hidden;
}

.aw-ulx {}

.aw-ulx li {
    width: 46%;
    float: left;
    background: #f8f8f8;
    margin: 4% 0 0 4%;
    overflow: hidden;
    border: 1px solid #e4e4e4;
    box-sizing: border-box;
}

.aw-ulx li:hover {
    border: 1px solid #30a1fe;
}

.aw-ulx li .award_code {
    display: block;
    margin-top: 15px;
    font-size: 12px;
    color: #8a8a8a;
}

.aw-inL {
    float: left;
    width: 29.5%;
    overflow: hidden;
    text-align: center;
}

.aw-inR {
    float: right;
    width: 60%;
}

.aw-tit2 {
    padding: 10px 0;
    border-bottom: 1px solid #e4e4e4;
    text-align: left;
    font-size: 14px;
    color: #333;
    font-weight: 700;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.aw-tit2 a {
    cursor: pointer;
    font-size: 18px;
    color: #3b3b3b;
    font-weight: normal;
}

.aw-tit2 a:hover {
    color: #30a1fe;
}

.aw-tj {}

.aw-rc {
    width: 33.33%;
    box-sizing: border-box;
    float: left;
    font-size: 12px;
    padding: 10px 0 5px 0;
    border-right: 1px solid #e4e4e4;
}

.aw-rc a {
    color: #006bd3;
    padding-top: 10px;
    display: inline-block;
    font-size: 14px;
}

.aw-rc h4 {
    font-weight: normal;
    color: #6e6e6e;
    font-size: 14px;
}

.aw-inimg {
    display: block;
    width: 80%;
    max-width: 100%;
    margin: 0 auto;
}

.aw-inimg img {
    width: 100%;
    vertical-align: bottom;
    border-radius: 62px;
}

.aw-ulx-warp {
    padding: 10px 20px;
}

.aw-mapinfo .page {
    text-align: right;
}

/*普教 e*/

/*职教 s*/
.padding-t80 {
    padding-top: 80px;
}

.jidi .sxl-con {
    min-height: 512px;
}

.sxjd li {
    float: left;
    width: 48%;
    margin-right: 2%;
    position: relative;
    margin-top: 15px;
}

.sxjd li p {
    color: #929292;
    margin-left: 15px;
    transition: all .4s;
}

.sxjd li .i {
    width: 6px;
    height: 6px;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 9px;
    background: #c6c6c6;
    transition: all .4s;
}

.sxjd li:hover p {
    color: #006bd3;
}

.sxjd li:hover .i {
    background: #006bd3;
}

.jidi .sxl-img {
    width: 49.6%;
}

.jidi .sxl-img .img100 {
    border: 1px solid #fff;
    margin-bottom: 1px;
}

.jidiBtn a {
    color: #fff;
    background: #cfcfcf;
    position: static;
    display: inline-block;
    margin: 20px 5px 0 0;
}

.yfwst li {
    float: left;
    width: 30.55%;
    margin-right: 4.175%;
}

.yfwst li .img100 {
    box-shadow: 0 0 8px 0 rgba(166, 166, 166, 0.5);
    transition: all .4s;
}

.yfwst li:hover .img100 {
    box-shadow: 0 0 8px 0 rgba(0, 107, 211, 0.5);
}

.yfwst li.last {
    margin-right: 0;
}

.xuanbo-top {
    background: rgba(7, 203, 155, .9);
    padding: 30px 0;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e507cb9b, endColorstr=#e507cb9b);
}

.xuanbo-top ul {
    font-size: 0;
    width: 960px;
    max-width: 100%;
    margin: 0 auto;
}

.xuanbo-top ul li {
    font-size: 14px;
    width: 31.33%;
    margin: 0 1%;
    text-align: center;
    display: inline-block;
    vertical-align: top;
}

.xuanbo-data strong {
    color: #fff;
    font-size: 60px;
    font-family: dincondbold;
    position: relative;
    display: inline-block;
    line-height: 1em;
    margin-right: 10px;
}

.xuanbo-data i {
    color: #fff;
    font-size: 18px;
    font-family: dincondbold;
    position: absolute;
    right: -12px;
    top: 0;
    line-height: 1em;
    font-style: normal;
}

.xuanbo-data span {
    color: #fff;
    font-size: 18px;
}

.googet {
    display: inline-block;
    position: relative;
}

.xuanbo-top p {
    font-size: 18px;
    color: #fff;
    margin-top: 15px;
}

.bumen {
    width: 47.5%;
    margin-top: 25px;
    height: 420px;
    transition: background .3s, transform 1s !important;
}

.jioayubu {
    background: #fc9d38;
}

.renshebu {
    background: #64bc23;
}

.bumen:hover {
    background: #0063d3;
}

.bumen-warp {
    padding: 20px 35px;
}

.bumen-bot h3 {
    color: #fff;
    margin-bottom: 10px;
}

.bumen-bot h4 {
    color: #fff;
}

.border-radius {
    border: 1px solid #fff;
    border-radius: 5px;
}

.bumen-list li {
    box-sizing: border-box;
    float: left;
    width: 48%;
    margin-right: 4%;
    margin-top: 33px;
}

.bumen-list li.even {
    margin-right: 0;
}

.bumen-list li.last {
    margin-right: 0;
    width: 100%;
}

.bumen-bot p {
    color: #fff;
}

.bumen-list li {
    padding: 7px 0;
}

.renshebu1 {
    font-size: 0;
    padding: 5px 0;
    margin: 20px 0;
}

.renshebu1 li {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    width: 31.33%;
    margin: 0 1%;
}

.renshebu1 li span {
    color: #e8e8e8;
}

.renshebu2 li.fl {
    width: 60%;
}

.renshebu2 li.fr {
    width: 34%;
}

.renshebu li {
    padding: 7px 0;
}

.renshebu2 li {
    box-sizing: border-box;
    margin: 20px 0;
}

.renshebu2 li p {
    display: inline-block;
    margin: 0 5px;
}

.renshebu3 {
    margin-top: 20px;
}

.renshebu3 li {
    display: inline-block;
    margin: 0 5px;
}

.rcpd li .img100 {
    margin-bottom: 50px;
}

.shengji li .img100 {
    margin-bottom: 50px;
}

.rcpd p {
    color: #6d6d6d;
    line-height: 30px;
}

.rcpd-warp {
    padding: 0 20px;
}

.shengji-title p {
    width: 800px;
    max-width: 100%;
    margin: 0 auto;
}

/*.shengji li{width: 25%;margin-right: 12.5%;}*/
.shengji li h4 {
    color: #fff;
    margin-bottom: 15px;
}

.shengji li p {
    color: #fff;
    font-size: 16px;
}

.shengtai-pages {
    float: left;
    width: 31%;
    margin-right: 3.5%;
    height: 440px;
    overflow: hidden;
    transition: background .3s, transform 1s !important;
}

.yhst {
    background: #07cb9b;
}

.cpfw {
    background: #64bc23;
}

.fwyx {
    margin-right: 0 !important;
    background: #fc9d38;
}

.shengtai-pages:hover {
    background: #0063d3;
}

.shengtai-warp {
    padding: 30px;
}

.shengtai-pages {
    text-align: center;
    box-shadow: 0 0 8px 0 rgba(166, 166, 166, 0.5);
}

.shengtai-top {
    border-bottom: 1px solid #fff;
    padding-bottom: 18px;
    margin-bottom: 18px;
}

.border-white {
    border: 1px solid #fff;
}

.height82 {
    height: 82px;
}

.shengtai h4,
.shengtai span,
.shengtai p {
    color: #fff;
}

.bgfff04 {
    background: rgba(255, 255, 255, .4);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7fffffff, endColorstr=#7fffffff);
}

.yhst-list {
    margin-right: -1%;
}

.yhst-list li {
    box-sizing: border-box;
    border: 1px solid #fff;
    float: left;
    width: 19%;
    margin-right: 1%;
    margin-bottom: 1.6%;
    height: 60px;
}

.tyrk,
.cpfw-top,
.fwyx-top {
    margin-bottom: 20px;
}

.cpfw-top li {
    width: 23.5%;
    margin-right: 2%;
    float: left;
    height: 82px;
    background: rgba(255, 255, 255, .4);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7fffffff, endColorstr=#7fffffff);
}

.cpfw-top li.last {
    margin-right: 0;
}

.cpfw-mid {
    float: left;
    width: 50%;
}

.cpfw-bot {
    float: right;
    width: 50%;
}

.cpfw-mid li {
    width: 47%;
    margin-right: 4%;
    height: 92px;
    float: left;
    margin-bottom: 4%;
}

.cpfw-mid li.even {
    margin-right: 0;
}

.cpfw-bot li {
    float: left;
    width: 47%;
    margin-left: 4%;
    height: 193px;
}

.cpfw-bot li.odd {
    margin-left: 2%;
}

.shengtai li {
    padding: 5px 6px;
    border: 1px solid #fff;
    box-sizing: border-box;
    border-radius: 5px;
}

.fwyx-top li {
    background: rgba(255, 255, 255, .4);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7fffffff, endColorstr=#7fffffff);
    float: left;
    width: 31%;
    margin-right: 3.5%;
}

.fwyx-top li.last {
    margin-right: 0;
}

.fwyx-bot li {
    float: left;
    width: 15%;
    height: 194px;
    margin-right: 2%;
}

.fwyx-bot li.last {
    margin-right: 0;
}

.cpfw-top p,
.fwyx-top p {
    font-size: 16px;
}

/*职教 e*/
/*高教 s*/
.rcpy-l {
    width: 50%;
    padding-top: 20px;
}

.rcpy-l h3 {
    margin-bottom: 12px;
}

.rcpy-l p {
    color: #929292;
    margin-bottom: 5px;
}

.rcpy-l-bot {
    padding-top: 10px;
}

.rcpy-r {
    width: 46.8%;
}

.rcpy-r p {
    color: #787878;
    margin-top: 30px;
}

.gaodengrencai {
    width: 1100px;
    margin: 0 auto;
    max-width: 100%;
}

.gaodengrencai li {
    width: 45.9%;
}

.gaodeng-bot {
    margin-top: 40px;
}

.gaodeng-bot h3 {
    margin-bottom: 5px;
}

.dasai li {
    float: left;
    width: 23.5%;
    margin-right: 2%;
    border-radius: 5px;
    padding: 20px 0;
}

.dasai li p {
    margin-top: 10px;
}

.dasai li.li1 {
    background: #07cb9b;
}

.dasai li.li2 {
    background: #a3ce03;
}

.dasai li.li3 {
    background: #ff6666;
}

.dasai li.li4 {
    background: #ffb608;
    margin-right: 0;
}

.dasai-lei {
    width: 1142px;
    max-width: 100%;
    margin: 0 auto;
}

.dasailei-img {
    width: 50%;
}

.dasailei-con {
    width: 43%;
    padding-top: 10px;
}

.dasailei-page {
    margin-bottom: 30px;
}

.dasailei-page h3 {
    margin-bottom: 8px;
}

.dasailei-page p {
    font-size: 16px;
    color: #929292;
}

.dasailei-page:last-child {
    margin-bottom: 0;
}

.jianshe {
    width: 47.15%;
}

.jianshe-bot {
    height: 72px;
    overflow: hidden;
}

.jianshe-bot p {
    color: #fff;
}

.jianshe1 .jianshe-bot {
    background: #07cb9b;
}

.jianshe2 .jianshe-bot {
    background: #a3ce03;
}

.jianshe-bot-warp {
    margin: 12px 150px 0 20px;
}

.jianshePage {
    position: absolute;
    z-index: 9;
    right: 22px;
    bottom: 27px;
}

.jianshePage .swiper-pagination-switch {
    width: 16px;
    height: 16px;
    background: #fff;
    display: inline-block;
    border-radius: 100%;
    border: 1px solid #fff;
    vertical-align: bottom;
    margin-left: 10px;
    cursor: pointer;
}

.jianshePage .swiper-active-switch {
    background: #034db1;
}

/*高教 e*/

/*普教改s*/
.sxl-page {
    margin-bottom: 30px;
    padding: 30px 40px;
}

.sxl-page .btn-blue-arrow {
    margin-top: 50px;
}

.sxl-page2 {
    margin-bottom: 0;
}

.sjrj-img1,
.sxl-con1 {
    width: 47.45%;
}

.sxl-con1 {
    padding: 30px 0;
}

.ftg {
    display: inline-block;
}

.usesoft {
    padding: 65px 24px;
}

.usesoft .sxl-data {
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
    margin-right: 20px;
}

.usesoft .sxl-data-con {
    padding: 0;
}

.usesoft .sxl-data li {
    width: auto;
    margin: 0;
}

.usesoft .sxl-data li i {
    font-style: normal;
    color: #333;
    position: absolute;
    right: -20px;
    top: 0;
    font-size: 36px;
    font-family: dincondbold;
    line-height: 30px;
}

.usesoft {
    z-index: 9;
}

.usesoft img {
    z-index: -1;
}

.usesoft-list {
    margin-right: 200px;
}

.usesoft-list li {
    float: left;
    margin-right: 2%;
    width: 23%;
    text-align: center;
}

.usesoft-list li img {
    max-width: 100%;
}

.usesoft-list li p {
    font-size: 16px;
    color: #333;
}

.usesoft .sxl-data-con strong {
    color: #333;
}

.usesoft .sxl-data-con span {
    color: #333;
}

.usesoft .sxl-data-con p {
    color: #333;
}

.kechengdbg {
    width: 204px;
    max-width: 100%;
    margin-top: 15px;
}

.kechengdbg p {
    color: #0469cc;
}

.zxkc-list .kechengdbg p {
    color: #fff;
}

.kjssBtn a {
    background: rgba(207, 207, 207, .8);
    color: #fff;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#c8cfcfcf, endColorstr=#c8cfcfcf);
}

.kjssBtn .btn44-left {
    left: 0;
}

.kjssBtn .btn44-right {
    right: 0;
}

/*普教改e*/

.zhhd {
    float: left;
    width: 33.33%;
}

.zhhd-xw {
    margin-right: 0;
    position: absolute;
    height: 100%;
    top: 0;
    right: 0;
}

.wrap30 {
    display: block;
    margin: 0 30px;
}

.zhhd .wrap30 {
    background: #f8f8f8;
}

.zhhd-con {
    background: #f8f8f8;
    padding: 25px 28px;
    height: 176px;
}

.zhhd-con h3 {
    font-size: 16px;
    line-height: 26px;
    min-height: 52px;
    overflow: hidden;
    margin-bottom: 5px;
    color: #2e2e2e;
}

.texts {
    color: #aaa;
}

.address,
.xwtime {
    display: inline-block;
    vertical-align: top;
}

.info {
    height: 60px;
}

/*.texts{height: 100px;}*/
.info .iconfont {
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    margin-right: 4px;
    font-size: 16px;
}

.address {
    margin-right: 18px;
}

.zhhd-xw .wrap30 {
    position: absolute;
    left: 30px;
    right: 30px;
    height: 100%;
    margin: 0;
}

.zhhd-xw .scrollBar {
    overflow: auto;
}

.zhhd a:hover .zhhd-con {
    background: #f2f2f2;
}

.zhhd-xw-sroll {
    padding: 20px 20px 0 28px;
}

.zhhd-xw a {
    display: block;
    margin: 18px 0;
}

.zhhd-xw h4 {
    font-size: 16px;
    line-height: 1.6em;
}

.timedsg {
    color: #666;
    line-height: 1.6em;
}

.zhhd-xw a:hover h4 {
    color: #0063d3;
}

.zhhd-xw a:hover .timedsg {
    color: #0063d3;
}

.left-tip {
    top: 0;
    left: 0;
    position: absolute;
    padding: 7px 20px;
    text-align: center;
    max-width: 90%;
    z-index: 8;
    color: #fff;
    background: rgba(0, 0, 0, .4);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000, endColorstr=#7f000000);
    font-size: 13px;
}


.event-hide.ie8 .reseller-map-con {
    width: 512px;
    margin-left: -256px;
}

.event-hide.ie8 .reseller-map-left {
    float: none;
    width: 100%;
}

.event-hide.ie8 .reseller-map {
    display: none !important;
}

.imgscale .img100 {
    overflow: hidden;
}

.imgscale:hover .img100 img {
    transform: scale(1.05);
}

.nav-yi,
.nav-yi:after,
.industry-style a:hover,
.industry-style a:hover p,
.newBtn div,
.newBtn div:before,
.more,
.new-warp,
.tec li .img img,
.logo img,
.imgscale .img100 img,
.imgcd,
.tec h3,
.tec p,
.join-btn a:before,
.join-btn a,
.search-con,
.menu-handler .burger,
.btn-gray {
    transition: all .4s;
}

.hotBtn div,
.share a,
.ac-gn-searchform-submit,
.ac-gn-searchform-close,
.search-btn,
.zero-btn div {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.jr,
.join-btn,
.customized-ban-text .i,
.youshi-icon,
.channel-list li:nth-child(2),
.xiufu1,
.dzgj-des .title36,
.jisu-img li:nth-child(2),
.zhinengzhou .img100,
.zhou-des,
.zwcad-list li:nth-child(2) {
    animation-delay: 300ms !important;
    transition-delay: 300ms !important;
}

.channel-list li:nth-child(3),
.jisu-img li:nth-child(3),
.dianji1,
.zidingyi-img,
.compatible-img2,
.ability-img2,
.zwcad-list li:nth-child(3) {
    animation-delay: 600ms !important;
    transition-delay: 600ms !important;
}

.zwcad-list li:nth-child(4) {
    transition-delay: 900ms !important;
}

.cpu-version .p1 {
    transition-delay: 100ms !important;
}

.cpu-version .p2 {
    transition-delay: 200ms !important;
}

.cpu-version .p3 {
    transition-delay: 300ms !important;
}

.cpu-version .p4 {
    transition-delay: 400ms !important;
}

.cpu-version .p5 {
    transition-delay: 500ms !important;
}

.slideUp {
    animation: up 1s both;
    -webkit-animation: up 1s both;
}

@keyframes up {
    0% {
        opacity: 0;
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}

.slideDown {
    animation: slideDown 1s both;
    -webkit-animation: slideDown 1s both;
}

@keyframes slideDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}

.slideInLeft,
.roundabout-in-focus .xz89 img,
.cus-m .cus-page:nth-child(1) .i2 {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes slideInLeft {
    0% {
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transform: translateX(-100px);
    }

    100% {
        opacity: 1;
        filter: alpha(opacity=100);
        -webkit-transform: translateX(0);
    }
}

@keyframes slideInLeft {
    0% {
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transform: translateX(-100px);
    }

    100% {
        opacity: 1;
        filter: alpha(opacity=100);
        -webkit-transform: translateX(0);
    }
}


.slideInRight,
.cus-m .cus-page:nth-child(2) .i2,
.gsmap-list li.active {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes slideInRight {
    0% {
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transform: translateX(100px);
    }

    100% {
        opacity: 1;
        filter: alpha(opacity=100);
        -webkit-transform: translateX(0);
    }
}

@keyframes slideInRight {
    0% {
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transform: translateX(100px);
    }

    100% {
        opacity: 1;
        filter: alpha(opacity=100);
        -webkit-transform: translateX(0);
    }
}

.cus-r .i2 {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes slideInDown {
    0% {
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transform: translateY(-100px);
    }

    100% {
        opacity: 1;
        filter: alpha(opacity=100);
        -webkit-transform: translateY(0);
    }
}

@keyframes slideInDown {
    0% {
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transform: translateY(-100px);
    }

    100% {
        opacity: 1;
        filter: alpha(opacity=100);
        -webkit-transform: translateY(0);
    }
}

.toHeight,
.swiper-slide.swiper-slide-active .icontent {
    -webkit-animation-name: toHeight;
    animation-name: toHeight;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes toHeight {
    0% {
        height: 0;
    }

    100% {
        height: 100%;
    }
}

@keyframes toHeight {
    0% {
        height: 0;
    }

    100% {
        height: 100%;
    }
}

.tobig,
.active .review-img {
    -webkit-animation-name: tobig;
    animation-name: tobig;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes tobig {
    0% {
        transform: scale(0);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes tobig {
    0% {
        transform: scale(0);
    }

    100% {
        transform: scale(1);
    }
}

.argih {
    -webkit-animation-name: leftright;
    animation-name: leftright;
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-fill-mode: both;
    animation-iteration-count: infinite;

}

@-webkit-keyframes leftright {
    0% {
        transform: translateX(0);
    }

    50% {
        transform: translateX(-20px);
    }

    100% {
        transform: translateX(0);
    }
}

@keyframes leftright {
    0% {
        transform: translateX(0);
    }

    50% {
        transform: translateX(-20px);
    }

    100% {
        transform: translateX(0);
    }
}

.argih:hover {
    animation: none !important;
}

.hyjd-right li.active .hyjd-con .i,
.active .zworld2020 .i,
.about-company.active .line-box .i,
.absorbed a.active .i,
.global-page.active .i,
.cultrue li.active .i {
    visibility: visible !important;
    -webkit-animation-name: height !important;
    animation-name: height !important;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
}

@-webkit-keyframes height {
    0% {
        height: 0;
    }

    100% {
        height: 100%;
    }
}

@keyframes height {
    0% {
        height: 0;
    }

    100% {
        height: 100%;
    }
}

.active .review-img {
    -webkit-animation-name: tobig7;
    animation-name: tobig7;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes tobig9 {
    0% {
        transform: scale(0.9);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes tobig7 {
    0% {
        transform: scale(0.9);
    }

    100% {
        transform: scale(1);
    }
}

.rotate360 {
    animation: rotate linear 5s infinite;
}

.reseller-select-reflress.active .reseller-reflress {
    animation: rotate linear 2s infinite;
}

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

    100% {
        -webkit-transform: rotate(0deg);
    }
}

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

@keyframes begintop {
    0% {
        opacity: 0;
        transform: scale3d(0.8, 0.8, 1) translate3d(100px, -80px, 0);
    }

    100% {
        opacity: 1;
        transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    }
}

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

@keyframes beginbot {
    0% {
        opacity: 0;
        transform: translate3d(0, -20px, 0);
    }

    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

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

@keyframes height100 {
    0% {
        height: 0;
    }

    100% {
        height: 100%;
    }
}

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

@keyframes width100 {
    0% {
        width: 0;
    }

    100% {
        width: 100%;
    }
}


/* 按钮bug */
.join-btn a:hover,
.ban .mfxz:hover,
.down-now-a .mfxz:hover,
.hyyy-a .mfxz:hover {
    background-color: #ffffff;
}

/* 产品页what's new新增视频弹窗 */
.xzgn-list .icon-btn {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -25px;
    margin-top: -25px;
    background: url(https://cdn.zwsoft.com/upload/default/20210224/c5e9cacb833fb97f2aab1d3e168a92ad.png);
    background-size: cover;
    width: 50px;
    height: 77px;
    display: inline-block;
}

.xzgn-list li .img100:hover .icon-btn {
    background-image: url(https://cdn.zwsoft.com/upload/default/20210224/d272ed4f9502209e3c35e4d3fc3599e3.png);
}

/* ZWCAD首页看图大师板块 */
.ktds {
    background-color: #e6f4ff;
}

.ktds .solutions-bg {
    height: 100%;
    width: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
}

.ktds .zhichiliunx-bot {
    margin-top: 445px;
}

.ktds .zhichiliunx-bot .ljgdhyyy {
    color: #017bff;
    border-color: #017bff;
}

.ktds .zhichiliunx-bot .ljgdhyyy:hover {
    color: #fff;
}



















/* 商城nav start */
.padding-bot0 {
    padding-bottom: 0 !important;
}

.language-warp {
    border-radius: 5px;
    box-shadow: 0 1px 2px #ddd;
}

.hhh-style .zwicon-yonghu {
    color: #fff;
}

.hhh-person-box {
    width: 58px;
    height: 58px;
    position: absolute;
    right: 167px;
    top: -9px;
}

.hhh-person-con {
    position: absolute;
    top: 50px;
    left: 50%;
    margin-left: -110px;
    background: #fff;
    width: 220px;
    border-radius: 5px;
    box-sizing: border-box;
    box-shadow: 0 1px 2px #ddd;
    display: none;
}

.hhh-person-right {
    display: inline-block;
    vertical-align: middle;
    margin-left: 15px;
}

.hhh-person-right p {
    line-height: normal;
}

.hhh-person-right a {
    color: #737373;
    font-size: 12px;
}

.hhh-person-right a:hover {
    color: #006bd3;
}

.hhh-person-icon {
    width: 24px;
    height: 24px;
    position: absolute;
    left: 17px;
    top: 11px;
    cursor: pointer;
}

.hhh-person-icon i {
    display: block;
    margin: 1px;
}

.hhh-person-con .i {
    content: '';
    font-size: 24px;
    position: absolute;
    width: 12px;
    height: 12px;
    background-size: cover;
    top: -24px;
    color: #fff;
    left: 50%;
    margin-left: -12px;
}

.zwicon-yonghu {
    font-size: 20px;
}

.hhh-yh-list {
    padding: 20px 15px;
}

.hhh-person-name {
    margin: 3px 0;
}

.hhh-person-name a {
    transition: all .4s;
}

.hhh-person-name-yx {
    color: #535353;
    font-weight: normal;
}

.hhh-person-id {
    font-size: 16px;
}

.hhh-person-list-b {
    border-bottom: 1px solid #ccc;
    padding-top: 0;
    padding-bottom: 5px;
}

.hhh-person-list-b .hhh-person-name {
    margin: 20px 0;
}

.hhh-person-list-a {
    padding-bottom: 12px;
}

.zuxiao:hover {
    color: #006bd3;
}

.hhh-person-name a:hover {
    color: #006bd3;
}

/* 商城nav end */
/*实验室导航入口 s*/
.nav-left-top {
    position: absolute;
    width: 100%;
    height: 48%;
    top: 0;
    left: 0;
}

.nav-left-bottom {
    position: absolute;
    width: 100%;
    height: 52%;
    bottom: 0;
    left: 0;
}

.nav-left-center {
    margin-top: 0 !important;
}

.nav-left-con h3 {
    font-size: 14px;
}

.nav-left-con p {
    margin: 10px auto;
    font-size: 12px;
}

.nav-left-con .ljgd-jt {
    font-size: 12px;
}

.nav-left-con {
    top: 7%;
}

/*实验室导航入口 e*/

/* 新版侧边栏 start */
.li-store {
    display: none;
}

.sidetool {
    box-shadow: 0 3px 3px #ededed;
    border-radius: 5px;
    transition: .2s;
    position: fixed;
    z-index: 99;
    right: 20px;
    bottom: 30%;
    transition: .2s;
}

.sidetool ul {
    margin-bottom: 0px;
}

.sidetool ul li {
    text-align: center;
    list-style: none;
    cursor: pointer;
}

.sidetool ul li .li-content,
.sidetool-qrcode-box {
    border: 1px solid #dadada;
    background-color: #ffffff;
}

.sidetool ul li .li-content {
    width: 100%;
    height: 100%;
    border-bottom: none;
    border-top: none;
}

.sidetool ul li .sidetool-down {
    border-top: 1px solid #dadada;
    border-radius: 5px 5px 0 0;
}

.sidetool ul li .sidetool-top {
    border-bottom: 1px solid #dadada;
}

.sidetool .li-content p {
    display: none;
}

.sidetool ul li .sidetool-grzx .zwiconfont {
    font-size: 28px;
}

.sidetool {
    bottom: auto;
    top: 50%;
    margin-top: -60px;
    box-shadow: none;
}

.sidetool {
    width: 45px;
}

.sidetool .li-content p {
    display: none;
    line-height: 40px;
    height: 40px;
    padding-top: 0 !important;
    color: #707070;
}

.sidetool ul li p {
    font-size: 12px;
    line-height: 2em;
}

.sidetool li {
    height: 40px;
    width: 45px;
}

.sidetool .zwiconfont {
    color: #707070;
    font-size: 24px;
    width: 24px;
    margin: 0 auto;
    height: 40px;
    line-height: 40px;
    border-bottom: none;
    /* display: block; */
}

.sidetool .li-content.active p {
    display: block;
    color: #fff;
}

.sidetool .li-content.active .zwiconfont {
    display: none;
}

.sidetool .li-content {
    box-sizing: border-box;
}

.sidetool ul li .li-content.active {
    border: none;
    background-color: #3388db;
}

.sidetool ul li .li-content p {
    padding-top: 30px;
}

.sidetool-qrcode-box {
    right: 55px;
    overflow: visible;
    display: none;
    position: absolute;
    top: 0px;
    padding: 10px 10px 3px 10px;
    -webkit-transition: .2s;
    transition: .2s;
    text-align: center;
    border-radius: 5px;
}

.sidetool-qrcode-box .sidetool-qrcode {
    width: 84px;
    height: 84px;
    display: block;
}

.sidetool-qrcode-box .arrow-right {
    position: absolute;
    left: 100%;
    top: 12px;
    background: url(https://cdn.zwsoft.cn/uploadfile/content/2021/07/60ee950ad542d.png);
    height: 11px;
    width: 7px;
}

.sidetool-qrcode-box p {
    margin-top: 5px;
}

.sidetool-qrcode-box.code-qw {
    top: 40px;
    /* width: 160px; */
    width: auto;
}

.zxCode-wrapper {
    text-align: center;
    color: #626262;
}

.sidetool-qrcode-box .sidetool-qrcode {
    width: 75px;
    height: 75px;
}

/* 新版侧边栏 end */

/* 首页banner图文分离 start*/
.layui-carousel,
.layui-carousel>[carousel-item]>* {
    background-color: #fff !important;
}

.home-img-bg {
    background-position-x: 50%;
}

.new-banner-wrapper .ban-text h3 p {
    margin-bottom: 5px;
}

.new-banner-wrapper .ban-text .mfxz:hover {
    color: #006bd3;
}

.ban-left .ban-text {
    height: auto;
    width: fit-content;
}

.banner-txt-animated-show1 {
    animation-delay: 50ms;
}

.banner-txt-animated-show2 {
    animation-delay: 200ms;
}

.banner-txt-animated-show3 {
    animation-delay: 400ms;
}

.banner-txt-animated-show4 {
    animation-delay: 600ms;
}

.banner-txt-animated-show5 {
    animation-delay: 800ms;
}

.banner-txt-animated-show6 {
    animation-delay: 1000ms;
}

.new-banner-wrapper .layui-carousel-ind ul {
    background-color: rgba(0, 0, 0, .001);
}

.new-banner-wrapper .layui-carousel-ind,
.new-banner-wrapper .layui-icon {
    z-index: 99;
}

.new-banner-wrapper .layui-carousel-ind .layui-this {
    background-color: #006bd3;
}

.index-banner .ban-left .ban-text {
    margin-top: 17%\9;
}

.index-banner .home-img-bg2 .ban-left .ban-text {
    margin-top: 10%\9;
}

.index-banner .home-img-bg3 .note {
    position: absolute;
    bottom: 40px;
    font-size: 14px;
    color: #fff;
}

.index-banner .home-img-bg4 .ban-left {
    margin-left: 0;
    width: 100%;
    margin-top: -15%;
    text-align: center;
}

/* 首页banner图文分离 end*/

/*20211214 s*/
.zwsim p {
    width: 780px;
}

.fzfx-left-box .fzfx-title h3 {
    width: 390px;
    max-width: 100%;
    display: inline-block;
}

.fzfx-title p {
    height: auto;
}

.five-img1 {
    left: 4%;
}

.ability-img1 {
    width: 51.5%;
}

.ability-img2 {
    width: 48%;
    top: 26%;
    left: 50.5%;
}

.ability-img3 {
    width: 37.4%;
    margin-left: 20%;
}

.eit-title-box {
    width: 1440px;
    margin: 0 auto;
    max-width: 100%;
}

.eit-title-box li {
    float: left;
    width: 50%;
    box-sizing: border-box;
    cursor: pointer;
    transition: all .4s;
    position: relative;
}

.eit-title-box li .i {
    border-bottom: 3px solid #fff;
    position: absolute;
    left: 15%;
    width: 70%;
    bottom: 0;
    transition: all .4s;
}

.eit-title {
    width: 490px;
    max-width: 92%;
    margin: 0 auto;
}

.eit-title p {
    font-size: 16px;
}

.eit-title h3 {
    margin: 10px 0 20px;
    color: #b0b0b0;
}

.eit-title-box li.active .i {
    border-color: #2a7e4a;
}

.eit-title-box li.active h2 {
    color: #2a7e4a;
}

/*.eit-title-box li:hover{border-color: #2a7e4a;}*/
.eit-title-box li:hover h2 {
    color: #2a7e4a;
}

.eit-line99 {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 66px;
    margin-top: -33px;
    border-right: 1px solid #2a7e4a;
}

.eit-play {
    display: none;
}

.eit-play.active {
    display: block;
}

.eit-play .swiper-slide-active h3 {
    font-size: 24px;
    color: #242424;
}

.eit-play p {
    width: 560px;
    left: 50%;
    margin-left: -280px;
    padding-top: 10px;
}

.eit-play .prev p {
    width: 560px;
    left: auto;
    right: 60%;
    margin-right: -280px;
    margin-left: 0;
}

.eit-play .next p {
    width: 560px;
    right: auto;
    left: 60%;
}

.eit-img img {
    transition: all .4s;
    border-radius: 100%;
}

.swiper-slide-active .eit-img:hover img {
    transform: scale(1.2);
}

.eit-play .swiper-slide-active {
    padding-bottom: 180px;
}

.zwsim .title36 {
    margin-bottom: 40px;
}

.ie8 .eitBtn {
    display: none;
}

.eit-play.ie8 p {
    width: 240px;
    margin-left: -120px;
    display: block;
}

.eit-play.ie8 .prev p {
    margin-left: 0;
    margin-right: -120px;
}

.eit-play.ie8 .swiper-slide-active p {
    width: 360px;
    margin-left: -180px;
}

/*20211214 e*/

/* cae 2023 s */
/* metas */
.padding-t90 {
    padding-top: 90px;
}

.em-a {
    width: 1090px;
    max-width: 100%;
    margin: 0 auto;
}

.imgmax img {
    max-width: 100%;
    vertical-align: bottom;
}

.em-img-600 {
    width: 41.66%;
}

.em-con {
    position: absolute;
    width: 41.66%;
    height: 100%;
    top: 0;
}

.em-page-odd .em-img {
    float: right;
}

.em-page-odd .em-con {
    left: 0;
    text-align: right;
}

.em-page-even .em-img {
    float: left;
}

.em-page-even .em-con {
    right: 0;
    text-align: left;
}

.des6d6d6d p {
    color: #6d6d6d;
    line-height: 1.8em;
    font-size: 14px;
}

.mg-bt30 {
    margin-bottom: 30px;
}

.nl-img .imgs {
    position: absolute;
    top: 0;
    left: 0;
}

.nl-img .imgs8 {
    position: relative;
    top: 0;
    left: 0;
}

.em-img .imgs1 {
    transition-delay: .1s !important;
}

.em-img .imgs2 {
    transition-delay: .2s !important;
}

.em-img .imgs3 {
    transition-delay: .3s !important;
}

.em-img .imgs4 {
    transition-delay: .4s !important;
}

.em-img .imgs5 {
    transition-delay: .5s !important;
}

.em-img .imgs6 {
    transition-delay: .6s !important;
}

.em-img .imgs7 {
    transition-delay: .7s !important;
}

.em-img .imgs8 {
    transition-delay: .8s !important;
}

.jishu-img .img2 {
    transition-delay: .3s !important;
}

.iebg {
    display: none;
}

.em-img-720 {
    width: 50%;
}

.des2 {
    width: 422px;
    max-width: 100%;
}

.des4 {
    width: 520px;
    max-width: 100%;
}

.desfff p {
    color: #fff;
}

.jishu-img .img2 {
    position: absolute;
    top: 0;
    left: 0;
}

.shezhi-img .img1 {
    position: relative;
    z-index: 3;
}

.shezhi-img .img2 {
    position: absolute;
    top: 0;
    left: 0;
}

.yyly-bot {
    margin: 0 -0.5%;
}

.yyly-bot li {
    margin: 0.5%;
    width: 24%;
}

/*.em-img .swiper-container{height: 417px;}*/
.em-img-show .swiper-slide {
    padding: 100px 0 0;
}

.em-img-show .img100 {
    margin: 15px 0;
    transition: all .4s;
    position: relative;
    -webkit-box-reflect: below 0px -webkit-linear-gradient(transparent 70%, rgba(0, 0, 0, .2));
    box-reflect: below 0px linear-gradient(transparent 70%, rgba(0, 0, 0, .2));
}

.em-img-show .img100 .i {
    position: absolute;
    background: url("../images/em-2022/metas/sd.png");
    width: 100%;
    height: 100%;
    transition: all .4s;
    top: 0;
    left: 0;
}

.em-img-show .swiper-slide-active .img100 {
    box-shadow: 0 3px 15px 0 rgba(1, 3, 29, 0.56);
}

.em-img-show .swiper-slide .img100 {
    transform: scale(0.95);
}

.em-img-show .swiper-slide-active {
    z-index: 9;
}

.em-img-show .swiper-slide-active .img100 {
    transform: scale(1.1);
}

.em-img-show .swiper-slide-active .img100 .i {
    opacity: 0;
    filter: alpha(opacity=0);
}

.em-page-7 {
    padding-bottom: 100px;
}

.em-page {
    min-height: 200px;
}

.pagination7 {
    background: #dedede;
    display: inline-block;
    padding: 3px 6px;
    border-radius: 14px;
    font-size: 0;
}

.pagination7-box {
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 100%;
    z-index: 9;
}

.swiper-pagination-switch {
    display: inline-block;
    background: url("../images/em-2022/metas/dot1.png");
    width: 8px;
    height: 8px;
    vertical-align: middle;
    border-radius: 100%;
    margin: 0 3px;
    font-size: 14px;
    cursor: pointer;
}

.swiper-active-switch {
    background: url("../images/em-2022/metas/dot2.png");
}

.wangluo {
    position: absolute;
    left: 0;
    z-index: 9;
    bottom: 50px;
    color: #afafaf;
    font-size: 12px;
}

.newBtn55 div {
    cursor: pointer;
    width: 36px;
    height: 36px;
    position: absolute;
    top: 50%;
    margin-top: -18px;
    z-index: 9;
    color: #b0b0b0;
    transition: all .4s;
}

.newBtn55 div:hover {
    background: #006bd3;
    color: #fff;
}

.newBtn55 .iconfont {
    font-size: 24px;
    margin: 4px;
    display: block;
    ;
}

.newBtn551 {
    left: 24px;
}

.newBtn552 {
    right: 24px;
}

/* structural */
.fzfx-xzgn-box .xzgn-con p {
    height: 9em;
}

.title30-154276 h2 {
    color: #154276;
}

.fzrj-page-img-50 {
    width: 50%;
}

.imgmax img {
    max-width: 100%;
    vertical-align: bottom;
}

.fzrj-page-cons {
    position: absolute;
    top: 0;
    height: 100%;
    width: 40%;
}

.fzrj-page-a {
    padding: 30px 0;
}

.fzrj-page-odd .fzrj-page-cons {
    left: 0;
}

.fzrj-page-even .fzrj-page-cons {
    right: 0;
}

.fzrj-page-odd .fzrj-page-img {
    float: right;
}

.fzrj-page-even .fzrj-page-img {
    float: left;
}

.fzrj-page-b {
    padding-top: 60px;
}

/* cae 2023 e */



@media (min-width: 1920px) {

    .home-img-bg,
    .home-banner-bg-a img,
    .home-banner-bg-a,
    .home-banner-bg-a .pc-show,
    .industry {
        width: 1920px;
        margin: 0 auto;
    }

    .industry {
        overflow: hidden;
    }
}

@media (max-width: 1680px) {

    .home-img-bg,
    .home-banner-bg-a,
    .home-banner-bg-a img {
        height: 800px;
    }

    .home-img-bg-right {
        right: -10%;
    }

    .home-img-bg2 .home-banner-txt {
        width: 90%;
    }

    .home-img-bg2 .index-banner-txt2 {
        margin-bottom: 70px
    }

}

@media (max-width: 1500px) {

    /* cae 2023 s */
    .fzrj-page-cons {
        width: 42%;
    }

    /* cae 2023 e */
}

@media (max-width: 1440px) {

    .home-img-bg,
    .home-banner-bg-a,
    .home-banner-bg-a img {
        height: 700px;
    }

    .home-img-bg-right {
        right: -15%
    }

    .home-img-bg2 .home-banner-txt {
        width: 80%;
    }

    .home-img-bg2 .index-banner-txt2 {
        margin-bottom: 60px
    }
}

@media (max-width: 1366px) {

    .home-img-bg,
    .home-banner-bg-a,
    .home-banner-bg-a img {
        height: 600px;
    }

    .home-img-bg-right {
        right: -20%;
        width: 80%;
    }

    .home-img-bg2 .home-banner-txt {
        width: 70%;
    }

    .home-img-bg2 .index-banner-txt2 {
        margin-bottom: 50px
    }
}

@media (max-width: 1280px) {

    /* 首页banner图文分离 start*/
    .home-img-bg,
    .home-banner-bg-a,
    .home-banner-bg-a img {
        height: 550px;
    }

    .home-img-bg-right {
        right: -15%;
        width: 75%;
    }

    .home-img-bg2 .home-banner-txt {
        width: 60%;
    }

    .home-img-bg2 .index-banner-txt1 {
        font-size: 26px
    }

    .home-img-bg2 .index-banner-txt2 {
        font-size: 18px;
        margin-bottom: 40px
    }

    /* 首页banner图文分离 end*/
}

@media (max-width:1050px) {

    /* cae 2023 s */
    .em-page-7 {
        padding-bottom: 50px;
    }

    /* cae 2023 e */
}

@media (max-width: 1024px) {

    /* 首页banner图文分离 start*/
    .ban-left .ban-text {
        opacity: 1 !important;
    }

    .ban-left .ban-text h2,
    .ban-left .ban-text h3,
    .ban-left .ban-text>div {
        opacity: 1 !important;
        transform: translate(0px, 0);
    }

    .home-img-bg,
    .home-banner-bg-a,
    .home-banner-bg-a img {
        height: 500px;
    }

    .home-img-bg2 .home-banner-txt {
        width: 50%;
    }

    .home-img-bg2 .index-banner-txt1 {
        font-size: 22px
    }

    .home-img-bg2 .index-banner-txt2 {
        font-size: 16px;
        margin-bottom: 35px;
    }

    .index-banner .home-img-bg3 .note {
        bottom: 10px;
        font-size: 10px;
    }

    /* 首页banner图文分离 end*/
}

@media (max-width: 992px) {

    /* 商城nav start */
    .hhh-person-con {
        left: auto;
        margin-left: 0;
        right: -30px;
    }

    .hhh-person-icon {
        left: 10px;
        top: 10px;
    }

    .hhh-person-box {
        width: 44px;
        height: 44px;
        position: fixed;
        right: 4%;
        margin-right: 30px;
        top: 8px;
    }

    .hhh-person-con .i {
        left: auto;
        right: 53px;
        margin-left: 0;
    }

    /* 商城nav end */
    /*实验室导航入口 s*/
    .nav-left-top {
        position: relative;
        height: auto;
    }

    .nav-left-bottom {
        position: relative;
        height: auto;
    }

    .nav-left-con {
        top: 5% !important;
    }

    .nav-left-con h3 {
        margin: 0 !important;
        font-size: 14px !important;
    }

    /*实验室导航入口 e*/

    .home-img-bg,
    .home-banner-bg-a,
    .home-banner-bg-a img {
        height: 450px;
    }

    .home-img-bg2 .home-banner-txt {
        width: 40%;
    }

    .home-img-bg2 .index-banner-txt1 {
        font-size: 18px
    }

    .home-img-bg2 .index-banner-txt2 {
        font-size: 14px;
        margin-bottom: 35px
    }
}

@media (max-width: 800px) {

    .home-img-bg,
    .home-banner-bg-a,
    .home-banner-bg-a img {
        height: 400px;
    }

    .home-img-bg2 .index-banner-txt1 {
        font-size: 16px
    }

    .home-img-bg2 .index-banner-txt2 {
        margin-bottom: 10px;
    }

    .index-banner-txt-box {
        text-align: center;
    }

    .index-banner-qr-code {
        display: block;
        margin-top: 10px;
    }

    .index-banner-qrcode-txt {
        margin-top: 5px;
    }

    .home-img-bg2 .ban-left {
        margin-left: 0%;
        width: 100%
    }

    .home-img-bg2 .ban-left .ban-text {
        margin-left: 0px;
        width: 100%;
    }

}

@media (max-width: 768px) {

    /* 新版侧边栏 start */
    .li-top {
        display: none;
    }

    .sidetool {
        position: fixed;
        width: 100%;
        height: 45px;
        line-height: 45px;
        margin-top: 0 !important;
        bottom: 0;
        top: auto;
        right: 0;
    }

    .sidetool ul li {
        height: 100%;
        float: left;
    }

    .sidetool .li-content p {
        line-height: 45px;
        height: 45px;
    }

    .sidetool .zwiconfont {
        line-height: 40px;
        height: 40px;
        font-size: 20px;
    }

    .sidetool ul li .sidetool-grzx .zwiconfont {
        font-size: 22px;
    }

    .sidetool ul li .li-content {
        border-radius: 0;
        border-bottom: 1px solid #dadada;
        border-top: 1px solid #dadada;
        border-left: none;
        border-right: 0;
    }

    .sidetool-qrcode-box,
    .sidetool-qrcode-box.code-qw {
        right: 0;
        top: auto;
        margin-left: -53px;
        width: fit-content;
        bottom: 53px;
        height: 125px;
        box-sizing: border-box;
        overflow: visible;
    }

    .sidetool-qrcode-box .arrow-right {
        transform: rotate(90deg);
        left: 50%;
        margin-left: -5.5px;
        top: auto;
        bottom: -9px;
    }

    /* 以下两行控制icon显示个数（qrcode要+1%） */
    .sidetool ul li {
        width: 33.33%;
    }

    .sidetool-qrcode-box {
        left: 17.67%;
    }

    /* 新版侧边栏 end */
    .home-banner-bg-a {
        height: 400px !important
    }

    /* cae 2023 s */
    .padding-t90 {
        padding-top: 35px;
    }

    .em-con {
        position: static;
        width: 100%;
        text-align: center !important;
        margin-bottom: 30px;
    }

    .mg-bt30 {
        margin-bottom: 15px;
    }

    .em-img {
        width: 80% !important;
        float: none !important;
        margin: 0 auto;
    }

    .des6d6d6d p {
        line-height: 1.6em;
    }

    .em-img-show .swiper-slide {
        padding-top: 20px;
    }

    .em-page-7 .em-img {
        width: 100% !important;
    }

    .pagination7-box {
        bottom: 0;
        position: static;
    }

    .wangluo {
        bottom: 10px;
    }

    .em-a-img {
        width: 170%;
        margin-left: -35%;
    }

    .em-img-show {
        margin-top: -20px;
    }

    .des2,
    .des4 {
        margin: 0 auto;
    }

    .newBtn551 {
        left: 0;
    }

    .newBtn552 {
        right: 0;
    }

    .newBtn55 div {
        top: 45%;
    }

    /* cae 2023 e */
}

@media (max-width: 760px) {

    /* 首页banner图文分离 start*/
    .new-banner-wrapper .ban-text .mfxz {
        width: 80px;
        line-height: 24px;
        height: 24px;
        font-size: 12px !important;
    }

    /* 首页banner图文分离 end*/

    /* cae 2023 s */
    .fzrj-page-cons {
        position: static;
        width: 100%;
        text-align: center;
    }

    .fzrj-page-cons .title30 {
        margin-bottom: 30px;
    }

    .fzrj-page-img {
        float: none !important;
        width: auto;
    }

    .fzrj-page-img img {
        width: 90%;
    }

    .fzrj-page4 .fzrj-page-img img {
        width: 100%;
    }

    .fzrj-page6 .fzrj-page-img img {
        width: 100%;
    }

    .fzrj-page-a {
        padding: 35px 0;
    }

    .fzrj-page-b {
        padding-top: 35px;
    }

    /* cae 2023 e */
}

@media (max-width:640px) {

    /* cae 2023 s */
    .yyly-bot li {
        width: 49%;
        margin-top: 1%;
        margin-bottom: 1%;
        margin-right: 2%;
        margin-left: 0;
    }

    .yyly-bot li:nth-child(2n) {
        margin-right: 0;
    }

    /* cae 2023 e */
}

@media (max-width: 550px) {

    /* 首页banner图文分离 start*/
    .ban-left .ban-text h3 {
        font-size: 12px !important;
    }

    .home-img-bg,
    .home-banner-bg-a,
    .home-banner-bg-a img {
        height: 350px;
    }

    .home-img-bg2 .index-banner-txt1 {
        font-size: 16px;
        margin-top: 3px;
    }

    .home-img-bg2 .index-banner-txt2 {
        font-size: 12px;
        margin-top: 3px;
        padding-right: 10px;
        padding-left: 10px;
        height: 13px;
        line-height: 15px;
    }

    .index-banner-qr-code .index-banner-qrcode-img {
        width: 60px;
    }

    .index-banner .home-img-bg3 .note {
        bottom: 5px;
    }

    /* 首页banner图文分离 end*/
}

@media (max-width: 450px) {

    /* 首页banner图文分离 start*/
    .home-img-bg,
    .home-banner-bg-a,
    .home-banner-bg-a img {
        height: 330px;
    }

    .home-img-bg-3d {
        background-position-x: 35%;
    }

    /* 首页banner图文分离 end*/
}

@media (max-width: 400px) {

    .home-img-bg,
    .home-banner-bg-a,
    .home-banner-bg-a img {
        height: 300px;
    }

    .index-banner-qr-code {
        margin-top: 5px;
    }
}

/* 自定义侧边栏新样式 start*/
@media (min-width: 768px) {
    .content-jishukefu {
        top: 40px
    }

    .content-fuwurexain {
        top: 80px
    }

    .code-wechat {
        top: 120px
    }
}

@media (max-width: 768px) {
    .li-fuwurexain {
        display: none
    }

    .sidetool-qrcode-box.code-wechat {
        left: 84%;
    }

    .sidetool-qrcode-box.content-yewuzixun {
        left: 14%;
        height: auto;
    }

    .sidetool-qrcode-box.content-jishukefu {
        left: 44%;
        height: auto;
    }

    .sidetool-qrcode-box.content-dingdanzixun {
        left: 13%;
        height: auto;
    }
}

.content-box {
    padding: 10px 10px 10px 10px
}

.li-single-top {
    margin-top: 30px
}

.sidetool-ul li:last-child {
    border-bottom: 1px solid #dadada;
}

.zxCode-wrapper-text-center {
    text-align: -webkit-center;
}

.one-line-word {
    word-break: keep-all;
    white-space: nowrap;
}

/* https://fonts.googleapis.com/css start */
/* cyrillic-ext */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../font/o-0IIpQlx3QUlC5A4PNr6DRAW_0.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../font/o-0IIpQlx3QUlC5A4PNr4TRAW_0.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* devanagari */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../font/o-0IIpQlx3QUlC5A4PNr5DRAW_0.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* greek-ext */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../font/o-0IIpQlx3QUlC5A4PNr6TRAW_0.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../font/o-0IIpQlx3QUlC5A4PNr5jRAW_0.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../font/o-0IIpQlx3QUlC5A4PNr6jRAW_0.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../font/o-0IIpQlx3QUlC5A4PNr6zRAW_0.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../font/o-0IIpQlx3QUlC5A4PNr5TRA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* https://fonts.googleapis.com/css end */


@font-face {font-family: "zwiconfont";
    src: url('../font/iconfont.eot'); /* IE9 */
    /*src: url('../font/iconfont.eot') format('embedded-opentype'), */
    src: local('?'), /* IE6-IE8 */
   url('../font/iconfont.woff2') format('woff2'),
   url('../font/iconfont.woff') format('woff'),
    url('../font/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
    url('../font/iconfont.svg') format('svg'); /* iOS 4.1- */
}

.zwiconfont {
    font-family: "zwiconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.zwicon-zwicon-logo:before{content: "\e601";}
.zwicon-language-De:before{content: "\e604";}
.zwicon-language-En:before{content: "\e605";}
.zwicon-language-It:before {content: "\e606";}
.zwicon-language-Es:before{content: "\e607";}
.zwicon-language-Vn:before{content: "\e608";}
.zwicon-language-Jp:before{content: "\e609";}
.zwicon-language-Zh:before{content: "\e60a";}
.zwicon-language-Kr:before{content: "\e60b";}
.zwicon-language-Pt:before{content: "\e60c";}
.zwicon-language-earth:before{content: "\e60d";}
.zwicon-language-Fr:before{content: "\e60e";}
.zwicon-language-De-flag:before{content: "\e60f";}
/*.icon-search:before{content: "\e96b";}*/
.zwicon-gouwuche1:before{content: "\e681";}
.zwicon-zhanghao:before{content: "\e6e3";}
.zwicon-gongzhonghao1:before{content: "\e614";}
.zwicon-zixun1:before{content: "\e62e";}
.zwicon-xialajiantou1:before{content: "\e625";}
.zwicon-yonghu:before{content: '\e640';}
.zwicon-qq:before{content: '\e62b';}

@font-face {font-family: "iconfont";
    src: url('../font/icon/iconfont.eot?t=1601361565873'); /* IE9 */
    src: local('?'), /* IE6-IE8 */
    url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAABjoAAsAAAAALWQAABiXAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCIFgrCZLUaATYCJAOBPAtgAAQgBYRtB4UGG3AlRQQ2DgBI5PMk+/90wI2hqoOq/gBRILzScqxwcuwVJ10qdKDvl1/yVe3EZkqZGbXN+KZ5CX+uXqBCoQrmO0+FtFX8ifnuUEqe59kPd7/MXLLmneWdJcNKICS1UIiJRHwYGLRt946ItExImeH5ufX+f3+sCljjAkbrGFVjxGCOlI1ocaA98WA7rJmMELGHidUDuQL1xkVjFViBp3AJ9obatGDXIV0dIGl3PfUV94Oh4rFT5wNf+M4MkdajpM1ZTdYF+V6YbzPVraa0mWFx33K7s9c1Jz8C9AHpTXHrgX8AgQFg/95egqFmmUZ/uglF0PP87q43Wq1WDGUAwNf/6UpbycSyuUMZv7ko3TbzR9KdRiPZKx3Orkln1LFkot2zOUDw+nApHSuotbnbc7gyFU2gS1WlatN24TpF1wdqTj0JO7xorbFDj7FJO10FS/WxGKJSVn57ZQpodVtXnF3o8gGBg/oroHj2uLYKEDw1HEUppA2B8Kk1RDrWIJXNfw0vrZ+/+M9ukQAlXwF0VZf3qTOAKvnHWlxXtj3nJ7D9LFSwjhrFL2LhJ6iclnWV/Byu/XTfRQVePddvaFSstgLdla13eEz6qtTgRaL/Fa/fviuFigGbNqxbs2rFsiWLFsybM2vGtCmTJowbM2rEsCGDBvTr06tHty61SqmQyyRR4DmWIRSNAO3fDspjaN0kpKeGbQoAG4QKrBMasEYYwCphAiuEBSwTNrBE3IFF4gEsEE9gnnCAOcIFZgkPmCF8YJoIgCkiBCaJyGLZXmCh2ZPAksQWg4WX7Q0WGbYPAMNEDgwRX2CQ+AEDxB/oJwGWPNuBAPSSIKCHBAPdZDLQhUwBOhEF0IGEAO2IEmhDQoFWJBxoQSKAZiQSaEKigEYkBmhAYoEaSQcqJAMoEa3R9/nW+xNuAO+07gAd/0G1xSPLVd5ZMLkFrnFKTtz3PvqkpCoasyB72kcp2xjHcfTNTkict3JrTx+PUhJDYgwuElJKDr7AubtTT9IMA9bmsIgjxUeCGQwzPVAJeyappFIpFCGTyeXSH7M3Lm1lbfKMEi4nbc+xt4D2UiuSj687m5xBuDtjTs4lGFJGiZTJlINDQQH0wHI6TzwETEqA7vxurKpAdCcJEo/SsUbPbw6lOWerDdHnCnqW1VnS85RTZA6ichI2BNnULB2coBtTGDAqHhNcNYgoSy/WcltXbY62f8EoapaYtkc1/XLf+HREUTFbZpg0rZEG70g4jSszLWW9dDwfXJO1yrUvS80dXDuxsLn56wJr5HSRSEEESy+i5g0foXKKUqiarn+i/YrOJ3m/7I5Wzf00EBfDLctTJSTpfJyTTstK+A78TIr9zlLM0rUoQ3d00Z0heo2ZaEUjOxEgIt3S5Lj81243r4ug4BmF8IqqMZwALSidTQrtZk6JhvP6vFYfi1raglEbiRWNObUmHCmos/pX9PNjaY+SW0M+uox+jlm22leoAtpbljKNpkmRpPgeY8OSHudiGZ2RoWCX9rq/M7Rmsmy/LTMUygOG8mUteqlWrC7LFKhbJvMfiVnWMDXC4nGyj5aqXsZ6iX+FGmG+Sz/3d9G9dXLh4MSnzb0fD42+39BTK2aZx9gy4Fw03lV0Iur7hy+tofFDIl2kWvHabQ1guyiPXWwEojFrldfrF9S8aGN93OX+ERs4CKYtXu0GL3aAbVhlSyBDx62SgGarpj2ZuKeTXsOsw9ngcLEiVVCdo4U8GaU+O/JFx4I5PZ2c+a8ilUkEAtiD5tCulAtthKKrf6qZhCjRAYpzkTBqbHWCYtkxYpl5VWns7Gjs6mjuCjWvNbCKmDUtpBS1+tUrtLYor/WqLmne5/+e47pmpiUaZZunVNx4tTKuUcJiClwEC91i6R22A4hM4SLcLPIVdkgH4RT5UOOlgJchhSfgBazIkCtK3GdrPJTPbtwAqZwk6vgeGYIMiQ4ebNisB7VQ7E9c6mZnVbLTJVXX3Q8ZQrEP0trC/lhTi/uodMl1R+ege6m5Xdozw75Pxgf1vf6xkaA45hxS8Z48plxLM80kATYoh4Yna64uh4konsgIHreJGHOGYKZ4Vx0TXmmjwhpsbtAN60KUWxuxpqumx4G+I+4HCJDpt2/nHz4s8aYg5KpnNmu9u5Kl8uR8nTUdHLVnFTly5wPerf3Am1MqDbrgbdZKddb8j5MB9M/Zwgf71dW+OQVjd6oiJZiCkZmaqnxzcMifr5m0g1n31lvdq/uocw9VnvJ2F+tzAp47mxgZSXAIoGBawsKEenN7H751D8RyOBRd+4fu1kVt0Z28XZozTi9op+DlvB0jRuYc2/4xEkyLCkPuKcs99AB33uPWAK32cqQB0zH4ByXi6Gt9mudJSftrmKrhuJaYNNYDwmjyK0KSKTJ6UkUk6+M8b2n1siSiUciQPw3vjKK+zpMshyGreru4uDP7ump8V8mr97r0hHsTPf3DQQQA6jKcSmfN1GIOx8oJZiQLWpJPutBtN9D9QM3cPJ6pX/BafU+1KzlULxc9w6mVCgP+YbtJf14jDu9MDG131DNX/LULWi8bxj9qnw6PfdjY/R6mh9UR4y+tpCyLNUeWfxeNiZdkUaLZCCQufJoBYPdtq855V8ecoyX32LRbNa6DbaYj5ffxj0NFWYkRWYpRVmXny5emFqqxCvQ8VasFdrVRpBdrFuMjmlCWmQssis/+yloBhXSeJjGGRcN+auGbVfTIaqyGIT1IMLRdypRE2cCMbAsQc0zNZowmVhw6z6V/5z7QbuKkvcXhRbbk0lOP59zz0RHJ6arRWXvu4AS27Z3lZ+oYcjtoLdEliKZJawxBYNa+oENCgD45Jj4gW7zfaFI0uEgOImGUtgR6druWyf7uNJRPifCEJJ6UQ+6Acx3784A2up+UO0ax8rpCXQqkGQqGEcJY+GzJWtxd3BQjUZaCvy+eYfY3MFWWMYvLo4eSWRqLhDzvHuy/oseRMul5PV+v6v9fpCePR384KaGTqLjS7RijOmMM79ma+zlFtDGLJrpQLLJGIXquHH7sVApGva0Mz/pQrYMOtgg6RFmdJ0nhfKOLmr08oUmyxSYQ4m7qW6jOFYUwlmuOCeWE54mZSlqkSyDz3WDmuMI/HC70dAMcGBg+gACaDDJ62o9HAlyBwwnqvbMBBcEZJDeHdGb8LaHNJI9Gq0iSFjzHy0mfkOrHZRJxABDAmQwGKIHl+BzuCcTE+CJXb9KbBcM7bLKER+0gqpltUfUIqzzp1WsmrxDdmZbyfbtTbG51LqmZ6Zf2pBJztRyufDEnugEaDqbzAMQ7WyiYf96EOZ2TOJVLDAz3BzCnSjxcqC9WG6aQqsDbFqrNVOQJqUrX5+vIuI2l8TPpaQD88bgUCg/T2vB9/vaLEgvlxMnMnFZ6SnW/0R2mBSyj/WEjvHOQ/zcaX4b2bHe39CpnUtEFmzcvQEst6J4u1AIKSmxaqbx477ysjzQmzXHXzpPym/X5nwJd+nwbX8q333XQmEAMQ76C//0Hy/zKEapxHOgfc26Noq6kRG/dCTVM8PigR39Av/+zkX1TNUWff5+T71b1BUnGJLN+JBwjsonHCI/cl+/DO3zj3QljCe7yTZmgmH40lUfoA3HgOukYyYrUigHDjFhJx9z3S3uP5QCFC149TnFEwnh/9sZNI/MPpvHGzTVFpOPux0lFa06odifVOezDB6zMc45QhDul3MbEYgzztiFUm98VUWHjK632Na0GGlPIpBVvat9mYuI/vz909vAJoELmtbZaJiaazp9vbQ2vWtClvPLG6qX0WHcrp0StuxnaIwTbDZ2F1tj56tUazP7qtZ0v5XVeusx0Y90iNdZZtFqI9g0Zyr90ieXWE3j1h+DP2XG6g9eCG9lBZSAEQDoKGRPuxtfSbNmQa6B7jlaDl2AIH1MQvwccdT8eGOUEnN4Nns3OXiA8OEQCM5YDb6B9ViQDyIEG+IDhjIx5m7wF1fOGhj/dXqCZr3H1fjEkG9IO+QzNV6wPmCKLfgISVfQOeiWBOkRLbl1NzkW8PDdJZsfQ1lNclB+36uetvn8d/TclAe0TWV3cDq7L+sQ6ara+jtjP7ie+a3Q0TEj+nf172zoDxcV1OQyOlUt+cdrEc1GgPP+9/8vrNjGLTP322PEOxqVBkWjw0ioODTh5atckhlqNIKNCDO/PXhMycW7UwQeXBqnUP8CnkK613zf8qIso3AlKsYPvh8/BsxAXO4j3DJ29dAitVNgO9IXrdMGIdWXWbXAQBhrXwXYLR60yjU0ZUzxbxoHJNeWOjhH84wGSatUd5uwPC0fd1OIZx4JXOVW/I+jlT3O7Q1oWFj8N672bai2fK126eUMpgjaMhFL75lVIoVaycNa4kvs7MzmpNoOzwwhW37r+FV6UGTP+m3VIcLqfp49qsAW0yOL9tP/WL6488evh6q59JqpJ3yJpf2wqezpAd9KzhoFrDmtIDoqMzbzmTZ12rn2E27kckfsgKc9Oqw7eu52dVNG50Q6DADEMmJ+Qg6P8XqV2dyaZ5G3JwYH83sLmFCOG2tY0fN/GYXjaXGqKeXmXDDjm+3ebOC1quz/cBCb92xmmv8fOE9h7iIXnP7wn/1tyGnv5EivT4bNPQwdEME9zaMKxBw/wNqod74GbnWZ38zTZqTZ8yCE0GwjZMMDlxDF2LpNrCw62vZqY3IiWH1OCmjlZm7hcDncbl8lpBtEblWKdxaIT50gcWj1TbLZIdJIcR6s402LJJGTUiS0WcaYkuztjTJQ6d06qSOO1O91rrT5njijVK323lyY3Zy4iXbTbEaK5c1+HaXYnSI1M41W0VA3rD1ZN70FGFoiSRvJk2ZIMINKNZ2dLugmN2jEhBk+CLQR3jwiQYAvlI5hCCFsGZTUC+LDIfq4ZmSBaPVmSac4BzRfBlCJJL6IjDNcFvomitDmXnemiXWAzJc1LI6fTsNIM11zeKmkqc5hlXRXpg6gr6jwws97FYJSjZG7MlnYLCcPNRcbYPRpyuBAeJ11oIhCCte+uXjUU4TCDVWNnAp+IpNp+wiLmJrT1m69bYCv8+usinyyERf214IzGjO7eg5pJC65Ex6YlmfHkBah5zx74kajTdXQMh2i1PIjGSXVmBcdOdIwod29UU1N8WeStkSuQlciWSAErzS+ZumF36MiGaYySOD9M9b3aJbLuAL+iOBC2ipqhOC4tovd0RwR3ZVG3iqz6nEZKOv99Fyru6RbQ9GXrlufcLGBoQyanNfI+kCDaMyDYGltUFj/Xw3JuLEpoOln5p5YZXem96NnR8qiIKkbT7k8js4Fn3qqJ77+FH0rYhBy4MO4UhhaEg7q0lOyQSjlLYRqcWtk409zUWHlg2KSQTK9U/pusiWTk1ygHFpd60nGYpiIx9PF/9aoqcc73TVVLfRhYJKspHn0ViT3UTMSoBVZnoSxn4aKS/NrUkkVcnKyQQhCoDyyv9sr97ALjqo1VB5l5t+SW4fC13c91ysU6h3JT1yRRPOx0LXC1HHipBWHO5bIkfnONcXDOGDR7TmArWdupy6yfWV8ws0CX2awlt/2MnR30vdQYa9m1/saCGMLQkqVJFSHeFbKlSxPvSc2Do1neZ965rQ+f0Y47lRJaakio8dB+qKTY9Pr+WabJZtAbQipHXlk4Ha57jTYJrvfvm7qwaVm+K9B193kpQkE/Z2G/QOjquJRufVGlMHQ7fL8zju6mOzs9l7v6t2u2G43b7Hr92Poo7ajfp2Pq5GM2jg2Ed1uJuWdoBuOoaPG2LOGQPB+aVqz8uENW+I0m1uC9jfNysdKxYQhsKRp/xOiK+0GmIm5X8Z3BiDpMVoOYGN89GyQxT837szhAQ7ZzYmTt09b9eYUntsrGTuxU3qDzu0oVRaPLStu61+fJqpV5T2v33Pmj0cWKX7bLR+Rt3fvYR5J8FAJG3cQvcF97t+dtsZfzZPlJp/McjXYu6Ijpb+XfCjMGMCA/zNUJXMu5g8IAMe1g5JEIcOcvUPLh63fflKk2SzLLC5vWZooSUp5sRA6LsdR88HDntKgp9LDijKIszmN2ANCtOkAridKGhrXJWBp49icVWG6NdapwriLUgTZ0SIkNRGlHl2cXQ89oMOV/WaqfpVKkf8X6vz7aQS7Jk5R7lD+ykFsohCgd+HiHAZ+dV9RmZ1Nwsppidq3dllp+mOzN2SWE8vyANDOk1O7qIo3GIOMGwKFuLTVFkELT0pIFydZS/4O4az3wDESuvbf5cpiBAJI0pVqZG69c43aTie+FXyLsD273kaVzrxQlbtJ2MV6D9GEF4wNGPFS6gJ+k1ZSCJG64wS9OS0sxk/wnKRNSqWKJ1LM4AFSnZflIxXeFIQY7CuXxMcX+QJ64l4J4NjEDLVwL3X9ttVhwoAW9fEiwSjK1EJ56/hz80ClEpa/Hdamfx3R8SJzzDvYjDvdjNzF/FPajcZq/3h1KflziwEZGMEcSw1c13jbpk8cOGzqQuPDktrYXjtRT+8avpFC3X8rfkqHN2JKCd3wWWDzrwMwq9vf8OrwN3/Nco443Xuf5h2fPnrpxzQoj3xlw7VpN+LA31vGfYzOx3e3jDnzG0Tf7OsK34sW9pFRSjeTEFtxeIudnguakd/9Gwq6/P9Hprr8euOYhn0bVSGEhUEPw1AhmyIfCoSB843BqiiP9R81tbUl3/ER6iafznov92Nt3WJn9Tth4FnfzkzNYrQ72AK76kSImOi/3mOhYcXF+yiA7Ri/aXlLSoFpbXGJvF4jpnvprwn8J3xOm1SsL9qQ9+VFScXeptxvRGwsVHMhrE6cwsSPfydLQqA1XG1NQEBLk5+cRxF0Etspjd7yql34rra+8WlY/swfhxaR06UUHqhqDDqIEHaQHbXjhKI+JJe5hpT5Y1rwpvdHj3wJulQDDIrUnSHQq6XsJ5bPfuIQ8WlV21/qp0Xgfa25GaaRHHke+nhuEy7+SuwKte9JBgpTtT/5hpOYM2WypC7Fcz8RVHitzV1O1HuwduR1tYkLVhumLTuNzhIg/maUMIsj0v7/WUglX6wZ2ngyremE0JX13bs2DIj+G5Ju6Xi7HPn37vOg1gW0/Ry6oOd2YtyVr7/z8Ym993+sooVtgWphZO0OrQB5NfHHLeiYKaShakVdRtMe0M+TyqAy+Kr6xvzdJ+mvvVyBHvXpJFe7H/84/Gf+KmJOhSr9QWyYv8mlt9SmSlw2KLHLI/cJl8kFCilu1cwBDEOiEAwgyYGZDEGwAcyIImBFYC0cVZqOx1r22UsyKUVibPw04+aSGFSv8hMYG91HLmRYk+WwbBYtdMW3iE+gROtEJAFwX9EDlRclBl/f80g0YCIDrCAbQDyTlW/REyyubIRsUK+oMrHACWmHBj4wwWpmO3pv3nfMwacE+eAGqFDaaPu9XZhjJrmvOA0H5Bd3MnObwpIIO7aKJszDOCIYchGoIrvgSRsG8ZxxQ17QKpkMdW1ZjKFyapK9DaIPrjcuK4aEtT7yH9VkA8q3lAIBd6Ff5z9H/dB+HtaCxeSFEdOAq0kig/IC2z+uEI3BOWws8hDTwcEp1l2fMb4JvoWUO+gaCticfgsKl8d5Am4j9ZQU97n8C+X/ou4bsE7ssTd/hLU0EgAJkISVLl71drI0iva2+VCE25fobAs8ndr0hPcxtfLScLJiCGABJoAA4dFe0/F7PAkv6WwHwWN4TCCB49K2KAjwQqRAQgLeMjQxScYAMwlQ3QACJKgkEAk1PZMAGdQACBCMuGTtrQEUAA5xWUUAD36oQMMCgjI28q+KAJ3itugEGAlUSMCDsjGQgR3g0iQgZtTpcFVXCRvV5Yh/4ibZ4iO4qa+4vxkS71Ga59rd/IGPkkZJOdpuzUSZKUPvV1aH3opooNVZ56XJu3lcrQ0pdVhJak4iQ30trdbiuS5Wwef48Cfz0n2iLh0jp8rzuL8ZE71xtlmsG+YMzU5e6HJ5OdpsNYdTz+ChB7Q2B/t4iqiH3VGOVly5B0LyvjIsZVr6U74Tu5miIp0CXt6UNlZWTV1BUUqZcxX/z7s9ajVpMLGzuPHji4OLhExAS8TKJmISUjDcfcr78+AsQKEiwyaZQlHkBvfgXtuPGw9XJ2vfAofQut3M9uBDcgN6uUurms4FEi1QO2dpIg2igAANbgA90b7hOV+hWJDm6EI/PyDcHbLfmlM1dDXIjsAXdS8g5IhcaHI9tKjp3CBqjjFCW8pBcmo71oGxvcj5g1Da2s8UklOSOrCavo4vsmDHd8yYRzp/wKPo6cmYlxdyh5pp6Rpo2Thi5hAPGRxWLou6r5cx3V0ofmQisxKA5boBHLjTb7E9EVwGUbw8Kx54XJ17p8ZiBsCfGMRmT+P3KS6l4WapiyZ6TgMOrW5NyhiLFCmlKi9JM0jMCbdMAxJjfRzoMNeWi6aioQTrvrkwiHk1uAQAAAA==') format('woff2'),
    url('../font/icon/iconfont.woff?t=1601361565873') format('woff'),
    url('../font/icon/iconfont.ttf?t=1601361565873') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
    url('../font/icon/iconfont.svg?t=1601361565873#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont{
    font-family: "iconfont" !important;
    font-size: 20px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.mainjiantou:before{content: "\e60e";}
.icon-shijieditudiqiu:before{content: "\e60d";}
.icon-jiantou:before{content: "\e60c";}
.icon-jiantouzuoleft:before{content: "\e60a";}
.xiajiantou:before{content: "\e610";}
.shijiantoushangup:before{content: '\e611';}
.shijian:before{content: '\e612';}
.yanjing:before{content: '\e613';}
.home:before{content: '\e614';}
.home:before{content: '\e614'; }
.toplay:before{content: '\e615';}
.close:before{content: '\e616';}
.fanhuiyou:before{content: '\e617';}
.online:before{content: '\e618';}
.xiazaiwenjian:before{content: '\e619';}
.fanhui:before{content: '\e61a';}
.jiantoushixin_zuo:before{content: '\e61b';}
.jiantoushixin_you:before{content: '\e61c';}
.dianhua:before{content: '\e61d';}
.yingjianweixiu:before{content: '\e61e';}
.shijiantouxiadown:before{content: '\e61f';}
.phonenumber:before{content: '\e620';}
.dingwei:before{content: '\e624';}
.jiantoushang:before{content: '\e625';}
.jiantouxia:before{content: '\e626';}
.jiantouyou:before{content: '\e627';}
.jiantouzuo:before{content: '\e628';}
.shuangjiantouxia:before{content: '\e629';}
.gengduo3:before{content: '\e62a';}
.icon-_jiantouzuo:before{content: '\e62b';}
.wujiaoxing:before{content: '\e62c';}
.shuangjiantouyou:before{content: '\e62d';}
.headerjiantou:before{content: '\e62e';}
.xiaoxi:before{content: '\e630';}
.qqicon:before{content: '\e62f';}
.fenxiang-shise:before{content: '\e631';}
.wenzhang1:before{content: '\e632';}
.wenzhang2:before{content: '\e633';}
.fanhuizuoshixin:before{content: '\e635';}
.guanbi:before{content: '\e636';}
.daima:before{content: '\e637';}
.youjianfasongchenggong:before{content: '\e638';}
.xiazai:before{content: '\e63a';}
.xzwj:before{content: '\e63b';}
.lanmu:before{content: '\e648';}
.play-kong:before{content: '\e649';}
.load-kong:before{content: '\e64a';}


/*搜索和语言地图按钮*/
@font-face {
    font-family: 'icomoon';
    src: url('../font/icomoon.eot');
    src: local('?'), /* IE6-IE8 */
    /*src: url('../font/icomoon.eot') format('embedded-opentype'),*/
    url('../font/icomoon.ttf') format('truetype'),
    url('../font/icomoon.woff') format('woff'),
    url('../font/icomoon.svg') format('svg');
    font-weight: normal; font-style: normal;
}
.icomoon{
    font-family: "icomoon" !important;
    font-size: 24px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-search:before{content: "\e96b";}
.icon-language:before{ content: "\e925"; }


/* 加粗字体 */
@font-face {
    font-family: notosansbold;font-weight:800;
    src: url("../font/notosansbold.ttf"),
    url("../font/notosansbold.woff"),
    url("../font/notosansbold.woff2");
}
/* 自定义侧边栏新样式 end */