@media only screen and (max-width:1000px){
.topnav ul{font-size:14px}
}
@media only screen and (max-width:1065px){
.team .banner2{padding:0 0}
}
@media only screen and (max-width:900px){
.topnav .right{display:none}
.topnav .list1{display:none}
.topnav .classification{display:block}
.footer .fullleft{float:none}
.footer .fullright{float:none}
.footer{height:auto;line-height:30px;display:none}
.footer img{float:none}
.bottomnav{display:block}
.sideBar{display:none}
.miantitle h3{font-size:25px;margin-bottom:10px;margin-top:10px}
.miantitle h4{font-size:15px;margin-bottom:10px}
.section .controlbox{bottom:120px}
.section .seclist .instyle{width:33.33%}
.section .seclist .line{margin-top:5px}
.section .seclist h4{margin-top:0}
.section .seclist p{margin-top:0}
.banner2 .bannerin ul li{width:3.33%}
.banner2 .shadow h4{font-size:20px;line-height:30px}
.banner2 .shadow p{font-size:14px;line-height:20px;height:20px;overflow:hidden}
.banner2 .shadow h5{font-size:12px}
.partnerbox .partnerstyle{width:25%}
.servbox .instyle h4{font-size:13px}
.servbox .instyle h5{font-size:12px}
.section6 .bannerin ul li{width:10%;margin:0}
.section6 .bannerin ul li img{width:100%}
.section6 .caselist .liststyle{display:inline-block;margin-top:0}
.section6 .caselist{margin-top:-30px}
.section6 .listdetail .bottom p{max-height:30px}
.section6 .listdetail .bottom h5{padding:5px 0}
.section6 .about .left{width:100%;margin:auto;text-align:center;padding:0;border:none}
.section6 .about .left img{max-width:300px;margin:auto}
.section6 .about .right{width:100%;max-height:100px;position:initial}
.outherbanner{height:300px}
.outherbanner .titlebox{margin-top:240px}
.outherbanner .bottom{height:30px}
.outherbanner .bottom a{padding-top:5px;padding-bottom:5px;display:inline-block;font-size:12px}
.casecenter{padding-bottom:100px}
.casecenter .casestyle{width:33.33%}
.casedetail .thumbWrap img{width:100px}
.tidbits .banner2 .casestyle{padding:5px}
.tidbits .banner2 .inhide{bottom:5px;padding:0 5px}
.tidbits .banner2 .inback{color:#fff;line-height:35px;padding:0 5px;box-sizing:border-box}
.tidbits .banner2 .inback img{margin-top:13px;width:10px}
.tidbits .banner2 .casestyle:hover .inhide{height:35px}
.tidbits .hidedetail .close{right:0;top:-20px}
.outherbanner{height:400px}
.outherbanner .titlebox{margin-top:250px}
.aboutservice{padding-bottom:100px}
.aboutprofile .main .left{width:100%;padding:10px}
.aboutprofile .left img{margin-left:0;width:100%!important;}
.aboutprofile .main .right{width:100%}
.aboutprofile{margin-bottom:100px}
.aboutprofile .main p{margin-top:10px}
.culture .main .right{width:100%;float:none;text-align:center}
.culture .main .left{width:100%;float:none;padding:20px;
    overflow: hidden;}
.culture .main .imgbox{margin:auto;padding:0;border:none}
.culture .left img{margin:0}
.culture .main .line{margin:auto}
.team{padding-bottom:150px}
.contact .top h1{margin-left:10px}
.contact .top p img{top:12px}
.contact .top p span{float:none}
.onlinemsg{width:90%;margin:auto}
.contact{padding-bottom:50px}
.onlinemsg .left{width:100%;float:none;max-width:600px;margin:auto;transition:all 2s}
.onlinemsg .right textarea{height:152px}
.onlinemsg .right{width:100%;float:none;max-width:600px;margin:auto;transition:all 2s;margin-bottom:20px}
.equipment .banner2 .active{width:3.333%!important}
.equipment{padding-bottom:100px!important}
.equipment .hidedetail .close{right:0;top:-20px}
.news .casestyle{width:31.333%;margin:1%}
.news{margin-bottom:20px}
.news2 .casestyle{width:100%;border-right:none!important;border-left:none!important}
.newsdetail .mian{padding:10px;margin-bottom:120px;box-sizing:border-box}
.equipment .casecenter{padding-top:40px;padding-bottom:0}
.page .pagenext,.page .pageprev{width:45%!important;display:block;line-height:35px;float:left;background:#0096ff;color:#fff!important;margin:0;border:none;box-sizing:border-box;margin-bottom:30px;margin-top:-20px}
.page .pagenext{float:right}
.page .pageprev{float:left}
.tidbits .page .pagenext{margin-right:1%}
.tidbits .page .pageprev{margin-left:1%}
}
@media only screen and (max-width:720px){
.topnav .list2>li{line-height:40px;font-size:20px}
.topnav .list2 .inlist{font-size:14px;line-height:30px}
.section6 .bannerin ul li{float:left;}
.section6 .indexnews .pic{border-right:none;padding:0;}
.section6 .bannerin{border-left:50px solid transparent!important;border-right:50px solid transparent!important}
.section6 .prev{left:0}
.section6 .next{right:0}
}
@media only screen and (max-width:480px){
.topnav{height:60px}
.topnav>a>img{height:30px}
.topnav .classification{top:15px}
.classification img{height:30px}
.topnav .list2 li{line-height:30px;font-size:14px}
.topnav .list2 .inlist a{font-size:12px;line-height:20px}
.bottomnav li{height:50px}
.bottomnav li img{width:30px}
.bottomnav li a{width:100%;height:50px;font-size:12px;margin-top:0}
.section .controlbox{bottom:100px}
.otherlist .caselistbox{margin-bottom:20px}
#menu{display:none}
.banner .slidein2 .img1{width:50%}
.banner .slidein2 h3{font-size:20px}
.section6 .caselist{margin-top:-30px}
.section6 .about .left{max-height:100px;overflow:hidden}
.section6 .about .right p{font-size:12px;line-height:20px;margin-bottom:20px}
.section6 .about .right{max-height:80px}
.servbox .instyle{width:23.3%;margin:0 5%}
.servbox .hidestyle{width:16.67%;height:10px}
.miantitle h3{font-size:20px;margin-bottom:5px;margin-top:5px}
.miantitle h4{font-size:14px;margin-bottom:5px}
.banner .slidein3{max-width:300px;width:100%;text-align:center}
.banner .slidein3 h1{font-size:30px}
.banner .slidein3 h2{font-size:24px}
.posbox .instyle p{font-size:12px}
.outherbanner{height:200px}
.outherbanner .titlebox{margin-top:120px;height:30px;width:130px;line-height:30px}
.outherbanner .bottom{height:30px}
.outherbanner .bottom a{padding-top:5px;padding-bottom:5px;display:inline-block;font-size:12px}
.foc{width:80%;height:40px;line-height:40px;margin-top:30px}
.casecenter{padding-bottom:70px}
.casecenter .casestyle .hide img{width:30%}
.casecenter .liststyle{width:50px!important}
.casecenter .casestyle{width:50%}
.team .bannerin ul li:hover .bottom{height:100px}
.team .bannerin .name{margin-top:10px}
.team .bannerin .text{margin-top:5px}
.equipment .liststyle{width:50px!important}
.equipment .casecenter{padding-top:40px;padding-bottom:0}
.news .casestyle{width:48%;margin:1%}
.news2 .casestyle{width:100%;margin:10px 0}
.news .listdetail .text p{max-height:30px}
.contact .top .qrcode{position:initial}
.contact .top>p{padding-right:0}
}
@media only screen and (max-width:360px){
.section .seclist .instyle{margin-top:-20px}
.section6 .bottom{display:none!important}
.equipment{padding-bottom:40px!important}
}