@charset "utf-8";
/* CSS Document */

.ppln li .text p span{
    display: none;
}
@media screen and (max-width: 1700px) {
    .ldzx .move5{  z-index: 7; left: 10%; top: 42%;}
    .ldzx .move6{  z-index: 7; left: 18%; top: 63%;}
    .ldzx .move7{  z-index: 7; left: 80%; top: 24%;}
    .ldzx .move8{  z-index: 7; left: 51%; top: 14%;}
    .ldzx .move10{ z-index: 7; left: 24%; top: 35%;}
    .ldzx .move11{ z-index: 7; left: 28%; top: 13%;}
    .ldzx .move12{ z-index: 7; left: 77%; top: 60%;}
    .ldzx .move13{ z-index: 7; left: 65%; top: 71%;}
    .ldzx .move14{ z-index: 7; left: 32%; top: 69%;}
    .ldzx .move15{ z-index: 7; left: 40%; top: 22%;}
    .ldzx .move16{ z-index: 7; left: 62%; top: 20%;}
    .ldzx .move17{ z-index: 7; left: 69%; top: 33%;}
}
@media screen and (max-width: 1600px) {
    .bannerbg,
    .listbanner,
    .nbanner{
        height: 600px;
    }
}
@media screen and (max-width: 1580px) {
    .menu li{
        margin: 0 50px 0 0;
    }
    .banner1 .text1,
    .banner1 .text2,
    .banner2 .text2,
    .banner3 .text2{
        font-size: 50px;
        line-height: 50px;
    }
    .banner2 .text3,
    .banner3 .text3{
        font-size: 24px;
    }
    .banner1 .text3 li{
        font-size: 24px;
        padding: 0 15px;
    }
    .banner1 .text3 li:first-child{
        padding: 0 15px 0 0;
    }
    .banner1 .text3 li:last-child{
        padding: 0 0 0 15px;
    }
    .banner1 .text4{
        margin: 60px 0 0 0;
    }
    .banner1 .text4 a{
        font-size: 22px;
    }
    .kh li .icon{
        width: 58px;
        height: 58px;
        margin: 0 10px 0 0;
    }
    .kh li .text strong{
        font-size: 20px;
    }
    .kh li .text p{
        font-size: 14px;
    }
    .fwbklist li .fwtitle .iconfont{
        font-size: 48px;
    }
    .fwbklist li .fwtitle .fwtitle_text strong{
        font-size: 28px;
    }
    .fwbklist li .fwtitle .fwtitle_text p{
        font-size: 13px;
    }
    .fwbklist li .fwxmlist li{
        font-size: 16px;
        padding: 0 0 0 15px;
    }
    .fwbklist li .fwxmlist li::before{
        width: 7px;
        height: 7px;
        margin-top: -3.5px;
    }
}
@media screen and (max-width: 1510px) {
    .casecate li{
        margin: 0 30px;
    }
    .ppdwlist li .text span{
        font-size: 26px;
    }
    .ppdwlist li .text p{
        font-size: 18px;
        line-height: 30px;
    }
    .ldzx .move5{   z-index: 7;left: 7%;top: 42%;}
    .ldzx .move6{   z-index: 7;left: 15%;top: 66%;}
    .ldzx .move7{   z-index: 7;left: 85%;top: 19%;}
    .ldzx .move8{   z-index: 7; left: 51%; top: 14%;}
    .ldzx .move10{  z-index: 7; left: 20%; top: 35%;}
    .ldzx .move11{  z-index: 7;left: 25%;top: 11%;}
    .ldzx .move12{  z-index: 7;left: 83%;top: 64%;}
    .ldzx .move13{  z-index: 7;left: 67%;top: 68%;}
    .ldzx .move14{  z-index: 7;left: 29%;top: 71%;}
    .ldzx .move15{  z-index: 7; left: 40%; top: 22%;}
    .ldzx .move16{  z-index: 7; left: 62%; top: 20%;}
    .ldzx .move17{  z-index: 7;left: 72%;top: 37%;}
}
@media screen and (max-width: 1560px) {
    .ppdwlist li .iconfont{
        margin:0 15px 0 0;
    }
}
@media screen and (max-width: 1480px) {
    .teamslide li .teamtext .teamname{
        font-size: 18px;
    }
    .teamslide li .teamtext .teamname strong{
        font-size: 30px;
    }
}
@media screen and (max-width: 1440px) {
    .logotext p{
        font-size: 18px;
    }
    .menu li{
        margin: 0 40px 0 0;
    }
    .fwbklist li .fwxmlist li{
        font-size: 15px;
        line-height: 32px;
    }
    .ldzx{
        height: 600px;
    }
    .hzmslist li{
        padding: 2.5% 2%;
    }
    .hzmslist li .text strong{
        font-size: 28px;
        margin: 0 0 10px 0;
    }
    .hzmslist li .text p{
        font-size: 16px;
    }
    .hzmslist li .iconfont{
        margin: 0 20px 0 0;
        font-size: 76px;
    }
    .wzkftabs li{
        padding: 20px 5%;
    }
    .wzkftabs li strong{
        font-size: 20px;
    }
    .wzkftabs li p{
        font-size: 14px;
        line-height: 24px;
    }
    .xcxkflist li p{
        font-size: 14px;
    }
    .saas .text .pic{
        margin: 90px 0 0 0;
    }
    .banner_case .text strong{
        font-size: 50px;
    }
    .banner_case .text p{
        font-size: 24px;
    }
    .casecate li a{
        font-size: 26px;
    }
    .industrycate li a{
        font-size: 20px;
    }
    .stitle strong{
        font-size: 38px;
    }
    .stitle p{
        font-size: 18px;
    }
    .teamintro .text{
        font-size: 16px;
        line-height: 32px;
    }
    .knbg .knlist li:nth-child(2){
        margin: 0 0 70px 48%;
    }
    .knbg .knlist li:nth-child(3){
        margin: 0 0 0 63%;
    }
    .knbg .knlist li p{
        font-size: 18px;
        margin: 5px 0 0 0;
    }
    .messageform li .text{
        width: 30%;
    }
    .messageform li input,
    .consopt{
        width: 70%;
    }
    .ldzx li{
        transform: scale(0.8) !important;
    }
    .ldzx .text{
        font-size: 36px;
        line-height: 46px;
        margin-top: 5px;
    }
}
@media screen and (max-width: 1400px) {
    .bannerbg,
    .listbanner,
    .nbanner{
        height: 500px;
    }
}
@media screen and (max-width: 1366px) {
    .menu li{
        margin: 0 30px 0 0;
    }
    .knbg .knlist li:nth-child(1){
        margin: 0 0 70px 20%;
    }
    .knbg .knlist li:nth-child(2){
        margin: 0 0 70px 48%;
    }
    .knbg .knlist li:nth-child(3){
        margin: 0 0 0 64%;
    }
    .knbg .knlist li strong{
        font-size: 26px;
    }
    .knbg .knlist li p{
        font-size: 16px;
    }
    .hzmslist li .iconfont{
        font-size: 64px;
    }
    .saas .text .pic{
        margin: 50px 0 0 0;
    }
    .stitle p{
        font-size: 18px;
        line-height: 34px;
    }
    .ppdwlist li .text p{
        font-size: 16px;
    }
    .ppdwlist li .iconfont{
        width: 56px;
        font-size: 56px;
        margin: 0 10px 0 0;
    }
    .ppdwlist li:nth-child(3) .iconfont{
        font-size: 50px;
    }
    .nppsjlist li .text span{
        width: 45%;
    }
    .nppsjlist li .text span:nth-child(2n){
        width: 55%;
    }
    .nppsjlist li{
        padding: 60px 3% 0 3%;
    }
    .nppsjlist li .text{
        padding: 0 9% 50px 9%;
    }
}
@media screen and (max-width: 1340px) {
    .fcontact strong{
        font-size: 40px;
    }
    .fkh li{
        font-size: 28px;
        line-height: 48px;
    }
}
@media screen and (max-width: 1280px) {
    .p100{
        padding: 80px 0;
    }
    .nppsj{
        padding: 80px 0 0 0;
    }
    .logotext p{
        font-size: 16px;
    }
    .logo{
        width: 150px;
    }
    .banner1 .text1,
    .banner1 .text2{
        font-size: 40px;
        line-height: 40px;
    }
    .banner1 .text3 li{
        font-size: 22px;
        padding: 0 15px;
    }
    .banner1 .text4{
        margin: 50px 0 0 0;
    }
    .banner1 .text4 a{
        font-size: 20px;
    }
    .kh li .text strong{
        font-size: 18px;
    }
    .kh li .text p{
        font-size: 12px;
    }
    .fwbklist li .fwtitle .iconfont{
        font-size: 40px;
    }
    .fwbklist li .fwtitle .fwtitle_text strong{
        font-size: 24px;
    }
    .fwbklist li .fwtitle .fwtitle_text p{
        font-size: 12px;
    }
    .stitle strong{
        font-size: 32px;
        margin: 0 0 5px 0;
    }
    .stitle p{
        font-size: 16px;
        line-height: 28px;
    }
    .fwbklist li .fwtitle{
        padding: 40px 0;
    }
    .knbg,
    .knbg .container{
        height: 540px;
    }
    .knbg .text .text1{
        font-size: 30px;
    }
    .knbg .text .text2,
    .knbg .text .text3{
        font-size: 34px;
        line-height: 50px;
    }
    .knbg .text .text3 .iconfont{
        font-size: 16px;
        width: 36px;
        line-height: 36px;
        margin: 0 0 0 10px;
    }
    .nabout .text{
        font-size: 16px;
        max-width: 800px;
    }
    .hzmslist li{
        padding: 3% 4%;
    }
    .menu li a{
        font-size: 16px;
    }
}
@media screen and (max-width: 1200px) {
    .bannerbg,
    .listbanner,
    .nbanner{
        height: 450px;
    }
    .teamslide li .teamtext .teamname{
        font-size: 16px;
    }
    .teamslide li .teamtext .teamname strong{
        font-size: 28px;
        padding: 0 10px 0 0;
    }
    .teamslide li .teamtext .text{
        font-size: 13px;
        line-height: 24px;
    }
}
@media screen and (max-width: 1024px) {
    .bannerbg,
    .listbanner,
    .nbanner{
        height: 400px;
    }
    .logo{
        width: 130px;
    }
    .logotext span{
        font-size: 12px;
    }
    .logotext p{
        font-size: 14px;
    }
    .toptel p{
        display: none;
    }
    .toptel .iconfont{
        display: block;
        font-size: 22px;
    }
    .banner2 .text1 img{
        width: 200px;
    }
    .banner3 .text1 img{
        width: 280px;
    }
    .banner1 .text1,
    .banner1 .text2,
    .banner2 .text2,
    .banner3 .text2{
        font-size: 30px;
        line-height: 26px;
    }
    .banner1 .text3{
        margin: 20px 0 0 0;
    }
    .banner2 .text3,
    .banner3 .text3{
        font-size: 16px;
    }
    .banner1 .text3 li{
        font-size: 18px;
        padding: 0 10px;
    }
    .banner1 .text3 li:first-child{
        padding: 0 10px 0 0;
    }
    .banner1 .text3 li:last-child{
        padding: 0 0 0 10px;
    }
    .banner1 .text4{
        margin: 20px 0 0 0;
        line-height: 50px;
    }
    .banner1 .text4 a{
        font-size: 16px;
    }
    .banner3 .text5{
        width: 46%;
        top: -24%;
    }
    .kh li{
        display: block;
    }
    .kh li .icon{
        width: 48px;
        height: 48px;
        margin: 0 auto 10px auto;
    }
    .kh li .text{
        text-align: center;
    }
    .kh li .text strong{
        font-size: 16.5px;
    }
    .p100{
        padding: 60px 0;
    }
    .stitle strong{
        font-size: 26px;
    }
    .stitle p{
        font-size: 14px;
        line-height: 24px;
    }
    .fwbklist li .fwtitle .iconfont{
        font-size: 34px;
    }
    .fwbklist li .fwtitle .fwtitle_text{
        font-size: 12px;
        margin: 0 0 0 5px;
    }
    .fwbklist li .fwtitle .fwtitle_text strong{
        font-size: 20px;
    }
    .fwbklist li .fwtitle .fwtitle_text p{
        font-size: .6rem;
    }
    .fwbklist li .fwintro{
        padding: 5%;
        font-size: 12px;
        line-height: 22px;
    }
    .fwbklist li .fwxmlist{
        padding: 5%;
    }
    .fwbklist li .fwxmlist li{
        font-size: 12px;
    }
    .knbg,
    .knbg .container{
        height: 340px;
    }
    .knbg .knlist li:nth-child(1){
        margin: 0 0 30px 17%;
    }
    .knbg .knlist li:nth-child(2){
        margin: 0 0 30px 39%;
    }
    .knbg .knlist li:nth-child(3){
        margin: 0 0 0 53%;
    }
    .knbg .knlist li strong{
        font-size: 20px;
    }
    .knbg .knlist li p{
        margin: 5px 0 0 0;
        font-size: 14px;
    }
    .knbg .text .text1{
        font-size: 26px;
    }
    .knbg .text .text2,
    .knbg .text .text3{
        font-size: 28px;
        line-height: 40px;
    }
    .knbg .text .text3 .iconfont{
        font-size: 14px;
        width: 30px;
        line-height: 30px;
        margin: 0 0 0 5px;
    }
    .ldzx{
        height: 500px;
    }
    .fcontact strong{
        font-size: 30px;
    }
    .fcontact .text{
        padding: 0 0 0 15px;
        margin: 0 0 0 15px;
    }
    .fkh li{
        line-height: 26px;
        padding: 0 10px;
        font-size: 20px;
    }
    .ppchlist li .ppchtitle{
        padding: 40px 0;
    }
    .ppchlist li .ppchtitle .iconfont{
        font-size: 34px;
    }
    .ppchlist li .ppchtitle .ppchtitle_text{
        font-size: 12px;
    }
    .ppchlist li .ppchtitle .ppchtitle_text strong{
        font-size: 20px;
    }
    .ppchlist li .ppchtitle .ppchtitle_text p{
        font-size: .6rem;
    }
    .ppchlist li .ppchintro{
        margin: 0 5%;
        font-size: 14px;
        padding: 5% 0;
    }
    .ppchlist li .ppchtdlist{
        padding: 5%;
    }
    .ppchlist li .ppchtdlist li{
        font-size: 14px;
        line-height: 28px;
    }
    .nppsj{
        padding: 60px 0 40px 0;
    }
    .nppsjlist li{
        padding: 4% 3%;
    }
    .nppsjlist li .iconfont{
        font-size: 40px;
    }
    .nppsjlist li strong{
        font-size: 18px;
    }
    .nppsjlist li p{
        font-size: 14px;
        line-height: 28px;
    }
    .nppsjlist li .text{
        position: relative;
        background: none;
        opacity: 1;
        padding: 0 3%;
        font-size: 12px;
        -webkit-transform: 	translateY(0);
        -moz-transform: 	translateY(0);
        -ms-transform: 		translateY(0);
        -o-transform: 		translateY(0);
        transform: 			translateY(0);
    }
    .nppsjlist li .text::after{
        clear: both;
        display: table;
        content: '';
    }
    .nppsjlist li .text span{
        width: 40%;
    }
    .nppsjlist li p{
        border-bottom: 1px solid rgba(255,255,255,0.1);
    }
    .nppsjlist li .text span:nth-child(2n){
        width: 60%;
    }
    .ppzzyxtabs li{
        margin: 0 0 20px 0;
        border-width: 4px;
        padding: 0 0 0 10px;
    }
    .ppzzyxtabs li.this{
        border-width: 4px;
    }
    .ppzzyxtabs li span{
        font-size: 20px;
        line-height: 20px;
    }
    .ppzzyxtabs li .text{
        padding: 10px 0 0 0;
    }
    .ppzzyxtabs li .text p{
        font-size: 14px;
        line-height: 22px;
    }
    .hzmslist li .text p,
    .hzmsintro p{
        font-size: 14px;
        line-height: 24px;
    }
    .hzmslist li .text strong,
    .hzmsintro>strong{
        font-size: 20px;
    }
    .hzmsintro p span{
        width: 8px;
    }
    .wzkftabs li p{
        font-size: 12px;
        line-height: 20px;
        display: none;
    }
    .wzkftabs li strong{
        margin: 0;
        line-height: 34px;
    }
    .wzkftabs li{
        margin: 0 0 0 10%;
        padding: 5%;
    }
    .xcxkflist li .iconfont{
        font-size: 40px;
    }
    .xcxkflist li strong{
        font-size: 20px;
    }
    .xcxkflist li p{
        display: none;
    }
    .xcxkf{
        padding: 60px 0 40px 0;
    }
    .ppdwlist li .iconfont,
    .ppdwlist li:nth-child(3) .iconfont{
        font-size: 40px;
        width: 40px;
    }
    .ppdwlist li .text span{
        font-size: 20px;
    }
    .ppdwlist li .text p{
        font-size: 14px;
        line-height: 26px;
    }
    .ppdwlist li:nth-child(1),
    .ppdwlist li:nth-child(2){
        margin: 0 0 40px 0;
    }
    .ppsjlist li{
        width: 15%;
        padding: 30px 0;
    }
    .ppsjlist li .iconfont{
        font-size: 34px;
    }
    .ppsjlist li p{
        font-size: 16px;
        margin: 8px 0 0 0;
    }
    .nnewslist li .text strong{
        font-size: 16.5px;
    }
    .nnewslist li .text p{
        font-size: 12px;
        line-height: 20px;
        -webkit-line-clamp: 1;
        max-height: 20px;
    }
    .nnewslist li .text .date{
        font-size: 12px;
        margin: 10px 0 0 0;
    }
    .nnewslist li .text .date .iconfont{
        font-size: 14px;
        margin: 0 3px 0 0;
    }
    .banner_case .text strong{
        font-size: 38px;
    }
    .banner_case .text p{
        font-size: 18px;
        margin: 15px 0 0 0;
    }
    .casecate{
        bottom: 20px;
    }
    .casecate li a{
        font-size: 20px;
        padding: 0 0 5px 0;
    }
    .casecate li:hover a,
    .casecate li.this a{
        border-bottom: 2px solid rgba(255,255,255,1);
    }
    .industrycate li{
        margin: 0 15px;
    }
    .industrycate li a{
        font-size: 16px;
    }
    .industrycate li .iconfont{
        font-size: 26px;
    }
    .ncaselist li strong{
        font-size: 18px;
    }
    .ncaselist li p{
        font-size: 14px;
    }
    .ppln li strong{
        font-size: 26px;
    }
    .ppln li .text p{
        font-size: 14px;
    }
    .nabout{
        padding: 150px 0;
    }
    .nabout .text{
        max-width: 500px;
    }
    .teamintro{
        width: 35%;
    }
    .teamintro .text{
        font-size: 14px;
        line-height: 24px;
    }
    .teamslide_arrow{
        margin-top: 30px !important;
    }
    .teamslide_arrow .iconfont{
        width: 44px;
        line-height: 44px;
    }
    .teamslide li .teamtext .teamname{
        font-size: 14px;
        padding: 0 0 5px 0;
        margin: 0 0 5px 0;
    }
    .teamslide li .teamtext .teamname strong{
        font-size: 18px;
        padding: 0 10px 0 0;
    }
    .teamslide li .teamtext .text{
        font-size: 12px;
        line-height: 20px;
    }
    .ldzx li{
        transform: scale(0.6) !important;
    }
    .ldzx .text{
        font-size: 26px;
        line-height: 36px;
        margin-top: 5px;
    }
    .ldzx .text span{
        font-size: 20px;
        width: 156px;
        line-height: 40px;
        padding: 0 20px;
    }
}
@media screen and (max-width: 768px) {
    .bannerbg,
    .listbanner,
    .nbanner{
        height: 300px;
    }
    .logo{
        width: 120px;
    }
    .logotext{
        margin: 0 auto 0 15px;
    }
    .menu li{
        margin: 0 10px 0 0;
    }
    .menu li a{
        font-size: 14px;
    }
    .banner1 .text1,
    .banner1 .text2{
        font-size: 22px;
        line-height: 22px;
    }
    .banner1 .text3{
        margin: 10px 0 0 0;
    }
    .banner1 .text3 li{
        font-size: 16px;
        padding: 0 10px;
        line-height: 20px;
    }
    .banner1 .text4{
        margin: 10px 0 0 0;
        line-height: 40px;
    }
    .banner1 .text4 a{
        font-size: 14px;
    }
    .banner1 .text4 .iconfont{
        width: 40px;
    }
    .pagination-banner{
        bottom: 25px;
    }
    .pagination-banner span{
        margin: 0 20px;
    }
    .kh{
        align-items: flex-start;
    }
    .kh li{
        width: 33.333%;
    }
    .kh li .text strong{
        font-size: 14px;
    }
    .kh li .text p{
        margin: 2% 4% 0 4%;
    }
    .fwbklist li .fwtitle{
        display: block;
        padding: 20px 0;
    }
    .fwbklist li .fwtitle .iconfont{
        text-align: center;
    }
    .fwbklist li .fwtitle .fwtitle_text{
        text-align: center;
        margin: 10px 0 0 0;
    }
    .fwbklist li .fwtitle .fwtitle_text strong{
        font-size: 18px;
    }
    .fwbklist li .fwintro{
        line-height: 20px;
        display: none;
    }
    .fwbklist li .fwxmlist ul{
        width: 100%;
        float: none;
    }
    .fwbklist li .fwxmlist li{
        line-height: 24px;
    }
    .knbg,
    .knbg .container{
        height: 260px;
    }
    .knbg .knlist li:nth-child(1){
        margin: 0 0 20px 17%;
    }
    .knbg .knlist li:nth-child(2){
        margin: 0 0 20px 39%;
    }
    .knbg .knlist li:nth-child(3){
        margin: 0 0 0 53%;
    }
    .knbg .knlist li strong{
        font-size: 18px;
    }
    .knbg .knlist li p{
        margin: 5px 0 0 0;
        font-size: 12px;
    }
    .knbg .text .text1{
        font-size: 22px;
        margin: 0 0 20px 0;
    }
    .knbg .text .text2,
    .knbg .text .text3{
        font-size: 24px;
        line-height: 40px;
    }
    .knbg .text .text3 .iconfont{
        font-size: 14px;
        width: 26px;
        line-height: 26px;
        margin: 0 0 0 5px;
    }
    .ldzx{
        height: 370px;
    }
    .newslist .text{
        font-size: 20px;
        line-height: 28px;
    }
    .newslist ul ul{
        padding: 10px 0 0 0;
        margin: 10px 0 0 0;
    }
    .newslist ul ul li a{
        font-size: 14px;
    }
    .nppsjlist li{
        padding: 2% 1%;
    }
    .nppsjlist li p{
        font-size: 12px;
        line-height: 20px;
    }
    .fcontact{
        float: none;
    }
    .fcontact .text{
        border: none;
        float: right;
    }
    .fkh{
        float: none;
        margin: 20px 0 0 0;
    }
    .fkh li{
        width: 25%;
        box-sizing: border-box;
        text-align: center;
    }
    .fmenu{
        display: none;
    }
    .saas .stitle{
        margin: 0;
    }
    .banner_case .text strong{
        font-size: 30px;
    }
    .casecate li{
        margin: 0 10px;
    }
    .casecate li a{
        font-size: 18px;
    }
    .industrycate li{
        margin: 0 8px;
    }
    .ppln li{
        display: block;
        width: 31.333%;
        margin: 0 1%;
    }
    .ppln li strong{
        display: block;
        text-align: center;
    }
    .ppln li .text{
        margin: 10px 0 0 0;
        text-align: center;
    }
    .ppln li .text p{
        font-size: 12px;
    }
    .teamintro .text{
        font-size: 12px;
    }
    .teamslide_arrow{
        margin-top: 20px !important;
    }
    .teamslide_arrow .iconfont{
        width: 34px;
        line-height: 34px;
        font-size: 18px;
    }
}
@media screen and (max-width: 640px) {
    
	.menubut{
		display: block;
		font-size: 34px;
		position: absolute;
		right: 5%;
		top: 50%;
		margin-top: -17px;
		-webkit-transition: all 0.3s;
		-moz-transition: 	all 0.3s;
		-ms-transition: 	all 0.3s;
		-o-transition: 		all 0.3s;
		transition: 		all 0.3s;
	}
	.menuclose{
		display: block;
		font-size: 30px;
		position: absolute;
		right: 5%;
		top: 50%;
		margin-top: -15px;
		transform: scale(0);
		opacity: 0;
		-webkit-transition: all 0.3s;
		-moz-transition: 	all 0.3s;
		-ms-transition: 	all 0.3s;
		-o-transition: 		all 0.3s;
		transition: 		all 0.3s;
	}
}
@media screen and (max-width: 460px) {
    .bannerbg,
    .listbanner,
    .nbanner{
        height: 248px;
    }
    .banner_case .text p{
        font-size: 14px;
    }
    .menu{
        display: none;
        position: fixed;
        left: 0;
        height: 100%;
        width: 100%;
        background: #fff;
    }
    .menu li{
        float: none;
        width: 100%;
        margin: 0;
        line-height: 40px;
        text-align: center;
        border-top: 1px solid #eee;
    }
    .menu li a{
        display: block;
    }
    .menu li:last-child{
        border-bottom: 1px solid #eee;
    }
    .logo{
        width: 120px;
    }
    .headerbg{
        padding: 10px 0;
    }
    .logotext p{
        font-size: 14px;
        margin: 0;
    }
    .logotext span{
        display: none;
        width: auto;
        padding: 0 10px;
    }
    .toptel{
        margin: 0 46px 0 0;
        display: none;
    }
    .toptel .iconfont{
        font-size: 28px;
    }
    
    .banner1 .text1,
    .banner1 .text2,
    .banner2 .text2,
    .banner3 .text2{
        font-size: 20px;
        line-height: 16px;
    }
    .banner1 .text3{
        margin: 20px 0 0 0;
    }
    .banner2 .text3,
    .banner3 .text3{
        font-size: 14px;
    }
    .banner1 .text3 li{
        font-size: 12px;
        line-height: 16px;
        padding: 0 5px;
    }
    .banner1 .text3 li:first-child{
        padding: 0 5px 0 0;
    }
    .banner1 .text3 li:last-child{
        padding: 0 0 0 5px;
    }
    .banner1 .text4{
        line-height: 30px;
        margin: 20px 0 0 0;
    }
    .banner1 .text4 a{
        padding: 0 10px;
    }
    .banner1 .text4 .iconfont,
    .banner2 .text4 .iconfont,
    .banner3 .text4 .iconfont{
        width: 30px;
        line-height: 30px;
    }
    .banner3 .text5{
        display: none;
    }
    .banner3 .text1 img{
        width: 220px;
    }
    .banner3 .text6{
        width: 23%;
    }
    .kh{
        display: block;
    }
    .kh::after{
        content: '';
        display: table;
        clear: both;
    }
    .kh li{
        width: 100%;
        float: none;
        clear: both;
        margin: 0 0 5px 0;
    }
    .kh li::after{
        content: '';
        display: table;
        clear: both;
    }
    .kh li:last-child{
        margin: 0;
    }
    .kh li .text p{
        display: none;
    }
    .kh li .icon{
        width: 15%;
        float: left;
        margin: 0;
        height: 30px;
    }
    .kh li .text{
        width: 85%;
        margin: 0;
        float: left;
        text-align: left;
    }
    .kh li .text strong{
        line-height: 30px;
        font-size: 16.5px;
        font-weight: normal;
    }
    .knbg .knlist li .cir{
        display: none;
    }
    .p50{
        padding: 30px 0;
    }
    .stitle strong{
        font-size: 26px;
    }
    .stitle p{
        font-size: 16px;
        line-height: 26px;
    }
    .nppsjlist li strong{
        font-size: 22px;
    }
    .nppsjlist li p{
        font-size: 14px;
        line-height: 26px;
        height: auto !important;
        border-bottom: 1px solid #454545;
    }
    .fwbklist>li,
    .fwbklist>li:nth-child(2n){
        width: 100%;
        margin: 0 0 20px 0;
    }
    .fwbklist li .fwxmlist{
        height: auto !important;
    }
    .fwbklist li .fwxmlist li{
        padding: 0 0 0 15px;
        font-size: 16px;
        line-height: 30px;
    }
    .fwbklist li:nth-child(1) .fwxmlist ul,
    .fwbklist li:nth-child(2) .fwxmlist ul{
        width: 50%;
        float: left;
    }

    .knbg .text{
        width: 100%;
        position: relative;
        margin-top: 0 !important;
        left: auto;
        top: auto;
        text-align: center;
    }
    .knbg .text .text3 .iconfont{
        transform: rotate(90deg);
    }

    .knbg .knlist{
        width: 100%;
        position: relative;
        margin-top: 40px !important;
        left: auto;
        top: auto;
    }
    .knbg .knlist li{
        margin: 0 0 20px 0 !important;
        text-align: center;
    }
    .knbg .knlist li:last-child{
        margin: 0 !important;
    }

    .knbg{
        width: 100%;
        height: auto;
    }
    .knbg .container{
        width: 100%;
        height: auto;
        padding: 60px 0;
    }

    .cuslogo,
    .ldzx,
    .fcontact{
        display: none;
    }
    .cuslogo .stitle p{
        display: inline;
    }
    .cuslogoslide li a{
        margin: 10px 5px;
    }
    .nlogo{
        width: 62%;
    }
    .newslist .text{
        font-size: 16px;
    }

    .mt40{
        margin-top: 20px !important;
    }

    .newslist>ul{
        display: none;
    }
    .newslist>ul:nth-child(1){
        display: block;
        width: 100%;
        float: none;
    }
    .fcontact strong,
    .fcontact .text{
        float: none;
        width: 100%;
        text-align: center;
        margin: 0;
        padding: 0;
    }


    .footer2,
    .cr{
        display: none;
    }

    .cr{
        font-size: 12px;
        line-height: 20px;
        padding: 20px 0 0 0;
    }
    .cr a{
        font-size: 12px;
    }

    .footer{
        padding: 30px 0;
    }
    .footer1{
        padding: 0 0 0 0;
        border: none;
    }
    .fkh{
        margin: 0;
    }

    .ppzzyxtabs{
        margin: 0;
    }
    .ppzzyxleft,
    .ppzzyxpic{
        margin: 0;
        width: 100%;
        float: none;
    }
    .ppzzyxpic{
        margin: 30px 0 0 0;
    }

    .hzmslist li{
        width: 100%;
        float: none;
    }
    .hzmslist li:nth-child(1){
        margin: 0 0 20px 0;
    }

    .hzmslist li .iconfont{
        font-size: 40px;
    }
    .hzmslist li .text p,
    .hzmsintro p{
        font-size: 12px;
        line-height: 20px;
    }
    .hzmsintro p span{
        width: 7px;
    }
    .wzkftabs{
        width: 100%;
        float: none;
        padding: 20px 0;
    }
    .wzkftabs li{
        padding: 2% 5%;
    }
    .wzkftabs li strong{
        font-size: 18px;
    }
    .wzkftabs li .iconfont{
        font-size: 24px;
    }
    .wzkfpics{
        width: 100%;
        float: none;
        height: auto !important;
    }
    .wzkfpics .pic{
        height: auto !important;
    }
    .xcxkf .pic{
        width: 100%;
        float: none;
    }
    .xcxkflist{
        width: 100%;
        float: none;
    }
    .saas .text{
        width: 100%;
        float: none;
    }
    .saas .saaspic{
        width: 100%;
        float: none;
        margin: 20px 0 0 0;
    }
    .hzcaselist li,
    .hzcaselist li:nth-child(3n){
        width: 49%;
        margin: 0 2% 2% 0;
    }
    .hzcaselist li:nth-child(2n){
        margin: 0 0 2% 0;
    }
    .hzcase .stitle .more{
        line-height: 30px;
        width: 80px;
        font-size: 12px;
    }
    .ppdwleft{
        width: 100%;
        float: none;
    }
    .ppdwpic{
        width: 100%;
        float: none;
        margin: 20px 0 0 0;
    }
    .ppdwleft .stitle{
        text-align: center;
    }
    .ppsjlist{
        display: block;
    }
    .ppsjlist::after{
        content: '';
        display: table;
        clear: both;
    }
    .ppsjlist li{
        width: 32%;
        margin: 0 2% 1% 0;
        float: left;
    }
    .ppsjlist li:nth-child(3n){
        margin: 0 0 1% 0;
    }
    .nnewslist li,
    .nnewslist li:nth-child(2n){
        width: 100%;
        margin: 0 0 0 0;
        padding: 10px 0;
    }
    .nnewslist li .text p{
        margin: 5px 0 0 0;
    }
    .nnewslist li .text .date{
        margin: 5px 0 0 0;
    }
    .nnewslist li .text strong{
        font-size: 16px;
        line-height: 16px;
    }
    .casecate{
        bottom: 10px;
    }
    .casecate li{
        margin: 0 5px;
    }
    .casecate li a{
        font-size: 14px;
    }
    .industrycate li{
        width: auto;
        margin:  0;
        text-align: left;
        display: block;
        float: left;
        line-height: 30px;
    }
    .industrycate li:nth-child(3n){
        margin: 0;
    }
    .industrycate li .iconfont{
        font-size: 20px;
    }
    .industrycate li a{
        font-size: 14px;
        padding: 0 10px 0 0;
    }
    .industrycate .industrycate_arrow{
        width: 28px;
        line-height: 28px;
    }
    .ncaselist li,
    .ncaselist li:nth-child(3n){
        width: 48.5%;
        margin: 0 3% 4% 0;
    }
    .ncaselist li:nth-child(2n){
        width: 48.5%;
        margin: 0 0 4% 0;
    }
    .ncaselist li p{
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        font-size: 12px;
    }
    .ncaselist li strong{
        font-size: 16px;
        margin: 10px 0 0 0;
    }

    .ppln{
        display: block;
    }
    .ppln li{
        width: 100%;
        margin: 20px 0 0 0;
    }

    .nabout{
        padding: 80px 0;
    }
    .team .container{
        display: block;
    }
    .teamintro{
        width: 100%;
        float: none;
    }
    .teamslide{
        width: 100%;
        float: none;
        margin: 20px 0 0 0;
    }
    .teamslide_arrow{
        display: none;
        margin: 20px auto 0 auto !important;
    }

    .teamslide li a{
        margin: 0 5px;
    }

    .sidebar{
        width: 40px;
        top: auto;
        bottom: 5%;
        display: none;
    }
    .sidebar li{
        height: 40px;
        border-radius: 50%;
        margin: 5px 0 0 0;
    }
    .sidebar li .iconfont{
        width: 40px;
        line-height: 40px;
    }
    .messageform li input{
        height: 40px;
    }
    .messageform li .text{
        width: 42%;
    }
    .messageform li input,
    .consopt{
        width: 58%;
    }
    .messageform{
        width: 90%;
        left: 5%;
    }
    .messageclose{
        bottom: -50px;
        right: 50%;
        margin-right: -20px;
        color: #fff;
        top: auto;
        border: 50%;
        font-size: 30px;
    }

    .bannerbg .container{
        width: 100%;
    }

    .ppdwlist li .text span{
        font-size: 16px;
    }
    .ppdwlist li .text p{
        font-size: 12px;
        line-height: 22px;
    }
    .ppdwlist li .iconfont{
        font-size: 28px;
        width: 28px;
    }
    .ppdwlist li:nth-child(3) .iconfont{
        font-size: 24px;
    }

    .banner_case .text{
        width: 90%;
        left: 5%;
    }
    .newstext .text,
    .newstext .text a{
        font-size: 14px;
    }
    .ppchlist>li{
        width: 100%;
        margin: 0 0 20px 0;
    }
    .ppchlist li .ppchintro,
    .ppchlist li .ppchtdlist{
        height: auto !important;
    }

    .nppsj{
        background: #111;
    }
    .nppsjlist>li,
    .nppsjlist li:last-child{
        width: 100%;
        margin: 20px 0 0 0;
        padding: 20px 5%;
        border: none;
        border: 1px solid #454545;
    }
    .nppsjlist li .text span,
    .nppsjlist li .text span:nth-child(2n){
        width: 100%;
        font-size: 14px;
        line-height: 28px;
    }
    .nppsjlist li::before{
        display: none !important;
    }
    .hzmsintro,
    .hzcase,
    .ppdw,
    .ppsj,
    .industrycate{
        display: none;
    }

    .nnewslist li{
        padding: 20px 0;
    }
    .nnewslist li .pic{
        width: 100%;
    }
    .nnewslist li .text{
        width: 100%;
        margin: 20px 0 0 0;
    }
    .nnewslist li .text p{
        -webkit-line-clamp: 2;
        max-height: 40px;
    }

    .ncaselist{
        margin-top: 0 !important;
    }

    .ncaselist li,
    .ncaselist li:nth-child(2n),
    .ncaselist li:nth-child(3n){
        width: 100%;
        margin: 0 0 20px 0;
    }

    .ppln li strong{
        font-size: 22px;
        text-align: left;
    }
    .ppln li .text{
        text-align: left;
    }
    .ppln li .text p{
        display: inline;
    }
    .ppln li .text p span{
        display: inline;
    }
    .nabout .text{
        font-size: 12px;
        line-height: 24px;
    }

    .teamslide li .teamtext{
        height: auto;
        top: auto;
        bottom: 4%;
        padding: 4%;
        left: 4%;
        width: 92%;
        -webkit-transform: 	scale(1);
        -moz-transform: 	scale(1);
        -ms-transform: 		scale(1);
        -o-transform: 		scale(1);
        transform: 			scale(1);
    }

    .footer{
        margin: 0 0 59px 0;
    }

    .footer3{
        position: fixed;
        z-index: 99;
        left: 0;
        bottom: 0;
        width: 100%;
        padding: 10px 0;
        background: #111;
    }
    .footer3 li{
        width: 50%;
        float: left;
        display: block;
        height: 40px;
    }
    .footer3 li:first-child{
        box-sizing: border-box;
        border-right: 1px solid rgba(255,255,255,0.2);
    }
    .footer3 li a{
        color: #fff;
        display: block;
        text-align: center;
        font-size: 14px;
    }
    .footer3 li .iconfont{
        font-size: 24px;
    }



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

    .nppsjlist li .text span{
        padding: 0 0 0 20px;
    }
    .nppsjlist li .text span::before{
        width: 8px;
        height: 8px;
    }

    .bantext .bzcasename{
        font-size: 24px;
    }
    .bzbanner{
        height: auto;
        padding: 50px 0;
    }
    .bantext .bzcaseintro{
        font-size: 14px;
    }
    .bantext .bzcasetd{
        font-size: 14px;
    }
    .bantext .bzcasecolor li{
        width: 47.5%;
        margin: 0 5% 5% 0;
        justify-content: flex-start;
    }
    .bantext .bzcasecolor li:nth-child(2n){
        margin: 0 0 5% 0;
    }
    .bantext .bzcasecolor li .bzcolor{
        margin: 0 15px 0 0;
    }

    .bnav,
    .bnav a{
        font-size: 14px;
    }




}
@media screen and (max-width: 428px) {
    .casecate li{
        margin: 0 2px;
    }
}
@media screen and (max-width: 414px) {
    .casecate li a{
        font-size: 13px;
    }
}
@media screen and (max-width: 375px) {
    .casecate li a{
        font-size: 12px;
    }
}
@media screen and (max-width: 360px) {
}
@media screen and (max-width: 320px) {
}