/*  WAP主导航 */
.wapNav{overflow-y:auto;height:100%;opacity:0;transform: translateX(-100%);transition:all 0.6s;background:#fff;width:100%;position: fixed;left:0;top:0;z-index: 40;padding:60px 20px 20px 20px;}
.wapNav li{position:relative;font-size:16px;}
.wapNav li a{display:block;color:#222;height:55px;line-height:55px;border-bottom:1px solid #eee;position:relative;}
.wapNav li i{font-family:"iconfont";color:#ccc;font-size:1.2em;font-style:normal;position:absolute;right:0;top:0px;line-height:55px;transition:all .5s;}
.wapNav li.cur>a,.wapNav .cur>a:hover,.wapNav li :hover i,.wapNav .cur i{color:#c40909;}
.wapNav .on i{color:#c40909;}
.wapNav .on i{transform: rotate(180deg);}
.wapNav .navSub{display:none;border-bottom: 1px solid #eee;}
.wapNav .navSub li a{height:40px;line-height:40px;padding-left:20px;font-size:15px;border:none;color:#333;}
.wapNav .navSub ul{background:#f1f1f1;}
.wapNav .navSub ul li a{height:34px;line-height:34px;padding-left:60px;}
.wapNav .menu{overflow:hidden;font-size:1rem;border-top:1px solid #ddd;}
.wapNav .menu a{float:left;width:50%;text-align:center;line-height:50px;border-right:1px solid #eee;color:#333;border-bottom:1px solid #eee;}
.wapNav .menu a i{font-family:"iconfont";margin-right:5px;position:relative;font-style:normal;color:#666;font-size:1rem;}
.wSearch{background:#f1f1f1;overflow:hidden;padding:15px;font-size:12px;}
.wSearch form{margin:0 auto;background:#fff;height:40px;overflow:hidden;padding-right:60px;}
.wSearch .sear_text{width:100%;float:left;height:40px; line-height:40px;color:#666; padding-left:10px;}
.wSearch .sear_btn{ float:left;width:60px;height:40px; cursor:pointer;text-align:center;background:#333;color:#fff;font-size:14px;transition:all 0.3s;margin-right:-60px;}
.wSearch .sear_btn:hover{background:#c40909;}


@media all and (max-width:1620px) {
  .container{max-width:1260px;}
  .pd60,.listWrap,.listMenu_box {overflow:hidden;}
  .banner .btn{right:5%;}
  .banner .num,.banner div.progress{left:5%;}
  .banner .txt{font-size:.75rem;}
  .aboutVideo{height:600px;}
  .aboutNum{bottom:30px;}
  .main_bg{transform:scale(.8);}
  .business .main{padding-top:30px;}
  .serviceMain{height:700px;}
  .serviceMain .txt{padding-top:12%;}
  .nmyxBox1 .pic{margin-right:0;}
  .nmyxBox1 .main{padding:80px 60px;}
  .nmyxBox2 li .pImg{margin:0;padding-top:128%;margin-bottom:20px;}
  .nmyxBox5 .picBox .pic{height:260px;}
  .breadCrumb p{background-position:30px center;padding-left:60px;}
  .listMenu_box{box-shadow:0 3px 8px #eee;}
  .listBan .txt h3{font-size:2.6em;}
  .hktBox1{font-size:14px;}
  .hktBox1 .tag span{padding:0 20px;}
  .tpBox_txt{font-size:1.5em;}
  .tpBox_txt h4{margin-bottom:40px;}
  .aboutBox4 li{padding:30px;}
  .aboutBox4 li .pic{max-width:60%;}
  .aboutBox4 li .pic img{width:100%;}
  .aboutBox4 li .txt{max-width:65%;}
}



@media all and (max-width:1440px) {
  body{font-size:.875rem;}
  .headR{right:15px;}
  .serviceMain{height:600px;}
  .listTie{font-size:2.5rem;}
  .listMenu a{padding:0 30px;font-size:16px;}
  .listBan .txt{font-size:20px;}
  .nmyxBox6 ul {margin-right:-20px;}
  .nmyxBox6 ul li{padding-right:20px;}
  .newsList li h4{height:60px;}
  .tpBox_txt{font-size:1.571em;}
  .solutionIndex li .txt{padding:20px 5%;}
  .solutionIndex li p{height:50px;margin-bottom:25px;}
  .showdec_s,.solutionShow_info,.solutionCase ul{padding:4%;}
  .showdec_s .bgImg{height:400px;}
  .showTie2{padding:30px 4%;}
  .showTie2::after{left:4%;width:80px;}
  .solutionBox2 .showTie2::after{margin-left:-40px;}
  .cpiBox1 li{padding:0 10px;}
  .dzbsBox1 .main{height:420px;}
  .dzbsBox1 .main p{top:135px;}
  #dituContent{height:500px;}
  .cultur li{height:330px;}
  .cultur .text{padding:25px;}
  .cultur p{left:25px;right:25px;bottom:25px;}
}

@media all and (max-width:1260px) {
  .container{padding-left:15px;padding-right:15px;overflow:hidden;}
  .banner .btn{right:15px;}
  .banner .num,.banner div.progress{left:15px;}
  .footer{font-size:.75rem;}
  .aboutVideo{height:500px;}
  .hTitle span{font-size:1.5em;}
  .business{margin:40px 0;}
  .nmyxBox1 .main{padding:60px 40px;}
  .nmyxBox1 .pic{max-width:35%;margin-left:5%;}
  .nmyxBox3 ul{padding:0;}
  .nmyxBox3 li .pic{height:360px;}
  .nmyxBox5 .picBox .pic{height:240px;}
  .listBan, .mzsmBanner{height:420px;}
  .listBan .txt{font-size:16px;}
  .breadCrumb p{background-position:15px center;padding-left:40px;line-height:30px;}
  .listMenu_box::after{display:none;}
  .listMenu_box{box-shadow:0 3px 8px #eee;}
  .listMenu a{padding:0 25px;font-size:14px;}
  .menuSub a{margin-right:20px;}
  .hktBox1{font-size:12px;}
  .OTM_box3 .txt li{margin:0 5px;}
  .OTM_box3 .txt,.OTM_box3 .num{padding:0;}
  .OTM_box3 .num{font-size:1.25em;}
  .OTM_box3 .num span{width:140px;height:140px;padding-top:35px;}
  .OTM_box11 li,.OTM_box12 li{width:33.3%;}
  .solutionIndex{margin-right:-15px;}
  .solutionIndex li{padding-right:15px;margin-bottom:15px;}
  .solutionPic li a{height:340px;line-height:340px;}
  .cpiBox1 .p1{font-size:1em;}
  .cpiBox1 .pic{height:520px;}
  .yycjList li{width:33.3%;}
  #dituContent{height:460px;}
  .RI_box2 .left li{width:140px;height:140px;}
  .RI_box2 .left li span{font-size:3em;}
  .RI_box2 .text {display:flex;flex-flow:row wrap;}
  .RI_box2 .text span{margin-right:5px; width:auto;margin-top:5px;padding:0 20px;}
  .mapBox ul{margin-bottom:20px;}
  .mapBox .map{width:70%;}
  .mapBox .container{overflow:visible;}
  .cultur .listTie{left:15px;}

}



@media all and (max-width:1024px) {
  body{padding-top:60px;font-size:.875rem;}
  .pd60{padding-top:40px;padding-bottom:40px;}
  .header{height:60px;line-height:60px;border-bottom: 1px solid #eee;background:#fff;box-shadow:none;}
  .header .container{height:60px;}
  .nav,.gr_kefu,.headR .tel,.header .logo1,.proSide_sub,.listMenu_box p,.proShow_R .wx,.picShow_r,.contactBox .pic,.footMenu dt::before{display:none;}
  .navTrigger,.wapTip,.proSider .title i,.footMenu dt::after{display:block;}
  .nav_on{opacity:1;transform: translateX(0);}
  .header.hideY{transform: translateY(0);}
  .header .logo2{display:inline-block;}
  .logo img{height:36px;}
  .headR{right:55px;top:16px;}
  .headR a{color:#333 !important;}
  .wapTel{display:inline-block;}
  .search form{width:90%;}
  .search .close{right:10px;}
  .footMain {padding:15px;}
  .footMenu,.footR{float:none;width:100%;display:block;padding-right:0;} 
  .footMenu dl{width:100%;border-bottom: 1px solid rgba(255,255,255,.2);margin-bottom:12px;font-size:16px;}
  .footMenu dt{margin-bottom:12px;font-size:16px;padding-bottom:0;}
  .footMenu dd{display:none;}
  .footMenu dd a{padding-left:20px;}
  .footMenu .n a{display: block;}
  .banner .mouse,.banner .btn, .proSlide,.kefuAir {display:none;}
  .banner .num{left:50%;margin-left:-85px;bottom:10px;}
  .banner div.progress{margin-left:0;left:50%;width:120px;margin-left:-60px;bottom:20px;}
  .banner .total{left:50%;margin-left:70px;}
  .banner .txt .more{height:34px;line-height:32px;}
  .banner .txt h4{font-size:38px;}
  .banner .txt b{font-size:46px;}
  .banner .txt span{font-size:16px;letter-spacing:2px;}
  .banner .btn{left:50%;bottom:10px;border-radius:0;width:30px;height:24px;line-height:22px;margin-left:16px;}
  .banner .swiper-button-prev{margin-left:-16px;}
  .aboutMain{display: block;margin-bottom:30px;}
  .aboutMain .hTitle{margin-bottom:0;}
  .aboutTxt .tie2{font-size:2.5em;margin-bottom:20px;}
  .aboutTxt{max-width:100%;font-size:1em;}
  .aboutTxt .txt{margin-bottom:20px;line-height:1.8;}
  .aboutTxt .tie2 span{display:inline-block;}
  .aboutTxt .more{height:52px;line-height:50px;}
  .aboutVideo{height:420px;}
  .aboutNum{font-size:1em;bottom:20px;width:70%;}
  .main_bg{transform: scale(.5);}
  .about .main_bg2{top:auto;bottom:-100px;}
  .hTitle{font-size:28px;}
  .hTitle span{font-size:36px;}
  .strength ul{margin-right:-10px;}
  .strength li{padding-right:10px;margin-bottom:10px;}
  .business .hTitle{position: static;text-align:center;}
  .business .main{padding-top:0;}
  .businessNum li b{font-size:1.2em;}
  .business .main,.nmyxBox4  .pic{width:100%;overflow-x:auto;margin-bottom:25px;}
  .business .main img,.nmyxBox4  .pic img{width:1240px;max-width:inherit;}
  .serviceMain{height:auto;padding:90px 0;font-size:.75rem;}
  .serviceMain .txt{padding-top:0;}
  .serviceMain p{margin:20px 0 40px 0;}
  .newsMain li p{height:auto;text-overflow:ellipsis;display: -webkit-box;overflow: hidden;line-clamp:2;-webkit-box-orient: vertical;text-overflow: -o-ellipsis-lastline;-webkit-line-clamp:2;min-height:55px;}
  .layer_video{width:96% !important;height:60% !important;}
  .nmyxBox1 .main{padding:40px 25px;}
  .listTie{font-size:36px;margin-bottom:25px;padding-bottom:10px;}
  .listTie::after{width:50px;margin-left:-25px;}
  .listTie2{padding-bottom:0;}
  .nmyxBox3 li .pic{height:320px;}
  .nmyxBox5 .picBox .pic{height:200px;}
  .listBan .txt{top:50%;}
  .breadCrumb{ box-shadow: 0 3px 7px #f1f1f1;font-size:12px;margin-top:-1px;}
  .breadCrumb p{padding:15px;padding-left:40px;background-size:15px;}
  .listMenu_box{height:auto;line-height:2;padding:0;}
  .listMenu{margin-top:-1px;width:100%;}
  .listMenu a{line-height:56px;padding:0 20px;} 
  .menuSub{padding:15px;}
  .nmyxBox4 h5{font-size:1.25em;}
  .nmyxBox6 ul{display:flex;flex-flow:row wrap;margin-right:0;font-size:16px;}
  .nmyxBox6 ul li{width:auto;flex-grow:1;padding-right:0;margin:1px;}
  .nmyxBox6 ul li a{padding:0 20px;width:100%;border-radius:0;height:46px;line-height:46px;}
  .newsList li,.proList li{width:50%;}
  .hktBox1 .main1 ul{font-size:1.5em;}
  .hktBox1 .main1 li,.hktBox1 .main2 .tag,.hktBox3 ul, .tpBox_txt{margin-top:25px;}
  .tpBox_txt{margin-right:0;}
  .tpBox .info,.contactBox{flex-flow: wrap-reverse;}
  .tpBox_txt,.tpBox_pic,.mainPic,.gtkBox1 .txt,.gtkBox2 li,.gtkBox2 .main div,#dituContent,.contactBox .font,.honor .pic,.honor .tie{width:100%;}
  .mb50,.tpBox_txt h4{margin-bottom:25px;}
  .tpBox, .tpBox4,.cpiPro_box .top,.mb90{margin-bottom:40px;}
  .tabImg{width:100%;overflow-x:auto;display:block;}
  .tabImg img{width:1024px;max-width:1024px;}
  .listTie span{font-size:16px;}
  .OTM_box1 .main{padding:60px 15px;}
  .OTM_box4 ul{margin-right:-15px;font-size:14px;}
  .OTM_box4 li{width:33.3%;margin:15px 0;padding-right:15px;}
  .OTM_box7 .pic,.OTM_box7 .txt, .cpiBox1 .pic,.cpiBox1 .txt{width:100%;}
  .OTM_box7 .pic,.cpiBox1 .pic,.mainPic,.gtkBox2 li{height:auto;}
  .OTM_box8 .txt span{padding:15px;height:auto;line-height:1.4;}
  .showdec_s .tie{margin-bottom:20px;}
  .solutionShow .title{padding:20px 15px;background-size:100%;}
  .showdec_s .btn{margin-top:25px;}
  .showTie2{padding:25px 4%;}
  .solutionPic,.showdec_s .txt{float:none;width:100%;}
  .showdec_s .txt{padding:20px 15px;background:#f5f5f5;border-bottom: 1px solid #ddd;}
  .solutionPic li a{height:auto;line-height:1;}
  .matlBox1 li, .dzbsBox3 li,.dzbsBox5 .list li{width:50%;}
  .matlBox2 .menu{height:50px;margin-bottom:20px;}
  .cpiBox2 li{height:240px;}
  .cpiBox2 li i{width:100px;height:100px;background-size:600px;}
  .cpiBox2 li:nth-child(2) i{background-position:-100px 0;}
  .cpiBox2 li:nth-child(3) i{background-position:calc(-100 * 2px) 0;}
  .cpiBox2 li:nth-child(4) i{background-position:calc(-100 * 3px) 0;}
  .cpiBox2 li:nth-child(5) i{background-position:calc(-100 * 4px) 0;}
  .cpiBox2 li:nth-child(6) i{background-position:calc(-100 * 5px) 0;}
  .cpiBox3 .menu{height:auto;line-height:1.4;display:flex;flex-flow:row wrap;font-size:1.25em;}
  .cpiBox3 .menu span{padding:15px;flex-grow:1;border-right: 1px solid #fff;border-bottom: 1px solid #fff;width:auto;}
  .dzbsBox2 li,.dzbsBox4 .list2 .box,.oledBox2 .box{width:100%;margin-bottom:20px;}
  .dzbsBox2 ul,.gtkBox2 ul{margin-right:0;}
  .dzbsBox4 .list{margin-bottom:0px;}
  .dzbsBox4 .list li{width:calc(50% - 20px);margin-bottom:20px;}
  .dzbsBox4 {padding-top:0 !important;}
  .dzbsBox4 .list3 li{margin:10px 20px;width:auto;}
  .dzbsBox5 .txt span{margin:0 10px;}
  .videoList li {width:50%;}
  .videoList li .pImg::before{width:60px;height:60px;background-size:60px;margin-left:-30px;margin-top:-30px;}
  #dituContent{height:420px;margin-bottom:25px;}
  .dzbsBox5 .list li,.gtkBox2 li{margin-bottom:15px;}
  .gtkBox2 ul{padding:0;}
  .swcgq_tie{margin-bottom: 25px;line-height:1.6;font-size:14px;}
  .RI_box1 .text{font-size:1em;margin-bottom:25px;}
  .RI_box2 .left ul{padding-right:0;}
  .RI_box2 .left ul{margin:20px 0;}
  .contactBox .font{padding:0;margin-bottom:25px;}
  .contactBox .wx{right:0;bottom:0;left:auto;}
  .aboutBox3 .left,.aboutBox3 .right{width:100%;float:none;overflow:hidden;}
  .aboutBox3 .right {margin-right:-10px;}
  .aboutBox3 .right li{width:33.3%;float: left;padding-right:10px;}
  .aboutBox3 li .pic{height:auto !important;}
  .aboutBox4 li{width:100%;margin-bottom:20px;height:auto;}
  .honor .main{display:block;}
  .honor .tie{text-align:center;}
  .honor .pic{margin-left:0;margin-top:-150px;}
  .cultur .listTie{position:static;text-align:center;}
  .cultur .listTie span::after{left:50%;margin-left:-30px;}
  .cultur .listTie span{font-size:18px;}
  .cultur li:nth-child(1){margin-left:0;}
  .cultur li{width:33.3%;}
  .cultur li:last-child{display:none;}
}


@media all and (max-width:768px) {
  .pd60,.listWrap{padding-top:30px;padding-bottom:30px;}
  .copyright p{float:none;display:inline;margin-right:8px;}
  .footR .tel{margin-bottom:15px;font-size:2em;}
  .banner {height:500px;}
  .banner .txt img{max-width:70%;}
  .hTitle{font-size:28px;}
  .aboutTxt .tie2{font-size:36px;}
  .aboutNum li p{font-size:2.5em;}
  .aboutNum li b{margin-right:0;}
  .strength li{width:50%;}
  .businessNum{display:flex;justify-content:space-between;margin-top:25px;flex-flow:row wrap;}
  .businessNum li{margin:0;}
  .businessNum li p{font-size:3em;}
  .serviceMain{height:auto;padding:50px 0;}
  .news .more{margin-top:25px;height:52px;line-height:50px;}
  .listTie{font-size:30px;}
  .nmyxBox1 .main{display:block;padding:15px;}
  .nmyxBox1 .txt{width:100%;}
  .nmyxBox1 .pic{max-width:80%;margin:0 auto;margin-bottom:20px;text-align:center;}
  .nmyxBox3 li {width:100% !important;float:none;margin-bottom:20px;}
  .nmyxBox3 li .pic{height:auto;display:block;}
  .nmyxBox5 .picBox .pic{height:160px;}
  .pagination .a1_page,.pagination .first_page,.pagination .Last_page{display:none;}
  .listBan, .mzsmBanner,.aboutBox3 .left li.m1{height:360px;}
  .breadCrumb p{padding-top:10px;padding-bottom:10px;}
  .breadCrumb .back{display:none;}
  .listMenu a{padding:0 15px;font-size:15px;}
  .newsList li .txt,.gtkBox2 li{padding:15px;}
  .newsShow .title{font-size:2em;}
  .newsShow_con{padding:25px 0 25px 0;}
  .news_relative{margin-top:30px;}
  .news_relative li{width:100%;padding-bottom:10px;margin-bottom:10px;}
  .hktBox1 .main{display:block;}
  .hktBox1 .main1 .pic,.hktBox1 .main1 .txt,.hktBox1 .main2 .pic,.hktBox1 .main2 .left{width:100%;}
  .hktBox1 .main1 .txt{margin-left:0;}
  .tpBox_txt{font-size:1.25em;}
  .tpBox5 ul,.dzbsBox3 ul,.aboutBox1 ul{margin-right:-10px;}
  .tpBox5 li,.dzbsBox3 li,.aboutBox1 li{width:50%;padding-right:10px;}
  .tabImg2,.OTM_box2 .main{width:100%;overflow-x:auto;display:block;}
  .tabImg2 img,.OTM_box2 .main img{width:768px;max-width:768px;}
  .OTM_box11 ul,.dzbsBox5 .list ul,.yycjList{margin-right:-10px;}
  .OTM_box11 li,.dzbsBox5 .list li,.yycjList li{width:50%;padding-right:10px;margin-bottom:15px;}
  .OTM_box12 li,.cpiBox2 li{width:50%;padding:5px;}
  .showdec_s{padding:0;border:none;}
  .solutionShow .title{font-size:2em;padding-bottom:15px;}
  .caseShow_info{padding:20px 0;}
  .showdec_s .tie{font-size:1.5em;padding-bottom:15px;}
  .showTie2{padding:25px 4%;font-size:1.5em;}
  .solutionCase li{width:50%;}
  .solutionBox2 .showTie2,.cpiPro_box .top,.aboutBox4 .p1{margin-bottom:25px;}
  .cpiBox2 li{padding:15px;}
  .dzbsBox1 .main{height:auto;padding:50px 0;}
  .dzbsBox1 .main p{position:static;width:90%;margin:0 5%;line-height:1.6;padding:5%;}
  .dzbsBox3 li p{height:40px;line-height:40px;}
  .dzbsBox3 li a{border-radius:5px;}
  .RI_box2 .main{flex-flow:wrap-reverse;}
  .RI_box2 .left,.RI_box2 .pic{width:100%;}
  .RI_box2 .pic{text-align:center;margin-bottom:25px;}
  .RI_box2 .left h4{font-size:1.5em;}
  .mapBox .map,.mapBox ul{width:100%;}
  .aboutBox1 ul{margin-top:25px;}
  .cultur li{width:50%;height:280px;}
}

@media all and (max-width:640px) {  
  .footR .zwm span{padding:8px;}
  .banner {height:420px;}
  .banner .txt h4{font-size:28px;}
  .banner .txt b{font-size:32px;}
  .banner .txt span{font-size:14px;letter-spacing:0;}
  .aboutNum{width:100%;left:0;right:0;padding:0 10px;bottom:10px;}
  .aVideo::after{width:60px;height:60px;background-size:60px;margin-left:-30px;margin-top:-30px;}
  .hTitle{font-size:24px;}
  .aboutTxt .tie2{font-size:30px;}
  .strength li i{width:40px;height:40px;background-size:40px;}
  .strength li a:hover i{background-position: 0 -40px;}
  .strength li a{padding-top:20px;height:240px;}
  .strength li h4{font-size:1.6em;padding-bottom:10px;margin-bottom:10px;}
  .serviceMain h3 span{font-size:2.5em;}
  .serviceMain p{margin:20px 0;font-size:16px;}
  .serviceMain .more{height:40px;line-height:38px;width:160px;}
  .main_bg3{width:60%;}
  .listTie,.hTitle span{font-size:25px;}
  .listTie::after{width:40px;margin-left:-20px;height:2px;}
  .nmyxBox5 .picBox {display: block;}
  .nmyxBox5 .picBox .pic{width:100%;margin-bottom:10px;display:block;height:auto;}
  .listBan, .mzsmBanner,.newsSlide li .pic,.aboutBox_r,.service .pic,.aboutBox3 .left li.m1{height:300px;}
  .listBan .txt h3{padding-bottom:0;margin-bottom:10px;font-size:36px;line-height:1.2;}
  .listBan .txt p{font-size:14px;letter-spacing:0;}
  .newsList li {width:100%;}
  .newsList li h4{height:auto;}
  .newsShow .text span{display:block;}
  .videoList li{width:100%;}
  .hktBox1 .tag span{height:42px;line-height:42px;}
  .hktBox1 .main1 ul{font-size:1.25em;}
  .listTie span{font-size:14px;}
  .OTM_box3 .num,.OTM_box3 .txt{flex-flow:row wrap;}
  .OTM_box3 .num li{width:50%;float:left;margin:10px 0;}
  .OTM_box3 .num span{width:120px;height:120px;padding-top:30px;}
  .OTM_box3 .num b{font-size:1.5em;}
  .OTM_box3 .txt li{width:49%;margin:0;margin-bottom:10px;padding:15px;height:230px;}
  .OTM_box7 li,.cpiBox1 li{width:50%;margin:15px 0;padding:0;}
  .OTM_box7 li i,.cpiBox1 li i{width:90px;height:90px;background-size:540px;}
  .OTM_box7 li:nth-child(2) i,.cpiBox1 li:nth-child(2) i{background-position:-90px 0;}
  .OTM_box7 li:nth-child(3) i,.cpiBox1 li:nth-child(3) i{background-position:calc(-90 * 2px) 0;}
  .OTM_box7 li:nth-child(4) i,.cpiBox1 li:nth-child(4) i{background-position:calc(-90 * 3px) 0;}
  .OTM_box7 li:nth-child(5) i,.cpiBox1 li:nth-child(5) i{background-position:calc(-90 * 4px) 0;}
  .OTM_box7 li:nth-child(6) i,.cpiBox1 li:nth-child(6) i{background-position:calc(-90 * 5px) 0;}
  .solutionIndex li{width:100%;float:none;margin-bottom:25px;}
  .solutionIndex li p{height:auto;text-overflow:ellipsis;display: -webkit-box;overflow: hidden;line-clamp:2;-webkit-box-orient: vertical;text-overflow: -o-ellipsis-lastline;-webkit-line-clamp:2;}
  .showTie2{padding:20px 4%;font-size:20px;}
  .solutionShow_info, .solutionCase ul{padding:20px 15px;}
  .proList{padding:0;}
  .proList li{width:100%;margin-bottom:25px;}
  .proList li a{box-shadow:none;}
  .matlBox2 .menu {height:40px;}
  .matlBox2 .menu span{margin:0 8px;}
  .cpiBox1 li{height:160px;}
  .cpiBox1 .p1{margin-bottom:25px;}
  .cpiPro_box .top{flex-flow:wrap-reverse;}
  .cpiPro_box .top .info{width:100%;max-width:100%;margin-right:0;}
  .cpiPro_box .top .pic{width:100%;text-align:center;}
  .cpiPro_box .info p span{width:100px;margin-right:10px;}
  .dzbsBox4 .list{margin-right:0;}
  .dzbsBox4 .list li{width:100%;}
  .gtkBox2 li h5{font-size:1.5em;}
  .RI_box2 .left li{margin:10px 0;}
  #dituContent{height:300px;}
  .pagination .a1_page,.pagination .first_page,.pagination .Last_page{display:none;}
  .RI_box2 .text span{padding:0 15px;}
  .contactBox .wx{position:static;margin-top:10px;display:inline-block;}
  .contactBox .font .tie{font-size:1.6em;padding-bottom:10px;margin-bottom:15px;}
  .aboutBox1 li:nth-child(1){width:100%;}
  .aboutBox1 li.big .pImg{padding-top:52%;}
  .aboutBox3 ul{margin-right:-5px;}
  .aboutBox3 li{padding-right:5px !important;margin-bottom:5px !important;}
  .aboutBox4 li{padding:25px 15px;}
  .aboutBox4 li .txt{max-width:100%;font-size:14px;}
  .aboutBox4 li .pic{position:static;max-width:100%;width:100%;margin-bottom:20px;}
  .honor .tie img{width:200px;}
  .honor .pic{margin-top:-100px;}
  .cultur li{width:100%;height:240px;}
  .cultur li.mainPic{display:none;}
  .cultur li.text2 {background:#fbf9f8;}
.cultur li.text2 *{color:#000;}
  .cultur li.wap {background:#c7000b;}
  .cultur li.wap *{color:#fff;}
}

@media all and (max-width:480px) {
  .logo img{height:30px;}
  .banner {height:340px;}
  .banner .txt h4{font-size:24px;}
  .banner .txt b{font-size:28px;}
  .banner .txt span{font-size:12px;}
  .aboutVideo{height:340px;}
  .aboutNum li p{font-size:2em;}
  .aboutTxt .more{width:100%;height:42px;line-height:40px;font-size:14px;}
  .about .main_bg2{bottom:0;}
  .about .main_bg1{top:-200px;}
  .businessNum li:last-child{width:100%;text-align:center;}
  .listBan, .mzsmBanner,.historyMain .bgImg,#dituContent,.aboutBox3 .left li.m1{height:260px;}
  .listBan .txt h3{font-size:32px;}
  .hktBox3 li{width:100%;margin-bottom:10px;padding-top:62%;}
  .mb50,.tpBox_txt .pic{margin-bottom:15px;}
  .solutionIndex li .txt{padding:15px;}
  .solutionIndex li p{margin-bottom:20px;}
  .solutionIndex li .more,.h_more{width:100px;height:30px;line-height:28px;}
  .matlBox1 li{width:100%;}
  .matlBox1 li .pic{height:280px;}
  .matlBox1 li .pic img{width:100%;height:100%;object-fit:cover;}
  .dzbsBox1 .main{padding:20px 0;}
  .dzbsBox2 li{padding:15px;}
  .RI_box3 .fl,.RI_box3 .fr{width:100%;}
  .mapBox ul{padding:20px;padding-top:5px;}
  .aboutBox3 .right li{width:100%;}
}
@media all and (max-width:390px) {
  .banner {height:300px;}
  .banner .txt h4{font-size:24px;}
  .banner .txt p{font-size:15px;margin-bottom:15px;}
  .banner .txt .more{height:28px;line-height:26px;font-size:12px;padding:0 10px;}
  .aboutVideo{height:300px;}
  .aVideo{border-radius:10px;}
  .aVideo::after{width:50px;height:50px;background-size:50px;margin-left:-25px;margin-top:-25px;}
  .aboutNum{font-size:.75rem;line-height:1.4;}
  .about .main_bg1{top:-180px;}
  .listBan,.mzsmBanner,.showdec_s .bgImg,.newsSlide li .pic,.aboutBox_r,.service .pic,.proInfo .pic,.aboutBox3 .left li.m1{height:200px;}
  .matlBox1 li .pic{height:220px;}



}