.m-new-ce {
    position:relative;
    padding-bottom:66px;
    background-color:#fff;
    padding-top:1px;
}

.fancybox__slide {
    max-width:1200px;
}

.bsBox {
    box-sizing:content-box !important;
}

.ul-new-tr {
    margin-bottom:50px;
}

.ul-new-tr li {
    margin-bottom:18px;
}

.ul-new-tr .con {
    display:block;
    padding:35px 0 35px 35px;
    background-color:#f6f6f6;
    display:flex;
    align-items:center;
    justify-content:space-between;
    position:relative;
    transition:.3s;
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
}

.ul-new-tr .con::before {
    content:"";
    display:block;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-image:linear-gradient(to right, #066cde, #0caef6);
    opacity:0;
    transition:.3s;
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
}

.ul-new-tr .txt {
    overflow:hidden;
    position:relative;
    z-index:2;
}

.ul-new-tr .tit, .ul-new-tr .desc {
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    overflow:hidden;
    transform:.3s;
    -webkit-transform:.3s;
    -moz-transform:.3s;
    -ms-transform:.3s;
    -o-transform:.3s;
}

.ul-new-tr .tit {
    font-size:22px;
    line-height:1.5;
    color:#111;
    margin-bottom:10px;
}

.ul-new-tr .desc {
    font-size:18px;
    -webkit-line-clamp:2;
    line-height:30px;
    color:#888888;
    margin-bottom:15px;
}

.g-look {
    display:inline-block;
    width:auto;
    padding:0 18px;
    text-align:center;
    height:36px;
    vertical-align:middle;
    border-radius:18px;
    -webkit-border-radius:18px;
    -moz-border-radius:18px;
    -ms-border-radius:18px;
    -o-border-radius:18px;
    border:1px solid #e0e0e0;
    font-size:0;
    transition:.3s;
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
}

.g-look .icon {
    display:inline-block;
    width:20px;
    height:14px;
    background:url("../images/nw5.png") center center no-repeat;
    background-size:contain;
    margin-right:5px;
}

.g-look span {
    min-width:40px;
    display:inline-block;
    color:#888888;
    font-size:16px;
    line-height:36px;
    transition:.3s;
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
}

.jump-icon {
    display:none;
}

.jump-icon1 {
    display:block;
}

.ul-new-tr .time {
    color:#0991ec;
    display:inline-block;
    width:180px;
    text-align:center;
    flex-shrink:0;
    position:relative;
    z-index:2;
    transition:.3s;
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
}

.ul-new-tr .day {
    font-size:50px;
    line-height:1.2;
    font-weight:bold;
}

.ul-new-tr .year {
    font-size:18px;
    line-height:1.4;
}

.ul-new-tr .con:hover::before {
    opacity:1;
}

.ul-new-tr .con:hover .tit {
    color:#fff;
}

.ul-new-tr .con:hover .desc {
    color:#fff;
}

.ul-new-tr .con:hover .time {
    color:#fff;
}

.ul-new-tr .con:hover .g-look {
    border-color:rgba(255, 255, 255, .6);
}

.ul-new-tr .con:hover .icon {
    background:url("../images/nw4.png") center center no-repeat;
    background-size:contain;
}

.ul-new-tr .con:hover .g-look span {
    color:rgba(255, 255, 255, .6);
}

.m-new-video {
    display:flex;
    align-items:center;
    padding-bottom:60px;
    border-bottom:1px solid #d6d6d6;
    margin-bottom:60px;
}

.m-new-video .g-video {
    width:710px;
    float:left;
    margin-right:64px;
    flex-shrink:0;
    cursor:pointer;
    display:block;
}

.g-video img {
    width:100%;
    height:100%;
}

.m-new-video .txt {
    overflow:hidden;
}

.m-new-video .tit {
    font-size:40px;
    color:#000000;
    line-height:1.4;
    margin-bottom:32px;
    font-weight:normal;
}

.m-new-video .desc {
    font-size:18px;
    line-height:34px;
    color:#333333;
    margin-bottom:25px;
}

.m-new-video .time {
    color:#0991ec;
    line-height:34px;
    font-size:18px;
}

.g-video {
    position:relative;
}

.g-video::before {
    content:"";
    display:block;
    width:70px;
    height:70px;
    background:url("../images/nm6.png") center center no-repeat;
    background-size:contain;
    position:absolute;
    left:50%;
    top:50%;
    transform:translateY(-50%)translateX(-50%);
    -webkit-transform:translateY(-50%)translateX(-50%);
    -moz-transform:translateY(-50%)translateX(-50%);
    -ms-transform:translateY(-50%)translateX(-50%);
    -o-transform:translateY(-50%)translateX(-50%);
}

.ul-new-video {
    overflow:hidden;
    margin:0 -10px;
    margin-bottom:66px;
}

.ul-new-video li {
    float:left;
    width:50%;
    margin-bottom:18px;
}

.ul-new-video .con {
    display:block;
    margin:0 10px;
    padding:26px;
    background-color:#f6f6f6;
    overflow:hidden;
    cursor:pointer;
    position:relative;
}

.ul-new-video .con::after {
    content:"";
    display:block;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-image:linear-gradient(to right, #066cde, #0caef6);
    opacity:0;
    transition:.3s;
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
}

.ul-new-video .g-video {
    width:285px;
    height:170px;
    overflow:hidden;
    float:left;
    margin-right:36px;
    position:relative;
    z-index:2;
}

.ul-new-video .tit, .ul-new-video .time {
    position:relative;
    z-index:2;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    overflow:hidden;
}

.ul-new-video .tit {
    font-size:22px;
    line-height:36px;
    color:#000;
    margin-bottom:22px;
    font-weight:normal;
    -webkit-line-clamp:2;
}

.ul-new-video .time {
    font-size:18px;
    color:#0991ec;
    line-height:34px;
}

.ul-new-video .txt {
    padding-top:20px;
}

.ul-new-video .con:hover::after {
    opacity:1;
}

.ul-new-video .con:hover .tit, .ul-new-video .con:hover .time {
    color:#fff;
}

.m-new-cl {
    margin-bottom:66px;
}

.m-new-cl .pic {
    float:left;
    width:545px;
    height:810px;
    margin-right:75px;
    box-shadow:6px 0 30px rgba(0, 0, 0, .16);
}

.m-new-cl .pic img {
    width:100%;
    height:100%;
}

.m-new-cl .top {
    border-bottom:1px solid rgba(0, 0, 0, .15);
    margin-bottom:32px;
}

.m-new-cl .txt {
    overflow:hidden;
}

.m-new-cl .tit {
    font-size:36px;
    line-height:66px;
    margin-bottom:8px;
}

.m-new-cl .time {
    color:#666666;
    font-size:16px;
    line-height:1.4;
    margin-bottom:36px;
    display:inline-block;
}

.m-new-cl .time span {
    margin-right:5px;
    letter-spacing:3px;
}

.ul-promotion .slick-list, .ul-new-cl .slick-list {
    overflow:visible !important;
}

.ul-new-cl .slick-arrow {
    font-size:14px;
    color:#333;
    width:80px;
    height:35px;
    line-height:35px;
    text-align:center;
    display:block;
    border:1px solid rgba(0, 0, 0, .1);
    margin-right:10px;
    background-color:#fff;
    position:absolute;
    right:0;
    top:76px;
    z-index:2;
    cursor:pointer;
}

.ul-new-cl .slick-prev {
    right:90px;
}

.ul-txt-cl {
    margin-bottom:30px;
    overflow:hidden;
}

.ul-txt-cl li {
    margin-bottom:22px;
}

.ul-txt-cl .info {
    font-size:18px;
    color:#333333;
    line-height:36px;
    padding-left:27px;
    position:relative;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    overflow:hidden;
}

.ul-txt-cl .info::after {
    content:"";
    display:block;
    width:6px;
    height:6px;
    background-color:rgba(0, 0, 0, .2);
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
}

.m-new-cl .download {
    display:inline-block;
    width:200px;
    height:54px;
    line-height:54px;
    border-radius:27px;
    text-align:center;
    background-image:linear-gradient(to right, #066cde, #0caef6);
    -webkit-border-radius:27px;
    -moz-border-radius:27px;
    -ms-border-radius:27px;
    -o-border-radius:27px;
    font-size:0;
    margin-right:20px;
}

.m-new-cl .icon {
    width:20px;
    height:20px;
    display:inline-block;
    vertical-align:middle;
    background:url("../images/nw7.png") center center no-repeat;
    background-size:contain;
    margin-right:8px;
}

.m-new-cl .download span {
    display:inline-block;
    vertical-align:middle;
    font-size:18px;
    color:#fff;
}

.ul-new-ce {
    overflow:hidden;
    margin:0 -10px;
    padding-bottom:40px;
}

.ul-new-ce li {
    float:left;
    width:33.33%;
    margin-bottom:26px;
}

.ul-new-ce .con {
    display:block;
    margin:0 10px;
}

.ul-new-ce .txt {
    padding:30px;
    background-color:#f6f6f6;
    position:relative;
}

.ul-new-ce .txt::after {
    content:"";
    display:block;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-image:linear-gradient(to right, #066cde, #0caef6);
    opacity:0;
    transition:.3s;
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
}

.ul-new-ce .con:hover .txt::after {
    opacity:1;
}

.ul-new-ce .pic {
    padding-top:63.5%;
    position:relative;
}

.ul-new-ce .pic img {
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    font-size:0;
}

.ul-new-ce .box {
    position:absolute;
    top:0;
    left:0;
    padding:30px;
    width:100%;
    height:130px;
    color:#fff;
}

.ul-new-ce .time {
    float:left;
    font-size:20px;
    line-height:36px;
}

.ul-new-ce .tit, .ul-new-ce .desc {
    position:relative;
    z-index:2;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    overflow:hidden;
    transition:.3s;
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
}

.ul-new-ce .con:hover .tit, .ul-new-ce .con:hover .desc {
    color:#fff;
}

.ul-new-ce .tit {
    font-size:22px;
    color:#333333;
    line-height:1.4;
    margin-bottom:15px;
}

.ul-new-ce .desc {
    font-size:18px;
    line-height:30px;
    color:#888888;
    -webkit-line-clamp:2;
    height:60px;
}

.ul-new-ce .g-look {
    float:right;
}

.ul-new-ce .g-look span {
    color:#fff;
}

.ul-new-ce .g-look .icon {
    background:url("../images/nc12.png") center center no-repeat;
    background-size:contain;
}

.jump-icon {
    position:absolute;
}

.jump-icon .con a {
    width:65px;
    height:65px;
    padding:0;
    margin:0;
    margin-bottom:1px;
    background-color:#7d818a !important;
    background:none;
    display:block;
    position:relative;
}

.jump-icon a::after {
    content:"";
    display:block;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-image:linear-gradient(to right bottom, #066cde, #0caef6);
    opacity:0;
    transition:.3s;
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
}

.jump-icon a:hover::after {
    opacity:1;
}

.jump-icon a::before {
    content:"";
    display:block;
    width:25px;
    height:21px;
    z-index:2;
    background:url("../images/nd4.png") center center no-repeat;
    background-size:contain;
    position:absolute;
    top:50%;
    left:50%;
    transform:translateY(-50%) translateX(-50%);
    -webkit-transform:translateY(-50%) translateX(-50%);
    -moz-transform:translateY(-50%) translateX(-50%);
    -ms-transform:translateY(-50%) translateX(-50%);
    -o-transform:translateY(-50%) translateX(-50%);
}

.jump-icon .con1 a::before {
    background:url("../images/nd5.png") center center no-repeat;
    background-size:contain;
}

.jump-icon .con2 a::before {
    background:url("../images/nd6.png") center center no-repeat;
    background-size:contain;
}

.jump-icon .con3 a::before {
    background:url("../images/nd7.png") center center no-repeat;
    background-size:contain;
}

.m-new-ce .boxs {
    width:1000px;
    margin:0 auto;
}

.m-new-de .top {
    overflow:hidden;
    position:relative;
    margin-bottom:55px;
}

.m-new-de .item {
    display:inline-block;
    margin-right:60px;
}

.m-new-de .lr {
    font-size:18px;
    line-height:28px;
    color:#02A2E9;
    font-weight:bold;
    margin-bottom:6px;
	display:inline-block;
}

.m-new-de .num {
    font-size:18px;
    line-height:28px;
    color:#666;
	display:inline-block;
}

.m-new-de .font {
    color:#666;
    font-size:18px;
    line-height:28px;
    position:absolute;
    bottom:0;
    right:0;
}

.m-new-de .font span {
    cursor:pointer;
}

.m-new-de .tit {
    overflow:hidden;
}

.m-new-de .tit h1 {
    font-size:32px;
    color:#333;
    line-height:1.4;
    margin-bottom:26px;
}

.m-new-de .detail {
    padding-top:1em;
    padding-bottom:1em;
    border-top:1px solid #dbdbdb;
    border-bottom:1px solid #dbdbdb;
    font-size:20px;
    line-height:1.7;
    color:#333333;
}

.m-new-de .detail img {
    display:block;
    width:100%;
    height: auto;
}

.m-new-de .detail img[style*='height'] {
    height:auto !important;
}

.ul-change {
    padding:40px 0 66px;
}

.ul-change .con {
    display:block;
    overflow:hidden;
    margin-bottom:10px;
    padding-left:46px;
    position:relative;
    cursor:pointer;
    font-size:18px;
    color:#666666;
    line-height:38px;
}

.ul-change .con span {
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    overflow:hidden;
}

.ul-change .con[disabled] {
    opacity:0.54;
}

.ul-change .icon {
    width:26px;
    height:26px;
    line-height:26px;
    text-align:center;
    background-color:#f0f0f0;
    color:#666666;
    font-family:'宋体';
    font-weight:bold;
    font-size:13px;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
}

.m-new-makr {
    background-color:#f6f6f6;
}

.m-new-makr .tits {
    padding:70px 0 40px;
    font-size:36px;
    left:1.5;
    color:#333333;
    font-weight:normal;
    text-align:center;
}

.m-new-makr .txt {
    background-color:#fff;
}

.m-new-ce1 {
    padding-bottom:0;
}

.m-new-de .font .on {
    color:#02A2E9;
}

.m-new-de .qr {
    display:inline-block;
    margin:0 5px;
}

.m-new-de .imp {
    float:left;
}

.g-banner1 .inner {
    text-align:center;
    position:absolute;
    left:50%;
    top:50%;
    transform:translateY(-50%) translateX(-50%);
    -webkit-transform:translateY(-50%) translateX(-50%);
    -moz-transform:translateY(-50%) translateX(-50%);
    -ms-transform:translateY(-50%) translateX(-50%);
    -o-transform:translateY(-50%) translateX(-50%);
}

.g-banner1 .tit {
    position:static;
    margin-bottom:56px;
}

.g-banner1 .tit h2 {
    margin-bottom:16px;
}

.g-banner1 .desc {
    font-size:26px;
    line-height:1.4;
    color:rgba(255, 255, 255, .6);
}


.g-banner1 .so {
    width:940px;
    height:70px;
    border-radius:35px;
    -webkit-border-radius:35px;
    -moz-border-radius:35px;
    -ms-border-radius:35px;
    -o-border-radius:35px;
    border:1px solid rgba(255, 255, 255, .4);
    overflow:hidden;
    position:relative;
}

.g-banner1 .so input {
    width:100%;
    height:100%;
    background-color:rgba(255, 255, 255, .2);
    padding:5px 200px 5px 50px;
    font-size:20px;
    color:#fff;
}

.g-banner1 .so input::-webkit-input-placeholder {
    color:rgba(255, 255, 255, .8);
}

.g-banner1 .btn {
    width:178px;
    height:60px;
    line-height:60px;
    text-align:center;
    border-radius:30px;
    background-image:linear-gradient(to right, #066cde, #0caef6);
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    right:5px;
    border:none;
    -webkit-border-radius:30px;
    -moz-border-radius:30px;
    -ms-border-radius:30px;
    -o-border-radius:30px;
    color:#fff;
    font-size:20px;
    cursor:pointer;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
}

.g-banner1 .nr {
    left:50%;
    transform:translateX(-50%);
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    -o-transform:translateX(-50%);
}

.g-title-z {
    text-align:center;
    margin-bottom:40px;
}

.g-title-z .tit {
    font-size:45px;
    line-height:1.4;
    color:#333333;
    margin-bottom:20px;
    font-weight:normal;
}

.g-title-z .info {
    font-size:18px;
    line-height:34px;
    color:#333;
    width:81%;
    margin:0 auto;
}

.g-title-z1 .tit, .g-title-z1 .info {
    color:#fff;
}

.row-z01, .row-z02, .row-z03, .row-z04 {
    margin-bottom:105px;
}

.m-concept .pic {
    width:100%;
}

.m-promotion {
    overflow:hidden;
}

.m-promotion .bg {
    height:685px;
    background:url("../images/re3.jpg") center center no-repeat;
    background-size:cover;
    padding-top:95px;
}

.ul-promotion .li {
    width:33.33%;
    float:left;
}

.ul-promotion .con {
    padding:70px 54px 86px 54px;
    position:relative;
}

.ul-promotion .tit {
    font-size:32px;
    color:#fff;
    line-height:1.4;
    overflow:hidden;
    border-bottom:1px solid rgba(255, 255, 255, .3);
    padding-bottom:24px;
    margin-bottom:22px;
}

.ul-promotion .tit h4 {
    float:left;
    font-weight:normal;
}

.ul-promotion .tit span {
    font-weight:bold;
    float:right;
    display:block;
}

.ul-promotion .mark .tit {
    color:#333;
    border-color:rgba(0, 0, 0, .13);
}

.ul-promotion .mark .tit span {
    color:#2779d6;
}

.ul-promotion .mark .content {
    color:#333;
}

.ul-promotion .content {
    font-size:18px;
    line-height:34px;
    color:#fff;
    height:274px;
}

.ul-promotion .content p {
    margin-bottom:36px;
}

.ul-promotion .content p:last-child {
    margin:0;
}

.ul-promotion .li:nth-child(2n) .con {
    margin-top:75px;
}

.ul-promotion .icon {
    width:189px;
    height:193px;
    background-size:cover;
    background-repeat:no-repeat;
    position:absolute;
    right:45px;
    bottom:70px;
    z-index:2;
}

.ul-promotion .icon1 {
    width:218px;
    height:170px;
}

.m-training .boxs {
    text-align:center;
    margin-bottom:55px;
}

.ul-nav-z {
    display:inline-block;
}

.ul-nav-z li {
    float:left;
}

.ul-nav-z a {
    width:145px;
    height:44px;
    line-height:44px;
    display:inline-block;
    margin:0 5px;
    color:#333;
    font-size:18px;
    border:1px solid rgba(51, 51, 51, .2);
}

.ul-nav-z .on a {
    background-image:linear-gradient(to right, #066cde, #0caef6);
    color:#fff;
    border:none;
}

.m-training .con {
    display:flex;
}

.m-training .pic {
    width:720px;
    height:520px;
    flex-shrink:0;
}

.m-training .pic img {
    width:100%;
    height:100%;
}

.m-training .box {
    flex:1;
    display:flex;
    align-items:center;
    box-shadow:0 0 30px rgba(0, 0, 0, .1);
}

.m-training .txt {
    padding:0 58px;
}

.m-training .title {
    font-size:32px;
    line-height:1.4;
    color:#333;
    padding-bottom:30px;
    border-bottom:1px solid rgba(51, 51, 51, .15);
    margin-bottom:28px;
}

.ul-txt-tr li {
    margin-bottom:25px;
}

.ul-txt-tr .tit {
    font-size:20px;
    line-height:34px;
    color:#2779d6;
    font-weight:bold;
}

.ul-txt-tr .desc {
    font-size:18px;
    color:#333;
    line-height:34px;
}

.ul-tabel-z li {
    margin-bottom:12px;
}

.ul-tabel-z .con {
    box-shadow:10px 0 30px rgba(0, 0, 0, .1);
    border:1px solid rgba(0, 0, 0, .08);
}

.ul-tabel-z .top {
    overflow:hidden;
    padding:0 200px 0 30px;
    position:relative;
    cursor:pointer;
}

.ul-tabel-z .top .icon {
    font-size:22px;
    font-weight:bold;
    font-family:'宋体';
    position:absolute;
    background-size:contain;
    z-index:2;
    right:40px;
    top:50%;
    transform:translateY(-50%) rotate(90deg);
    -webkit-transform:translateY(-50%) rotate(90deg);
    -moz-transform:translateY(-50%) rotate(90deg);
    -ms-transform:translateY(-50%) rotate(90deg);
    -o-transform:translateY(-50%) rotate(90deg);
    transition:.3s;
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
}

.ul-tabel-z .top::after {
    content:"";
    display:block;
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    background-image:linear-gradient(to right, #066cde, #0caef6);
    opacity:0;
    transition:.3s;
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
}

.ul-tabel-z .qr {
    width:24%;
    float:left;
    overflow:hidden;
    font-size:18px;
    color:#666;
    height:98px;
    line-height:98px;
    padding:0 10px;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    z-index:2;
    transition:.3s;
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    position:relative;
    z-index:5;
}

.ul-tabel-z .mark {
    padding:0;
    font-size:22px;
    color:#111;
    width:26%;
    flex-shrink:0;
    transition:.3s;
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
}

.ul-tabel-z .on .top::after {
    opacity:1;
}

.ul-tabel-z .on .top .qr {
    color:#fff;
}

.ul-tabel-z .on .top .mark {
    color:#fff;
}

.ul-tabel-z .on .top .icon {
    color:#fff;
    transform:translateY(-50%) rotate(-90deg);
    -webkit-transform:translateY(-50%) rotate(-90deg);
    -moz-transform:translateY(-50%) rotate(-90deg);
    -ms-transform:translateY(-50%) rotate(-90deg);
    -o-transform:translateY(-50%) rotate(-90deg);
}

.ul-tabel-z .box {
    padding:0 68px 0 52px;
    position:relative;
    overflow:hidden;
}

.ul-tabel-z .box::after {
    content:"";
    display:block;
    width:700px;
    height:700px;
    background:url("../images/cd8.png") center center;
    background-size:cover;
    position:absolute;
    right:-120px;
    bottom:-120px;
}

.ul-tabel-z .item {
    border-bottom:1px solid rgba(0, 0, 0, .15);
    padding:40px 0;
}

.ul-tabel-z .item:last-child {
    border:none;
}

.ul-tabel-z .title {
    font-size:26px;
    color:#333;
    line-height:1.4;
    font-weight:bold;
    float:left;
    margin-right:130px;
}

.ul-tabel-z .txt {
    overflow:hidden;
}

.ul-tabel-z .box p {
    font-size:18px;
    line-height:34px;
    color:#333;
}

.ul-tabel-z .box a {
    color:#066cde;
}

.ul-tabel-z .tit {
    font-size:20px;
    line-height:1.4;
    color:#333333;
    font-weight:bold;
    margin-bottom:20px;
}

.m-training .contant.dn {
    display:none;
}

.row-z11, .row-z12 {
    padding:66px 0 105px;
}

.m-culture-de {
    background-size:655px 710px cover;
    background-repeat:no-repeat;
    background-position:right -50px top 30px;
}

.m-culture-de .content {
    overflow:auto;
    position:relative;
    background:transparent;
    height:170px;
    padding:4px 0;
    margin-bottom:65px;
}

.m-culture-de .content p {
    font-size:18px;
    line-height:34px;
    color:#333;
    margin-bottom:35px;
}

.m-culture-de .content p:last-child {
    margin:0;
}

.ul-promotion .mark .mCSB_dragger_bar, .m-culture-de .mCSB_dragger .mCSB_dragger_bar {
    background-color:#087ee5 !important;
}

.ul-promotion .mCSB_draggerRail, .m-culture-de .mCSB_draggerRail {
    background-color:rgba(0, 0, 0, .15) !important;
    width:5px !important;
}

.m-culture-de .pic {
    overflow:hidden;
    margin:0 -10px;
}

.m-culture-de .item {
    float:left;
    overflow:hidden;
    width:50%;
}

.m-culture-de .con {
    margin:0 10px;
    padding-top:63.38%;
    position:relative;
    overflow:hidden;
    cursor:pointer;
}

.m-culture-de .con img {
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    left:0;
    width:100%;
    height:100%;
    transition:.3s;
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
}

.m-culture-de .con:hover img {
    transform:scale(1.1) translateY(-50%);
    -webkit-transform:scale(1.1) translateY(-50%);
    -moz-transform:scale(1.1) translateY(-50%);
    -ms-transform:scale(1.1) translateY(-50%);
    -o-transform:scale(1.1) translateY(-50%);
}

.row-z12 {
    height:950px;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center;
}

.m-ul-nav-se {
    position:relative;
    overflow-y:hidden;
    overflow-x:auto;
    margin-bottom:45px;
    padding-bottom:5px;
}

.ul-nav-se {
    border-bottom:2px solid rgba(0, 0, 0, .15);
    display:-webkit-flex;
    display:flex;
    justify-content:space-between;
    flex-wrap:nowrap;
    white-space:nowrap;
}

.ul-nav-se li {
    text-align:center;
    position:relative;
    padding:0 10px;
}

.ul-nav-se a {
    font-size:20px;
    display:block;
    line-height:36px;
    padding-bottom:20px;
    margin:0;
}

.ul-nav-se a:hover, .ul-nav-se .on a {
    color:#087ee5;
}

.ul-nav-se a::after {
    content:"";
    display:block;
    width:0;
    height:2px;
    background-color:#087ee5;
    position:absolute;
    bottom:-2px;
    z-index:2;
    left:50%;
    transform:translateX(-50%);
    transition:.5s;
    -webkit-transition:.5s;
    -moz-transition:.5s;
    -ms-transition:.5s;
    -o-transition:.5s;
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    -o-transform:translateX(-50%);
}

.ul-nav-se .on a::after, .ul-nav-se a:hover::after {
    width:100%;
    opacity:1;
}

.m-serve-z .con {
    padding:20px;
    background-color:#fff;
    display:flex;
}

.m-serve-z .pic {
    float:left;
    width:808px;
    height:469px;
}

.m-serve-z .box {
    flex:1;
    display:flex;
    align-items:center;
    position:relative;
}

.m-serve-z .box::after {
    content:"";
    display:block;
    width:500px;
    height:500px;
    background:url("../images/cd8.png") center center no-repeat;
    background-size:cover;
    position:absolute;
    bottom:-160px;
    right:-60px;
}

.m-serve-z .txt {
    padding:30px 65px;
    overflow:hidden;
}

.m-serve-z .txt .tit {
    margin-bottom:30px;
    font-size:36px;
    color:#087ee5;
}

.m-serve-z .desc {
    font-size:18px;
    line-height:34px;
    color:#333;
}

.row-z13 {
    background-size:cover;
    background-position:center bottom 0px;
    background-repeat:no-repeat;
}

.m-case-z {
    margin-bottom:70px;
    padding-top:70px;
}

.ul-case-z {
    margin:0 -15px;
}

.row-z13 {
    padding-bottom:70px;
}

.ul-case-z .slick-arrow {
    font-size:0;
    width:80px;
    height:80px;
    background:url("../images/cd14.png") center center no-repeat;
    background-size:cover;
    position:absolute;
    border:none;
    overflow:hidden;
    cursor:pointer;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    right:-120px;
    top:50%;
    transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transition:.3s;
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
}

.ul-case-z .pic img {
    width:100%;
    height:100%;
}

.ul-case-z .slick-prev {
    background:url("../images/cd12.png") center center no-repeat;
    background-size:cover;
    left:-120px;
}

.ul-case-z .slick-arrow:hover {
    background:url("../images/cd13.png") center center no-repeat;
    background-size:cover;
}

.ul-case-z .slick-prev:hover {
    background:url("../images/cd11.png") center center no-repeat;
    background-size:cover;
}

.ul-case-z .con {
    margin:0 15px;
    cursor:pointer;
    padding-bottom:30px;
}

.ul-case-z .pic {
    font-size:0;
    overflow:hidden;
}

.ul-case-z .pic img {
    transition:.3s;
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
}

.ul-case-z .txt {
    height:96px;
    font-size:20px;
    color:#333;
    line-height:96px;
    background-color:#fff;
    text-align:center;
    border:1px solid rgba(0, 0, 0, .15);
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    overflow:hidden;
    transition:.3s;
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
}

.ul-case-z .con:hover .txt {
    box-shadow:0 0 30px rgba(0, 0, 0, .12);
    border:none;
}

.ul-case-z .con:hover .pic img {
    transform:scale(1.1);
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
    -o-transform:scale(1.1);
}

.m-product-cl .box {
    text-align:center;
    margin-bottom:43px;
}

.ul-pro-cl {
    overflow:hidden;
    margin:0 -12px;
    margin-bottom:46px;
}

.ul-pro-cl li {
    float:left;
    width:25%;
    overflow:hidden;
    margin-bottom:24px;
}

.ul-pro-cl .con {
    display:block;
    margin:0 12px;
}

.ul-pro-cl .txt {
    padding:30px 28px 34px;
    border:1px solid rgba(0, 0, 0, .15);
    border-top:none;
    position:relative;
}

.ul-pro-cl .txt::after {
    content:"";
    display:block;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-image:linear-gradient(to right, #066cde, #0caef6);
    opacity:0;
    transition:.3s;
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
}

.ul-pro-cl .con:hover .txt::after {
    opacity:1;
}

.ul-pro-cl .tit {
    font-size:20px;
    line-height:32px;
    color:#111;
    margin-bottom:10px;
}

.ul-pro-cl .desc, .ul-pro-cl .tit {
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    overflow:hidden;
    transition:.3s;
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    position:relative;
    z-index:2;
}

.ul-pro-cl .con:hover .desc, .ul-pro-cl .con:hover .tit {
    color:#fff;
}

.ul-pro-cl .desc {
    -webkit-line-clamp:2;
    font-size:16px;
    line-height:26px;
    height:52px;
    color:#888888;
}

.ul-pro-cl .pic {
    padding-top:75.7%;
    position:relative;
    overflow:hidden;
    font-size:0;
}

.ul-pro-cl .pic img {
    width:100%;
    height:100%;
    position:absolute;
    top:50%;
    left:0;
    transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transition:.3s;
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
}

.ul-pro-cl .con:hover .pic img {
    transform:scale(1.1) translateY(-50%);
    -webkit-transform:scale(1.1) translateY(-50%);
    -moz-transform:scale(1.1) translateY(-50%);
    -ms-transform:scale(1.1) translateY(-50%);
    -o-transform:scale(1.1) translateY(-50%);
}

@media only screen and (min-width: 1200px) {
    .g-nav-z2 {
        top:15.23vw;
    }

    .m-training::before {
        content:"";
        height:31.90vw;
        width:23.80vw;
        left:0;
        top:-3.809vw;
    }

    .m-new-ce {
        padding-bottom:3.142vw;
        padding-top:1px;
    }

    .fancybox__slide {
        max-width:57.14vw;
    }

    .ul-new-tr {
        margin-bottom:2.380vw;
    }

    .ul-new-tr li {
        margin-bottom:0.857vw;
    }

    .ul-new-tr .con {
        padding:1.666vw 0 1.666vw 1.666vw;
        align-items:center;
        justify-content:space-between;
    }

    .ul-new-tr .tit {
        font-size:1.047vw;
        line-height:1.5;
        margin-bottom:0.476vw;
    }

    .ul-new-tr .desc {
        font-size:0.857vw;
        -webkit-line-clamp:2;
        line-height:1.428vw;
        margin-bottom:0.714vw;
    }

    .g-look {
        width:auto;
        padding:0 0.857vw;
        height:1.714vw;
        border-radius:0.857vw;
        -webkit-border-radius:0.857vw;
        -moz-border-radius:0.857vw;
        -ms-border-radius:0.857vw;
        -o-border-radius:0.857vw;
        border:1px solid #e0e0e0;
        font-size:0;
    }

    .g-look .icon {
        width:0.952vw;
        height:0.666vw;
        margin-right:0.238vw;
    }

    .g-look span {
        min-width:1.904vw;
        font-size:0.761vw;
        line-height:1.714vw;
    }

    .ul-new-tr .time {
        width:8.571vw;
        flex-shrink:0;
    }

    .ul-new-tr .day {
        font-size:2.380vw;
        line-height:1.2;
        font-weight:bold;
    }

    .ul-new-tr .year {
        font-size:0.857vw;
    }

    .m-new-video {
        align-items:center;
        padding-bottom:2.857vw;
        border-bottom:1px solid #d6d6d6;
        margin-bottom:2.857vw;
    }

    .m-new-video .g-video {
        width:33.80vw;
        margin-right:3.047vw;
        flex-shrink:0;
    }

    .m-new-video .tit {
        font-size:1.904vw;
        margin-bottom:1.523vw;
        font-weight:normal;
    }

    .m-new-video .desc {
        font-size:0.857vw;
        line-height:1.619vw;
        margin-bottom:1.190vw;
    }

    .m-new-video .time {
        line-height:1.619vw;
        font-size:0.857vw;
    }

    .g-video::before {
        content:"";
        width:3.333vw;
        height:3.333vw;
    }

    .ul-new-video {
        margin:0 -0.476vw;
        margin-bottom:3.142vw;
    }

    .ul-new-video li {
        margin-bottom:0.857vw;
    }

    .ul-new-video .con {
        margin:0 0.476vw;
        padding:1.238vw;
    }

    .ul-new-video .g-video {
        width:13.57vw;
        height:8.095vw;
        margin-right:1.714vw;
    }

    .ul-new-video .tit {
        font-size:1.047vw;
        line-height:1.714vw;
        margin-bottom:1.047vw;
        font-weight:normal;
    }

    .ul-new-video .time {
        font-size:0.857vw;
        line-height:1.619vw;
    }

    .ul-new-video .txt {
        padding-top:0.952vw;
    }

    .m-new-cl {
        margin-bottom:3.142vw;
    }

    .m-new-cl .pic {
        width:25.95vw;
        height:38.57vw;
        margin-right:3.571vw;
        box-shadow:0.285vw 0 1.428vw rgba(0, 0, 0, .16);
    }

    .m-new-cl .top {
        border-bottom:1px solid rgba(0, 0, 0, .15);
        margin-bottom:1.523vw;
    }

    .m-new-cl .tit {
        font-size:1.714vw;
        line-height:3.142vw;
        margin-bottom:0.380vw;
    }

    .m-new-cl .time {
        font-size:0.761vw;
        line-height:1.4;
        margin-bottom:1.714vw;
    }

    .m-new-cl .time span {
        margin-right:0.238vw;
        letter-spacing:0.142vw;
    }

    .ul-new-cl .slick-arrow {
        font-size:0.666vw;
        width:3.809vw;
        height:1.666vw;
        line-height:1.666vw;
        border:1px solid rgba(0, 0, 0, .1);
        margin-right:0.476vw;
        right:0;
        top:3.619vw;
    }

    .ul-new-cl .slick-prev {
        right:4.285vw;
    }

    .ul-txt-cl {
        margin-bottom:1.428vw;
    }

    .ul-txt-cl li {
        margin-bottom:1.047vw;
    }

    .ul-txt-cl .info {
        font-size:0.857vw;
        line-height:1.714vw;
        padding-left:1.285vw;
        -webkit-line-clamp:1;
        -webkit-box-orient:vertical;
    }

    .ul-txt-cl .info::after {
        content:"";
        width:0.285vw;
        height:0.285vw;
    }

    .m-new-cl .download {
        width:9.523vw;
        height:2.571vw;
        line-height:2.571vw;
        border-radius:1.285vw;
        background-image:linear-gradient(to right, #066cde, #0caef6);
        -webkit-border-radius:1.285vw;
        -moz-border-radius:1.285vw;
        -ms-border-radius:1.285vw;
        -o-border-radius:1.285vw;
        font-size:0;
    }

    .m-new-cl .icon {
        width:0.952vw;
        height:0.952vw;
        margin-right:0.380vw;
    }

    .m-new-cl .download span {
        font-size:0.857vw;
    }

    .ul-new-ce {
        margin:0 -0.476vw;
        padding-bottom:1.904vw;
    }

    .ul-new-ce li {
        width:33.33%;
        margin-bottom:1.238vw;
    }

    .ul-new-ce .con {
        margin:0 0.476vw;
    }

    .ul-new-ce .txt {
        padding:1.428vw;
    }

    .ul-new-ce .pic {
        padding-top:63.5%;
    }

    .ul-new-ce .pic img {
        left:0;
        top:50%;
        font-size:0;
    }

    .ul-new-ce .box {
        top:0;
        left:0;
        padding:1.428vw;
        height:6.190vw;
    }

    .ul-new-ce .time {
        font-size:0.952vw;
        line-height:1.714vw;
    }

    .ul-new-ce .tit {
        font-size:1.047vw;
        margin-bottom:0.714vw;
    }

    .ul-new-ce .desc {
        font-size:0.857vw;
        line-height:1.428vw;
        height:2.857vw;
    }

    .jump-icon .con a {
        width:3.095vw;
        height:3.095vw;
        padding:0;
        margin:0;
        margin-bottom:1px;
        background:none;
    }

    .jump-icon a::before {
        content:"";
        width:1.190vw;
        height:1vw;
    }

    .m-new-ce .boxs {
        width:47.61vw;
        margin:0 auto;
    }

    .m-new-de .top {
        margin-bottom:2.619vw;
    }

    .m-new-de .item {
        margin-right:2.857vw;
    }

    .m-new-de .lr {
        font-size:0.857vw;
        line-height:1.333vw;
        font-weight:bold;
        margin-bottom:0.285vw;
    }

    .m-new-de .num {
        font-size:0.857vw;
        line-height:1.333vw;
    }

    .m-new-de .font {
        font-size:0.857vw;
        line-height:1.333vw;
        bottom:0;
        right:0;
    }

    .m-new-de .tit h1 {
        font-size:1.523vw;
        line-height:1.4;
        margin-bottom:1.238vw;
    }

    .m-new-de .detail {
        border-top:1px solid #dbdbdb;
        border-bottom:1px solid #dbdbdb;
        font-size:0.952vw;
        line-height:1.7;
    }

    .m-new-de .detail.medium {
        font-size:0.952vw;
    }

    .m-new-de .detail.small {
        font-size:0.9vw;
    }

    .m-new-de .detail.large {
        font-size:1vw;
    }

    .ul-change {
        padding:1.904vw 0 3.142vw;
    }

    .ul-change .con {
        margin-bottom:0.476vw;
        padding-left:2.190vw;
        font-size:0.857vw;
        line-height:1.809vw;
    }

    .ul-change .con span {
        -webkit-line-clamp:1;
        -webkit-box-orient:vertical;
    }

    .ul-change .con[disabled] {
        opacity:0.54;
    }

    .ul-change .icon {
        width:1.238vw;
        height:1.238vw;
        line-height:1.238vw;
        font-family:'宋体';
        font-weight:bold;
        font-size:0.619vw;
    }

    .m-new-makr .tits {
        padding:3.333vw 0 1.904vw;
        font-size:1.714vw;
        left:1.5;
        font-weight:normal;
    }

    .m-new-de .qr {
        margin:0 0.238vw;
    }

    .g-banner1 .tit {
        margin-bottom:2.666vw;
    }

    .g-banner1 .tit h2 {
        margin-bottom:0.761vw;
    }

    .g-banner1 .desc {
        font-size:1.238vw;
        line-height:1.4;
    }

    .g-banner1 .so {
        width:44.76vw;
        height:3.333vw;
        border-radius:1.666vw;
        -webkit-border-radius:1.666vw;
        -moz-border-radius:1.666vw;
        -ms-border-radius:1.666vw;
        -o-border-radius:1.666vw;
        border:1px solid rgba(255, 255, 255, .4);
    }

    .g-banner1 .so input {
        padding:0.238vw 9.523vw 0.238vw 2.380vw;
        font-size:0.952vw;
    }

    .g-banner1 .btn {
        width:8.476vw;
        height:2.857vw;
        line-height:2.857vw;
        border-radius:1.428vw;
        background-image:linear-gradient(to right, #066cde, #0caef6);
        top:50%;
        right:0.238vw;
        border:none;
        -webkit-border-radius:1.428vw;
        -moz-border-radius:1.428vw;
        -ms-border-radius:1.428vw;
        -o-border-radius:1.428vw;
        font-size:0.952vw;
    }

    .g-title-z {
        margin-bottom:1.904vw;
    }

    .g-title-z .tit {
        font-size:2.142vw;
        line-height:1.4;
        margin-bottom:0.952vw;
        font-weight:normal;
    }

    .g-title-z .info {
        font-size:0.857vw;
        line-height:1.619vw;
        margin:0 auto;
    }

    .row-z01, .row-z02, .row-z03, .row-z04 {
        margin-bottom:5vw;
    }

    .m-promotion .bg {
        height:32.61vw;
        padding-top:4.523vw;
    }

    .ul-promotion .li {
        width:33.33%;
    }

    .ul-promotion .con {
        padding:3.333vw 2.571vw 4.095vw 2.571vw;
    }

    .ul-promotion .tit {
        font-size:1.523vw;
        line-height:1.4;
        border-bottom:1px solid rgba(255, 255, 255, .3);
        padding-bottom:1.142vw;
        margin-bottom:1.047vw;
    }

    .ul-promotion .tit h4 {
        font-weight:normal;
    }

    .ul-promotion .tit span {
        font-weight:bold;
    }

    .ul-promotion .content {
        font-size:0.857vw;
        line-height:1.619vw;
        height:13.04vw;
    }

    .ul-promotion .content p {
        margin-bottom:1.714vw;
    }

    .ul-promotion .content p:last-child {
        margin:0;
    }

    .ul-promotion .li:nth-child(2n) .con {
        margin-top:3.571vw;
    }

    .ul-promotion .icon {
        width:9vw;
        height:9.190vw;
        background-size:cover;
        background-repeat:no-repeat;
        right:2.142vw;
        bottom:3.333vw;
    }

    .ul-promotion .icon1 {
        width:10.38vw;
        height:8.095vw;
    }

    .m-training .boxs {
        margin-bottom:2.619vw;
    }

    .ul-nav-z a {
        width:6.904vw;
        height:2.095vw;
        line-height:2.095vw;
        margin:0 0.238vw;
        font-size:0.857vw;
        border:1px solid rgba(51, 51, 51, .2);
    }

    .ul-nav-z .on a {
        background-image:linear-gradient(to right, #066cde, #0caef6);
        border:none;
    }

    .m-training .pic {
        width:34.28vw;
        height:24.76vw;
        flex-shrink:0;
    }

    .m-training .box {
        flex:1;
        align-items:center;
        box-shadow:0 0 1.428vw rgba(0, 0, 0, .1);
    }

    .m-training .txt {
        padding:0 2.761vw;
    }

    .m-training .title {
        font-size:1.523vw;
        line-height:1.4;
        padding-bottom:1.428vw;
        margin-bottom:1.333vw;
    }

    .ul-txt-tr li {
        margin-bottom:1.190vw;
    }

    .ul-txt-tr .tit {
        font-size:0.952vw;
        line-height:1.619vw;
        font-weight:bold;
    }

    .ul-txt-tr .desc {
        font-size:0.857vw;
        line-height:1.619vw;
    }

    .ul-tabel-z li {
        margin-bottom:0.571vw;
    }

    .ul-tabel-z .con {
        box-shadow:0.476vw 0 1.428vw rgba(0, 0, 0, .1);
    }

    .ul-tabel-z .top {
        justify-content:space-between;
        padding:0 9.523vw 0 1.428vw;
    }

    .ul-tabel-z .top .icon {
        font-size:1.047vw;
        font-weight:bold;
        font-family:'宋体';
        background-size:contain;
        right:1.904vw;
    }

    .ul-tabel-z .qr {
        font-size:0.857vw;
        height:4.666vw;
        line-height:4.666vw;
        transition:.3s;
        -webkit-transition:.3s;
        -moz-transition:.3s;
        -ms-transition:.3s;
        -o-transition:.3s;
    }

    .ul-tabel-z .mark {
        font-size:1.047vw;
        flex-shrink:0;
    }

    .ul-tabel-z .box {
        padding:0 3.238vw 0 2.476vw;
    }

    .ul-tabel-z .box::after {
        content:"";
        width:33.33vw;
        height:33.33vw;
        right:-5.714vw;
        bottom:-5.714vw;
    }

    .ul-tabel-z .item {
        border-bottom:1px solid rgba(0, 0, 0, .15);
        padding:1.904vw 0;
    }

    .ul-tabel-z .item:last-child {
        border:none;
    }

    .ul-tabel-z .title {
        font-size:1.238vw;
        line-height:1.4;
        font-weight:bold;
        margin-right:6.190vw;
    }

    .ul-tabel-z .box p {
        font-size:0.857vw;
        line-height:1.619vw;
    }

    .ul-tabel-z .tit {
        font-size:0.952vw;
        line-height:1.4;
        font-weight:bold;
        margin-bottom:0.952vw;
    }

    .row-z11, .row-z12 {
        padding:3.142vw 0 5vw;
    }

    .m-culture-de {
        background-size:31.19vw 33.80vw cover;
        background-position:2.380vw, top 1.428vw;
    }

    .m-culture-de .content {
        background:transparent;
        height:8.095vw;
        padding:0.190vw 0;
        margin-bottom:3.095vw;
    }

    .m-culture-de .content p {
        font-size:0.857vw;
        line-height:1.619vw;
        margin-bottom:1.666vw;
    }

    .m-culture-de .content p:last-child {
        margin:0;
    }

    .ul-promotion .mCSB_draggerRail, .m-culture-de .mCSB_draggerRail {
        width:0.238vw !important;
    }

    .m-culture-de .pic {
        margin:0 -0.476vw;
    }

    .m-culture-de .con {
        margin:0 0.476vw;
        padding-top:63.38%;
    }

    .row-z12 {
        height:45.23vw;
    }

    .m-ul-nav-se {
        padding-bottom:0.380vw;
        margin-bottom:2vw;
    }

    .ul-nav-se {
        border-bottom:0.095vw solid rgba(0, 0, 0, .15);
    }

    .ul-nav-se li {
        width:12.5%;
    }

    .ul-nav-se a {
        font-size:0.952vw;
        line-height:1.714vw;
        padding-bottom:0.952vw;
        margin:0;
    }

    .ul-nav-se a::after {
        content:"";
        height:0.095vw;
        bottom:-0.095vw;
    }

    .ul-nav-se .on a::after, .ul-nav-se a:hover::after {
        opacity:1;
    }

    .m-serve-z .con {
        padding:0.952vw;
    }

    .m-serve-z .pic {
        width:38.47vw;
        height:22.33vw;
    }

    .m-serve-z .box {
        flex:1;
        align-items:center;
    }

    .m-serve-z .box::after {
        content:"";
        width:23.80vw;
        height:23.80vw;
        bottom:-7.619vw;
        right:-2.857vw;
    }

    .m-serve-z .txt {
        padding:1.428vw 3.095vw;
    }

    .m-serve-z .txt .tit {
        margin-bottom:1.428vw;
        font-size:1.714vw;
    }

    .m-serve-z .desc {
        font-size:0.857vw;
        line-height:1.619vw;
    }

    .m-case-z {
        margin-bottom:3.333vw;
        padding-top:3.333vw;
    }

    .ul-case-z {
        margin:0 -0.714vw;
    }

    .row-z13 {
        padding-bottom:3.333vw;
    }

    .ul-case-z .slick-arrow {
        font-size:0;
        width:3.809vw;
        height:3.809vw;
        right:-5.714vw;
        top:50%;
    }

    .ul-case-z .slick-prev {
        left:-5.714vw;
    }

    .ul-case-z .con {
        margin:0 0.714vw;
        padding-bottom:1.428vw;
    }

    .ul-case-z .pic {
        font-size:0;
    }

    .ul-case-z .txt {
        height:4.571vw;
        font-size:0.952vw;
        line-height:4.571vw;
        border:1px solid rgba(0, 0, 0, .15);
        -webkit-line-clamp:1;
        -webkit-box-orient:vertical;
        transition:.3s;
        -webkit-transition:.3s;
        -moz-transition:.3s;
        -ms-transition:.3s;
        -o-transition:.3s;
    }

    .ul-case-z .con:hover .txt {
        box-shadow:0 0 1.428vw rgba(0, 0, 0, .12);
        border:none;
    }

    .m-product-cl .box {
        margin-bottom:2.047vw;
    }

    .ul-pro-cl {
        margin:0 -0.571vw;
        margin-bottom:2.190vw;
    }

    .ul-pro-cl li {
        margin-bottom:1.142vw;
    }

    .ul-pro-cl .con {
        margin:0 0.571vw;
    }

    .ul-pro-cl .txt {
        padding:1.428vw 1.333vw 1.619vw;
        border:1px solid rgba(0, 0, 0, .15);
        border-top:none;
    }

    .ul-pro-cl .tit {
        font-size:0.952vw;
        line-height:1.523vw;
        margin-bottom:0.476vw;
    }

    .ul-pro-cl .desc {
        -webkit-line-clamp:2;
        font-size:0.761vw;
        line-height:1.238vw;
        height:2.476vw;
    }

    .ul-pro-cl .pic {
        padding-top:75.7%;
        font-size:0;
    }
}

@media only screen and (max-width: 1199px) {
    .ul-nav-se a {
        padding-bottom:10px;
    }

    .row-z11, .row-z12 {
        padding:30px 0 50px;
    }

    .m-ul-nav-se {
        margin-bottom:30px;
    }

    .m-case-z {
        margin-bottom:30px;
        padding-top:40px;
    }

    .row-z13 {
        padding-bottom:30px;
    }

    .row-z12 {
        height:auto;
    }

    .m-serve-z .pic {
        float:left;
        width:55%;
        height:auto;
    }

    .m-serve-z .txt {
        padding:10px 30px;
    }

    .m-new-de .top {
        margin-bottom:20px;
    }

    .m-serve-z .pic {
        width:50%;
        height:auto;
    }

    .m-serve-z .txt {
        padding:20px 30px;
    }

    .g-title-z {
        margin-bottom:30px;
    }

    .m-training::before {
        top:-10px;
    }

    .m-new-makr .tits {
        font-size:22px;
    }

    .g-title-z .tit {
        font-size:28px;
        margin-bottom:10px;
        line-height:1.4;
    }

    .g-title-z .info {
        font-size:14px;
        line-height:1.4;
    }

    .ul-new-tr .tit {
        font-size:20px;
        margin-bottom:10px;
    }

    .ul-new-tr .desc {
        font-size:14px;
        margin-bottom:15px;
        line-height:22px;
    }

    .g-look {
        padding:0 10px;
        height:30px;
        border-radius:15px;
        -webkit-border-radius:15px;
        -moz-border-radius:15px;
        -ms-border-radius:15px;
        -o-border-radius:15px;
    }

    .g-look span {
        min-width:40px;
        line-height:30px;
        font-size:14px;
    }

    .g-look .icon {
        width:17px;
        height:13px;
    }

    .ul-new-tr .day {
        font-size:26px;
    }

    .ul-new-tr .year {
        font-size:14px;
    }

    .ul-new-tr .time {
        width:100px;
    }

    .m-new-video .g-video {
        width:50%;
        margin-right:30px;
        flex-shrink:0;
    }

    .m-new-video .tit {
        font-size:24px;
    }

    .m-new-video .desc {
        font-size:14px;
        line-height:1.5;
    }

    .m-new-video .time {
        line-height:22px;
        font-size:14px;
    }

    .ul-new-video {
        margin:0 -10px;
        margin-bottom:30px;
    }

    .ul-new-video li {
        margin-bottom:20px;
    }

    .ul-new-video .con {
        margin:0 10px;
    }

    .ul-new-video .g-video {
        width:200px;
        height:120px;
        margin-right:20px;
    }

    .ul-new-video .tit {
        font-size:16px;
        line-height:28px;
        margin-bottom:1.145vw;
    }

    .ul-new-video .time {
        font-size:14px;
        line-height:22px;
    }

    .ul-new-video .txt {
        padding-top:10px;
    }

    .m-new-cl .tit {
        font-size:22px;
        line-height:36px;
        margin-bottom:10px;
    }

    .m-new-cl .time {
        font-size:14px;
        line-height:1.4;
        margin-bottom:20px;
    }

    .m-new-cl .time span {
        margin-right:5px;
    }

    .ul-new-cl .slick-arrow {
        font-size:14px;
        width:60px;
        height:26px;
        line-height:26px;
        margin-right:10px;
        right:0;
        top:42px;
    }

    .ul-new-cl .slick-prev {
        right:80px;
    }

    .ul-txt-cl {
        max-height:none;
    }

    .ul-txt-cl li {
        margin-bottom:10px;
    }

    .ul-txt-cl .info {
        font-size:14px;
        line-height:24px;
        padding-left:15px;
        height:auto;
        display:block;
    }

    .ul-txt-cl .info::after {
        content:"";
        width:5px;
        height:5px;
        top:11px;
    }

    .m-new-cl .download {
        width:140px;
        height:40px;
        line-height:40px;
        border-radius:40px;
        -webkit-border-radius:40px;
        -moz-border-radius:40px;
        -ms-border-radius:40px;
        -o-border-radius:40px;
        font-size:0;
    }

    .m-new-cl .icon {
        width:15px;
        height:15px;
        margin-right:8px;
    }

    .m-new-cl .download span {
        font-size:14px;
    }

    .ul-new-ce .time {
        font-size:14px;
        line-height:28px;
    }

    .ul-new-ce .tit {
        font-size:16px;
        line-height:1.4;
        margin-bottom:0.781vw;
    }

    .ul-new-ce .desc {
        font-size:14px;
        line-height:1.5;
        height:3em;
    }

    .m-new-ce .boxs {
        width:80%;
        margin-top:20px;
    }

    .jump-icon .con a {
        width:46px;
        height:46px;
        padding:0;
    }

    .jump-icon a::before {
        width:20px;
        height:16px;
    }

    .m-new-de .lr {
        font-size:16px;
        line-height:20px;
        margin-bottom:8px;
    }

    .m-new-de .num {
        font-size:14px;
        line-height:1.4;
    }

    .m-new-de .font {
        font-size:14px;
        line-height:1.4;
    }

    .m-new-de .tit h1 {
        font-size:20px;
    }

    .m-new-de .detail.meduim, .m-new-de .detail {
        font-size:14px;
    }

    .m-new-de .detail.large {
        font-size:15px;
    }

    .m-new-de .detail.small {
        font-size:13px;
    }

    .ul-change {
        padding:20px 0 30px;
    }

    .ul-change .con {
        margin-bottom:15px;
        padding-left:30px;
        font-size:14px;
        line-height:26px;
    }

    .ul-change .con[disabled] {
        opacity:0.54;
    }

    .ul-change .icon {
        width:20px;
        height:20px;
        line-height:20px;
        font-size:12px;
    }

    .ul-nav-z a {
        width:100px;
        height:36px;
        line-height:36px;
        margin:0 5px;
        font-size:14px;
    }

    .ul-pro-cl li {
        width:33.33%;
    }

    .ul-pro-cl .tit {
        font-size:16px;
        line-height:1.4;
        margin-bottom:10px;
    }

    .ul-pro-cl .desc {
        font-size:14px;
        line-height:1.4;
        height:2.8em;
    }

    .m-product-cl .box {
        margin-bottom:30px;
    }

    .ul-promotion .tit {
        font-size:20px;
        margin-bottom:20px;
    }

    .ul-promotion .content {
        font-size:14px;
        line-height:1.6;
    }

    .m-training .title {
        font-size:20px;
    }

    .ul-txt-tr .tit {
        font-size:15px;
        line-height:1.8;
    }

    .ul-txt-tr .desc {
        font-size:14px;
        line-height:1.4;
    }

    .ul-tabel-z .qr {
        font-size:15px;
        height:56px;
        line-height:56px;
        width:26%;
    }

    .ul-tabel-z .mark {
        font-size:16px;
        width:22%;
    }

    .ul-tabel-z .top .icon {
        font-size:18px;
    }

    .ul-tabel-z .box p {
        font-size:14px;
        line-height:1.8;
    }

    .ul-tabel-z .title {
        font-size:16px;
    }

    .ul-tabel-z .tit {
        font-size:15px;
        margin-bottom:8px;
    }

    .ul-promotion .li:nth-child(2n) .con {
        margin-top:0;
    }

    .ul-promotion {
        margin:0 -20px;
    }

    .ul-promotion .con {
        margin:0 20px;
    }

    .m-culture-de .content p {
        font-size:14px;
        line-height:1.6;
    }

    .m-culture-de .pic {
        margin:0 -20px;
    }

    .m-culture-de .con {
        margin:0 20px;
    }

    .ul-nav-se a {
        font-size:16px;
        line-height:32px;
    }

    .m-serve-z .txt .tit {
        font-size:20px;
    }

    .m-serve-z .desc {
        font-size:14px;
        line-height:1.6;
    }

    .ul-case-z {
        margin:0 -10px;
    }

    .ul-case-z .con {
        margin:0 10px;
        padding-bottom:1.562vw;
    }

    .ul-case-z .txt {
        height:50px;
        font-size:16px;
        line-height:50px;
    }

    .ul-case-z .slick-arrow {
        left:10px;
        width:50px;
        height:50px;
        border-color:#fff;
    }

    .ul-case-z .slick-next {
        left:auto;
        right:10px;
    }

    .ul-case-z {
        padding:0 70px;
    }

    .m-new-ce {
        padding-top:70px;
    }

    .m-new-ce1 {
        padding-top:30px;
    }

    .row-culture1 {
        padding-top:90px;
    }
}

@media only screen and (max-width: 959px) {
    .ul-tabel-z .top {
        padding:0 60px 0 20px;
    }

    .ul-tabel-z .qr {
        width:26.5%;
    }

    .ul-tabel-z .mark {
        width:20%;
    }

    .g-title-z {
        margin-bottom:20px;
    }

    .ul-new-tr li {
        margin-bottom:20px;
    }

    .ul-new-tr {
        margin-bottom:30px;
    }

    .m-new-ce {
        padding-bottom:30px;
    }

    .m-new-ce1 {
        padding:20px 0 0;
    }

    .ul-new-tr .tit {
        font-size:18px;
    }

    .g-look {
        height:28px;
    }

    .g-look span {
        line-height:28px;
    }

    .ul-new-video li {
        width:100%;
    }

    .m-new-video .tit {
        font-size:22px;
    }

    .ul-new-video .con {
        margin:0;
    }

    .ul-new-video {
        margin:0;
        margin-bottom:10px;
    }

    .m-new-cl .pic {
        width:300px;
        height:450px;
    }

    .ul-new-ce {
        margin:0 10px;
    }

    .ul-new-ce li {
        width:50%;
        margin-bottom:20px;
    }

    .ul-new-ce .con {
        margin:0 10px;
    }

    .ul-pro-cl {
        margin:0 -10px;
    }

    .ul-pro-cl li {
        width:50%;
        margin-bottom:20px;
    }

    .ul-pro-cl .con {
        margin:0 10px;
    }
}

@media only screen and (max-width: 767px) {
    .m-serve-z .txt .tit {
        margin-bottom:6px;
        font-size:16px;
    }

    .ul-pro-cl {
        margin:0;
    }

    .ul-pro-cl li {
        width:100%;
    }

    .ul-pro-cl .con {
        margin:0;
    }

    .g-title-z .tit {
        font-size:20px;
    }

    .g-title-z .info {
        font-size:13px;
    }

    .ul-new-tr .con {
        display:block;
        position:relative;
    }

    .m-ul-nav-se {
        margin-bottom:10px;
    }

    .ul-new-tr .txt {
        width:100%;
    }

    .ul-new-tr .tit {
        font-size:16px;
    }

    .ul-new-tr .desc {
        font-size:13px;
    }

    .ul-new-tr .con {
        padding:20px;
    }

    .ul-new-tr .day {
        float:right;
        font-size:20px;
        line-height:28px;
    }

    .ul-new-tr .time {
        width:100px;
        position:absolute;
        right:20px;
        bottom:20px;
    }

    .ul-new-tr .year {
        overflow:hidden;
        line-height:28px;
        text-align:left;
    }

    .m-new-video {
        display:block;
        padding-bottom:30px;
        margin-bottom:30px;
    }

    .m-new-video .g-video {
        margin:0;
        width:100%;
        float:none;
        margin-bottom:20px;
    }

    .m-new-video .txt {
        width:100%;
    }

    .m-new-video .tit {
        font-size:20px;
        margin-bottom:10px;
    }

    .m-new-video .desc {
        margin-bottom:10px;
    }

    .g-video::before {
        width:35px;
        height:35px;
    }

    .ul-new-video .g-video {
        width:150px;
        height:90px;
        margin-right:10px;
    }

    .ul-new-video .con {
        padding:10px;
        margin:0;
    }

    .ul-new-video .tit {
        font-size:14px;
        line-height:20px;
    }

    .ul-new-video .time {
        font-size:13px;
    }

    .m-new-cl {
        margin-bottom:10px;
    }

    .m-new-cl .pic {
        width:100%;
        height:auto;
        float:none;
    }

    .m-new-cl .tit {
        font-size:18px;
        line-height:32px;
        margin-bottom:5px;
    }

    .m-new-cl .time {
        font-size:12px;
    }

    .m-new-cl .txt {
        padding:20px 10px 30px;
    }

    .m-new-cl .top {
        margin-bottom:20px;
    }

    .ul-new-cl .slick-arrow {
        top:auto;
        bottom:0;
        left:20px;
    }

    .ul-new-cl .slick-next {
        left:100px;
    }

    .ul-new-ce {
        margin:0;
    }

    .ul-new-ce li {
        width:100%;
    }

    .ul-new-ce .box {
        padding:15px;
        height:70px;
    }

    .ul-new-ce .con {
        margin:0;
    }

    .ul-new-ce .tit {
        font-size:15px;
        margin-bottom:10px;
    }

    .ul-new-ce .txt {
        padding:10px;
    }

    .ul-new-ce .desc {
        font-size:13px;
    }

    .m-new-ce .boxs {
        width:100%;
    }

    .m-new-de .tit h1 {
        margin-bottom:15px;
    }

    .jump-icon {
        display:block;
        position:static;
        overflow:hidden;
        float:right;
    }

    .jump-icon1 {
        display:none;
    }

    .m-new-de .font {
        display:none;
    }

    .jump-icon .con {
        float:left;
        margin-right:6px;
    }

    .ul-change {
        padding:10px 0;
    }

    .ul-change .con {
        margin-bottom:10px;
    }

    .m-new-makr .tits {
        font-size:18px;
        padding:20px 0;
    }

    .jump-icon .con a {
        width:36px;
        height:36px;
    }

    .ul-pro-cl .txt {
        padding:10px;
    }

    .ul-pro-cl .desc {
        height:auto;
        display:block;
    }

    .m-product-cl .box {
        margin-bottom:20px;
        width:100%;
    }

    .ul-nav-z a {
        width:85px;
        font-size:12px;
    }

    .g-title-z .info {
        width:90%;
    }

    .row-z01, .row-z02, .row-z03, .row-z04 {
        margin-bottom:30px;
    }

    .m-promotion .bg {
        height:380px;
        padding-top:30px;
    }

    .m-training .con {
        display:block;
    }

    .m-training .pic {
        width:100%;
        height:auto;
    }

    .m-training .title {
        font-size:18px;
    }

    .m-training .box {
        display:block;
        box-shadow:0 0 10px rgba(0, 0, 0, .2);
        padding:10px;
    }

    .m-training .txt {
        padding:0;
    }

    .ul-promotion .content {
        height:118px;
    }

    .ul-tabel-z .qr {
        display:none;
    }

    .ul-tabel-z .mark {
        display:block;
    }

    .ul-tabel-z .box {
        padding:0 10px;
    }

    .ul-tabel-z .item {
        padding:15px 0;
    }

    .ul-tabel-z li {
        margin-bottom:15px;
    }

    .ul-tabel-z .top {
        padding:0 30px 0 15px;
    }

    .ul-tabel-z .top .icon {
        right:20px;
    }

    .ul-txt-tr li {
        margin-bottom:15px;
    }

    .m-training .title {
        margin-bottom:15px;
        padding-bottom:10px;
    }

    .ul-promotion .con {
        padding:20px 20px 30px;
    }

    .ul-promotion .icon {
        width:50px;
        height:50px;
        right:50px;
        bottom:20px;
    }

    .ul-promotion .icon1 {
        width:70px;
        height:60px;
    }

    .g-banner1 .inner {
        width:80%;
    }

    .g-banner1 .tit {
        margin-bottom:20px;
    }

    .g-banner1 .tit h2 {
        margin-bottom:10px;
    }

    .g-banner1 .so {
        width:100%;
        height:36px;
        border-radius:18px;
        -webkit-border-radius:18px;
        -moz-border-radius:18px;
        -ms-border-radius:18px;
        -o-border-radius:18px;
    }

    .g-banner1 .so input {
        padding:3px 90px 3px 20px;
        font-size:14px;
    }

    .g-banner1 .desc {
        font-size:14px;
    }

    .g-banner1 .btn {
        width:80px;
        height:32px;
        line-height:32px;
        font-size:13px;
        border-radius:16px;
        -webkit-border-radius:16px;
        -moz-border-radius:16px;
        -ms-border-radius:16px;
        -o-border-radius:16px;
    }

    .m-culture-de .pic {
        margin:0;
    }

    .m-culture-de .item {
        width:100%;
    }

    .m-culture-de .con {
        margin:0;
        margin-bottom:20px;
    }

    .m-culture-de .item:last-child .con {
        margin-bottom:0;
    }

    .m-culture-de .content {
        height:70px;
        margin-bottom:20px;
    }

    .row-z11, .row-z12 {
        padding:20px 0 30px;
    }

    .ul-nav-se {
        overflow-y:hidden;
        overflow-x:auto;
    }

    .ul-nav-se li {
        width:auto;
        float:none;
        display:inline-block;
    }

    .m-serve-z .box::after {
        width:200px;
        height:200px;
        right:-20px;
        bottom:-50px;
    }

    .ul-nav-se a {
        display:inline-block;
        padding-bottom:10px;
    }

    .ul-nav-se a::after {
        height:1px;
        bottom:0px;
    }

    .m-serve-z .con {
        display:block;
        padding:10px;
    }

    .m-serve-z .pic {
        width:100%;
        height:auto;
        float:none;
    }

    .m-serve-z .box {
        display:block;
    }

    .row-z12 {
        height:auto;
    }

    .m-serve-z .txt {
        padding:10px;
    }

    .ul-case-z {
        padding:0;
        margin:0;
    }

    .ul-case-z .con {
        margin:0;
    }

    .ul-case-z .slick-arrow {
        width:40px;
        height:40px;
        left:10px;
        background:url("../images/cd11.png") center center no-repeat;
        background-size:cover;
        z-index:2;
    }

    .ul-case-z .slick-next {
        left:auto;
        right:10px;
        background:url("../images/cd13.png") center center no-repeat;
        background-size:cover;
    }

    .m-case-z {
        padding-top:20px;
        margin-bottom:20px;
    }

    .row-z04 {
        margin-bottom:20px;
    }

    .jump-icon a {
        overflow:hidden;
        border-radius:50%;
        -webkit-border-radius:50%;
        -moz-border-radius:50%;
        -ms-border-radius:50%;
        -o-border-radius:50%;
    }

    .jump-icon a::after {
        opacity:1;
    }

    .m-new-ce1 {
        padding:0;
    }
}