@charset "utf-8";

.clearfix {
    clear: both;
}

.tit.right {
    margin-bottom: 40px;
}

/* 定义网站色值 */
.mc {
    color: #28b8b9;
}

.fc {
    color: #6ea97f;
}

.wc {
    color: #ffffff;
}

.gc {
    color: #6f6f6f;
}

.d-gc {
    color: #9e9e9e;
}

.rc {
    color: #ff231c;
}

.oc {
    color: #fc842c;
}

.yc {
    color: #fff714;
}

.gc {
    color: #28b8b9;
}

.bc {
    color: #3f539a;
}

.font-50 {
    font-size: 50px;
}

.font-40 {
    font-size: 40px;
}

.font-34 {
    font-size: 34px;
}

.font-32 {
    font-size: 32px;
}

.font-30 {
    font-size: 30px;
}

.font-28 {
    font-size: 28px;
}

.font-24 {
    font-size: 24px;
}

.font-22 {
    font-size: 22px;
}

.font-20 {
    font-size: 20px;
}

.font-18 {
    font-size: 18px;
}

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

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

a,
img {
    vertical-align: top;
}

.container {
    width: 96%;
    margin: 0 auto;
}

.container2 {
    width: 71%;
    margin: 0 auto;
}

.ny_container1 {
    width: 96%;
    margin: 0 auto;
}

.ny_container2 {
    width: 71%;
    margin: 0 auto;
}

.img100 {
    overflow: hidden;
}

.img100 img {
    line-height: 0;
    width: 100%;
}

.relative {
    position: relative;
}

.hidden {
    overflow: hidden;
}

.left {
    float: left;
}

.right {
    float: right;
}

.lineheight1_2 {
    line-height: 1.2 !important;
}

.lineheight1_4 {
    line-height: 1.4 !important;
}

.lineheight1_6 {
    line-height: 1.6 !important;
}

.lineheight1_8 {
    line-height: 1.8 !important;
}

.lineheight2 {
    line-height: 2 !important;
}

.center {
    text-align: center;
}

.mo_header {
    display: none;
}

.home_f .top {
    padding-bottom: 0;
}

.header {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 9;
    border-bottom: 1px solid rgba(255, 255, 255, 0.09);
}

.home_banner .ul {
    position: absolute;
    right: 2.35%;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9;
    width: 150px;
}

.home_banner .ul li {
    padding-right: 30px;
    color: #ffffff;
    font-size: 12px;
    cursor: pointer;
    margin-bottom: 12px;
    line-height: 1.4;
    position: relative;
}

.home_banner .ul li:last-child {
    margin-bottom: 0;
}

.home_banner .ul li:before {
    position: absolute;
    content: "";
    top: 4px;
    right: 0;
    width: 16px;
    height: 16px;
    border: 1px solid #ffffff;
    transition: all 0.4s;
}

.home_banner .ul li .wz {
    opacity: 0;
}

.home_banner .ul li.cur .wz {
    opacity: 1;
}

.home_banner .ul li:after {
    position: absolute;
    content: "";
    top: 4px;
    right: 0;
    width: 16px;
    height: 0;

    background: #fff;
    transition: all 0.4s;
}

.home_banner .ul li.cur:after {
    height: 16px;
    border: 1px solid #ffffff;
}

.home_banner .swiper-pagination {
    display: none;
}

.header .left {
    padding-top: 20px;
    width: 163px;
}

.header .right {
    float: right;
}

.header .right .ul li {
    float: left;
    position: relative;
    margin-right: 45px;
}

@media(max-width: 1400px) {
    .header .right .ul li {
        margin-right: 30px;
    }
}

.header .right .ul li:before {
    width: 0;
    height: 2px;
    background: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all 0.4s;
    content: "";
}

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

.header .right .ul li>a {
    padding: 24px 0;
    display: block;
    color: #fff;
    position: relative;
    font-size: 16px;
}

.header .right .ul li>a.gd {
    padding-right: 16px;
}

.header .right .ul li>a.gd:after {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 9px;
    height: 6px;
    background: url(../images/home_nav_jt.png) center center/cover;
    content: "";
}

.header .right .ul li.cur:before,
.header .right .ul li:hover:before {
    width: 100%;
}

/*下拉开始*/
.header .right .ul li .xiala {
    overflow: hidden;
    position: absolute;
    top: 100%;
    left: 0;
    width: calc(200% + 30px);
    height: 0;
    transition: all 0.5s;
    background: #fff;
    height: 0;
    transition: all 0.5s;
    opacity: 0;
    z-index: -1;
    /*display: none;*/
}

.header .right .ul li .xialaA {
    padding: 36px 36px 0 36px;
}

.header .right .ul li .xiala .xiala_nr {
    padding-bottom: 14px;
    border-left: 1px solid #ededed;
    padding-left: 20px;
    position: relative;
}


.header .right .ul li .xiala .xiala_nr .k {
    position: absolute;
    height: 22px;
    width: 3px;
    background: #01c8ff;
    content: "";
    top: -3px;
    left: -1px;
    transition: all 0.4s;
}

.header .right .ul li .xiala a {
    display: block;
    font-size: 16px;
    color: #333;
    line-height: 1;
    margin-bottom: 26px;
    transition: all 0.3s;
}

.header .right .ul li .xiala a.cur {
    color: #0863c4;
}

.header .right .ul li:hover .xiala {
    height: 305px;
    z-index: 10;
    opacity: 1;
}

.header .right .ul li:nth-child(2):hover .xiala {
    height: 185px;
}


@media(max-width: 1500px) {
    .header .right .ul li .xialaA {
        padding: 30px 30px 0 30px;
    }

    .header .right .ul li:nth-child(2):hover .xiala {
        height: 146px;
    }

    .header .right .ul li:hover .xiala {
        height: 240px;
    }

    .header .right .ul li .xiala a {
        font-size: 14px;
        margin-bottom: 20px;
    }
}

/*end*/
.header .right2 {
    float: right;
    margin-left: 40px;
    padding: 24px 0;
    margin-top: 3.5px;
}

.header .right2 .icon {
    float: left;
    margin-right: 20px;
}

@media(max-width: 1700px) {
    .header .right2 {
        margin-top: 1px;
    }
}

.header .right2 .icon:last-child {
    margin-right: 0;
}

.home_banner .box .text {
    position: absolute;
    left: 30%;
    right: 0;
    top: 40.6%;
    opacity: 0;
    transition: all 2.5s;
}

.home_banner .box .img img {
    transform: scale(1.2);
    transition: all 2s;
}

.home_banner .swiper-slide.cur .box .img img {
    transform: scale(1);
}

.home_banner .swiper-slide.cur .box .text {
    opacity: 1;
    left: 0;
}

.home_banner .box .text .bt {
    color: #ffffff;
    font-size: 49px;
    line-height: 1.4;
}

.home_banner .box .text .js {
    color: #fff;
    font-size: 18px;
    margin-top: 20px;
}

.home_banner .box .text .more {
    margin-top: 70px;
}

.xxgd {
    position: absolute;
    right: 2.35%;
    bottom: 0;
    width: 14px;
    padding-bottom: 54px;
    z-index: 3;
    color: #fff;
}

.xxgd i {
    width: 3px;
    height: 44px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background: #c3cbd8;
    bottom: 0;
}

.xxgd i:before {
    background: #01c8ff;
    content: "";
    width: 100%;
    height: 18px;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: sbxh 2s linear infinite;
}

@-webkit-keyframes sbxh {
    0% {
        top: 0;
        opacity: 1;
    }

    25% {
        top: 25%;
        opacity: 0.75;
    }

    50% {
        top: 50%;
        opacity: 0.5;
    }

    75% {
        top: 75%;
        opacity: 0.25;
    }

    100% {
        top: 100%;
        opacity: 0;
    }
}


.more,
a.more {
    display: inline-block;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.2);
    font-size: 16px;
    padding: 14px 68px 14px 14px;
    line-height: 1;
    position: relative;
}

.more:after,
a.more:after {
    width: 9px;
    height: 9px;
    content: "";
    position: absolute;
    top: -9px;
    right: -9px;
    background: rgba(255, 255, 255, 0.12);
}

.more i,
a.more i {
    position: absolute;
    right: 0;
    top: 0;
    width: 48px;
    height: 100%;
    transition: all 0.4s;
    background: url(../images/more_jt1.png) right 18px center no-repeat rgba(255, 255, 255, 0.2);
}

.more:hover i,
a.more:hover i {
    width: 100%;
}

.footer {
    background: #1c1c1c;
}

.footer .top {
    font-size: 14px;
    background: #202020;
    padding: 26px 0;
}

.footer .top .right {
    font-size: 14px;
    color: #838383;
}

.footer .top .box {
    float: left;
    width: 922px;
    position: relative;

    color: #a7a7a7;
}

.footer .top .bt,
.footer .top .lb a {
    color: #a7a7a7;
}

.footer .top .bt {
    float: left;
    width: 70px;
}

.footer .top .lb {
    float: left;
    width: calc(100% - 70px);
    height: 20px;
    overflow: hidden;
    transition: all 0.5s;
}

.footer .top .lb a {
    float: left;
    display: block;
    margin-right: 20px;
    margin-bottom: 10px;
}

.footer .top .an {
    float: left;
    right: 0;
    top: -4px;
    padding: 6px 0;
    position: absolute;
    color: #999999;
    font-size: 14px;
    border: 1px solid #515151;
    width: 80px;
    right: -80px;
    cursor: pointer;
    text-align: center;
}

.footer .top .an i {
    display: inline-block;
    vertical-align: middle;
    background: url(../images/footer_jt.png) center center/cover;
    width: 13px;
    height: 7px;
    margin-right: 8px;
    transition: all 0.4s;
}

.footer .top .an.cur i {
    transform-origin: center center;
    transform: rotate(180deg);
}

.footer .btm {
    padding: 50px 0 80px;
}

.footer .btm .logo {
    float: left;
    width: 9.3%;
}

.footer .btm .zhong {
    width: 20%;
    float: left;
    margin-left: 8.1%;
}

.footer .btm .zhong .ul {
    float: left;
    width: 50%;
    padding-right: 20px;
}

.footer .btm .zhong .ul li {
    margin-bottom: 16px;
}

.footer .btm .zhong .ul li:last-child {
    margin-bottom: 0;
}

.footer .btm .zhong .ul li a {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.7);
}

.footer .btm .zhong .ul2 li a {
    font-size: 15px;
    color: rgba(255, 255, 255, 0.4);
}

.footer .btm .right {
    float: right;
}

.footer .btm .right .text {
    line-height: 2;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.5);
}

.footer .btm .right .text .num {
    font-size: 34px;
    line-height: 1.4;
    color: rgba(255, 255, 255, 0.8);
}

.banquan {
    border-top: 1px solid #292929;
    padding: 26px 0;
    background: #1c1c1c;
    text-align: center;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.2);
}

.banquan a {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.2);
}

.home_a {
    padding: 40px 0;
}

.home_a .ul li {
    float: left;
    width: 33.3%;
    padding-right: 20px;
    position: relative;
}

.home_a .ul li .img {
    float: left;
    width: 64px;
}

.home_a .ul li .text {
    float: left;
    padding-top: 8px;
    padding-left: 20px;
    width: calc(100% - 64px);
}

.home_a .ul li .text .bt {
    color: #333333;
    font-size: 22px;
    font-weight: 600;
}

.home_a .ul li .text .wenzi {
    color: #333333;
    font-size: 14px;
    margin-top: 5px;
    line-height: 1.6;
}

.ty_title {
    margin-bottom: 40px;
}

.ty_title .bt {
    float: left;
    font-size: 34px;
    color: #000000;
    line-height: 1.4;
    padding-left: 20px;
    position: relative;
}

.ty_title .bt i {
    height: 30px;
    width: 8px;
    background: #0863c4;
    position: absolute;
    left: 0;
    top: 6px;

}

.ty_title .bt i:after {
    content: "";
    height: 26%;
    width: 100%;
    background: #01c8ff;
    position: absolute;
    left: 0;
    top: 0;
    transition: all 0.4s;
}

.ty_title .bt i.animated:after {
    animation: Title 1.2s 1;
    /*animin*/
}

.ty_title .js {
    font-size: 15px;
    color: #666666;
    line-height: 1.6;
    float: left;
    padding-left: 12px;
    margin-top: 18px;
}

.ty_title .text {
    color: #333333;
    line-height: 1.8;
    margin-top: 16px;
}

.ty_title2 .js {
    width: 100%;
    padding-left: 20px;
    margin-top: 12px;
}

.center .ty_title .bt {
    display: inline-block;
    float: none;
}

.home_b .home_b_box {
    border-top: 1px solid #ebebec;
    padding: 100px 0 110px;
}



.home_b .ul .box {
    width: 32.1%;
    margin-right: 1.85%;
    float: left;
    background: #f7f9fb;
    height: 700px;
    overflow: hidden;
}

.home_b .ul .box .text {
    padding: 46px 30px;
}

.home_b .ul .box:last-child {
    margin-right: 0;
}

.home_b .ul .box .text .top .left {
    width: 58px;
}

.home_b .ul .box .text .top .left img {
    line-height: 0;
}

.home_b .ul .box .text .top .right {
    float: left;
    padding-left: 16px;
    width: calc(100% - 58px);
}

.home_b .ul .box .text .top .right .bt {
    color: #333333;
}

.home_b .ul .box .text .top .right .en {
    color: rgba(51, 51, 51, 0.34);
    margin-top: 3px;
}

.home_b .ul .box .text .btm .js {
    color: #333333;
    line-height: 1.6;
    margin-top: 24px;
    padding-top: 30px;
    border-top: 1px solid #e8eaec;
}

@media(max-width: 1850px) {
    .home_b .ul .box .text .btm .js {
        font-size: 15px;
    }
}

@media(max-width: 1700px) {
    .home_b .ul .box .text .btm .js {
        font-size: 14px;
    }
}

@media(max-width: 1400px) {
    .home_b .ul .box .text .btm .js {
        font-size: 16px;
    }
}

.home_b .ul .box .text .btm .wenzi {
    margin-top: 14px;
    line-height: 2;
    color: #666666;

}

.home_b .ul .box .text .btm .wenzi ul li {
    margin-bottom: 6px;
    padding-left: 16px;
    position: relative;
}

.home_b .ul .box .text .btm .wenzi ul li:last-child {
    margin-bottom: 0;
}

.home_b .ul .box .text .btm .wenzi ul li:before {
    position: absolute;
    content: "";
    left: 0;
    top: 9px;
    width: 8px;
    height: 8px;
    background: #0863c4;
}

.home_c {
    padding: 140px 0 130px;
    background: #323537;
}

.home_c .ty_title .bt,
.home_c .ty_title .js {
    color: #fff;
}

.home_c .left {
    width: 45.5%;
    position: relative;
    z-index: 2;
}

.home_c .left .nr {
    width: 90%;

    background: rgba(255, 255, 255, 0.04);
    line-height: 1.6;
    color: #fff;
    position: relative;
}

.home_c .left .nr:before {
    position: absolute;
    left: -46px;
    top: -46px;
    width: 46px;
    height: 46px;
    background: rgba(255, 2555, 255, 0.02);
    content: "";
}

.home_c .left .nr:after {}


.home_c .left .nr:after {
    position: absolute;
    content: "";
    right: 0;
    bottom: 0;
    width: 46px;
    height: 46px;
    background: rgba(255, 2555, 255, 0.02);
}

.home_c .left .nr .box {
    padding: 36px 40px;
    position: relative;
}

.home_c .left .nr .box:before {
    position: absolute;
    left: -76px;
    top: 0;
    width: 30px;
    height: 30px;
    background: rgba(255, 2555, 255, 0.02);
    content: "";
}

.home_c .left .nr .h3,
.home_c .left .nr .h4 {
    font-weight: initial;
}

.home_c .left .text {
    color: #fff;
    margin-top: 70px;
    line-height: 1.8;
}

.home_c .right {
    width: 40%;
    position: relative;
    z-index: 2;
    padding-right: 100px;
}


.home_c .right .ul li {
    float: left;
    width: 50%;
    height: 280px;
    background: #0863c4;
    color: #fff;
    position: relative;

}

.home_c .right .ul li.li2 {
    background: #01c8ff;
}

.home_c .right .ul li.li3 {
    background: none;
}

.home_c .right .ul li.li4 {
    background: none;
    border: 3px solid #01c8ff;
}

.home_c .right .ul li .box {
    padding: 40px;
}

.home_c .right .ul li.li4 .box {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    color: #01c8ff;
}

.home_c .right .ul li.li1:before {
    width: 30px;
    height: 30px;
    content: "";
    position: absolute;
    left: 70px;
    bottom: 0;
    background: #0685d8;
}

.home_c .right .ul li.li3:before {
    width: 70px;
    height: 70px;
    background: #109cc3;
    position: absolute;
    left: 0;
    top: 0;
    content: "";
}

.home_c .right .ul li.li3 .bg {
    background: #36393b;
    width: 48px;
    height: 48px;
    position: absolute;
    top: 30%;
    left: 30%;
    display: block;
}

.home_c .right .ul li.li3 .bg2 {
    width: 24px;
    height: 24px;
    bottom: 20%;
    top: auto;
    left: 10%;
}

.home_c .right:before {
    width: 70px;
    height: 70px;
    position: absolute;
    bottom: 18%;
    right: -20px;
    content: "";
    background: #36393b;
}

.home_c .tua {
    width: 88px;
    height: 88px;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    z-index: 0;
}

.home_c .tua:before {
    width: 68%;
    height: 68%;
    position: absolute;
    right: 0;
    top: 0;
    background: #36393b;
    content: "";
}

.home_c .tua:after {
    width: 32%;
    height: 32%;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #36393b;
    content: "";
}

.home_d {
    padding: 110px 0 50px;
}

.home_d .ul {
    border-left: 1px solid #f1f1f1;
    border-top: 1px solid #f1f1f1;
    padding-bottom: 0;
}

.home_d .ul li {
    width: 16.66%;
    float: left;
    border-bottom: 1px solid #f1f1f1;
    border-right: 1px solid #f1f1f1;
    transition: all 0.4s;
    position: relative;

}

.home_d .ul li:hover {
    z-index: 9;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

.home_d .ul li .img {
    line-height: 0;
    /*! -webkit-filter: grayscale(100%); */
    /* Chrome, Safari, Opera */
    /*! filter: grayscale(100%); */
    transition: all 0.3s;
}

.home_d .ul li:hover .img {
    -webkit-filter: grayscale(0);
    /* Chrome, Safari, Opera */
    filter: grayscale(0);
}


.tit a {
    color: #666666;
    font-size: 16px;
    float: left;
    margin-right: 40px;
    padding: 16px 0 10px;
    position: relative;
}

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

.tit a.cur {
    color: #0e57ac;
    background: linear-gradient(71deg, #0082a1, #59bc68);
    -webkit-background-clip: text;
    color: transparent;
}

.tit a:after {
    height: 4px;
    background: #59bc68;
    width: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    content: "";
    transition: all 0.5s;
    overflow: hidden;
}

.tit a:before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 0;
    height: 4px;
    background: #00823e;
    z-index: 1;
    transition: all 0.4s;
    /* background: linear-gradient(68deg, #0082a1, #59bc68); */
    /* -webkit-background-clip: text; */
    /* color: transparent; */
    /* overflow: hidden; */
}

.tit a.cur:after,
.tit a:hover:after {
    width: 5px;
}

.tit a.cur:before,
.tit a:hover:before {
    width: 100%;
}

.home_e {
    padding: 60px 0 120px;
}

.home_e .ul {
    display: none;
}

.home_e .ul.cur {
    display: block;
}

.home_e .ul li {
    width: 33.1%;
    margin-right: 0.35%;
    float: left;
    margin-bottom: 6px;
    position: relative;
    overflow: hidden;
}

.home_e .ul li:before {
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    z-index: 9;
    transition: 1s;
}

.home_e .ul.animated li:before {
    left: 100%;
}

.home_e .ul li .video {
    position: relative;
}

.home_e .ul li .video video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
}

.home_e .ul li .video img {
    opacity: 0;
}

.home_e .ul li .bg .more {
    text-transform: uppercase;
    font-size: 16px;
    color: #fff;
    line-height: 1;
    border: 1px solid #fff;
    padding: 8px 20px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.home_e .ul li.none {
    margin-right: 0;
    display: block;
}

.home_e .ul li:nth-child(1) {
    width: 66.55%;
}

.home_e .ul li .img img {
    transform: scale(1);
    transition: all 0.4s;
    overflow: hidden;
}

.home_e .ul li:hover .img img {
    transform: scale(1.1);
}

.home_f {
    padding: 100px 0 130px;
    background: #fafafa;
}

.home_f .nr {
    display: none;
}

.home_f .nr.cur {
    display: block;
}

.home_f .nr .nr_s .ul li {
    float: left;
    width: 47.7%;
    margin-right: 4.6%;
}

.home_f .nr .nr_s .ul li:last-child {
    margin-right: 0;
}

.home_f .nr .nr_s .ul li .text {
    padding: 24px 0;
}

.home_f .nr .nr_s .ul li .text .bt {
    color: #000000;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}
.home_f .nr .nr_s .ul li .text .tj.bt {
    font-size: 22px;
}

.home_f .nr .nr_s .ul li .text .time {
    color: #000000;
    margin-top: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

.home_f .nr .nr_s .ul li .text .js {
    color: #666666;
    line-height: 1.6;
    margin-top: 10px;
}

.home_f .nr .nr_x {
    padding: 10px 0;
}

.home_f .nr .nr_x .ul li {
    float: left;
    width: 47.7%;
    margin-right: 4.6%;
    border-top: 1px solid #e5e7e9;
    border-bottom: 1px solid #e5e7e9;
}

.home_f .nr .nr_x .ul li:last-child {
    margin-right: 0;
}

.home_f .nr .nr_x .ul li a {
    display: block;
    float: left;
    width: 100%;
    margin-right: 4%;
    padding: 10px 0 10px 10px;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px;
    -o-text-overflow: ellipsis;
}

.home_f .nr .nr_x .ul li a:nth-child(2n) {
    margin-right: 0;
}

.home_f .nr .nr_x .ul li a:before {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 4px;
    border-radius: 100%;
    content: "";
    background: #999999;
}

.home_banner .box .img .img2 {
    display: none;
}

.mo_header {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 9;
    padding: 16px 0;
}

.mo_header .logo {
    width: 140px;
}

.mo_header .nav {
    background: url(../images/nav.png) center center/cover;
    width: 38px;
    height: 22px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

@media(max-width: 1920px) {
    .container2 {
        width: 84%;
    }

    .container3 {
        width: 80%;
    }

    .ny_container2 {
        width: 84%;
    }

    .ty_title .bt {
        font-size: 20px;
        font-weight: bold;
    }

    .ty_title .js {
        font-size: 14px;
    }

    .home_banner .box .text .bt {
        font-size: 44px;
    }

    .home_banner .ul li:before {
        width: 12px;
        height: 12px;
    }

    .home_banner .ul li:after {
        width: 12px;
    }

    .home_banner .ul li.cur:after {
        height: 12px;
    }

    .home_banner .ul li {
        padding-right: 20px;
    }

    .home_a .ul li .text .bt {
        font-size: 20px;
    }

    .home_b .home_b_box {
        padding: 80px 0 90px;
    }

    .home_b .ul .box .text {
        padding: 40px 40px;
    }

    .home_b .ul .box .text .btm .js {
        margin-top: 14px;
        padding-top: 20px;
    }

    .home_b .ul .box .text .top .left {
        width: 46px;
    }

    .home_b .ul .box .text .btm .wenzi {
        margin-top: 10px;
    }

    .home_b .ul .box {
        height: 640px;
    }

    .home_c {
        padding: 110px 0 90px;
    }

    .home_c .left .text {
        margin-top: 50px;
    }

    .home_c .right {
        padding-right: 60px;
    }

    .home_c .right .ul li .box {
        padding: 30px 20px;
    }

    .home_d {
        padding: 90px 0 90px;
    }

    .home_e {
        padding: 40px 0 90px;
    }

    .home_f {
        padding: 80px 0 20px;
        background: #f7f7fa;
    }

    .footer .btm .right .text .num {
        font-size: 28px;
    }

    .banquan {
        padding: 20px 0;
    }
}

@media(max-width: 1700px) {
    .header .left {
        padding-top: 16px;
    }

    .header .right2 {
        padding: 20px 0;
    }

    .header .right .ul li>a {
        padding: 18px 0;
    }

    .home_banner .box .text .bt {
        font-size: 36px;
    }

    .home_banner .box .text .js {
        font-size: 16px;
        margin-top: 14px;
    }

    .home_banner .box .text .more {
        margin-top: 50px;
    }

    .home_a {
        padding: 30px 0;
    }

    .home_a .ul li .text .bt {
        font-size: 18px;
    }

    .home_a .ul li .img {
        width: 54px;
    }

    .home_a .ul li .text {
        padding-left: 14px;
        width: calc(100% - 54px);
    }

    .home_b .home_b_box {
        padding: 80px 0;
    }

    .home_b .ul .box .text {
        padding: 30px;
    }

    .home_b .ul .box {
        height: 600px;
    }

    .home_c {
        padding: 90px 0 80px;
    }

    .home_c .right {
        padding-right: 0px;
    }

    .home_c .left .nr .box {
        padding: 36px 30px;
    }

    .home_c .right .ul li {
        height: 260px;
    }

    .footer .btm .right .text .num {
        font-size: 26px;
    }
}

@media(max-width: 1500px) {
    .container2 {
        width: 90%;
    }

    .more,
    a.more {
        padding: 14px 60px 14px 12px;
        font-size: 14px;
    }

    .ty_title {
        margin-bottom: 26px;
    }

    .ty_title .bt {
        padding-left: 0;
        font-size: 26px;
    }

    .ty_title .js {
        margin-top: 12px;
    }

    .ty_title .bt i {
        height: 24px;
        width: 6px;
        top: 6px;
    }

    /* .ty_title .bt i:after{height: 6px;width: 6px;}*/
    .header .left {
        width: 150px;
    }

    .header .right .ul li>a {
        font-size: 14px;
    }

    .home_banner .box .text .bt {
        font-size: 28px;
    }

    .home_banner .ul li:before {
        width: 10px;
        height: 10px;
    }

    .home_banner .ul li:after {
        width: 10px;
    }

    .home_banner .ul li.cur:after {
        height: 10px;
    }

    .home_banner .ul li {
        padding-right: 12px;
    }

    .home_banner .box .text .js {
        font-size: 14px;
        margin-top: 10px;
    }

    .home_banner .box .text .more {
        margin-top: 40px;
    }

    .home_a .ul li .text .bt {
        font-size: 16px;
    }

    .home_b .home_b_box {
        padding: 60px 0;
    }

    .home_b .ul .box .text {
        padding: 30px 20px;
    }

    .home_b .ul .box .text .btm .js {
        margin-top: 12px;
        padding-top: 16px;
    }

    .home_b .ul .box {
        height: 560px;
    }

    .home_c {
        padding: 80px 0 70px;
    }

    .home_c .left .text {
        margin-top: 30px;
    }

    .home_c .right .ul li {
        height: 220px;
    }

    .home_d {
        padding: 70px 0 70px;
    }

    .home_e {
        padding: 40px 0 70px;
    }

    .home_f {
        padding: 70px 0 90px;
    }

    .home_f .top {
        padding-bottom: 0;
    }

    .tit a {
        font-size: 14px;
        padding: 12px 0 8px;
    }

    .tit a:after,
    .tit a:before {
        height: 3px;
    }

    .home_f .nr .nr_s .ul li .text {
        padding: 20px 0;
    }

    .footer .btm {
        padding: 40px 0 60px;
    }

    .footer .btm .zhong .ul li a {
        font-size: 14px;
    }

    .footer .btm .right .text .num {
        font-size: 22px;
    }

    .footer .top .box {
        width: 600px;
    }

    .footer .top {
        padding: 20px 0;
    }
}

@media(max-width: 1100px) {
    .news_gd {
        cursor: pointer;
        font-size: 14px;
        text-align: center;
        background: #333;
        color: #fff;
        height: 46px;
        line-height: 46px;
        width: 180px!important;
        margin: 40px auto 10px auto!important;
    }
    .news_gd p {
        font-size: 14px!important;
        text-align: center;
        line-height: 46px;
    }
    .xxgd {
        display: none;
    }
    .home_f .nr .nr_s .ul li .text .tj.bt {
        font-size: 18px;
    }
    .container2 {
        width: 95%;
    }

    .mo_header {
        display: block;
    }

    .header {
        display: none;
    }

    .home_banner .box .img .img1 {
        display: none !important;
    }

    .home_banner .box .img .img2 {
        display: block;
    }

    .home_banner .ul {
        display: none;
    }

    .footer .btm {
        padding: 40px 0;
    }

    .footer .top {
        display: none;
    }

    .footer .btm .logo {
        width: 160px;
    }

    .footer .btm .zhong {
        width: 100%;
        margin-left: 0;
        margin-top: 20px;
        padding: 20px 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        border-top: 1px solid rgba(255, 255, 255, 0.1);
    }

    .footer .btm .right {
        width: 100%;
        margin-top: 20px;
    }

    .banquan {
        padding: 14px 0;
    }

    .home_banner .box .text {
        top: 33%;
    }

    .home_banner .box .text .bt {
        font-size: 22px;
    }

    .home_banner .box .text .more {
        margin-top: 30px;
    }

    .more,
    a.more {
        padding: 10px 40px 10px 10px;
    }

    .more i,
    a.more i {
        width: 30px;
        background: url(../images/more_jt1.png) right 8px center no-repeat rgba(255, 255, 255, 0.2);
    }

    .home_b .home_b_box {
        padding: 40px 0;
    }

    .ty_title .bt i {
        height: 22px;
        width: 6px;
        top: 4px;
    }

    .ty_title .bt {
        font-size: 18px;
        color: #333;
    }

    .ty_title .js {
        margin-top: 10px;
    }

    .ty_title {
        margin-bottom: 20px;
    }

    .home_c {
        padding: 40px 0;
    }

    .home_c .left {
        width: 100%;
    }

    .home_c .right {
        width: 100%;
        margin-top: 20px;
    }

    .home_d {
        padding: 40px 0 20px;
    }

    .home_d .ul li {
        width: 25%;
    }

    .home_e {
        padding: 20px 0 30px;
    }

    .home_e .tit {
        width: 100%;
    }

    .home_e .tit a {
        padding-top: 0;
        margin-right: 20px;
    }

    .home_e .ul {
        margin-top: 20px;
    }

    .home_f {
        padding: 40px 0;
    }

    .home_f .tit {
        width: 100%;
    }

    .home_f .tit a {
        padding-top: 0;
        margin-right: 20px;
    }

    .home_f .nr {
        margin-top: 20px;
    }

    .home_f .nr .nr_s .ul li {
        width: 100%;
        margin-right: 0;
        margin-bottom: 0px;
    }

    .home_f .nr .nr_s .ul li:last-child {
        margin-bottom: 0;
    }

    .home_f .nr .nr_x .ul li {
        width: 100%;
        margin-right: 0;
        border-bottom: none;
    }

    .home_f .nr .nr_x .ul li:last-child {
        border-top: none;
        border-bottom: 1px solid #e5e7e9;
    }

    .home_f .nr .nr_x .ul li a {
        width: 100%;
        margin-right: 0;
    }
}

@media(max-width: 900px) {
    .home_a .ul li {
        width: 100%;
        margin-bottom: 20px;
    }

    .home_a .ul li:last-child {
        margin-bottom: 0;
    }

    .home_b .ul .box {
        height: auto;
        width: 100%;
        margin-bottom: 20px;
    }

    .home_b .ul .box:last-child {
        margin-bottom: 0;
    }

    .home_b .ul .box .text {
        padding: 24px 16px;
    }

    .home_b .ul .box .text .btm .js {
        margin-top: 10px;
        padding-top: 10px;
    }

    .home_c .left .nr .box {
        padding: 20px;
    }
}

@media(max-width: 640px) {
    .home_c .left .nr {
        width: 100%;
    }

    .home_c .right .ul li {
        height: 180px;
    }

    .home_c .right .ul li .box {
        padding: 20px 16px;
    }

    .home_c .right .ul li.li3 .bg {
        display: none;
    }

    .home_d .ul li {
        width: 33.3%;
    }

    .home_e .ul li {
        margin-bottom: 1px;
    }

    .footer .btm .right .text .num {
        font-size: 20px;
    }

    .footer .btm .logo {
        width: 140px;
    }
}

@media(max-width: 500px) {
    /*.home_d .ul li{width: 50%;}*/

}

.nybanner .img .img2 {
    display: none;
}

.nybanner .img {
    overflow: hidden;
}

.nybanner .img .img1 {
    transition: all 1.4s;
    transform: scale(1.06);
}

.nybanner .img .img1.cur {
    transform: scale(1);
}

.about_banner .nybanner_box {
    position: absolute;
    left: 0;
    right: 0;
    top: 30.5%;
}

.about_banner .nybanner_box .right {
    float: right;
    background: rgba(255, 255, 255, 0.96);
    width: 49%;
    padding: 80px 60px 180px;
}

.about_banner .nybanner_box .right .bt {
    font-size: 50px;
    color: #000000;
    line-height: 1.3;
    position: relative;
    z-index: 2;
}

.about_banner .nybanner_box .right .text {
    color: #333333;
    line-height: 1.8;
    margin-top: 20px;
    position: relative;
    z-index: 2;
}

.bule {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 140px;
    height: 140px;
    background: #186dc7;
    color: #fff;
    line-height: 1.4;
    text-align: right;
    font-size: 15px;
}

.bule .js {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 0 16px 16px;
}

.bule:before {
    position: absolute;
    left: 0;
    top: 0;
    background: #0863c4;
    width: 42px;
    height: 42px;
    content: "";
}

.bule:after {
    background: #01c8ff;
    width: 30px;
    height: 30px;
    position: absolute;
    content: "";
    top: -30px;
    left: -30px;
}

.about_a {
    padding: 120px 0 140px;
    /* background: url(../images/about_a_bg.jpg) center center/cover;*/
    background-attachment: fixed;
}

.about_a .about_a_box {
    width: 67%;
    margin: 0 auto;
}

.about_a .about_a_box .wenzi {
    margin-top: 40px;
    line-height: 2;
    color: #333;
}

.about_a .about_a_box .wenzi .h3 {
    margin-bottom: 4px;
}

.about_b {
    position: relative;
    padding: 110px 0 74px;
    background: #f6f6f6;
}

.about_b:before {
    width: 100%;
    height: 32%;
    content: "";
    background: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 0;
}

.about_b .left {
    width: 20%;
    position: relative;
    z-index: 2;
}


.about_b .right {
    width: 75%;
    position: relative;
    z-index: 2;
}

.about_b .right .text {
    line-height: 2;
    color: #333333;
}

.about_b .right .text .h3 {
    margin-bottom: 2px;
}

.about_b .img {
    margin-top: 90px;
    position: relative;
    z-index: 0;
}

.about_b .img .box .bg {
    position: absolute;
    left: 0;
    top: -210px;
    width: 210px;
    height: 210px;
    background: #ededed;
}

.about_b .img .box .bg:before {
    position: absolute;
    right: 0;
    top: 0;
    width: 60px;
    height: 60px;
    background: #e7e7e7;
    content: "";
}

.about_b .img .box .bg:after {
    position: absolute;
    right: -44px;
    top: -44px;
    width: 44px;
    height: 44px;
    background: #ededed;
    content: "";
}

.about_b .img .box img {
    width: 100%;
}

.about_b .img .box .bule {
    font-size: 25px;
    background: rgba(255, 255, 255, 0.12);
    width: 260px;
    height: 260px;
}

.about_b .img .box .bule .js {
    padding: 0 30px 30px;
}

.about_b .img .box .bule:before {
    width: 80px;
    height: 80px;
    background: rgba(255, 255, 255, 0.11);
}

.about_b .img .box .bule:after {
    background: rgba(255, 255, 255, 0.12);
    width: 54px;
    height: 54px;
    top: -54px;
    left: -54px;
}

.about_c {
    background: #232628;
}

.about_c .ul li {
    float: left;
    width: 40%;
    height: 300px;
    position: relative;
}


.about_c .ul li.li5 .ty_title .bt {
    color: #fff;
}

.about_c .ul li.li5 .ty_title {
    margin-bottom: 20px;
}

.about_c .ul li.li5 .wenzi {
    line-height: 1.8;
    color: rgba(255, 255, 255, 0.56);
}

.about_c .ul li .img {
    width: 50%;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    opacity: 0.11;
    transition: all 0.6s;
}

.about_c .ul li .text {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 50%;

}

.about_c .ul li .text .box {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    padding: 0 70px;
    color: #fff;
    display: none;
}

.about_c .ul li .text .fbt {
    margin-top: 10px;
    color: rgba(255, 255, 255, 0.5);
}

.about_c .ul li .text .js {
    margin-top: 20px;
    color: rgba(255, 255, 255, 0.5);
}


.about_c .ul li.li2 .text:before {
    width: 24px;
    height: 24px;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(255, 255, 255, 0.1);
    content: "";
}

.about_c .ul li.li2 .text:after {
    width: 60px;
    height: 60px;
    position: absolute;
    left: 24px;
    top: 24px;
    background: rgba(255, 255, 255, 0.03);
    content: "";
}

.about_c .ul li.li3,
.about_c .ul li.li4,
.about_c .ul li.li9 {
    width: 20%;
}

.about_c .ul li.li3 .img,
.about_c .ul li.li9 .img {
    width: 100%;
}

.about_c .ul li.li3 .text {
    top: 100%;
    width: 100%;
    transform: initial;
}

.about_c .ul li.li9 .text {
    top: -100%;
    width: 100%;
    transform: initial;
}

.about_c .ul li.li5 {
    background: #272a2c;
    padding: 80px 60px;
}

.about_c .ul li.li5 .bule {
    color: rgba(255, 255, 255, 0.06);
    background: rgba(255, 255, 255, 0.02);
}

.about_c .ul li.li5 .bule:before {
    background: rgba(255, 255, 255, 0.03);
}

.about_c .ul li.li5 .bule:after {
    background: rgba(255, 255, 255, 0.01);
}

.about_c .ul li:hover .img {
    opacity: 1;
}

.about_c .ul li:hover .text .box {
    display: block;
}

@media(max-width: 1700px) {
    .about_banner .nybanner_box .right {
        padding: 60px 40px 160px;
    }

    .about_banner .nybanner_box .right .bt {
        font-size: 40px;
    }

    .about_banner .nybanner_box .right .text {
        margin-top: 16px;
    }

    .bule {
        width: 120px;
        height: 120px;
        font-size: 12px;
    }

    .about_a {
        padding: 90px 0 120px;
    }

    .about_b {
        position: relative;
        padding: 90px 0 70px;
        background: #f6f6f6;
    }

    .about_b .img .box .bg {
        width: 180px;
        height: 180px;
        top: -180px;
    }

    .about_b .img .box .bule {
        font-size: 18px;
        width: 180px;
        height: 180px;
    }

    .about_b .img .box .bule .js {
        padding: 0 20px 20px;
    }

    .about_c .ul li {
        height: 260px;
    }

    .about_c .ul li.li5 {
        padding: 80px 40px;
    }

    .about_c .ul li .text .box {
        padding: 0 20px;
    }

    .about_c .ul li .text .js {
        margin-top: 14px;
    }
}

@media(max-width: 1500px) {
    .ny_container2 {
        width: 88%;
    }

    .about_banner .nybanner_box .right .bt {
        font-size: 30px;
    }

    .about_banner .nybanner_box .right {
        padding: 40px 30px 140px;
    }

    .about_a {
        padding: 70px 0 90px;
    }

    .about_a .about_a_box .wenzi {
        margin-top: 30px;
    }

    .about_b {
        padding: 70px 0 50px;
    }

    .about_b .img .box .bg {
        width: 150px;
        height: 150px;
        top: -150px;
    }

    .about_b .img .box .bule:before {
        width: 60px;
        height: 60px;
    }

    .about_b .img .box .bule {
        font-size: 15px;
        width: 150px;
        height: 150px;
    }

    .about_b .img .box .bg:before {
        width: 46px;
        height: 46px;
    }

    .about_b .img .box .bg:after {
        right: -30px;
        top: -30px;
        width: 30px;
        height: 30px;
    }

    .about_b .img .box .bule:after {
        width: 36px;
        height: 36px;
        top: -36px;
        left: -36px;
    }

    .about_c .ul li {
        height: 220px;
    }

    .about_c .ul li .text .fbt {
        margin-top: 6px;
    }

    .about_c .ul li .text .js {
        margin-top: 10px;
    }
}

@media(max-width: 1100px) {
    .nybanner .img .img1 {
        display: none;
    }

    .nybanner .img .img2 {
        display: block;
    }

    .ny_container2 {
        width: 95%;
    }

    .ny_container1 {
        width: 100%;
    }

    .about_a {
        padding: 40px 0;
    }

    .bule {
        width: 100px;
        height: 100px;
    }

    .bule:after {
        width: 20px;
        height: 20px;
        top: -20px;
        left: -20px;
    }

    .bule:before {
        width: 30px;
        height: 30px;
    }

    .about_banner .bule {
        opacity: 0.7;
    }

    .about_banner .nybanner_box {
        top: 56%;
        transform: translateY(-50%);
    }

    .about_banner .nybanner_box .right .bt {
        font-size: 24px;
    }

    .about_banner .nybanner_box .right .text {
        margin-top: 10px;
    }

    .about_banner .nybanner_box .right {
        width: 100%;
        padding: 30px 20px 100px;
    }

    .about_b {
        padding: 40px 0 50px;
    }

    .about_b .left {
        width: 100%;
    }

    .about_b .right {
        width: 100%;
    }

    .about_b .img {
        margin-top: 40px;
    }

    .about_b .img .box .bg {
        width: 90px;
        height: 90px;
        top: -90px;
    }

    .about_b .img .box .bule {
        font-size: 12px;
        width: 110px;
        height: 110px;
    }

    .about_b .img .box .bule:before {
        width: 30px;
        height: 30px;
    }

    .about_b .img .box .bule:after {
        width: 18px;
        height: 18px;
        top: -18px;
        left: -18px;
    }

    .about_c .ul li,
    .about_c .ul li.li3,
    .about_c .ul li.li4,
    .about_c .ul li.li9 {
        width: 100%;
    }

    .about_c .ul li.li3 .img,
    .about_c .ul li.li9 .img {
        width: 50%;
    }

    .about_c .ul li.li4 {
        display: none;
    }

    .about_c .ul li.li5 {
        padding: 40px 20px;
    }

    .about_c .ul li.li2 .img,
    .about_c .ul li.li7 .img,
    .about_c .ul li.li9 .img {
        left: auto;
        right: 0;
    }

    .about_c .ul li.li2 .text,
    .about_c .ul li.li7 .text,
    .about_c .ul li.li9 .text {
        left: 0;
        right: auto;
    }

    .about_c .ul li.li9 .text {
        width: 50%;
        top: 50%;
        transform: translateY(-50%);
    }

    .about_c .ul li.li3 .text {
        width: 50%;
        top: 50%;
        transform: translateY(-50%);
    }
}


@media(max-width: 800px) {
    .about_a .about_a_box {
        width: 100%;
    }
}

@media(max-width: 500px) {
    .about_b .img .box .bule {
        width: 90px;
        height: 90px;
    }

    .about_b .img .box .bule:before {
        width: 20px;
        height: 20px;
    }

    .about_b .img .box .bule:after {
        width: 10px;
        height: 10px;
        top: -10px;
        left: -10px;
    }

    .about_b .img .box .bule .js {
        padding: 0 4px 10px;
    }

    .about_c .ul li {
        height: 160px;
    }

    .about_c .ul li.li2 .text:before {
        width: 16px;
        height: 16px;
    }

    .about_c .ul li.li2 .text:after {
        width: 40px;
        height: 40px;
        left: 16px;
        top: 16px;
    }
}

.shuzihua_banner .shuzihua_text {
    position: absolute;
    left: 50%;
    top: 30%;
    width: 49%;
    transform: translateX(-50%);
    text-align: center;
    color: #fff;
}

.shuzihua_banner .shuzihua_text .bt {
    line-height: 1;
}

.shuzihua_banner .shuzihua_text .bt .a {
    font-size: 130px;
}

.shuzihua_banner .shuzihua_text .bt .b {
    font-size: 119px;
}

.shuzihua_banner .shuzihua_text .bt .c {
    font-size: 160px;
}

.shuzihua_banner .shuzihua_text .bt .d {
    font-size: 170px;
}

.shuzihua_banner .shuzihua_text .bt .e {
    font-size: 200px;
}

.shuzihua_banner .shuzihua_text .js {
    font-size: 50px;
    line-height: 1.4;
}

.shuzihua_banner .shuzihua_text .icon {
    width: 170px;
    margin-top: 40px;
    display: inline-block;
}

.shuzihua_a {
    padding: 90px 0 130px;
}

.shuzihua_a .ul li {
    float: left;
    margin-right: 1.1%;
    width: 32.6%;
    background: #f8f8f8;
}

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

.shuzihua_a .ul li .text {
    padding: 40px 34px;
}

.shuzihua_a .ul li .text .icon {
    width: 54px;
}

.shuzihua_a .ul li .text .bt {
    color: #333333;
    margin-top: 26px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

.shuzihua_a .ul li .text .js {
    line-height: 1.8;
    color: #666666;
    margin-top: 12px;
    height: 80px;
    overflow: hidden;
}

.shuzihua_b {
    padding: 100px 0 170px;
    background: url(../images/shuzihua_b_bg.jpg) center center/cover;
    background-attachment: fixed;
}

.shuzihua_b .ul li {
    float: left;
    width: 30%;
    margin-right: 5%;
    padding-right: 110px;
    position: relative;
    transition: all 0.4s;
    top: 0;
}

.shuzihua_b .ul li:hover {
    top: -20px;
}

.shuzihua_b .ul li:before {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    content: "";
    width: 1px;
    background: #e2e2e2;
}

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

.shuzihua_b .ul li:last-child:before {
    display: none;
}

.shuzihua_b .ul li .icon {
    width: 118px;
}

.shuzihua_b .ul li .text {
    margin-top: 20px;
}

.shuzihua_b .ul li .text .bt {
    color: #333333;
    line-height: 1.5;
}

.shuzihua_b .ul li .text .js {
    margin-top: 16px;
    line-height: 1.8;
    color: #666666;
}

.shuzihua_c {
    background: #272a2c;
    padding: 140px 0 120px;
}

.shuzihua_c .ty_title .bt,
.shuzihua_c .ty_title .js {
    color: #fff;
}

.shuzihua_c .left {
    width: 30.3%;
}

.shuzihua_c .left .ul {
    margin-top: 60px;
}

.shuzihua_c .left .ul li {
    margin-bottom: 40px;
    padding-left: 20px;
}

.shuzihua_c .left .ul li:last-child {
    margin-bottom: 0;
}

.shuzihua_c .left .ul li .icon {
    float: left;
    width: 37px;
}

.shuzihua_c .left .ul li .text {
    float: left;
    width: calc(100% - 37px);
    padding-left: 12px;
    color: #fff;
    margin-top: -6px;
}

.shuzihua_c .left .ul li .text .js {
    line-height: 1.8;
    margin-top: 4px;
}

.shuzihua_c .right {
    width: 63.7%;
    margin-right: -50px;
    text-align: right;
}

.shuzihua_c .right .img1 {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 17.1%;
}

.shuzihua_c .right .img2 {
    width: 89.5%;
    display: inline-block;
}

@media(max-width: 1680px) {
    .shuzihua_banner .shuzihua_text .bt .a {
        font-size: 100px;
    }

    .shuzihua_banner .shuzihua_text .bt .b {
        font-size: 99px;
    }

    .shuzihua_banner .shuzihua_text .bt .c {
        font-size: 140px;
    }

    .shuzihua_banner .shuzihua_text .bt .d {
        font-size: 150px;
    }

    .shuzihua_banner .shuzihua_text .bt .e {
        font-size: 170px;
    }

    .shuzihua_banner .shuzihua_text .js {
        font-size: 36px;
    }

    .shuzihua_a {
        padding: 70px 0 100px;
    }

    .shuzihua_a .ul li .text {
        padding: 30px;
    }

    .shuzihua_a .ul li .text .icon {
        width: 50px;
    }

    .shuzihua_a .ul li .text .bt {
        margin-top: 20px;
    }

    .shuzihua_b {
        padding: 80px 0 140px;
    }

    .shuzihua_b .ul li {
        padding-right: 60px;
    }

    .shuzihua_b .ul li .icon {
        width: 80px;
    }

    .shuzihua_c {
        padding: 100px 0 80px;
    }

}

@media(max-width: 1500px) {
    .shuzihua_banner .shuzihua_text .bt .a {
        font-size: 60px;
    }

    .shuzihua_banner .shuzihua_text .bt .b {
        font-size: 59px;
    }

    .shuzihua_banner .shuzihua_text .bt .c {
        font-size: 90px;
    }

    .shuzihua_banner .shuzihua_text .bt .d {
        font-size: 110px;
    }

    .shuzihua_banner .shuzihua_text .bt .e {
        font-size: 130px;
    }

    .shuzihua_banner .shuzihua_text .js {
        font-size: 28px;
        line-height: 1.6;
    }

    .shuzihua_banner .shuzihua_text {
        width: 70%;
    }

    .shuzihua_banner .shuzihua_text .icon {
        width: 150px;
        margin-top: 30px;
    }

    .shuzihua_a {
        padding: 60px 0 80px;
    }

    .shuzihua_a .ul li .text {
        padding: 30px 20px;
    }

    .shuzihua_b {
        padding: 60px 0 100px;
    }

    .shuzihua_b .ul li .icon {
        width: 60px;
    }

    .shuzihua_c {
        padding: 70px 0 60px;
    }

    .shuzihua_c .left .ul {
        margin-top: 40px;
    }

    .shuzihua_c .left .ul li {
        margin-bottom: 30px;
    }
}

@media(max-width: 1100px) {
    .shuzihua_banner .shuzihua_text .bt .a {
        font-size: 40px;
    }

    .shuzihua_banner .shuzihua_text .bt .b {
        font-size: 39px;
    }

    .shuzihua_banner .shuzihua_text .bt .c {
        font-size: 60px;
    }

    .shuzihua_banner .shuzihua_text .bt .d {
        font-size: 80px;
    }

    .shuzihua_banner .shuzihua_text .bt .e {
        font-size: 100px;
    }

    .shuzihua_banner .shuzihua_text .js {
        font-size: 20px;
    }

    .shuzihua_banner .shuzihua_text {
        width: 100%;
    }

    .shuzihua_banner .shuzihua_text .icon {
        width: 100px;
        margin-top: 20px;
    }

    .shuzihua_a {
        padding: 40px 0 50px;
    }

    .shuzihua_c .right {
        margin-right: 0;
    }

    .shuzihua_b {
        padding: 40px 0 50px;
    }

    .shuzihua_c .left {
        width: 100%;
    }

    .shuzihua_c .right {
        width: 100%;
        margin-top: 30px;
    }
}

@media(max-width: 800px) {
    .shuzihua_a .ul li {
        width: 100%;

        margin-right: 0;
        margin-bottom: 16px;
    }

    .shuzihua_a .ul li:last-child {
        margin-bottom: 0;
    }

    .shuzihua_a .ul li .text {
        padding: 20px;
    }

    .shuzihua_b .ul li:before {
        display: none;
    }

    .shuzihua_b .ul li {
        padding-left: 20px;
        width: 100%;
        margin-right: 0;
        padding-right: 0;
        padding-bottom: 20px;
        margin-bottom: 20px;
        border-bottom: 1px solid #e2e2e2;
    }

    .shuzihua_b .ul li:last-child {
        border-bottom: none;
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .shuzihua_b .ul li .icon {
        width: 40px;
    }

    .shuzihua_b .ul li .text {
        margin-top: 14px;
    }

    .shuzihua_b .ul li .text .js {
        margin-top: 10px;
    }

    .shuzihua_c {
        padding: 40px 0;
    }

}

@media(max-width: 500px) {
    .shuzihua_banner .shuzihua_text .bt .a {
        font-size: 30px;
    }

    .shuzihua_banner .shuzihua_text .bt .b {
        font-size: 29px;
    }

    .shuzihua_banner .shuzihua_text .bt .c {
        font-size: 40px;
    }

    .shuzihua_banner .shuzihua_text .bt .d {
        font-size: 50px;
    }

    .shuzihua_banner .shuzihua_text .bt .e {
        font-size: 60px;
    }

    .shuzihua_banner .shuzihua_text .js {
        font-size: 18px;
    }

    .shuzihua_banner .shuzihua_text .icon {
        width: 80px;
        margin-top: 14px;
    }
}


/**互联网开发**/
.internet {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.internet .internet-w {
    width: 38.75%;
}

@media(max-width:3000px) {
    .internet .internet-m {
        width: 55%;
    }

    .internet .internet-w {
        margin-top: 110px;
    }
}

@media(max-width:1920px) {
    .internet .internet-m {
        width: 44.8%;
    }

    .internet .internet-w {
        margin-top: 70px;
    }
}



.internet .internet-m .img .xt {
    position: absolute;
    width: 38.5%;
    border-radius: 30px;
    box-shadow: 0px 16px 20px 0px rgba(0, 0, 0, 0.3);
    transition: all 1.5s;
    opacity: 0;
}

.internet .internet-m .img .xt.cur {
    opacity: 1;
    left: 39.8% !important;
    top: 0 !important;

}

.internet .internet-icon {
    margin-left: -29px;
}

.internet .internet-a {
    margin-bottom: 80px;
}

.internet .internet-a .internet-a1 {
    color: #000000;
}

.internet .internet-a .internet-a2 {
    font-size: 50px;
    color: #000000;
    margin-top: 2px;
}

.internet .internet-b ul li {
    float: left;
    margin-right: 48px;
}

.internet .internet-b ul li:last-child {
    margin-right: 0;
}

.internet .internet-b ul li .neb-icon {
    float: left;
    margin-right: 13px;
}

.internet .internet-b ul li .neb-nr {
    float: left;
}

.internet .internet-b ul li .neb-nr .b-nr1 {
    color: #333333;
    font-size: 20px;
    font-weight: bold;
}

.internet .internet-b ul li .neb-nr .b-nr2 {
    color: #666666;
    margin-top: 6px;
}

.internet-A {
    padding: 94px 0 108px;
    background: #f6f6f6;
}

.internet-A .netA-nr ul li {
    float: left;
    width: 32%;
    background: #fff;
    margin-right: 2%;
}

.internet-A .netA-nr ul li:last-child {
    margin-right: 0;
}

.internet-A .netA-nr ul li .img {
    line-height: 0;
    overflow: hidden;
    position: relative;
}

.internet-A .netA-nr ul li .img img {
    width: 100%;
    max-width: 200%;
}

.internet-A .netA-nr ul li .img span.s1 {
    position: absolute;
    left: 10%;
    bottom: 0;
    width: 50%;
}

.internet-A .netA-nr ul li .img span.s2 {
    position: absolute;
    right: 10%;
    bottom: 0;
    width: 40%;
}

.internet-A .netA-nr ul li .img span.s1,
.internet-A .netA-nr ul li .img span.s2 {
    transform: translateY(20px);
    transition: all .5s;
}

.internet-A .netA-nr ul li:hover .img span.s1,
.internet-A .netA-nr ul li:hover .img span.s2 {
    transform: translateY(0);
    transition: all .5s;
}

.internet-A .netA-nr ul li .icon {
    width: 70px;
    height: 70px;
    margin: -35px auto 0;
    line-height: 0;
    position: relative;
}


.internet-A .netA-nr ul li .text {
    text-align: center;
    padding: 10px 15px 35px;
}

.internet-A .netA-nr ul li .text .texta {
    color: #333333;
    font-weight: bold;
    font-size: 20px;
}

.internet-A .netA-nr ul li .text p {
    color: #808080;
    font-size: 14px;
    line-height: 22px;
    max-width: 335px;
    width: 100%;
    margin: 10px auto 0;
}

.internet-A .netA-nr ul li .icon.icon1 {
    background: url(../images/uedboxicon1.png) no-repeat center center;
}

.internet-A .netA-nr ul li .icon.icon2 {
    background: url(../images/uedboxicon2.png) no-repeat center center;
}

.internet-A .netA-nr ul li .icon.icon3 {
    background: url(../images/uedboxicon3.png) no-repeat center center;
}

.internet-A .netA-nr ul li:hover .icon.icon1 {
    background: url(../images/uedboxicon01.png) no-repeat center center;
}

.internet-A .netA-nr ul li:hover .icon.icon2 {
    background: url(../images/uedboxicon02.png) no-repeat center center;
}

.internet-A .netA-nr ul li:hover .icon.icon3 {
    background: url(../images/uedboxicon03.png) no-repeat center center;
}

.internet-B {
    padding: 96px 0 100px;
}


.internet-B .box .left {
    width: 75%;
    position: relative;
}

.internet-B .box .left ul li {
    float: left;
    width: 32%;
    height: 129px;
    margin-right: 2%;
    position: relative;
    margin-top: 2%;
    position: relative;
    padding: 20px 0 20px 3.5%;
}

.internet-B .box .left ul li:nth-child(1),
.internet-B .box .left ul li:nth-child(2),
.internet-B .box .left ul li:nth-child(3) {
    margin-top: 0;
}

.internet-B .box .left ul li .s,
.internet-B .box .left ul li .x {
    position: absolute;
    width: calc(100% + 40px);
    height: 1px;
    left: 50%;
    transform: translateX(-50%);
    background-image: linear-gradient(to right, #f5f5f5, #e1e1e1, #f5f5f5);
}

.internet-B .box .left ul li .z,
.internet-B .box .left ul li .y {
    position: absolute;
    width: 1px;
    height: calc(100% + 40px);
    top: 50%;
    transform: translateY(-50%);
    background-image: linear-gradient(#f5f5f5, #e1e1e1, #f5f5f5);
}

.internet-B .box .left ul li .s {
    top: 0;
}

.internet-B .box .left ul li .x {
    bottom: 0;
}

.internet-B .box .left ul li .z {
    left: 0;
}

.internet-B .box .left ul li .y {
    right: 0;
}

.internet-B .box .left ul li:hover {
    background: #1a58ab;
}

.internet-B .box .left ul li .icon .sbjg {
    display: none;
}

.internet-B .box .left ul li:hover .icon .sbjg {
    display: block;
}

.internet-B .box .left ul li:hover .icon .mrz {
    display: none;
}

.internet-B .box .left ul li .t {
    position: absolute;
    top: 50%;
    left: 8%;
    transform: translateY(-50%);
}

.internet-B .box .left ul li .t .t1 {
    color: #666666;
}

.internet-B .box .left ul li:hover .t .t1 {
    color: #fff;
}

.internet-B .box .left ul li .t .t2 {
    color: #bcbcbc;
    margin-top: 3px;
}

.internet-B .box .left ul li:hover .t .t2 {
    color: #8dacd5;
}

.internet-B .box .left ul li .icon {
    position: absolute;
    top: 50%;
    right: 8%;
    width: 15%;
    transform: translateY(-50%);
}

.internet-B .box .left ul .byxx:before {
    border-left: 0;
    border-right: 0;
}

.internet-B .box .left ul li:nth-child(3n) {
    margin-right: 0;
}

.internet-B .box .left ul li:nth-child(3n):after {
    /* display: none;*/
}

.internet-B .box {
    position: relative;
}

.internet-B .box .right {
    width: 23.6%;
    text-align: center;
    position: absolute;
    height: 100%;
    right: 0;
}

.internet-B .box .right:hover {
    background: #1a58ab;
}

.internet-B .box .right .icon .sbjg {
    display: none;
}

.internet-B .box .right:hover .icon .sbjg {
    display: block;
}

.internet-B .box .right:hover .icon .mrzs {
    display: none;
}

.internet-B .box .right .right-pr {
    position: relative;
    height: 100%;
    width: 100%;
}

.internet-B .box .right .right-pr .right-jd {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.internet-B .box .right .right-pr .right-jd .icon {
    width: 60%;
    display: inline-block;
}


.internet-B .box .right .right-pr .s,
.internet-B .box .right .right-pr .x {
    position: absolute;
    width: calc(100% + 40px);
    height: 1px;
    left: 50%;
    transform: translateX(-50%);
    background-image: linear-gradient(to right, #f5f5f5, #e1e1e1, #f5f5f5);
}

.internet-B .box .right .right-pr .z,
.internet-B .box .right .right-pr .y {
    position: absolute;
    width: 1px;
    height: calc(100% + 40px);
    top: 50%;
    transform: translateY(-50%);
    background-image: linear-gradient(#f5f5f5, #e1e1e1, #f5f5f5);
}

.internet-B .box .right .right-pr .s {
    top: 0;
}

.internet-B .box .right .right-pr .x {
    bottom: 0;
}

.internet-B .box .right .right-pr .z {
    left: 0;
}

.internet-B .box .right .right-pr .y {
    right: 0;
}

.internet-B .box .right .h3 {
    color: #666666;
}

.internet-B .box .right:hover .h3 {
    color: #fff;
}

.internet-B .box .right:hover .h4 {
    color: #fff;
}

.internet-B .box .right .h4 {
    font-weight: bold;
    line-height: 30px;
    color: #bcbcbc;
    margin: 8px 0 48px;
}

.internet-C {
    background: #f6f6f6;
    padding: 90px 0 120px;
}

.internet-C .netC-bt {
    margin-bottom: 10px;
}

.internet-C .netC-wzxbmb {
    margin-top: 15px;
}

.internet-C .netC-wzxbmb .tabTit .lj {
    color: #8c8c8c;
    padding-bottom: 11px;
    margin-right: 40px;
    position: relative;
    cursor: pointer;
}

.internet-C .netC-wzxbmb .tabTit .cur {
    color: #0e57ac;
}

.internet-C .netC-wzxbmb .tabTit .lj:before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    height: 3px;
    width: 0;
    background: #0e57ac;
    transition: all .5s;
}

.internet-C .netC-wzxbmb .tabTit .lj:after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    height: 3px;
    width: 0;
    background: #01c8ff;
    transition: all .5s;
}

.internet-C .netC-wzxbmb .tabTit .cur:after {
    width: 4px;
    transition: all .5s;
}

.internet-C .netC-wzxbmb .tabTit .cur:before {
    width: 100%;
    transition: all .5s;
}

.internet-C .nextC-nr .wcynm .swiper-wrapper .swiper-slide a {
    display: block;
}

.internet-C .nextC-nr .wcynm .swiper-wrapper .swiper-slide a .box-z {
    position: absolute;
    bottom: -50%;
    left: 0;
    color: #fff;
    width: 100%;
    padding: 18px 0 22px 25px;
    background: rgba(0, 0, 0, .5);
    transition: all .4s;
}

.internet-C .nextC-nr .wcynm .swiper-wrapper .swiper-slide:hover a .box-z {
    bottom: 0;
    transition: all .4s;
}

.internet-C .nextC-nr .wcynm .swiper-wrapper .swiper-slide a .img img {
    transition: all 0.5s;
}

.internet-C .nextC-nr .wcynm .swiper-wrapper .swiper-slide a:hover .img img {
    transform: scale(1.1);
    transition: all 0.5s;
}

.internet-C .nextC-nr .box {
    position: relative;
}

.internet-C .nextC-nr .box-next {
    width: 26px;
    height: 49px;
    right: -60px;
    background: url(../images/snext.png) no-repeat center center/cover;
}


.internet-C .nextC-nr .box-next:after {
    opacity: 0;
}

.internet-C .nextC-nr .box-prev {
    width: 26px;
    height: 49px;
    left: -60px;
    background: url(../images/sprev.png) no-repeat center center/cover;
}

.internet-C .nextC-nr .box-prev:after {
    opacity: 0;
}


.internet-D {

    overflow: hidden;
    padding: 94px 0 0;
}


.internet-D .netD-nr .D-nrmo {
    position: relative;
}

.internet-D .netD-nr .D-nrmo .box .img {
    float: left;
    width: 44.93%;
}

.internet-D .netD-nr .D-nrmo .box .text {
    float: left;
    margin-left: 12%;
    width: 37.37%;
    margin-top: 12px;
}

.internet-D .netD-nr .D-nrmo .box .text .texta {
    color: rgba(255, 255, 255, .1);
}

.internet-D .netD-nr .D-nrmo .box .text .textb {
    color: #fff;
    margin-top: 3px;
    padding-bottom: 21px;
    position: relative;
}

.internet-D .netD-nr .D-nrmo .box .text .textb:before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 23px;
    height: 3px;
    background: rgba(255, 255, 255, .2);
}

.internet-D .netD-nr .D-nrmo .box .text .textc {
    color: #fff;
    margin: 30px 0 45px;
}

.internet-D .netD-nr .D-nrmo .box .text .textc .textc-b {
    line-height: 23px;
    margin-top: 7px;
}

.internet-D .netD-nr .D-nrmo .box .text .textd ul li {
    float: left;
    text-align: center;
    padding: 0 20px;
    border-right: 1px solid rgba(255, 255, 255, 0.05);
}

.internet-D .netD-nr .D-nrmo .box .text .textd ul li:nth-child(1) {
    padding: 0 20px 0 0;
}

.internet-D .netD-nr .D-nrmo .box .text .textd ul li:last-child {
    border-right: 0;
}

.internet-D .netD-nr .D-nrmo .box .text .textd ul li .td-w {
    margin-top: 10px;
    color: rgba(255, 255, 255, .6);
}

.internet-D .ty_title {
    margin-bottom: 0;
}

.internet-D .netD-nr {
    position: relative;
}

.internet-D .netD-nrA {
    padding-top: 140px;
    margin-top: -20px;
}

.internet-D .netD-nr .bg {
    background: #2a2b2c;
    width: 200%;
    position: absolute;
    height: 200%;
    left: -20px;
    top: 0;
    transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
}

.internet-D .netD-nrB .bg {
    background: #1a58ab;
}

.internet-D .netD-nrB {
    padding-top: 100px;
    margin-top: -130px;
}

.internet-D .netD-nrB .D-nrmo .box {
    bottom: 37px;
}

.internet-D .netD-nrB .D-nrmo .box .img {
    float: right;
    width: 43%;
}

.internet-D .netD-nrB .D-nrmo .box .text {
    float: left;
    padding-top: 105px;
    margin-left: 0;
}

.internet-D .netD-nrB .D-nrmo .box .text .textd ul li .td-w {
    color: #9ab6da;
}


.internet-D .netD-nrC {
    padding: 240px 0 180px;
    margin-top: -97px;
}

.internet-D .netD-nrC .bg {
    transform: rotate(0);
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    width: 100%;
    height: 100%;
    left: 0;
    background: url(../images/d-nrmob.png) top right/cover;
}

.internet-D .netD-nrC .D-nrmo .box {
    bottom: 147px;
}

.internet-D .netD-nrC .D-nrmo .box .text .texta {
    color: #7d7d7e;
}

.internet-D .netD-nrC .D-nrmo .box .text {
    width: 43%;
    float: right;
}

@media(max-width: 1920px) {
    .internet .internet-a .internet-a2 {
        font-size: 45px;
    }

    .internet-A .netA-nr ul li .text .texta {
        font-size: 18px;
    }
}

@media(max-width: 1700px) {
    .internet .internet-a .internet-a2 {
        font-size: 36px;
    }

    .internet .internet-w {
        width: 50%;
    }

    .font-32 {
        font-size: 23px !important;
    }

    .internet .internet-icon {
        width: 300px;
    }

    .internet-B .box .left ul li {
        height: 120px;
    }

    .internet-B {
        padding: 70px 0 80px;
    }

    .internet-C {
        padding: 70px 0 90px;
    }

    .internet-D {
        padding: 70px 0 0;
    }
}

@media(max-width: 1500px) {
    .internet-B .box .left ul li {
        height: 100px;
    }

    .internet .internet-icon {
        width: 240px;
    }

    .internet .internet-a .internet-a2 {
        font-size: 28px;
    }

    .internet .internet-w {
        width: 50%;
    }

    .font-32 {
        font-size: 20px !important;
    }

    .internet-A .netA-nr ul li .text .texta {
        font-size: 16px;
    }

    .internet-C .nextC-nr .wcynm .swiper-wrapper .swiper-slide a .box-z {
        padding: 15px 0 15px 25px;
    }

    .internet-C .nextC-nr .box-prev {
        left: -52px;
    }

    .internet-C .nextC-nr .box-next {
        right: -52px;
    }

    .internet-D .netD-nr .D-nrmo .box .img {
        width: 38%;
    }

    .internet-D .netD-nr .D-nrmo .box .text .textc {
        margin: 20px 0 25px;
    }

    .internet-D .netD-nr .D-nrmo .box .text .textd ul li .icon img {
        width: 30px;
        display: inline-block;
    }

    .internet-D .netD-nr .D-nrmo .box {
        margin-bottom: 11px;
    }

    .internet-D .netD-nrB .D-nrmo .box .text {
        width: 38%;
    }

    .internet-D .netD-nrB .D-nrmo .box .img {
        float: left;
        margin-left: 12%;
    }

    .internet-D .netD-nrC .D-nrmo .box .text {
        width: 50%;
    }

    .internet-D .netD-nr .D-nrmo .box .text .textb {
        font-size: 26px;
    }

    .internet-D .netD-nrC .D-nrmo .box {
        bottom: 70px;
    }

    .internet-D .netD-nr .D-nrmo .bg img {
        height: 550px;
    }

    .internet-D .netD-nr .D-nrmo .box .img {
        width: 45%;
    }

    .internet-D .netD-nrA {
        padding-top: 100px;
    }

    .internet-D .netD-nrC {
        padding: 140px 0 80px;
        margin-top: -60px;
    }
}

@media(max-width: 1300px) {
    .internet-C .nextC-nr .box-prev {
        left: -44px;
        width: 21px;
        height: 39px;
    }

    .internet-C .nextC-nr .box-next {
        right: -44px;
        width: 21px;
        height: 39px;
    }
}

@media(max-width: 1250px) {
    .internet-D .netD-nr .D-nrmo .box .text {
        width: 43%;
    }
}

@media(max-width: 1100px) {
    .internet .internet-a .internet-a2 {
        font-size: 22px;
    }

    .internet .internet-w {
        width: 100%;
        margin-top: 0;
    }

    .font-32 {
        font-size: 16px !important;
    }

    .internet {
        top: 50%;
        bottom: auto;
        transform: translateY(-50%);
    }


    .internet .internet-m {
        display: none;
    }

    .internet .internet-icon {
        width: 200px;
        margin-left: -20px;
    }

    .internet .internet-a {
        margin-bottom: 25px;
    }

    .internet .internet-b ul li .neb-icon {
        width: 48px;
    }

    .internet .internet-a .internet-a1 {
        color: #fff;
    }

    .internet .internet-a .internet-a2 {
        color: #fff;
        margin-top: 5px;
    }

    .internet .internet-b ul li .neb-nr .b-nr1 {
        color: #fff;
        font-size: 16px;
    }

    .internet .internet-b ul li .neb-nr .b-nr2 {
        color: #fff;
    }

    .internet-A {
        padding: 40px 0 20px;
    }

    .internet-A .netA-nr ul li {
        width: 49%;
        margin-right: 2%;
        margin-bottom: 16px;
    }

    .internet-A .netA-nr ul li:nth-child(3n) {
        margin-right: 2%;
    }

    .internet-A .netA-nr ul li:nth-child(2n) {
        margin-right: 0;
    }

    .internet-A .netA-nr ul li .text p {
        max-width: 100%;
    }

    .internet-A .netA-nr ul li .text {
        padding: 10px 15px 20px;
    }

    .internet-C {
        padding: 40px 0;
    }

    .internet-C .netC-wzxbmb {
        margin-top: 0;
        width: 100%;
    }

    .internet-C .netC-bt {
        margin-bottom: 25px;
    }

    .internet-C .netC-wzxbmb .tabTit {
        width: 75%;
    }

    .internet-C .netC-wzxbmb .tabTit .lj {
        margin-right: 0;
        width: 33.3%;
        text-align: center;
    }

    .internet-C .netC-wzxbmb .wybzd {
        width: 25%;
        text-align: center;
    }

    .internet-C .nextC-nr .box-prev {
        opacity: 0;
    }

    .internet-C .nextC-nr .box-next {
        opacity: 0;
    }

    .internet-D {
        padding: 40px 0;
    }

    .internet-D .netD-nr .D-nrmo .bg img {
        height: auto;
    }

    .internet-D .netD-nr .D-nrmo .bg {
        display: none;
    }

    .internet-D .netD-nr .D-nrmo .box {
        position: initial;
    }

    .internet-D .netD-nr .D-nrmo .box .img {
        display: none;
    }

    .internet-D .netD-nr {
        /* background: #2a2b2c;*/
        margin-top: 20px;
    }

    .internet-D .netD-nrA,
    .internet-D .netD-nrB {
        padding-top: 60px;
    }

    .internet-D .netD-nr .D-nrmo .box .text {
        width: 100%;
        margin: 0 auto;
    }

    .internet-D .netD-nr .D-nrmo .box .text {
        padding-top: 0;
    }

    .internet-D .netD-nrC {
        padding: 60px 0 40px;
    }

    .internet-D .netD-nr .bg {
        height: 170%;
    }

    .internet-B {
        padding: 50px 0;
    }

}

@media(max-width: 768px) {

    .internet-D .netD-nr .D-nrmo .box .text .textd ul li,
    .internet-D .netD-nr .D-nrmo .box .text .textd ul li:nth-child(1) {
        padding: 0 14px;
        width: 50%;
        margin-bottom: 18px;
        text-align: left;
    }

    .internet .internet-b ul li .neb-icon {
        width: 40px;
    }

    .internet-B .box .left ul li {
        width: 48%;
        margin-right: 4%;
        margin-top: 12px;
    }

    .internet-B .box .left ul li:nth-child(3n) {
        margin-right: 4%;
        margin-top: 12px;
    }

    .internet-B .box .left ul li:nth-child(2n) {
        margin-right: 0;
    }

    .internet-B .box .left ul li:last-child {
        width: 100%;
        margin-right: 0;
    }

    .internet-B .box .left {
        width: 100%;
    }

    .internet-B .box .right {
        margin-top: 12px;
    }

    .internet-B .box .right .right-pr .right-jd {
        padding: 20px;
    }

    .internet-B .box .right,
    .internet-B .box .right .right-pr .right-jd {
        position: relative;
        width: 100%;
        left: 0;
        top: 0;
        transform: initial;
    }

    .internet-B .box .right .h4 {
        margin-bottom: 16px;
        line-height: 1.4;
    }

    .internet-B .box .right .right-pr .right-jd .icon {
        width: 40px;
    }

    .internet-B .box .left ul li .icon {
        top: 34%;
    }

    .internet-B .box .left ul li:last-child .icon {
        top: 50%;

    }

    .internet-B .box .left ul li .icon {
        width: 30px;
    }
}

@media(max-width: 440px) {
    .internet .internet-b ul li {
        width: 100%;
        margin-bottom: 16px;
    }

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

.pinpaishuzihua_banner .ms {
    color: #333333;
    position: relative;
    letter-spacing: 6px;
    padding-left: 20px;
    line-height: 1;
    margin-bottom: 12px;
}

.pinpaishuzihua_banner .ms i {
    width: 8px;
    height: 100%;
    position: absolute;
    left: 0;
    background: #0863c4;
}

.pinpaishuzihua_banner .ms i:before {
    width: 100%;
    height: 5px;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: #01c8ff;
}

.pinpaishuzihua_banner .nybanner_box .right .text .h3 {
    font-weight: initial;
    color: #000000;
    margin-bottom: 10px;
}

.pinpaishuzihua_a .home_b_box {
    border-top: none;
}

@media(max-width:3000px) {
    .pinpaishuzihua_a .ul .box {
        height: auto;
    }
}

@media(max-width:1920px) {
    .pinpaishuzihua_a .ul .box {
        height: 750px;
    }
}

.pinpaishuzihua_a .ul .box {
    width: 49%;
    margin-right: 2%;

}

.pinpaishuzihua_a .ul .box:last-child {
    margin-right: 0;
}

.pinpaishuzihua_a .ul .box .text .top .left {
    width: 69px;
}

.pinpaishuzihua_a .ul .box .text .top .right {
    float: left;
    padding-top: 8px;
    padding-left: 16px;
    width: calc(100% - 69px);
}

@media(max-width:3000px) {
    .pinpaishuzihua_b {
        padding: 280px 0;
    }
}

@media(max-width:1920px) {
    .pinpaishuzihua_b {
        padding: 200px 0;
    }
}

.pinpaishuzihua_b {
    background: url(../images/pinpaishuzihua_b_bg.jpg) center center/cover;

}

.pinpaishuzihua_b .ty_title .bt {
    color: #fff;
}

.pinpaishuzihua_b .left {
    width: 48%;
}

.pinpaishuzihua_b .left .ul li {
    margin-bottom: 50px;
    color: #fff;
    padding-right: 120px;
    padding-left: 20px;
}

.pinpaishuzihua_b .left .ul li:last-child {
    margin-bottom: 0;
}

.pinpaishuzihua_b .left .ul li .bt {
    line-height: 1.4;
    margin-bottom: 10px;
}

.pinpaishuzihua_b .left .ul li .text {
    line-height: 1.8;
}

.pinpaishuzihua_b .left .ul li .text .h3 {
    font-weight: initial;
}


.pinpaishuzihua_c .netA-nr ul li {
    margin-bottom: 24px;
}

.pinpaishuzihua_c .netA-nr ul li:nth-child(3n) {
    margin-right: 0;
}

.pinpaishuzihua_c .netA-nr ul li .pinpaishuzihua_c_icon {
    width: 96px;
    height: 96px;
    margin: -46px auto 0;
    border-radius: 100%;
    overflow: hidden;
    z-index: 3;
    transition: all 0.4s;
    position: relative;
}

.pinpaishuzihua_c .netA-nr ul li .pinpaishuzihua_c_icon1 {
    background: url(../images/pinpaishuzihua_c_icon1.png) center center/cover #fff;
}

.pinpaishuzihua_c .netA-nr ul li:hover .pinpaishuzihua_c_icon1 {
    background: url(../images/pinpaishuzihua_c_icon01.png) center center/cover #fff;
}

.pinpaishuzihua_c .netA-nr ul li .pinpaishuzihua_c_icon2 {
    background: url(../images/pinpaishuzihua_c_icon2.png) center center/cover #fff;
}

.pinpaishuzihua_c .netA-nr ul li:hover .pinpaishuzihua_c_icon2 {
    background: url(../images/pinpaishuzihua_c_icon02.png) center center/cover #fff;
}

.pinpaishuzihua_c .netA-nr ul li .pinpaishuzihua_c_icon3 {
    background: url(../images/pinpaishuzihua_c_icon3.png) center center/cover #fff;
}

.pinpaishuzihua_c .netA-nr ul li:hover .pinpaishuzihua_c_icon3 {
    background: url(../images/pinpaishuzihua_c_icon03.png) center center/cover #fff;
}

.pinpaishuzihua_c .netA-nr ul li .pinpaishuzihua_c_icon4 {
    background: url(../images/pinpaishuzihua_c_icon4.png) center center/cover #fff;
}

.pinpaishuzihua_c .netA-nr ul li:hover .pinpaishuzihua_c_icon4 {
    background: url(../images/pinpaishuzihua_c_icon04.png) center center/cover #fff;
}

.pinpaishuzihua_c .netA-nr ul li .pinpaishuzihua_c_icon5 {
    background: url(../images/pinpaishuzihua_c_icon5.png) center center/cover #fff;
}

.pinpaishuzihua_c .netA-nr ul li:hover .pinpaishuzihua_c_icon5 {
    background: url(../images/pinpaishuzihua_c_icon05.png) center center/cover #fff;
}

.pinpaishuzihua_c .netA-nr ul li .pinpaishuzihua_c_icon6 {
    background: url(../images/pinpaishuzihua_c_icon6.png) center center/cover #fff;
}

.pinpaishuzihua_c .netA-nr ul li:hover .pinpaishuzihua_c_icon6 {
    background: url(../images/pinpaishuzihua_c_icon06.png) center center/cover #fff;
}

.pinpaishuzihua_c .netA-nr ul li .s3 {
    position: absolute;
    left: 50%;
    width: 100%;
    padding: 0 50px;
    transform: translateX(-50%);
    bottom: -10%;
    transition: all 0.5s;
}

.pinpaishuzihua_c .netA-nr ul li:hover .s3 {
    bottom: 0;
}

.pinpaishuzihua_d {
    padding: 80px 0 100px;
}

@media(max-width: 1680px) {
    .pinpaishuzihua_a .ul .box .text .top .left {
        width: 60px;
    }

    .pinpaishuzihua_a .ul .box .text .top .right {
        padding-top: 4px;
    }

    .pinpaishuzihua_a .ul .box {
        height: 700px;
    }

    .pinpaishuzihua_b {
        padding: 150px 0;
    }

    .internet-A {
        padding: 80px 0;
    }

    .pinpaishuzihua_c .netA-nr ul li .pinpaishuzihua_c_icon {
        width: 80px;
        height: 80px;
    }
}

@media(max-width: 1500px) {
    .pinpaishuzihua_a .ul .box .text .top .left {
        width: 54px;
    }

    .pinpaishuzihua_a .ul .box {
        height: 660px;
    }

    .pinpaishuzihua_b {
        padding: 120px 0;
    }

    .internet-A {
        padding: 70px 0;
    }

    .pinpaishuzihua_b .left .ul li {
        padding-left: 14px;
    }

    .pinpaishuzihua_c .netA-nr ul li .pinpaishuzihua_c_icon {
        width: 70px;
        height: 70px;
    }

    .pinpaishuzihua_c .netA-nr ul li {
        margin-bottom: 20px;
    }
}

@media(max-width: 1100px) {
    .pinpaishuzihua_a .ul .box {
        height: auto;
        width: 100%;
        margin-bottom: 20px;
    }

    .pinpaishuzihua_b {
        padding: 50px 0;
    }

    .pinpaishuzihua_b .left {
        width: 100%;
    }

    .pinpaishuzihua_b .left .ul li {
        padding-right: 0;
    }

    .internet-A {
        padding: 50px 0;
    }

    .pinpaishuzihua_c .netA-nr ul li {
        margin-bottom: 16px;
    }

    .pinpaishuzihua_c .netA-nr ul li:nth-child(3n) {
        margin-right: 2%;
    }

    .pinpaishuzihua_c .netA-nr ul li:nth-child(2n) {
        margin-right: 0;
    }

    .pinpaishuzihua_d {
        padding: 40px 0;
    }

    .pinpaishuzihua_c .netA-nr ul li .pinpaishuzihua_c_icon {
        width: 54px;
        height: 54px;
        margin: -27px auto 0;
    }

}

@media(max-width: 800px) {
    .pinpaishuzihua_a .ul .box .text .top .left {
        width: 46px;
    }

    .pinpaishuzihua_a .ul .box .text .top .right {
        padding-top: 0;
        padding-left: 10px;
        width: calc(100% - 46px);
    }

    .pinpaishuzihua_b .left .ul {
        margin-top: 14px;
        width: 100%;
        display: inline-block;
    }

    .pinpaishuzihua_b .left .ul li {
        margin-bottom: 30px;
    }

    .pinpaishuzihua_c .netA-nr ul li {
        width: 100%;
    }

    .pinpaishuzihua_banner .ms {
        font-size: 15px;
        padding-left: 14px;
        letter-spacing: 4px;
    }
}

@media(max-width: 520px) {
    .ty_title .bt br {
        display: none;
    }
}

.c-visual_shape {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: .85;
    background: linear-gradient(114deg, rgba(1, 200, 255, 0), rgba(39, 132, 249, .8) 30%, rgba(52, 85, 252, .8) 80%, rgba(52, 85, 252, 0) 110%);
    will-change: transform;
    transform: translateX(-100%);
    transform-origin: right;
    transition: all 0.8s;
    width: 100%;
    width: 0;
}

.tfan .tfan_a>span,
.tfan .tfan_b>span,
.tfan .tfan_c>span {
    display: initial;
    opacity: 0;
    filter: blur(10px);
    -webkit-filter: blur(10px);
    transform: translateY(-16px);
    min-width: 18px;
}

.tfan .tfan_a.cur span,
.tfan .tfan_b.cur span,
.tfan .tfan_c.cur span {
    opacity: 1;
    filter: blur(0px);
    -webkit-filter: blur(0px);
    transform: translateY(0px);
}


.home_b .ul .box .img img,
.shuzihua_a .ul li .img img,
.home_f .nr .nr_s .ul li .img img {
    transform: scale(1);
    transition: all 0.7s ease 0s;
    overflow: hidden;
}

.home_b .ul .box:hover .img img,
.shuzihua_a .ul li:hover .img img,
.home_f .nr .nr_s .ul li:hover .img img {
    transform: scale(1.05);
}

.bgg span,
.bgh span {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    background: #f7f7f7;
}


/*pc导航效果*/

.huanru .huanru_a div {
    display: block;
    width: 100%;
    text-align: center;
}

.huanru .huanru_a div span {
    display: initial;
    min-width: 0.3em;
    text-transform: uppercase;
    transition: 0.25s cubic-bezier(0.5, -1, 0.5, 2);
    opacity: 0;
    transform: translate(0, -20px);
}

.huanru .huanru_a:before {
    content: attr(data-text);
    position: absolute;
    width: 100%;
    left: 0;
    transition: 0.25s cubic-bezier(0.5, -1, 0.5, 2);
    text-transform: uppercase;
    letter-spacing: 3.5px;
    /**/
    opacity: 1;
    transform: translate(0, 0px);
}

.huanru .huanru_a:hover:before,
.huanru .huanru_a:focus:before {
    opacity: 0;
    transform: translate(0, 20px);
}

.huanru .huanru_a:hover span,
.huanru .huanru_a:focus span {
    opacity: 1;
    transform: translate(0, 0);
}

.huanru .huanru_a:hover span:nth-child(1),
.huanru .huanru_a:focus span:nth-child(1) {
    transition-delay: 0.025s;
}

.huanru .huanru_a:hover span:nth-child(2),
.huanru .huanru_a:focus span:nth-child(2) {
    transition-delay: 0.05s;
}

.huanru .huanru_a:hover span:nth-child(3),
.huanru .huanru_a:focus span:nth-child(3) {
    transition-delay: 0.075s;
}

.huanru .huanru_a:hover span:nth-child(4),
.huanru .huanru_a:focus span:nth-child(4) {
    transition-delay: 0.1s;
}

.huanru .huanru_a:hover span:nth-child(5),
.huanru .huanru_a:focus span:nth-child(5) {
    transition-delay: 0.125s;
}

.huanru .huanru_a:hover span:nth-child(6),
.huanru .huanru_a:focus span:nth-child(6) {
    transition-delay: 0.15s;
}


/*解决方案 第二批*/
.jjfa_yl_text {
    position: absolute;
    left: 0;
    right: 0;
    top: 52%;
    transform: translateY(-50%);
    color: #fff;
}

.jjfa_yl_text .box {
    /* width: 45%;*/
}

.jjfa_yl_text .bt {
    line-height: 1;
}

.jjfa_yl_text .js {
    line-height: 1.6;
    margin-top: 16px;
}

.jjfa_yl_text .bq {
    line-height: 1.6;
    margin-top: 36px;
    background: rgba(255, 255, 255, 0.2);
    display: inline-block;
    padding: 14px 28px;
    position: relative;
    border: 1px solid #cdd2d9;
}

.jjfa_yl_text .bq:before {
    width: 10px;
    height: 10px;
    background: #cdd2d9;
    position: absolute;
    right: -10px;
    top: -10px;
    content: "";
}

.jjfa_yl_text .icon {
    margin-top: 40px;
}

.jjfa_yl_a {
    padding: 90px 0 120px;
    background: #f7f9fb;
}

.jjfa_yl_a .ul li {
    float: left;
    margin-right: 1.66%;
    width: 23.75%;
    position: relative;
    padding: 84px 36px 40px;
    overflow: hidden;
    background: #fff;
    height: 420px;
}

.jjfa_yl_a .ul li .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/jjfa_yl_a_bg.jpg) left top/cover no-repeat;
    z-index: 0;
    /* -webkit-animation: sbxh 7s linear infinite;*/
}


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


.jjfa_yl_a .ul li .icon {
    width: 50px;
    display: inline-block;
    position: relative;
    z-index: 1;
}

.jjfa_yl_a .ul li .bt {
    margin-top: 30px;
    color: #333333;
    font-weight: bold;
    line-height: 1.6;
}

.jjfa_yl_a .ul li .en {
    margin-top: 6px;
    line-height: 1.6;
    color: rgba(51, 51, 51, 0.34);
}

.jjfa_yl_a .ul li .top {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #efefef;
    position: relative;
    z-index: 1;
}


.jjfa_yl_a .ul li .text {
    line-height: 1.8;
    color: #666666;
    position: relative;
    z-index: 1;
}

.more2,
a.more2 {
    border: 1px solid #dadada;
    color: #666666;
}

.more2 i,
a.more2 i {
    background: url(../images/more_jt2.png) right 18px center no-repeat #dadada;
    z-index: -1;
}

.more2:after,
a.more2:after {
    background: #dadada;
}



@-webkit-keyframes sbxh {
    0% {
        transform: translateX(0%)
    }

    50% {
        transform: translateX(25%)
    }

    100% {
        transform: translateX(50%)
    }
}

.jjfa_yl_b {
    padding: 80px 0;
}

@media(max-width: 1680px) {
    .jjfa_yl_text .bq {
        margin-top: 24px;
    }

    .jjfa_yl_text .icon {
        margin-top: 30px;
    }

    .jjfa_yl_a {
        padding: 70px 0 90px;
    }

    .jjfa_yl_b {
        padding: 70px 0;
    }
}

@media(max-width: 1500px) {
    .jjfa_yl_text .bq {
        margin-top: 20px;
        padding: 7px 20px;
    }

    .jjfa_yl_a {
        padding: 60px 0 80px;
    }

    .jjfa_yl_a .ul li {
        height: 360px;
        padding: 70px 26px 30px;
    }

    .jjfa_yl_a .ul li .top {
        padding-bottom: 14px;
        margin-bottom: 14px;
    }

    .jjfa_yl_a .ul li .icon {
        width: 40px;
    }

    .jjfa_yl_a .ul li .bt {
        margin-top: 20px;
    }

    .jjfa_yl_b {
        padding: 60px 0;
    }
}

@media(max-width: 1100px) {
    .jjfa_yl_a {
        padding: 40px 0;
    }

    .jjfa_yl_a .ul li {
        width: 49%;
        margin-right: 2%;
        margin-bottom: 16px;
    }

    .jjfa_yl_a .ul li:nth-child(2n) {
        margin-right: 0;
    }

    .jjfa_yl_b {
        padding: 40px 0;
    }

    .jjfa_yl_text {
        top: 54%;
        transform: translateY(-50%);
    }

    .jjfa_yl_text .icon {
        margin-top: 20px;
    }
}

@media(max-width: 800px) {
    .jjfa_yl_text .box {
        width: 100%;
    }
}

@media(max-width: 600px) {
    .jjfa_yl_a .ul li {
        width: 100%;
        margin-right: 0;
        padding: 40px 20px 20px;
    }

    .jjfa_yl_a .ul li {
        height: auto;
    }

    .jjfa_yl_b .top .right {
        float: left;
        width: 100%;
    }
}

.wzjs_a .ul li {
    height: 360px;
}

.wzjs_a .ul li .top {
    border-bottom: none;
}

.wzjs_b {
    padding: 90px 0 140px;
    background: #fff;
}

.wzjs_b .left {
    float: left;
    width: 46.2%;
}

.wzjs_b .left .ul {
    display: inline-block;
    width: 100%;
    margin-top: 80px;
}

.wzjs_b .left .ul li {
    margin-bottom: 34px;
}

.wzjs_b .left .ul li:last-child {
    margin-bottom: 0;
}

.wzjs_b .left .ul li .icon {
    float: left;
    width: 80px;
    background: #f7f9fb;
    border-radius: 4px;

}

.wzjs_b .left .ul li .text {
    color: #666666;
    line-height: 1.6;
    float: left;
    width: calc(100% - 80px);
    padding-left: 30px;

}

.wzjs_b .left .ul li .text .bt {
    color: #000000;
}

.wzjs_b .left .ul li .text .js {
    margin-top: 10px;
    line-height: 1.8;
    color: #666666;
}

.wzjs_b .right {
    margin-left: -2.1%;
    width: 55.9%;
}

.wzjs_c {
    padding: 100px 0 50px;
    background: #2a2e31;
}

.wzjs_c .left .ty_title .bt {
    color: #fff;
}

.wzjs_c .left .ty_title .js {
    color: #dddddd;
}

.wzjs_c .right {
    width: 64.1%;
}

.wzjs_c .left {
    width: 34%;
}

.wzjs_c .right .ul li {
    float: left;
    margin-right: 7.8%;
    width: 46.1%;
    margin-bottom: 54px;
    position: relative;
}

.wzjs_c .right .ul li:nth-child(2n) {
    margin-right: 0;
}

.wzjs_c .right .ul li .icon img {
    line-height: 0;
}

.wzjs_c .right .ul li .icon {
    width: 74px;
    float: left;
    background: #323639;
    position: relative;
    overflow: initial;
}

.wzjs_c .right .ul li .text {
    float: left;
    width: calc(100% - 74px);
    padding-left: 20px;
}

.wzjs_c .right .ul li .text .bt {
    color: #fff;
    line-height: 1.4;
}

.wzjs_c .right .ul li .text .js {
    color: #dddddd;
    line-height: 1.8;
    margin-top: 8px;
}

.wzjs_c .right .ul li:nth-child(1) .icon:before {
    position: absolute;
    width: 40px;
    height: 40px;
    background: #393d40;
    left: -40px;
    bottom: -40px;
    content: "";
}

.wzjs_c .k {
    position: absolute;
    width: 104px;
    height: 104px;
    background: #393d40;
    bottom: 9.5%;
    left: -104px;
}

.wzjs_c .k:before {
    position: absolute;
    width: 200px;
    height: 200px;
    background: #393d40;
    top: -200px;
    right: -200px;
    content: "";
}

@media(max-width: 1680px) {
    .wzjs_a .ul li {
        height: 320px;
    }

    .wzjs_b {
        padding: 70px 0 100px;
    }

    .wzjs_b .left .ul {
        margin-top: 50px;
    }

    .wzjs_b .left .ul li .icon {
        width: 60px;
    }

    .wzjs_b .left .ul li .text {
        padding-left: 20px;
        width: calc(100% - 60px);
    }

    .wzjs_c {
        padding: 80px 0 40px;
    }

    .wzjs_c .k:before {
        width: 140px;
        height: 140px;
        top: -140px;
        right: -140px;
    }

    .wzjs_c .k {
        width: 80px;
        height: 80px;
    }

    .wzjs_c .right .ul li:nth-child(1) .icon:before {
        width: 30px;
        height: 30px;
        left: -30px;
        bottom: -30px;
    }

    .wzjs_c .right .ul li {
        margin-bottom: 40px;
    }

    .wzjs_c .right .ul li .icon {
        width: 60px;
    }

    .wzjs_c .right .ul li .text {
        width: calc(100% - 60px);
    }

}

@media(max-width: 1100px) {
    .wzjs_a .ul li {
        height: auto;
    }

    .wzjs_b {
        padding: 40px 0;
    }

    .wzjs_b .left {
        width: 100%;
    }

    .wzjs_b .left .ul {
        margin-top: 0;
    }

    .wzjs_b .left .ul li .icon {
        width: 50px;
    }

    .wzjs_b .left .ul li .text {
        padding-left: 14px;
        width: calc(100% - 50px);
    }

    .wzjs_b .right {
        margin-top: 20px;
        width: 100%;
    }

    .wzjs_c {
        padding: 40px 0;
    }

    .wzjs_c .left {
        width: 100%;
    }

    .wzjs_c .right {
        margin-top: 0;
        width: 100%;
    }

    .wzjs_c .right .ul li {
        width: 100%;
        margin-bottom: 20px;
    }

    .wzjs_c .right .ul li .icon {
        width: 50px;
    }

    .wzjs_c .right .ul li .text {
        width: calc(100% - 50px);
    }

    .wzjs_c .k:before {
        width: 90px;
        height: 90px;
        top: -90px;
        right: -90px;
    }

    .wzjs_c .k {
        width: 40px;
        height: 40px;
    }
}

.jituan_a {
    padding: 100px 0 60px;
}

.jituan_a .left {
    width: 52.5%;
}

.jituan_a .left .text {
    line-height: 1.8;
    color: #333333;
}

.jituan_a .left .text ul li {
    margin-top: 40px;
    position: relative;
    padding-left: 26px;
}

.jituan_a .left .text ul li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 14px;
    width: 14px;
    height: 14px;
    background: #0863c4;
}

.jituan_a .right {
    width: 47.5%;
    position: relative;
}

.jituan_a .right .k {
    width: 44px;
    height: 44px;
    background: #f3f3f3;
    position: absolute;
    left: 0;
    top: 26.1%;
}

.jituan_a .right .k:before {
    width: 86px;
    height: 86px;
    content: "";
    position: absolute;
    left: -86px;
    top: -86px;
    background: #f3f3f3;
}

.jituan_b {
    background: #f7f9fb;
    padding: 100px 0 110px;
}

.jituan_b .jituan_b_box {
    background: #fff;
    position: relative;
}

.jituan_b .left {
    width: 32.5%;
    padding: 60px;
    position: relative;
    z-index: 1;
    color: #fff;
}

.jituan_b .jituan_b_box:before {
    width: 32.5%;
    height: 100%;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: #0863c4;
    z-index: 0;
}

.jituan_b .left .icon {
    width: 70px;
}

.jituan_b .left .text {
    line-height: 1.8;
    margin-top: 30px;
}

.jituan_b .left .text ul li {
    margin-bottom: 14px;
    padding-left: 16px;
    position: relative;
}

.jituan_b .left .text ul li:last-child {
    margin-bottom: 0;
}

.jituan_b .left .text ul li:before {
    position: absolute;
    left: 0;
    top: 8px;
    content: "";
    width: 7px;
    height: 7px;
    background: #fff;
}

.jituan_b .left .k {
    position: absolute;
    right: 0;
    top: 0;
    width: 66px;
    height: 66px;
    background: #0684d8;
}

.jituan_b .left .k:before {
    content: "";
    position: absolute;
    right: -20px;
    top: -20px;
    width: 20px;
    height: 20px;
    background: #01c8ff;
}

.jituan_b .right {
    width: 67.5%;
    padding: 0 90px 54px;
}

.jituan_b .right .ul li {
    float: left;
    width: 31%;
    margin-right: 3.5%;
    margin-top: 54px;
    cursor: pointer;
}

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

.jituan_b .right .ul li .img {
    float: left;
    width: 60px;
    background: #f7f9fb;
    border-radius: 4px;
    transition: all 0.4s;
}

.jituan_b .right .ul li .img .img2 {
    display: none;
}

.jituan_b .right .ul li .bt {
    float: left;
    padding-left: 16px;
    margin-top: 16px;
    width: calc(100% - 60px);
}

.jituan_b .right .ul li .text {
    display: none;
}

.jituan_b .right .ul li.cur .img {
    background: #0863c4;
}

.jituan_b .right .ul li.cur .img .img2 {
    display: block;
}

.jituan_b .right .ul li.cur .img .img1 {
    display: none;
}

.jituan_b .right .ul li.cur .bt {
    color: #0863c4;
}

@media(max-width: 1680px) {
    .jituan_a {
        padding: 70px 0 40px;
    }

    .jituan_a .left .text ul li {
        margin-top: 30px;
    }

    .jituan_b {
        padding: 70px 0 80px;
    }

    .jituan_b .left {
        padding: 40px;
    }

    .jituan_b .right {
        width: 67.5%;
        padding: 0 60px 40px;
    }

    .jituan_b .right .ul li {
        margin-top: 40px;
    }

    .jituan_b .right .ul li .img {
        width: 50px;
    }

    .jituan_b .right .ul li .bt {
        width: calc(100% - 50px);
    }
}

@media(max-width: 1500px) {
    .jituan_a .left .text ul li:before {
        width: 10px;
        height: 10px;
        top: 10px;
    }

    .jituan_a {
        padding: 40px 0;
    }

    .jituan_a .left .text ul li:before {
        width: 8px;
        height: 8px;
        top: 8px;
    }

    .jituan_b .left .text {
        margin-top: 20px;
    }


    .jituan_a .right .k {
        width: 30px;
        height: 30px;
    }

    .jituan_a .right .k:before {
        width: 60px;
        height: 60px;
        content: "";
        position: absolute;
        left: -60px;
        top: -60px;
        background: #f3f3f3;
    }

    .jituan_b {
        padding: 40px 0;
    }

    .jituan_b .jituan_b_box:before {
        display: none;
    }

    .jituan_b .left {
        padding: 30px 20px;
        width: 100%;
        background: #0863c4;
    }

    .jituan_b .left .icon {
        width: 50px;
    }

    .jituan_b .left .k {
        width: 40px;
        height: 40px;
    }

    .jituan_b .right {
        width: 100%;
        padding: 0 16px 30px;
    }

    .jituan_b .right .ul li {
        width: 46%;
        margin-right: 8%;
        margin-top: 30px;
    }

    .jituan_b .right .ul li:nth-child(3n) {
        margin-right: 8%;
    }

    .jituan_b .right .ul li:nth-child(2n) {
        margin-right: 0;
    }

    .jituan_b .right .ul li .bt {
        margin-top: 0;
        width: calc(100% - 40px);
        padding-left: 10px;
        font-size: 14px;
    }

    .jituan_b .right .ul li .img {
        width: 40px;
    }

}

@media(max-width:1100px) {
    .jituan_a .left {
        width: 100%;
    }

    .jituan_a .left .text ul li {
        margin-top: 10px;
        padding-left: 16px;
    }

    .jituan_a .right {
        width: 100%;
        margin-top: 20px;
    }
}

.qiyefw_a {
    padding-top: 100px;
}

@media(max-width:3000px) {
    .qiyefw_a .ul>li {
        height: auto;
    }
}

@media(max-width:1920px) {
    .qiyefw_a .ul>li {
        height: 690px;
    }
}

.qiyefw_a .ul>li {
    float: left;
    width: 49%;
    margin-right: 2%;
    background: #f7f9fb;

}

.qiyefw_a .ul>li:last-child {
    margin-right: 0;
}

.qiyefw_a .ul>li .box {
    padding: 50px 44px 60px;
}

.qiyefw_a .ul>li .box .top {
    padding-bottom: 26px;
    margin-bottom: 26px;
    border-bottom: 1px solid #dddddd;
}

.qiyefw_a .ul>li .box .top .icon {
    float: left;
    line-height: 0;
    width: 58px;
}

.qiyefw_a .ul>li .box .top .text {
    float: left;
    padding-left: 20px;
    width: calc(100% - 58px);
}

.qiyefw_a .ul>li .box .top .text .bt {
    color: #333333;
}

.qiyefw_a .ul>li .box .top .text .en {
    color: rgba(51, 51, 51, 0.24);
    margin-top: 4px;
}

.qiyefw_a .ul>li .box .wenzi {
    margin-top: 20px;
    line-height: 1.8;
    color: #666666;
}

.qiyefw_a .ul>li .box .js {
    line-height: 1.6;
    color: #000000;
}

.qiyefw_a .ul>li .box .wenzi ul li {
    float: left;
    width: 100px;
    margin-bottom: 6px;
    margin-right: 20px;
    padding-left: 16px;
    position: relative;
}

.qiyefw_a .ul>li .box .wenzi ul li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    width: 7px;
    height: 7px;
    background: #0863c4;
}

@media(max-width: 1680px) {
    .qiyefw_a {
        padding-top: 70px;
    }

    .qiyefw_a .ul>li {
        height: 640px;
    }

    .qiyefw_a .ul>li .box .top {
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
}

@media(max-width: 1500px) {
    .qiyefw_a .ul>li {
        height: 600px;
    }

    .qiyefw_a .ul>li .box {
        padding: 40px 30px 50px;
    }
}

@media(max-width: 1100px) {
    .qiyefw_a {
        padding-top: 40px;
    }

    .qiyefw_a .ul>li {
        width: 100%;
        height: auto;
        margin-bottom: 16px;
    }

    .qiyefw_a .ul>li .box {
        padding: 30px 20px;
    }

    .qiyefw_a .ul>li .box .top .icon {
        width: 44px;
    }

    .qiyefw_a .ul>li .box .top {
        padding-bottom: 14px;
        margin-bottom: 14px;
    }
}

@media(max-width: 500px) {
    .qiyefw_a .ul>li .box .wenzi ul li {
        width: 33.3%;
        margin-right: 0;
    }
}

.jiaoyupx_a {
    padding: 90px 0 100px;
}

.jiaoyupx_a .ul li {
    border-radius: 6px;
    padding: 90px 50px 30px;
    float: left;
    width: 32%;
    margin-right: 2%;
    background: #fff;
    background: url(../images/jiaoyupx_a_bg.jpg) center center/cover;
    height: 350px;
    overflow: hidden;
}

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

.jiaoyupx_a .ul li .top {
    border-bottom: 1px solid #dddddd;
    padding-bottom: 24px;
    margin-bottom: 24px;
}

.jiaoyupx_a .ul li .top .icon {
    float: left;
    width: 50px;
}

.jiaoyupx_a .ul li .top .text {
    float: left;
    padding-left: 20px;
    width: calc(100% - 50px);
}

.jiaoyupx_a .ul li .top .text .bt {
    color: #333333;
}

.jiaoyupx_a .ul li .top .text .en {
    margin-top: 4px;
    color: rgba(51, 51, 51, 0.24);
}

.jiaoyupx_a .ul li .wenzi {
    line-height: 1.8;
    color: #666666;
}

.jiaoyupx_c {
    padding: 124px 0;
    background: #f7f9fb;
}

.jiaoyupx_c .ul>li {
    background: #fff;
}

.jiaoyupx_b {
    background: #2e2e2e;
    padding: 140px 0 170px;
}

.jiaoyupx_b .left {
    width: 45.3%;
}

.jiaoyupx_b .left .ty_title .bt,
.jiaoyupx_b .left .ty_title .js {
    color: #fff;
}

.jiaoyupx_b .left .ul {
    margin-top: 40px;
    padding-left: 20px;
}

.jiaoyupx_b .left .ul li {
    float: left;
    width: 33.33%;
    padding-right: 20px;
    margin-top: 50px;
    position: relative;
}

.jiaoyupx_b .left .ul li .icon {
    float: left;
    width: 45px;
}

.jiaoyupx_b .left .ul li .text {
    position: absolute;
    left: 45px;
    padding-left: 16px;
}

.jiaoyupx_b .left .ul li .text .bt {
    color: #fff;
    margin-top: 6px;
}

.jiaoyupx_b .left .js {
    line-height: 1.8;
    color: #fff;
    padding-left: 20px;
}

.jiaoyupx_b .right {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 49.3%;
    background: url(../images/jiaoyupx_b_img.jpg) center center/cover;
}

@media(max-width: 1680px) {
    .jiaoyupx_a {
        padding: 70px 0 80px;
    }

    .jiaoyupx_a .ul li {
        padding: 70px 40px 30px;
    }

    .jiaoyupx_b {
        padding: 100px 0 130px;
    }

    .jiaoyupx_b .left .ul {
        margin-top: 30px;
    }

    .jiaoyupx_c {
        padding: 90px 0;
    }
}

@media(max-width: 1500px) {
    .jiaoyupx_a .ul li {
        height: 300px;
    }

    .jiaoyupx_b {
        padding: 70px 0 90px;
    }

    .jiaoyupx_b .left .ul {
        margin-top: 20px;
        padding-left: 14px;
    }

    .jiaoyupx_b .left .ul li .text {
        padding-left: 10px;
    }

    .jiaoyupx_b .left .js {
        padding-left: 14px;
    }

    .jiaoyupx_c {
        padding: 70px 0;
    }
}

@media(max-width:1100px) {
    .jiaoyupx_a {
        padding: 40px 0;
    }

    .jiaoyupx_a .ul li {
        width: 49%;
        margin-right: 2%;
        margin-bottom: 16px;
    }

    .jiaoyupx_a .ul li:nth-child(2n) {
        margin-right: 0;
    }

    .jiaoyupx_b {
        padding: 40px 0;
    }

    .jiaoyupx_b .left {
        width: 100%;
    }

    .jiaoyupx_b .right {
        margin-top: 30px;
        width: 100%;
        position: initial;
        height: 350px;
    }

    .jiaoyupx_b .left .ul {
        margin-top: 0;
    }

    .jiaoyupx_c {
        padding: 40px 0;
    }
}


@media(max-width:640px) {
    .jiaoyupx_a .ul li {
        width: 100%;
        height: auto;
        margin-right: 0;
        padding: 50px 20px 30px;
    }

    .jiaoyupx_a .ul li .top .icon {
        float: left;
        width: 40px;
    }

    .jiaoyupx_a .ul li .top .text {
        padding-left: 10px;
        width: calc(100% - 40px);
    }

    .jiaoyupx_b .left .ul li {
        margin-top: 30px;
        width: 50%;
    }
}

.gongyezz_a {
    padding: 94px 0 104px;
}

.gongyezz_a .ul li {
    width: 32%;
    margin-right: 2%;
    height: 570px;
}

.gongyezz_a .ul li .img {
    overflow: hidden;
}

.gongyezz_a .ul li .img img {
    transform: scale(1);
    transition: all 0.4s;
}

.gongyezz_a .ul li:hover .img img {
    transform: scale(1.1);
}

.gongyezz_b {
    background: #f7f9fb;
    padding: 100px 0;
}

.gongyezz_b .ul li {
    float: left;
    width: 48.8%;
    padding: 46px 56px;
    margin-right: 2.4%;
    background: #fff;
    margin-top: 20px;
    height: 180px;
    overflow: hidden;
}

.gongyezz_b .ul li:nth-child(1),
.gongyezz_b .ul li:nth-child(2) {
    margin-top: 0;
}

.gongyezz_b .ul li:nth-child(2n) {
    margin-right: 0;
}

.gongyezz_b .ul li .icon {
    width: 54px;
    float: left;
}

.gongyezz_b .ul li .text {
    padding-left: 76px;
    float: left;
    width: calc(100% - 54px);
    position: relative;
}

.gongyezz_b .ul li .text:before {
    content: "";
    position: absolute;
    left: 38px;
    top: 0;
    width: 1px;
    height: 100%;
    background: #eeeeee;

}

.gongyezz_b .ul li .text .bt {
    color: #000000;
}

.gongyezz_b .ul li .text .js {
    color: #666666;
    line-height: 1.6;
    margin-top: 14px;
}

@media(max-width: 1680px) {
    .gongyezz_a {
        padding: 70px 0 90px;
    }

    .gongyezz_a .ul li {
        height: 520px;
    }

    .gongyezz_b {
        padding: 70px 0;
    }

    .gongyezz_b .ul li {
        padding: 36px 46px;
    }

    .gongyezz_b .ul li .icon {
        width: 46px;
    }

    .gongyezz_b .ul li .text {
        padding-left: 50px;
        width: calc(100% - 46px);
    }

    .gongyezz_b .ul li .text:before {
        left: 25px;
    }
}

@media(max-width: 1500px) {
    .gongyezz_a .ul li {
        height: 480px;
    }
}

@media(max-width: 1100px) {
    .gongyezz_a {
        padding: 40px 0;
    }

    .gongyezz_a .ul li {
        height: 440px;
        width: 49%;
        margin-right: 2%;
    }

    .gongyezz_a .ul li:nth-child(2n) {
        margin-right: 0;
    }

    .gongyezz_b {
        padding: 40px 0;
    }

    .gongyezz_b .ul li {
        width: 100%;
        height: auto;
        margin-top: 0;
        margin-bottom: 16px;
        padding: 30px 20px;
    }
}

@media(max-width: 640px) {
    .gongyezz_a .ul li {
        width: 100%;
        height: auto;
    }

    .gongyezz_b .ul li .icon {
        width: 40px;
    }

    .gongyezz_b .ul li .text {
        padding-left: 30px;
        width: calc(100% - 40px);
    }

    .gongyezz_b .ul li .text:before {
        left: 15px;
    }

    .gongyezz_b .ul li .text .js {
        margin-top: 10px;
    }


}


/*03高端网站*/
.gaoduanwz_banner .nybanner_box {
    position: absolute;
    left: 0;
    right: 0;
    top: 20%;
}

.gaoduanwz_banner .nybanner_box .text {
    color: #fff;
}

.gaoduanwz_banner .nybanner_box .text .js {
    margin-bottom: 16px;
    line-height: 1.4;
}

.gaoduanwz_banner .nybanner_box .text .js2 {
    line-height: 1.4;
}

.gaoduanwz_banner .nybanner_box .text .bt {
    margin-bottom: 16px;
    line-height: 1.4;
}

.gaoduanwz_banner .nybanner_box .text .icon {
    margin-top: 34px;
}

.gaoduanwz_a {
    background: #f7f9fb;
    padding-bottom: 120px;
}

.gaoduanwz_a .ul>li {
    background: #fff;
}

.gaoduanwz_a .ul>li .box .wenzi ul li {
    width: auto;
    margin-right: 26px;
}

.gaoduanwz_a .ul>li .box .wenzi {
    margin-top: 30px;
}

.gaoduanwz_a .ul li .img {
    position: relative;
}

.gaoduanwz_a .ul li .img_1 {
    position: absolute;
    left: 5%;
    bottom: 0;
    width: 40.6%;
}

.gaoduanwz_a .ul li .img_2 {
    position: absolute;
    left: 45.6%;
    bottom: 0;
    width: 19%;
}

.gaoduanwz_a .ul li .img_3 {
    position: absolute;
    left: 64.6%;
    bottom: 0;
    width: 32.8%;
}

.gaoduanwz_b {
    margin-top: -90px;
}

.gaoduanwz_b .img {
    width: 100%;
    display: block;
}

.gaoduanwz_b .container2 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
}

.gaoduanwz_b .text {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 49%;
    background: rgba(255, 255, 255, 0.94);
    z-index: 3;
    padding: 50px;
}

.gaoduanwz_b .text .top .icon {
    float: left;
    width: 54px;
}

.gaoduanwz_b .text .top .wenzi {
    float: left;
    padding-left: 16px;
    width: calc(100% - 54px);
}

.gaoduanwz_b .text .top .wenzi .bt {
    color: #333333;
    line-height: 1.4;
}

.gaoduanwz_b .text .top .wenzi .js {
    color: rgba(51, 51, 51, 0.34);
    line-height: 1.6;
}

.gaoduanwz_b .text .btm {
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px solid #e8e8ea;
}

.gaoduanwz_b .text .btm .js {
    color: #333333;
}

.gaoduanwz_b .text .btm .wenzi {
    color: #333333;
    line-height: 1.6;
    margin-top: 30px;
}

.gaoduanwz_b .text .btm .wenzi ul li {
    float: left;
    margin-right: 34px;
    padding-left: 16px;
    position: relative;
}

.gaoduanwz_b .text .btm .wenzi ul li:before {
    left: 0;
    top: 6px;
    position: absolute;
    width: 7px;
    height: 7px;
    background: #0863c4;
    content: "";
}

.gaoduanwz_c {
    padding: 96px 0 120px;
}

.gaoduanwz_d .left {
    float: left;
    width: 36.25%;
    background: #2c3339;
    padding: 130px 0 80px 14.5%;
    position: relative;
}

.gaoduanwz_d .left .bule {
    position: absolute;
    top: 30px;
    left: 30px;
}

.gaoduanwz_d .left .bule {
    width: 132px;
    height: 132px;
    background: rgba(255, 255, 255, 0.02);
}

.gaoduanwz_d .left .bule:before {
    background: rgba(255, 255, 255, 0.02);
    width: 46px;
    height: 46px;
}

.gaoduanwz_d .left .bule:after {
    background: rgba(255, 255, 255, 0.02);
    width: 30px;
    height: 30px;
    left: -30px;
    top: -30px;
}

.gaoduanwz_d .left .ty_title .bt,
.gaoduanwz_d .left .ty_title .js {
    color: #fff;
}

.gaoduanwz_d .left .ul li {
    padding: 30px 20px;
    border-bottom: 1px solid #454b50;
    position: relative;
}

.gaoduanwz_d .left .ul li:nth-child(1) {
    border-top: 1px solid #454b50;
}

.gaoduanwz_d .left .ul li .icon {
    float: left;
    width: 42px;
}

.gaoduanwz_d .left .ul li .text {
    float: left;
    padding-left: 12px;
    width: calc(100% - 42px);
}

.gaoduanwz_d .left .ul li .text .bt {
    color: #fff;
}

.gaoduanwz_d .left .ul li .text .js {
    color: rgba(255, 255, 255, 0.6);
    margin-top: 10px;
    line-height: 1.6;
    font-size: 15px;
}

.gaoduanwz_d .left .ul li:before {
    width: 0;
    height: 100%;
    background: rgba(255, 255, 255, 0.02);
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    transition: all 0.4s;
    overflow: hidden;
}

.gaoduanwz_d .left .ul li:hover:before {
    width: 100%;
}

.gaoduanwz_d .right {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 63.75%;
    background: url(../images/gaoduanwz_d_img.jpg) center center/cover;
}

.gaoduanwz_d .right .bule {
    width: 216px;
    height: 216px;
    background: rgba(8, 99, 196, 0.78);
}

.gaoduanwz_d .bule:before {
    background: #0863c4;
    width: 74px;
    height: 74px;
}

.gaoduanwz_d .bule:after {
    background: #01c8ff;
    width: 50px;
    height: 50px;
    left: -50px;
    top: -50px;
}

.gaoduanwz_e {
    padding-top: 120px;
}

.gaoduanwz_e .gaoduanwz_e_box {
    padding-left: 14.5%;
}

.gaoduanwz_e .top .right {
    width: 60.6%;
    padding-right: 26%;
}

.gaoduanwz_e .top .right .text .bt {
    color: #333333;
}

.gaoduanwz_e .top .right .text .wenzi {
    color: #666666;
    line-height: 1.8;
    margin-top: 10px;
}

.gaoduanwz_e .btm {
    margin-top: -34px;
    display: block;
    width: 100%;
    position: relative;
}

.gaoduanwz_e .btm .img2 {
    position: absolute;
    bottom: 0;
    right: 5.2%;
}

.gaoduanwz_f {
    background: #323537;
    padding: 100px 0 120px;
}

.gaoduanwz_f .ty_title .bt {
    color: #fff;
}

.gaoduanwz_f .top .right {
    width: 63%;
    padding-right: 24%;
}

.gaoduanwz_f .top .right .text {
    color: rgba(255, 255, 255, 0.7);
    line-height: 1.8;
}

.gaoduanwz_f .ul {
    margin-top: 70px;
}

.gaoduanwz_f .ul li {
    float: left;
    width: 32.5%;
    margin-right: 1.25%;
    background: #3d4042;
    padding: 50px;
    position: relative;
    height: 404px;
}

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

.gaoduanwz_f .ul li .icon {
    width: 102px;
}

.gaoduanwz_f .ul li .bt {
    color: #fff;
    margin-top: 70px;
}

.gaoduanwz_f .ul li .js {
    color: #fff;
    margin-top: 20px;
}

.gaoduanwz_f .ul li .wenzi {
    color: rgba(255, 255, 255, 0.6);
    margin-top: 10px;
    line-height: 1.6;
}

.gaoduanwz_f .ul li .k {
    width: 110px;
    height: 110px;
    background: #414345;
    position: absolute;
    right: 0;
    top: 0;
    text-align: right;
    padding: 26px 20px;
}

.gaoduanwz_f .ul li .k:before {
    position: absolute;
    width: 36px;
    height: 36px;
    bottom: 0;
    left: 0;
    background: #46484a;
    content: "";
}

.gaoduanwz_f .ul li .k:after {
    position: absolute;
    width: 26px;
    height: 26px;
    bottom: -26px;
    left: -26px;
    background: #414345;
    content: "";
}

@media(max-width: 1920px) {
    .gaoduanwz_d .left {
        padding: 130px 0 80px 8%;
    }

    .gaoduanwz_e .gaoduanwz_e_box {
        padding-left: 8%;
    }
}

@media(max-width: 1700px) {
    .gaoduanwz_b .text {
        padding: 40px;
    }

    .gaoduanwz_c {
        padding: 70px 0 90px;
    }

    .gaoduanwz_e {
        padding-top: 80px;
    }

    .gaoduanwz_f {
        padding: 70px 0 90px;
    }

    .gaoduanwz_f .ul {
        margin-top: 50px;
    }
}

@media(max-width: 1500px) {
    .gaoduanwz_a .ul>li {
        height: 560px;
    }

    .gaoduanwz_b .text .btm {
        margin-top: 18px;
        padding-top: 18px;
    }

    .gaoduanwz_b .text .btm .wenzi {
        margin-top: 20px;
    }

    .gaoduanwz_b .text .top .icon {
        width: 46px;
    }

    .gaoduanwz_d .left {
        padding: 80px 0 60px 5%;
    }

    .gaoduanwz_d .left .ul li {
        padding: 20px 10px;
    }

    .gaoduanwz_d .right .bule {
        width: 180px;
        height: 180px;
    }

    .gaoduanwz_d .bule:before {
        width: 60px;
        height: 60px;
    }

    .gaoduanwz_d .bule:after {
        width: 40px;
        height: 40px;
        left: -40px;
        top: -40px;
    }

    .gaoduanwz_f .ul li {
        height: 380px;
        padding: 36px;
    }
}

@media(max-width: 1100px) {
    .qiyefw_a .ul>li {
        height: auto;
    }

    .gaoduanwz_b {
        margin-top: 0;
        background: #f7f9fb;
        padding-top: 30px;
    }

    .gaoduanwz_b .container2 {
        width: 100%;
        height: auto;
        display: inline-block;
        position: initial;
    }

    .gaoduanwz_b .text {
        width: 100%;
        display: inline-block;
        position: initial;
        padding: 30px 20px;
    }

    .gaoduanwz_c {
        padding: 40px 0 50px;
    }

    .gaoduanwz_d .left {
        width: 100%;
        padding: 40px 2.5%;
    }

    .gaoduanwz_d .right {
        width: 100%;
        position: initial;
        height: 400px;
    }

    .gaoduanwz_d .right .bule {
        width: 160px;
        height: 160px;
    }

    .gaoduanwz_d .bule:before {
        width: 50px;
        height: 50px;
    }

    .gaoduanwz_d .bule:after {
        width: 30px;
        height: 30px;
        left: -30px;
        top: -30px;
    }

    .gaoduanwz_e {
        padding-top: 40px;
    }

    .gaoduanwz_e .gaoduanwz_e_box {
        padding: 0 2.5%;
    }

    .gaoduanwz_e .top .right {
        padding-left: 14px;
        width: 100%;
        padding-right: 0;
    }

    .gaoduanwz_f {
        padding: 40px 0 50px;
    }

    .gaoduanwz_f .top .right {
        width: 100%;
        padding-right: 0;
        padding-left: 14px;
    }

    .gaoduanwz_f .ul li {
        width: 48.5%;
        margin-right: 3%;
        margin-bottom: 14px;
    }

    .gaoduanwz_f .ul li:nth-child(2n) {
        margin-right: 0;
    }
}

@media(max-width: 600px) {
    .gaoduanwz_f .ul li {
        width: 100%;
        margin-right: 0;
        padding: 30px 20px;
        height: auto;
    }

    .gaoduanwz_f .ul li .bt {
        margin-top: 40px;
    }

    .gaoduanwz_f .ul li .js {
        margin-top: 14px;
    }

    .gaoduanwz_f .ul li .k {
        width: 90px;
        height: 90px;
        padding: 16px 10px;
    }

    .gaoduanwz_f .ul li .k:before {
        position: absolute;
        width: 30px;
        height: 30px;
    }

    .gaoduanwz_f .ul li .k:after {
        width: 20px;
        height: 20px;
        bottom: -20px;
        left: -20px;
    }
}

/*案例*/
.case_banner .text {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    text-align: center;
    transform: translateY(-50%);
    color: #fff;
}

.case_banner .text .bt {
    line-height: 1.4;
}

.case_banner .text .js {
    line-height: 1.6;
    margin-top: 6px;
}

/*案例页面修改后样式*/
.case-page-box {
    /*width:1430px;*/
    width: 73.5%;
    margin: 50px auto 35px;
    /*padding: 10px;*/
    /*background-color: #ffffff;*/
}

@media only screen and (max-width: 1400px) {
    .case-page-box {
        width: 88%;
    }
}

.case-show-box {
    /*display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;*/
}

.case-show-box li {
    width: 33.1%;
    margin-right: 0.35%;
    margin-bottom: 20px;
    float: left;
}

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

.case-show-box li img {
    width: 100%;
}

.case-show-box li dd {
    padding: 15px 0;
}

.case-show-box li dd span {
    font-size: 15px;
    color: #363636;
}

.case-show-box li dd h3 {
    font-size: 15px;
    color: #363636;
    font-weight: normal;
}

.case-show-box li dd p {
    font-size: 12px;
    color: #777777;
    margin-top: 5px;
}

.middle-img-box {
    position: relative;
    width: 100%;
    margin-bottom: 35px;
}

.middle-img-box span {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    /* IE 9 */
    -moz-transform: translateY(-50%);
    /* Firefox */
    -webkit-transform: translateY(-50%);
    /* Safari 和 Chrome */
    -o-transform: translateY(-50%);
    right: 25%;
    width: 268px;
    height: 34px;
}

.middle-img-box img {
    width: 100%;
}

.case-show-box li dt {
    position: relative;
    overflow: hidden;
}

.case-show-box li dt img {
    transition: transform 0.8s ease-in-out;
}

.case-show-box li .mask {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .5);
    display: none;
    z-index: 10;
}

.case-show-box li .mask .content {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    /* IE 9 */
    -moz-transform: translate(-50%, -50%);
    /* Firefox */
    -webkit-transform: translate(-50%, -50%);
    /* Safari 和 Chrome */
    -o-transform: translate(-50%, -50%);
}

.case-show-box li .mask .content .text {
    display: block;
    text-transform: capitalize;
    margin-top: 10px;
    font-size: 14px;
    color: #ffffff;
    font-family: 'Arial';
}

.case-show-box li:hover .mask {
    display: block;
}

.case-show-box li:hover dt img {
    transform: scale(1.1);

}

.case_ul_box {
    text-align: center;
    padding: 70px 0 60px;
}

.case_ul {
    display: inline-block;
}

.case_ul li {
    float: left;
    margin-right: 54px;
    position: relative;
    color: #333333;
    padding: 10px 0;
    transition: all 0.4s;
}

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

.case_ul li:after {
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    width: 0;
    height: 4px;
    background: #01c8ff;
    transition: all 0.4s;
}

.case_ul li:before {
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    width: 0;
    height: 4px;
    transition: all 0.4s;
    background: #0863c4;
}

.case_ul li.on,
.case_ul li:hover {
    color: #0863c4;
}

.case_ul li.on:before,
.case_ul li:hover:before {
    width: 100%;
}

.case_ul li.on:after,
.case_ul li:hover:after {
    width: 5px;
    ;
}

.case_shoujial {
    background-color: #F5F7FA;
}

/*分页器*/
.page {
    width: 100%;
    margin: 0 auto;
    padding: 20px 10px 20px;
    /*background-color: #ffffff;*/
    /*background-color: #F5F7FA;*/
    position: relative;
    text-align: center;
    /*height: 120px;*/
}

.page ul {
    /*width: 300px;*/
    display: inline-block;
    margin: 0 auto;
    /*position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    -ms-transform:translateX(-50%); 	
    -moz-transform:translateX(-50%); 	
    -webkit-transform:translateX(-50%);
    -o-transform:translateX(-50%);*/
}

.page ul li {
    float: left;
    width: 55px;
    height: 55px;
    background-color: #EFEFEF;
    text-align: center;
    line-height: 55px;
    font-size: 16px;
}

.page ul li a {
    display: block;
    color: #888888;
}

.page ul li a.thisclass {
    color: #ffffff;
    background-color: #1C6AC3;
}

.page ul li+li {
    margin-left: 6px;
}

.page ul li.arrow {
    font-size: 20px;
}

.page ul li:hover a {
    color: #ffffff;
    background-color: #1C6AC3;
}

.page ul li a.cur {
    color: #FFFFFF;
    background-color: #1C6AC3;
}

.case_shouji {
    width: 74%;
    margin: 0 auto;
}

.case_shouji li {
    width: 32.5%;
    float: left;
    margin-right: 1.25%;
    margin-bottom: 20px;
}

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

.case_shouji li img {
    width: 100%;
}

.case_shouji li dd {
    padding: 15px 0;
}

.case_shouji li dd span,
.case_shouji li dd h3 {
    font-size: 15px;
    color: #363636;
}

.case_shouji li dd p {
    font-size: 12px;
    color: #777777;
    margin-top: 5px;
}

.middle-img-box {
    position: relative;
    width: 100%;
    margin-bottom: 35px;
}

.middle-img-box span {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    /* IE 9 */
    -moz-transform: translateY(-50%);
    /* Firefox */
    -webkit-transform: translateY(-50%);
    /* Safari 和 Chrome */
    -o-transform: translateY(-50%);
    right: 25%;
    /* width:268px;
    height:34px; */
}

.case_shouji li dt {
    position: relative;
    overflow: hidden;
}

.case_shouji img {
    width: 100%;
}

.case_shouji li .mask {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .5);
    display: none;
}

.case_shouji li .mask .content {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    /* IE 9 */
    -moz-transform: translate(-50%, -50%);
    /* Firefox */
    -webkit-transform: translate(-50%, -50%);
    /* Safari 和 Chrome */
    -o-transform: translate(-50%, -50%);
}

.case_shouji li .mask .content .text {
    display: block;
    text-transform: capitalize;
    margin-top: 10px;
    font-size: 14px;
    color: #ffffff;
    font-family: 'Arial';
}

.case_shouji li:hover .mask {
    display: block;
}

.case_shouji li dt img {
    transform: scale(1);
    transition: all 0.8s;

}

.case_shouji li:hover dt img {
    transform: scale(1.1);

}

@media(max-width:1500px) {
    .case_shouji {
        width: 90%;
        margin: 0 auto;
    }

    .case_ul_box {
        padding: 50px 0 40px;
    }
}

/*案例*/
.case_banner .text {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    text-align: center;
    transform: translateY(-50%);
    color: #fff;
}

.case_banner .text .bt {
    line-height: 1.4;
}

.case_banner .text .js {
    line-height: 1.6;
    margin-top: 6px;
}

/**/
.home_banner .box_yun {
    position: relative;
    overflow: hidden;
}

.home_banner .box_yun .icon_box {
    margin-bottom: 30px;
}

.home_banner .box_yun .icon_box .icon {
    width: 63px;
    float: left;
}

.home_banner .box_yun .icon_box .en {
    float: left;
    width: calc(100% - 63px);
    padding-left: 10px;
    color: #222222;
    padding-top: 12px;
    line-height: 1.3;
}

.home_banner .box_yun .text {
    z-index: 3;
}

.home_banner .box_yun .text .bt {
    color: #222222;
}

.home_banner .box_yun .text .js {
    color: #222222;
}

.home_banner .box_yun .yun1 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 2;
    -webkit-animation: scoll 70s linear infinite;

}

@keyframes scoll {

    0% {
        /*opacity: 0;*/
        transform: translate(0%, 0);
    }

    10% {
        /* opacity: 1;*/
    }

    100% {
        transform: translate(100%, 0%);
    }
}

@-webkit-keyframes scoll {

    0% {
        /*opacity: 0;*/
        transform: translate(0, 0);
    }

    10% {
        /*opacity: 1;*/
    }

    100% {
        transform: translate(100%, 0);
    }

}

@media(max-width: 1500px) {
    .home_banner .box_yun .icon_box {
        margin-bottom: 20px;
    }

    .home_banner .box_yun .icon_box .icon {
        width: 50px;
    }

    .home_banner .box_yun .icon_box .en {
        width: calc(100% - 50px);
        padding-top: 9px;
    }
}

@media(max-width: 800px) {
    .home_banner .box_yun .icon_box .icon {
        width: 40px;
    }

    .home_banner .box_yun .icon_box .en {
        width: calc(100% - 40px);
        padding-top: 2px;
    }
}

/*pclogo后文字*/
.header .left .logo {
    overflow: initial;
}

.header .left .logo h1 {
    line-height: 0;
}

.header .left .logo .wz {
    position: absolute;
    left: 100%;
    width: 300px;
    bottom: 0;
    z-index: 3;
    color: #fff;
    font-size: 16px;
    margin-left: 16px;
    line-height: 1;
    letter-spacing: 3px;
    font-weight: initial;
}

@media(max-width: 1500px) {
    .header .left .logo .wz {
        font-size: 14px;
        letter-spacing: 2px;
    }
}

@media(max-width: 1200px) {
    .header .left .logo .wz {
        display: none;
    }
}


/*home_c逐层动画*/
.home_c .right {
    width: 640px;
    height: 640px;
    position: relative;
    overflow: hidden;
}

.home_c .right .ul {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}

.home_c .right .ul li {
    width: 320px;
    height: 320px;
}

.home_c .right .ul li.li1 {
    position: absolute;
    left: 0;
    top: 50%;
    width: 70px;
    height: 70px;
    opacity: 0;
    z-index: 3;
}

.home_c .right .ul li.li2 {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    z-index: 2;
}

.home_c .right .ul li.li3 {
    position: absolute;
    right: 50%;
    top: 50%;
    /* opacity: 0;*/
}

.home_c .right .ul li.li4 {
    position: absolute;
    right: 0;
    top: 0;
    border-top: none;
    opacity: 0;
}

.home_banner .xuanzhuan .img .img1 {
    transition: all 6s;
    transform: scale(1.2) rotate(-1deg) !important;
}

/*案例追加文字层*/
.home_e .ul li .text {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 8;
    background: rgba(0, 0, 0, .5);
    padding: 5%;
    color: #f9f9f9;
    opacity: 0;
    transition: all 0.6s;
}

.home_e .ul li .text .box {
    position: relative;
    width: 100%;
    height: 100%;
}

.home_e .ul li .text .bt {
    position: absolute;
    top: 0;
    left: 0;
}

.home_e .ul li .text .wenzi {
    position: absolute;
    bottom: 0;
    left: 0;
}

.home_e .ul li .text .wenzi .js {
    margin-top: 8px;
    line-height: 1.6;
}

.home_e .ul li:hover .text {
    display: block;
    opacity: 1;
}

@media(max-width:1300px) {
    .home_c .right {
        width: 520px;
        height: 520px;
    }

    .home_c .right .ul li {
        width: 260px;
        height: 260px;
    }
}

@media(max-width:1100px) {
    .home_e .ul li:hover .text {
        display: none;
    }
}

/**/

.gaoduanwz_banner .ts_nybanner .wz {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    left: 0;
}



.gaoduanwz_banner .ts_nybanner .bg .t {
    background: url(../images/gaoduanwz_banner01.jpg) center right/cover no-repeat;
    position: absolute;
    left: -20px;
    top: 0;
    width: 114%;
    height: 100%;
}

.gaoduanwz_banner .ts_nybanner .bg img {
    opacity: 0;
}

.shuzihua_banner .img {
    position: relative;
    line-height: 0;
}

.shuzihua_banner .img video {
    line-height: 0;
}

.shuzihua_banner .img:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: rgba(0, 0, 0, 0.2);
    z-index: 1;
}

.shuzihua_banner .shuzihua_text {
    z-index: 2;
}

.gaoduanwz_banner .ts_nybanner .bg img {
    width: 100%;
}

/*观点资讯*/
.guandian_banner .text {
    letter-spacing: 3px;
}

.guandian_a {
    padding: 90px 0 110px;
    background: #fafafa;
}

.guandian_a .top .ty_title {
    float: left;
    margin-bottom: 0;
}

.guandian_a .btm {
    margin-top: 36px;
}

.guandian_a .btm .left {

    width: 75.6%;
}

.guandian_a .btm .left .ul li {
    margin-bottom: 16px;
}

.guandian_a .btm .left .ul li:last-child {
    margin-bottom: 0;
}

.guandian_a .btm .left .ul li .box {
    background: #fff;
    padding: 26px 26px 32px;
}

.guandian_a .btm .left .ul li .img {
    float: left;
    width: 28.4%;
    overflow: hidden;
}

.guandian_a .btm .left .ul li .text {
    float: left;
    width: 71.6%;
    padding: 20px 50px;
}

.guandian_a .btm .left .ul li .text .bt {
    color: #000000;
    margin-bottom: 10px;
    transition: all 0.4s;
}

.guandian_a .btm .left .ul li .img img {
    transform: scale(1);
    transition: all 0.4s;
    overflow: hidden;
    width: 342px;
    height: 240px;
}

.guandian_a .btm .left .ul li:hover .text .bt {
    color: #0964c4;
}

.guandian_a .btm .left .ul li:hover .img img {
    transform: scale(1.1);
}

.guandian_a .btm .left .ul li .text .time {
    color: #000000;
    margin-bottom: 6px;
}

.guandian_a .btm .left .ul li .text .js {
    line-height: 1.8;
    color: #666666;
}

.gd2 {
    color: #000000;
    font-size: 14px;
    position: relative;
    display: inline-block;
    padding-right: 20px;
}

.gd2:before {
    background: url(../images/gd_jt.png) center center/cover;
    width: 13px;
    height: 10px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    content: "";
}

.guandian_a .btm .left .ul li .text .gd2 {
    margin-top: 30px;
}

.guandian_a .btm .right {
    width: 23.2%;
}

.guandian_a .btm .right .box {
    background: #fff;
    margin-bottom: 16px;
    padding: 30px 24px 40px;
}

.guandian_a .btm .right .box:last-child {
    margin-bottom: 0;
}

.guandian_a .btm .right .box .ty_title {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #f2f2f2;
}

.guandian_a .btm .right .box .ty_title .bt {
    font-size: 22px;
    padding-left: 16px;
}

.guandian_a .btm .right .box .ty_title .bt i {
    height: 20px;
    width: 6px;
}

.guandian_a .btm .right .box .ty_title .bt i:after {
    height: 6px;
    width: 6px;
}

.guandian_a .btm .right .box .ol li {
    float: left;
    width: 48%;
    margin-right: 4%;
    margin-bottom: 10px;
}

.guandian_a .btm .right .box .ol li:nth-child(2n) {
    margin-right: 0;
}

.guandian_a .btm .right .box .ol li .bt {
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 16px;
    color: #666666;
}

.guandian_a .btm .right .box .ol li .bt:before {
    position: absolute;
    left: 0;
    width: 6px;
    height: 6px;
    top: 50%;
    transform: translateY(-50%);
    content: "";
    background: #0964c4;
}

.guandian_a .btm .right .box .btm .nr {
    margin-bottom: 16px;
}

.guandian_a .btm .right .box .btm .nr:last-child {
    margin-bottom: 0;
}

.guandian_a .btm .right .box .btm .img {
    float: left;
    width: 39.6%;
    overflow: hidden;
}

.guandian_a .btm .right .box .btm .img img {
    transform: scale(1);
    transition: all 0.4s;
    overflow: hidden;
}

.guandian_a .btm .right .box .btm .text {
    float: left;
    width: 60.4%;
    padding-top: 6px;
    padding-left: 18px;
}

.guandian_a .btm .right .box .btm .text .bt {
    color: #333333;
    height: 46px;
    overflow: hidden;
    transition: all 0.4s;
}

.guandian_a .btm .right .box .btm .text .time {
    color: #333333;
    margin-top: 14px;
}

.guandian_a .btm .right .box .btm .nr:hover .img img {
    transform: scale(1.1);
}

.guandian_a .btm .right .box .btm .nr:hover .text .bt {
    color: #0964c4;
}

.guandian_a .btm .right .box .btm {
    margin-top: 0;
}

.guandian_a .page {
    text-align: left;
    padding-bottom: 0;
}

@media(max-width: 1700px) {
    .guandian_a {
        padding: 70px 0 90px;
    }

    .guandian_a .btm {
        margin-top: 30px;
    }

    .guandian_a .btm .left .ul li .box {
        padding: 20px;
    }

    .guandian_a .btm .left .ul li .text {
        padding: 10px 30px;
    }

    .guandian_a .btm .left .ul li .text .gd2 {
        margin-top: 30px;
    }

    .guandian_a .btm .right .box {
        padding: 30px 20px 40px;
    }

    .guandian_a .btm .right .box .btm .text {
        padding-top: 0;
    }
}

@media(max-width: 1500px) {
    .guandian_a .btm .right .box .ty_title {
        padding-bottom: 14px;
        margin-bottom: 14ox;
    }

    .guandian_a .btm .right .box .btm .text .bt {
        height: 36px;
    }

    .guandian_a .btm .left .ul li .text {
        padding: 10px 20px;
    }
}

@media(max-width: 1100px) {
    .guandian_a {
        padding: 40px 0 50px;
    }

    .guandian_a .btm .right {
        display: none;
    }

    .guandian_a .btm .left {
        width: 100%;
    }

    .guandian_a .top .tit {
        width: 100%;
        float: left;
    }
}

@media(max-width: 800px) {
    .guandian_a .btm .left .ul li .img {
        display: none;
    }

    .guandian_a .btm .left .ul li .text {
        width: 100%;
        padding: 0;
    }
}

/*logo后文字效果*/
.header .left .logo .wz {
    overflow: hidden;
}

.header .left .logo .wz span {
    display: inline-block;
    min-width: 0.3em;
    text-transform: uppercase;
    /**/
    opacity: 0;
    transform: translate(0, 20px);
    transition: 0.3s;
}

.header .left .logo .wz:before {
    content: attr(data-text);
    position: absolute;
    width: 100%;
    left: 0;
    text-transform: uppercase;
    /*letter-spacing: 3.5px;*/
    opacity: 1;
    transform: translate(0, 0px);
    display: block;
    transition: 0.3s;
    /* transition: 0.3s cubic-bezier(0.5, -1, 0.5, 2);*/
}

.header .left .logo:hover .wz:before,
.header .left .logo:hover .wz:focus:before,
.header .left .logo.cur .wz:before,
.header .left .logo.cur .wz:focus:before {
    transform: translate(0, -20px);

}

.header .left .logo:hover .wz span,
.header .left .logo:hover .wz:focus span,
.header .left .logo.cur .wz span,
.header .left .logo.cur .wz:focus span {
    opacity: 1;
    transform: translate(0, 0);
    transition: 0.3s;
}


/*联系我们*/
.lianxi_banner .text {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 9;
    top: 47%;
    transform: translateY(-50%);
    color: #000000;
}

.lianxi_banner .text .fbt {
    margin-bottom: 10px;
}

.lianxi_banner .text .bt {
    margin-bottom: 36px;
}

.lianxi_banner .text .phone {
    position: relative;
    width: 650px;
    padding: 20px 0 30px 86px;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.lianxi_banner .text .phone:before {
    width: 50px;
    height: 59px;
    background: url(../images/lianxi_banner_icon.png) center center/cover;
    position: absolute;
    left: 4px;
    top: 50%;
    transform: translateY(-50%);
    content: "";
}

.lianxi_banner .text .phone span {
    line-height: 1.2;
    margin-right: 50px;
}

.lianxi_banner .text .phone span:last-child {
    margin-right: 0;
}

.lianxi_a {
    background: url(../images/lianxi_a_bg.jpg) bottom center/cover;
    padding-top: 90px;
}

.lianxi_a .ul li {
    float: left;
    width: 32.75%;
    margin-right: 0.875%;
    background: #fff;
    padding: 46px;
    height: 320px;
    overflow: hidden;
    position: relative;
    transition: all 0.3s;
}

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

.lianxi_a .ul li .bt {
    color: #000000;
    font-weight: bold;
    padding-left: 20px;
    position: relative;
    line-height: 1.2;
}

.lianxi_a .ul li .bt i {
    position: absolute;
    left: 0;
    top: 0;
    width: 7px;
    background: #0863c4;
    height: 100%;
    transition: all 0.3s;
}

.lianxi_a .ul li .bt i:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 7px;
    background: #01c8ff;
    height: 7px;
    content: "";
    transition: all 0.3s;
}

.lianxi_a .ul li .text {
    margin-top: 26px;
    color: #666666;
    line-height: 1.6;
    transition: all 0.3s;
}

.lianxi_a .ul li .text .box {
    padding-left: 40px;
    position: relative;
    margin-bottom: 20px;
}

.lianxi_a .ul li .text .box:last-child {
    margin-bottom: 0;
}

.lianxi_a .ul li .text .box:before {
    position: absolute;
    left: 0;
    top: 2px;
    width: 23px;
    height: 22px;
    content: "";
}

.lianxi_a .ul li .text .box.dizhi:before {
    background: url(../images/lianxi_a_dizhi.png) center center/cover;
}

.lianxi_a .ul li .text .box.dianhua:before {
    background: url(../images/lianxi_a_dianhua.png) center center/cover;
}

.lianxi_a .ul li .text .box.youx:before {
    background: url(../images/lianxi_a_youx.png) center center/cover;
}

.lianxi_a .ul li .text .box .p {
    float: left;
    width: 48px;
}

.lianxi_a .ul li .text .box .nr {
    float: left;
    width: calc(100% - 48px);
}

.lianxi_a .ul li .bule {
    width: 50px;
    height: 50px;
    background: #f3f3f3;
    transition: all 0.3s;
}

.lianxi_a .ul li .bule:before {
    width: 15px;
    height: 15px;
    background: #e9e9e9;
    transition: all 0.3s;
}

.lianxi_a .ul li .bule:after {
    width: 13px;
    height: 13px;
    background: #f2f2f2;
    left: -13px;
    top: -13px;
    transition: all 0.3s;
}

.lianxi_a .ul li:hover {
    background: #0964c4;
}

.lianxi_a .ul li:hover .bt,
.lianxi_a .ul li:hover .text {
    color: #fff;
}

.lianxi_a .ul li:hover .text .box.dizhi:before {
    background: url(../images/lianxi_a_dizhi2.png) center center/cover;
}

.lianxi_a .ul li:hover .text .box.dianhua:before {
    background: url(../images/lianxi_a_dianhua2.png) center center/cover;
}

.lianxi_a .ul li:hover .text .box.youx:before {
    background: url(../images/lianxi_a_youx2.png) center center/cover;
}

.lianxi_a .ul li:hover .bt i {
    background: rgba(255, 255, 255, 0.5);
}

.lianxi_a .ul li:hover .bt i:before {
    background: #fff;
}


.lianxi_a .ul li:hover .bule {
    background: rgba(255, 255, 255, 0.1);
}

.lianxi_a .ul li:hover .bule:before {
    background: rgba(255, 255, 255, 0.1);
}

.lianxi_a .ul li:hover .bule:after {
    background: rgba(255, 255, 255, 0.1);
}

.lianxi_b {
    padding: 140px 0 120px;
    background: url(../images/lianxi_b_bg.jpg) top center/cover;
}

.lianxi_b .ty_title2 .js {
    padding-left: 0;
}

.lianxi_b .left {
    width: 40%;
}

.lianxi_b .left .ul li {
    margin-bottom: 16px;
}

.lianxi_b .left .ul li:last-child {
    margin-bottom: 0;
}

.lianxi_b .left .ul li input,
.lianxi_b .left .ul li textarea,
.lianxi_b .left .ul li .select select {
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    border: 1px solid #f3f3f4;
    background: #fff;
    font-size: 16px;
    color: #666666;
}

.lianxi_b .left .ul li textarea {
    resize: none;
    height: 120px;
}


.lianxi_b .left .ul li .select {
    position: relative;
}

.lianxi_b .left .ul li .select:before {
    position: absolute;
    right: 24px;
    top: 50%;
    transform: translateY(-50%);
    width: 12px;
    height: 7px;
    background: url(../images/lianxi_b_jt.png) center center/cover;
    content: "";
}

.lianxi_b .left .ul li .select select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.lianxi_b .left .ul li.btn {
    margin-top: 50px;
}

.lianxi_b .left .ul li.btn input {
    width: 200px;
    background: #0964c4;
    color: #fff;
}

.lianxi_c .map {
    height: 510px;
    width: 100%;
}

.lianxi_c .BMap_stdMpType0,
.lianxi_c .BMap_scaleCtrl,
.lianxi_c .BMap_noprint,
.lianxi_c .anchorBL {
    display: none !important;
}

@media(max-width: 1700px) {
    .lianxi_banner .text .phone {
        padding: 20px 0 20px 60px;
    }

    .lianxi_banner .text .phone:before {
        width: 40px;
        height: 49px;
    }

    .lianxi_a {
        padding-top: 70px;
    }

    .lianxi_a .ul li {
        padding: 40px;
        height: 300px;
    }

    .lianxi_b {
        padding: 100px 0 80px;
    }

    .lianxi_b .left .ul li.btn {
        margin-top: 40px;
    }

    .lianxi_c .map {
        height: 460px;
    }
}

@media(max-width: 1500px) {
    .lianxi_banner .text .phone {
        padding: 16px 0 16px 50px;
    }

    .lianxi_banner .text .phone:before {
        width: 33px;
        height: 39px;
    }

    .lianxi_banner .text .bt {
        margin-bottom: 26px;
    }

    .lianxi_a .ul li {
        padding: 30px;
        height: 260px;
    }

    .lianxi_b {
        padding: 80px 0 60px;
    }

    .lianxi_b .left .ul li input,
    .lianxi_b .left .ul li textarea,
    .lianxi_b .left .ul li .select select {
        font-size: 14px;
        height: 44px;
        line-height: 44px;
    }

    .lianxi_b .left .ul li textarea {
        height: 100px;
    }

    .lianxi_b .left .ul li {
        margin-bottom: 12px;
    }

    .lianxi_b .left .ul li.btn {
        margin-top: 30px;
    }

    .lianxi_c .map {
        height: 400px;
    }
}

@media(max-width: 1100px) {
    .lianxi_banner .text .phone {
        width: 100%;
    }

    .lianxi_banner .text .phone span {
        margin-right: 0;
        display: block;
        margin-bottom: 4px;
    }

    .lianxi_banner .text .phone span:last-child {
        margin-bottom: 0;
    }

    .lianxi_banner .text .phone {
        padding: 14px 0 14px 44px;
    }

    .lianxi_banner .text .bt {
        margin-bottom: 16px;
    }

    .lianxi_a {
        padding-top: 40px;
    }

    .lianxi_a .ul li {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
        height: auto;
    }

    .lianxi_a .ul li:last-child {
        margin-bottom: 0;
    }

    .lianxi_b {
        padding: 50px 0;
    }

    .lianxi_b .left {
        width: 100%;
    }

    .lianxi_b .left .ul li input,
    .lianxi_b .left .ul li textarea,
    .lianxi_b .left .ul li .select select {
        height: 40px;
        line-height: 40px;
    }

    .lianxi_b .left .ul li textarea {
        height: 80px;
    }

    .lianxi_b .left .ul li.btn {
        margin-top: 20px;
    }

    .lianxi_c .map {
        height: 300px;
    }
}

/*资讯详情*/
.zixunxq_a {
    padding: 70px 0;
}

.zixunxq_a .btm {
    margin-top: 0;
}

.zixunxq_a .left {
    background: #fff;
    padding: 60px 50px;
}

.zixunxq_a .left .bt {
    color: #000000;
    font-weight: initial;
}

.zixunxq_a .left .xinxi {
    color: #000000;
    margin-top: 16px;
}

.zixunxq_a .left .xinxi .l {
    float: left;
    width: 70%;
}

.zixunxq_a .left .xinxi>div {
    float: left;
}

.zixunxq_a .left .xinxi .l .clearfix>div {
    float: left;
    margin-right: 20px;
    margin-bottom: 8px;
}

.zixunxq_a .left .xinxi .l .clearfix>div:last-child {
    margin-right: 0;
}

.zixunxq_a .left .xinxi .r {
    float: right;
    position: relative;
    padding-right: 90px;
}

.zixunxq_a .left .text {
    color: #666666;
    line-height: 1.8;
    margin-top: 26px;
    padding-top: 26px;
    border-top: 1px solid #e5e5e5;
}

.zixunxq_a .left #share-1 {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.zixunxq_a .left #share-1 a {
    width: 19px;
    height: 17px;
    margin: 0 10px 0 0;
}

.zixunxq_a .left #share-1 a:last-child {
    margin-right: 0;
}

.zixunxq_a .left #share-1 a:before {
    display: none;
}

.zixunxq_a .left #share-1 a.icon-weibo {
    background: url(../images/zixunxq_weibo.png) center center/cover;
}

.zixunxq_a .left #share-1 a.icon-qq {
    background: url(../images/zixunxq_qq.png) center center/cover;
}

.zixunxq_a .left #share-1 a.icon-wechat {
    background: url(../images/zixunxq_weixin.png) center center/cover;
}

.zixunxq_a .left .xia {
    margin-top: 70px;
    padding-top: 40px;
    border-top: 1px solid #e5e5e5;
}

.zixunxq_a .left .xia .zu {
    float: left;
    width: 70%;
}

.zixunxq_a .left .xia .zu a {
    display: block;
    margin-bottom: 18px;
    color: #000000;
    position: relative;
    padding-left: 30px;
}

.zixunxq_a .left .xia .zu a:last-child {
    margin-bottom: 0;
}

.zixunxq_a .left .xia .zu a i {
    position: absolute;
    left: 4px;
    top: 0;
    width: 5px;
    height: 100%;
    background: #0863c4;
}

.zixunxq_a .left .xia .zu a i:before {
    content: "";
    height: 4px;
    width: 100%;
    background: #01c8ff;
    position: absolute;
    left: 0;
    top: 0;
}

.zixunxq_a .left .xia .yo {
    float: right;
}

.zixunxq_a .left .xia .yo a {
    color: #000000;
    position: relative;
    padding-left: 16px;
}

.zixunxq_a .left .xia .yo a i {
    position: absolute;
    left: 4px;
    top: 0;
    width: 5px;
    height: 100%;
    background: #0863c4;
}

.zixunxq_a .left .xia .yo a i:before {
    content: "";
    height: 4px;
    width: 100%;
    background: #01c8ff;
    position: absolute;
    left: 0;
    top: 0;
}

@media(max-width: 1700px) {
    .zixunxq_a .left {
        padding: 50px 40px;
    }

    .zixunxq_a .left .text {
        margin-top: 22px;
        padding-top: 22px;
    }

    .zixunxq_a .left .xia {
        margin-top: 50px;
        padding-top: 30px;
    }
}

@media(max-width: 1500px) {
    .zixunxq_a {
        padding: 40px 0;
    }

}

@media(max-width: 1100px) {
    .zixunxq_a {
        padding: 40px 0;
    }

    .zixunxq_a .left {
        padding: 30px 20px;
    }

    .zixunxq_a .left .xinxi .l {
        width: 100%;
    }

    .zixunxq_a .left .xinxi .r {
        float: left;
    }

    .zixunxq_a .left .text {
        margin-top: 20px;
        padding-top: 20px;
    }
}

@media(max-width: 640px) {
    .zixunxq_a .left .xia {
        margin-top: 30px;
        padding-top: 20px;
    }

    .zixunxq_a .left .xia .zu a {
        padding-left: 20px;
    }

    .zixunxq_a .left .xia .zu {
        width: 100%;
    }

    .zixunxq_a .left .xia .yo {
        margin-top: 20px;
    }
}

/**/
.gaoduanwz_b2 {
    padding: 60px 0;
}

.gaoduanwz_b2 .text {
    position: absolute;
    top: 50%;
    right: 5.5%;
    width: 36%;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.94);
    padding: 60px 50px;
}

.gaoduanwz_b2 .text .ty_title {
    margin-bottom: 22px;
    padding-bottom: 22px;
    border-bottom: 1px solid #e5e7e8;
}

.gaoduanwz_b2 .text .js {
    color: #333333;
}

.gaoduanwz_b2 .text .wenzi {
    margin-top: 20px;
    line-height: 1.6;
}

.gaoduanwz_b2 .text .wenzi ul li {
    padding-left: 14px;
    color: #666666;
    position: relative;
    margin-top: 6px;
}

.gaoduanwz_b2 .text .wenzi ul li:before {
    position: absolute;
    top: 8px;
    left: 0;
    width: 7px;
    height: 7px;
    background: #0863c4;
    content: "";
}


.gaoduanwz_e {
    background: #f7f9fb;
}

.gaoduanwz_e .container,
.gaoduanwz_e .btm .img2 {
    overflow: initial;
}

.gaoduanwz_e .btm {
    overflow: initial;
    margin-top: 60px;
}

.gaoduanwz_e .top .right {
    padding-right: 17%;
}

.gaoduanwz_e .btm .img2 {
    width: 62%;
    right: 2.4%;
    bottom: 0;
    position: absolute;
}


@media(max-width: 1500px) {
    .gaoduanwz_b2 .text {
        padding: 40px 30px;
    }

    .gaoduanwz_b2 .text .ty_title {
        margin-bottom: 18px;
        padding-bottom: 18px;
    }
}

@media(max-width: 1100px) {
    .gaoduanwz_b2 .text .ty_title {
        margin-bottom: 14px;
        padding-bottom: 14px;
    }

    .gaoduanwz_b2 .text {
        background: #f2f2f2;
        width: 100%;
        position: initial;
        transform: initial;
        padding: 30px 20px;
    }

    .gaoduanwz_e .top .right {
        padding-right: 0;
    }

    .gaoduanwz_e .btm {
        margin-top: 30px;
    }

    .ts_nybanner {
        display: none;
    }
}

/*面包屑*/
.location {
    padding: 10px 0;
    text-align: left;
}

.location p {
    display: inline-block;
    position: relative;
    line-height: 30px;
    padding-left: 20px;
    background: url(../images/locabg.png) no-repeat left 7px;
}

.location a,
.location {
    font-size: 14px;
    color: #999999;
}

.location a.cur {
    color: #999999;
}


/*banner效果zhuyou*/
.home_banner .swiper-slide {
    overflow: hidden;
}

.home_banner .zhuyou_box {
    position: absolute;
    top: 29%;
    left: 37%;
    z-index: 9;
    height: 12vw;
}

.home_banner .zhuyou_box img {
    width: 100%;
}

.home_banner .zhuyou_box .img2 {
    width: 36%;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.home_banner .zhuyou_box .zhuyou_box_nr {
    width: 340px;
    margin-top: 10px;
    margin-left: -20px;
}

.home_banner .zhuyou_box .zhuyou_box_nr .nrox {
    color: #c4eff9;
    text-align: center;
}

.home_banner .zhuyou_box .zhuyou_box_nr .zhuyou_box_nr_ul {
    margin-top: 12px;
    /*font-size: 14px;*/
    color: #bcebff;
}

.home_banner .zhuyou_box .zhuyou_box_nr .zhuyou_box_nr_ul li {
    margin-bottom: 6px;
}

.home_banner .zhuyou_box .zhuyou_box_nr .zhuyou_box_nr_ul li:last-child {
    margin-bottom: 0;
}

.home_banner .zhuyou_box .zhuyou_box_nr .zhuyou_box_nr_ul li p {
    float: left;
    width: 132px;
}

.home_banner .zhuyou_box .zhuyou_box_nr .zhuyou_box_nr_ul li .jindu {
    float: left;
    width: calc(100% - 132px);
}

.home_banner .zhuyou_box .zhuyou_box_nr .zhuyou_box_nr_ul li .jindu .k .wb {
    font-size: 12px;
    color: #fff;
    position: absolute;
    width: 100%;
    top: 50%;
    line-height: 1;
    transform: translateY(-50%);
    text-align: center;
    left: 0;
}

.home_banner .zhuyou_box .zhuyou_box_nr .zhuyou_box_nr_ul li .jindu .k {
    height: 22px;
    line-height: 22px;
    border: 2px solid #b2e6f5;
    display: block;
    position: relative;
    color: #fff;
    font-size: 12px;
    text-align: center;
}

.home_banner .zhuyou_box .zhuyou_box_nr .zhuyou_box_nr_ul li .jindu .k i {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background: #a3dbf1;
    transition: 2.5s;
    z-index: -1;
}

.home_banner .zhuyou_box .lx {
    transform: translateY(30px);
    transition: all 1.8s;
    opacity: 0;
}

.home_banner .zhuyou_box .lx.cur {
    transform: translateY(0);
    opacity: 1;
}

/*
.home_banner .swiper-slide.zhuyou .box .img img{
	    transform: scale(0.8);
}
.home_banner .swiper-slide.zhuyou.cur .box .img img{
	    transform: scale(1);
}*/
@media(max-width: 3000px) {
    .home_banner .zhuyou_box {
        position: absolute;
        top: 29%;
        left: 37%;
        z-index: 9;
        width: 34%;
    }

    .home_banner .zhuyou_box .zhuyou_box_nr {
        width: 340px;
    }

    .home_banner .zhuyou_box .zhuyou_box_nr .nrox {
        font-size: 14px;
    }

    .home_banner .zhuyou_box .zhuyou_box_nr .zhuyou_box_nr_ul {
        margin-top: 12px;
        font-size: 14px;
    }

    .home_banner .zhuyou_box .zhuyou_box_nr .zhuyou_box_nr_ul li {
        margin-bottom: 6px;
    }

    .home_banner .zhuyou_box .zhuyou_box_nr .zhuyou_box_nr_ul li .jindu .k {
        height: 16px;
        line-height: 16px;
        border: 2px solid #b2e6f5;
    }

    .home_banner .zhuyou_box .zhuyou_box_nr .zhuyou_box_nr_ul li p {
        width: 160px;
        font-size: 18px;
    }

    .home_banner .zhuyou_box .zhuyou_box_nr .zhuyou_box_nr_ul li .jindu {
        width: calc(100% - 160px);
        padding-left: 6px;
    }

    .home_banner .zhuyou_box .zhuyou_box_nr .nrox {
        font-size: 18px;
    }
}

@media(max-width: 1920px) {
    .home_banner .zhuyou_box {
        position: absolute;
        top: 29%;
        z-index: 9;
        width: 35%;
    }

    .home_banner .zhuyou_box .zhuyou_box_nr {
        width: 280px;
    }

    .home_banner .zhuyou_box .zhuyou_box_nr .nrox {
        font-size: 12px;
    }

    .home_banner .zhuyou_box .zhuyou_box_nr .zhuyou_box_nr_ul {
        margin-top: 14px;
        font-size: 12px;
    }

    .home_banner .zhuyou_box .zhuyou_box_nr .zhuyou_box_nr_ul li .jindu .k {
        height: 14px;
        line-height: 14px;
        border: 2px solid #b2e6f5;
    }

    .home_banner .zhuyou_box .zhuyou_box_nr .zhuyou_box_nr_ul li p {
        width: 124px;
        font-size: 14px;
    }

    .home_banner .zhuyou_box .zhuyou_box_nr .zhuyou_box_nr_ul li .jindu {
        width: calc(100% - 124px);

    }

    .home_banner .zhuyou_box .zhuyou_box_nr .zhuyou_box_nr_ul li {
        margin-bottom: 3px;
    }
}

@media(max-width: 1300px) {
    .home_banner .zhuyou_box .zhuyou_box_nr {
        left: -40px;
    }
}

@media(max-width: 1100px) {
    .home_banner .zhuyou_box {
        display: none;
    }
}


/*新闻下查看更多*/
.news_gd {
    cursor: pointer;
    font-size: 14px;
    text-align: center;
    background: #4e975f;
    color: #fff;
    height: 46px;
    line-height: 46px;
    width: 200px;
    margin: 50px auto;
}

.news_gd p {
    font-size: 16px;
    text-align: center;
    line-height: 46px;
}

.news_gd_gd {
    display: none;
}


/*服务案例详情*/
.casexq_banner {
    background: url(../images/casexq_banner.jpg) center center/cover;
}

.casexq_banner .text {
    padding-top: 170px;
    text-align: center;
}

.casexq_banner .text .top {
    width: 82%;
    margin: 0 auto;
}

.casexq_banner .text .bt {
    color: #fff;
}

.casexq_banner .text .js {
    line-height: 1.8;
    color: #fff;
    margin-top: 16px;
}

.casexq_banner .text .more {
    margin-top: 22px;
    z-index: 1;
    position: relative;
}

.casexq_banner .text .more i,
.casexq_banner .text a.more i {
    background-color: rgba(27, 107, 193, 1.0);
    z-index: -1;
    height: calc(100% + 2px);
    top: 50%;
    transform: translateY(-50%);
}

.casexq_banner .text .more:after,
.casexq_banner .text a.more:after {
    background: rgba(68, 156, 192, 0.3);
}

.casexq_banner .text .fb {
    margin-top: 50px;
}

.casexq_banner .text .fb img {
    transform: translateY(1px);
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
}

.casexq_banner .mobile-box {
    display: inline-block;
    margin-top: 40px;
    margin-bottom: 30px;
    z-index: 1;
}

.casexq_banner .mobile-box .mobile-l {
    width: 380px;
    height: 770px;
    position: relative;
    float: left;
}

/**.casexq_banner .mobile-box .mobile-l .content01 {
    position: absolute;
    left: 50%;
    top: 18px;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    width: 356px;
    height: 526px;
}**/
.casexq_banner .mobile-box .mobile-l .content01 {
    position: absolute;
    top: 10px;
    left: 12px;
}

.casexq_banner .mobile-box .mobile-s {
    width: 380px;
    height: 770px;
    margin-left: -75px;
    margin-top: 35px;
    position: relative;
    float: left;
    border-radius: 38px;
}

.casexq_banner .mobile-box .mobile-s .content02 {
    position: absolute;
    left: 50%;
    top: 65px;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    width: 100%;
    height: 100%;
    padding: 36px 20px 20px;
    z-index: 10;
}

.casexq_banner .mobile-box .mobile-s .content02 p {
    padding: 15px 0 6px;
    text-align: center;
    border-top: 1px solid #D1D1D2;
    border-bottom: 1px solid #D1D1D2;
    font-size: 23px;
    margin-bottom: 6px;
    color: #000;
    font-family: '宋体';
    font-weight: 600;
}

.casexq_banner .mobile-box .mobile-s .content02 p span {
    margin-top: 10px;
    display: block;
}

.casexq_banner .mobile-box .mobile-s .content02 i {
    display: block;
    width: 25px;
    height: 30px;
    background: url(../images/mobile-img04.png) no-repeat;
    margin: 19px auto 20px;
}

.casexq_a {
    background: #efefef;
    padding: 80px 0 60px;
}

.casexq_a .nr {
    color: #333;
    line-height: 1.8;
    text-align: center;
}

.casexq_a .nr img {
    display: inline-block;
}


@media(max-width: 1500px) {
    .casexq_banner .text {
        padding-top: 150px;
    }

    .casexq_banner .text .fb {
        margin-top: 30px;
    }

    .casexq_a {
        padding: 80px 0 50px;
    }
}

/**/
.case-show-box_box1 {
    position: relative;
}

.case-show-box_box1 li:nth-child(1) {
    width: 66.55%;


}

.case-show-box_box1 li:nth-child(2) {
    margin-right: 0;
    float: right;
}

.case-show-box_box1 li:nth-child(3) {
    margin-right: 0.35%;
}

.case-show-box_box1 li.t_t dt>img {
    z-index: -1 !important;
}

.case-show-box_box1 li:nth-child(5) {
    margin-right: 0;
}

/*.case-show-box_box1 li dt{height:330px;overflow:hidden;}
/*.case-show-box_box1 li:nth-child(1) dt > img{opacity:0}*/
.case-show-box_box2 li:nth-child(1) {}

.case-show-box_box2 li:nth-child(2) {
    width: 66.55%;
    margin-right: 0;
}

.case-show-box_box2 li:nth-child(3) {
    margin-right: 0.35%;
}

.case-show-box_box2 li:nth-child(5) {
    margin-right: 0;
}

/*.case-show-box_box2 li dt{height:330px;overflow:hidden;}*/

.case-show-box_box1 li,
.case-show-box_box2 li {
    position: relative;
}

.case-show-box_box1 li video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 9;
    height: 100%;
}

.case-show-box_box1 li dd,
.case-show-box_box2 li dd {
    height: 74px;
}

/*.case-show-box_box1 li dt > img,
.case-show-box_box2 li dt > img{height:470px;}*/
/*@media(max-width:1700px){
	.case-show-box_box1 li dt > img,.case-show-box_box2 li dt > img{height:400px;}
}
@media(max-width:1500px){
	.case-show-box_box1 li dt > img,.case-show-box_box2 li dt > img{height:340px;}
}*/
/*contact QQ*/
.lianxi_banner .zixun {
    margin-top: 30px;
    color: #707271;
}


.lianxi_banner .zixun .more_lx {
    float: left;
    margin-right: 26px;
    margin-top: 24px;
    color: #fff;
    transition: all 0.5s;
    background: #0863c4;
    font-size: 16px;
    padding: 14px 26px;
    position: relative;
}

.lianxi_banner .zixun .more_lx:last-child {
    margin-right: 0;
}

.lianxi_banner .zixun .more_lx i,
.lianxi_banner .zixun a.more_lx i {
    background: url(../images/lianxi_icon02.png) center center/cover;
    width: 22px;
    height: 22px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.lianxi_banner .zixun .more_lx:after,
.lianxi_banner .zixun .more_lx:after {
    width: 6px;
    height: 6px;
    content: "";
    position: absolute;
    top: -6px;
    right: -6px;
    background: #01c8ff;
}

.lianxi_banner .zixun .more_lx:hover {
    opacity: 0.8;
}

@media(max-width:1100px) {
    .lianxi_banner .zixun .more_lx {
        padding: 8px 20px;
        font-size: 14px;
    }

    .lianxi_banner .zixun .more_lx i,
    .lianxi_banner .zixun a.more_lx i {
        width: 16px;
        height: 16px;
    }
}

.home_e-index {
    padding-top: 0;
}

/*新闻无图片样式*/
.home_noneimg {
    padding-bottom: 90px;
}

.home_noneimg .nr .nr_s .ul li {
    border-bottom: 2px solid #e7e7e7 !important;
}

.home_noneimg .nr .nr_s .ul li:nth-child(2n) {
    margin-right: 0
}

.home_noneimg .nr .nr_s .ul li .img {
    display: none
}

.home_noneimg .nr .nr_s .ul li .text .bt {
    font-weight: bold;
    margin-top: 12px;
    font-size: 22px;
}

.home_noneimg .nr .nr_s .ul li .text .time {
    margin-top: 14px;
    font-size: 14px;
    color: #999999;
}

.home_noneimg .zhankai {
    background: #d6d6d6;
    text-align: center;
    padding: 10px 0;
    color: #333333;
    font-size: 14px;
    margin: 36px 0;
    cursor: pointer;
}

.home_noneimg .zhankai i {
    display: inline-block;
    width: 14px;
    height: 7px;
    background: url(../images/jt_20211129.png) center center;
    margin-left: 10px;
    position: relative;
    top: -2px;
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.home_noneimg .zhankai.cur i {
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}

.home_noneimg .nr .nr_s_s {
    display: none;
}

@media(max-width:1500px) {
    .home_noneimg .nr .nr_s .ul li .text .bt {
        font-size: 20px;
    }
}

.case_xq_mbx {
    background: #efefef;
}

.mobile-case-show .middle-img .s01 {
    left: 325px;
}

.casexq_banner .text .ig {
    width: 32.4%;
    margin: 0;
}

.casexq_banner .ig1 {
    position: relative;
    text-align: left;
    padding: 370px 0px 280px 0px;
}

.casexq_banner .ig1 .ig2 {
    position: absolute;
    right: 30px;
    bottom: -21%;
}

.casexq_banner .mobile-box .mobile-l .tupian {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.casexq_banner .mobile-box .mobile-s .content02 .tupian {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    top: 0;
}

.casexq_banner .mobile-box .mobile-s .content02 .content01 {
    position: absolute;
    top: 10px;
    left: 12px;
}

.casexq_banner .text .ig .ig3 {
    font-size: 16px;
    color: #ffffff;
    position: relative;
    display: inline-block;
    margin-top: 40px;
    padding-left: 68px;
}

.casexq_banner .text .ig .ig3:after {
    position: absolute;
    content: "";
    width: 58px;
    height: 58px;
    top: 50%;
    transform: translateY(-50%);
    background: url(../images/weixin.png);
    left: 0;
}

.casexq_banner .text .ig .chup {
    width: 100%;
    position: relative;
}

.casexq_banner .text .ig .chup .ig4 {
    width: 200px;
    height: 200px;
    position: absolute;
    left: 0;
    top: 90px;
    display: none;
}

.casexq_banner .text .ig .chup .ig4 img {
    width: 100%;
    height: 100%;
}

.casexq_banner .text .ig .chup:hover .ig4 {
    display: block;
}


.header .right .ul li.wbt:before {
    width: 0;
}

.header .right .ul li.wbo:before {
    width: 100%;
}