/*  WAP主导航 */
@media all and (max-width:1200px) {
.container{padding: 0 15px;}
.pcNav .headerLogo{left: 20px;}
.pcNav .headerNav{padding-left: 0;float: right;}
.pcNav .headerTel{display: none;}
.itemList li a .txt h5{font-size: 30px;}
.itemList li a .num{font-size: 60px;}
.pageCult li .txt{width: 48%;}
.pageCult li .pic{width: 48%;}

}

@media all and (max-width:1024px) {
.container{padding: 0 15px;}
body{padding-top: 60px;position: relative;z-index: 0}
.pcNav{display: none;}
.head_open {height: 100%;}
.wapHeader{display: block;position: fixed;top: 0;left: 0;width: 100%;z-index:20;}
.wapHeader .logoHeader{height: 60px;background-color: #353535;}
.wapHeader .logoHeader .logo{position: absolute;left:20px;line-height: 54px;top:0;}
.wapHeader .logoHeader .logo img{height: 40px;}
.wapHeader .navbar{background-color: #fff;}
/*  导航按钮 */
.navTrigger{position:absolute;top:20px;right:20px;width:28px;overflow:hidden;white-space:nowrap;color:transparent;z-index:20;cursor:pointer;}
.navTrigger i{display:block;height:2px;background:#fff;margin-bottom:6px;transition:all 0.3s;  -webkit-transform-origin: 0% 50%;-moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%;-o-transform-origin: 0% 50%;transform-origin: 0% 50%;}
.navTrigger i:nth-child(3){margin-bottom:0;}
.navTrigger-on i{background: #666;}
.navTrigger-on i:nth-child(1){transform: translateX(4px) translateY(0px) rotate(45deg);}
.navTrigger-on i:nth-child(2){opacity:0;}
.navTrigger-on i:nth-child(3){transform:translateX(2px) translateY(2px) rotate(-45deg);}
/*导航列表*/
.wapHeader .navSlide{position: absolute;width: 100%;left: 0;top: -100%;opacity: 0;display: none;bottom: 0;background-color: #fff;overflow-y: auto;}
.wapHeader .navbar li a{display:block;color:#333;height:50px;line-height:50px;border-bottom:1px solid #ddd;position:relative;background-color:#fff;text-align: center;position: relative;}
.wapHeader .navbar>li>a i{background-image: url(../images/iconf.png);background-repeat:no-repeat;background-position: center center;position: absolute;width: 30px;height: 30px;right: 20px;top: 50%;margin-top: -15px;z-index: 999;}
.wapHeader .navbar>li:first-child a{height: 60px;line-height: 60px;background-image: none;}
.wapHeader .navbar>li>.current{background-color: #ed941e;color: #fff;}
.wapHeader .navbar>li>.current i{background-image: url(../images/icong.png); }
.wapHeader .navSub{display: none;}
.wapHeader .navSub>li>a{font-size: 14px;color: #666;}
.wapHeader .navSub>li>a:hover{color: #ed941e}
.wapHeader .tel{padding: 20px 0;text-align: center;font-size: 14px;}
.wapHeader .tel .iconfont{font-size: 16px;margin-right: 5px;color: #ed941e;}
.wapHeader .tel span{margin-left: 5px;font-size: 18px;color: #ed941e;font-weight: 600;}
.banner video,.banner .pcImg,.banner .videoBan .faceImg{display: none;}
.banner .banImg{display: block;}
.banner .videoBan .cover{display: none;}
.hThem{margin-bottom: 20px;}
.hThem .hTopic{font-size: 20px;}
.hThem .hTopic span{font-size: 12px;}
.business{padding-top: 40px;height: 300px;}
.range,.case.news,.customer{padding: 40px 0;}
.businessItem li a{padding-top: 30px;transition: .5s;}
.businessItem li p{display: none;}
.customerItem li{width: 20%;}
.customerItem li:last-child{display: none;}
.video .videoPrev,.video .videoNext{transform: scale(0.7);}
.pageAbout-right{clear: both;width: 100%;}
.pageAbout-left{display: none;}
.pageAbout-wap{display: block;float: left;margin-right: 20px;cursor: pointer;width: 50%;}
.pageAbout-wap img{display: block;width: 100%;}
.caseItem li a .txt h5,.caseList li a .txt h5{font-size: 14px;}
.caseItem li a .txt p,.caseList li a .txt p{font-size: 12px;}

.itemList li a:after{display: none;}
.itemList li a .txt h5{position: relative;}
.itemList li a .txt h5:after{content: "";position: absolute;width: 30%;height: 1px;background-color: #ee951f;top: 50%;margin-left: 10px;}
.itemList li:nth-child(odd) a .txt h5:after{left: -40%;margin-right: 10px;}
.itemList li a .txt p{font-size: 14px;}
.pictureShow{width: 100%;}
.honorList li{width: 33.33%;}
.showArticle .articlePage{display: none;}
.mobliePage{display: block;margin-bottom: 30px;}
.mobliePage .post-prev,.mobliePage .post-next{overflow: hidden;}
.mobliePage .pageTitle{float: left;font-size: 14px;color: #333}
.mobliePage h5{font-size: 14px;float: left;}
.gr_kefu{display: none;}
.contactList li{width: 100%;margin-bottom: 20px;}
.contactList li:nth-child(1) .pic{width: 50%;right: 0;left: auto;background-image: url(../images/shenzheng.jpg) !important;}
.newsList li a .txt h5{font-size: 18px;}
.pageRange ul{margin-right: -12px;}
.pageRange li a{margin-right: 12px;}
.pageRange li a .cover h5{font-size: 24px;}
.pageRange li a span{font-size: 16px;}

}

@media all and (max-width:920px) {
.container{padding: 0 15px;}
.rangeItem ul{margin-right: -10px;}
.rangeItem li a{margin-right: 10px;}
.caseItem ul{margin-right: -28px}
.caseItem li{margin-bottom: 28px;}
.caseItem li a{margin-right: 28px;}
.newsItem li a .time{font-size: 18px;margin: 15px 0 5px;}
.newsItem li a h5{font-size: 14px;margin-bottom: 12px;}
.newsItem li a p{margin-bottom: 15px;}
.customerItem li{width: 25%;}
.customerItem li:last-child,.customerItem li:nth-last-child(2){display: none;}
.footerLogo{display: none;}
.footerContact{width: 55%;}
.caseList ul{margin-right: -28px}
.caseList li{margin-bottom: 28px;}
.caseList li a{margin-right: 28px;}
.honorList ul{margin-right: -10px;}
.honorList li a{margin-right: 10px;}
.teamList li{width: 33.33%;}
.newsList li a .more{display: none;}
.pageRange ul{margin-right: -10px;}
.pageRange li a{margin-right: 10px;}
.pageRange li a .cover h5{font-size: 20px;}
.pageRange li a span{font-size: 14px;}
.contactFeed{width: 100%;}
}

@media all and (max-width:768px) {
.container{padding: 0 15px;}
.businessItem ul{padding-bottom: 20px;}
.businessItem .hd,.newsItem .hd{bottom: 0px;}
.businessItem .hd .swiper-pagination-bullet-active,.newsItem .hd .swiper-pagination-bullet-active{background-color: #ef9f19}
.caseItem  ul{margin-right: -14px}
.caseItem li a{margin-right: 14px;}
.caseItem li{margin-bottom: 14px;}
.caseItem li .txt i{display: none;}
.caseItem li .pic:after{transform: scale(0.9);}
.newsItem li {width: 50%;}
.newsItem  ul{margin-bottom: 35px;}
.customerItem li{width: 33.33%;margin-bottom: 10px;}
.customerItem li:last-child,.customerItem li:nth-last-child(2){display: block;}
.videoItem{width: 100%;}
.footerContact{display: none;}
.footerLink{display: none;}
.footerEwm{width: 100%;clear: both;text-align: center;}
.footerEwm dt{display: none;}
.footerBot{display: none;}
.footer{padding-bottom: 80px;}
.footBar{position: fixed;width:100%;left:0;bottom:0;height:45px;background:#f8c800;z-index:90;display: none;}
.footBar a{float:left;width:25%;border-right:1px solid #e7a701;text-align:center;line-height:45px;color:#fff;}
.footBar a i{margin-right:5px;font-size:18px;}
.footBar a:last-child{border-right:none;}
.footBar a:last-child i{font-size: 14px;}
.pageAbout-right h2{font-size: 20px;margin-bottom: 15px;}
.pageAbout-right .txt p{margin-bottom: 15px;}
.itemList li a .num{display: none;}
.itemList li a .txt{width: 50%;top: 20%;}
.itemList li a .txt h5{font-size: 24px;margin-bottom: 15px;}
.itemList .more{width: 100px;line-height: 30px;height: 30px;font-size: 12px;}
.caseList  ul{margin-right: -14px}
.caseList li a{margin-right: 14px;}
.caseList li{margin-bottom: 14px;}
.caseList li .txt i{display: none;}
.caseList li .pic:after{transform: scale(0.9);}
.pictureTitle h3{font-size: 24px;}
.pictureRelate .list li{width: 50%;}
.pictureRelate .list li:last-child{display: none;}
.pictureRelate .list li .tit{font-size: 14px;}
.teamList ul{margin-right: -10px;}
.teamList li a{margin-right: 10px;}
.showTeam .teamImg{float: none;width: 100%;text-align: center;margin-bottom: 20px;}
.showTeam .teamDetail{float: none;width: 100%;}
.showTeam .teamDetail h5{text-align: center;}
.newsList{overflow: hidden;margin-right: -15px;}
.newsList li {width: 50%;float: left;}
.newsList li a{width: auto;height: auto;margin-right: 15px;}
.newsList li a .pic{float: none;width: 100%;padding-top: 63%;margin-bottom: 15px;}
.newsList li a .txt{float: none;width: 100%;}
.newsList li a .txt p{margin-bottom: 0;margin-top: 15px;}
.pictureTitle h3{font-size: 20px;}
.showArticle .articleRelate-news li{float: none;width: 100%;}
.contactList li:nth-child(1) .pic{left: 0;width: 100%;}
.contactList li:nth-child(1) .txt{width: 100%;background: rgba(0,0,0,0.5);color: #fff;position: relative;z-index: 1}
.contactList li:nth-child(1) .txt h5{color: #fff;}
.breadCrumb .container{height: 40px;line-height: 40px;}
.pageNav li a{font-size: 14px;}
.listJob .reference th,.listJob .reference td{font-size: 12px;}
.listJob .reference td .jobButt{width: 80px;height: 30px;line-height: 30px;font-size: 12px;}
.contactForm .left li{width: 48%;}
.pageRange li a .cover{display: none;}
.pageRange li a span{height: 40px;line-height: 40px;}
.pageCult li{margin-bottom: 30px;}
.pageCult li .txt{padding-top: 3%;font-size: 12px;line-height: 22px;}
.pageCult li .txt h5{font-size: 20px;margin-bottom: 20px;}
.clientList ul{margin-right: -15px;}
.clientList li{margin-bottom: 15px;}
.clientList li a{margin-right: 15px;}
#dituContent{display: none;}
}

@media all and (max-width:640px) {
.container{padding: 0 15px;}
.pageTopic{font-size: 22px;}
.banner  .hd span{width: 8px;height: 8px;}
.rangeItem li{width: 50%;margin-bottom: 10px;}
.caseItem  ul{margin-right: -10px}
.caseItem li a{margin-right: 10px;}
.caseItem li{margin-bottom: 10px;}
.caseItem li .pic:after{transform: scale(0.8);}
.caseItem li .txt p{display: none;}
.caseItem li a .txt,.caseItem li a:hover .txt{padding: 10px 8px;}
.caseItem li a .txt h5{color: #333;transition: all .5s;}
.caseItem li a:hover .txt h5{color: #f07922}
.caseItem li .pic:after{transform: scale(0.7);}
.pageAbout-wap{display: none;}
.pageAbout-left{display: block;width: 100%;margin-bottom: 20px;}
.pageProject li i{transform: scale(0.8);margin-bottom: 10px;}
.itemList li{margin-bottom: 30px;}
.itemList li a .txt {top: 10%;}
.itemList li a .txt h5{font-size: 18px;margin-bottom: 10px;}
.itemList li a .txt p{line-height: 18px;}
.itemList li a .more{display: none;}
.caseItem  ul{margin-right: -10px}
.caseItem li a{margin-right: 10px;}
.caseList ul{margin-right: -10px;}
.caseList li{margin-bottom: 10px;}
.caseList li a{margin-right: 10px;}
.caseList li .pic:after{transform: scale(0.8);}
.caseList li .txt p{display: none;}
.caseList li a .txt,.caseList li a:hover .txt{padding: 10px 8px;}
.caseList li a .txt h5{color: #333;transition: all .5s;}
.caseList li a:hover .txt h5{color: #f07922}
.caseList li .pic:after{transform: scale(0.7);}
.pictureTitle h3{font-size: 20px;}
.pictureTab span a{font-size: 14px;line-height: 40px;}
.pictureRelate .title{font-size: 18px;}
.honorList li{width: 50%;}
.teamList li{width: 50%;}
.newsList{margin-right: 0}
.newsList li {width: 100%;float: none;}
.newsList li a{margin-right: 0}
.pictureTitle h3{font-size: 18px;}
.pictureTitle .time{font-size: 12px;}
.contactList li .pic{left: 0;width: 100%;}
.contactList li .txt{width: 100%;background: rgba(0,0,0,0.7);color: #fff;position: relative;z-index: 1;height: 100%}
.contactList li .txt h2{font-size: 18px;}
.contactList li .txt h5{color: #fff;font-size: 16px;}
.contactList li .box{min-height: 0;height: auto;}
.contactForm .left li{width: 100%;}
.contactForm .code .sub{width: 90px;height: 36px;line-height: 36px;}
.pageRange li a span{font-size: 12px;height: 36px;line-height: 36px;}
.pageCult li{margin-bottom: 20px;}
.pageCult li .txt{padding-top: 0;}
.pageCult li .txt h5{font-size: 18px;margin-bottom: 10px;}
.clientList ul{margin-right: -10px;}
.clientList li{margin-bottom: 10px;width: 50%;}
.clientList li a{margin-right: 10px;}
.clientList li .tit{height: 40px;line-height: 40px;}
}

@media all and (max-width:480px) {
.container{padding: 0 15px;}
.hThem .hTopic{font-weight: normal;}
.hThem  .more{margin-top: 0px;}
.business{padding-top: 30px;height: 250px;}
.range,.case,.news,.customer,.pageRange,.pageAbout,.listWraper{padding: 30px 0;}
.pageProject{padding-top: 30px;}
.video{padding: 40px 0;}
.video .more{width: 20%;padding-top: 6%}
.businessItem ul{padding-bottom: 30px;}
.businessItem li i{transform: scale(0.9);}
.businessItem li a{padding-top: 20px;}
.businessItem li h5{font-size: 12px;margin: 15px 0 0 0;line-height: 16px;}
.caseItem ul{margin-right: 0}
.caseItem li a{margin-right: 0}
.caseItem li{width: 100%;float: none;}
.caseItem li:nth-last-child(6),.caseItem li:nth-last-child(5),.caseItem li:nth-last-child(4){display: none;}
.caseItem li .pic:after{transform: scale(0.5);}
.news .hThem .tab{margin-top: 0;}
.news .hThem .tab a{padding: 0 15px;}
.newsItem li{width: 100%;}
.customerItem li img{width: 100px;height: 30px;}
.video .videoPrev,.video .videoNext{transform: scale(0.2);}
.footBar a{font-size: 14px;}
.pageAbout-right h2{font-size: 18px;}
.pageAbout-right .txt{font-size: 12px;}
.pageProject li i{transform: scale(0.7);margin-bottom: 5px;}
.pageProject li span{font-size: 12px;}
.itemList li a{overflow: visible;}
.itemList li a .pic{float: none;width: 100%;padding-top: 85%;}
.itemList li:nth-child(odd) a .pic,.itemList li:nth-child(even) a .pic{float: none;}
.itemList li a .txt{position: static;width: 100%;padding: 15px;box-shadow: 0 0 5px  2px rgba(0,0,0,0.1)}
.itemList li a .txt h5:after{width: 10%;}
.itemList li:nth-child(odd) a .txt h5:after{left: auto;}
.itemList li a .txt p{font-size: 12px;}
.caseList ul,.caseList li a{margin-right: 0;}
.caseList li{width: 100%}
.caseList li .pic:after{transform: scale(0.5);}
.pictureTitle h3{font-size: 16px;}
.pictureRelate .title{font-size: 16px;}
.pictureRelate .list li{width: 100%;margin-bottom: 15px;}
.honorList li .tit{font-size: 12px;padding: 0;}
.teamList ul,.teamList li a{margin-right: 0}
.teamList li{width: 100%;}
.listJob .reference td .jobButt{width: 60px;height: 26px;line-height: 26px;font-size: 10px;}
.detailJob  .send{font-size: 12px;}
.pageRange li{width: 50%;}
.pageRange li:last-child{display: none;}
.pageCult li .txt{float: none;width: 100%;}
.pageCult li .pic{float: none;width: 100%;margin-bottom: 15px;}
.contactForm .left input{margin-bottom: 10px;}
.pageNav li {text-align: left;}
.pageNav li a{line-height: 32px;padding: 0 15px 0 20px;background-position: 5px center;}
.pageNav li a:hover,.pageNav li a.current{background-color:transparent;color: #ee951f;background-image: url(../images/nav-ico.png);}
.contactDesc{font-size: 12px;line-height: 22px;padding-bottom: 15px;margin-bottom: 15px;}
.showArticle .articleContent{font-size: 14px;}
.pictureBox .box{font-size: 14px;}
}
@media all and (max-width:320px){

}