﻿@media all and (max-width:1600px) {
.floor2-top ul li .txtBox{width: 28%;padding: 2% 2% 0 13%;}
}

@media all and (max-width:1440px) {
.floor2-top ul li .txtBox{width: 33%;padding: 2% 2% 0 8%;}
.floor2-top ul li .txtBox h1{font-size: 60px;}
.floor2-top ul li .txtBox h2{font-size: 20px;}
.floor2-thumbs{bottom: 2%}
.floor2-thumbs .floor2-thumbs-w{height: 80px;}
.floor2-thumbs .floor2-thumbs-vise{line-height: 80px;}

.screenBox3-thumbs li .imgBox{padding-top: 20.7%;}
.screenBox3-thumbs li dt p{font-size: 14px;}
}

@media all and (max-width:1360px){
.aboutSlide a.aboutBox3-prev{left: 0}
.aboutSlide a.aboutBox3-next{right: 0}	
}

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

.nav li a{font-size: 14px;}

.footMenu{width: 100%}
.footMenu ul a{font-size: 12px;}
.footWx{width: 100%}

#odm_form label span{display: block;margin-bottom: 10px;}
#odm_form label input, #odm_form label select{width: 96%;}

.step ul{width: 100%}

.solutionSlide .floor3-prev{left: 0}
.solutionSlide .floor3-next{right: 0}

.floor2-thumbs{position: relative;}

.floor1-thumbs-vise{width: 80%}
.floor1-top ul li .txtBox{width: 44%}
.floor1-top ul li .txtBox h1{font-size: 40px;}
.floor1-top ul li .txtBox h2{font-size: 26px;}
.floor1-top ul li .txtBox .hr{margin: 20px 0;}

.screenBox3-thumbs li dt{padding: 1% 0 0 2%;}
.screenBox3-thumbs li .imgBox{padding-top: 22.7%;}
.buts-vise{margin-right: 10%;}
}

@media all and (max-width:1100px) {
#feedback_form input{width: 43.93%;}
#feedback_form textarea{width: 92.5%;}

.screenBox3-thumbs li .imgBox{padding-top: 28.7%;}
}

@media all and (max-width:1024px){
.topBar,.header{display: none;}
.gr_kefu{display: none;}
.listBanner,.mzsmBanner{padding-top: 62px;}
/*==手机端导航↓==*/
.head-long{display: block; position: fixed;top: 0;z-index: 999;width: 100%;background: #fff;}
.head-long .waplogo{margin: 7px 0;}
.head-long .waplogo img{width: 60%;}
.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:50%;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:#fd0e13;/*! background:#1b1e27; */box-shadow:3px 0 0 #fd0e13 inset;}
.navWap-block ul li.active em{color:#fd0e13}
.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:1rem; 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: 28px;height: 2px;background-color: #000;}
.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: #fd0e13;}
.navWap-trigger .animated{display: block; margin: 0 auto;/*! position: fixed; */}
.navWap-trigger .animated:hover .icon-bar,
.navWap-trigger .animated:focus .icon-bar{background-color: #fd0e13;}
.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(6px) rotateZ(45deg); -moz-transform: translateY(6px) rotateZ(45deg); -ms-transform: translateY(6px) rotateZ(45deg); -o-transform: translateY(6px) rotateZ(45deg); transform: translateY(6px) rotateZ(45deg);}
.navWap-trigger .animated .bottom{-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(-10px) rotateZ(-45deg);}
.navWap-trigger .animated .middle{width: 0;}
/*隔*/

.newsSlide .bd li h5{font-size: 14px;}
.newsSlide .bd li .description{font-size: 12px;}
.newsSlide .bd li .date span:first-child{font-size: 40px;}
.newsSlide .bd li.n1 h4{font-size: 14px;}

.outerSlidelist1 li{padding-top: 24%}

.listMenu .loction{display: none;}
.solution li h5{font-size: 14px;}

.promenu{line-height: 50px;}
.promenu a{margin-left: 2%}

.prosShow_main .menu li{width: 16%}

.proList li .description{padding: 10%}

.magnifier{width: 100%;height: auto}
.proshow_synopsis{width: 100%}
.proshow_synopsis .font{min-height: auto}

.screenTie{font-size: 25px;}
.screenBox1 .ome2{width: 49%;}
.screenBox1 .ome2 h3{font-size: 26px;}

.banner{padding-top: 62px;}

.floor2-thumbs .floor2-thumbs-vise{width: 65%}
.floor2-top ul li .imgBox{padding-top: 40%}
.floor2-top ul li .txtBox{width: 37%;padding: 2% 2% 0 4%;}

.odmBox2{padding: 0 2%}
#odm_form label textarea{width: 97%}

.aboutBox2 .font .cul1 .cul1-fr{width: 46%;padding-left: 4%;}
.aboutBox2 .font .cul2 .cul2-fl{width: 46%;padding-left: 4%;}

.honorList li{width: 31.3%;}
.honorList li:nth-child(3n){margin-right: 0;}
.honorList li:nth-child(4n){margin-right: 2%;}

.picList li{width: 31.3%;margin-bottom: 2%}

.screenBox3-thumbs li .imgBox{width: 100%;padding-top: 35%;}
.screenBox3-thumbs li dt{width: 50%;padding: 2%}
}


@media all and (max-width:920px) {
.proList li .description{display: none;}

.about .right .font{height: 264px;overflow: hidden;}

.floor2-top ul li .txtBox{width: 94%;margin-bottom: 2%} 
.floor2-top ul li .imgBox{width: 100%;padding-top: 50%;}

.floor1-top ul li .txtBox{width: 48%}

.screenBox3-thumbs .buts{bottom: 35%;}
}

@media all and (max-width:768px) {
.banner .ban{display: none}	
.banner .bigimg{display: none;}
.banner .smallimg{display: block;}
.banner-pagination span{width: 5px;height: 5px;}
.floor8{padding: 30px 0}
.newsSlide .hd ul li{width: 24%}
.newsSlide .bd li.n1{width: 100%}
.newsSlide .bd li{width: 100%}

.mTitle{font-size: 30px;}

.footMain{padding-top: 30px;}
.footMenu{float: none;width: 96%;margin: 0 auto;overflow: hidden;margin-bottom: 30px;}
.footMenu ul{width: 100%;border-bottom: 1px solid #464646}
.footMenu ul h3{padding: 10px 0;}
.footMenu ul dt{display: none;}
.footMenu ul.on dt{display: block}
.footMenu ul.on dt li{line-height: 26px;}
.copyRight{height: auto;text-align: center;line-height: 30px;padding: 6px 0;}
.confing-fl,.confing-fr{float: none;}

.outerSlidelist1 li{padding-top: 32%}
.innerSlideWrap-vise li h5{bottom: 0}

.outerSlide-w .btns{top: 100%;text-align: center;}
.outerSlide-w .btns a{display: inline-block;}
.outerSlide-w .btns a.innerPrev{float: none;}
.outerSlide-w .btns a.innerNext{float: none;}

#feedback_form input{width: 96%;}
#feedback_form textarea{width: 96%;}

.newsList li{height: auto}
.newsList li .nImg{padding-top: 74%;width: 100%;}
.newsList li .txtBox{width: 100%;padding-bottom: 20px;}
.newsList li .more{bottom: 20px;}

.listMenu .loction{display: none;}
.menuSub{width: 100%}
.menuSub a{width: 33.33%;color: #333;border: 1px solid #ccc;margin-left: -2px;background: #e8e8e8;margin-right: 0;text-align: center;}

#odm_form .tableRow{margin-top: 20px;}
#odm_form label{width: 100%;margin: 0 0 20px 0;}
#odm_form label input, #odm_form label select{width: 97.5%;}

.listMenu{height: auto}
.solution li{width: 47%;}
.solution li:nth-child(2n){margin-right: 0}
.solution li:nth-child(3n){margin-right: 3%}
.more-solution{width: 70%;}

.productlist li{width: 48%;margin-bottom: 7%}
.productlist li:nth-child(2n){margin-right: 0 ! important}
.productlist li:nth-child(3n){margin-right: 3%}

.prosShow_main .menu li{width: 19%}

.proList li h5{font-size: 14px;line-height: 40px;}

.screenBox1 .ome1{width: 100%}
.screenBox1 .ome1 img{display: block;margin: 0 auto}
.screenBox1 .ome2{width: 100%}

.screenBox4 ul li .txtBox{width: 100%;margin-bottom: 20px;}
.screenBox4 ul li .imgBox{width: 100%}
.screenBox4 ul li .imgBox img{display: block;margin: 0 auto}
.screenBox4 ul li:nth-child(2n) h5{padding: 0;padding-left: 70px;}
.screenBox4 ul li:nth-child(2n) h5:before{left: 0}

.floor5 .hzlc:after{background-size: contain;}
.floor5 .hzlc:before{background-size: contain;}

.mTitleP{width: 80%;margin: 0 auto}

.floor6{background-size: cover;padding: 7% 0 6% 0;}
.advertise .left{width: 100%;margin-bottom: 3%}
.advertise .right{width: 100%}

.about{height: auto}
.about .left{width: 100%}
.about .right .font{height: auto}
.about .right{width: 94%;padding: 3%}

.case li:first-child{width: 98%;}
.case li:first-child .imgBox{padding-top: 41%;}
.case li{width: 47%}
.case li:nth-child(2){margin-right: 2%;}
.case li:nth-child(3){margin-right: 0;}
.case li h3{font-size: 14px;}

.floor2-thumbs .floor2-thumbs-vise{width: 90%}

.floor1{padding: 40px 0;}
.floor1-top ul li .txtBox{width: 92%;padding: 0 4%;}
.floor1-top ul li .imgBox{width: 100%;padding-top: 66%;margin-bottom: 2%}


#odm_form .tableRow .verifyCode .input-verifycode{width: 36%}
#odm_form .tableRow .checkcode{width: 28%}
#odm_form label textarea{width: 93%;}
#feedback_form{width: 98%}

.aboutBox2{padding: 30px 0; }
.aboutBox2 .font .cul1 .cul1-fl{width: 100%;}
.aboutBox2 .font .cul1 .cul1-fr{width: 96%;padding-left: 4%;}
.aboutBox2 .font .cul2 .cul2-fl{width: 96%;padding-left: 4%;}
.aboutBox2 .font .cul2 .cul2-fr{width: 100%;}

.aboutBox3{padding: 30px 0}

.honorList li{width: 48.8%;}
.honorList li:nth-child(3n){margin-right: 2%;}
.honorList li:nth-child(2n){margin-right: 0;}

.picList li{width: 48%;}

.screenBox3-top-vise ul li{font-size: 16px;}
.screenBox3-top-vise{width: 90%}
}

@media all and (max-width:640px) {
.outerSlidelist2 dt span{height: 270px;}

.productlist li a:after{display: none;}
.productlist li:hover a:after{display:none;}
.productlist li h5{padding: 0}
.productlist li .description{padding: 0;height: 30px;overflow: hidden;}

.promenu{line-height: 40px;}
.promenu a{font-size: 12px;}

.mTitle{font-size: 24px;}

.screenBox3-top-vise ul li{font-size: 14px;}
}


@media all and (max-width:480px) {
.newsSlide .hd ul li a{font-size: 14px;padding: 3px 0;}

.outerSlidelist1 li{padding-top: 34%}
.innerSlideWrap-vise li h5{line-height: 30px;font-size: 12px;}

.menuSub a{width: 50%;margin-top: -1px;}

.newsIsTop h1{font-size: 16px;}

.solution li a:after{display: none;}
.solution li:hover a:after{display:none;}
.solution li h5{padding: 0}
.solution li .description{padding: 0}

.prosShow_main .menu li{font-size: 14px;}

.magnifierSlide .items ul li{width: 80px;height: 80px;margin-right: 6px;}
.magnifierSlide .items ul li a{width: 80px;height: 80px;}
.magnifierSlide .items ul li img{max-width: 80px;max-height: 80px;}
.magnifierSlide .btn{height: 80px;line-height: 80px;font-size: 50px;}

.screenTie{font-size: 20px;}
.screenTieP{font-size: 10px;}

.screenBox1 .ome2 h3{font-size: 22px;}
.screenBox1 .ome2 p{font-size: 16px;}

.mTitle{font-size: 20px;}
.step{margin-top: 10px;}
.floor5 .hzlc:after{top: 8px;}

.case li h3{font-size: 12px;}

.solutionSlide .bd li h3{line-height: 30px;font-size: 20px;}
.solutionSlide .bd li .description{font-size: 12px;}

.floor1-top ul li .txtBox h1{font-size: 30px;}
.floor1-top ul li .txtBox h2{font-size: 18px;}

.aboutBox3-vise li dt span{height: 250px;}
.honorList li dt span{height: 250px;}
.honorList li h5{line-height: 40px;font-size: 12px;}

.screenBox3-thumbs .buts{bottom: 40%}
.screenBox3-top-vise{width: 100%}
.screenBox3-top-vise ul li{font-size: 12px;}
.screenBox3-thumbs li dt{width: 60%}
}

@media all and (max-width:414px){
.magnifierSlide .items{height: 70px;}
.magnifierSlide .items ul li{width: 66px;height: 66px;margin-right: 6px;}
.magnifierSlide .items ul li a{width: 66px;height: 66px;}
.magnifierSlide .items ul li img{max-width: 66px;max-height: 66px;}	
.magnifierSlide .btn{height: 66px;line-height: 66px;font-size: 45px;}
}

@media all and (max-width:375px){
.prosShow_main .menu li{font-size: 12px;}

.aboutBox3-vise li dt span{height: 200px;}
.honorList li dt span{height: 200px;}
}

@media all and (max-width:320px){

}