/*响应式样式*/
@media(max-width:1200px){
.header .grWidth{width: 96%;}
.grWidth{width: 100%;}
.pageBan .big{width: 100%;}
.nav{width: 68%}
.seriveMain li{width: 19%}
/*产品*/
.listMenu li a{padding: 0 10px;font-size: 14px;}
.productList li{width: 33.2%;}
/* 产品说明标签切换样式 */
.proShow_title{background:#dedede;line-height:35px;margin-bottom:15px;}
.proShow_title span{display:inline-block;color:#fff;background:#ed6d00;width:120px;height:35px;text-align:center;font-size:14px;}
.proShow_box .font{overflow:hidden;}
.relatedPro{clear:both;margin-top:15px;}
.relatedPro  li{float:left;width:22.6%;margin-right:24px;border:1px solid #ddd;background:#eee;text-align:center}
.relatedPro  li a{display:block;overflow:hidden;}
.relatedPro  li img{width:100%;max-height:100%;background:#fff;}
.relatedPro  li span{line-height:35px;padding:0 5px; white-space:nowrap;overflow:hidden;text-overflow: ellipsis;display:block;}
.relatedPro  li:hover{border:1px solid #ed6d00;}
.relatedPro  li a:hover{background:#ed6d00;color:#fff;}
.review{padding: 40px 15px 10px 15px;}
.detailShare{padding: 0 8px;}
.relatedNews_font{padding: 0 12px;width: 100%}
.relatedNews_font ul{width: 100%}
.relatedPro li .pic{position: relative;width: 100%;padding-top: 70%;}
.relatedPro li img {display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
}



@media(max-width:1024px){
.grWidth{width: 100%;}
.kefuBox{display: none;}
.logo{width: 20%}
.logo a{line-height: 100px;}
.logo img{width: 100%;}

.nav li a{padding: 50px 15px;}
.headRight{width: 10%;}
.contactMain li{width: 20%}
.idea{text-align: center}
.ideaMain{width: 95%;margin-bottom: 28px;padding: 0 10px;}
.idea .more{float: none;padding: 12px 53px;}
.seriveMain li{width: 50%;padding: 0;margin-bottom: .5rem;}
.seriveMain li h4{font-size: 1.2rem;}
.oddsMain li{width: 50%;padding: 0;margin-bottom: .8rem;}
.pageBan .big{display: none;}
.pageBan .small{display: block;width: 100%;}
.teamMain ul{width: 100%;}
.swiper-button-prev{display: none;}
.swiper-button-next{display: none;}
.contactMain li{width: 19.3%;}

.about .video{width: 47%}
.about .video video{height: 460px ! important;}

/* 产品说明标签切换样式 */
.proShow_title{background:#dedede;line-height:35px;margin-bottom:15px;}
.proShow_title span{display:inline-block;color:#fff;background:#ed6d00;width:120px;height:35px;text-align:center;font-size:14px;}
.proShow_box .font{overflow:hidden;}
.relatedPro{clear:both;margin-top:15px;}
.relatedPro  li{float:left;width:22.1%;margin-right:24px;border:1px solid #ddd;background:#eee;text-align:center}
.relatedPro  li a{display:block;overflow:hidden;}
.relatedPro  li img{width:100%;max-height:100%;background:#fff;}
.relatedPro  li span{line-height:35px;padding:0 5px; white-space:nowrap;overflow:hidden;text-overflow: ellipsis;display:block;}
.relatedPro  li:hover{border:1px solid #ed6d00;}
.relatedPro  li a:hover{background:#ed6d00;color:#fff;}
.gallery-thumbs li{width: 24%;}
.product-show-pic{width: 58%;margin-left: 10px;}
.proshow_synopsis{width: 33%;margin-right: 10px;padding: 20px;}
.proshow_synopsis .btn a{width: 38%;font-size: 12px;padding-left: 14px;}
.relatedPro li{width: 20.4%;}
.relatedPro li .pic{position: relative;width: 100%;padding-top: 70%;}
.relatedPro li img {display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
}


@media(max-width:980px){
.grWidth{width: 100%;}
.logo{width: 16%}
.logo img{width: 100%;}
.contactMain li{width: 16.7%;}
.relatedPro li{width: 20.4%;}
.relatedPro li .pic{position: relative;width: 100%;padding-top: 70%;}
.relatedPro li img {display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.newsList li .font{width: 46%;}
.newsList li .font span{padding-left: 0;}
}

@media(max-width:960px){
.nav li a{font-size: 14px;}
}

@media(max-width:880px){
.nav li a{font-size: 12px;}
}

@media(max-width:768px){
.grWidth{width: 100%;}
.logo,.nav,.headRight{display: none;}
.header{height: 100%}
.banner{margin-top: 64px;}
.banner .big{display: none;}
.banner .small{display: block;}
.swiper-button-prev{display: none;}
.swiper-button-next{display: none;}
.footer{padding: 14px 0}
.footMenu{display: none;}
.about{background: url(../images/about_wap_bg.jpg) no-repeat center top;background-size: cover;padding: 0 0 0 15px}
.footMenu a{margin: 0 .55rem;}
.listBox{overflow:hidden;padding: 0 .4rem;}
.aboutMain{padding-right:0;}
.aboutMain .tie{font-size: 1.2rem}
/*==手机端导航↓==*/
.head-long{display: block; position: fixed;top: 0;z-index: 999;width: 100%;padding: 10px 0;background: #fff;box-shadow: 0 0 10px #bbb;}
.head-long .waplogo{height: 44px}
.head-long .waplogo img{height: 44px;}
.container{width: 100%;padding-left: 10px;padding-right: 10px;}
.navWap-block{position:fixed;z-index:20;height:100%;top:65px;left:0;overflow:auto;display:none;width:100%;/*! max-width:640px; */margin:0 auto;}
.navWap-block .box{height:100%;/*! overflow-x:hidden; */overflow-y: auto;background:#fff;width:220px;position:relative;z-index:2;}
.navWap-block .searchWap{position:relative;margin:20px 0 15px 0; overflow: hidden;padding: 0 20px;}
.navWap-block .searchWap input{float: left; width:140px;border-radius:none;border-bottom:1px #bbb solid;color:#666;font-size:13px;border-top: none;border-left: none;border-right: none;line-height: 30px;}
.navWap-block .searchWap button{float:right; width:30px;color:#fff; text-align:center; font-size:13px; background: #666;border: none;line-height: 30px;border-radius: 50%;}
.navWap-block .contactWap{margin:20px 0 0 0;padding: 0 20px 80px 20px;}
.navWap-block .contactWap span{display:block;color:#666;font-size:13px;margin: 10px 0 15px 0;}
.navWap-block .contactWap span font{display: block; color:#999;font-size:14px;padding-left: 20px;margin-top: 3px;}
.navWap-block .contactWap span:before{margin-right:5px;font-size: 17px;}
.navWap-block .contactWap span.weixin .ewm{display: block;max-width:100px; margin:5px auto 0;}
.navWap-block ul li{/*! height:2.3rem; */line-height:40px;border-bottom:1px solid #eee;}
.navWap-block ul li a{display:block;font-size:14px;color:#555;/*! height:2.3rem; */ opacity:0;transform: translateX(-100%); transition: all 0.4s ease 0s;transition-delay: 160ms;color:#666;padding-left:25px;padding-right: 20px;}
.navWap-block ul li em{float:right;color: #999;font-size: ;font-size: 14px;}
.navWap-block ul li:hover a,.navWap-block ul li.active a{color:#ff680b;/*! background:#1b1e27; */box-shadow:3px 0 0 #ff680b inset;}
.navWap-block ul li.active em{color:#ff680b}
.navWap-block ul li:first-child{border-top:none;}
.navWap-block ul li:first-child i{font-size:1.2rem;}
.navWap-block .show li a{opacity:1;transform: translateX(0);}

/*-触发按钮-*/
.navWap-trigger{/*! position:absolute; *//*! right:2%; *//*! top:0; */ /*! height: 2.3rem; */color:#fff;/*! line-height:2.3rem; */color:#fff;float: right;margin: 0px 15px 0 0;}
.navWap-trigger .btn{padding:0px;/*! position: absolute; *//*! top: 18px; *//*! right: 10px; */background: transparent;border: none;/* padding: 10px; */-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;cursor: pointer;z-index: 99999;}
.navWap-trigger .btn:focus{outline: 0;}
.navWap-trigger .icon-bar{display: block;margin: 6px 0;width: 30px;height: 3px;background-color: #666;}
.navWap-trigger .btn:hover .icon-bar{-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; background-color: #FCA311;}
.navWap-trigger .animated{display: block; margin: 0 auto;/*! position: fixed; */}
.navWap-trigger .animated:hover .icon-bar,
.navWap-trigger .animated:focus .icon-bar{background-color: #666;}
.navWap-trigger .animated:focus{cursor: pointer; z-index: 9999;}
.navWap-trigger .middle{margin: 0 auto;}
.navWap-trigger .icon-bar{-webkit-transition: all .7s ease; -moz-transition: all .7s ease; -ms-transition: all .7s ease; -o-transition: all .7s ease; transition: all .7s ease; z-index: 999999;}
.navWap-trigger .animated .icon-bar{z-index: 999999; background-color: #666;}
.navWap-trigger .animated .top{-webkit-transform: translateY(10px) rotateZ(45deg); -moz-transform: translateY(10px) rotateZ(45deg); -ms-transform: translateY(10px) rotateZ(45deg); -o-transform: translateY(10px) rotateZ(45deg); transform: translateY(7px) rotateZ(45deg);}
.navWap-trigger .animated .bottom{-webkit-transform: translateY(-11px) rotateZ(-45deg); -moz-transform: translateY(-11px) rotateZ(-45deg); -ms-transform: translateY(-11px) rotateZ(-45deg); -o-transform: translateY(-11px) rotateZ(-45deg); transform: translateY(-11px) rotateZ(-45deg);}
.navWap-trigger .animated .middle{width: 0;}

.teamMain li{width: 60%;}
.homeTitle{font-size: 1.2rem;}
.solution li{width: 50%;}
.solution li:nth-child(1){width: 100%;}
.solution li:nth-child(6){width: 100%;}
.solution li .div{display: none;}
.solution li .divap{position: absolute; display: block; width: 100%;height: 2rem;background: #fd4f4c;text-align: center;font-size: 14px;color: #fff;line-height: 2rem;bottom: 0;opacity: .8}
.solution li:nth-child(1) .divap{height: 4rem;line-height: 4rem;font-size: 1.5rem;}
.solution li:nth-child(6) .divap{height: 4rem;line-height: 4rem;font-size: 1.5rem;}

.contactMain li{float: none;width: 100%;margin-bottom: 5px;}
.contactMain li.two{margin: 0 0 5px 0;;}
.aboutMain{width: 100%;}
.footContact span{margin: 0 5px;}
.odds, .team,.service,.solution{padding: 16px 0;}


/*新闻列表*/
.newsList li{;padding: 10px 6px;}
.newsList li .nImg{width: 105px;height: 90px;}
.newsList li img{width: 105px;height: 90px;}
.newsList li .font{width: 77%;}
.newsList li .font h4{font-size: 16px;}
.newsList li .font p{width: 100%;height: 20px;}
.newsList li .more{display: none}
/*新闻内页*/
.news{height: auto;padding: 20px 10px;}
.newsLeft{width: 100%; height: 360px;margin-bottom:10px;}
.newsLeft ul li .bgImg{height: 360px;}
.newsLeft ul li a{height: 360px;}
.newsRight{width: 100%;}
.newsRight li{width: 100%;}
.newsRight li div{width: 80%;height: auto;}
.newsRight li .date{padding: 0;}

/*产品列表*/
.listMenu li{line-height: 30px;}
.productList li {width: 50%;}
.productList li a{margin: 0 10px 20px 10px;}
.productList ul, .caseList ul, .partnerList ul, .honorList ul, .settingList ul{width: 100%;}
/*产品内页*/
.spec-scroll .items{height: auto;width: 100%;}
.spec-scroll .items ul{position: relative;}
/* 产品说明标签切换样式 */
.gallery{width:97%;overflow:hidden;position:relative;padding:4px;background:#f7f7f7;}
.proShow_title{background:#dedede;line-height:35px;margin-bottom:15px;}
.proShow_title span{display:inline-block;color:#fff;background:#ed6d00;width:24%;height:35px;text-align:center;font-size:14px;}
.proShow_box .font{overflow:hidden;}
.relatedPro{clear:both;margin-top:15px;}
.gallery .gallery-top{height: 430px;}
.relatedPro ul{width:100%;}
.relatedPro li{margin: 5px 15px;width: 45.1%;}
.relatedPro  li a{display:block;overflow:hidden;}
.relatedPro  li img{width:100%;max-height:100%;background:#fff;}
.relatedPro  li span{line-height:35px;padding:0 5px; white-space:nowrap;overflow:hidden;text-overflow: ellipsis;display:block;}
.relatedPro  li:hover{border:1px solid #ed6d00;}
.relatedPro  li a:hover{background:#ed6d00;color:#fff;}
.gallery-thumbs li span{height: 70px;}
.proshow_synopsis .title{text-align: center;}
.gallery-top li a{display: block;}
.proshow_synopsis{width: 97%;padding: 10px;margin-right: 0;}
.relatedPro li .pic{position: relative;width: 100%;padding-top: 70%;}
.relatedPro li img {display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;}

.picFocus{width: 100%;}

.about .playvideo{width: 96%;height: 250px;margin-top: 30px;}

.listBanner{padding-top: 64px;}


.contact2{width: 100%}
}

@media(max-width:640px){
.grWidth{width: 100%;}

/* 产品说明标签切换样式 */
.gallery{width:97%;overflow:hidden;position:relative;padding:4px;background:#f7f7f7;}
.proShow_title{background:#dedede;line-height:35px;margin-bottom:15px;}
.proShow_title span{display:inline-block;color:#fff;background:#009fe9;width:24%;height:35px;text-align:center;font-size:14px;}
.proShow_box .font{overflow:hidden;}
.relatedPro{clear:both;margin-top:15px;}
.gallery .gallery-top{height: 270px;}
.relatedPro ul{width:100%;}
.relatedPro li{margin: 5px 13px;width: 42.1%;}
.relatedPro  li a{display:block;overflow:hidden;}
.relatedPro  li img{width:100%;max-height:100%;background:#fff;}
.relatedPro  li span{line-height:35px;padding:0 5px; white-space:nowrap;overflow:hidden;text-overflow: ellipsis;display:block;}
.relatedPro  li:hover{border:1px solid #009fe9;}
.relatedPro  li a:hover{background:#009fe9;color:#fff;}
.gallery-thumbs li span{height: 70px;}
.proshow_synopsis .title{text-align: center;}
.relatedPro li .pic{position: relative;width: 100%;padding-top: 66%;}
.relatedPro li img {display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
}


@media(max-width:480px){
.grWidth{width: 100%;}
.newsLeft ul li .bgImg{height: 260px;}
.newsLeft ul li a{height: 260px;}
.aboutLeft .more{padding:0;width: 98%;}
.newsList li .font{width: 53%;}
}

@media(max-width:376px){
.grWidth{width: 100%;}
.proshow_synopsis{width: 94%;padding: 10px;margin-right: 0;margin-bottom: 10px;}

}


@media(max-width: 330px){
.newsList li .font{width: 46%;} 
}