/*  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 0;}
.wapNav li{position:relative;}
.wapNav li a{display:block;padding-left:20px;color:#333;height:50px;line-height:50px;border-top:1px solid #eee;position:relative;}
.wapNav li i{font-family:"iconfont";color:#888;font-size:1.2em;font-style:normal;padding:0 15px;position:absolute;right:0;top:0px;line-height:50px;}
.wapNav li.cur>a,.wapNav .cur>a:hover{background:#042326;color:#fff;}
.wapNav li :hover i,.wapNav .cur i{color:#fff;}
.wapNav .navSub{display:none;background:#f5f5f5;}
.wapNav .navSub li a{height:40px;line-height:40px;padding-left:40px;font-size:.875em;border-top:1px solid #e5e5e5;}
.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:20px 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:#3388ff;}


/* 头尾及公用部分 */
@media all and (max-width:1600px) {
    .container{padding-left:30px;padding-right:30px;}
    .header .container{padding-right:250px;}
    .headR,.banner .ban3 .txt{right:30px;}
    .banner .txt{max-width:40%;margin:0;left:30px;top:50%;}
    .banner .ban3 .txt{margin-left:0;left:auto;}
    .banner .swiper-slide-active .txt{transform:translate(0) scale(1);top:42%;}
    .listBanner h3{transform:translate(0,-50%);left:0;padding-left:30px;}
    .pd60,.listWrap{overflow:hidden;}




}
@media all and (max-width:1440px) {
    .nav .m{margin-left:40px;}
}

@media all and (max-width:1370px) {/*xinwenjia*/
  .conBox{padding-top:60px;padding-bottom:60px;}
  .newsL{margin-right:-20px;}
  .newsL li{padding-right:20px;}

}



@media all and (max-width:1260px) {
    .container{padding-left:15px;padding-right:15px;}
    .header .container{padding-right:220px;}
    .header{font-size:.875rem;}
    .banner .txt{left:15px;}
    .headR,.banner .ban3 .txt{right:15px;}
    .nav .m{margin-left:30px;}
    .banner .ban3 .txt{top:36%;left:auto;}
    .footer{font-size:.75rem;}
    .footR p{background-size:16px;background-position: left 5px;line-height:2.2;}
    .listBanner{height:460px;}
    .listBanner h3{padding-left:15px;}


}  
@media all and (max-width:1024px) {
    body{padding-top:60px;font-size:.875rem;}
    .header{height:60px;line-height:60px;position: fixed;width:100%;top:0;left:0;padding-top:0;z-index:90;background:#f3f3f3;}
    .header:hover{background:#f3f3f3;}
    .header .logo {line-height:60px;}
    .header .logo img{height:28px;}
    .header .container{padding-right:0;height:60px;}
    .navTrigger,.wapTel,.wapLang,.proSider .title i,.footMenu_wap{display:block;}
    .nav_on{opacity:1;transform: translateX(0);}
    .headR,.footL,.footLogo,.nav,.gr_kefu,.firendlink,.breadCrumb,.bshare-custom{display:none;}
    .footer,.footer .container{padding:0;}
    .footMenu_wap a{float:left;width:25%;text-align:center;height:40px;line-height:40px;border:1px solid #ddd;margin-top:-1px;margin-left:-1px;}
    .footMenu_wap a:nth-child(4n){border-right:none;}
    .footR{float:none;width:100%;padding:15px;}
    .pd60,.listWrap{padding-top:40px;padding-bottom:40px;overflow: hidden;}
    .banner .swiper-pagination{bottom:5px;}
    .listBanner{height:360px;text-align:center;}
    .listBanner h3{padding-left:0;font-size:1.286rem;}
    .listMenu{font-size:1rem;display: flex;flex-flow:row wrap;justify-content: space-between;overflow: hidden;background:#f5f5f5;margin:-40px -16px 25px -15px;text-align:center;}
    .listMenu .m{flex-grow:1;border:1px solid #ddd;margin:0;margin-left:-1px;margin-top:-1px;padding:0 20px;line-height:40px;height:40px;}
    .listMenu .cur{background:#3388ff;color:#fff;}
	.newsL,.newsR{width:100%;float:none;}/*xinwenjia*/
	.newsR{margin-top:25px;}
	.newsR li a{border-top: 1px dotted #ccc;border-bottom:none;}
	.newsL li{width:100%;padding-right:0;}
	.newsL li:nth-child(2){float:right;}
	.seoBox1 .procontainer a{font-size: 15px;}
	.banner{ margin-top:0px;}
}  
@media all and (max-width:768px) {
	.conBox{padding-top:40px;padding-bottom:40px;font-size:.75rem;}/*xinwenjia*/
	  .newsL li .bgImg{height:260px;}/*xinwenjia*/
    .banner .txt,.banner .ban3 .txt{max-width:60%;top:50%;left:50%;transform: translate(-50%,-50%);}
    .banner .swiper-slide-active .txt{transform: translate(-50%,-50%);}
    .banner .mouse{bottom:50px;}
    .listBanner{height:300px;}
    .listBanner h3{font-size:1rem;}
    .listMenu{font-size:.875rem;}
    .pagination .a1_page,.pagination .first_page,.pagination .Last_page{display:none;}
	.seoBox1 .procontainer a{width: 22%;}

}  
@media all and (max-width:640px) {
	.listBanner{height:280px;}
	.pagination .a1_page,.pagination .first_page,.pagination .Last_page{display:none;}
	.newsL li p,.newsL li .date{display:none;}/*xinwenjia*/
	.newsL li .bgImg{height:220px;}/*xinwenjia*/
}
@media all and (max-width:480px) {
    .banner .txt,.banner .ban3 .txt{max-width:80%;}
    .listBanner{height:180px;}
    .listBanner h3{font-size:.75rem;;}
	.newsL li .bgImg{height:140px;}/*xinwenjia*/
	.newsL h4{font-size:1em;}/*xinwenjia*/
	.newsR li a{padding-left:0;padding-bottom:20px;height:auto;}/*xinwenjia*/
  
}



/* 首页 */
@media all and (max-width:1260px) {
    .oddsMain .btn{display:inline-block;}
    .oddsMain li{font-size:1em;}
    .project{font-size:.75rem;}
    .projectMenu {padding:0;overflow:hidden;height:auto;}
    .projectMenu h3{height:140px;}
    .projectMain{padding-top:50px;}
    .proTxt{width:50%;}
    .caseMain .big{width:33.3%;}
    .caseMain .big .pImg{padding-top:62%;}
    .caseMain .big .txt{display:none;}
    .caseMain .big h4,.newsMain li:nth-child(5){display: block;}
    .newsMain,.contact{font-size:.75rem;}
}  
@media all and (max-width:1024px) {
    .odds .title span{font-size:1.286em;}
    .odds .more{margin-bottom:20px;}
    .projectMenu h3{padding-left:3%;}
    .projectMain{padding:30px 15px;}
    .proTxt{width:100%;float:none;padding-top:0;}
    .proPic{display:none;}
    .caseMain li h4{position: static;color:#333;transform:translate(0);opacity:1;font-size:1.143em;text-align:left;background:#fff;}
    .aboutNum li span{font-size:3.8em;}
    .newsMain .txt{width:50%;}
    .newsMain .txt a{padding:30px 15px;}
    .contactL,.contactR{float:none;width:100%;height:auto;}
}  
@media all and (max-width:768px) {
    .projectMenu i{display:none;}
    .projectMenu h3{height:auto;padding:15px;}
    .projectMenu h3 span{font-size:1.6em;}
    .cTitle{text-align:center;margin-bottom:25px;}
    .cTitle .title i{display:inline-block;}
    .cMenu{position: static;margin-top:30px;font-size:16px;}
    .caseMain li, .caseMain .big{width:50%;}
    .about .title{font-size:2em;margin-bottom:30px;}
    .aboutNum{margin-top:30px;padding-right:0;}
    .aboutNum li{margin-bottom:30px;}
    .newsMain .img{height:340px;}
    .newsMain .img,.newsMain .font{float:none;width:100%;display:block;}
    .newsMain .font,.newsMain .font p{height:auto;}
    .newsMain .font p{margin-bottom:25px;}
    .contactR ul{padding:35px 0;}
    .contactR .zx{max-width:100%;}
    .cTitle .title span{font-weight:400;margin-bottom:0;}
} 
@media all and (max-width:640px) {
    .proTxt .more{width:100%;}
    .proTxt li{border-bottom: 1px solid rgba(255,255,255,.1);margin-bottom:15px;padding-left:50px;font-size:1.5em;}
    .proTxt i{font-size:2.4rem;margin-left:-50px;}
    .caseMain{margin-right:-10px;}
    .caseMain li{padding-right:10px;}
    .caseMain li h4{text-align:center;padding:10px;}
    .caseMain li h4 span,.newsMain .txt .date{display:none;}
    .about .title span{font-size:1em;}
    .aboutNum li {width:50%;}
    .aboutNum li span{font-size:3em;}
    .newsMain .img{height:300px;}
    .newsMain .txt,.contactL .sub{float:none;width:100%;}
    .newsMain .txt a{padding:15px;}
    .newsMain .txt p{border:none;margin-bottom:0;}
    .newsMain .txt p{height:auto;}
    .contactL li{margin-bottom:10px;}
    .contactR .title{font-size:1.5em;}
    .contactR li i{font-size:2.5em;}
    .contactR li p{font-size:1.286em;}

} 
@media all and (max-width:480px) {
    .proTxt li{min-height:90px;}
    .proTxt li{float:none;width:100%;min-height:auto;padding-bottom:15px;}
    .about .more{width:100%;}
    .newsMain .img{height:200px;}
}

/* 网站建设 */
@media all and (max-width:1600px) {
    .webBan .container{margin-left:0;left:0;}
    .webBan .txt{font-size:1.286rem;}
    .webBox .info{right:30px;}
    .webBox2 .info{right:auto;left:30px;}
    .coreAdv li{padding-left:15px;padding-right:15px;}
}  

@media all and (max-width:1440px) {
    .webBan{height:640px;}
    .webBan .txt{font-size:1rem;}
    .webBox{font-size:.875em;}
    .webBox h6 i{margin-right:2%;}
    .webBox .info p{height:auto;margin-bottom:40px;}
    .webBox .more{margin-top:30px;}
    .webBox .info{position: static;top:0;transform: translateY(0);padding-top:6.5%;}
    .webBox2 .info{padding-top:0;}
}  
@media all and (max-width:1260px) {
    .webBan{height:500px;}
    .webBan .container{top:100px;}
    .webBan .txt{padding-top:60px;}
    .webBox h6 i{margin-right:1px;}
    .webBox .info p{margin-bottom:25px;}
    .webBox .more{margin-top:20px;}
    .listTie{font-size:.875rem;}
}  

@media all and (max-width:1024px) {
    .webBan{height:360px;padding-top:0;}
    .webBan .container{top:0;}
    .webBan .txt{width:100%;}
    .webBan .txt img{max-width:80%;}
    .webBan .pic,.webBox .pic{display:none;}
    .webBox .pic,.webBox .info{float:none;width:100%;padding-top:0;}
    .webBox{padding:30px 15px;}
    .webBox2{background:#f5f5f5;}
    .coreAdv li{width:31.3%;margin-bottom:15px;}
    .listTie{font-size:.75rem;margin-bottom:30px;}
    .processMain .btn{display: inline-block;margin-top:30px;}

}  
@media all and (max-width:768px) {
    .webBan{height:320px;}
    .webBan .txt{font-size:.875em;text-align:center;}
    .webBox .more{width:100%;}
 
}
@media all and (max-width:640px) {
    .webBan{height:280px;}
    .listTie,.webBan{font-size:.75rem;}
    .listTie span{font-size:2em;}
    .coreAdv li{width:48%;height:200px;}
    .coreAdv li i{width:40px;height:40px;background-size:320px;margin-bottom:10px;}
    .coreAdv li:nth-child(2) i{background-position: -40px 0;}
    .coreAdv li:nth-child(3) i{background-position: -80px 0;}
    .coreAdv li:nth-child(4) i{background-position: -120px 0;}
    .coreAdv li:nth-child(5) i{background-position: -160px 0;}
    .coreAdv li:nth-child(6) i{background-position: -200px 0;}
    .coreAdv li:nth-child(7) i{background-position: -240px 0;}
    .coreAdv li:nth-child(8) i{background-position: -280px 0;}
    .coreAdv li:hover i{background-position: 0 -40px;}
    .coreAdv li:nth-child(2):hover i{background-position: -40px -40px;}
    .coreAdv li:nth-child(3):hover i{background-position: -80px -40px;}
    .coreAdv li:nth-child(4):hover i{background-position: -120px -40px;}
    .coreAdv li:nth-child(5):hover i{background-position: -160px -40px;}
    .coreAdv li:nth-child(6):hover i{background-position: -200px -40px;}
    .coreAdv li:nth-child(7):hover i{background-position: -240px -40px;}
    .coreAdv li:nth-child(8):hover i{background-position: -280px -40px;}
} 
@media all and (max-width:480px) {
    .webBan{height:180px;}
    .webBan .txt{padding-top:25px;}
    .webBan .txt h3{margin-bottom:15px;}
    .webBan .txt img{max-width:95%;}
    .processMain li{padding:30px 3%;}
    .processMain li::after{height:100%;opacity:1;}
}


/* 优化推广 */
@media all and (max-width:1400px) {
    .seoBox1,.seoBox2,.seoBox7{font-size:.875em;}
    .seoBox2 li{margin-bottom:40px;}
    .seoBox2 ul{max-width:380px;}
    .seoBox3 li{padding:2%;}
    .seoBox6::after{display:none;}
    .seoProcess::after{display: block;}

}  
@media all and (max-width:1024px) {
    .seoBox1 .container ul{margin:0 -1%;}
    .seoBox1 .container li{margin:0 1%;width:31.3%;}
    .seoBox2 .pic{display:none;}
    .seoBox2 ul{margin-top:0;}
    .seoBox5 li{width:48%;margin-bottom:15px;}
    .seoBox6 .btn{display:inline-block;margin-top:25px;}
    .seoCase .pic,.seoCase .txt{float:none;width:100%;}
    .seoCase li{box-shadow:none;}
    .seoCase .txt{background:#f8f8f8;}
    .seoCase .txt p{min-height:auto;margin-bottom:20px;}
    .seoCase .num li,.proShow_num li{background:none;}
    .seoBox7 .more{margin-top:25px;}
		.td-1{ width:20%; background-color:#e9e9e9;}
	.td-2{ width:80%; background-color:#f0efef;}
    
}  
@media all and (max-width:768px) {
    .seoBox1 .container ul{margin:0;}
    .seoBox1 .container li{width:50%;margin:0;margin-bottom:10px;}
    .seoBox1 .container li .txt{min-height:auto;padding:5%;}
    .seoBox2 ul{width:49%;}
    .seoBox2 li{margin-bottom:10px;}
    .seoBox3 li{width:50%;min-height:220px;}
    .seoBox4 {font-size:1em;}
    .seoBox4 li{margin:20px 0;}
    .seoBox4 li i{background-size:480px;width:60px;height:60px;}
    .seoBox4 li:nth-child(2) i{background-position: -60px 0;}
    .seoBox4 li:nth-child(3) i{background-position: -120px 0;}
    .seoBox4 li:nth-child(4) i{background-position: -180px 0;}
    .seoBox4 li:nth-child(5) i{background-position: -240px 0;}
    .seoBox4 li:nth-child(6) i{background-position: -300px 0;}
    .seoBox4 li:nth-child(7) i{background-position: -360px 0;}
    .seoBox4 li:nth-child(8) i{background-position: -420px 0;}
}  
@media all and (max-width:640px) {
    .seoBox2 ul{width:100%;float:none;max-width:100%;}
    .seoBox4 li{width:33.3%;}
    .seoBox5 li{width:100%;margin:0;margin-bottom:15px;min-height:120px;}
    .seoBox7 .more{width:100%;}
    .seoCase{padding:0;}
    .seoCase .pic{height:360px;}
    .seoCase .btn{top:40%;border-radius:0;width:26px;height:40px;line-height:40px;}
    .seoCase .num span,.proShow_num li span{font-size:2em;}
    .seoBox6 li{min-height:280px;}
}  
@media all and (max-width:480px) {
    .seoBox2 .listTie span{font-size:1.8em;}
    .seoBox3 li{width:100%;background:#fff;margin-bottom:10px;min-height:auto;padding:25px 4%;}
    .seoCase .pic{height:220px;}
    .seoCase .btn{display:none;}
}  

/* 客户案例观点分享 */
@media all and (max-width:1600px) {
    .newsShow,.proShow_main{margin-top:0;}
    .proShow_Top{margin-left:0;left:0;bottom:30px;}
    .proShow_Top .link{right:30px;}
    .relatedNews2{margin-bottom:0;}
    
}  
@media all and (max-width:1440px) {
    .newsList li,.relatedNews li{width:33.3%;}
    .relatedNews li:nth-child(4){display:none;}

}  
@media all and (max-width:1024px) {
    .caseList li p {height:50px;line-height:50px;}
    .caseList li p span{display:none;}
    .caseList ul,.newsList ul,.relatedNews ul{margin-right:-15px;}
    .caseList li,.newsList li,.relatedNews li{padding-right:15px;margin-bottom:15px;}
    .newsList li {width:50%;}
    .newsShow .top .fr{display:none;}


}  
@media all and (max-width:768px) {
    .caseList li{width:50%;margin-bottom:20px;}
    .proShow_Top{position: relative;background:#f5f5f5;color:#666;z-index:2;bottom:0;padding:15px;}
    .proShow_Top p{max-width:100%;}
    .proShow_Top .link{bottom:0;top:20px;right:15px;color:#666;border-color:#999;width:40px;height:40px;line-height:40px;}
    .relatedNews li{width:50%;}
    .relatedNews li:nth-child(4){display:block;}
    .relatedNews li p{font-size:12px;}
    .webCase li:nth-child(4){display: block;}
    .webCase .more a{background:#333;color:#fff;margin-top:10px;display: block;}
    .proShow_main .txt,.proShow_num{margin-bottom:25px;}
}  
@media all and (max-width:640px) {
    .caseList li{margin-bottom:0;}
    .caseList li p {height:40px;line-height:40px;border-bottom:none;text-align:center;}
    .proShow_Top h3{font-size:1em;}
    .proShowBox2{padding:30px 0;margin:40px auto;}
    .proShowBox2 h4{font-size:2em;margin-bottom:10px;}
    .newsList li{width:100%;float:none;}
    .newsList li a{box-shadow:none;}
    .newsList li .date{display:none;}
    .newsList li p{height:auto;margin-bottom:0;border:none;}
    .showPage .back{float:none;width:100%;margin-top:15px;display:block;}
 }  

/* 关于联系 */
@media all and (max-width:1600px) {
    .aboutBan{height:700px;padding-top:220px;font-size:.875em;}
    .aboutView {margin:0;}
    .contactCon{padding-left:0;padding-right:0;top:0;}
    .contactBox,.partner ul{padding-left:30px;padding-right:30px;}
    #dituContent{margin:0 30px;}

}  
@media all and (max-width:1260px) {
    .aboutBan{padding-top:180px;height:600px;}
    .aboutBan .info{width:56%;}
    .aboutBan .num li{padding-left:15px;}
    .aboutBan .num li span{font-size:4em;}
    .culture ul{font-size:1.143em;}
    .contactBox,.partner ul{padding-left:15px;padding-right:15px;}
    #dituContent{margin:0 15px;}
}  
@media all and (max-width:1024px) {
    .aboutBan{padding-top:30px;height:auto;overflow:hidden;}
    .aboutBan .info,.aboutBan .num{float:none;width:100%;}
    .aboutBan .num li{width:25%;}
    .culture li{width:48%;margin-bottom:40px;}
    .partner li{width:16.6%;}

    .contactTel li{height:220px;padding:3%;}
    .contactBox{padding-top:30px;padding-bottom: 0;}
    .contactBox  li{width:50%;margin-bottom:30px;}
    #dituContent{height:420px;}
}  

@media all and (max-width:640px) {
    .partner li{width:25%;}
    .aboutBan .info h3{font-size:1.6em;}
    .aboutBan .info p{margin-bottom:10px;}
    .culture,.aboutBan{padding-bottom:20px;}
    .aboutBan .num li{width:50%;margin:15px 0;}
    .aboutBan .num li span{font-size:3em;}
    .aboutBan .num li span::after{font-size:16px;margin-left:5px;}
    .contactTel li h4 span{font-size:2em;margin-bottom:0;}
    #dituContent{height:340px;}
    .aboutView .btn a{padding:0 30px;margin-right:20px;margin-bottom:15px;}
}  
@media all and (max-width:480px) {
    .aboutBan .info h3{font-size:1.4em;}
    .culture li{font-size:13px;}
    .culture li h4{top:-22px;}
    .contactTel li, .contactBox li{float:none;width:100%;}
    .contactTel li{height:auto;padding-bottom:15px;}
    .contactTel li i{margin-bottom:20px;}
    #dituContent{height:220px;}
}  











