/*头部样式*/
.zkhead{
    padding:20px 0;
    position: fixed;
    top:0;
    left:0;
    width: 100%;
    z-index:9999;
    transition: all 0.3s ease-out;
}
.zkmess_a{
    cursor: pointer;
}
.zkcontainer{
    width: 100%;
    max-width: 1700px;
    margin: 0 auto;
}
.zklogo{
    float: left;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 60px;
}
.zklogo a{
    display: flex;
}
.zklogo .zklogo_text{
    display: none;
    height: 28px;
}
.zklogo .zklogo_text .p1{
    background: #1f9aed;
    color: #fff;
    font-size: 12px;
    line-height: 16px;
    padding:0 10px;
    /*display: inline-block;*/
    border-radius: 3px;
    max-width: 95px;
    text-align: center;
}
.zklogo .zklogo_text .p2{
    font-size: 12px;
    color: #1f9aed;
    line-height: 1.2;
}
.zklogo img{
    max-width:226px;
}
.zklogo img.zklogo1{
    display: none;
}
a.head_a{
    margin-top:13px;
    display: block;
    float:right;
    width: 120px;
    line-height: 34px;
    font-size: 14px;
    color: #fff;
    background:#1f9aed;
    border-radius: 10px;
    text-align:center;
    margin-left: 45px;
    overflow: hidden;
    position: relative;
}
a.head_a:before{
    content: "";
    position: absolute;
    display: block;
    transition: all .6s;
    width: 100%;
    height: 0;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    padding-top: 100%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-animation: wave 1.3s infinite;
    animation: wave 1.3s infinite;
    z-index: 1;
}
.zkmores{
    position: relative;
    overflow: hidden;
}
.zkmores:before{
    content: "";
    position: absolute;
    display: block;
    transition: all .6s;
    width: 100%;
    height: 0;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    padding-top: 100%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-animation: wave 1.3s infinite;
    animation: wave 1.3s infinite;
    z-index: 1;
}
.zkh_tel{
    float:right;
    font-size: 20px;
    color: #ffffff;
    padding-left: 34px;
    background:url(../image/tel1.png) no-repeat left center;
    line-height: 60px;
}
.nav{
    display: flex;
    padding: 0 5%;
    /*padding-right:8%;*/
    float:right;
}
.nav li{
    float: left;
    padding:0 32px;
}
.nav li a.a1{
    display: flex;
    font-size: 18px;
    color: #fff;
    text-align: center;
    line-height: 60px;
}
.nav li a.a1 i{
    display: inline-block;
    width: 9px;
/*    height: 100%;*/
    background:url(../image/down.png) no-repeat center;
    margin-left:5px;
}
.nav li:hover a.a1{
    color: #1f9aed;
}
.nav li:hover a.a1 i{
    background:url(../image/down_h.png) no-repeat center;
}
.nav li .zkb_nav{
    display: none;
    position: absolute;
    top:80px;
    left:0px;
    z-index: 999;
    background-color: #fff;
    width: 100%;
    border-top:1px solid #eee;
    padding:40px 0;
}
.nav li .zkb_nav a{
    display: block;
}
.nav li .zkb_nav .zkcontainer{
    display: flex;
    max-width: 1400px;
}
.nav li .zkb_nav .nav_l{
    width: 38.5%;
    float:right;
    display: none;
}
.nav li .zkb_nav .nav_l .img1{
    display: none;

}
.nav li .zkb_nav .zknav_r{
    /*width: 61.5%;*/
    width: 100%;
    float:left;
    display: flex;
    justify-content: center;
    /*flex-wrap: wrap;*/
}
.nav li .zkb_nav .zknav_r a{  
    width: 14.28%;
    /*border-right: 1px solid #eee;  */
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    position: relative;
    float: left;
}
.nav li .zkb_nav .zknav_r a:after{
    content:'';
    position: absolute;
    right: 0;
    top:15%;
    width: 1px;
    height: 70%;
    background: #eee;
}
.nav li .zkb_nav .zknav_r a:last-child{
    border:none;
}
.nav li .zkb_nav .zknav_r a:last-child:after{
    display:none;
}
.nav li .zkb_nav .zknav_r a .img2{
    transition: all 0.3s ease-out;
}
.nav li .zkb_nav .zknav_r a .img2 img{
    max-height: 35px;
}
.nav li .zkb_nav .zknav_r a h3{
    font-size: 16px;
    color: #333; 
/*    font-weight: normal;*/
    padding-top:12px;
}
.nav li .zkb_nav .zknav_r a.cur .img2{
    margin-top:-10px;
}
.nav li .zkb_nav .zknav_r a.cur h3{
    color: #1f9aed;
}

#zkc-header.c-head-hide{
    position: fixed;
    top:0;
    background:#fff;
    box-shadow: 0px 0px 5px #ccc;
}
#zkc-header.c-head-hide .zklogo .zklogo2{
    display: none;
}
#zkc-header.c-head-hide .zklogo .zklogo1{
    display: inline-block;
}
#zkc-header.c-head-hide .zkh_tel{
    color: #333333;
    background: url(../image/tel1_h.png) no-repeat left center;
}
#zkc-header.c-head-hide .nav li a{
    color: #333;
}
#zkc-header.c-head-hide .nav li a i{
    background:url(../image/down2.png) no-repeat center;
}
#zkc-header.c-head-hide .nav li:hover a{
    color: #1f9aed;
}
#zkc-header.c-head-hide .nav li:hover a i{
    background:url(../image/down_h.png) no-repeat center;
}

#zkc-header.c-head-hide.c-head-move{
    padding:5px 0;    
}
#zkc-header.c-head-hide.c-head-move .nav li .zkb_nav{
    top:60px;
}
#zkc-header.c-head-hidden{
    display: none;
}


.m_nav{
    display: none;
    float:right;
    margin-right: 30px;
}
.m_nav a{
    display: block;
    margin:0 8px;
    font-size: 14px;
    color: #fff;
    line-height: 60px;
}
#zkc-header.c-head-hide .m_nav a,#zkc-header.news_head .m_nav a{
    color: #333;
}
.mores2{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin:40px auto 0;
}
.mores2 a{
    display: inline-block;
/*    max-width: 200px;*/
    line-height: 50px;
    font-size: 15px;
    color: #fff;
    background:#1f9aed;
    border-radius: 25px;
    margin:0 10px;
    text-align: center;
    padding:0 15px;
    position: relative;
    overflow: hidden;
}
.mores2 a:before {
    content: "";
    position: absolute;
    display: block;
    transition: all .6s;
    width: 100%;
    height: 0;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    padding-top: 100%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-animation: wave 1.3s infinite;
    animation: wave 1.3s infinite;
    z-index: 1;
}
.mores2 a:hover{
    text-decoration: underline;
}
@media(max-width: 1760px){
    .nav{
        padding:0 4%;
        /*padding-right: 7%;*/
    }
    .nav li{
        padding:0 28px;
    }
    .nav li a.a1{
        font-size: 16px;
    }
}
@media(max-width: 1600px){
    .head{
        padding:15px 0;
    }
    .nav{
        padding: 0px 3%;
        /*padding-right: 6%;*/
    }
    .nav li{
        padding:0 20px;
    }
    .nav li .zkb_nav{
        top:70px;
    }
    .nav li .zkb_nav .zknav_r a h3{
        font-size:16px;
    }
    .zkh_tel{
        font-size:18px;
    }
}
@media(max-width: 1440px){
    .nav{
        /*padding-right: 6%;*/
    }
    .nav li{
        padding:0 20px;
    }
    a.head_a{
        width: 110px;
        margin-left: 30px;
    }
    .zkh_tel{
        font-size: 17px;
    }
}
@media(max-width: 1365px){
    .nav {
        /*padding-right: 4%;*/
    }
    .nav li{
        padding:0 16px;
    }
}
@media(max-width: 1280px){
    /*.container{*/
    /*    width: 94%;*/
    /*}*/
    .nav {
        padding:0 2%;
        /*padding-right: 2%;*/
    }  
    a.head_a{
        display: none;
    }
}
@media(max-width: 1199px){
    a.head_a{
        display: none;
    }
    .zkh_tel{
        font-size: 16px;
    }    
    /*.nav {*/
    /*    padding-left: 3%;*/
    /*}*/
}
@media(max-width: 1099px){
    .nav{
        float:right;
        padding: 0 0 0 3%;
/*        padding-left: 0;*/
    }
    .zkh_tel{
        display: none;
    }    
}
@media(max-width: 1024px){

}
@media(max-width: 990px){
    /*.zkh_tel{*/
    /*    display: none;*/
    /*}*/
    .zklogo img{
        max-width: 160px;
    }
    .nav li a.a1{
        font-size:15px;
    }
}
@media(max-width: 820px){
    .head{
        padding:10px 0;
    }
    .nav li .zkb_nav{
        top:70px;
    }
    .menu-button{
        display: block;
    }
    .nav{
        display: none;
    }
    .m_nav{
        display: flex;
    }

}
@media(max-width: 640px){
    .head{
        padding:0px 0;
    }
    #zkc-header.c-head-hide.c-head-move {
        padding: 0px 0;
    }
    .zklogo{
        width: 35%;
    }
    .zklogo img{
        width:100%;
    }
    .menu-button{
        top:25px;
    }
    .m_nav{
        margin-right: 10px;
    }
    .m_nav a{
        margin:0 5px;
        /*font-size: 15px;*/
    }
}
@media(max-width: 460px){
    .zklogo{
        height:50px;
    }
    .m_nav a{
        line-height:50px;
    }

}


/* 咨询弹框 */
@font-face {
    font-family: webfont;
    src: url(../font/webfont.woff);
}
.consulta {
    width: 718px;
    height: 368px;
    margin: 0 auto;
    background: rgba(232, 94, 2, 0.96);
    /*background: rgba(31, 154, 237, 0.96);*/
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -359px;
    margin-top: -160px;
    display: none!important;
    z-index: 990;
}

.consultaEwm {
    position: absolute;
    right: 50px;
    width: 33%;
    bottom: 105px;
    text-align: center;
    display: flex;
    align-items: center;
}

.consultaEwm>img {
    width: 108px;
}

.consultaEwm img:first-child {
    margin-right: 8%;
}

.consultaEwm p {
    color: #fff;
    margin-top: 14px;
    display: inline-block;
    text-align: left;
    line-height: 1.4;
}

.consultaEwm p img {
    width: 24px;
    display: block;
    margin-bottom: 14px;
}

.consultRight {
    width: calc(100% - 100px);
    margin: 0 50px;
    z-index: 9;
}

.consultRight h2 {
    color: #fff;
    font-size: 30px;
    margin-top: 50px;
    margin-bottom: 3px;
    line-height: 1.4;
}

.consultRight p {
    font-family: webfont, "Microsoft Yahei";
    color: #fff;
    font-size: 24px;
    font-weight: 100;
    letter-spacing: 2px;
    margin-bottom: 24px;
    line-height: 1.6;
}

#form1 .form1_input input {
    display: block;
    width: 50%;
    margin-top: 12px;
    border: none;
    height: 40px;
    line-height: 40px;
    padding: 0 13px;
    outline: none;
}

.consultRight a {
    cursor: pointer;
    display: inline-block;
    border: 1px solid #fff;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-top: 17px;
    padding: 10px 10px;
    color: #fff;
    font-size: 16px;
    width: 21%;
    text-align: center;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    line-height: 1.4;
}
.mess_btn3{
        margin-top: 17px;
}
.mess_btn3 input{
    cursor: pointer;
    display: inline-block;
    border: 1px solid #fff;
    -moz-border-radius: 5px;
    border-radius: 5px;

    padding: 10px 10px;
    color: #fff;
    font-size: 16px;
    width: 21%;
    text-align: center;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    line-height: 1.4;
    outline: none;
    background: none;
}
.mess_btn3 a{
    cursor: pointer;
    display: inline-block;
    border: 1px solid #fff;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 10px 10px;
    color: #fff;
    font-size: 16px;
    width: 21%;
    text-align: center;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    line-height: 1.4;
    outline: none;
    background: none;   
    margin-left: 15px; 
}
/*.consultRight a.ind_submit{
    background: #fff;
    color: #000;
    }*/

.consultRight a:hover {
    background: #fff;
    color: #000;
}

.conk {
    position: absolute;
    border: 1px solid #fff;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    margin-top: 10px;
    margin-left: 10px;
    z-index: -1;
}

.ys_clock {
    position: absolute;
    top: 11px;
    right: 10px;
    color: #000;
    font-size: 36px;
    background: #fff;
    height: 36px;
    line-height: 36px;
    width: 36px;
    text-align: center;
    cursor: pointer;
}

@media(max-width: 786px) {
    /*.consulta {*/
    /*    display: none !important;*/
    /*}*/
}
@media(max-width: 767px){
    .consulta{
        width:90%;
        height: 348px;
        top: 50%;
        left: 5%;
        margin-left: 0px;
        margin-top: -150px;
    }
    .consultRight {
        width: calc(100% - 40px);
        margin: 0 20px;
    }
.consultRight h2 {
    font-size: 22px;
    margin-top: 40px;
}
.consultRight p{
    font-size:16px;
    font-weight:500;
    margin-bottom: 15px;
}
.consultRight p span{
        font-size:18px;
        display:block;
    }
    .consultaEwm{
        display:none;
    }
#form1 .form1_input input{
    width:100%;
}
.mess_btn3 input{
    width:40%;
}
    .consultRight a{
        width:36%;
        margin-top:0;
    }
}

#zkc-banner1{
    width: 100%;
    height: 100vh;
    overflow: hidden;
}
#zkc-banner1 .zkswiper-slide{
/*height: 100vh;*/
    position: relative;
    overflow: hidden;
    background-size: cover!important;
    /*background-position: center!important;*/
    background-repeat: no-repeat!important;    
}
.zkswiper-slide img {
    vertical-align: middle;
    max-width: 100%;
}
#zkc-banner1 .zkswiper-slide img{
    /*height: 100%;*/
    width: 100%;
}
#zkc-banner1 .zkswiper-slide .pc_img{
    opacity: 0;
}
#zkc-banner1 .zkswiper-slide2 .zkbgImg img{
    -moz-transition: all 4.5s linear;
    -o-transition:  all 4.5s linear;
    transition: all 4.5s linear;
    width: 100%;
    position: absolute;
    left: 0;
    top:0;
}
#zkc-banner1 .zkswiper-slide2.zkswiper-slide-active .zkbgImg img {
    top:-200px;
}
#zkc-banner1 .swiper-pagination{
    text-align: left;
    padding:0 5%;
    bottom:40px;
}
#zkc-banner1 .swiper-pagination .swiper-pagination-bullet{
    width: 12px;
    height: 12px;
    border-radius: 12px;
    background:#fff;
    opacity: 1;
    margin:0 10px;
} 
#zkc-banner1 .swiper-pagination .swiper-pagination-bullet-active{
    width: 40px;
}
.banner_text5{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*text-align:center;*/
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 99;
    color: #fff;    
}
.banner_text5 p.p1{
    font-size: 78px; 
    line-height: 1;
    font-weight: bold;
}
.banner_text5 p.p2{
    font-size: 46px;
    line-height: 1;
    margin:20px 0 50px;
}
.banner_text5 a{
    display: block;
    width: 160px;
    line-height: 55px;
    font-size: 20px;
    color: #1f9aed;
    border-radius: 10px;
    background: #fff;
    text-align: center;
    font-family: "微软雅黑";
    font-weight: bold;
    overflow: hidden;
    position: relative;
}
.banner_text5 a:before{
    content: "";
    position: absolute;
    display: block;
    transition: all .6s;
    width: 100%;
    height: 0;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    padding-top: 100%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-animation: wave 1.3s infinite;
    animation: wave 1.3s infinite;
    z-index: 1;
}
/*#zkc-banner1 .zkbanner_text1{*/
/*    display: none;*/
/*}*/
.zkbanner_text1{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align:center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 99;
    color: #fff;
}
.zkbanner_text1 .p1{
    font-size: 34px;
}
.zkbanner_text1 .p2{
    font-size: 64px;
    font-weight: bold;
    line-height: 1.2;
    margin:0px 0 50px;
}
.zkbanner_text1 a{
    position: relative;
    display: block;
    width: 190px;
    line-height: 55px;
    font-size: 20px;
    color: #fff;
    background:#1f9aed;
    border-radius: 10px;
    text-align:center;
    margin:0 auto;   
    overflow: hidden;
}
.zkbanner_text1 a:before{
    content: "";
    position: absolute;
    display: block;
    transition: all .6s;
    width: 100%;
    height: 0;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    padding-top: 100%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-animation: wave 1.3s infinite;
    animation: wave 1.3s infinite;
    z-index: 1;
}
@-webkit-keyframes wave{
    0%{
        background:rgba(255,255,255,.8);
        transform:translateX(-50%) translateY(-50%) scale(0)
    }
    to{
        background:transparent;
        transform:translateX(-50%) translateY(-50%) scale(1)
    }
}
@keyframes wave{
    0%{
        background:rgba(0,0,0,.25);
        transform:translateX(-50%) translateY(-50%) scale(0)
    }
    to{
        background:transparent;
        transform:translateX(-50%) translateY(-50%) scale(1)
    }
}
#zkc-banner1 .zkswiper-slide video{
    object-fit:fill;   
    width: 100%;
    height: 100%;
    display: block;
}
.banner_text7{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align:center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 99;
    font-size: 32px;
    color: #fff;  
    line-height: 1.6;
    font-weight: bold;
}
.banner_text7 p:nth-child(1){
    font-size: 52px;
    /*color: #1f9aed;*/
    /*font-weight: bold;*/
}
@media(max-width: 1600px){
    /*.zkbanner_text1 .p1{*/
    /*    font-size: 26px;*/
    /*}*/
    .zkbanner_text1 .p2{
        font-size: 46px;
    }
    .zkbanner_text1 a {
        width: 160px;
        line-height: 50px;
        font-size: 16px;
    }
    #zkc-banner1 .zkswiper-slide2.zkswiper-slide-active .zkbgImg img {
        top:-100px;
    }
    .banner_text5 p.p1{
        font-size: 52px; 
    }
    .banner_text5 p.p2{
        font-size: 32px;
        margin:20px 0 50px;
    }
    .banner_text5 a{
        font-size: 16px;
        width: 120px;
        line-height: 46px;
    }

}
@media(max-width: 1440px){
    .banner_text7{
        font-size:24px;
    }
    .banner_text7 p:nth-child(1){
        font-size: 42px;
    }
}
@media(max-width: 1259px){
    #zkc-banner1{
        height: auto;
    }
    #zkc-banner1 .zkswiper-slide img{
        height: auto;
    }
    .zkbanner_text1 .p2{
        font-size: 36px;
    }
    .zkbanner_text1 .p1{
        font-size: 26px;
    }
}
@media(max-width: 1024px){
    
}
@media(max-width: 820px){
    .zkbanner_text1 .p1{
        font-size: 20px;
    }
    .zkbanner_text1 .p2{
        font-size: 28px;
    }
    .zkbanner_text1 a {
        width: 120px;
        line-height: 45px;
        font-size: 15px;
    }
    #zkc-banner1 .swiper-pagination{
        bottom:20px;
    }
    #zkc-banner1 .swiper-pagination .swiper-pagination-bullet{
        margin:0 5px;
        width:7px;
        height:7px;
    }
    #zkc-banner1 .swiper-pagination .swiper-pagination-bullet-active{
        width: 25px;
    }
    #zkc-banner1 .zkswiper-slide2.zkswiper-slide-active .zkbgImg img {
        top:-60px;
    }
    .banner_text5 p.p1{
        font-size: 32px; 
    }
    .banner_text5 p.p2{
        font-size: 20px;
        margin:15px 0 30px;
    }
    .banner_text7{
        font-size:20px;
    }
    .banner_text7 p:nth-child(1){
        font-size: 32px;
    }
}
@media(max-width: 640px){
    .zkbanner_text1 .p1{
        font-size: 15px;
    }
    .zkbanner_text1 .p2{
        font-size: 20px;
    } 
    #zkc-banner1 .swiper-pagination{
        bottom:10px;
    }
    #zkc-banner1 .zkswiper-slide2.zkswiper-slide-active .zkbgImg img {
        top:-40px;
    }
    .banner_text5 p.p1{
        font-size: 24px; 
    }
    .banner_text5 p.p2{
        font-size: 17px;
        margin:15px 0 25px;
    }
    .banner_text5 a {
        font-size: 14px;
        width: 100px;
        line-height: 32px;
    }
    .banner_text7{
        font-size:16px;
    }
    .banner_text7 p:nth-child(1){
        font-size: 20px;
    }
}
@media(max-width: 460px){
    .banner_text5{
        flex-direction:unset;
        padding:15px 0;
        justify-content:center;
        text-align:center;
    }
    .banner_text5 p.p1{
        font-size: 17px; 
    }
    .banner_text5 p.p2{
        font-size: 14px;
        margin:10px 0 15px;
    }
    .banner_text5 a{
        margin:0 auto;
    }
    #zkc-banner1 .zkswiper-slide video,#zkc-banner1 .zkswiper-slide .banner_text7{
        display:none;    
    }
}


.banner_text8{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align:center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 99;
    color: #fff;  
    line-height: 1.6;
    text-align: center;
}
.banner_text8 h3{
    font-size: 60px;
}
.banner_text8 p{
    font-size: 46px;
}
.zkbanner_text9{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 99;
    color: #fff;  
    line-height: 1.6;
/*    text-align: center;  */  
}
.zkbanner_text9 .ys_logo{
    max-width: 187px;
}
.zkbanner_text9 h3{
    font-size: 60px;
}
.zkbanner_text9 p{
    font-size: 30px;
}
.zkbanner_text9 a{
    display: inline-block;
    position: relative;
    z-index: 2;
    padding: 0 16px;
    font-size: 20px;
    line-height: 50px;
    color: #fff;
    font-weight: bold;
    margin-top:20px;
}
.zkbanner_text9 a i {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    background: #d30301;
    vertical-align: middle;
    margin-right: -25px;
    transition: all 0.4s ease-out;
}
.zkbanner_text9 a em{
    position: relative;
    display: inline-block;
    margin-left: 25px;
    font-style: normal;
}
.zkbanner_text9 a:hover i{
    width: 100%;
}

.case_detail3_1{
    padding:68px 0 95px;
    background:#f5f5f5;
}
.case_detail3_1 .zkcontainer{
    display: flex;
    flex-wrap: wrap;
}
.case_detail3_1 .img{
    width: 40.8%;
}
.case_detail3_1 .text{
    width: 59.2%;
    padding:0 90px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background:#fff;
}
.case_detail3_1 .text p{
    font-size: 19px;
    color: #4c4c4c;
    line-height: 1.8;
}
.case_detail3_1 .text p strong{
    font-size: 30px;
    color: #333333;
    display: block;
    margin-bottom: 10px;
}
.case_detail3_1_2{
    padding-top:130px;
    display: flex;
    flex-wrap: wrap;
}
.case_detail3_1_2 .text1{
    width: 40.8%;
    font-size: 50px;
    color: #333333;
    line-height: 1.2;
    font-weight: bold;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.case_detail3_1_2 .text2{
    width: 59.2%;   
    font-size: 26px;
    color: #333333; 
}
.case_detail3_1_2 .text2 p{
    margin-bottom: 10px;
}
.case_detail3_2{
    background:url(../image/ys_bg1.jpg) no-repeat center;
    background-size: cover;
    padding:105px 0;
}
.case_detail3_2 .zkcontainer{
    max-width: 1365px;
}
.case_detail3_2 h1{
    font-size: 130px;
    color: #141821;
    overflow: hidden;
    -webkit-text-stroke:1px #fff;
    color: transparent;
/*    white-space: nowrap; */
/*    text-overflow: ellipsis;*/
/*    overflow: hidden;*/
    line-height: 1;
    text-transform: uppercase;
    width: 130%;
}
.case_detail3_2 .text{
    text-align: center;
    padding:40px 0 65px;
}
.case_detail3_2 .text p{
    font-size: 16px;
    color: rgba(255,255,255,.7);
}
.case_detail3_2 .text strong{
    font-size: 32px;
    color: #ffffff;
    display: block;
    margin-bottom: 10px;
}
#c-banner3{

}
#c-banner3 .zkswiper-slide{
    position: relative;
    margin-top:12px;
    cursor: pointer;
}
#c-banner3 .zkswiper-slide a img:nth-child(1){
/*  transition: all 0.1s ease-out;*/
}
#c-banner3 .zkswiper-slide a img:nth-child(2){
    position: absolute;
    top:50%;
    margin-top:-23px;
    left:50%;
    margin-left:-23px;
    width: 46px;
    height: 46px;
    z-index:9;
/*    transition: all 0.1s ease-out;*/
}
#c-banner3 .zkswiper-slide a img:nth-child(3){
    display: none;
/*    transition: all 0.1s ease-out;*/
}
#c-banner3 .zkswiper-slide a{
    display: block;
    transition: all 0.3s ease-out;
}
#c-banner3 .zkswiper-slide p{
    width: 100px;
    line-height: 24px;
    font-size: 14px;
    color:#fff;
    text-align: center;
    position: absolute;
    top:0;
    left:0;
    z-index:9;
    background-color: rgba(0,0,0,.6);
    border-radius: 5px 0 5px 0;
/*    transition: all 0.1s ease-out;*/
}
#c-banner3 .zkswiper-slide a:hover{
    margin-top:-12px;
}
#c-banner3 .zkswiper-slide a:hover img:nth-child(1){
    display: none;
}
#c-banner3 .zkswiper-slide a:hover img:nth-child(2){
    visibility: hidden;
}
#c-banner3 .zkswiper-slide a:hover img:nth-child(3){
    display: inline-block;
}
#c-banner3 .zkswiper-slide a:hover p{
    display: none;
}
.case_detail3_3{

}
.case_detail3_3_top{
    display: flex;
    flex-wrap: wrap;
    padding:135px 0 20px;
}
.case_detail3_3_top .text{
    text-transform: uppercase;
    width: 66.5%;
    background:#d30301;
    padding:60px 46px 30px;
    color: #fff;
}
.case_detail3_3_top .text .case_t1{

}
.case_detail3_3_top .text .case_t1 .p1{
    font-size: 60px;
    line-height: 1;
}
.case_detail3_3_top .text .case_t1 .p2{
    font-size: 30px;
    padding:5px 0 40px;
}
.case_txt1{
    float:right;
    font-size: 16px;    
}
.case_detail3_3_top .img{
    width: 33.5%;
}
.case_detail3_3_top .img img{
    width: 100%;
    height: 100%;
}
.case_detail3_3_ul{
    display: flex;
    flex-wrap: wrap;
}
.case_detail3_3_ul li{
    text-transform: uppercase;
    width: 33.33333%;
    padding:24px 42px;
}
.case_detail3_3_ul li:nth-child(1){
    background:#ff0000;
    color: #fff;
}
.case_detail3_3_ul li:nth-child(2){
    background:#333;
    color: #fff;
}
.case_detail3_3_ul li:nth-child(3){
    background:#ebebeb;
    color: #333;
}
.case_detail3_3_ul li .case_t1{
    font-size: 20px;
    margin-bottom: 5px;
}
.case_detail3_3_ul li .case_txt1{
    font-size: 12px;
    float:right;
}
.case_detail3_3_bottom{
    display: flex;
    flex-wrap: wrap;
    padding:100px 0;
}
.case_detail3_3_bottom .txt1{
    text-transform: uppercase;
    font-family: "微软雅黑";
    width: 32%;
    padding:0 45px;
    color: #333333;
}
.case_detail3_3_bottom .txt1 .p1{
    font-size: 60px;
    font-weight: bold;
    line-height: 1.2;
}
.case_detail3_3_bottom .txt1 .p2{
    font-size: 30px;
}
.case_detail3_3_bottom .txt2{
    width: 68%;    
}
.case_detail3_3_bottom .txt2 .text2_top{
    display: flex;
    flex-wrap: wrap;
}
.case_detail3_3_bottom .txt2 .text2_top .text1{
    font-size: 28px;
    color: #d30301;
    width: 32.5%;
    font-weight: bold;
    padding-right: 15px;
}
.case_detail3_3_bottom .txt2 .text2_top .text2{
    font-family: "微软雅黑"; 
    color: #1a1a1a;   
    width: 67.5%;
}
.case_detail3_3_bottom .txt2 .text2_top .text2 .p2{
    font-size: 40px;
    font-weight: bold;
    line-height: 56px;
}
.case_detail3_3_bottom .txt2 .text2_top .text2 .p3{
    font-size: 30px;
    font-weight: bold;
}
.case_detail3_3_bottom .txt2 .text2_top .text2 .p4{
    font-size: 16px;
    line-height: 1.8;
}
.case_detail3_3_bottom .txt2 .text2_bottom{
    display: flex;
    flex-wrap: wrap;
    margin-top:25px;
}
.case_detail3_3_bottom .txt2 .text2_bottom .text1{
    font-size: 28px;
    color: #d30301;
    text-transform: uppercase;
    width: 32.5%;
    font-weight: bold;
    padding-right: 15px;
}
.case_detail3_3_bottom .txt2 .text2_bottom .text2{
    font-family: "微软雅黑"; 
    color: #1a1a1a;   
    width: 67.5%;
}
.case_detail3_3_bottom .txt2 .text2_bottom .text2 .p2{
    font-size: 40px;
    font-weight: bold;
    line-height: 56px;
}
.case_detail3_3_bottom .txt2 .text2_bottom .text2 .p3{
    font-size: 30px;
    font-weight: bold;
    line-height: 1.8;
}
.case_detail3_3_bottom .txt2 .text2_bottom .text2 .p4{
    font-size: 20px;
    line-height: 1.8;
}
/*case_detail3_1--case_detail3_3*/
@media(max-width: 1600px){
    .banner_text8 h3{
        font-size: 46px;
    }
    .banner_text8 p{
        font-size: 32px;
    }
    .case_detail3_1{
        padding:60px 0 70px;
    }
    .case_detail3_1 .text{
        padding:0 60px;
    }
    .case_detail3_1 .text p strong{
        font-size: 26px;
    }
    .case_detail3_1 .text p{
        font-size: 15px;
    }
    .case_detail3_1_2{
        padding:90px 0 0;
    }
    .case_detail3_1_2 .text1{
        font-size: 36px;
    }
    .case_detail3_1_2 .text2{
        font-size: 20px;
    }
    .case_detail3_2{
        padding:90px 0;
    }
    .case_detail3_2 h1{
        font-size: 90px;
    }
    .case_detail3_2 .text {
        padding: 30px 0 50px;
    }
    .case_detail3_2 .text p{
        font-size: 15px;
    }
    .case_detail3_3_top{
        padding: 100px 0 20px;
    }
    .case_detail3_3_top .text{
        padding: 50px 40px 30px;
    }
    .case_detail3_3_top .text .case_t1 .p1{
        font-size: 42px;
    }
    .case_detail3_3_top .text .case_t1 .p2{
        font-size: 26px;
    }
    .case_detail3_3_ul li{
        padding:20px 30px;
    }
    .case_detail3_3_bottom{
        padding:90px 0;
    }
    .case_detail3_3_bottom .txt1{
        padding:0 20px;
    }
    .case_detail3_3_bottom .txt1 .p1{
        font-size: 42px;
    }
    .case_detail3_3_bottom .txt1 .p2{
        font-size: 26px;
    }
    .case_detail3_3_bottom .txt2 .text2_top .text1,.case_detail3_3_bottom .txt2 .text2_bottom .text1{
        font-size: 22px;
    }
    .case_detail3_3_bottom .txt2 .text2_top .text2 .p2,.case_detail3_3_bottom .txt2 .text2_bottom .text2 .p2 {
        font-size: 32px;
        line-height: 48px;
    }
    .case_detail3_3_bottom .txt2 .text2_top .text2 .p3,.case_detail3_3_bottom .txt2 .text2_bottom .text2 .p3{
        font-size: 24px;
    }
    .case_detail3_3_bottom .txt2 .text2_top .text2 .p4,.case_detail3_3_bottom .txt2 .text2_bottom .text2 .p4{
        font-size: 14px;
    }
    .zkbanner_text9 .ys_logo{
        max-width: 160px;
    }
    .zkbanner_text9 h3{
        font-size: 42px;
    }
    .zkbanner_text9 p{
        font-size: 24px;
    }
    .zkbanner_text9 a{
        font-size: 16px;
        line-height: 42px;
    }
    .zkbanner_text9 a i {
        width: 42px;
        height: 42px;
        border-radius: 25px;
    }
    .zkbanner_text9 a em{
        margin-left: 15px;
    }

}
@media(max-width: 1259px){
    .case_detail3_1{
        padding:60px 0;
    }
    .case_detail3_1 .text{
        padding:0 50px;
    }
    .case_detail3_1 .text p strong{
        font-size: 24px;
    }
    .case_detail3_1 .text p{
        font-size: 14px;
    }  
    .case_detail3_1_2{
        padding:70px 0 0;
    }
    .case_detail3_1_2 .text1{
        font-size: 32px;
    }
    .case_detail3_1_2 .text2{
        font-size: 16px;
    }  
    .case_detail3_1_2 .text2 p{
        margin-bottom: 5px;
    }
    .case_detail3_2 {
        padding: 70px 0;
    }
    .case_detail3_2 h1{
        font-size: 70px;
    }
    .case_detail3_2 .text {
        padding: 20px 0 30px;
    }
    .case_detail3_2 .text strong{
        font-size: 26px;
    }
    .case_detail3_2 .text p {
        font-size: 14px;
    }
    .case_detail3_3_top{
        padding: 70px 0 20px;
    }
    .case_detail3_3_top .text{
        padding: 35px 30px 25px;
    }
    .case_detail3_3_top .text .case_t1 .p1{
        font-size: 32px;
    }
    .case_detail3_3_top .text .case_t1 .p2{
        font-size: 20px;
    }
    .case_detail3_3_ul li{
        padding:20px 20px;
    }
    .case_detail3_3_bottom{
        padding:70px 0;
    }
    .case_detail3_3_bottom .txt1{
        padding:0 0px;
    }
    .case_detail3_3_bottom .txt1 .p1{
        font-size: 32px;
    }
    .case_detail3_3_bottom .txt1 .p2{
        font-size: 20px;
    }
    .case_detail3_3_bottom .txt2 .text2_top .text1,.case_detail3_3_bottom .txt2 .text2_bottom .text1{
        font-size: 20px;
    }
    .case_detail3_3_bottom .txt2 .text2_top .text2 .p2,.case_detail3_3_bottom .txt2 .text2_bottom .text2 .p2 {
        font-size: 26px;
        line-height: 40px;
    }
    .case_detail3_3_bottom .txt2 .text2_top .text2 .p3,.case_detail3_3_bottom .txt2 .text2_bottom .text2 .p3{
        font-size: 20px;
    }
}
@media(max-width: 1024px){
    .banner_text8 h3{
        font-size: 36px;
    }
    .banner_text8 p{
        font-size: 24px;
    } 
    .zkbanner_text9 .ys_logo{
        max-width: 150px;
    }
    .zkbanner_text9 h3{
        font-size: 32px;
    }
    .zkbanner_text9 p{
        font-size: 20px;
    }
    .zkbanner_text9 a{
        font-size: 14px;
        line-height: 36px;
    }
    .zkbanner_text9 a i {
        width: 36px;
        height: 36px;
    }
    .zkbanner_text9 a em{
        margin-left: 12px;
    }
}
@media(max-width: 820px){
    .banner_text8 h3{
        font-size: 32px;
    }
    .banner_text8 p{
        font-size: 20px;
    } 
    .case_detail3_1{
        padding:45px 0;
    }
    .case_detail3_1 .img{
        width: 100%;
    }
    .case_detail3_1 .img img{
        width: 100%;
    }
    .case_detail3_1 .text{
        width: 100%;
        padding:20px;
    }
    .case_detail3_1 .text p strong{
        font-size: 20px;
    }
    .case_detail3_1_2{
        padding:50px 0 0;
    }
    .case_detail3_1_2 .text1{
        font-size: 26px;
        width: 100%;
    }
    .case_detail3_1_2 .text2{
        width: 100%;
        margin-top:15px;
        font-size: 14px;
    }   
    .case_detail3_1_2 .text2 p{
        margin-bottom: 0;
    }
    .case_detail3_2 {
        padding: 55px 0;
    }
    .case_detail3_2 h1{
        font-size: 50px;
    }
    .case_detail3_2 .text {
        padding: 20px 0 25px;
    }
    .case_detail3_2 .text strong{
        font-size: 22px;
        line-height: 1.6;
    }
    .case_detail3_3_top{
        padding: 50px 0 20px;
    }
    .case_detail3_3_top .text{
        width: 100%;
        padding: 25px 20px;
    }
    .case_detail3_3_top .text .case_t1 .p1{
        font-size: 26px;
    }
    .case_detail3_3_top .text .case_t1 .p2{
        font-size: 17px;
        padding: 5px 0 30px;
    }
    .case_txt1{
        font-size: 15px;
    }
    .case_detail3_3_top .img{
        display: none;
    }
    .case_detail3_3_ul li{
        padding:15px 15px;
    }
    .case_detail3_3_ul li .case_t1{
        font-size: 16px;
    }
    .case_detail3_3_bottom {
        padding: 50px 0;
    }
    .case_detail3_3_bottom .txt1{
        margin-bottom: 15px;
    }
    .case_detail3_3_bottom .txt1 .p1 {
        font-size: 26px;
    }
    .case_detail3_3_bottom .txt1 .p2{
        font-size: 18px;
    }
    .case_detail3_3_bottom .txt1{
        width: 100%;
    }
    .case_detail3_3_bottom .txt2{
        width: 100%;
    }
    .zkbanner_text9 .ys_logo{
        max-width: 120px;
    }
    .zkbanner_text9 h3{
        font-size: 26px;
    }
    .zkbanner_text9 p{
        font-size: 16px;
    }
}
@media(max-width: 640px){
    .banner_text8 h3{
        font-size: 22px;
    }
    .banner_text8 p{
        font-size: 14px;
    }
    .case_detail3_1{
        padding:30px 0;
    }    
    .case_detail3_1 .text p strong{
        font-size: 17px;
        margin-bottom: 0px;
    }
    .case_detail3_1_2{
        padding:30px 0 0;
    }
    .case_detail3_1_2 .text1{
        font-size: 20px;
    }
    .case_detail3_2 {
        padding: 40px 0;
    }
    .case_detail3_2 h1{
        font-size: 32px;
    }
    .case_detail3_2 .text {
        padding: 20px 0 20px;
    }
    .case_detail3_2 .text strong{
        font-size: 18px;
        line-height: 1.8;
    }
    .case_detail3_3_top{
        padding: 30px 0 20px;
    }
    .case_detail3_3_top .text{
        padding: 20px 15px;
    }
    .case_detail3_3_top .text .case_t1 .p1 {
        font-size: 20px;
    }
    .case_detail3_3_top .text .case_t1 .p2 {
        font-size: 15px;
        padding: 5px 0 20px;
    }
    .case_txt1{
        font-size: 14px;
    }
    .case_detail3_3_ul li{
        width: 100%;
    }
    .case_detail3_3_bottom {
        padding: 30px 0;
    }
    .case_detail3_3_bottom .txt1 .p1{
        font-size: 20px;
    }
    .case_detail3_3_bottom .txt1 .p2{
        font-size: 16px;
    }
    .case_detail3_3_bottom .txt2 .text2_top .text1,.case_detail3_3_bottom .txt2 .text2_bottom .text1{
        width: 100%;
        font-size: 16px;
    }
    .case_detail3_3_bottom .txt2 .text2_top .text2,.case_detail3_3_bottom .txt2 .text2_bottom .text2{
        width: 100%;
    }
    .case_detail3_3_bottom .txt2 .text2_bottom{
        margin-top:15px;
    }
    .case_detail3_3_bottom .txt2 .text2_top .text2 .p2, .case_detail3_3_bottom .txt2 .text2_bottom .text2 .p2{
        font-size: 18px;
        line-height: 1.8;
    }
    .case_detail3_3_bottom .txt2 .text2_top .text2 .p3, .case_detail3_3_bottom .txt2 .text2_bottom .text2 .p3{
        font-size: 15px;
    }
    .case_detail3_3_bottom .txt2 .text2_top .text2 .p4, .case_detail3_3_bottom .txt2 .text2_bottom .text2 .p4{
        font-size: 13px;
    }
}
@media(max-width: 460px){
    .case_detail3_2 h1{
        font-size: 26px;
    }
    .zkbanner_text9 .ys_logo{
        max-width: 110px;
    }
    .zkbanner_text9 h3{
        font-size: 18px;
    }
    .zkbanner_text9 p{
        font-size: 14px;
    }
/*    .zkbanner_text9 a{
        display: none;
    }*/
}


.case_detail3_4{
    background:#f5f5f5;
    padding:85px 0 0;
}
.case_detail_top{
    margin-bottom: 55px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.case_detail_top .case_t2{

}
.case_detail_top .case_t2 h2{
    font-size: 135px;
    color: #d30301;
    line-height: 1;
    font-family: "AlibabaPuHui";
}
.case_detail_top .case_t2 .p1{
    font-size: 50px;
    color: #333;
    font-weight:bold;
    line-height: 1.5;
}
.case_detail_top .case_t2 .p2{
    font-size: 20px;
    color: #272727;
    line-height: 1;
}
.case_detail_top .p3{
    font-size: 30px;
    color: #333333;
    font-weight: bold;
    position: relative;
    margin-top:170px;
    padding-top:5px;
}
.case_detail_top .p3:before{
    content:'';
    position: absolute;
    top:0;
    left:0;
    width: 80px;
    height:2px;
    background:#d30301;
}
.case_detail_4_img1{
    background:url(../image/ys_bg7.jpg) no-repeat center;
    background-size: cover;
    padding:105px 190px 95px;
}
.ys_t1{
    color: #fff;
    text-align: center;
    margin-bottom: 65px;
    font-family: "AlibabaPuHui";
}
.ys_t1 .p1{
    font-size: 60px;
    line-height: 1;
    font-weight: bold;
}
.ys_t1 .p2{
    font-size: 30px;
}
#c-banner5{
    background:#fff;
    border-radius: 10px;
}
.case_detail_4_img2{
    margin:70px 0 80px;    
}
.index_about{
    padding:110px 200px 90px;
    background:url(../image/bg1.jpg) no-repeat center bottom;
    background-size: cover;
    border:2px solid #333;
    border-radius: 15px;
    text-align: center;
    font-family: "微软雅黑";
    margin:70px 0 10px;
}
.index_about h2{
    font-size:48px;
    color: #333333;
    text-align:center;
    line-height: 1;
    margin-bottom: 30px;
    animation-delay: 0.3s;
}
.index_about .text{
    font-size:24px;
    color: #666666;
    animation-delay: 0.6s;
}
.num_list2{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin:45px 0 110px;
    animation-delay: 0.9s;
}
.num_list2 li{
    padding:0 75px;
    position: relative;
}
.num_list2 li:nth-child(1){
    padding-left: 0;
}
.num_list2 li:last-child{
    padding-right: 0;
}
.num_list2 li:last-child:before{
    display: none;
}
.num_list2 li:before{
    content:'';
    position: absolute;
    top:50%;
    margin-top: -40px;
    right:0;
    width: 1px;
    height:80px;
    background-color: #e0e0e0;
}
.num_list2 li .p1{
    display: flex;
    flex-wrap: wrap;
}
.num_list2 li .p1 span{
    font-size:46px;
    color: #1a1a1a;
    font-family: "宋体";
    font-weight: bold;
    line-height: 1.2;
}
.num_list2 li .p1 sup{
    font-size:20px;
    color: #1a1a1a;
    line-height: 1;
}
.num_list2 li .p2{
    display: flex;
    flex-wrap: wrap;
    font-size:15px;
    color: #4c4c4c;
    line-height: 26px;
}
.num_list2 li .p2 em{
    display: inline-block;
}
.num_list2 li .p2 span{
    margin-left: 7px;
    font-size:15px;
    color: #4c4c4c;
    line-height: 28px;
    display: inline-block;
}
.index_about a{
    overflow: visible;
    display: inline-block;
    margin-left: 0 auto;
    animation-delay: 1.2s;
}
.index_about a i {
    display: inline-block;
    vertical-align: middle;
    width: 70px;
    height: 70px;
    background: url(../image/player1.png) no-repeat;
    position: relative;
    cursor: pointer;
    margin-right: 30px;
}
.index_about a i:before,.index_about a i:after{    
    content: "";
    display: block;
    width: 72px;
    height: 72px;
    border: 1px dotted #df591e;
    border-radius: 100%;
    position: absolute;
    top: -1px;
    left: -1px;
    animation: videoDh 1.5s linear infinite;
    opacity: 0.8;
}
.index_about a i:before{
    animation-delay: 0.6s;
}
.index_about a i:after{
    animation-delay: 0s; 
}
.index_about a span{
    display: inline-block;
    line-height: 1;
    font-size: 18px;
    color: #d30301;
    font-weight: bold;
    position: relative;
    bottom: 0px;
    left:20px;
}
@keyframes videoDh { 
    from {
        transform: scale(1, 1); 
        opacity: 0.8;
    } 
    to {
        transform: scale(1.8, 1.8); 
        opacity: 0;
    } 
}
.cboxOverlay {
    position: fixed;
    z-index: 10000;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.8);
    display: none;
}
.colorbox {
    position: fixed;
    width: 90%;
    height: 70%;
    top: 15%;
    left: 5%;
    background: #ffffff;
    z-index: 10001;
    display: none;
}
.colse_click {
    position: absolute;
    top: -30px;
    right: 0;
    width: 25px;
    height: 25px;
    background: url("../image/closeVideo.png") no-repeat center;
    cursor: pointer;
}
.colorbox iframe {
    width: 100%;
    height: 100%;
}


.mCustomScrollBox {
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: 0;
    direction: ltr;
}
.mCSB_container {
    overflow: hidden;
    width: auto;
    height: auto;
}
.case_fixed_img {
    padding-top: 52%;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 100;
    image-rendering: auto;
    image-rendering: crisp-edges;
}
.cf:before{
    content: '';
    display: table;
}
.cf:after{
    content: '';
    display: table;
    clear: both;
}
.case_fixed_img .before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 14%;
    background: #f4f4f4;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 0;
}
.case_fixed_img .after {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 14%;
    background: #f4f4f4;
    -webkit-transform: translateX(0);
    transform: translateX(0);
        opacity: 0;
}

.ys_linian{
    padding:120px 0;
}
.ys_linian h3{
    font-size: 40px;
    color: #333333;
}
.ys_linian .text{
    font-size: 20px;
    margin:15px 0 110px;
    line-height: 1.6;
}
.ys_xcx{

}
.case_t3{
    text-align: center;
    margin-bottom: 35px;
}
.case_t3 h3{
    font-size: 60px;
    color: #333;
    line-height: 1;
}
.case_t3 p{
    font-size: 30px;
    color: #272727;
}
.ys_xcx .cont{
    background: url("../image/ys_bg2.jpg") no-repeat center;
    padding:285px 0;
    background-size: cover;
    background-attachment: fixed;
}
.ys_xcx .cont .text{
    float:right;
    max-width: 620px;
    color: #fff;
}
.ys_xcx .cont .text h3{
    font-size: 70px;
    line-height: 1;
}
.ys_xcx .cont .text .p1{
    font-size: 36px;
    margin:10px 0 70px;
}
.ys_xcx .cont .text .txt{
    font-size: 16px;
    line-height: 1.8;
    color: #b2b2b2;
}
.case_detail3_5{
    background:#f5f5f5;
    padding:80px 0;
}
.dspyy{
    padding:100px 0 0;
    text-align: center;
    background:#fff;
}
.dspyy h2{
    font-size: 60px;
    color: #272727;
    line-height: 1;
}
.dspyy .text{
    padding:35px 80px;
    font-size: 18px;
    color: #272727;
}
.dsp_cont1{
    padding:80px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.dsp_cont1 .img{
    width: 50%;
}
.dsp_cont1 .text{
    width: 50%;
    max-width: 610px;
    padding:15px 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.dsp_cont1 .text h3{
    font-size: 50px;
    color: #141821;
}
.dsp_cont1 .text p{
    font-size: 18px;
    color: #141821;
    line-height: 1.6;
}
.dspjj{
    padding:80px 0 100px;
    background:#fff;
}
.case_t4{
    text-align: center;
    margin-bottom: 50px;
}
.case_t4 h3{
    font-size: 50px;
    color: #141821;
    line-height: 1.6;
}
.case_t4 p{
    font-size: 18px;
    color: #141821;
}
#c-banner4 .swiper-pagination{
    position: relative;
    margin-top:60px;
    height: 4px;
    background:#e0e0e0;
}
#c-banner4 .swiper-pagination .swiper-pagination-progressbar-fill{
    background:#d30301;
}
.dspsj{
    background:url(../image/ys_bg4.png) no-repeat center #fff;
    background-size: cover;
}
.dspsj .zkcontainer{
    display: flex;
    flex-wrap: wrap;
}
.dspsj .imgs{
    width: 50%;
/*    text-align: center;*/
    padding:0 30px 0 0;
}
.dspsj .imgs .img{
    display: none;
}
.dspsj .text{
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.dspsj .text h2{
    font-size: 50px;
    color: #333333;
    line-height: 1;
    margin-bottom: 55px;
}
.ys_tabli{
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #d3d3d3;
}
.ys_tabli li{
    position: relative;
    line-height: 60px;
    padding:0 10px;
    font-size: 26px;
    color: #333333;
    cursor: pointer;
}
.ys_tabli li.cur{
    color: #d30301; 
}
.ys_tabli li.cur:before{
    content:'';
    position: absolute;
    bottom:0;
    left:0;
    width: 100%;
    height: 2px;
    background:#d30301;
}
.ys_tab{
    display: none;
    font-size: 18px;
    color: #141821;
    margin:25px 0 100px;
}
.dspsj a.more1 {
    display: flex;
    justify-content: center;
    width: 190px;
    line-height: 56px;
    font-size: 20px;
    color: #fff;
    background: #d30301;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
}
.dspsj a.more1 i{
    display: block;
    width: 9px;
    background:url(../image/more3.png) no-repeat center;
    margin-left: 25px;
} 
.dspsj a.more1:before{
    content: "";
    position: absolute;
    display: block;
    transition: all .6s;
    width: 100%;
    height: 0;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    padding-top: 100%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-animation: wave 1.3s infinite;
    animation: wave 1.3s infinite;
    z-index: 1;
}
.dsyy{
    background:url(../image/ys_bg5.jpg) no-repeat center;
/*    background-size: cover;*/
    height: 1000px;
    background-attachment: fixed;
}
.dsyy .cont{
    padding:110px 0 50px;
    max-width: 646px;
    color: #fff;
}
.case_t5{

}
.case_t5 h2{
    font-size: 135px;
    line-height: 1;
    font-family: "AlibabaPuHui";
}
.case_t5 .p1{
    font-size: 50px;
    line-height: 1.5;
}
.case_t5 .p2{
    font-size: 20px;
    line-height: 1;
}
.dsyy .cont .text{

}
.dsyy .cont .text h3{
    font-size: 46px;
    margin:60px 0 10px;
}
.dsyy .cont .text .txt{
    font-size: 16px;
}
.dsyy_sd{
    padding:75px 0 120px;
}
.dsyy_sd h2{
    text-align: center;
    font-size: 50px;
    color: #333333;
    line-height: 1;
    margin-bottom: 55px;
}
.dsyy_sd span{
    color: #d30301;
}
.dsyy_sd ul{
    display: flex;
    flex-wrap: wrap;
    max-width: 1285px;
    margin:0 auto;
}
.dsyy_sd ul li{
    margin-bottom: 16px;
    background:#fff;
    width: 23.5%;
    margin-right: 2%;
    text-align: center;
    padding: 45px 35px 30px;
}
.dsyy_sd ul li:nth-child(4n){
    margin-right: 0;
}
.dsyy_sd ul li .img{
    width: 80px;
    height: 80px;
    margin:0 auto;
}
.dsyy_sd ul li:nth-child(1) .img {
    background: url('../image/css_sprites.png') -2px -2px;
}
.dsyy_sd ul li:nth-child(2) .img {
    background: url('../image/css_sprites.png') -2px -86px;
}
.dsyy_sd ul li:nth-child(3) .img {
    background: url('../image/css_sprites.png') -170px -2px;
}
.dsyy_sd ul li:nth-child(4) .img {
    background: url('../image/css_sprites.png') -2px -170px;
}
.dsyy_sd ul li:nth-child(5) .img {
    background: url('../image/css_sprites.png') -170px -170px;
}
.dsyy_sd ul li:nth-child(6) .img {
    background: url('../image/css_sprites.png') -254px -86px;
}
.dsyy_sd ul li:nth-child(7) .img {
    background: url('../image/css_sprites.png') -2px -254px;
}
.dsyy_sd ul li:nth-child(8) .img {
    background: url('../image/css_sprites.png') -170px -254px;
}
.dsyy_sd ul li h3{
    font-size: 24px;
    color: #333;
    font-weight: bold;
    margin: 11px 0;
    line-height: 24px;    
}
.dsyy_sd ul li p{
    margin-bottom: 13px;
    font-size: 16px;
    color: #999;
    line-height: 24px;    
}
.dsyy_sd ul li a{
    display: flex;
    border:1px solid #ebebeb;
    width: 132px;
    line-height: 40px;
    font-size: 14px;
    color: #BBBBBB;
    border-radius: 25px;
    margin:0 auto;
    justify-content: center;
}
.dsyy_sd ul li a i{
    display: block;
    width: 12px;
    height: 12px;
    margin-right: 8px;
    background: url('../image/css_sprites.png') -458px -94px;
    position: relative;
    margin-top: 14px;
}
.dsyy_sd ul li:hover a{
    color:#fff;
    background: #E62129;
    border: 1px solid #E62129;
}
.dsyy_sd ul li:hover a i{
    background-position: -458px -138px;
}
.ys_4{
    background:url(../image/ys_bg6.jpg)no-repeat center;
    background-size: cover;
    padding:130px 0 180px;
    position: relative;
}
.ys_4 .cont{
    position: relative;
    z-index:9;
    width: 45%;
    color: #fff;
}
.ys_4 .cont h3{
    font-size: 50px;
    line-height: 1;
    margin:290px 0 35px;
}
.ys_4 .img{
    position: absolute;
    right:0;
    top:105px;
    width: 62.5%;
    z-index:8;
}
.ys_img2{
    padding:35px 0 0;
}
.ys_img3{
    padding:105px 0 85px;
}

.ys_huace{
/*    background:url(../image/ys_bg7.jpg);*/
    background:#e4e4e4;
    padding:25px 0 100px;
}
.huace_img{
    text-align: center;
    margin-bottom: 60px;
}
.customers-2.zkswiper-container{
    padding:25px 0;
}

.ys_bottom{
    padding:105px 0;
    text-align: center;
}
.ys_bottom p{
    font-size: 70px;
    color: #171b23;
    line-height: 1;
    margin-bottom: 45px;
    text-transform: uppercase;
}
.ys_bottom a.more1 {
    display: flex;
    justify-content: center;
    width: 300px;
    line-height: 56px;
    font-size: 20px;
    color: #fff;
    background: #1f9aed;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    margin:0 auto;
    text-transform: uppercase;
}
.ys_bottom a.more1 i{
    display: block;
    width: 9px;
    background:url(../image/more3.png) no-repeat center;
    margin-left: 35px;
} 
.ys_bottom a.more1:before{
    content: "";
    position: absolute;
    display: block;
    transition: all .6s;
    width: 100%;
    height: 0;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    padding-top: 100%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-animation: wave 1.3s infinite;
    animation: wave 1.3s infinite;
    z-index: 1;
}
/*case_detail3_4*/
@media(max-width: 1600px){
    .index_about{
        padding:90px 80px;
    }
    .index_about h2{
        font-size:36px;
    }
    .index_about .text{
        font-size:20px;
    }
    .num_list2 li .p1 span{
        font-size:32px;
    }
    .num_list2 li .p2 span{
        font-size:14px;
    }
    .case_detail3_4{
        padding:80px 0 0;
    }
    .case_detail_top .case_t2 h2{
        font-size: 90px;
    }
    .case_detail_top .case_t2 .p1{
        font-size: 42px;
    }
    .case_detail_top .case_t2 .p2{
        font-size: 16px;
    }
    .case_detail_top .p3{
        font-size: 26px;
        margin-top: 110px;
    }
    .ys_linian{
        padding:90px 0;
    }
    .ys_linian h3{
        font-size: 32px;
    }
    .ys_linian .text{
        font-size: 15px;
        margin: 10px 0 70px;
    }
    .case_t3 h3,.dspyy h2{
        font-size: 42px;
    }
    .case_t3 p{
        font-size: 26px;
    }
    .ys_xcx .cont{
        padding:220px 0;
    }
    .ys_xcx .cont .text h3{
        font-size: 52px;
    }    
    .ys_xcx .cont .text .p1{
        font-size: 32px;
        margin:10px 0 50px;
    }
    .ys_xcx .cont .text .txt{
        font-size: 14px;
    }
    .dspyy .text{
        padding: 30px 40px;
        font-size: 15px;
    }
    .dsp_cont1 .text{
        padding: 15px 35px;
    }
    .dsp_cont1 .text h3,.case_t4 h3{
        font-size: 36px;
    }
    .dsp_cont1 .text p{
        font-size: 15px;
    }
    .dspjj{
        padding:80px 0;
    }
    .case_t4 p{
        font-size: 15px;
    }
    #c-banner4 .swiper-pagination{
        margin-top:30px;
    }
    .dspsj .text h2{
        font-size: 36px;
        margin-bottom: 40px;
    }
    .ys_tabli li{
        font-size: 20px;
    }
    .ys_tab {
        font-size: 15px;
        margin: 15px 0 50px;
    }
    .dspsj a.more1 {
        width: 150px;
        line-height: 42px;
        font-size: 15px;
    }
    .dsyy{
        background: url(../image/ys_bg5.jpg) no-repeat left center;
        /* background-size: cover; */
        height: 700px;        
    }
    .case_t5 h2{
        font-size: 90px;
    }
    .case_t5 .p1{
        font-size: 36px;
    }
    .case_t5 .p2{
        font-size: 15px;
    }
    .dsyy .cont .text h3{
        font-size: 36px;
    }
    .dsyy .cont .text .txt{
        font-size: 15px;
    }
    .dsyy_sd {
        padding: 75px 0 90px;
    }
    .dsyy_sd h2 {
        font-size: 36px;
        margin-bottom: 40px;
    }
    .ys_4{
        padding:100px 0;
    }
    .ys_4 .cont h3 {
        font-size: 36px;
        margin: 200px 0 30px;
    }
    .ys_img3 {
        padding: 85px 0 ;
    }

    .ys_bottom{
        padding:90px 0;
    }
    .ys_bottom p{
        font-size: 52px;
        margin-bottom: 35px;
    }
    .ys_bottom a.more1{
        width: 260px;
        font-size: 16px;
        line-height: 42px;
    }
    .ys_bottom a.more1 i{
        margin-left: 20px;
    }
    .ys_huace{
        padding: 25px 0 80px;
    }
    .huace_img{
        margin-bottom: 40px;
    }
    .case_detail_4_img1{
        padding:80px 120px 90px;
    }
    .ys_t1{
        margin-bottom: 50px;
    }
    .ys_t1 .p1{
        font-size: 36px;
    }
    .ys_t1 .p2{
        font-size: 24px;
    }
    .dsyy_sd ul li{
        padding:35px 20px 30px;
    }
    .dsyy_sd ul li h3{
        font-size: 20px;
    }
    .dsyy_sd ul li p{
        font-size: 15px;
    }
}
@media(max-width: 1440px){
    .index_about .text{
        font-size:18px;
    }
    .case_detail3_5{
        padding:60px 0;
    }
}
@media(max-width: 1360px){
    .num_list2 li{
        padding:0 50px;
        position: relative;
    } 

}
@media(max-width: 1259px){
    .case_detail3_4{
        padding:70px 0 0;
    }
    .case_detail_top{
        margin-bottom: 40px;
    }
    .case_detail_top .case_t2 h2{
        font-size: 70px;
    }
    .case_detail_top .case_t2 .p1{
        font-size: 32px;
    }
    .case_detail_top .case_t2 .p2{
        font-size: 14px;
    }
    .case_detail_top .p3{
        font-size: 22px;
        margin-top: 80px;
    }
    .ys_linian,.dspyy{
        padding:70px 0;
    }
    .ys_linian h3{
        font-size: 26px;
    }
    .ys_linian .text{
        font-size: 14px;
        margin: 10px 0 50px;
    }
    .case_t3{
        margin-bottom: 30px;
    }
    .case_t3 h3,.dspyy h2{
        font-size: 32px;
    }
    .case_t3 p{
        font-size: 22px;
    }
    .ys_xcx .cont{
        padding:160px 0;
        background: url(../image/ys_bg2.jpg) no-repeat right center;
    }
    .ys_xcx .cont .text h3{
        font-size: 36px;
    }    
    .ys_xcx .cont .text .p1{
        font-size: 26px;
        margin:10px 0 30px;
    }
    .dspyy .text{
        padding: 20px 0px;
        font-size: 14px;
    }
    .dsp_cont1{
        padding:60px 0;
    }
    .dsp_cont1 .text h3,.case_t4 h3{
        font-size: 32px;
    }
    .dsp_cont1 .text p{
        font-size: 14px;
    }
    .dspjj{
        padding:60px 0;
    }
    .case_t4{
        margin-bottom: 35px;
    }
    .case_t4 p{
        font-size: 14px;
    }
    .dspsj .text h2{
        font-size: 32px;
        margin-bottom: 30px;
    }
    .ys_tabli li{
        font-size: 16px;
        line-height: 42px;
    }
    .ys_tab {
        font-size: 14px;
        margin: 12px 0 30px;
    }
    .dspsj a.more1 {
        width: 120px;
        line-height: 36px;
        font-size: 14px;
    }
    .dspsj a.more1 i{
        margin-left: 10px;
    }
    .dsyy{
        height: 550px;        
    }
    .case_t5 h2{
        font-size: 70px;
    }
    .case_t5 .p1{
        font-size: 32px;
    }
    .case_t5 .p2{
        font-size: 14px;
    }
    .dsyy .cont{
        padding:70px 0 50px;
    }
    .dsyy .cont .text h3{
        font-size: 32px;
        margin: 40px 0 0px;
    }
    .dsyy .cont .text .txt{
        font-size: 14px;
    }
    .dsyy_sd {
        padding: 70px 0;
    }
    .dsyy_sd h2 {
        font-size: 32px;
        margin-bottom: 30px;
    }
    .ys_4{
        padding:70px 0;
    }
    .ys_4 .cont h3 {
        font-size: 36px;
        margin: 120px 0 20px;
    }
    .ys_img3 {
        padding: 70px 0 ;
    }
    .case_detail_4_img1{
        padding:60px 50px ;
    }
    .ys_t1{
        margin-bottom: 35px;
    }
    .ys_t1 .p1{
        font-size: 32px;
    }
    .ys_t1 .p2{
        font-size: 22px;
    }
    .dsyy_sd ul li{
        padding:20px 15px;
    }
    .dsyy_sd ul li h3{
        font-size: 16px;
        margin:7px 0;
    }
    .dsyy_sd ul li p{
        font-size: 14px;
    }
}
@media(max-width: 1024px){
    .index_about{
        padding:70px 20px;
    }   
    .case_detail_4_img2{
        margin:70px 0;
    }
    .index_about h2{
        font-size:30px;
    } 
    .num_list2{
        margin:40px 0 80px;
    }
    .num_list2 li{
        padding:0 30px;
        position: relative;
    }  
    #c-banner4 .swiper-pagination{
        margin-top:20px;
    }
    .case_detail3_5{
        padding:40px 0;
    }
    .ys_bottom{
        padding:70px 0;
    }
    .ys_bottom p{
        font-size: 42px;
    }
    .ys_bottom a.more1{
        width: 220px;
        font-size: 14px;
        line-height: 36px;
    }
    .ys_bottom a.more1 i{
        margin-left: 15px;
    } 
    .ys_huace{
        padding: 25px 0 60px;
    }
}
@media(max-width: 990px){
    .dsyy_sd ul li{
        width: 32%;
    }
    .dsyy_sd ul li:nth-child(4n){
        margin-right: 2%;
    }
    .dsyy_sd ul li:nth-child(3n){
        margin-right: 0;
    }
}
@media(max-width: 820px){
    .index_about{
        padding:50px 15px;
        margin: 50px 0 10px;
    } 
    .case_detail_4_img2{
        margin: 50px 0;
    } 
    .index_about h2{
        font-size:26px;
    }
    .index_about .text {
        font-size: 15px;
    }
    .num_list2 li{
        padding:0 20px;
        position: relative;
    } 
    .case_detail3_4{
        padding:50px 0 0;
    }
    .case_detail_top{
        margin-bottom: 30px;
    }
    .case_detail_top .case_t2 h2{
        font-size: 50px;
    }
    .case_detail_top .case_t2 .p1{
        font-size: 26px;
    }
    .case_detail_top .p3{
        font-size: 20px;
        margin-top: 50px;
    }
    .ys_linian,.dspyy,.dsp_cont1{
        padding:50px 0;
    }
    .ys_linian h3{
        font-size: 24px;
    }
    .ys_linian .text{
        margin: 10px 0 30px;
    }
    .case_t3{
        margin-bottom: 20px;
    }
    .case_t3 h3,.dspyy h2{
        font-size: 26px;
    }
    .case_t3 p{
        font-size: 18px;
    }
    .ys_xcx .cont{
        padding:100px 0;
    }
    .ys_xcx .cont .text h3{
        font-size: 26px;
    }    
    .ys_xcx .cont .text .p1{
        font-size: 20px;
        margin:10px 0 20px;
    }
    .case_detail3_5{
        padding:30px 0;
    }
    .dspyy .text{
        padding: 15px 0px;
    }
    .dsp_cont1 .text{
        padding: 15px 20px;
    }
    .dsp_cont1 .text h3,.case_t4 h3{
        font-size: 26px;
    }
    .dspjj{
        padding:45px 0;
    }
    .case_t4{
        margin-bottom: 30px;
    }
    .dspsj .text h2{
        font-size: 26px;
        margin-bottom: 20px;
    }
    .ys_tabli li{
        font-size: 16px;
        line-height: 42px;
    }
    .ys_tab {
        margin: 12px 0 20px;
    }
    .dsyy{
        height: auto;
        padding:50px 0;
    }
    .dsyy .cont{
        padding:0px 0;
    }
    .dsyy .cont .text h3{
        font-size: 26px;
        margin: 30px 0 0px;
    }
    .case_t5 h2{
        font-size: 32px;
    }
    .case_t5 .p1{
        font-size: 26px;
    }
    .dsyy .cont .text h3 {
        font-size: 24px;
        margin: 30px 0 0px;
    }
    .dsyy_sd {
        padding: 50px 0;
    }
    .dsyy_sd h2 {
        font-size: 26px;
        margin-bottom: 20px;
    }
    .ys_4{
        padding:50px 0;
    }
    .ys_4 .cont h3 {
        font-size: 26px;
        margin: 60px 0 20px;
    }
    .ys_img3 {
        padding: 50px 0 ;
    }

    .ys_bottom{
        padding:50px 0;
    }
    .ys_bottom p{
        font-size: 30px;
        margin-bottom: 30px;
    }
    .ys_bottom a.more1{
        width: 180px;
    }
    .ys_bottom a.more1 i{
        margin-left: 12px;
    } 
    .ys_huace{
        padding: 25px 0 45px;
    }
    .huace_img{
        margin-bottom: 30px;
    }
    .case_detail_4_img1{
        padding:45px 20px ;
    }
    .ys_t1{
        margin-bottom: 30px;
    }
    .ys_t1 .p1{
        font-size: 26px;
    }
    .ys_t1 .p2{
        font-size: 20px;
    }
}
@media(max-width: 640px){
    .case_detail_top .case_t2{
        width: 100%;
    }
    .case_detail_top .p3{
        width: 100%;
    }
    .index_about{
        padding:30px 10px;
        margin: 30px 0 10px;
    }
    .case_detail_4_img2{
        margin: 30px 0;
    }
    .index_about h2{
        font-size:22px;
        margin-bottom: 15px;
    }  
    .num_list2 {
        margin: 20px 0 30px;
    }
    .num_list2 li{
        width: 50%;
        margin:10px 0;
    }
    .num_list2 li:before{
        height: 60px;
        margin-top:-30px;
    }
    .num_list2 li:nth-child(2):before{
        display: none;
    }
    .num_list2 li:nth-child(3){
        padding-left: 0;
    }
    .num_list li .p1 span{
        font-size:26px;
    }
    .case_detail3_4{
        padding:30px 0 0;
    }
    .case_detail_top{
        margin-bottom: 20px;
    }
    .case_detail_top .case_t2 h2{
        font-size: 32px;
    }
    .case_detail_top .case_t2 .p1{
        font-size: 22px;
    }
    .case_detail_top .p3{
        font-size: 16px;
        margin-top: 20px;
    }
    .ys_linian,.dspyy,.dsp_cont1{
        padding:30px 0;
    }
    .ys_linian h3{
        font-size: 20px;
    }
    .ys_linian .text{
        margin: 5px 0 20px;
    }
    .case_t3{
        margin-bottom: 12px;
    }
    .case_t3 h3,.dspyy h2{
        font-size: 22px;
    }
    .case_t3 p{
        font-size: 15px;
    }
    .ys_xcx .cont{
        padding:50px 0;
    }
    .ys_xcx .cont .text h3{
        font-size: 22px;
    }    
    .ys_xcx .cont .text .p1{
        font-size: 16px;
        margin:10px 0 15px;
    }
    .dsp_cont1 .text{
        padding: 15px 0px;
    }
    .dsp_cont1 .text h3,.case_t4 h3{
        font-size: 20px;
    }
    .dspjj{
        padding:30px 0;
    }
    .case_t4{
        margin-bottom: 20px;
    }
    #c-banner4 .swiper-pagination{
        margin-top:15px;
    }
    .dsyy{
        padding:30px 0;
    }
    .dsyy .cont .text h3{
        font-size: 22px;
        margin: 20px 0 0px;
    }
    .case_t5 h2{
        font-size: 22px;
    }
    .case_t5 .p1{
        font-size: 20px;
    }
    .dsyy .cont .text h3 {
        font-size: 18px;
        margin: 15px 0 0px;
    }
    .dsyy_sd {
        padding: 30px 0;
    }
    .dsyy_sd h2 {
        font-size: 22px;
    }
    .dsyy_sd ul li{
        width: 49%;
    }
    .dsyy_sd ul li:nth-child(3n){
        margin-right: 2%;
    }
    .dsyy_sd ul li:nth-child(2n){
        margin-right: 0;
    }
    .ys_4{
        padding:35px 0;
    }
    .ys_4 .cont h3 {
        font-size: 22px;
        margin: 35px 0 20px;
    }
    .ys_img3 {
        padding: 30px 0 ;
    }
    .ys_bottom{
        padding:35px 0;
    }
    .ys_bottom p{
        font-size: 22px;
        margin-bottom: 20px;
    }
    .index_about a i{
        width: 40px;
        height: 40px;
        background-size: contain;
        margin-right: 8px;
    }
    .index_about a i:before, .index_about a i:after{
        width: 42px;
        height: 42px;
    }
    .index_about .text {
        font-size: 14px;
    }
    .dsp_cont1 .img{
        width: 100%;
    }
    .dsp_cont1 .text{
        width: 100%;
    }
    .dspsj .imgs{
        display: none;
    }
    .dspsj .text{
        width: 100%;
        padding:30px 0;
    }
    .dspsj .text h2{
        font-size: 20px;
    }
    .ys_tabli li{
        font-size: 15px;
        line-height: 36px;
    }
    .ys_4 .cont{
        width: 100%;
    }
    .ys_4 .img{
        position: relative;
        top:0;
        left:0;
        width: 100%;
        margin-top:20px;
    }
    .ys_huace{
        padding: 25px 0 30px;
    }
    .customers-2.zkswiper-container {
        padding: 15px 0;
    }
    .case_detail_4_img1{
        padding:30px 15px ;
    }
    .ys_t1{
        margin-bottom: 15px;
    }
    .ys_t1 .p1{
        font-size: 22px;
    }
    .ys_t1 .p2{
        font-size: 18px;
    }
}
@media(max-width: 460px){
    .ys_xcx .cont{
        padding:35px 0;
    }
    .ys_xcx .cont .text .p1 {
        margin: 5px 0 15px;
    }
    .dspyy h2{
        font-size: 20px;
    }
    .dsp_cont1 .text h3{
        font-size: 17px;
    }
    .ys_4 .cont h3 {
        font-size: 18px;
        margin: 30px 0 10px;
    }
}


.zkindex1{
    padding:110px 0 100px;
    background:url(../image/bg1.png) no-repeat right center;
    background-size: cover;
}
.zkindex1 .text{
    width: calc(100% - 700px);
    max-width: 800px;
    float:left;
}
.zkindex1 .text h3{
    font-size: 40px;
    color: #333333;
    font-family: "微软雅黑";
}
.zkindex1 .text .txt{
    font-size: 24px;
    color: #666666;
    font-weight: 300;
    line-height: 1.6;
    margin:10px 0 25px;
}
.zkindex1 .text a{
    display: inline-block;
    font-size: 18px;
    color:#1f9aed;
    font-weight: bold;
    font-family: "微软雅黑";
}
.zkindex1 .text a:hover{
    text-decoration: underline;
}
.zkindex1 .num_list{
    width: 670px;
    display: flex;
    flex-wrap: wrap;
    float:right;
    margin-top:10px;
}
.num_list li{
    width: 201px;
    height: 201px;
    background:url(../image/yq2.png) no-repeat center;
    background-size: contain;
    position: relative;
    text-align:center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 99;
    margin-right: 33.5px;
}
.num_list li:last-child{
    margin-right: 0;
}
.num_list li:before{
    content:'';
    position: absolute;
    top: -3px;
    left: 3px;
    width: 195px;
    height: 195px;
    background:url(../image/yq1.png) no-repeat center;
    background-size: contain;
    -webkit-animation: spin 3s linear infinite;
/*    margin:-87.5px 0 0 -87.5px;*/

}
.num_list li p.p1{
    font-size: 25px;
    color: #333333;
    line-height: 1;
}
.num_list li p.p1 span{
    font-size: 42px;
}
.num_list li p.p2{
    font-size: 18px;
    color: #808080;
    font-weight: 300;
}
@-webkit-keyframes spin{
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}


@media(max-width: 1600px){
    .zkindex1{
        padding:70px 0;
    }
    .zkindex1 .text{
        width: calc(100% - 650px);
    }
    .zkindex1 .text h3{
        font-size: 36px;
    }
    .zkindex1 .text .txt{
        font-size: 16px;
    }
    .zkindex1 .text a{
        font-size: 16px;
    }
    .zkindex1 .num_list{
        width: 577px;
    }
    .num_list li{
        width: 170px;
    }
    .num_list li:before{
        width: 170px;
        height: 170px;
        top: 10px;
        left: 0px;
    }
    .num_list li p.p1{
        font-size: 20px;
    }
    .num_list li p.p1 span{
        font-size: 36px;
    }
    .num_list li p.p2{
        font-size: 16px;
    }
}
@media(max-width: 1440px){
    
}
@media(max-width: 1259px){
    .zkindex1 {
        padding: 70px 0;
    }
}
@media(max-width: 1024px){
    
}
@media(max-width: 820px){
    .zkindex1 {
        padding: 50px 0;
    }
    .zkindex1 .text{
        width:100%;
    }
    .zkindex1 .text h3{
        font-size:26px;
    }
    .zkindex1 .text .txt {
        font-size: 15px;
        margin: 0px 0 20px;
    }
    .zkindex1 .num_list{
        width:100%;
    }

}
@media(max-width: 767px){
    .zkindex1 .num_list{
        display: none;
    }
}
@media(max-width: 640px){
    .zkindex1 {
        padding: 35px 0;
        display:none;
    }
    .zkindex1 .text h3{
        font-size:24px;
    }    
}




.index2{
    padding:0 0 135px 0;
}
.index2_top{
    width: 100%;
    min-height: 615px;
    position: relative;
}
.index2_tab{
/*    display: none;*/
    position: absolute;
    top:0;
    left:0;
    opacity: 0;
    width: 100%;
    height: 100%;
}
.index2_tab.cur{
    opacity: 1;
}
.index2_tab .zkswiper-container{
    width: 100%;
    height: 100%;
}
#c-banner2 .zkswiper-slide,.index2_tab .zkswiper-container .zkswiper-slide{
    padding:60px 8% 60px 5.5%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /*align-items:center;*/
}
#c-banner2 .zkswiper-slide .img,.index2_tab .zkswiper-container .zkswiper-slide .img,.index2_tab .zkswiper-container .zkswiper-slide .img{
    width: calc(100% - 580px);
    padding-right: 30px;
    transition: 1.3s 0.2s;
    transform: translateX(-30%);
    opacity: 0;    
}
/*#c-banner2 .zkswiper-slide-active .img,*/
/*.index2_tab .zkswiper-container .zkswiper-slide-active .img,*/
.index2_tab.cur .zkswiper-container .zkswiper-slide-active .img{
    transform: translateX(0%);
    opacity: 1;   
}
#c-banner2 .zkswiper-slide .text{
    width: 580px; 
    color: #fff;   
    position: relative;

}
#c-banner2 .zkswiper-slide .text h3{
    font-size: 46px;
    font-family: "微软雅黑";
    margin-bottom:20px;
    position: relative;
    white-space: nowrap; 
    text-overflow: ellipsis;
    overflow: hidden;
    padding-right: 70px;
    opacity: 0;
}
#c-banner2 .zkswiper-slide .text h3 a{
    display: block;
    position: absolute;
    right:0;
    top:0;
}
#c-banner2 .zkswiper-slide .text .txt{
    opacity: 0;
}
#c-banner2 .zkswiper-slide .text .txt a{
    display: block;
    color: #fff;
    position: relative;
    font-weight: 300;
    line-height: 35px;

    transition: all 0.6s ease-out;
}
#c-banner2 .zkswiper-slide .text .txt a:before{
    content: '-';
    position: absolute;
    left:0;
    top:0px;
    opacity: 0;
    transition: all 0.6s ease-out;
}
#c-banner2 .zkswiper-slide .text .txt a:hover{
    padding-left: 10px;
    transition: all 0.6s ;
}
#c-banner2 .zkswiper-slide .text .txt a:hover:before{
    opacity: 1;
    transition: all 0.6s;
}


.index2_tab .text2{
    width: 580px; 
    color: #fff;   
    position: absolute;
    top:130px;
    right:8%;
    z-index: 99;
}
.index2_tab .text2 h3{
    font-size: 46px;
    font-family: "微软雅黑";
    margin-bottom:20px;
    position: relative;
    white-space: nowrap; 
    text-overflow: ellipsis;
    overflow: hidden;
    padding-right: 70px;
}
.index2_tab .text2 h3 a{
    display: block;
    position: absolute;
    right:0;
    top:0;
    -webkit-animation: Tmouse2 0.6s ease-in-out infinite alternate;
    -moz-animation: Tmouse2 0.6s ease-in-out infinite alternate;
      -o-animation: Tmouse2 0.6s ease-in-out infinite alternate;
         animation: Tmouse2 0.6s ease-in-out infinite alternate;
    /*transition: all 0.4s ease-out;*/
}
/*.index2_tab .text2 h3 a:hover{*/
/*    right:15px;*/
/*}*/
@-webkit-keyframes Tmouse2 {
    0% {
        right:0;
    }
    100% {
        right:10px;
    }
}
@-moz-keyframes Tmouse2 {
    0% {
        right:0;
    }
    100% {
        right:10px;
    }
}
@-o-keyframes Tmouse2 {
    0% {
        right:0;
    }
    100% {
        right:10px;
    }
}
@keyframes Tmouse2 {
    0% {
        right:0;
    }
    100% {
        right:10px;
    }
}
.index2_tab .text2 .txt a{
    display: block;
    color: #fff;
    position: relative;
    font-weight: 300;
    line-height: 35px;
    font-size: 16px;
    transition: all 0.6s ease-out;
}
.index2_tab .text2 .txt a:before{
    content: '-';
    position: absolute;
    left:0;
    top:0px;
    opacity: 0;
    transition: all 0.6s ease-out;
}
.index2_tab .text2 .txt a:hover{
    padding-left: 10px;
    transition: all 0.6s ;
}
.index2_tab .text2 .txt a:hover:before{
    opacity: 1;
    transition: all 0.6s;
}

.index2_num{
    position: absolute;
    bottom:10px;
    right:0;
    color: #fff;
    font-weight: 300;
    opacity: 0;
    transition: all 0.6s ease-out;
}
.index2_num em:nth-child(1){
    font-size: 50px;
    line-height: 1;
}
.index2_num em:nth-child(2){
    font-size: 20px;
    opacity: .6;
}
#c-banner2 .zkswiper-slide-active .index2_num{
    opacity: 1;
}
#c-banner2 .swiper-button-prev,.index2_tab .zkswiper-container .c-prev{
    position: absolute;
    top:100%;
    left:60%;
    width: 12px;
    height: 21px;
    background:url(../image/left1.png) no-repeat center;
    margin-top:-101px;
    margin-left: -32px;
    z-index:99;
}
#c-banner2 .swiper-button-next,.index2_tab .zkswiper-container .c-next{
    position: absolute;
    top:100%;
    right:40%;
    width: 12px;
    height: 21px;
    background:url(../image/right1.png) no-repeat center;
    margin-top:-101px;
    margin-right: -64px;
    z-index:99;
}
#c-banner2 .swiper-pagination,.index2_tab .zkswiper-container .swiper-pagination{
    width: 580px;
    left: calc(100% - 8% - 580px);
/*    margin-left: calc(-580px - 220px);*/
    top: calc(100% - 60px);
    text-align: right;
    color: #fff;
    font-weight: 300;
    font-style: italic;
    background:rgba(255,255,255,.2);
    height: 2px;
}
#c-banner2 .swiper-pagination .swiper-pagination-progressbar-fill{
    background:rgba(255,255,255,1);    
}


.c-line-box{
    width: 580px;
    height: 2px;
    position: absolute;
    right: 8%;
    bottom: 58px;
    z-index: 999;
    background:rgba(255,255,255,.2);
}
.c-line{
    background:rgba(255,255,255,1); 
    width: 100%;
    height: 2px;
}
.index2_tab .zkswiper-container .swiper-pagination{
    width: 580px;
    left: calc(100% - 8% - 580px);
    top: calc(100% - 120px);
    text-align: right;
    color: #fff;
    font-weight: 300;
    font-style: italic;
    background:none;
/*    background:rgba(255,255,255,.2);
    height: 2px;*/
}
.index2_tab .zkswiper-container .swiper-pagination .swiper-pagination-current{
    font-size: 50px;
    line-height: 1;
/*    position: relative;
    top: -60px;*/
}
.index2_tab .zkswiper-container .swiper-pagination .swiper-pagination-total{
    font-size: 20px;
    opacity: .6;
/*    position: relative;
    top: -60px;*/
}


.index2_ul{
    border-left:1px solid #f0f0f0;
    display: flex;
}
.index2_ul li{
    padding:40px 15px 20px;
    border-right:1px solid #f0f0f0;
    border-bottom:1px solid #f0f0f0;
    text-align: center;
    width: 19%;
    transition: all 0.4s ease-out;
    cursor: pointer;
}
.index2_ul li .img{
    height: 50px;
    line-height: 50px;
}
.index2_ul li h3{
    font-size: 22px;
    color: #1a1a1a;
    margin:12px 0 0px;
}
.index2_ul li p{
    font-size: 14px;
    line-height: 1.6em;
    height: 3.2em;
    color: #4c4c4c;
}
.index2_ul li.cur{
    box-shadow: 10px 10px 20px #eee;
    width: 24%;
}
.index2_ul li.cur h3{
    color: #1f9aed;
}

@media(max-width: 1600px){
    .index2 {
        padding: 0 0 100px 0;
    }
    #c-banner2 .zkswiper-slide, .index2_tab .zkswiper-container .zkswiper-slide {
        padding: 60px 5% ;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .index2_top{
        min-height:530px;
    }
    .index2_tab .text2{
        right: 5%;
        width: 480px;
        top:80px;
    }
    .index2_tab .text2 h3{
        font-size: 36px;
    }
    .index2_tab .zkswiper-container .swiper-pagination{
        left: calc(100% - 5% - 480px);
        width: 480px;
    }
    .c-line-box{
        right: 5%;
        width: 480px;
    }
    #c-banner2 .swiper-button-prev, .index2_tab .zkswiper-container .c-prev{
        left:60%;
    }
    #c-banner2 .swiper-button-next, .index2_tab .zkswiper-container .c-next{
        right: 42%;
    }
    .index2_ul li {
        padding: 30px 15px 20px;
    }
    .index2_ul li h3{
        font-size: 16px;
    }
    .index2_ul li p{
        font-size: 12px;
    }
}
@media(max-width: 1440px){
    .index2_tab .text2 .txt a{
    font-size: 14px;
}
    
}
@media(max-width: 1259px){
    .index2_tab .text2 h3{
        font-size:26px;
    }
}
@media(max-width: 1024px){
    
}
@media(max-width: 820px){
    .index2 {
        padding: 0 0 60px 0;
    }
    .index2_top{
        min-height:500px;
    }
    #c-banner2 .zkswiper-slide, .index2_tab .zkswiper-container .zkswiper-slide {
        padding: 60px 2% 60px;
    }
    #c-banner2 .zkswiper-slide .img, .index2_tab .zkswiper-container .zkswiper-slide .img{
        width: calc(50% - 0px);

    }
    .index2_tab .text2 {
        width: 46%;
        /*position: relative;*/
        top: 50%;
        right: 2%;
        margin-top: -200px;
    }
    .index2_tab .text2 h3{
        font-size:24px;
    }
    .index2_tab .text2 h3 a{
        max-width:40px;
    }
    .c-line-box{
        right: 2%;
        width: 46%;
    }
    .index2_ul li{
        padding:20px 12px;
    }
}
@media(max-width: 640px){
    .index2 {
        padding: 0 0 35px 0;
        display:none;
    }
    .index2_top {
        /*min-height: 450px;*/
    }
    .index2_tab .zkswiper-container{
        height:auto;
    }
    #c-banner2 .zkswiper-slide, .index2_tab .zkswiper-container .zkswiper-slide {
        padding: 15px 2%;
        display:block;
    }
    #c-banner2 .zkswiper-slide .img, .index2_tab .zkswiper-container .zkswiper-slide .img {
        width: calc(100% - 0px);
        padding-right:0;
    }
    .index2_tab{
        /*position: relative; */
        /*top:0;*/
    }
    .index2_tab .text2{
        width: 100%;
         position: relative; 
        top: 0%;
        right: 0%;
        margin-top: 0px;  
        color:#666;
        padding:15px 0 0;
    }
    .index2_tab .text2 h3{
        font-size:16px;
        color:#333;
        margin-bottom:5px;
        padding-right:0;
    } 
    .index2_tab .text2 h3 a{
        display:none;
    }
    .index2_tab .text2 .txt a{
        color:#666;
        line-height:2em;
    }
    .index2_ul{
        flex-wrap:wrap;
    }
    .index2_ul li{
        width:50%;
    }
    .index2_ul li.cur{
        width:50%;
    }
}

@media (max-width:780px){
    .zkindex3{
padding-bottom: 50px !important;
}
}
.zkindex3{
padding-bottom: 200px;
}
.case_list{
    display: flex;
    flex-wrap: wrap;
}
.case_list li{
    width: 25%;
}
.case_list li a{
    color: #fff;
    display: block;
    position: relative;
}
/* 230912 */
.case_list li a .img{
    position: relative;
	width:100%;
	height:340px;
}

.case_list li a .img img{
	width:100%;
	height:100%;
} 
/* 230912 */
.case_list li a .img2{
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    text-align:center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.case_list li a .img2 img{
/*    max-height: 52px;*/
    max-width: 197px;
    margin:0 auto;
}
/* 20230828 */
.case_list li a .text2{
    position: absolute;
    bottom:0;
    left:0; 
    width:100%;
    padding:20px 25px;
    color: #fff;   
}
.case_list li a .text2 h3{
    font-size: 22px;
    line-height:1.2;
}
.case_list li a:hover .text2{
    opacity: 0;
}
.case_list li a .text2 p{
    font-size: 15px;
}
/* 20230828 */
.case_list li a .text{
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    background:rgba(13,157,255,.9);
    z-index:8;
    text-align:center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    opacity: 0;
}
.case_list li a .text .img3{
    text-align: center;
}
.case_list li a .text .img3 img{
    /*width: 60%;*/
    /*max-width: ;*/
    transform: scale(0.8);
}
/* 230908 */
.case_list li a .text h3{
    font-size: 28px;
    line-height: 1.4;
}
/* 230908 */
.case_list li a .text p{
    font-size: 20px;
    margin:10px 0 35px;
}
.case_list li a .text i{
    font-style: normal;
}
.case_list li a:before{
    content:'';
    position: absolute;
    left:20px;
    top:20px;
    width: 0;
    height: 1px;
    background:#fff;
    z-index:9;
    transition: all 0.4s ease-out;
    opacity: .3;
}
.case_list li a:after{
    content:'';
    position: absolute;
    left:20px;
    bottom:20px;
    width: 0;
    height: 1px;
    background:#fff;
    z-index:9;
    transition: all 0.4s ease-out;
    opacity: .3;
}
.case_list li a .img:before{
    content:'';
    position: absolute;
    left:20px;
    top:20px;
    width: 1px;
    height: 0;
    background:#fff;
    z-index:9;
    transition: all 0.4s ease-out;
    opacity: .3;
}
.case_list li a .img:after{
    content:'';
    position: absolute;
    right:20px;
    top:20px;
    width: 1px;
    height: 0;
    background:#fff;
    z-index:9;
    transition: all 0.4s ease-out;
    opacity: .3;
}
.case_list li a:hover .img img{
    transform: scale(1.2);
}
.case_list li a:hover .img2{
    opacity: 0;
}
.case_list li a:hover .text{
    opacity: 1;
}
.case_list li a:hover:before,.case_list li a:hover:after{
    width: calc(100% - 40px);
}
.case_list li a:hover .img:before,.case_list li a:hover .img:after{
    height: calc(100% - 40px);
}
@media(max-width: 1600px){
	/* 230912 */
	.case_list li a .img{ 
		width:100%;
		height:340px;
	}

	.case_list li a .img img{
		width:100%;
		height:100%;
	}
	/* 230912 */
    .case_list li a .img2 img{
        max-height: 50px;
    }
    .case_list li a .text .img3 img{
        max-height: 50px;
    }
    .case_list li a .text p{
        font-size: 18px;
        margin: 5px 0 10px;
    }
    .case_list2 li a .text .img3 img{
        max-height: 120px;
    }
}
@media(max-width: 1440px){
    /* 230912 */
	.case_list li a .img{ 
		width:100%;
		height:340px;
	}

	.case_list li a .img img{
		width:100%;
		height:100%;
	}
	/* 230912 */
}
@media(max-width: 1259px){
 
    .case_list li a .text p{
        font-size:15px;
    }
}
@media(max-width: 1024px){
 
    .case_list2 li a .text .img3 img{
        max-height: 100px;
    }    
}
@media(max-width: 980px){
    /* 230912 */
	.case_list li a .img{ 
		width:100%;
		height:260px;
	}

	.case_list li a .img img{
		width:100%;
		height:100%;
	}
	/* 230912 */
}
@media(max-width: 820px){
    .case_list li{
        width:50%;
    } 
    .case_list li a .img2 img,.case_list li a .text .img3 img{
        max-height: 32px;
    }
    .case_list li a .text p{
        font-size:14px;
    }
}
@media(max-width: 768px){
	/* 230912 */
	.case_list li a .img{ 
		width:100%;
		height:130px;
	}

	.case_list li a .img img{
		width:100%;
		height:100%;
	}
	/* 230912 */
}
@media(max-width: 640px){
		/* 230912 */
	.case_list li a .img{ 
		width:100%;
		height:130px;
	}

	.case_list li a .img img{
		width:100%;
		height:100%;
	}
	/* 230912 */
    .case_list li a:before,.case_list li a:after,.case_list li a .img:before,.case_list li a .img:after{
        display:none;
    }
    .case_list li a .text p{
        font-size:12px;
        line-height:1.6;
        padding:0 5%;
    }
	/* 230908 */
	 .case_list li a .text h3,.case_list li a .text2 h3{
        font-size: 14px;
    }
    .case_list li a .text p.p1{
        font-size: 14px;
    }
    .case_list li a .text2{
        padding:10px 10px;
    }
    .case_list li a .text2 p {
        font-size: 12px;
        line-height: 1.6em;
        height: 1.6em;
        margin-top:0px;
        overflow: hidden;
    }
     
}

.index4{
    padding:130px 0 200px;
}
.index4 .text1{
    text-align: center;
    margin-bottom:50px;
}
.index4 .text1 h2{
    font-size: 40px;
    color: #333333;
    font-family: "微软雅黑";
    line-height: 1.6;
}
.index4 .text1 .p1{
    font-size: 24px;
    margin:0 0 15px;
}
.index4 .text1 a{
    font-size: 18px;
    color: #1f9aed;
    font-family: "微软雅黑";
    font-weight: bold;
}
.index4 .text1 a:hover{
    text-decoration: underline;
}
.news_list1{
    display: flex;
    flex-wrap: wrap;
}
.news_list1 li{
    width: 32%;
    margin-right: 2%;
}
.news_list1 li:nth-child(3n){
    margin-right: 0;
}
.news_list1 li a{
    display: block;
}
.news_list1 li a .p1{
    font-size: 18px;
    color: #666666;
    margin:22px 0 18px;
}
.news_list1 li a h3{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 26px;
    color: #282828;
    line-height: 1.5;
    font-weight: normal;
}
.news_list1 li a:hover .img img{
    transform: scale(1.2);
}
.news_list1 li a:hover h3{
    color: #0d9dff;
    text-decoration: underline;
}

@media(max-width: 1600px){
    .index4{
        padding:90px 0 150px;
    }
    .index4 .text1 h2{
        font-size: 36px;
    }
    .index4 .text1 .p1{
        font-size: 16px;
    }
    .index4 .text1 a{
        font-size: 16px;
    }
    .news_list1 li a .p1{
        font-size: 16px;
        margin: 15px 0 10px;
    }
    .news_list1 li a h3{
        font-size: 18px;
    }
}
@media(max-width: 1440px){
    
}
@media(max-width: 1259px){
    .index4 {
        padding: 70px 0 100px;
    }
    .index4 .text1 h2{
        font-size: 26px;
    }
    .index4 .text1 .p1{
        font-size: 14px;
    }
    .index4 .text1 a{
        font-size: 15px;
    }
    .news_list1 li a .p1{
        font-size: 16px;
        margin: 10px 0 5px;
    }
    .news_list1 li a h3{
        font-size: 16px;
    }
}
@media(max-width: 1024px){
    
}
@media(max-width: 820px){
    .index4 {
        padding: 50px 0 70px;
    }
    .index4 .text1 h2{
        font-size:24px;
    }
}
@media(max-width: 640px){
    .index4 {
        padding: 35px 0;
    }
    .index4 .text1 .p1{
        font-size: 12px;
        padding:0 5%;
        line-height:1.6;
    }
    .index4 .text1{
        margin-bottom:25px;
    }
    .index4 .text1 h2{
        font-size:24px;
    }
    .news_list1 li{
        width:100%;
        margin-right:0;
        margin-bottom:20px;
    }
}

/* 底部预约 */
.zkfoot_par {
    margin:-80px 0;
}
.zkfoot_par_con {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 12px 5% 12px 6.5%;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: url(../image/b_bj.png) no-repeat center/cover;
}
.zkfoot_par_con .zkc-item:nth-child(1),.zkfoot_par_con .zkc-item:nth-child(3){
    flex-shrink: 0;
}
.zkfoot_par_con .zkc-item:nth-child(2){
    padding-left: 70px;
    width: 100%;
}
.zkfoot_par_con .zkc-item:nth-child(3) {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
}
.zkfoot_par_con .zkc-item:nth-child(3) .c-text2 {
    margin-right: 25px;
    text-align: right;
    font-size: 20px;
    color: #fff;
}
.zkfoot_par_con .zkc-item:nth-child(3) .c-text2 p:last-child{
    font-size: 14px;
    line-height: 1.6;
}
.zkfoot_par_con .c-book {
/*    width: 10%;*/
margin: -52px 0;
}
.zkfoot_par_con .c-code {
    max-width: 171px;
}
.zkfoot_par_con .zkc-title {
    margin-bottom: .2rem;
    font-weight: bold;
    font-size: 46px;
    color: #fff;
    line-height: 1;
    margin-bottom:10px;
}
.zkfoot_par_con .c-text {
    font-size: 20px;
    color: #fff;
    line-height: 1.6;
    font-weight: 300;
}


@media(max-width: 1600px){
    .zkfoot_par_con{
        padding:12px 4%;
    }
    .zkfoot_par_con .zkc-item:nth-child(2) {
        padding-left: 30px;
    }
    .zkfoot_par_con .zkc-title{
        font-size: 26px;
    }
    .zkfoot_par_con .c-text{
        font-size: 16px;
    }
    .zkfoot_par_con .zkc-item:nth-child(3) .c-text2{
        font-size: 16px;
    }
}
@media(max-width: 1440px){
    
}
@media(max-width: 1259px){

}
@media(max-width: 1024px){
    .zkfoot_par {
        margin: 0px 0;
    } 
    .zkfoot_par .zkcontainer{
        width:100%;
    }
    .zkfoot_par_con .c-code{
        max-width:120px;
    }
    .zkfoot_par_con .zkc-item:nth-child(3) .c-text2{
        font-size:14px;
    }
    .zkfoot_par_con .zkc-item:nth-child(3) .c-text2 p:last-child{
        font-size:14px;
    }
}
@media(max-width: 820px){
    .zkfoot_par_con .zkc-item:nth-child(3){
        display:none;
    }
    .zkfoot_par_con .c-book{
        margin:0;
        max-width:120px;
    }
    .zkfoot_par_con .zkc-title{
        font-size:22px;
    }
}
@media(max-width: 640px){
    .zkfoot_par{
        display:none;
    }
    .zkfoot_par_con .c-book{
        margin:0;
        max-width:80px;
    }
    .zkfoot_par_con .zkc-title{
        font-size:16px;
    }
    .zkfoot_par_con .zkc-item:nth-child(2){
        padding-left:20px;
    }
    .zkfoot_par_con .c-text{
        font-size:14px;
        padding-left: 15px;
    }
    .zkfoot_par_con .c-text{
        padding-left:0;
    }
}


footer{
    background:#333333;
}
.foot{
    padding:150px 0 105px;
}
.zkfoot_l{
    float:left;
    width: calc(100% - 460px);
    max-width: 1080px;
    padding-right: 30px;
}
.zkfoot_more{
    padding-bottom:65px;
}
.zkfoot_more li{
    display: flex;
    flex-wrap: wrap;
    margin-bottom:15px;
}
.zkfoot_more_t{
    font-size: 15px;
    color: #808080;
    width: 105px;
}
.zkfoot_more_a{
    width: calc(100% - 105px);
    display: flex;
    flex-wrap: wrap;
}
.zkfoot_more_a a{
    font-size: 15px;
    color: #808080;  
    display: block;
    margin-right: 18px;  
}
.zkfoot_more_a a:last-child{
    margin-right: 0;
}
.zkfoot_more_a a:hover{
    color: #fff;
}
.zkfoot_contact{
    display: flex;
    flex-wrap: wrap;
}
.zkfoot_contact li{
    width: 28%;
    margin-right: 8%;
    display: flex;
    flex-wrap: wrap;
}
.zkfoot_contact li:last-child{
    margin-right: 0;
}
.zkfoot_contact li .zkfoot_contact_t{
    width: 90px;
    font-size: 18px;
    color: #cccccc;
    line-height: 1.6;
}
.zkfoot_contact li .zkfoot_contact_text{
    width: calc(100% - 90px);
}
.zkfoot_contact li .zkfoot_contact_text .p1{
    font-size: 13px;
    color: #808080;
    height: 3.2em;
    line-height: 1.6em;
}
.zkfoot_contact li .zkfoot_contact_text .p2{
    font-size: 20px;
    color: #ffffff;
    padding:15px 0 0;
    line-height: 1.6;
}
.zkfoot_contact li .zkfoot_contact_text .p3{
    font-size: 16px;
    color: #b0b0b0;
}
.zkfoot_r{
    float:right;
    width: 460px;
}
.zkfoot_r h2{
    font-size: 46px;
    color: #fff;
    line-height: 1.2;
}
.zkfoot_r .p1{
    font-size: 22px;
    color: #b2b2b2;
    margin:20px 0 60px;
}
.zkfoot_r a.more1{
    display: flex;
    justify-content: center;
    width: 190px;
    line-height: 56px;
    font-size: 20px;
    color: #fff;
    background:#1f9aed;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
}
.zkfoot_r a.more1 i{
    display: block;
    width: 9px;
    background:url(../image/more3.png) no-repeat center;
    margin-left: 25px;
} 
.zkfoot_r a.more1:before{
    content: "";
    position: absolute;
    display: block;
    transition: all .6s;
    width: 100%;
    height: 0;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    padding-top: 100%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-animation: wave 1.3s infinite;
    animation: wave 1.3s infinite;
    z-index: 1;
}
.zkf_share{
    display: flex;
    margin-top:40px;
}
.zkf_share a{
    width: 40px;
    height: 40px;
    position: relative;
    margin-right: 15px;
    cursor: pointer;
}
.zkf_share a .img1{
    width: 120px;
    height: 120px;
    position: absolute;
    top:60px;
    left:50%;
    margin-left: -60px;
    z-index:99;
    opacity: 0;
    z-index:-99;
    background: #fff;
}
.zkf_share a .img1:after{
    content:'';
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 10px solid #fff;
    position: absolute;
    top:-9px;
    left:50%;
    margin-left: -8px;
}
.zkf_share a:hover .img1{
    opacity: 1;
    z-index:99;
}

.zkf_link{
    font-size: 15px;
    color: #808080;
    padding:0 0 50px 0;
}
.zkf_link a{
    margin-left: 20px;
    display: inline-block;
    font-size: 15px;
    color: #808080;
}
.zkf_link a:hover{
    color: #fff;
}
.zkcopyright{
    padding:24px 0;
    border-top:1px solid #4d4d4d;
    font-size: 14px;
    color: #808080;
}
.zkcopyright a{
    font-size: 14px;
    color: #808080;    
}
.zkcopyright a:hover{
    color: #fff;
}
.zkcopyright_l{
    float:left;
    max-width:60%;
}
.zkcopyright_r{
    float:right;   
    max-width:40%;
}
.zkm_message{
    display: none;
}
.zkm_message .message ul li:nth-child(1){
    display: none;
}
@media(max-width: 1600px){
    .foot {
        padding: 150px 0 60px;
    }
    .zkfoot_l{
        width: calc(100% - 260px);
    }
    .zkfoot_r{
        width: 260px;
    }
    .zkfoot_r h2{
        font-size: 26px;
    }
    .zkfoot_r .p1 {
        font-size: 16px;
        margin: 10px 0 30px;
    }
    .zkfoot_r a.more1 {
        width: 160px;
        line-height: 50px;
        font-size: 16px;
    }
    .zkfoot_more {
        padding-bottom: 40px;
    }
    .zkfoot_contact li {
        width: 32%;
        margin-right: 2%;
    }
    .zkf_link {
        padding: 0 0 30px 0;
    }
    .zkcopyright {
        padding: 25px 0;
    }
}
@media(max-width: 1440px){
    
}
@media(max-width: 1259px){
    .zkfoot_contact li .zkfoot_contact_t{
        font-size:16px;
    }
    .zkfoot_contact li .zkfoot_contact_text .p2{
        font-size:16px;
        padding: 5px 0 0;
    }
    .zkfoot_contact li .zkfoot_contact_text .p3{
        font-size:14px;
    }
}
@media(max-width: 1024px){
    .foot {
        padding: 100px 0 30px;
    }
    .zkfoot_l{
        width:100%;
        float:none;
    }
    .zkfoot_r{
        float:none;
        width: 100%;
        margin-top:30px;
    } 
    .zkf_link {
        padding: 0 0 15px 0;
    }
    .zkcopyright {
        padding: 15px 0;
    }
}
@media(max-width: 820px){
    .foot {
        padding: 50px 0 20px;
    }
    .zkfoot_r h2{
        font-size:22px;
    }
}
@media(max-width: 640px){
    .foot {
        padding: 30px 0 20px;
        display:none;
    }
    .zkfoot_more{
        display:none;
    }
    .zkfoot_contact li{
        width:100%;
        margin-right:0;
        margin-bottom:15px;
    }
    .zkfoot_contact li .zkfoot_contact_text .p1{
        height:auto;
    }
    .zkfoot_contact li .zkfoot_contact_text .p2{
        font-size:15px;
        padding: 0px 0 0;
    }
    .zkfoot_r h2{
        font-size:24px;
        line-height:1.4;
    }
    .zkfoot_r .p1 {
        font-size: 15px;
        margin: 10px 0 15px;
    }
    .zkfoot_r a.more1 {
        width: 140px;
        line-height: 50px;
        font-size: 15px;
    }
    .zkf_share{
        display:none;
    }
    .zkf_link{
        display:none;
    }
    .zkcopyright_l{
        width:100%;
        max-width:100%;
    }
    .zkcopyright_l span{
        display:block;
    }
    .zkcopyright_r{
        width:100%;
        max-width:100%;
        display:none;
    }
    .zkm_message{
        display:block;
        padding:35px 0 ;
        background:#f1f1f1;
    }
    .zkm_message .message ul li input,.zkm_message .message ul li textarea{
        background:#fff;
    }

}


/*----- Common css ------*/

.fl {
    float: left;
}

.fr {
    float: right;
}

.di {
    _display: inline;
}

.fwn {
    font-weight: normal;
}

.zkdib {
    *display: inline;
    _zoom: 1;
    _display: inline;
    _font-size: 0px;
}
.f_none{
    display: none;
}



/*------------内页-------------------*/
.n_banner {
    width: 100%;
    margin: 0 auto;
    position: relative;
}
.n_banner img {
    width: 100%;
    margin: 0 auto
}
.banner_text2{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align:center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 99;
    color: #fff;
    font-family: "微软雅黑";
    font-weight: bold;
}
.banner_text2 .p1{
    font-size: 50px;
}
.banner_text2 .p2{
    font-size: 20px;
}
@media(max-width: 1600px){
    .banner_text2 .p1{
        font-size: 36px;
    }
    .banner_text2 .p2{
        font-size:16px;
    }

}
@media(max-width: 1440px){
    
}
@media(max-width: 1259px){
    .banner_text2 .p1{
        font-size: 26px;
    }
    .banner_text2 .p2{
        font-size:15px;
    }

}
@media(max-width: 1024px){
    
}
@media(max-width: 820px){
    .banner_text2 .p1{
        font-size: 24px;
    }
    .banner_text2 .p2{
        font-size:14px;
    }

}
@media(max-width: 640px){
    .banner_text2 .p1{
        font-size: 20px;
        line-height:1.6;
    } 
    .banner_text2 .p2{
        display:none;
    }
    .case_banner_text .p1{
        padding:0 10%;
    }
}




.sevice_list{

}
.sevice_list li{
    align-items:center;
}
.sevice_list li .zkcontainer{
    display: flex;
    flex-wrap: wrap;  
/*    width: 100%;*/  
}
.sevice_list li .img{
    width: 50%;
}
.sevice_list li .text{
    width: 50%;
    color: #fff;
}
.sevice_list li .text h3{
    font-size: 50px;
    font-family: "微软雅黑";
    line-height: 1;
}
.sevice_list li .text .txt{
    margin:25px 0 0px;
}
.sevice_list li .text .txt .p1{
    font-size: 18px;
    color: #fff;
    opacity: .5;
    max-width: 625px;
    line-height: 1.6;
}
.sevice_list li .text .txt .p2{
    display: flex;
    margin:50px 0 90px;
}
.sevice_list li .text .txt .p2 span{
    display: block;
    position: relative;
    font-size: 18px;
    padding-left: 18px;
    margin-right: 40px;
}
.sevice_list li .text .txt .p2 span:last-child{
    margin-right: 0;
}
.sevice_list li .text .txt .p2 span:before{
    content:'';
    position: absolute;
    left:0;
    top:50%;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-top:-5px;
}
.sevice_list li .text .txt .p2 span:nth-child(1):before{
    background:#ff0000;
}
.sevice_list li .text .txt .p2 span:nth-child(2):before{
    background:#ffae00;
}
.sevice_list li .text .txt .p2 span:nth-child(3):before{
    background:#1f9aed;
}
.sevice_list li .text .txt .p2 span:nth-child(4):before{
    background:#666;
}
.sevice_list li .text a{
    display: block;
    font-size: 20px;
    color: #fff;
    width: 160px;
    line-height: 56px;
    background: #1f9aed;
    border-radius: 10px;
    text-align: center;
}
.sevice_list li:nth-child(1){
    background:url(../image/fw1.jpg) no-repeat center;
    background-size: cover;
    padding:195px 0 120px;
}
.sevice_list li:nth-child(2){
    background:#fdfdfd;
    padding:5px 0 50px;
}
.sevice_list li:nth-child(2) .zkcontainer{
    flex-direction: row-reverse;
}
.sevice_list li:nth-child(2) .text{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.sevice_list li:nth-child(2n) .text h3{
    color: #333333;
}
.sevice_list li:nth-child(2n) .text .txt .p1{
    color: #666666;
    opacity: 1;
}
.sevice_list li:nth-child(2n) .text .txt .p2{
    color: #666666;
}
.sevice_list li:nth-child(3n){
    background:#f1592a;
    padding:100px 0 110px;
}
.sevice_list li:nth-child(3n) .text{
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.sevice_list li:nth-child(3) .img img{
        max-height:428px;
    }
    
.sevice_list li:nth-child(4){
    background:#f8ebe1;
    padding:50px 0;
    background:url(../image/fw4.jpg) no-repeat center;
    background-size: cover;
}
    .sevice_list li:nth-child(4) .img img{
        max-height:540px;
    }
.sevice_list li:nth-child(4) .zkcontainer{
    flex-direction: row-reverse;
}
.sevice_list li:nth-child(4) .text{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
@media(max-width: 1600px){
    .sevice_list li .text h3{
        font-size: 36px;
    }
    .sevice_list li .text .txt .p1{
        font-size:16px;
    }
    .sevice_list li .text .txt .p2{
        margin: 30px 0 50px;
    }
    .sevice_list li .text .txt .p2 span{
        font-size:16px;
        margin-right:20px;
    }
    .sevice_list li .text a {
        font-size: 16px;
        width: 120px;
        line-height: 46px;
    }
    /*.sevice_list li:nth-child(4){*/
    /*    padding: 70px 0 150px;*/
    /*}*/

}
@media(max-width: 1440px){
    
    .sevice_list li:nth-child(3) .img img{
        max-height:328px;
    }
        .sevice_list li:nth-child(4) .img img{
        max-height:440px;
    }
    
}
@media(max-width: 1259px){
    .sevice_list li:nth-child(1){
        padding: 150px 0 100px;
    }
    .sevice_list li .text h3 {
        font-size: 26px;
    }
    .sevice_list li .text .txt {
        margin: 15px 0 0px;
    }
    .sevice_list li .text .txt .p2 {
        margin: 20px 0 30px;
    }
    .sevice_list li .text .txt .p2 span{
        font-size:14px;
        margin-right:10px;
    }
    .sevice_list li:nth-child(2){
        padding:50px 0;
    }
    /*.sevice_list li:nth-child(4){*/
    /*    padding: 50px 0 150px;*/
    /*}*/
}
@media(max-width: 1024px){
    
}
@media(max-width: 820px){
    .sevice_list li:nth-child(1){
        padding: 120px 0 60px;
    }
    .sevice_list li .text h3{
        font-size:24px;
    }
    .sevice_list li .text .txt .p2{
        flex-wrap:wrap;
    }
    .sevice_list li .text .txt .p2 span{ 
        width:50%;
        margin-right:0;
        padding-right:15px;
    }
    .sevice_list li:nth-child(3n){
        padding: 70px 0;
    }
    .sevice_list li:nth-child(4){
        padding: 30px 0;
    }
}
@media(max-width: 640px){
    .sevice_list li{
        flex-direction:row;
    }
    .sevice_list li:nth-child(1) {
        padding: 90px 0 40px;
    }
    .sevice_list li .text{
        width:100%;
    }
    .sevice_list li .text h3{
        font-size:24px;
    }
    .sevice_list li:nth-child(2),.sevice_list li:nth-child(3),.sevice_list li:nth-child(4) {
        padding: 40px 0;
    }
    .sevice_list li .img{
        width:100%;
        margin-top:20px;
    }
}

/*service1*/
.banner_text4{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 99;
    font-size: 20px;
    color: #fff;
}
.banner_text4 h3{
    font-size: 50px;
    font-family: "微软雅黑";
}
.banner_text4 p{
    font-size: 20px;
    margin: 5px 0 70px;
    font-family: "微软雅黑";
    font-weight: bold;
    max-width: 625px;
    line-height: 1.6;
    width: 55%;
}
.banner_text4 a{
    display: block;
    width: 160px;
    line-height: 55px;
    font-size: 20px;
    color: #1f9aed;
    border-radius: 10px;
    background:#fff;
    text-align: center;
    font-family: "微软雅黑";
    font-weight: bold;
}
.banner_text4 a:hover{
    color: #fff;
    background:#1f9aed;    
}
.service1_1{
    padding:65px 0 120px;
}
.service1_1 .zkcontainer{
    max-width: 1344px;
}
.service1_1 h2{
    text-align: center;
    margin-bottom:65px;
}
.service1_list{
    display: flex;
    flex-wrap: wrap;
}
.service1_list li{
    width: 49%;
    margin-right: 2%;
    margin-bottom:20px;
    position: relative;
}
.service1_list li:nth-child(2n){
    margin-right: 0;
}
.service1_list li .text{
    position: absolute;
    left:0;
    bottom:0;
    width: 100%;
    color: #fff;
    z-index:9;
    padding:0 50px 30px;
}
.service1_list li .text h3{
    font-size: 36px;
    line-height: 1.6;
}
.service1_list li .text p{
    font-size: 18px;
        line-height: 1.6;
}
.service1_list li:hover .img img{
    transform: scale(1.1);
}
.service1_3{
    padding:110px 0 95px;
    position: relative;
/*    background:url(../images/service1_bg2.jpg) no-repeat center;
    background-size: cover;*/
}
.service1_3 .t2{
    color: #fff;    
}
.t2{
    text-align: center;

}
.t2 h2{
    font-size: 40px;
    font-family: "微软雅黑";
}
.t2 p{
    font-size: 18px;
    line-height: 1.6;
}
.service1_list2{
    display: flex;
    flex-wrap: wrap;
    padding:70px 0;
}
.service1_list2 li{
    transition: all 0.4s ease-out;
    width: 32%;
    margin-right: 2%;
    margin-bottom:30px;
    color: #fff;
    border:1px solid rgba(255,255,255,.3);
    border-radius: 10px;
    padding:25px 50px;
}
.service1_list2 li:nth-child(1){
    width: 49%;
    padding:25px 70px 32px 50px;
}
.service1_list2 li:nth-child(2){
    width: 49%;
    margin-right: 0;
    padding:25px 70px 32px 50px;
}
.service1_list2 li:last-child{
    margin-right: 0%;
}
.service1_list2 li h3{
    font-size: 26px;
    margin-bottom:5px;
}
.service1_list2 li p{
    font-size: 18px;
    line-height: 1.6;
}
.service1_3_img{
    transition: all 0.5s ease-out;
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    z-index:-1;
}
.service1_3_img .img1{
    display: none;
    height: 100%;
    width: 100%;
    transition: all 0.5s ease-out;
}
.service1_3_img .img1 img{
        transition: all 0.5s ease-out;
    opacity: 0;
}
.service1_3 a{
    display: block;
    width: 190px;
    line-height: 50px;
    margin:0 auto;
    background:#1f9aed;
    font-size: 20px;
    color: #fff;
    text-align: center;
    border-radius: 10px;
}
.service1_list2 li:hover,.service1_list2 li.cur{
    background:#1f9aed;
    border:1px solid #1f9aed;
}
.service1_4{
    padding:105px 0 115px;
}
.t3{
    text-align: center;
    margin-bottom:50px;
}
.t3 h2{
    font-size: 40px;
    color: #333333;
    font-family: "微软雅黑";
    line-height: 1.6;
}
.t3 h2 span{
    color: #1f9aed;
}
.t3 .p1{
    font-size: 24px;
    margin:0 0 15px;
}
a.more_a{
    display: block;
    width: 190px;
    line-height: 55px;
    font-size: 17px;
    color: #fff;
    border-radius: 10px;
    background: #1f9aed;
    text-align: center;
    margin:40px auto 0;
/*    font-family: "微软雅黑";
    font-weight: bold;*/
}
.service1_5{
    padding:100px 0 120px;
    background:#f8f8f8;
}
.service1_6 .message2 {
    padding: 100px 0 185px;
}
@media(max-width: 1600px){
    .banner_text4 h3{
        font-size:40px;
    }
    .banner_text4 p{
        font-size:18px;
        margin: 0px 0 50px;
    }
    .service1_1 {
        padding: 50px 0 90px;
    }
    .service1_1 h2{
        margin-bottom: 40px;
    }
    .service1_list li .text h3{
        font-size:30px;
    }
    .service1_list li .text p{
        font-size:15px;
    }
    .service1_3{
        padding: 90px 0;
    }
    .t2 h2{
        font-size: 36px;
    }
    .t2 p{
        font-size:16px;
    }
    .service1_list2{
        padding:50px 0;
    }
    .service1_list2 li{
        padding:20px 30px;
    }
    .service1_list2 li:nth-child(1){
        padding:20px 40px;
    }
    .service1_list2 li:nth-child(2){
        padding:20px 40px;
    }
    .service1_list2 li h3{
        font-size:20px;
        line-height:1.4;
        margin-bottom: 10px;
    }
    .service1_list2 li p{
        font-size:15px;
    }
    .service1_4,.service1_5{
        padding:70px 0;
    }
    .t3{
        margin-bottom:40px;
    }
    .t3 h2{
        font-size: 36px;
    }
    .t3 .p1{
        font-size:16px;
    }
    a.more_a {
        width: 170px;
        line-height: 45px;
        font-size: 16px;
        margin: 20px auto 0;
    }
    .service1_6 .message2 {
        padding: 90px 0 150px;
    }

}
@media(max-width: 1440px){
    
}
@media(max-width: 1259px){
    .banner_text4 h3{
        font-size:26px;
    }
    .banner_text4 p{
        font-size:14px;
        margin: 0px 0 30px;
    }
    .service1_1{
        padding:30px 0 70px;
    }
    .service1_1 h2{
        margin-bottom: 30px;
    }
    .service1_list li .text{
        padding:0 30px 20px;
    }
    .service1_list2{
        padding: 35px 0 15px;
    }
    .t2 h2{
        font-size:26px;
    }
    .service1_3 a {
        width: 150px;
        line-height: 45px;
        font-size: 16px;
    }
    .service1_4, .service1_5{
        padding:70px 0;
    }
    .service1_6 .message2 {
        padding: 70px 0 150px;
    }
}
@media(max-width: 1024px){
    .t3{
        margin-bottom:30px;
    }
    .t3 h2{
        font-size:26px;
    }
    .t3 .p1{
        font-size:14px;
    }    
}
@media(max-width: 820px){
    .banner_text4 h3{
        font-size:22px;
    }
    .banner_text4 p{
        margin: 0px 0 20px;
    }
    .service1_1 {
        padding: 10px 0 55px;
    }
    .service1_1 h2 {
        margin-bottom: 20px;
    }
    .service1_3 {
        padding: 60px 0;
    }
    .service1_4, .service1_5{
        padding:55px 0;
    }
    .t2 h2{
        font-size:24px;
    }
    .service1_list li .text {
        padding: 0 15px 15px;
    }
    .service1_list li .text h3{
        font-size:20px;
    }
    .service1_list li .text p{
        font-size:14px;
    }
    .service1_list2 li{
        padding:15px 20px;
    }
    .service1_list2 li:nth-child(1){
        padding:15px 20px;
    }
    .service1_list2 li:nth-child(2){
        padding:15px 20px;
    }
    .service1_6 .message2 {
        padding: 50px 0 100px;
    }
    .t3{
        margin-bottom:20px;
    }
    .t3 h2{
        font-size:24px;
    }    
}
@media(max-width: 640px){
    .banner_text4 h3{
        font-size:16px;
        margin-bottom:10px;
    }
    .banner_text4 p{
        display:none;
    }
    .service1_1 {
        padding: 10px 0 30px;
    }
    .service1_1 h2 {
        margin-bottom: 15px;
    }
    .service1_list li{
        width:100%;
        margin-right:0;
        margin-bottom:15px;
    }
    .service1_list li .text p{
        font-size:13px;
        line-height: 1.6em;
    }
    .service1_list2 {
        padding: 25px 0 15px;
    }
    .service1_list2 li{
        margin-right:0!important;
        width:100%!important;
        margin-bottom:15px;
    }
    .service1_list2 li h3{
        font-size:18px;
    }
    .service1_list2 li p{
        font-size:12px;
    }
    .service1_3 {
        padding: 40px 0;
    } 
    .service1_3 .t2 h2{
        font-size:24px;
    }
    .service1_3 .t2 p{
        font-size:12px;
        line-height:1.8;
    }
    .service1_4, .service1_5{
        padding:40px 0;
    }
    .t2 h2{
        font-size:24px;
    }
    .t2 p{
        font-size:12px;
        line-height:1.8;        
    }
    a.more_a {
        width: 160px;
        line-height: 40px;
        font-size: 15px;
        margin: 10px auto 0;
    }
    .service1_6 .message2 {
        padding: 40px 0 40px;
    }
    .t3 h2{
        font-size:24px;
    } 
    .t3 .p1{
        font-size:12px;
        line-height:1.8;
    }
}

.service1_2{
    background: url(../image/service1_bg1.jpg) no-repeat center top;
    text-align: center;
    background-size: cover;
    position: relative;
}
.service1_2 h2.t1{
    display: none;
    line-height: 1.4;
}
.service1_2 .cont {
    max-width: 1300px;
    margin: 0 auto;
    position: relative;
    z-index: 3;
}
.service1_2 dl {
    width: 200px;
    color: #fff;
    position: absolute;
    text-align: left;
}
/*.service1_2 dl{
    position:static;
    text-align:left!important;
    width:47%!important;
    float:left;
    margin-bottom:30px;
    margin-right:5%;
}*/
.service1_2 dl:nth-of-type(2n){
    margin-right:0px;
}
.service1_2 dt{font-weight:700;margin-bottom:10px;}
.service1_2 .con01{top:14.5%;left:12%;}
.service1_2 .con02{top:14.5%;left:67%;}
.service1_2 .con03{top:45.5%;left:2%;text-align:right;}
.service1_2 .con04{top:45.5%;left:77%;text-align:right;}
.service1_2 .con05{top:75%;left:10%;}
.service1_2 .con06{top:75%;left:73%;}
.service1_2>h3{display:none;}
.yuan_bg{
    position:absolute;top:50%;
    left:50%;transform:translate(-50%,-50%);
    border:1px solid #fff;
    opacity:0.4;
    width:475px;
    height:475px;
    border-radius:42% 58% 70% 30% / 45% 45% 55% 55%;
    animation:morph 6s linear infinite;will-change:border-radius;
}
.yuan_bg:before,.yuan_bg:after{
    content:"";
    display:block;
    width:490px;
    height:490px;
    position:absolute;
    left:0px;
    top:0px;
    border:1px solid #fff;
    border-radius:42% 58% 70% 30% / 45% 45% 55% 55%;
    will-change:border-radius;animation-delay:100ms;
}
.yuan_bg:before{
    animation:morph 10s linear infinite;animation-delay:400ms;
}
@keyframes morph{
    0%,100%{border-radius:42% 58% 70% 30% / 45% 45% 55% 55%;}
    34%{border-radius:70% 30% 46% 54% / 30% 29% 71% 70%;}
    67%{border-radius:100% 60% 60% 100% / 100% 100% 60% 60%;}
}
.fnt_30 {
    font-size: 30px;
    line-height: 1.3;
}
.fnt_18 {
    font-size: 18px;
    line-height: 1.6;
}
@media only screen and (min-width: 600px){
    .service1_2 dl{opacity:0;transition:all 0.4s ease-in-out;}
    .service1_2 dl:nth-of-type(1){transition:all 0.4s ease-in-out;}
    .service1_2 dl:nth-of-type(2){transition:all 0.4s ease-in-out 0.2s;}
    .service1_2 dl:nth-of-type(3){transition:all 0.4s ease-in-out 0.4s;}
    .service1_2 dl:nth-of-type(4){transition:all 0.4s ease-in-out 0.6s;}
    .service1_2 dl:nth-of-type(5){transition:all 0.4s ease-in-out 0.8s;}
    .service1_2 dl:nth-of-type(6){transition:all 0.4s ease-in-out 1s;}
    .service1_2 dl.dl_anim{opacity:1;}
}
@media only screen and (max-width:1600px){
    .fnt_18 {
        font-size: 16px;
    }
}

@media only screen and (max-width:1400px){
    .fnt_30 {
        font-size: 20px;
    }
}
@media only screen and (max-width:1220px){
    .service1_2 .con03{left:0px;width:170px;}
    .service1_2 .con04{left:73%;}
    .yuan_bg{width:400px;height:400px;}
    .yuan_bg:before,.yuan_bg:after{width:405px;height:405px;}
}
@media only screen and (max-width: 1024px){
    .fnt_18 {
        font-size: 16px;
    }    
}
@media only screen and (max-width: 950px){
    .fnt_30 {
        font-size: 18px;
    }
    .fnt_18 {
        font-size: 14px;
    } 
}
@media only screen and (max-width:800px){
    .service1_2 .con03{left:0px;width:120px;}
    .service1_2 .con04{left:70%;width:170px;}
    .yuan_bg{width:300px;height:300px;}
    .yuan_bg:before,.yuan_bg:after{width:305px;height:305px;}
}
@media only screen and (max-width: 767px){
    .fnt_30 {
        font-size: 16px;
    }    
    .service1_2 .cont img{
        display:none;
    }
    .service1_2 h2.t1{
        display:block;
        color:#fff;
        margin-bottom:30px;
    }
    .fnt_18{
        line-height:1.8;
    }
}
@media only screen and (max-width:700px){
    .service1_2>h3{display:block;color:#fff;font-weight:700;margin-bottom:40px;}
    .service1_2 .con>img{display:none;}
    .service1_2{padding:50px 0px;}
    .service1_2 dl{position:static;text-align:left!important;width:47%!important;float:left;margin-bottom:30px;margin-right:5%;}
    .service1_2 dl:nth-of-type(2n){margin-right:0px;}
}



/*service2*/
.banner_text4_2 a{
    display: block;
    width: 160px;
    line-height: 55px;
    font-size: 20px;
    color: #fff;
    border-radius: 10px;
    background:#1f9aed;
    text-align: center;
    font-family: "微软雅黑";
    font-weight: bold;
    position: relative;
    overflow: hidden;
}
.banner_text4_2 a:before{
    content: "";
    position: absolute;
    display: block;
    transition: all .6s;
    width: 100%;
    height: 0;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    padding-top: 100%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-animation: wave 1.3s infinite;
    animation: wave 1.3s infinite;
    z-index: 1;
}
.service2_1{
    padding:40px 0 85px;
}
.service2_1 .zkcontainer{
    max-width: 1344px;
}
.service2_2{
    padding:110px 0 80px;
    background:#f7f7f7;
}
.service2_2 .zkcontainer{
    max-width: 1200px;
    height: 728px;
    background: url(../image/v_value.png) no-repeat center 112px;
}
.service2_2 h2.t1{
    margin-bottom:70px;
    text-align: center;
}
.service2_2 dl {
    float: left;
    width: 430px;
    height: 208px;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 0 25px rgb(67 88 171 / 16%);
    margin-bottom: 40px;
    border: 1px solid #ebecf2;
    position: relative;
}
.service2_2 dl:nth-of-type(2n){ float: right;}
.service2_2 dl dt{ position: absolute; top: 74px; right: -31px; width: 61px; height: 61px; border-radius: 61px; background: #1f9aed; color: #fff; text-align: center; line-height: 61px; font-weight: bold; font-size: 26px;}
.service2_2 dl dd{ text-align: right; padding-right: 60px;}
.service2_2 dl dd h3{ line-height: 100%; font-size: 26px; color: #333333;font-weight: bold; padding-top: 44px; padding-bottom: 24px;}
.service2_2 dl dd h3 span{ padding-left: 18px;}
.service2_2 dl dd p{ line-height: 100%; color: #666666; font-size: 16px;}
.service2_2 dl dd p span{ display: block; padding: 12px 0;}
.service2_2 dl:nth-of-type(2n) dt{ right: inherit; left: -31px;}
.service2_2 dl:nth-of-type(2n) dd{ text-align: left; padding-right: 0; padding-left: 60px;}
.service2_3{
    padding:100px 0 80px;
}
.service2_4 .message2{
    padding: 0px 0 185px;
}
@media(max-width: 1600px){
    .banner_text4_2 a {
        width: 120px;
        line-height: 45px;
        font-size: 16px;
    }
    .service2_1{
        padding:30px 0 70px;
    }
    .service2_2{
        padding:90px 0 80px;
    }
    .service2_2 .zkcontainer{
        height: 500px;
        background: url(../image/v_value.png) no-repeat center 60px;
        background-size: 420px;
    }
    .service2_2 dl{
        height:170px;
    }
    .service2_2 dl dt{
        top:55px;
    }
    .service2_2 dl dd h3{
        font-size:20px;
        padding-top: 30px;
        padding-bottom: 15px;
    }
    .service2_2 dl dd p{
        font-size:14px;
    }
    .service2_4 .message2{
        padding:0 0 160px;
    }
    .service2_3{
        padding:80px 0 ;
    }
}
@media(max-width: 1440px){
    
}
@media(max-width: 1259px){
    .banner_text4_2 a {
        width: 90px;
        line-height: 35px;
        font-size: 14px;
    }
    .service2_2{
        padding:70px 0;
    }
    .service2_3{
        padding:70px 0 ;
    }
}
@media(max-width: 1024px){
    .service2_2{
        /*display:none;*/
    }
    .service2_2 .zkcontainer {
        background: url(../image/v_value.png) no-repeat center 100px;
        background-size: 350px;
    }
    .service2_2 dl{
        width:380px;
    }
    .service2_2 dl dt {
        top: 55px;
        width: 50px;
        height: 50px;
        border-radius: 50px;
        line-height: 50px;
        font-size: 20px;
        right:-25px;
    }
    .service2_2 dl:nth-of-type(2n) dt{
        left:-25px;
    }
    .service2_2 dl dd{
        padding-right:50px;
    }
    .service2_2 dl:nth-of-type(2n) dd{
        padding-left:50px;
    }
    .service2_4 .message2{
        padding:0 0 150px;
    }
    .service2_3{
        padding:70px 0 ;
    }
}
@media(max-width: 820px){
    .service2_1{
        padding:10px 0 55px;
    }
    .service2_2{
        padding:55px 0;
    }
    .service2_2 .zkcontainer {
        background: url(../image/v_value.png) no-repeat center 80px;
        background-size: 300px;
        height:450px;
    }
    .service2_2 dl{
        width:320px;
        margin-bottom: 25px;
    }
    .service2_2 dl dd{
        padding-right:35px;
    }
    .service2_2 dl:nth-of-type(2n) dd{
        padding-left:35px;
    }
    .service2_2 dl dd h3{
        font-size:18px;
    }
    .service2_2 dl dd p{
        font-size:13px;
    }
    .service2_2 dl dd p span{
        padding: 7px 0;
    }
    .service2_4 .message2{
        padding:0 0 100px;
    }
    .service2_3{
        padding:55px 0 ;
    }

}
@media(max-width: 767px){
    .service2_2 .zkcontainer{
        height:auto;
        background:none;
    }
    .service2_2 dl{
        width: calc(100% - 25px);
        height: auto;
        padding: 15px 15px 15px 45px;
        margin-left: 25px;
        margin-bottom: 15px;
    }
    .service2_2 dl dd{
        padding:0!important;
        text-align:left;
    }
    .service2_2 dl dd h3{
        font-size:16px;
        padding:0 0 10px 0;
    }
    .service2_2 dl dd p{
        line-height:1.6em;
        height:3.2em;
        overflow:hidden;
    }
    .service2_2 dl dd p span{
        display:inline-block;
        padding:0;
    }
    .service2_2 dl dt{
        left:-25px;
        top:25px;
    }
    .service2_3{
        padding:40px 0 ;
    }
}
@media(max-width: 640px){
    .service2_1{
        padding:10px 0 40px;
    }
    .service2_2{
        padding:40px 0;
    }
    .service2_4 .message2{
        padding:0 0 40px;
    }

}

.service3_1 {
    padding: 40px 0 110px;
}
.t5{
    width: 74%;
    max-width: 1180px;
    margin:0 auto;
    text-align: center;
    font-size: 32px;
    color: #272727;
    font-family: "微软雅黑";
    line-height: 1.4;
    font-weight: bold;
}
.service3_list{
    display: flex;
    justify-content: center;
    margin-top:70px;
}
.service3_list li{
    margin-right: 12px;
}
.service3_list li:last-child{
    margin-right: 0;
}
.service3_2{
    text-align: center;
}
.service3_2 .img{
    margin-top:40px;
}

.service4_1{
    padding: 40px 0 95px;
}
.t2 h2 span{
    color: #1f9aed;
}
.service4_1 .t2 .p1{
    max-width: 1310px;
    margin:20px auto 40px;
}
.service4_li{
    text-align:center;margin-bottom:40px;
}
.service4_li a{
    font-family: "微软雅黑";
    font-size:14px;color:#333333;display:inline-block;padding:0px 20px;border:1px solid #dcdcdc;border-radius:3px;line-height:36px;margin-right:20px;}
.service4_li a:last-child{margin-right:0px;}
.service4_li a:hover{background:#1f9aed;color:#fff;border:1px solid #1f9aed;}
.service4_li a.on{background:#1f9aed;color:#fff;border:1px solid #1f9aed;}
.service4_tab{
    padding:40px 35px;
    background:#fff;
    box-shadow:0px 0px 12px rgba(0,0,0,.1);
    display: none;
}
.service4_tab .content_txt_left{
    width:29%;
    float:left;
}
.service4_tab .content_txt_left img{width:100%;}
.service4_tab .content_txt_right{
    float:left;
    width:60%;margin-left:5%;}
.service4_tab .content_txt_right .txt_right_title{font-size:20px;color:#333;text-align:center;font-weight:bolder;margin-bottom:35px;}
.service4_tab .content_txt_right .txt_right_txt{border-bottom:1px solid #bbbbbb;padding-bottom:30px;height:134px;}
.service4_tab .content_txt_right .txt_right_txt a{display:inline-block;width:25%;margin-bottom:16px;margin-right:-5px;
    color: #333;
}
.service4_tab .content_txt_right .txt_right_txt a img{margin-right:6px;}
.service4_tab .content_txt_right .txt_right_more{text-align:right;}
.service4_tab .content_txt_right .txt_right_more a{display:inline-block;width:142px;height:42px;line-height:42px;text-align:center;font-size:18px;background:#1f9aed;color:#fff;border-radius:5px;margin-top:25px;}

@media(max-width: 1600px){
    .t5{
        font-size: 26px;
    }
    .service3_list{
        margin-top:50px;
    }
    .service4_1{
        padding: 20px 0 70px;
    }
    .service4_3{
        padding:70px 0 0;
    }
}
@media(max-width: 1440px){
    
}
@media(max-width: 1259px){
    .service4_li{
        margin-bottom:30px;
    }
    .service4_li a{
        padding: 0px 10px;
        margin-right: 10px;
        margin-bottom:10px;
    }

}
@media(max-width: 1024px){
    .t5{
        font-size: 20px;
    }
    .service3_1 {
        padding: 10px 0 70px;
    }
    .service3_list {
        margin-top: 30px;
    }
    .service3_2 .img {
        margin-top: 30px;
    }
    .service4_1 .t2 .p1 {
        margin: 10px auto 40px;
    }
    .service4_2{
        display:none;
    }

}
@media(max-width: 820px){
    .service3_1 {
        padding: 10px 0 55px;
    }
    .service4_1{
        padding: 10px 0 55px;
    }
    .service4_li{
        margin-bottom:20px;
    }
    .service4_tab{
        padding:20px 20px;
    }
    .service4_tab .content_txt_right .txt_right_title{
        font-size:16px;
        margin-bottom: 15px;
    }
    .service4_tab .content_txt_right .txt_right_txt{
        height:auto;
        padding-bottom: 20px;
    }
    .service4_tab .content_txt_right .txt_right_more a{
        width:120px;
        margin-top: 20px;
        font-size:15px;
    }
}
@media(max-width: 640px){
    .t5{
        font-size: 16px;
    }
    .service3_1 {
        padding: 10px 0 40px;
    }
    .service3_list,.service3_2 .img {
        margin-top: 20px;
    }
    .service3_list{
        flex-wrap:wrap;
    }
    .service3_list li{
        width:32%;
        margin-right:2%;
        margin-bottom:10px;
    }
    .service3_list li:nth-child(3n){
        margin-right:0;
    }
    .service4_1{
        padding: 10px 0 10px;
    }
    .service4_1 .t2 .p1 {
        margin: 10px auto 30px;
    }
    .service4_tab .content_txt_right .txt_right_more a{
        width:90px;
    }
    .service4_1,.service4_li,.service4_tab_c{
        display:none;
    }
}



.service4_2{

}
.service4_2 .s_xcx_con02 {
    max-width: 1280px;
}
.s_xcx_con02 dl {
    position: relative;
    color: #fff;
}
.s_xcx_con02 dd img {
    width: 100%;
}
.s_xcx_con02 dt {
    position: absolute;
    left: 0;
    top: 90px;
    width: 100%;
    z-index: 2;
}
.s_xcx_con02 .dt_con {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto
}
.s_xcx_con02 .dt_con .p {
    padding-bottom: 50px;
    border-bottom: 1px dotted #fff;
    margin-bottom: 50px;
}
.s_xcx_con02 .dt_con p {
    margin-top: 15px;
}
.s_xcx_con02 .dt_con .ul h4 {
    float: left;
    width: 24%;
}
.s_xcx_con02 .dt_con .ul ul {
    float: left;
    width: 76%;
}
.s_xcx_con02 .dt_con .ul ul li {
    float: left;
    width: 200px;
    font-weight: 700;
    margin-bottom: 25px;
}
.s_xcx_con02 .dt_con .ul ul li span {
    display: inline-block;
    padding: 7px 0 0 20px;
}
.fnt_24 {
    font-size: 24px;
}

@media only screen and (min-width: 600px){
    .s_xcx_con02 h3 {
        opacity: 0;
        transition: all .4s ease-in-out .2s;
    }
    .s_xcx_con02 h3.con_anim {
        opacity: 1;
    } 
    .s_xcx_con02 .p {
        opacity: 0;
        top: 50px;
        position: relative;
        transition: all .4s ease-in-out .4s;
    }
    .s_xcx_con02 .p.con_anim {
        opacity: 1;
        top: 0;
    }
}
@media only screen and (max-width: 1500px){
    .service4_2 .s_xcx_con02 {
        max-width: 950px;
    }
    .s_xcx_con02 dt {
        top: 40px;
    } 
    .service4_2  .s_xcx_con02 .dt_con {
        max-width: 750px;
        margin:0 auto;
    } 
    .s_xcx_con02 .dt_con .p {
        padding-bottom: 25px;
        margin-bottom: 25px;
    }
    .fnt_24 {
        font-size: 20px;
    }
    .s_xcx_con02 .dt_con .ul h4 {
        font-size: 24px;
    }
    .s_xcx_con02 .dt_con .ul ul li {
        width: 33.33%;
    }

}
@media only screen and(max-width: 1000px){
    .s_xcx_con02 .dt_con {
        width: 80%;
    }
    .s_xcx_con02 .dt_con p {
        font-size: 14px;
    }
    .s_xcx_con02 .dt_con .ul h4 {
        font-size: 18px;
    }
    .s_xcx_con02 .dt_con .ul ul li {
        margin-bottom: 15px;
    }
    .s_xcx_con02 .dt_con .ul ul li img {
        width: 30px;
    }
    .s_xcx_con02 .dt_con .ul ul li span {
        padding-top: 3px;
    }
}
@media only screen and (max-width: 600px){
    .s_xcx_con02 .dt_con {
        width: 100%;
    } 
    .s_xcx_con02 .dt_con p {
        margin-top: 5px;
    }
    .s_xcx_con02 .dt_con .ul h4 {
        float: none;
        width: 100%;
        margin-bottom: 20px;
    }
    .s_xcx_con02 .dt_con .ul ul {
        float: none;
        width: 100%;
    } 
    .s_xcx_con02 .dt_con .ul ul li span {
        padding-left: 10px;
    }
}


.service4_3{
    background:#f5f5f5;
    padding:105px 0 0;
}
.service4_3 .zkcontainer{
    max-width: 1350px;
}
.service4_3 .t3{
    margin-bottom:90px;
}
.service4_3 .cont{

}
.service4_3 .cont .text{
    width: 65.5%;
    max-width: 755px;
    float:left;
}
.service4_3 .cont .text .txt{
    font-size: 16px;
}
.service4_3 .cont .text ul{
    display: flex;
    flex-wrap: wrap;
    max-width: 714px;
    margin-top:45px;
}
.service4_3 .cont .text ul li{
    width: 33.333%;
    background:#fff;
    padding:30px 20px;
    text-align: center;
    border-right: 1px solid #f5f5f5;
    border-bottom: 1px solid #f5f5f5;
    position: relative;
    z-index:1;
}
.service4_3 .cont .text ul li .img{
    line-height: 60px;
}
.service4_3 .cont .text ul li p{
    font-size: 18px;
    color: #4c4c4c;
}
.service4_3 .cont .text ul li:hover{
    box-shadow: 0px 0px 15px #eee;
    z-index:9;
}
.service4_3 .cont .img1{
    width: 34.5%;
    float:right;
}

.service4_4{
    padding:110px 0 0;
}
.service4_list2{
    display: flex;
    flex-wrap: wrap;
}
.service4_list2 li{
    width: 24.25%;
    margin-right: 1%;
    background:#f7f7f7;
    padding:70px 40px 70px 45px;
}
.service4_list2 li:last-child{
    margin-right: 0;
}
.service4_list2 li .img{

}
.service4_list2 li h3{
    font-size: 24px;
    color: #333333;
    margin:15px 0 10px;
}
.service4_list2 li p{
    font-size: 14px;
    color: #666666;
    line-height: 1.8;
}
@media(max-width: 1600px){
    .service4_3{
        padding:70px 0 0;
    }
    .service4_3 .t3{
        margin-bottom:70px;
    }
    .service4_3 .cont .text{
        padding-right:20px;
    }
    .service4_3 .cont .text ul li p{
        font-size:16px;
        padding-top:5px;
    }
    .service4_list2 li{
        padding:30px 20px;
    }
    .service4_list2 li h3{
        font-size:20px;
        margin: 10px 0 5px;
    }
    .service4_4 {
        padding: 90px 0 0;
    }
}
@media(max-width: 1440px){
    
}
@media(max-width: 1259px){
    .service4_3{
        padding:70px 0 0;
    }
    .service4_3 .t3{
        margin-bottom:50px;
    }
    .service4_4 {
        padding: 70px 0 0;
    }
}
@media(max-width: 1024px){
    .service4_3 .cont .text ul{
        margin-top:30px;
    }
}
@media(max-width: 820px){
    .service4_3{
        padding:55px 0 0;
    }
    .service4_3 .t3{
        margin-bottom:30px;
    }
    .service4_3 .cont .text{
        width:100%;
        padding-right:0;
    }
    .service4_3 .cont .img1{
        width:100%;
        margin-top:25px;
        text-align:center;
    }
    .service4_list2 li {
        padding: 20px 20px;

        width:49%;
        margin-right:2%;
        margin-bottom:15px;
    }
    .service4_list2 li:nth-child(2n){
        margin-right:0;
    }
    .service4_list2 li h3{
        font-size:16px;
    }
    .service4_3 .cont .text ul li{
        padding: 15px 20px;
    }
    .service4_3 .cont .text ul li .img{
        line-height:50px;
    }
    .service4_3 .cont .text ul li .img img{
        max-height:40px;
    }
    .service4_4 {
        padding: 55px 0 0;
    }
}
@media(max-width: 640px){
    .service4_3{
        padding:40px 0 0;
    }
    .service4_3 .t3{
        margin-bottom:20px;
    }
    .service4_tab .content_txt_left{
        width: 100%;
    }
    .service4_tab .content_txt_right{
        width:100%;
        margin:20px 0 0;
    }
    .service4_tab .content_txt_right .txt_right_txt a{
        width:33.333%;
    }
    .service4_4 {
        padding: 40px 0 0;
    }
    .service4_3 .cont .text .txt{
        font-size:14px;
        line-height:1.8;
    }
    .service4_3 .cont .text ul li p{
        font-size:14px;
    }
    .service4_list2 li p{
        font-size:12px;
        line-height:1.8;
    }
}
@media(max-width: 460px){
    
}

.yxtg_list{
    padding:20px 0 140px;
}
.yxtg_list li{
    margin-bottom:120px;
}
.yxtg_list li.zkcontainer{
    max-width: 1350px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
    justify-content: space-between;
}
.yxtg_list li:nth-child(2){
    flex-direction: row;
}
.yxtg_list li .img{
    float:right;
    width: 53%;
}

.yxtg_list li .text{
    float:left;
    width: 42%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding:20px 0 20px 5%;
}
.yxtg_list li .text h2{
    font-size: 50px;
    font-family: "微软雅黑";
    line-height: 1;
}
.yxtg_list li .text h2 span{
    color: #1f9aed;
}
.yxtg_list li .text p{
    font-size: 18px;
    color: #666666;
    max-width: 420px;
    font-weight: bold;
    line-height: 1.6;
    margin:32px 0 100px;
}
.yxtg_list li .text a{
    display: block;
    width: 156px;
    line-height: 56px;
    font-size: 20px;
    color: #fff;
    text-align: center;
    border-radius: 10px;
    background:#1f9aed;
}
.banner_text6{

}
.banner_text6 h2{
    color: #333333;
    font-size: 50px;
    font-family: "微软雅黑";
}
.banner_text6 h2 span{
    color: #1f9aed;
}
.banner_text6 p{
    font-size: 20px;
    color: #666666;
/*    max-width: 625px;*/
}
.banner_text6 a{
    display: block;
    width: 160px;
    line-height: 55px;
    font-size: 20px;
    color: #fff;
    border-radius: 10px;
    background: #1f9aed;
    text-align: center;
    font-family: "微软雅黑";
    font-weight: bold;
    overflow: hidden;
    position: relative;
}
.banner_text6 a:before{
    content: "";
    position: absolute;
    display: block;
    transition: all .6s;
    width: 100%;
    height: 0;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    padding-top: 100%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-animation: wave 1.3s infinite;
    animation: wave 1.3s infinite;
    z-index: 1;
}
.yxtg1_1{
    padding:30px 0 50px;
}
.yxtg1_1 .zkcontainer{
    max-width: 1300px;
}
.yxtg_list1{
    display: flex;
    flex-wrap: wrap;
    margin-top:70px;
} 
.yxtg_list1 li{
    display: flex;
    flex-wrap: wrap;
    align-items:center;
    width: 47%;
    margin-right: 6%;
    margin-bottom:70px;
}
.yxtg_list1 li:nth-child(2n){
    margin-right: 0%;
}
.yxtg_list1 li .img{
    width: 145px;
}
.yxtg_list1 li .text{
    width: calc(100% - 145px);
}
.yxtg_list1 li .text h3{
    font-family: "微软雅黑";
    font-size: 28px;
    color: #333333;
    line-height: 1.6;
}
.yxtg_list1 li .text p{
    font-size: 18px;
    color: #666666;
    line-height: 1.6;
}

.yxtg1_2{
    padding:135px 0 120px;
    background:#f7f7f7;
}
.yxtg1_2 .zkcontainer{
    display: flex;
    flex-wrap: wrap;
}
.yxtg1_tab{
    width: 50%;
}
.yxtg1_tab .img{
    display: none;
}

.yxtg1_2_r{
    width: 50%;
    padding-left: 110px;
}
.yxtg1_2_r_t{

}
.yxtg1_2_r_t h2{
    font-size: 40px;
    color: #333333;
    font-family: "微软雅黑";
    line-height: 1;
}
.yxtg1_2_r_t p{
    font-size: 24px;
    color: #666666;
    padding:10px 0 40px;
}
.yxtg_list2{

}
.yxtg_list2 li{
    display: flex;
    flex-wrap: wrap;
    align-items:center;
    padding:15px 40px;
    margin-bottom:10px;
    cursor: pointer;
}
.yxtg_list2 li .num1{
    width: 95px;
    font-size: 60px;
    color: #c7c7c7;
    line-height: 1;
}
.yxtg_list2 li .text{
    width: calc(100% - 95px);
}
.yxtg_list2 li .text .p1{
    font-size: 26px;
    color: #333333;
    line-height: 1.4;
}
.yxtg_list2 li .text .p2{
    font-size: 15px;
    margin-top:5px;
    color: #808080;
    line-height: 1.6;
}
.yxtg_list2 li.cur{
    background:#1f9aed;
}
.yxtg_list2 li.cur .num1{
    color: #fff;
}
.yxtg_list2 li.cur .text .p1{
    color: #fff;
}
.yxtg_list2 li.cur .text .p2{
    color: #fff;
}
.yxtg_message1{
    background:#f7f7f7;
}
.yxtg1_1 .t2 p{
    font-size: 24px;
    max-width: 1340px;
    margin:10px auto 0;
    line-height: 1.6;
}
/*yxtg2*/
.yxtg2_1 .zkcontainer{
    max-width: 1580px;
}
.yxtg2_1_c{
    padding:90px 0 0;
}
.yxtg2_1_img{
    width: 33%;
    float:left;
    text-align: center;
}
.yxtg2_1_img .img{
    display: none;
}
.yxtg_list3{
    float:right;
    width: 67%;
    padding-left: 120px;
}
.yxtg_list3 li{
    padding:35px 42px;
    position: relative;
    cursor: pointer;
}

.yxtg_list3 li .text{

}
.yxtg_list3 li .p1{
    font-size: 16px;
    /*color: #999999;*/
}
.yxtg_list3 li .p1 span{
    color: #1f9aed;
    font-family: "微软雅黑";
    font-weight: bold;
    margin-right: 5px;
    font-size: 26px;
}
.yxtg_list3 li .p2{
    font-size: 16px;
    color: #4c4c4c;
}
.yxtg_list3 li.cur{
    background:#f5f5f5;
}
.yxtg_list3 li.cur:before{
    content:'';
    position: absolute;
    left:-20px;
    top:50%;
    margin-top:-20px;
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-right: 20px solid #f5f5f5;
    border-bottom: 20px solid transparent;    
}
.yxtg2_2{
    padding:120px 0;
}
.yxtg2_2 .zkcontainer{
    max-width: 1290px;
}
.t6{
    text-align: left;
    text-transform: uppercase;
    position: relative;
    background:url(../image/t6_bg1.png) no-repeat left center;
    background-size: contain;
    padding:15px 0 45px;
    margin-bottom:25px;
}
/*.yxtg2_2 .t6:before{
    content:"SEO";
    position: absolute;
    top:0;
    left:0;
    font-size: ;
    color: #;
    line-height: 1;
}*/
.t6 h2{
    font-size: 60px;
    color: #333;
    font-family: "微软雅黑";
    line-height: 1;
    margin-bottom:20px;
}
.t6 h2 span{
    color: #1f9aed;
}
.t6 p{
    font-size: 24px;
    color: #666666;
    line-height: 1.6;
}
.yxtg2_2 img1{
    text-align: center;
}
.yxtg3_1{
    padding:50px 0 80px;
}
.ab_t2{
    color: #333333;
    font-size: 34px;
    text-align: center;
    line-height: 1.4;
    font-weight: bold;    
    font-family: "微软雅黑";
    width: 74%;
    max-width: 990px;
    margin:0 auto;
}
.ab_t2 span{
    color: #1f9aed;    
}
.yxtg_list4{
    display: flex;
    flex-wrap: wrap;
    margin-top:65px;
}
.yxtg_list4 li{
    width: 23.5%;
    margin-right: 2%;
    margin-bottom:30px;
    position: relative;
    cursor: pointer;
}
.yxtg_list4 li:nth-child(4n){
    margin-right: 0;
}
.yxtg_list4 li h3{
    font-size: 36px;
    color: #fff;
    font-family: "微软雅黑";
    text-align: center;
    position: absolute;
    left:0;
    bottom:0;
    width: 100%;
}
.yxtg_list4 li:hover .img img{
    transform: scale(1.1);
}
.yxtg3_2{
    padding:0 0 85px;
}
.yxtg3_2 .zkcontainer{
    max-width: 1460px;
}
.ab_t1 h2 span{
    color: #1f9aed;
}
.yxtg_list5{
    display: flex;
    flex-wrap: wrap;
    padding:75px 0 40px;
}
.yxtg_list5 li{
    display: flex;
    flex-wrap: wrap;
    align-items:center;
    background:#f7f7f7;
    width: 48%;
    margin-right: 4%;
    padding:36px 65px;
    margin-bottom:35px;
}
.yxtg_list5 li:nth-child(2n){
    margin-right: 0;
}
.yxtg_list5 li .img{
    width: 105px;
}
.yxtg_list5 li .text{
    color: #323232;  
    width: calc(100% - 105px);  
    padding-left: 50px;
}
.yxtg_list5 li .text h3{
    font-size: 24px;
    font-family: "微软雅黑";    
}
.yxtg_list5 li .text p{
    font-size: 16px;
}
.yxtg3_2 a{
    position: relative;
    display: block;
    width: 190px;
    line-height: 55px;
    font-size: 20px;
    color: #fff;
    background:#1f9aed;
    border-radius: 10px;
    text-align:center;
    margin:0 auto;   
    overflow: hidden;
}
.yxtg3_3{
    padding:85px 0 95px;
}
.yxtg3_3 .zkcontainer{
    max-width: 1440px;
}
.yxtg_list6{
    margin-top:50px;
    display: flex;
    flex-wrap: wrap;
}
.yxtg_list6 li{
    text-align: center;
    width: 32%;
    margin-right: 2%;
    margin-bottom:20px;
    background: #f7f7f7;
    padding:30px 60px;
}
.yxtg_list6 li:nth-child(3n){
    margin-right: 0;
}
.yxtg_list6 li h3{
/*    font-weight: normal;*/
    margin: 12px 0;
    font-size: 24px;
    color: #333;
    line-height: 1;
}
.yxtg_list6 li p{
    color: #666;
    line-height: 1.8;
    font-size: 16px;
}
@media(max-width: 1600px){

    .yxtg_list li{
        margin-bottom:90px;
    }
    .yxtg_list li .text h2{
        font-size: 36px;
    }
    .yxtg_list li .text p{
        font-size:16px;
        margin: 25px 0 70px;
    }
    .yxtg_list li .text a {
        width: 140px;
        line-height: 46px;
        font-size: 16px;
    }
    .banner_text4 a {
        width: 140px;
        line-height: 45px;
        font-size: 16px;
    }
    .banner_text6 h2{
        font-size: 36px;
    }
    .banner_text6 p{
        font-size:16px;
    }
    .yxtg1_1 .t2 p{
        font-size:20px;
    }
    .yxtg_list1 li .text h3{
        font-size:22px;
    }
    .yxtg_list1 li .text p{
        font-size:16px;
    }
    .yxtg1_2{
        padding:70px 0;
    }
    .yxtg1_2_r{
        padding-left:70px;
    }
    .yxtg1_2_r_t h2{
        font-size: 36px;
    }
    .yxtg1_2_r_t p{
        font-size:16px;
        padding: 10px 0 20px;
    }
    .yxtg_list2 li{
        padding:12px 25px;
    }
    .yxtg_list2 li .num1{
        font-size:50px;
        width:75px;
    }
    .yxtg_list2 li .text {
        width: calc(100% - 75px);
    }
    .yxtg_list2 li .text .p1{
        font-size:20px;
    }
    .yxtg_list2 li .text .p2{
        font-size:14px;
    }
    .yxtg_list3{
        padding-left:70px;
    }
    .yxtg_list3 li{
        padding: 20px 20px;
    }
    .yxtg_list3 li .p1{
        font-size:15px;
    }
    .yxtg_list3 li .p1 span{
        font-size:22px;
    }
    .yxtg2_1_c{
        padding:70px 0 0;
    }
    .yxtg2_2{
        padding:70px 0;
    }    
    .t6 h2{
        font-size: 36px;
    }
    .t6 p{
        font-size:16px;
    }
    .ab_t2{
        font-size:28px;
    }
    .yxtg3_1 {
        padding: 40px 0 70px;
    }
    .yxtg_list4{
        margin-top:50px;
    }
    .yxtg_list4 li h3{
        font-size:24px;
        bottom:10px;
    }
    .yxtg_list5 {
        padding: 50px 0 30px;
    }
    .yxtg_list5 li{
        padding:25px 50px;
        margin-bottom:25px;
    }
    .yxtg_list5 li .text{
        padding-left:30px;
    }
    .yxtg_list5 li .text h3{
        font-size:20px;
    }
    .yxtg_list5 li .text p{
        font-size:15px;
    }
    .yxtg3_2 a {
        width: 160px;
        line-height: 45px;
        font-size: 16px;
    }
    .yxtg_list6 li{
        padding: 30px 35px;
    }
    .yxtg_list6 li h3{
        font-size:20px;
    }
    .yxtg_list6 li p{
        font-size:14px;
        line-height:1.6;
    }
}
@media(max-width: 1440px){
    
}
@media(max-width: 1259px){
    .yxtg_list li{
        margin-bottom:60px;
    }
    .yxtg_list li .text{
        padding:20px 0 20px 3%;
    }
    .yxtg_list li .text h2{
        font-size: 26px;
    }
    .yxtg_list li .text p{
        font-size:15px;
        margin: 20px 0 50px;
    }
    .banner_text6 h2{
        font-size:26px;
    }
    .banner_text6 p{
        font-size:15px;
    } 
    .yxtg1_1 .t2 p{
        font-size:16px;
        margin: 0px auto 0;
    }
    .yxtg_list1{
        margin-top:50px;
    }
    .yxtg_list1 li{
        margin-bottom:40px;
    }
    .yxtg_list1 li .img{
        width:110px;
        padding-right:30px;
    }
    .yxtg_list1 li .text {
        width: calc(100% - 110px);
    }  
    .yxtg_list1 li .text h3{
        font-size:18px;
    }
    .yxtg_list1 li .text p{
        font-size:14px;
    }
    .yxtg1_2_r{
        padding-left:40px;
    }
    .yxtg1_2_r_t h2{
        font-size:26px;
    }
    .yxtg1_2_r_t p{
        font-size:14px;
        padding:5px 0 20px;
    }
    .yxtg1_2 {
        padding: 70px 0;
    }
    .yxtg_list2 li {
        padding: 12px 15px;
    }
    .yxtg_list2 li .num1 {
        font-size: 42px;
        width: 75px;
    }
    .yxtg_list2 li .text .p1{
        font-size:18px;
    }
    .yxtg2_1_c{
        padding:50px 0 0;
    }
    .yxtg2_2{
        padding:70px 0;
    }    
    .t6 h2{
        font-size:26px;
    }
    .t6 p{
        font-size:15px;
    }
    .ab_t2{
        font-size:26px;
    }
    .yxtg_list4 li{
        width:32%;
    }
    .yxtg_list4 li:nth-child(4n){
        margin-right:2%;
    }
    .yxtg_list4 li:nth-child(3n){
        margin-right:0%;
    }
    
    .yxtg3_3{
        padding:70px 0;
    }
    .yxtg_list4 li h3{
        font-size:20px;
    }
    .yxtg_list5 li {
        padding: 20px 30px;
        margin-bottom: 20px;
    }
    .yxtg_list5 li .text h3{
        font-size:16px;
    }
    .yxtg_list6{
        margin-top:30px;
    }
}
@media(max-width: 1024px){
    .t6{
        background-size:contain;
        padding: 15px 0 30px;
    }
    .yxtg_list3{
        padding-left:40px;
    }
    .yxtg_list6 li{
        padding: 20px 15px;
    }
    .yxtg_list6 li h3{
        font-size:16px;
    }
}
@media(max-width: 820px){
    .yxtg_list {
        padding: 20px 0 50px;
    }
    .yxtg_list li{
        margin-bottom:40px;
    }
    .yxtg_list li .text h2{
        font-size: 22px;
    }
    .yxtg_list li .text p{
        font-size:14px;
        margin: 15px 0 30px;
    }
    .yxtg_list li .text a {
        width: 100px;
        line-height: 36px;
        font-size: 14px;
    }
    .banner_text4 a {
        width: 100px;
        line-height: 35px;
        font-size: 14px;
    }
    .banner_text6 h2{
        font-size:22px;
    }
    .banner_text6 p{
        font-size:14px;
    }
    .yxtg1_1 .t2 p{
        font-size:14px;
    }
    .yxtg_list1{
        margin-top:30px;
    }
    .yxtg_list1 li {
        margin-bottom: 30px;
    }
    .yxtg_list1 li .img {
        width: 90px;
        padding-right: 20px;
    }
    .yxtg_list1 li .text{
        width:calc(100% - 90px);
    }
    .yxtg_list1 li .text h3{
        font-size:16px;
    }
    .yxtg1_2 {
        padding: 55px 0;
    }
    .yxtg1_tab{
        width:100%;
    }
    .yxtg1_2_r{
        width:100%;
        padding-left:0;
        margin-top:20px;
    }
    .yxtg1_2_r_t h2{
        font-size:24px;
    }
    .yxtg_list2 li .text .p1{
        font-size:16px;
    }
    .yxtg2_1_c{
        padding:30px 0 0;
    }
    .yxtg2_2{
        padding:55px 0;
    }    
    .t6 h2{
        font-size:24px;
    }
    .t6 p{
        font-size:14px;
    }
    .yxtg_list3{
        padding-left:25px;
    }
    .ab_t2{
        font-size:24px;
    }
    .yxtg3_1 {
        padding: 20px 0 50px;
    }
    .yxtg3_3{
        padding:55px 0;
    }
    .yxtg_list2 li .text .p1{
        font-size:16px;
    }
    .yxtg_list3 li .p1{
        font-weight:bold;
    }
    .yxtg_list4 li{
        width:49%;
    }
    .yxtg_list4 li:nth-child(2n){
        margin-right:0;
    }
    .yxtg_list4 li h3{
        font-size:16px;
    }
    .yxtg3_2 {
        padding: 0 0 55px;
    }
    .yxtg_list5 {
        padding: 30px 0 20px;
    }
}
@media(max-width: 640px){
    .yxtg_list {
        padding: 20px 0 30px;
    }
    .yxtg_list li{
        margin-bottom:20px;
    }
    .yxtg_list li .text h2{
        font-size: 18px;
    } 
    .yxtg_list li .text p{
        margin: 10px 0 20px;
    }
    .yxtg_list li .img{
        width:100%;
    }
    .yxtg_list li .text{
        width:100%;
        padding:20px 3%;
    }
    .banner_text6 h2{
        font-size:20px;
    }
    .yxtg1_1 {
        padding: 10px 0 30px;
    }
    .yxtg_list1{
        margin-top:20px;
    }
    .yxtg_list1 li{
        width:100%;
        margin-right:0;
        margin-bottom:20px;
    }
    .yxtg_list1 li .img {
        width: 70px;
        padding-right: 20px;
    }
    .yxtg_list1 li .text{
        width:calc(100% - 70px);
    }
    .yxtg1_2 {
        padding: 40px 0;
    }
    .yxtg1_2_r_t h2{
        font-size:24px;
        color:#1f9aed;
    }
    .yxtg2_1_c{
        padding:20px 0 0;
    }
    .yxtg2_2{
        padding:40px 0;
    } 
    .t6 {
        padding: 10px 0 25px;
        margin-bottom: 15px;
        background-size:80%;
    }
    .t6 h2{
        font-size:24px;
    }
    .t6 p{
        font-size:12px;
        line-height:1.8;
    }
    .yxtg_list2 li .text .p1{
        font-size:18px;
        font-weight:bold;
    }
    .yxtg2_1_img{
        width:100%;
        text-align:center;
    }
    .yxtg2_1_img img{
        width:65%;
    }
    .yxtg_list3{
        width:100%;
        padding-left:0;
        margin-top:20px;
    }
    .yxtg_list3 li .p2{
        font-size:14px;
        line-height:1.8;
    }
    .ab_t2{
        font-size:18px;
        width:90%;
        line-height:1.6;
    }
    .yxtg3_1 {
        padding: 10px 0 30px;
    }
    .yxtg3_3{
        padding:40px 0;
    }
    .yxtg3_2 {
        padding: 0 0 40px;
    }
    .yxtg_list5 {
        padding: 20px 0 15px;
    }
    .yxtg_list5 li{
        width:100%;
        margin-right:0;
        margin-bottom:15px;
        padding:15px 20px;
    }
    .yxtg3_2 a {
        width: 120px;
        line-height: 35px;
        font-size: 14px;
    }
    .yxtg_list4{
        margin-top:30px;
    }
    .yxtg_list6 {
        margin-top: 20px;
    }
    .yxtg_list6 li{
        width:49%;
    }
    .yxtg_list6 li:nth-child(3n){
        margin-right:2%;
    }
    .yxtg_list6 li:nth-child(2n){
        margin-right:0%;
    }
}
@media(max-width: 460px){
    .yxtg_list5 li .img{
        width:80px;
    }
    .yxtg_list5 li .text{
        padding-left:20px;
        width:calc(100% - 80px);
    }
}


.sort1{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding:90px 0 50px;
}
.sort1 li{

}
.sort1 li a{
    display: block;
    line-height: 55px;
    padding:0 35px;
    font-size: 22px;
    color: #333333;
    margin:0 20px;
    border:1px solid #ccc;
    border-radius: 10px;
}
.sort1 li a:hover,.sort1 li a.cur{
    background:#1f9aed;
    border:1px solid #1f9aed;
    color: #fff;

}
.case_list2{

}
.case_list2 li{
    width: 32%;
    margin-right: 2%;
    margin-bottom:40px;
}
.case_list2 li:nth-child(3n){
    margin-right: 0%;
}
.case_list2 li .img img{
    width: 100%;
}
/*.case_list3 li a .text{*/
/*    opacity: 1;*/
/*}*/

.bottom1{
    text-align: center;
    padding:100px 0 195px;
}
.bottom1 p.p1{
    font-size: 24px;
    color: #808080
}
.bottom1 h2{
    font-size: 40px;
    color: #333;
    font-family: "微软雅黑";
    line-height: 1.4;
    margin-bottom:50px;
}
.bottom1 h2 span{
    color: #1f9aed;  
}
.bottom1 a.more1{
    display: flex;
    justify-content: center;
    width: 290px;
    line-height: 56px;
    font-size: 20px;
    color: #fff;
    background:#1f9aed;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    margin:0 auto;
}
.bottom1 a.more1 i{
    display: block;
    width: 9px;
    background:url(../image/more3.png) no-repeat center;
    margin-left: 32px;
} 
.bottom1 a.more1:before{
    content: "";
    position: absolute;
    display: block;
    transition: all .6s;
    width: 100%;
    height: 0;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    padding-top: 100%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-animation: wave 1.3s infinite;
    animation: wave 1.3s infinite;
    z-index: 1;
}
.zkmess_btn,.mess_btn2{
    display: none;
}
a.add_more1{
    display: flex;
    justify-content: center;
    width: 190px;
    line-height: 56px;
    font-size: 20px;
    color: #fff;
    background:#1f9aed;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    margin:0 auto;    
}
a.add_more1 i{
    display: block;
    width: 9px;
    background:url(../image/more3.png) no-repeat center;
    margin-left: 22px;
} 
a.add_more1:before{
    content: "";
    position: absolute;
    display: block;
    transition: all .6s;
    width: 100%;
    height: 0;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    padding-top: 100%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-animation: wave 1.3s infinite;
    animation: wave 1.3s infinite;
    z-index: 1;
}
.banner_text3{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 99;
    color: #fff;
}
.banner_text3 .zkcontainer{
    padding:0 60px;
}
.banner_text3 img{
    max-width: 50px;
}
.banner_text3 h1{
    font-size: 50px;
    font-weight: normal;
    font-family: "微软雅黑";
    margin-bottom:45px;
}
.banner_text3 a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.6);
  box-shadow: inset 0 0 0 white;
  transition: all .5s;
}
.banner_text3 a .icon {
  transition: all .5s;
  width: 22px;
  height: 22px;
  fill: #fff;
  position: relative;
  z-index: 3;
  margin: 0 auto;
}
.banner_text3 a:hover {
  transform: scale(1.1);
  box-shadow: inset 0 0 0 23px white;
}
.banner_text3 a:hover .icon {
  fill: #000;
}
.case_detail{
    background:#f7f7f7;

}
.case_detail .zkcontainer{
    background: #fff;
    padding: 70px 0 140px;
    max-width: 1580px;
    margin-top: -70px;
    position: relative;
    z-index: 9;
}
.case_detail_t{
    padding:0 6%;
    display: flex;
    flex-wrap: wrap;
}
.case_detail_t h2{
    font-size: 50px;
    color:#333333;
    width: 45%;
}
.case_detail_t .img{
    width: 44%;
    float: left;
    padding-right: 20px;
}
.case_detail_t .img img{
    height: 100%;
    padding-top: 33px;
}
.case_detail_t .img .p1{
    font-size: 20px;
    color: #333333;
    font-weight: bold; 
}
.case_detail_t .text{
    width: 55%;
    float: right;
}
.case_detail_t .text .p1{
    font-size: 20px;
    color: #333333;
    font-weight: bold;
/*    font-family: "微软雅黑";*/
}
.case_detail_t .text .txt{
    font-size: 16px;
    color:#666666;
    margin:0 0 60px;
}
.case_detail_t .text a{
    display: block;
    width: 160px;
    line-height: 42px;
    border-radius: 10px;
    border:2px solid #1f9aed;
    font-size: 20px;
    color: #1f9aed;
    text-align: center;
    position: relative;
    overflow: hidden;
    transition: all 0.4s ease-in-out;
}
/*.case_detail_t .text a:before {
    content: "";
    position: absolute;
    display: block;
    transition: all .6s;
    width: 100%;
    height: 0;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    padding-top: 100%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-animation: wave 1.3s infinite;
    animation: wave 1.3s infinite;
    z-index: 1;
}*/
.case_detail_t .text a:hover{
    background:#1f9aed;
    color: #fff;
}
.case_detail_c{
    text-align: center;
    padding:70px 5% 0;
}
.case_detail a.more_a2{
    display: block;
    width: 220px;
    line-height: 55px;
    font-size: 18px;
    color: #fff;
    border-radius: 10px;
    background: #1f9aed;
    text-align: center;
    margin: 50px auto 0;
    position: relative;
    overflow: hidden;
}
.case_detail a.more_a2:before{
    content: "";
    position: absolute;
    display: block;
    transition: all .6s;
    width: 100%;
    height: 0;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    padding-top: 100%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-animation: wave 1.3s infinite;
    animation: wave 1.3s infinite;
    z-index: 1;
}
.case_detail_more{
    display: flex;
    flex-wrap:wrap;
}
.case_detail_more_l{
    width: 50%;
/*    font-weight: bold;*/
    background:url(../image/c_bg1.jpg) no-repeat center;
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding:30px;
}
.case_detail_more_l h3{
    font-size: 56px;
    color: #fff;
    text-align: center;
    line-height: 1.4;
}
.case_detail_more_l a{
    display: block;
    width: 190px;
    line-height: 51px;
    border:2px solid #fff;
    border-radius: 10px;
    font-size: 20px;
    color: #fff;
    text-align: center;
    margin:50px auto 0;
    transition: all 0.4s ease-out;
/*    font-weight: normal;*/
}
.case_detail_more_l a:hover{
    background: #fff;
    color: #1f9aed;
}
.page1{
    width: 50%;
    background-color: #000;
    color: #fff;
    text-align: center;
    display: flex;
    align-items:center;
    justify-content: center;
    font-size: 36px;
}
.page1 a{
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%;
}
.page1 a .img img{
    width: 100%;
}
.page1 a .text{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align:center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 99;
    color: #fff;   
    background: rgba(0,0,0,.5);
}
.page1 a .text h3{
    font-size: 76px;
    font-weight: normal;
    font-family: "微软雅黑";
}
.page1 a .text p{
    font-size: 30px;
}
.page1 a .text h4{
    font-size: 36px;
    color: #fff;
}
.page1 a:hover .img img{
    transform: scale(1.1);
}
.message2{
    padding:140px 0 200px;
    max-width: 1110px;
}
.message2_t{
    text-align: center;
    margin-bottom: 30px;
}
.message2_t h2{
    font-size: 40px;
    color: #333;
    font-family: "微软雅黑";
}
.message2_t h2 span{
    color: #1f9aed;
}
.message2_t p{
    font-size: 24px;
    color: #808080;
    max-width: 845px;
    margin:10px auto 0;
    line-height: 1.4;
}
.message2 ul{
    display: flex;
    flex-wrap: wrap;
    margin:50px 0 60px;
    display: none;
}
.message2 ul li{
    width: 32%;
    margin-right: 2%;
    font-size: 18px;
    color: #b2b2b2;
}
.message2 ul li input{
    width: 100%;
    border:1px solid #ccc;
    border-radius: 10px;
    font-size: 18px;
    color: #b2b2b2;
    line-height: 62px;
    padding:0 18px;
}
.message2 ul li:last-child{
    margin-right: 0;
}
.mess_btn2{
    width: 190px;
    margin:0 auto;
    position: relative;
    overflow: hidden;
    background:#1f9aed;
    border-radius:10px;
}
.mess_btn2 input{
    display: block;
    width: 100%;
    line-height: 56px;
    border:none;
    outline: none;
    font-size: 20px;
    color: #fff;

    /*border-radius:10px;*/
    background: none;
    overflow: hidden;
    cursor: pointer;
    position: relative;
    z-index: 10;
    padding:0 24px;
    text-align: left;
}
.mess_btn2:before{
    content: "";
    position: absolute;
    display: block;
    transition: all .6s;
    width: 100%;
    height: 0;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    padding-top: 100%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-animation: wave 1.3s infinite;
    animation: wave 1.3s infinite;
    z-index: 1;
}
.mess_btn2:after{
    content:'';
    position: absolute;
    right:18px;
    top:50%;
    width: 9px;
    height: 17px;
    background:url(../image/more3.png) no-repeat center;
    z-index:9;
    margin-top:-8.5px;
}
@media(max-width: 1600px){
    .banner_text3 .zkcontainer{
        padding:0;
    }
    .case_list2 li{
        margin-bottom:30px;
    }
    .sort1 li a{
        font-size:16px;
        padding: 0 20px;
        margin: 0 15px;
        line-height: 45px;
    }
    .message2_t h2{
        font-size: 36px;
    }
    .message2_t p{
        font-size:16px;
        margin:0 auto;
    }
    .message2 ul{
        margin:40px 0;
    }
    .message2 ul li input{
        font-size:15px;
        line-height:52px;
    }
    .mess_btn2{
        width:150px;
    }
    .mess_btn2 input {
        line-height: 46px;
        font-size: 16px;
        padding: 0 15px;
    }
    .bottom1{
        padding: 80px 0 160px;
    }
    .bottom1 p.p1{
        font-size:20px;
    }
    .bottom1 h2{
        font-size: 36px;
        margin-bottom: 30px
    }
    .bottom1 a.more1 {
        width: 200px;
        line-height: 46px;
        font-size: 16px;
    }
    .bottom1 a.more1 i{
        margin-left:15px;
    }
    .sort1{
        padding:50px 0 40px;
    }
    .banner_text3 h1,.case_detail_t h2{
        font-size: 36px;
    }
    .case_detail .zkcontainer{
        padding:40px 0 100px;
        margin-top:-40px;
    }
    .case_detail_t .text .txt {
        font-size: 15px;
        margin: 0 0 40px;
    }
    .case_detail_t .text a{
        width:140px;
        font-size:16px;
    }
    .case_detail a.more_a2{
        width: 200px;
        line-height: 45px;
        font-size: 16px;
    }
    .case_detail_more_l h3{
        font-size: 36px;
    }
    .page1 a .text h3{
        font-size:46px;
    }
    .case_detail_more_l a {
        width: 150px;
        line-height: 45px;
        border-radius: 10px;
        font-size: 16px;
        margin: 30px auto 0;
    }
    .page1 a .text p{
        font-size:24px;
    }
    .message2{
        padding: 100px 0 150px;
    }
    a.add_more1 {
        width: 160px;
        font-size: 16px;
        line-height: 50px;
    }
    a.add_more1 i{
        margin-left: 15px;
    }
}
@media(max-width: 1259px){
    .case_list2 li{
        margin-bottom:20px;
    }
    .message2_t h2{
        font-size:26px;
        /*margin-bottom:20px;*/
    }
    .bottom1{
        padding: 50px 0 160px;
    }
    .bottom1 h2{
        font-size:26px;
    }
    .bottom1 p.p1{
        font-size:18px;
    }
    .sort1{
        padding:40px 0 30px;
    }
    .message2{
        padding: 70px 0 150px;
    }
}
@media(max-width: 1024px){
    .banner_text3 h1{
        margin-bottom: 30px;
    }
    .banner_text3 .zkcontainer{
        padding:0;
    }
    .case_detail .zkcontainer {
        padding: 40px 0 70px;
    }
    .banner_text3 h1, .case_detail_t h2{
        font-size:26px;
    }
    .case_detail_t .text .p1{
        font-size:17px;
    }
    .case_detail_t .text .txt {
        font-size: 14px;
        margin: 0 0 25px;
    }
    .case_detail_t .text a {
        width: 120px;
        font-size: 15px;
    }
    .case_detail_c {
        padding: 50px 5% 0;
    }
    .case_detail_more_l h3{
        font-size:26px;
    }
    .case_detail_more_l a {
        width: 120px;
        line-height: 45px;
        font-size: 15px;
        margin: 20px auto 0;
    }
    .page1 a .text h3{
        font-size: 36px;
    }
    .page1 a .text p{
        font-size:20px;
    }
}
@media(max-width: 820px){
    .case_list2 li{
        margin-bottom:15px;
    }
    .case_list2 li{
        width:49%;
    }
    .case_list2 li:nth-child(3n) {
        margin-right: 2%;
    }
    .case_list2 li:nth-child(2n) {
        margin-right: 0%;
    }
    .case_list li a .text p{
        margin: 5px 0 0px
    }
    .case_list li a .text i{
        display:none;
    }
    .message2_t h2{
        font-size:24px;
    }
    .message2 ul {
        margin: 25px 0;
    }
    .bottom1{
        padding: 40px 0 100px;
    }
    .bottom1 p.p1{
        font-size:16px;
    }
    .message2_t h2,.bottom1 h2{
        font-size:24px;
    }
    .message2_t p{
        font-size:14px;
    }
    .bottom1 a.more1 i{
        margin-left:10px;
    }
    .sort1{
        /*padding:55px 0 30px;*/
    }
    .message2{
        padding: 50px 0 100px;
    }
    .banner_text3 h1, .case_detail_t h2{
        font-size:24px;
    }
    .banner_text3 h1{
        margin-bottom: 20px;
    }
    .case_detail{
        padding:20px 0 0;
    }
    .case_detail .zkcontainer{
        margin-top:0px;
    }
    .case_detail_t h2{
        width:100%;
    }
    .case_detail_t .img{
        width:100%;
        padding-right: 0;
    }
    .case_detail_t .text{
        width:100%;
    }
    .case_detail a.more_a2{
        width: 180px;
        line-height: 35px;
        font-size: 15px;
        margin:30px auto 0;
    }
    .case_detail_more_l h3{
        font-size:24px;
    }
    .page1 a .text h3{
        font-size:26px;
    }
    .page1 a .text p{
        font-size:17px;
    }
    .banner_text3 a:hover{
        box-shadow: inset 0 0 0 0px white;
    }
}
@media(max-width: 640px){
    .message2_t h2{
        font-size:24px;
    }    
    .message2 ul {
        margin: 25px 0 10px;
    }
    .message2 ul li{
        width:100%;
        margin-right:0;
        margin-bottom:15px;
    }
    .mess_btn2{
        width:140px;
    }
    .mess_btn2 input{
        font-size:14px;
        padding: 0 12px;
    }
    .bottom1{
        padding: 20px 0 50px;
    }
    .bottom1 h2{
        font-size:20px;
        margin-bottom:15px;
    }
    .bottom1 a.more1 {
        /*width: 130px;*/
        line-height: 36px;
        font-size: 14px;
    }
    .bottom1 a.more1 i{
        margin-left:5px;
    }
    .sort1{
        padding:30px 0 25px;
    }
    .sort1 li a{
        margin:0 5px;
        padding: 0 12px;
        font-size:14px;
        line-height:35px;
    }
    .message2{
        padding: 40px 0;
    }
    .banner_text3 h1{
        font-size:20px;
    }
    .banner_text3 h1{
        margin-bottom: 10px;
    }
    .banner_text3 a{
        width:40px;
        height:40px;
    }
    .case_detail .zkcontainer{
        padding:30px 0 50px;
    }
    .case_detail_t h2{
        font-size:24px;
    }
    
    .case_detail_t .img .p1{
        font-weight:normal;
        font-size:15px;
    }
    .case_detail_t .text .p1{
        font-weight:normal;
        font-size:15px;
    }
    .case_detail_t .text .txt{
        font-size:13px;
        line-height:1.6;
        margin-top:5px;
    }
    .case_detail a.more_a2{
        width: 170px;
        font-size: 14px;
        margin:25px auto 0;
    }
    .case_detail_more_l{
        padding:20px 15px;
    }
    .case_detail_more_l h3{
        font-size:20px;
    }
    .page1 a .text h3{
        font-size:22px;
        line-height:1.6;
    }
    .page1 a .text p{
        font-size:15px;
    }
    a.add_more1 {
        width: 140px;
        font-size: 15px;
        line-height: 42px;
    }
    a.add_more1 i{
        margin-left: 10px;
    }
}
@media(max-width: 460px){
    .case_detail .zkcontainer{
        padding:25px 0 35px;
    }
    .case_detail_more_l{
        padding:15px 10px;
    }
    .case_detail_more_l h3{
        font-size: 16px;
    }
    .case_detail_more_l a {
        width: 120px;
        line-height: 35px;
        font-size: 14px;
        margin: 15px auto 0;
    }
}


.h80{
    height: 80px;
}
#zkc-header.news_head{
    position: fixed;
    top:0;
    background:#fff;
    box-shadow: 0px 0px 5px #ccc;
    padding:10px 0;    
}
#zkc-header.news_head .zklogo .zklogo2{
    display: none;
}
#zkc-header.news_head .zklogo .zklogo1{
    display: inline-block;
}
#zkc-header.news_head .zkh_tel{
    color: #333333;
    background: url(../image/tel1_h.png) no-repeat left center;
}
#zkc-header.news_head .nav li a{
    color: #333;
}
#zkc-header.news_head .nav li a i{
    background:url(../image/down2.png) no-repeat center;
}
#zkc-header.news_head .nav li:hover a{
    color: #1f9aed;
}
#zkc-header.news_head .nav li:hover a i{
    background:url(../image/down_h.png) no-repeat center;
}
.n_sort{
    background:#f7f7f7;
}
.sort2{
    display: flex;
    flex-wrap: wrap;
}
.sort2 li{
    margin-right: 65px;
}
.sort2 li:last-child{
    margin-right: 0;
}
.sort2 li a{
    font-size: 18px;
    color: #666666;
    line-height: 80px;
}
.sort2 li a:hover,.sort2 li.cur a{
    color: #1f9aed;
}
.container2{
    max-width: 1580px;
}
.sitemp{
    font-size: 16px;
    color: #666666;
    padding:30px 0 50px;
}
.sitemp a{
    font-size: 16px;
    color: #666666;    
}
.left1{
    width: 50%;
    max-width: 780px;
    float:left;
    margin-bottom: 130px;
}
.news_list{

}
.news_list li{
    margin-bottom:65px;
}
.news_list li a{
    display: block;
}
.news_list li a h3{
    font-size: 30px;
    color: #333333;
    line-height: 1.3;
    font-weight: normal;
}
.info_t{
    background:url(../image/news_logo.png) no-repeat left center;
    padding-left: 55px;
    display: flex;
    margin:22px 0;
}
.info_t_l{

}
.info_t_l .p1{
    font-size: 14px;
    color: #9fa19f;
    line-height: 1.6;
}
.info_t_l .date1{
    font-size: 14px;
    color: #9fa19f;   
    line-height: 1.6; 
}
.info_t_r{
    margin-left: 25px;
    font-size: 14px;
    line-height: 1.6;
    color: #808080;
    align-items: flex-end;
    display: flex;
}
.news_list li a .img img{
    width: 100%;
}
.news_list li a .info_c{
    line-height: 1.4;
    font-size: 14px;
    color: #808080;
    margin:20px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.news_list li a .more{
    font-size: 16px;
    color: #1f9aed;
    font-weight: bold;
    color: #1f9aed;
    font-family: "微软雅黑";
}
.news_list li a:hover h3{
    color: #1f9aed;
}
.news_list li a:hover .img img{
    transform: scale(1.1);
}
.news_list li a:hover .more{
    text-decoration: underline;
}
.right1{
    width: 30%;
    float:right;
    position: sticky;
    top: 100px;
}
.right1 h2{
    font-size: 18px;
    color: #808080;
    padding:15px 0;
}
.news_list2{

}
.news_list2 li{
    margin-bottom:18px;
}
.news_list2 li a{
    display: flex;
    flex-wrap: wrap;
    align-items:center;
}
.news_list2 li a .img{
    width: 40%;
}
.news_list2 li a h3{
    width: 60%;
    font-size: 16px;
    color: #4c4c4c;
    font-weight: normal;
    padding-left: 25px;
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.news_detail{

}
.news_detail h1{
    font-size: 30px;
    font-weight: bold;
    color: #333;
    line-height: 1.4;
    margin-bottom:20px;
}
.news_detail .content{
    font-size: 16px;
    margin-bottom:30px;
}
.zkm_h60{
    height: 60px;
    display: none;
}
@media(max-width: 1600px){
    .sitemp{
        font-size:15px;
        padding: 20px 0 20px;
    }
    .sitemp a{
        font-size:15px;
    }
    .sort2 li{
        margin-right:50px;
    }
    .sort2 li a{
        font-size:16px;
        line-height:60px;
    }
    .left1{
        width:60%;
    }
    .news_list li {
        margin-bottom: 50px;
    }
    .news_list li a h3{
        font-size:24px;
    }
    .news_list2 li a h3{
        font-size:15px;
        padding-left:15px;
    }
    .news_detail h1{
        font-size:24px;
    }
}
@media(max-width: 1440px){
    
}
@media(max-width: 1259px){
    .sitemp{
        font-size:14px;
    }
    .sitemp a{
        font-size:14px;
    }
    .right1{
        width:35%;
    }
}
@media(max-width: 1024px){
    .news_list li a h3{
        font-size:20px;
    }
    .news_list li a .info_c {
        margin: 10px 0;
    }
    .news_list li a .more{
        font-size:15px;
    }
}
@media(max-width: 820px){
    .sort2 li{
        margin-right:30px;
    }
    .left1{
        margin-bottom:10px;
    }
    .news_list li a h3{
        font-size:17px;
    }
    .right1 h2{
        font-size:16px;
    }
    .news_list2 li a h3 {
        font-size: 14px;
        padding-left: 12px;
    }
    #zkc-header.news_head{
        padding:0;
    }
    .h80{
        height:60px;
    }
    .zkm_h60{
        display:block;
    }
    .news_detail h1{
        font-size:20px;
    }
}
@media(max-width: 640px){
    .sort2 li{
        margin-right:12px;
    }
    .sort2 li a{
        font-size:15px;
        line-height:50px;
    }
    .left1{
        width:100%;
    }
    .right1{
        display:none;
        width:100%;
    }
    .news_list li a h3{
        font-size:20px;
    }
    .news_list li a .info_c{
        line-height:1.6;
    }
}
@media(max-width: 460px){
    .zkm_h60{
        height:50px;
    }
}

.banner_text3{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
/*    text-align:center;*/
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 99;
    color: #fff;    
}
.banner_text3 h3{
    font-size: 50px;
    font-family: "微软雅黑";
}
.banner_text3 p{
    font-size: 26px;
    font-weight: bold;
    font-family: "微软雅黑";
    width: 50%;
    max-width: 750px;
    line-height: 1.6;
    margin-top:10px;
}
#zkabout1{
    text-align: center;
    background-color: #f9f9fc;
    padding:110px 0;
}
#zkabout1 h2{
    font-size: 40px;
    color: #333333;
    font-family: "微软雅黑";
}
#zkabout1 .text{
    font-size: 24px;
    color: #666666;

    max-width: 1125px;
    margin:0 auto;
    line-height: 1.8;
    padding:10px 0 75px;
    font-weight: 100;
}
#zkabout1 .num_list{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;

}
#about2{
    padding:110px 0 90px;
}
#about2 .zkcontainer{
    display: flex;
    flex-wrap: wrap;
}
#about2 .zkcontainer .img{
    width: 50%;
}
#about2 .zkcontainer .text{
    width: 50%;    
    background-color: #f5f6fa;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding:30px 5% 30px 6%;
}
#about2 .zkcontainer .text h3{
    font-size: 40px;
    color: #333333;
    font-family: "微软雅黑";
    line-height: 1.2;
}
#about2 .zkcontainer .text h3 span{
    color: #2fa1ee;
}
#about2 .zkcontainer .text .txt{
    font-size: 24px;
    color: #808080;
    line-height: 1.6;
    margin-top:45px;
}
#zkabout3{
    padding:0px 0 90px;
}
.ab_t1{
    text-align: center;
}
.ab_t1 h2{
    font-size: 40px;
    color: #333333;
    font-family: "微软雅黑";
    line-height: 1.6;
}
.ab_t1 p{
    font-size: 24px;
    color: #666666;
}
.zkparnter_list{
    margin-top:60px;
    display: flex;
    flex-wrap: wrap;
}
.zkparnter_list li{
    width: 11.1875%;
    margin-right: 1.5%;
    margin-bottom: 15px;
}
.zkparnter_list li:nth-child(8n){
    margin-right: 0;
}
#zkabout4{
    padding:200px 0 250px;
    background:url(../image/a_bg1.jpg) no-repeat center;
    background-size: cover;
    color: #fff;
    text-align:center;
    background-attachment: fixed;
}
#zkabout4 h2{
    font-size: 50px;
    margin-bottom:10px;
}
#zkabout4 p{
    font-size: 24px;
    line-height: 1.6;
}
#zkabout5{
    padding:105px 0;
}
#zkabout5 .p1{
    color:#333333;
    font-size: 34px;
    text-align: center;
    line-height: 1.4;
    font-weight: bold;
}
#zkabout5 ul{
    display: flex;
    flex-wrap: wrap;
    margin-top:70px;
}
#zkabout5 ul li{
    margin-bottom:25px;
    width: 32%;
    margin-right: 2%;
    background:#f5f6fa;
    padding:55px 50px;
    display: flex;
}
#zkabout5 ul li:nth-child(3n){
    margin-right: 0;
}
#zkabout5 ul li .img1{
    width: 140px;
    border-right:1px solid #e0e0e0;
}
#zkabout5 ul li p{
    width: calc(100% - 140px);
    font-size: 25px;
    color:#333333;
    line-height: 1.6;
    padding-left: 30px;
}
#about6{
    padding:120px 0 90px;
    background:url(../image/a_bg2.jpg) no-repeat center;
    background-size: cover;
    color: #fff;
    background-attachment: fixed;
}
#about6 h2{
    font-size: 36px;
    max-width: 675px;
    font-family: "微软雅黑";
    line-height: 1.5;
    margin-bottom:55px;
}
#about6 a{
    display: block;
    font-size: 20px;
    color: #fff;
    width: 160px;
    line-height: 56px;
    background:#1f9aed;
    border-radius: 10px;
    text-align: center;
}
#zkabout7{
    text-align: center;
    padding:120px 0 140px;
}
#zkabout7 h2{
    font-size: 40px;
    color: #333333;
    font-family: "微软雅黑";
}
#zkabout7 h2 span{
    color: #2fa1ee;
}
#zkabout7 p{
    font-size: 24px;
    color: #808080;
    max-width: 845px;
    margin:10px auto 45px;
    line-height: 1.6;
}#zkabout7 p span{
    display: block;
}
#zkabout7 a{
    display: flex;
    justify-content: center;
    font-size: 20px;
    color: #fff;
    width: 190px;
    line-height: 56px;
    background:#1f9aed;
    border-radius: 10px;
    text-align: center;
    margin:0 auto;
}
#zkabout7 a i{
    display: inline-block;
    width: 7px;
    background:url(../image/more3.png) no-repeat center;
    margin-left: 30px;
}
.zkab_banner_text a{
    display: none;
    width: 100px;
    line-height: 35px;
    height: 35px;
    font-size: 14px;
    color: #fff;
    border-radius: 10px;
    background: #1f9aed;
    text-align: center;
    font-family: "微软雅黑";
    font-weight: bold;
    position: relative;
    overflow: hidden;
    border:none;
    margin:10px 0 0;
}
@media(max-width: 1600px){
    .banner_text3 h3,#zkabout1 h2,.ab_t1 h2,#zkabout7 h2{
        font-size: 36px;
    }
    #zkabout4 h2{
        font-size:44px;
    }
    #zkabout4 p{
        font-size:20px;
        font-weight:100;
    }
    .banner_text3 p{
        font-size:20px;
    }
    #zkabout1,#about2,#zkabout5{
        padding:70px 0;
    }
    #zkabout7{
        padding:90px 0 140px;
    }
    #zkabout1 .text{
        width:60%;
        font-size:16px;
        padding: 10px 0 50px;
    }
    #about2 .zkcontainer .text h3{
        font-size: 36px;
    }
    #about2 .zkcontainer .text .txt{
        font-size:16px;
    }
    .ab_t1 p{
        font-size:16px;
    }
    .zkparnter_list{
        margin-top:40px;
    }
    #zkabout4{
        padding:160px 0 210px;
    }
    #zkabout5 ul{
        margin-top:50px;
    }
    #zkabout5 ul li{
        padding:30px 20px;
    }
    #zkabout5 ul li .img1{
        width:120px;
    }
    #zkabout5 ul li .img1 img{
        max-width:100px;
    }
    #zkabout5 ul li p{
        width:calc(100% - 120px);
        font-size:20px;
        padding-left: 20px;
    }
    #about6 h2{
        font-size: 36px;
        margin-bottom: 40px;
    }
    #about6 a {
        font-size: 16px;
        width: 120px;
        line-height: 46px;
    }
    #zkabout7 p{
        font-size:16px;
        margin: 10px auto 30px;
    }
    #zkabout7 a {
        font-size: 16px;
        width: 150px;
        line-height: 46px;
    }
    #zkabout7 a i{
        margin-left:20px;
    }
}
@media(max-width: 1440px){
    
}
@media(max-width: 1259px){
    .banner_text3 h3,#zkabout1 h2,.ab_t1 h2,#about6 h2,#zkabout7 h2{
        font-size:26px;
    }
    .banner_text3 p{
        font-size:16px;
    }
    #zkabout1,#about2,#zkabout5{
        padding:70px 0;
    }
    #zkabout1 .text{
        width:70%;
    }
    #zkabout7{
        padding:70px 0 140px;
    }
    #about2 .zkcontainer .text h3,#zkabout5 .p1{
        font-size:26px;
    }
    .ab_t1 p,#zkabout4 p{
        font-size:15px;
    }
    #zkabout4 h2{
        font-size:32px;
    }
    #zkabout4 p{
        font-size:16px;
        font-weight:100;
    }
    #zkabout3{
        padding:0 0 70px;
    }
    .zkparnter_list li{
        width:15%;
        margin-right:2%;
    }
    .zkparnter_list li:nth-child(8n){
        margin-right: 2%;
    }
    .zkparnter_list li:nth-child(6n){
        margin-right: 0;
    }
    #about6{
        padding:90px 0 70px;
    }

}
@media(max-width: 1024px){
    #zkabout5 ul li{
        width:49%;
    }
    #zkabout5 ul li:nth-child(3n) {
        margin-right: 2%;
    }
    #zkabout5 ul li:nth-child(2n) {
        margin-right: 0;
    }
    #zkabout1 .text{
        padding:10px 0 0;
        font-weight:500;
    }
    #zkabout1 .num_list{
        display:none;
    }
}
@media(max-width: 820px){
    .banner_text3 h3,#zkabout1 h2,.ab_t1 h2#about6 h2,#zkabout7 h2{
        font-size:24px;
    }
    .banner_text3 p{
        font-size:14px;
    }
    #zkabout1,#about2,#zkabout5,#zkabout7{
        padding:55px 0;
    }
    #zkabout1 .text{
        width:90%;
    }
    #about2 .zkcontainer .text h3,#zkabout5 .p1{
        font-size:24px;
        text-align: center;
    }
    .ab_t1 p{
        font-size:14px;
    }
    #zkabout3{
        padding:0 0 55px;
    }
    .zkparnter_list{
        margin-top:25px;
    }
    .zkparnter_list li{
        width:23.5%;
    }
    .zkparnter_list li:nth-child(6n){
        margin-right: 2%;
    }
    .zkparnter_list li:nth-child(4n){
        margin-right: 0;
    }
    #zkabout4{
        padding:100px 0 150px;
    }
    #zkabout4 h2{
        font-size:26px;
    }
    #zkabout4 p{
        font-size:15px;
        font-weight:500;
    }
    #zkabout5 ul{
        margin-top:30px;
    }
    #zkabout5 ul li p{
        font-size:18px;
        display:flex;
        align-items:center;
    }
    #about6{
        padding:70px 0 ;
    }
    #about6 h2{
        margin-bottom: 20px;
    }
    #about6 a {
        font-size: 15px;
        width: 100px;
        line-height: 36px;
    }
    #zkabout7 p{
        font-size:15px;
        margin: 10px auto 20px;
    }
    #zkabout7 p span{
        display:inline-block;
    }
    #zkabout7 a {
        font-size: 14px;
        width: 120px;
        line-height: 35px;
    }
    #zkabout7 a i{
        margin-left:15px;
    }
}
@media(max-width: 768px){
    #about2 .zkcontainer .img{
        width:100%;
    }
    #about2 .zkcontainer .text{
        width:100%;
    }
    #about2 .zkcontainer .text .txt{
        margin-top:20px;
    }
}
@media(max-width: 640px){
    /*.banner_text3 h3,#zkabout1 h2,.ab_t1 h2,#zkabout4 h2,#about6 h2,#zkabout7 h2{*/
    /*    font-size:20px;*/
    /*}*/
    .banner_text3 p{
        display:none;
    }
    .zkab_banner_text a{
        display:block;
    }
    .zkab_banner_text a:before {
        content: "";
        position: absolute;
        display: block;
        transition: all .6s;
        width: 100%;
        height: 0;
        border-radius: 50%;
        left: 50%;
        top: 50%;
        padding-top: 100%;
        transform: translateX(-50%) translateY(-50%);
        -webkit-animation: wave 1.3s infinite;
        animation: wave 1.3s infinite;
        z-index: 1;
    }
    #zkabout1,#about2,#zkabout5,#zkabout7{
        padding:40px 0;
    } 
    #about2 .zkcontainer .text .txt{
        font-size:14px;
    }
    /*#about2 .container .text h3*/
    #zkabout5 .p1{
        font-size:20px;
    }
    #zkabout3{
        padding:0 0 40px;
    }
    .zkparnter_list li{
        width:32%;
    }
    .zkparnter_list li:nth-child(4n){
        margin-right: 2%;
    }
    .zkparnter_list li:nth-child(3n){
        margin-right: 0;
    }
    #zkabout4{
        padding:70px 0 100px;
    }
    .yxtg_list4 li{
        margin-bottom:15px;
    }
    #zkabout5 ul li{
        width:100%;
        margin-right:0!important;
        padding: 15px 12px;
        margin-bottom: 15px;
    }
    #zkabout5 ul li .img1{
        width:85px;
    }
    #zkabout5 ul li .img1 img{
        max-width:70px;
    }
    #zkabout5 ul li p{
        font-size:18px;
        width:calc(100% - 85px);
        padding-left:20px;
    }
    .yxtg_list5 li .text p{
        font-size:14px;
        line-height:1.6;
    }
    
    .zkparnter_list li:nth-child(31),.zkparnter_list li:nth-child(32),.zkparnter_list li:nth-child(33),.zkparnter_list li:nth-child(34),.zkparnter_list li:nth-child(35),.zkparnter_list li:nth-child(36),.zkparnter_list li:nth-child(37),.zkparnter_list li:nth-child(38),.zkparnter_list li:nth-child(39),.zkparnter_list li:nth-child(40),.zkparnter_list li:nth-child(41){
        display:none;
    }
    #about6 h2{
        font-size:18px;
    }
    #zkabout7 p span{
        display:inline;
    }
}
@media(max-width:460px){
    #zkabout5 .p1{
        font-size: 17px;
    }
}


.about_job{
    width: 100%;
    padding: 30px 7.8% 160px;
}
.about_job li {
    width:100%;
    display:flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
    background:#fff;
    margin-bottom:20px;
    cursor: pointer;
}
.about_job li .tbox {
    width:50%;
    float:left;
    padding:20px 5%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /*padding-top:129px;*/
}
.about_job li .tbox .t1 {
    font-size:36px;
    font-weight:bold;
    color:#222;
}
.about_job li .tbox .t2 {
    font-size:14px;
    line-height:24px;
    color:#222;
    width:65%;
    margin-top:24px;
    text-align: left;
}
.about_job li .tbox .more {
    width:60px;
    height:60px;
    border-radius:50%;
    border:2px solid #222;
    background:url(../image/aicon4.png) center center no-repeat;
    display:block;
    transition:all ease .5s;
    margin-top:35px;
}
.about_job li .tbox .more:hover {
    background:#222 url(../image/aicon3.png) center center no-repeat;
}
.about_job li .img {
    width:50%;
    float:right;
    overflow:hidden;
}
.about_job li .img img {
    width:100%;
    transition:all 1s ease-out;
}
.about_job li:hover .img img {
    transform:scale(1.1);
    transition: all 1s;
}
.about_job li:nth-child(2n){
    flex-direction: row;
}

.job_conts{
    
}
.job_conts .job-info{
    display: none;
}
.job_conts .job-info.cur{
   display: flex;
    flex-direction: column;
    justify-content: center;
}
.job-info {
    position: fixed;
    width: 100%;
    height: 100%;
    padding: 30px 15%;
    background: rgba(0,0,0,.5);
    z-index: 99999;
    top: 0;
    left: 0;
}
.job-info .box {
    width:100%;
    position:relative;
    background:#fff;
    padding:52px 50px 50px;
}
.job-info .box .title {
    font-size:36px;
    font-weight:bold;
    color:#222;
    line-height:1;
}
.job-info .box .txt {
    font-size:14px;
    line-height:30px;
    color:#222;
    margin-top:40px;
}
.job-info .box .txts {
    font-size:14px;
    line-height:30px;
    color:#222;
    margin-top:30px;
}
.job-info .box .txts span {
    
}
.job-info .box .email {
    width:100%;
    height:70px;
    background:#f7f7f7;
    line-height:70px;
    padding-left:30px;
    font-size:14px;
    font-weight:bold;
    margin-top:50px;
}
.job-info .box .back {
    position:absolute;
    top:40px;
    right:50px;
    width:50px;
    height:50px;
    background:url(../image/aicon6.png) center center no-repeat;
}
@media(max-width: 1600px){
    .about_job{
        padding: 50px 5% 160px;
    }
    .about_job li .tbox .t1{
        font-size: 36px;
    }
    .about_job li .tbox .t2{
        margin-top:0;
        width:100%;
    }
    .about_job li .tbox .more{
        width:50px;
        height:50px;
        margin-top: 25px;
    }
    .job-info{
        padding:30px 7.5%;
    }
    .job-info .box{
        padding:40px;
    }
    .job-info .box .title{
        font-size: 36px;
    }
    .job-info .box .back{
        top:40px;
        right:40px;
    }
}
@media(max-width: 1440px){
    
}
@media(max-width: 1259px){
    .about_job{
        padding: 20px 3% 150px;
    }
    .about_job li .tbox .t1{
        font-size:26px;
    }
    .job-info .box .title{
        font-size:26px;
    }
}
@media(max-width: 1024px){
    
}
@media(max-width: 820px){
    .about_job{
        padding: 10px 3% 60px;
    }
    .about_job li .tbox .t1{
        font-size:22px;
    }
    .about_job li .tbox{
        width:100%;
    }
    .about_job li .img{
        width:100%;
    }
    .job-info{
        padding:30px 5%;
    }
    .job-info .box{
        padding:25px;
    }
    .job-info .box .title{
        font-size:22px;
    }
    .job-info .box .back{
        top:25px;
        right:25px;
        width:35px;
        height:35px;
        background-size:contain;
    }
    .job-info .box .txt{
        margin-top:30px;
        line-height:1.8;
    }
    .job-info .box .txts{
        margin-top:15px;
        max-height:420px;
        overflow-y:auto;
    }
    .job-info .box .email {
        height: 60px;
        line-height: 60px;
        padding:0 20px;
        margin-top: 20px;
    }
}
@media(max-width: 640px){
    .about_job{
        padding: 10px 3% 35px;
    }
    .about_job li .tbox .t1{
        font-size:18px;
    }   
    .about_job li .tbox .more{
        width:40px;
        height:40px;
        margin-top: 15px;
    }
    .job-info .box{
        padding:20px 15px;
    }
    .job-info .box .title{
        font-size:18px;
    }
    .job-info .box .back{
        top:15px;
        right:15px;
        width:30px;
        height:30px;
        background-size:contain;
    }
}

#contact1{
    padding:100px 0 0;
}
h2.t1{
    font-size: 40px;
    color: #333;
    font-family: "微软雅黑";
}
h2.t1 span{
    color: #2fa1ee;    
}
.contact_list{
    margin-top:55px;
    display: flex;
    flex-wrap: wrap;
}
.contact_list li{
    width: 23.5%;
    margin-right: 2%;
    box-shadow: 0px 0px 10px #e5e5e5;
    padding:25px 35px;
}
.contact_list li:last-child{
    margin-right: 0;
}
.contact_list li h3{
    font-size: 26px;
    color: #666666;
    padding-bottom: 5px;
    font-weight: 500;
}
.contact_list li .text{
    padding-top:5px;
    border-top: 1px solid #eee;
}
.contact_list li p{
    margin-top:10px;
    padding-left: 26px;
}
.contact_list li .p1{
    font-size: 16px;
    color: #666666;
    background:url(../image/c_icon1.png) no-repeat 2px 2px;
    line-height: 1.5;
/*    height: 40px;*/
    display: flex;
    flex-wrap: wrap;
    align-items:center;
}
.contact_list li .p2{
    font-size: 18px;
    color: #333333;
    font-weight: bold;
    background:url(../image/c_icon2.png) no-repeat left center;
    line-height: 30px;
}
.contact_list li .p3{
    font-size: 18px;
    color: #333333;
    font-weight: bold;
    background:url(../image/c_icon3.png) no-repeat left center;
    line-height: 30px;
}
.contact_list li .txt{
    display: flex;
    flex-wrap: wrap;
}
.contact_list li .txt .img1{
    width: 47%;
    margin-right: 6%;
}
.contact_list li .txt .img1:last-child{
    margin-right: 0;
}
#contact2{
    padding:140px 0 220px;
}
#contact2 .img{
    width: 50%;
    float:left;
}
#contact2 .contact2{
    width: 50%;
    float:right;
    padding-left: 30px;
}
#contact2 .contact2 h2.t1{
    line-height: 1;
}
.message ul{
    display: flex;
    flex-wrap: wrap;
    margin-top:65px;
}
.message ul li{
    width: 100%;
    position: relative;
    margin-bottom:30px;
}
.message ul li:nth-child(1){
    width: 48%;
    margin-right: 4%;

}
.message ul li:nth-child(2){
    width: 48%;
}

.message ul li input{
    width: 100%;
    background:#f5f5f5;
    border:none;
    outline: none;
    line-height: 65px;
    font-size: 16px;
    color: #b2b2b2;
    padding:0 18px 0 45px;
    display: block;
    position: relative;
}
.message ul li textarea{
    width: 100%;
    background:#f5f5f5;
    border:none;
    outline: none;
    line-height: 65px;
    height: 120px;
    font-size: 16px;
    color: #b2b2b2;
    padding:0 18px 0 45px;
    display: block;
    position: relative;
    font-family: "pingfang";
}
*::-webkit-input-placeholder {
    color: #b2b2b2;
}
*:-moz-placeholder {
    /* FF 4-18 */
    color: #b2b2b2;
}
*::-moz-placeholder {
    /* FF 19+ */
    color: #b2b2b2;
}
*:-ms-input-placeholder {
    /* IE 10+ */
    color: #b2b2b2;
}
*::-webkit-textarea-placeholder {
    color: #b2b2b2;
}
*:-ms-textarea-placeholder {
    /* IE 10+ */
    color: #b2b2b2;
}
.message ul li:nth-child(1):before{
    content:'';
    position: absolute;
    left:18px;
    top:50%;
    width: 18px;
    height: 20px;
    margin-top:-10px;
    background:url(../image/mess_icon1.png) no-repeat left center;
    z-index:9;
}
.message ul li:nth-child(2):before{
    content:'';
    position: absolute;
    left:18px;
    top:50%;
    width: 20px;
    height: 19px;
    margin-top:-10px;
    background:url(../image/mess_icon2.png) no-repeat left center;
    z-index:9;    
}
.message ul li:nth-child(3):before{
    content:'';
    position: absolute;
    left:18px;
    top:50%;
    width: 18px;
    height: 22px;
    margin-top:-11px;
    background:url(../image/mess_icon3.png) no-repeat left center;
    z-index:9;
}
.message ul li:nth-child(5):before{
    content:'';
    position: absolute;
    left:18px;
    top:23px;
    width: 20px;
    height: 20px;
    margin-top:0px;
    background:url(../image/mess_icon4.png) no-repeat left center; 
    z-index:9;   
}
.zkmess_btn{
    width: 220px;
    position: relative;
    overflow: hidden;
    border-radius:10px;
    background:#1f9aed;
}
.zkmess_btn input{
    display: block;
    width: 100%;
    line-height: 56px;
    border:none;
    outline: none;
    font-size: 20px;
    color: #fff;

    /*border-radius:10px;*/
    background:none;
    overflow: hidden;
    cursor: pointer;
    position: relative;
    padding:0 24px;
    text-align: left;
    cursor: pointer;
    z-index: 10;
}
.zkmess_btn:before{
    content:'';
    position: absolute;
    right:18px;
    top:50%;
    width: 9px;
    height: 17px;
    background:url(../image/more3.png) no-repeat center;
    z-index:9;
    margin-top:-8.5px;
}
.zkmess_btn:after{
    content: "";
    position: absolute;
    display: block;
    transition: all .6s;
    width: 100%;
    height: 0;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    padding-top: 100%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-animation: wave 1.3s infinite;
    animation: wave 1.3s infinite;
    z-index: 1;
}
@media(max-width: 1600px){
    #contact1{
        padding:90px 0 0;
    }
    h2.t1 {
        font-size: 36px;
    }  
    .contact_list{
        margin-top:40px;
    }
    .contact_list li{
        padding:15px 15px;
    }
    .contact_list li h3{
        font-size:20px;
        line-height:1.8;
    }
    .contact_list li .p1{
        font-size:15px;
    }
    .contact_list li .p2{
        font-size:16px;
    }
    .contact_list li .p3{
        font-size:16px;
    }
    #contact2 {
        padding: 90px 0 160px;
    }
    .message ul{
        margin-top:50px;        
    }
    .message ul li{
        margin-bottom:20px;
    }
    .zkmess_btn{
        width:190px;
    }
    .zkmess_btn input {
        line-height: 46px;
        font-size: 16px;
        padding: 0 15px;
    }
    .message ul li input,.message ul li textarea{
        font-size:15px;
        line-height:55px;
    }
}
@media(max-width: 1440px){
    
}
@media(max-width: 1259px){
    #contact1{
        padding:70px 0 0;
    }
    h2.t1 {
        font-size: 26px;
    }
    #contact2 {
        padding: 100px 0 150px;
    }
    .message ul{
        margin-top:30px;        
    }
    .message ul li{
        margin-bottom:15px;
    }

}
@media(max-width: 1024px){
    .contact_list li{
        width:49%;
        margin-bottom:20px;
    }
    .contact_list li:nth-child(2n) {
        margin-right: 0;
    }
}
@media(max-width: 820px){
    #contact1{
        padding:55px 0 0;
    }
    h2.t1 {
        font-size: 24px;
    }
    .contact_list{
        margin-top:20px;
    }
    #contact2 {
        padding: 70px 0 100px;
    }
    #contact2 .img{
        width:100%;
        margin-bottom:30px;
    }
    #contact2 .contact2{
        width:100%;
        padding-left:0;
    }

}
@media(max-width: 640px){
    #contact1{
        padding:40px 0 0;
    }
    h2.t1 {
        font-size: 20px;
    } 
    .contact_list li{
        width:100%;
        margin-right:0!important;
    }
    .contact_list li h3{
        font-size:17px;
    }
    #contact2 {
        padding: 50px 0 50px;
    }
    .message ul{
        margin-top:20px;        
    }
    .message ul li:nth-child(1){
        width: 100%;
        margin-right: 0%;
    }
    .message ul li:nth-child(2){
        width: 100%;
    }
    .zkmess_btn{
        width:165px;
    }
    .zkmess_btn input {
        line-height: 36px;
        font-size: 14px;
        padding: 0 15px;
    }
    .message ul li:nth-child(5):before{
        top: 18px;
    }
}
@media(max-width: 460px){
    #contact1 h2.t1 {
        font-size: 17px;
    }
}

h1.title{
    font-size: 22px;
    color: #333;
    text-align: center;
    padding:2em 0 0.5em 0;
    font-weight: normal;
}
.info_title{
    text-align: center;
    font-size: 14px;
    color: #666;
    padding-bottom: 1em;
    border-bottom:1px dashed #dcdcdc;
    margin-bottom: 2em;
}
h3.tag{
    font-size: 14px;
    color: #666;
    font-weight: normal;
}
.page{
    font-size: 14px;
    color: #666;    
}
.page a{
    font-size: 14px;
    color: #666;    
}

@media(max-width: 768px){
    h1.title{
        font-size: 18px;
    }
}


.x_yxtg{
    background: #f7f7f7;
    padding:70px 0 230px;
}
.x_yxtg ul{
    display: flex;
    flex-wrap: wrap;
}
.x_yxtg ul li{
    width: 32%;
    margin-right: 2%;
}
.x_yxtg ul li:last-child{
    margin-right: 0;
}
.x_yxtg ul li .img{
    
}
.x_yxtg ul li .text{
    padding:30px 30px 50px 30px; 
    background: #fff;
}
.x_yxtg ul li .text h2{
    font-size: 28px;
    color: #333;
}
.x_yxtg ul li .text p{
    font-size: 16px;  
    line-height: 1.8;
    margin:5px 0 30px;
}
.x_yxtg ul li .text a{
    display: block;
    font-size: 16px;
    color: #fff;
    width: 120px;
    line-height: 46px;
    background: #1f9aed;
    border-radius: 10px;
    text-align: center;
}
.x_yxtg ul li:hover .img img{
    transform: scale(1.1);
}
@media(max-width:1600px){
    .x_yxtg ul li .text h2{
        font-size:24px;
    }
    .x_yxtg ul li .text p{
        font-size:15px;
    }
    .x_yxtg ul li .text a{
        font-size: 15px;
        width: 100px;
        line-height: 40px;
    }
}
@media(max-width:1440px){
    
}
@media(max-width:1259px){
    
}
@media(max-width:1024px){

    .x_yxtg ul li .text h2{
        font-size:22px;
    }
    .x_yxtg ul li .text p{
        font-size:14px;
        margin:0px 0 20px;
    }
    .x_yxtg ul li .text a{
        font-size: 14px;
        width: 90px;
        line-height: 35px;
    }    
}
@media(max-width:820px){
    .x_yxtg{
        padding:50px 0 70px;
    }
    .x_yxtg ul li .text {
        padding: 20px;
    }
    .x_yxtg ul li .text h2{
        font-size:20px;
    }    
}
@media(max-width:640px){
    .x_yxtg{
        padding:35px 0;
    } 
    .x_yxtg ul li{
        width:100%;
        margin-right:0;
        margin-bottom:15px;
    }
    /*.x_yxtg ul li .text {*/
    /*    padding: 20px;*/
    /*}*/
}

.pageController{
    text-align: center;
    color:#505050;margin:0 auto;
    margin:50px 0 ;
    line-height:24px;
}
.pageController a{
    display: inline-block;
    background-color: #f5f5f5;
    vertical-align: middle;
    width: 50px;
    height: 50px;
    line-height: 48px;
    margin: 3px;
    font-size: 15px;
    transition: all 0.3s ease-out;
}
.pageController a:hover{background-color:#1f9aed;color:#fff; text-decoration:none;border:#efefef 1px solid;}
.pageController .currPage {background-color: #1f9aed;color:#ff0000;border:#efefef 1px solid;}
.pageController .t1{
    float:left;
    margin-right:3px;    
    width: 50px;
    height: 50px;
    line-height: 48px;
    white-space:nowrap;
    display: none;
}
.pageController .t2{vertical-align:middle;line-height:39px;}
.pageController .t2 #current{
    display: inline-block;
    line-height: 48px;
    background-color: #1f9aed;
    vertical-align: middle;
    border: 1px solid #1f9aed; 
    color: #fff;
    /*padding: 5px 8px;*/
    margin-right: 3px;
    margin-left: 3px;
    width: 50px;
    font-size: 15px;
}
.pageController .t1 span{
    /*padding-left:4px;
    padding-right:4px;*/
    width: 50px;
}
.pageController select{
    height:24px;
    vertical-align:middle;
    text-align:center;
    line-height:24px;
    display: none;
}
.pageController select option{vertical-align:middle;}


.zkm_f_fixed{
    position: fixed;
    bottom:0;
    left:0;
    background: #2b7de1;
    color: #fff;
    z-index:9999;
    justify-content: center;
    width: 100%;
    display:none;

}
.zkm_f_fixed a{
    flex:1;
    font-size: 14px;
    color: #fff;
    display: block;
    text-align: center;
    padding:8px 0 0;
}
.zkm_f_fixed a img{
    width: 20px;
    display: block;
    margin:0 auto 0px;
}
#gotop{
    position: fixed;
    right: 0;
    bottom: 30px;
    cursor: pointer;
}
@media(max-width: 1199px){
    #gotop{
        display: none;
    }
    .pageController{
        margin:30px 0;
    }
    .pageController .t2 #current{
        font-size:14px;
        width: 50px;
        height: 46px;
        line-height: 44px;
    }
    .pageController a{
        font-size:14px;
        width: 50px;
        height: 46px;
        line-height: 44px;
    }
}
@media(max-width:640px){
    .zkm_f_fixed{
        display: flex;
    }
    footer{
        margin-bottom:56px;
    }
}


/*客服1*/
.client-2 {
    position: fixed;
    right: -170px;
    top: 50%;
    z-index: 900;
}

.client-2 li a {
    text-decoration: none;
}
.client-2 li {
    margin-top: 1px;
    clear: both;
    height: 71px;
    position: relative;
    background: #222;
}

.client-2 li i {
    background: url(../image/fx.png) no-repeat;
    display: block;
    width: 30px;
    height: 27px;
    margin: 0px auto;
    text-align: center;
}

.client-2 li p {
    height: 20px;
    font-size: 14px;
    line-height: 20px;
    overflow: hidden;
    text-align: center;
    color: #fff;
}

.client-2 .my-kefu-qq i {
    background-position: 4px 5px;
}

.client-2 .my-kefu-tel i {
    background-position: 0 -21px;
}

.client-2 .my-kefu-liuyan i {
    background-position: 4px -53px;
}

.client-2 .my-kefu-weixin i {
    background-position: -34px 4px;
}

.client-2 .my-kefu-weibo i {
    background-position: -30px -22px;
}

.client-2 .my-kefu-ftop {
    display: none;
}

.client-2 .my-kefu-ftop i {
    width: 33px;
    height: 35px;
    background-position: -27px -51px;
}

.client-2 .my-kefu-left {
    float: left;
    width: 77px;
    height: 47px;
    position: relative;
}

.client-2 .my-kefu-tel-right {
    font-size: 16px;
    color: #fff;
    float: left;
    height: 24px;
    line-height: 22px;
    padding: 0 15px;
    border-left: 1px solid #fff;
    margin-top: 14px;
}

.client-2 .my-kefu-right {
    width: 20px;
}

.client-2 .my-kefu-tel-main {
    background: #222;
    color: #fff;
    height: 56px;
    width: 247px;
    padding:9px 0 6px;
    float: left;
}

.client-2 .my-kefu-main {
    background: #222;
    width: 97px;
    height: 56px;
    position: relative;
    padding:9px 0 6px;
    float: left;
}

.client-2 .my-kefu-weixin-pic {
    position: absolute;
    left: -140px;
    top: -24px;
    display: none;
    z-index: 333;
}

.my-kefu-weixin-pic img {
    width: 140px;
    height: 140px;
}

@media(max-width: 1199px){
    .client-2{
        display: none;
    }
}


/* 右侧浮窗 客服2 */

#zkc-right-fixed {
    display: none;
    position: fixed;
    top: 50%;
    right: 2px;
    z-index: 905;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

#zkc-right-fixed a {
    position: relative;
    right: 0;
    /*margin-bottom: 2px;*/
    display: flex;
    align-items: center;
    width: 70px;
    height: 70px;
    text-align: center;
    color: #777;
    background: #fff;
    z-index: 9;
}

#zkc-right-fixed a:last-child {
    margin-bottom: 0;
}

#zkc-right-fixed a:nth-child(3) {
    /*z-index: 2;*/
}

#zkc-right-fixed .zkc-wrap {
    border: 1px solid #ebebeb;
    padding: 11px 0;
    width: 70px;
    height: 70px;
    flex: 0 0 70px;
    transition: all .5s;
    position: relative;
    z-index: 10;
    background:#fff;
}

#zkc-right-fixed .zkc-wrap img {
    height: 28px;
}

#zkc-right-fixed .zkc-wrap img:nth-child(2),
#zkc-right-fixed a:hover .zkc-wrap img:nth-child(1) {
    display: none;
}

#zkc-right-fixed a:hover .zkc-wrap img:nth-child(2) {
    display: inline-block;
}

#zkc-right-fixed .zkc-title {
    padding-top: 5px;
    font-size: 12px;
    line-height: 1;
}

#zkc-right-fixed a:last-child .zkc-title {
    font-family: "Arial";
    font-weight: bold;
}

#zkc-right-fixed .c-text {
    flex: 0 0 auto;
    width: 170px;
    font-weight: bold;
    font-size: 20px;
    line-height: 40px;
    border-left: 1px solid #fff;
    color: #fff;
    transition: all .5s;
}

#zkc-right-fixed .c-img {
    position: absolute;
    right: -300px;
    top: -1px;
    z-index: -1;
    padding: 5px;
    width: 148px;
    border: 1px solid #eff1f5;
    background: #fff;
    transition: .5s;
    box-shadow: 0 0 50px rgba(0, 0, 0, .1);
}

#zkc-right-fixed .c-img::before {
    content: "";
    position: absolute;
    top: 34px;
    right: -8px;
    border-left: 8px solid #fff;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    z-index: 8;
}

#zkc-right-fixed .c-img img {
    width: 100%;
}

#zkc-right-fixed .c-img .c-text2 {
    padding: 5px;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    color: #777;
}

#zkc-right-fixed a .c-box {
    position: absolute;
    top: 0;
    left: 0;
    padding: 11px 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    background: #fff;
    transition: all .5s;
    overflow: hidden;
}

#zkc-right-fixed a:hover .zkc-wrap {
    color: #fff;
    border-color: #1f9aed;
    background: #1f9aed;
}

#zkc-right-fixed a:last-child .zkc-wrap {
    color: #fff;
    border-color: #1f9aed;
    background: #1f9aed;
}

#zkc-right-fixed a:first-child:hover .c-box {
    width: 250px;
    height: 70px;
    -webkit-transform: translateX(-180px);
    transform: translateX(-180px);
    overflow: none;
    background: #1f9aed;
}

#zkc-right-fixed a:hover .c-img {
    right: 84px;
}


@media(max-width: 1259px){
    #zkc-right-fixed{
        display: none!important;
    }
}


/*客服3*/
.Fast_contact {
    height: 265px;
    position: fixed;
    right: 0;
    top: 50%;
    margin-top: -132.5px;
    z-index: 97
}

.Fast_contact ul li.onlineservice_li {
    width: 48px;
    height: 48px;
    position: relative;
    text-align: center;
    margin-bottom: 5px;
    background-color: #d9d9d9;
}

.Fast_contact ul > li.onlineservice_li > a {
    display: inline-block;
    width: 28px;
    height: 28px;
    margin-top: 10px;
}

.Fast_contact ul > li:hover .onlineservice_tips {
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
}

.onlineService_qq {
    background-image: url("../image/Fast.png");
    background-repeat: no-repeat;
    background-position: 0 0;
}

.onlineService_form {
    background-image: url("../image/fastForm.png");
    background-repeat: no-repeat;
    background-position: 0 0;
}

.Fast_contact ul > li.onlineservice_li > a.onlineService_tel {
    width: 30px;
    height: 30px;
    background-image: url("../image/fastPhone.png");
    background-repeat: no-repeat;
    background-position: 0 0;
}

.onlineService_whatsApp {
    background-image: url("../image/Fast.png");
    background-repeat: no-repeat;
    background-position: 0 -139px;
}

.onlineService_email {
    background-image: url("../image/Fast.png");
    background-repeat: no-repeat;
    background-position: 0 -111px;
}

.onlineService_skype {
    background-image: url("../image/Fast.png");
    background-repeat: no-repeat;
    background-position: 0 -28px;
}

.onlineService_wechat {
    background-image: url("../image/Fast.png");
    background-repeat: no-repeat;
    background-position: 0 -266px;
}

.for_wechat span {
    display: block;
    text-align: center;
}

.onlineservice_tips {
    padding: 5px 8px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    position: absolute;
    right: 58px;
    top: 6px;
    -webkit-transform: rotateX(90deg);
    transform: rotateX(90deg);
    -webkit-transition: all .4s;
    transition: all .4s;
}

.onlineservice_tips li {
    width: auto;
    height: auto;
    white-space: nowrap;
}

.onlineservice_tips li a {
    display: block;
    min-height: 22px;
    text-align: center;
    line-height: 22px;
    color: #737578;
    font-size: 15px;
}

.onlineservice_tips li a.for_wechat {
    height: auto;
}

.onlineservice_tips li a.for_wechat img {
    max-width: 240px;
}

.onlineservice_tips li a:hover {
    text-decoration: underline;
}

.onlineservice_tips:after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    border: 1px solid #ccc;
    border-color: transparent #ccc #ccc transparent;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    right: -6px;
    top: 10px;
    background-color: #fff;
}
@media(max-width:1220px){
    .Fast_contact{
        display:none;
    }
}


.n_banner2{
    height: 640px;
    background-image: url(../image/b1.jpg);
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.szyxm1cz{
    width: 50%;
    text-align: center;    
}
.szm1t1{
    font-size: 38px;font-weight: bold;color: #fff;text-align: center;
}
.szm1hr{
    margin: 20px auto;width: 150px;height: 3px;background: #fff;
}
.szm1t2 p{
    font-size: 16px;color: #fff;
    /*margin-bottom: 15px;*/
}
.szm1t2  span{
    margin: 0 20px;display: inline-block;
}
.n_banner2cz{
    width: 50%;text-align: center;
}

.w1200{
    width: 1200px;margin: 0 auto;
}
.w1300{
    width: 1300px;margin: 0 auto;
}

.yxffl .szyxm4let1 p{
    color: #231815;
}
.yxffl .szyxm4let2 p{
    color: #4c4948;
}
.yxffl .szyxm4lehr {
    background: #1f9aed;
}
.yxffl>div{
    display: flex;justify-content: space-between;align-items: center;
}
.yxffl>div>*{
    width: 47%;
}
.yxffl{
    padding: 100px 0; 
}


.yxffls1{
    padding: 100px 0;
}
.yxffl_tit{
    text-align: center;font-size: 38px;color: #231815;
    position: relative;font-weight: bold;
    padding-bottom: 20px;
}
.yxffl_tit:after{
    content: "";
    width: 100px;height: 3px;background: #1f9aed;
    position: absolute;bottom: 0;
    left: 50%;transform: translate(-50%, 0);
}
.yxffl_text{
    font-size: 16px;line-height: 1.8;
    text-align: left;
    margin: 50px 0;color: #4c4948;
}
.yxffls1img{
    display: block;margin: 0 auto;
}


.yxffls2{
    padding: 130px 0 60px;text-align: center;
}
.yxffl_t1{
    display: inline-block;align-items: center;justify-content: center;
    border: 1px solid #231815;border-radius: 50px;
    padding: 0 10px;
}
.yxffl_t1 img{
    margin-right: 5px;height: 40px;
    padding:10px 0;
}
.yxffl_t1 *{
    display: inline-block;vertical-align: middle;
}
.yxffl_t1 span{
    font-size: 16px;color: #231815;
}
.yxffl_text2{
    line-height: 2;margin: 30px 0;
    font-size: 18px;color:#4c4948 ;
}
.yxffl_t3{
    font-size: 50px;font-weight: bold;color: #1f9aed;
    margin: 20px 0;
}
.yxffl_t4{
    font-size:30px;font-weight: bold;color: #231815;
}
.yxffls2>div>img{
    display: block;margin: 20px auto;
}


.yxffl1{
    padding: 80px 0;
    background-image: url(../image/b2.jpg);background-size: cover;background-position: center;
}
.yxffl1>div{
    display: flex;justify-content: space-between;
}
.yxffl1.yxffl .szyxm4lehr {
    background: #fff;
}
.szyxm4le{
    width: 46%;
}
.szyxm4ri{
    width: 48%;
}
.szyxm4let1{
    line-height: 1.3;
    font-size: 34px;
    font-weight: bold;
    color: #fff;
    text-align: left;
}
.yxffl1 .szyxm4let1 p,.yxffl1 .szyxm4let2 p{
    color: #fff;    
}
.szyxm4lehr{
    margin: 30px 0;
    width: 140px;height: 4px;background: #fff;
}
.szyxm4let2{
    text-align: left;color: #fff;
}
.szyxm4let2 p{
    font-size: 16px;
}
.szyxm4let2 h6{
    font-size: 20px;
    margin-top: 20px;
    margin-bottom: 10px;
}
.szyxm4rit1{
    display: flex;align-items: center;justify-content: center;
}
.szyxm4ri>img{
    margin-top: 140px;
}
.yxffl_t1.bai span{
    color: #fff;
}
.yxffl_t1.bai{
    border-color: #fff;
    display: flex;align-items: center;justify-content: center;
}
.szyxm4rit1>img{
    margin-left: 10px;
}



.yxffl3{
    background-image: url(../image/b3.jpg);
    background-size: cover;background-position: center;
}
.yxffl5{
    background-image: url(../image/b4.jpg);
    background-size: cover;background-position: center;
}
.yxffl7{
    background-image: url(../image/b5.jpg);
    background-size: cover;background-position: center;
}
.yxffl9{
    background-image: url(../image/b6.jpg);
    background-size: cover;background-position: center;
}
.hbg .szyxm4let1 p{
    color: #fff;
}
.hbg .szyxm4let2 p{
    color: #fff;
}
.hbg .szyxm4lehr {
    background: #fff;
}
.hbg .szyxm4rit1{
    justify-content: flex-start;
}
.hbg .szyxm4rit1 img{
    margin-left: 0;
    margin-right: 20px;
}
.hbg .szyxm4rit1{
    margin-bottom: 60px;
}

.yxffls3>div{
    position: relative;
}
.yxffls3{
    padding: 60px 0 100px;
    background-image: url(../image/b7.jpg);
    background-size: cover;background-position: center;
}
.yxffls3con{
    margin: 60px auto 0;
    width: 910px;display: flex;flex-wrap: wrap;justify-content: space-between;
}
.yxffls3con a{
    margin-bottom: 30px;
    width: 20%;text-align: center;
}
.yxffls3con a img{
    max-width: 100%;
}
.xf17{
    position: absolute;left: 0; top: 0;
}
.xf18{
    position: absolute;right: 0; top: 0;
}
.yxffl_tit.bai p{
    color: #fff;
}
.yxffl_tit.bai:after{
    background: #fff;
}
.sz7cvn{
    width: 95%;display: flex;flex-wrap: wrap;justify-content: center;
}
.sz7cvn a{
    font-size: 16px;color: #4c4948;
    margin-right: 20px;
}
.sz7cvn a span{
    color: #1f9aed;
}
.yxffls4>div{
    position: relative;
}
.sz7t1{
    font-size: 24px;color: #484849;
    margin: 40px 0 0;text-align: center;
    line-height: 1.4;
}
.sz7t1 p{
    font-size: 40px;color: #231815;
}
.yxffls4{
    padding: 80px 0;
}
.sz7cvn{
    margin: 50px auto 0;
}
.yxffls4>div>img{
    display: block;margin: 0 auto;
}
.xf18{
    font-size: 18px;font-weight: bold;color: #000;
}
@media screen and (max-width: 1024px){
    .szyxm1cz{
        width: 80%;
    }
}
@media screen and (max-width: 600px) {
    .szyxm1cz{
        width: 100%;
    }
    .w1200,.w1300{
        max-width: 95%;
    }
    .szm1t1 {
        font-size: 18px;
    }
    .n_banner2{
        height: 350px;
    }
    .n_banner2cz{
        width: 90%
    }
    .szm1t2 p{
        font-size: 15px;
    }
    .yxffl_tit{
        font-size: 18px;
    }
    .yxffls1 {
        padding: 60px 0;
    }
    .yxffl_text {
        font-size: 14px;
        margin: 30px 0;
    }
    .yxffls1 img{
        max-width: 100%;
    }
    .yxffls2 {
        padding: 60px 0 60px;
    }
    .yxffl_t1 span{
        font-size: 14px;
        padding: 5px 0;
    }
    .yxffl_t1{
        line-height: 1;
        padding: 0px 20px 10px;
    }
    .yxffl_t1 span{
        display: block;
    }
    .yxffl_text2 {
        margin: 30px 0;
        font-size: 16px;
    }
    .yxffl_text2 {
        line-height: 2;
        margin: 30px 0;
        font-size: 16px;
        color: #4c4948;
    }
    .yxffls2t3 {
        font-size: 30px;
    }
    .yxffls2t4{
        font-size: 20px;
    }
    .szyxm4le,.szyxm4ri,.yxffl>div>*{
        width: 100%
    }
    .yxffl1>div,.yxffl>div{
        display: block;
    }
    .szyxm4le{
        margin-bottom: 50px;
    }
    .yxffl1,.yxffl,.yxffls3,.yxffls4{
        padding: 60px 0;
    }
    .szyxm4let1{
        font-size: 24px;
    }
    .szyxm4lehr {
        margin: 20px 0;
        height: 3px;
    }
    .szyxm4let2 p{
        font-size: 15px;
    }
    .szyxm4let2 h6{
        font-size: 18px;
    }
    .hbg .yxffl_t1{
        padding: 10px ;
    }
    .szyxm4ri img{
        max-width: 100%;
    }
    .szyxm4ri>img{
        margin-top: 30px;
    }
    .yxfflri{
        margin-top: 40px;
    }
    .hbg .yxfflri{
        margin-top: 0;margin-bottom: 40px;
    }
    .yxffls3con {
        width: 100%;
    }
    .yxffls3con a{
        width: 23%;margin-bottom: 15px;
    }
    .sz7t1 p{
        font-size: 30px;
    }
    .sz7t1{
        font-size: 20px;
        line-height: 1.7;
    }
    .yxffls4>div>img{
        width: 100%
    }
    .sz7cvn a{
        font-size: 14px;margin-right: 10px;
    }
    .sz7cvn{
        justify-content: flex-start;
    }
    .xf17,.xf18{
        top: -60px;
    }
    .yxffls3 .yxffl_tit{
        margin-top: 30px;
    }
}


.c-modal-main{
    width: 718px;
    /*background:rgba(232, 94, 2, 0.96);*/
    background: #e83f3f;
    padding: 18px;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(1);
    z-index: 150;
    overflow: hidden;
    transition: all 0.6s;
    overflow: hidden;
    max-width: 92%;
    max-height: 92%;
    color: #fff;
}
.c-modal-main .main {
    width: 100%;
    border: 1px dotted rgba(255, 255, 255, 0.9);
    padding-top: 60px;
    padding-bottom: 30px;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
}
.c-modal-close {
    position: absolute;
    right: 30px;
    top: 30px;
    z-index: 1;
    font-size: 18px;
    line-height: 1;
    cursor: pointer;
    opacity: .9;
    transition: opacity .3s,transform .3s;
    color: #ddd;
}
.c-modal-close img {
    width: 30px;
}
.c-modal-main.contactbox .main .tc_top{display: flex;justify-content:space-between;}
.c-modal-main.contactbox .main .tc_top .tc_left{
    width: 360px;
    padding-top:10px;
}
.c-modal-main .main .tc_top .tc_left .h1{
    font-family: hb;font-size: 32px;line-height: 40px;margin-bottom: 30px;font-weight: bold;
}
.c-modal-main .main .tc_top .tc_left .h2{font-family: hb;font-size: 24px;line-height: 36px;margin-bottom: 30px;font-weight: bold;}
.c-modal-main .main .tc_top .tc_left .h3{
    font-family: "Microsoft JhengHei";
    margin-top: 7px;font-size: 18px;line-height: 32px;}
.c-modal-main .main .tc_top .tc_right{width: 180px;}
.c-modal-main .main .tc_top .tc_right img{width: 100%;margin-bottom: 55px;}
.c-modal-main .main .tc_top .tc_right .btn{width: 100%;line-height: 48px;border: 1px solid #fff;text-align: center;font-size: 14px;font-family:hr;display:block;color:#fff;transition:all 0.5s;border-radius: 0;padding-left: 0;}
.c-modal-main .main .tc_top .tc_right .btn:hover{background-color:#fff;border-color: transparent;color: #000;}


.c-modal-main .tit {font-size:28px}
.c-modal-main .text {font-size:36px;margin-bottom:10px}
.c-modal-main .form {border:2px solid #fff;background-color:#fff;display: flex;align-items: center;justify-content: space-between;}
.c-modal-main .ps {
    font-size: 14px;
    color: #fff;
    padding-left: 22px;
    background-position: left center;
    background-repeat: no-repeat;
    background-image: url(../image/suo.png);
    background-size: auto 18px;
    margin-top: 10px;
    }

.c-modal-main .iconfont {color:#bcbcbc;line-height:44px;width:46px;text-align:center;font-size:30px}
.c-modal-main .submit {
    border:none;outline:none;
    background:#e83f3f;
    padding:0;width: 100px;
    height: 42px;background-size:20px;color:#fff;
    font-size: 14px;cursor:pointer;margin-right: 3px;
}
.c-modal-main .input {width:calc(100% - 155px);height: 50px;line-height:1.5;border:none;padding:0 20px;outline:none;color:#000;font-size: 16px;background:none}
.c-modal-main::-moz-placeholder {color:#aaa}
.c-modal-main::-webkit-input-placeholder {color:#aaa}
.c-modal-main:-ms-input-placeholder {color:#aaa}
.c-modal-main .info {font-size:14px;margin-top:8px;padding-right:25%;position:relative}
.c-modal-main .tel {color:#FFFFFF;margin-top: 50px;font-size: 32px;line-height: 40px;font-family:gilroy-semibold;font-weight: bold;}
.c-modal-main .ewm {width:80px;position:absolute;right:0;top:50%;margin-top:-40px}
.tc_right_code{
    
}
@media only screen and (max-width:1024px){
    .c-modal-main{
        display: none!important;
    }
}
@media only screen and (max-width:640px) {
    .c-modal-main .main {padding:36px 26px;}
    .c-modal-main .bg {padding:10px}
    .c-modal-main .tit {font-size:17px}
    .c-modal-main .text {font-size:24px;margin-bottom:16px}
    .c-modal-main .form {border:3px solid #fff}
    .c-modal-main .iconfont {line-height:36px;width:30px;font-size:20px}
    .c-modal-main .submit {width:60px;height:36px;font-size:13px}
    .c-modal-main .input {width:calc(100% - 90px);height:36px;padding:0 8px;font-size:14px}
    .c-modal-main .info {font-size:12px;margin-top:8px;padding:0}
    .c-modal-main .tel {margin-top:12px;font-size:20px;line-height:1.3}
    .c-modal-main .ewm {display:none}
}


.zknew-float{
    position: fixed;right: -3px;
    top: 60%;
    z-index: 5000000;width: 77px;height: 374px;
    margin-top: -187px;
    
}
.zknew-float li{
    position: relative;width: 77px;
    height: 57px;margin-bottom: 1px;
    line-height: 20px;color: #fff;
    text-align: center;
    
}
.zknew-float li.hover{
    /*overflow: hidden;*/
    
}
.zknew-float li a{
    display: inline-block;color: #fff;
    
}
.zknew-float li a.tit{
    width: 77px;height: 56px;padding: 30px 10px 0 0;
    color: #fff;font-size: 12px;   
    box-sizing: border-box;
    position: relative;
    z-index:99999;
    
}
.zknew-float li p{
    position: relative;z-index: 2;
    height: 27px;padding-top: 30px;cursor: pointer;
    
}
.zknew-float li.fi{
    position: relative;
}
.zknew-float li.fi img{
    display: none;
    position: absolute;
    top:0;
    left: -168px;
    max-width: 160px;
    /*opacity: 0;*/
}
.zknew-float li.fi:hover img{
    display: block;
}
.zknew-float li.fi a{ 
    background:url(../image/on_line.png) no-repeat 0px 0px;
    
}
.zknew-float li.zkfxx a{
    background:url(../image/on_line.png) no-repeat 0px -172px;    
}
.zknew-float li.tp a{
    background:url(../image/on_line.png) no-repeat 0px -227px;
}
.zknew-float li.zx a{
    background:url(../image/on_line.png) no-repeat 0px -0px;
}
.zknew-float li.th a{
    background:url(../image/on_line.png) no-repeat 0px -57px;
    
}
.zknew-float li.fo a.tit{
    background:url(../image/on_line.png) no-repeat 0px -114px;
    
}
.zknew-float li.fif p{
    background: url(https://www.cn-cn.cc/template/default/img/bg_float05.png) no-repeat;
    
}
.zknew-float li .tel{
    position: absolute;left: 74px;top: 0;z-index: 1;width: 184px;
    height: 56px;font: 24px/57px Arial;color: #fff; 
    background:#5b5b5b;cursor: pointer;
    transition: all 0.5s ease-out;
    z-index:99998;
    
}
.zknew-float a.mof{
    display: inline-block;width: 78px;height: 71px;padding: 12px 11px 0 12px;
    margin-top: 10px;*margin-top: 7px;background:url(../image/on_line.png) no-repeat 0px -239px;
    font-size: 15px;line-height: 22px;color: #fff;
    
}
.zknew-float li:hover .tel{
    left:-184px;
}
@media(max-width:1024px){
    .zknew-float{
        display:none!important;
    }
}


.pull-left {
    float: left!important;
}
.pull-right {
    float: right!important;
}
/*架构库*/
.template-wrap{
    padding:50px 0 200px;
}
.template-wrap .filter-item {
    overflow: hidden;
}
.template-wrap .filter-item.filter-item-industry a {
    width: 131px;
    margin: 8px 10px 8px 0;
}
.template-wrap .filter-item a {
    display: inline-block;
    line-height: 28px;
    font-size: 14px;
    cursor: pointer;
    margin-bottom: 15px;
    text-align: center;
    background: #f8f8f8;
    border: 1px solid #f8f8f8;
}
.template-wrap .filter-item a.active {
    background: #f5fcff;
    color: #00abee;
    border-color: #a6e2f9;
}
.template-lists{
    margin-top:30px;
}
.template-lists .template-pro{
    padding:0 15px;
    width:25%;
    float:left;
    position:relative;
    margin-bottom:25px
}
.template-lists-item .img{
    display:block;
    position:relative;
    border:1px solid #e5e5e5
}
.template-lists-item .img img{
    width:100%
}
.template-lists-item .img .isnew{
    width:auto;
    max-width:100%;
    position:absolute;
    left:0;
    top:0
}
.template-lists-item .img .preview{
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    background:rgba(0,0,0,.7);
    opacity:0;
    -webkit-transition:all .3s;
    transition:all .3s;
    z-index:9
}
.template-lists-item .img .preview .sec{
    position:absolute;
    left:0;
    right:0;
    margin:auto;
    top:59%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.template-lists-item .img .preview .sec a{
    width:122px;
    height:36px;
    display:block;
    border-radius:20px;
    background:#03a9f4;
    color:#fff;
    font-size:13px;
    line-height:36px;
    text-align:center;
    -webkit-transition:all .3s;
    transition:all .3s;
    margin:0 4px
}
.template-lists-item .img .preview .sec a:hover{
    background:#0083cc
}
@media (max-width:760px){
    .template-lists-item .img .preview .sec a{
        width:80px;
        height:30px;
        font-size:12px;
        line-height:30px
    }
}
.template-lists-item .img .preview span{
    height:36px;
    display:block;
    border-radius:3px;
    color:#fff;
    font-size:13px;
    line-height:36px;
    text-align:center;
    position:absolute;
    left:0;
    right:0;
    margin:auto;
    top:47%;
    -webkit-transform:translateY(-30%);
    transform:translateY(-50%);
    text-transform:Uppercase
}
@media (max-width:760px){
    .template-lists-item .img .preview span{
        width:100%
    }
}
.template-lists-item .text{
    position:relative;
    padding:15px;
    -webkit-transition:all .3s;
    transition:all .3s;
    line-height:14px
}
.template-lists-item .text .numbering{
    font-size:14px;
    font-weight:200;
    margin:0;
    color:#444;
    width:100%;
    padding-bottom:4px
}
.template-lists-item .text .hits .iconfont{
    position:relative;
    top:2px
}
@media (max-width:760px){
    .template-lists-item .text{
        padding:7px
    }
}
.template-lists-item:hover{
    -webkit-transition:all .3s;
    transition:all .3s
}
.template-lists-item:hover .img .preview{
    opacity:1
}
.template-lists-item:hover .text{
    background:#fff
}
.template-lists-item:hover .text h3 a span{
    color:#03a9f4
}
@media (max-width:1440px){
    .template-lists .template-pro{
        width:33.3333333%
    }
}
@media (max-width:780px){
    .template-lists .template-pro{
        width:50%
    }
}
@media (max-width:480px){
    .template-lists .template-pro{
        width:100%
    }
}

#preview-body {
    overflow-y: hidden;
    background: #f6f6f6;
    min-height: 100vh;
}
body, html {
    scroll-behavior: smooth;
}
#preview-body{
    overflow-y:hidden;
    background:#f6f6f6;
    min-height:100vh
}
#preview-bar{
    position:fixed;
    z-index:99999;
    top:0;
    width:100%;
    height:58px;
    background:#fff;
    -webkit-transition:all .5s ease;
    transition:all .5s ease;
    -webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);
    box-shadow:0 2px 8px rgba(0,0,0,.1)
}
#preview-bar .response-icon{
    float:left;
    width:30%;
    padding:0 2.5%;
    line-height:56px
}
#preview-bar .response-icon a{
    display:inline-block;
    vertical-align:middle;
    margin:0 20px;
    font-size:14px;
    color:#949494
}
#preview-bar .response-icon a.active,#preview-bar .response-icon a.active .iconfont,#preview-bar .response-icon a:not(.no-hover):hover,#preview-bar .response-icon a:not(.no-hover):hover .iconfont{
    color:#03a9f4
}
#preview-bar .response-icon .iconfont{
    font-size:34px;
    color:#949494;
    line-height:1;
    vertical-align:middle;
    margin-right:5px
}
#preview-bar .preview-change{
    float:right;
    margin-right:100px
}
#preview-bar .preview-change span{
    display:inline-block;
    width:62px;
    height:32px;
    line-height:32px;
    border-radius:3px;
    background:#666;
    color:#fff;
    font-size:16px;
    text-align:center;
    position:relative;
    vertical-align:middle;
    cursor:pointer
}
#preview-bar .preview-change span a{
    font-size:0;
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0
}
#preview-bar .preview-change span:hover{
    background:#03a9f4
}
#preview-bar .preview-info{
    float:right;
    margin-top:17px;
    margin-right:5.72916667%
}
#preview-bar .preview-info span{
    display:inline-block;
    vertical-align:middle
}
#preview-bar .preview-info a.ljgm{
    width:110px;
    line-height:26px;
    border-radius:20px;
    background:#03a9f4;
    color:#fff;
    text-align:center;
    display:inline-block;
    font-size:14px;
    margin-right:20px;
    -webkit-transition:all .3s ease-out;
    transition:all .3s ease-out
}
#preview-bar .preview-info a.ljgm:hover{
    background:#0083cc
}
#preview-bar .preview-info .number{
    color:#111;
    font-size:16px;
    text-transform:uppercase;
    margin-right:25px
}
#preview-bar .preview-info .number:after{
    content:"|";
    color:#999;
    margin-left:25px
}
#preview-bar .preview-info .number i{
    margin-right:5px
}
#preview-bar .preview-info .web-tag{
    position:relative;
    line-height:25px;
    padding:0 10px;
    background:#f6f5f5;
    border-right:2px;
    font-size:13px;
    color:#747474
}
#preview-bar .preview-info .web-tag i{
    margin-right:5px
}
.preview-toggle{
    position:absolute;
    width:40px;
    height:40px;
    top:calc(50% - 20px);
    right:2.08333333%
}
.preview-toggle .hidden-iocn{
    position:absolute;
    top:0;
    right:0;
    width:100%;
    height:100%;
    line-height:40px;
    cursor:pointer
}
.preview-toggle .hidden-iocn .iconfont{
    font-size:35px;
    color:#000
}
.preview-toggle .show-icon{
    position:absolute;
    z-index:999;
    top:49px;
    right:-100%;
    width:58px;
    height:58px;
    background:url(https://www.cn-cn.cc/template/default/images/preview-bg.png);
    text-align:right;
    display:none;
    cursor:pointer
}
.preview-toggle .show-icon .iconfont{
    font-size:30px;
    color:#fff
}
#preview-iframe{
    position:relative;
    z-index:50;
    top:58px;
    height:100%;
    -webkit-box-sizing:content-box;
    box-sizing:content-box;
    -webkit-transition:all .5s ease;
    transition:all .5s ease
}