@media all and (max-width:1680px){
.grWidth{width: 98%;padding: auto 1%}

.headerTop .nav li{padding: 0 16px;}
.headerTop .nav li a.m{font-size: 16px;}

.headerTop .nav:after{height: 320px}
.headerTop .nav ol{height: 320px}

.banner .img-position-w{width: 90%;}

.news-main-fr ul li{padding: 10px;}

.footer .foot-menu ul{margin-right: 3%;}

.ervice-menu li .info-cover{padding: 30px;}

.mapcont{width: 98%}
}

@media all and (max-width:1560px) {
.headerTop .logo{width: 18%}
.headerTop .nav{width: 73%}

.index-case-box ul li dt{padding:15% 15% 0 15%;}
.index-case-box ul li dt span{margin: 20px 0;}

.ervice-menu li .info-cover{padding: 20px;}
.ervice-bg{padding-top: 44%}

.rclnBox ul li .txt b{font-size: 44px;}
.rclnBox ul li .tie{font-size: 38px;}

}


@media all and (max-width:1440px) {
.headerTop .nav{width: 77%}
.headerTop .nav li{padding: 0}
.headerTop .nav li a{font-size: 12px;}
.headerTop .logo{width: 12%;margin-right: 10px;}

.news-main-fr ul li .time{padding-bottom: 10px;margin-bottom: 10px;}
.news-main-fr ul li h4{font-size: 16px;line-height: 22px;margin-bottom: 10px;}


.caseList li .ntxt p{height: 72px;overflow: hidden;}

.proShow_L .gallery-thumbs li{height: 70px}

.newsbox{padding: 1%}


.index-case-box ul li dt p{font-size: 20px;}

.index-partner-w .partner-next{right: -8px}
.index-partner-w .partner-prev{left: -8px}
.index-partner-w .partner-next:hover{right: -8px;background: url(../images/partner-next-on.png)no-repeat center;}
.index-partner-w .partner-prev:hover{left: -8px;background: url(../images/partner-prev-on.png)no-repeat center;}

.productList li{width: 31.66%;margin: 0 2% 2% 0;padding: 2%;}


.index-pro-vise ul li{padding-top: 14.5%;}

.relaPro li h3{font-size: 20px;line-height: 40px;}

.footer .foot-menu{width: 100%}
.footer .foot-menu ul{width: 11.1%;margin-right: 0;}
.foot-contact{padding-left: 0}


.ervice-menu li .tt{font-size: 30px}
.ervice-menu li .info-cover .info{font-size: 12px;}
.ervice-bg{padding-top: 50%}

.honorlist li span{height: 310px;}

.hotnews-main-fr ul li{margin: 0 0 2% 0;}
.hotnews-main-fr ul li .time b{padding: 10px 0;    font-size: 50px;}
.hotnews-main-fr ul li dt{padding-bottom: 10px;}
.hotnews-main-fr ul li dt h4{font-size: 18px;}
.hotnews-main-fr ul li dt p{font-size: 12px;margin: 8px 0;}
.hotnews-main-fr ul li dt i{font-size: 12px;}

.caseList li dt{padding: 20% 16% 0 16%;}

.pxtxcont .icon-pxtx li:after{right: -80px;width: 160px;background-size: 100%;}

.icon-pxtx2 li{padding-top: 24%}

.rclnBox ul li .txt b{font-size: 36px;}
.rclnBox ul li .tie{font-size: 32px;}
}


@media all and (max-width:1280px) {
.headerTop .nav{width: 74%}	
.headerTop .nav li a.m{font-size: 14px;}

.index-news-vies li .ntxt h4{white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}

.index-about .ab-txt{width: 48%;height: auto;}
.index-about .ab-txt ul li h4{font-size: 34px;}
.index-about .ab-txt ul li h4 i{font-size: 34px;top: -2px;}
.index-about .ab-txt ul{margin-top: 30px;}

.proRight{padding: 1%;}



.caseList li .ntxt h4{font-size: 16px;padding-bottom: 16px;margin-bottom: 16px;}


.proShow_wrap .gallery .gallery-top ul li .pic span{height: 390px;}
.proShow_wrap .prodesc h3{font-size: 24px;}

.index-pro-vise ul li dt h3{font-size: 16px;}

.pxtxcont .icon-pxtx li:after{right: -67px;width: 130px;background-size: 92%;}
.pxtxcont .icon-pxtx li p{font-size: 16px;}
.pxtxcont .icon-pxtx li span{font-size: 12px;line-height: 20px;}

}

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

.proShow_L .gallery-thumbs li{height: 60px}

.ContentBox .config{width: 34%}

.intie{margin-bottom: 30px;}
.intie h3{font-size: 32px;}
.index-case{padding: 30px 0;}
.index-case-vise li dt h4{font-size: 14px;}

.productList li h3{font-size: 20px;line-height: 50px;}

.contactBox .config h3{font-size: 24px;}
.contactBox .config strong{font-size: 14px;}

.proShow_wrap .gallery .gallery-top ul li .pic span{height: 350px;}
.proShow_wrap .gallery .gallery-thumbs ul li{height: 100px}

.index-pro-vise ul li{padding-top: 15.5%;}
.index-pro-vise ul li dt h3{font-size: 14px;}
.index-pro-vise ul li .pic{bottom: 8%;}
.index-pro-vise ul li .pic img{height: 180px;width: 90%;}

.index-about{padding: 50px 0 0 0;}
.index-about ul{margin-bottom: 60px;}
.index-about ul li p{font-size: 16px;}
.index-about ul li strong{font-size: 44px;}
.index-about ul li sup{top: -4px;}

.news-main-fr ul li h4{font-size: 14px;line-height: 18px;}
.news-main-fr ul li .time dt b{font-size: 32px;}
.news-main-fl ul li h4{font-size: 16px;}

.ervice-bg{padding-top: 54%;}
.ervice-menu li .tt{font-size: 24px;}
.ervice-menu li .info-cover h4{font-size: 20px;}

.page-culture li dt{padding: 25% 15% 0 15%;}
.page-culture li dt p{font-size: 24px;}
.page-culture li dt i{margin: 4px 0;}
.page-culture li dt span{font-size: 16px;}

.hotnews-main-fl ul li{padding-top: 67.4%;}
.hotnews-main-fl ul li h4{font-size: 16px;}

.childmenu ul li a{font-size: 16px;}

.caseList li dt p{font-size: 20px;}
.caseList li dt span{margin:20px 0;}

.icon-pxtx2 li{padding-top: 26%}
.icon-pxtx2 li p{font-size: 18px;}
.icon-pxtx2 li span{font-size: 12px;}

.rclnBox ul li .txt b{font-size: 32px;margin-bottom: 24px;}
.rclnBox ul li .tie{font-size: 24px;padding-top: 0;line-height: 30px;}

.jobbox .desc span{font-size: 14px;}
.jobbox ul li span{font-size: 14px;}

.rclnBox ul li .txt:before{height: 180px;}

.confeedback .contact-feedback li{width: 32%}
.confeedback .contact-feedback li input{width: 100%}
.confeedback ul .textarea{width: 100%;}

.zbdltie{font-size: 20px;}
.listtie li span{font-size: 16px;}
.zbdlList li span{font-size: 14px;}



}

@media all and (max-width:1100px) {
.headerfixed{display: none ! important;}	
.headerTop{display: none ! important;}
.headerOne{display: none;}
.headerTwo{display: none;}
.wapI{display: block;}
.userlogin{left: 10%;}
.pagemenu ul{padding: 0}
.pageTitle p{padding: 22px 0;font-size: 12px;}
.pageTitle p span{font-size: 18px;}
.banner .big{display: none;}
.banner .small{display: block;}
.gr_kefu{display: none;}
.banner-pagination span{width: 8px;height: 8px;}
.banner .swiper-pagination{bottom: 12px !important;}
/*==手机端导航↓==*/
.head-long2{background: #fff ! important}
.head-long{display: block; position: relative;top: 0;z-index: 999;width: 100%;height: 60px;line-height: 60px;background: none}
.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:60px;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:#225c89;width:60%;position:relative;z-index:2;}
.navWap-block .box ul{padding: 0 4%}
.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{line-height:40px;border-bottom:1px solid #4d7ba0;}
.navWap-block ul li:last-child{border-bottom:none}
.navWap-block ul li a{display:block;font-size:14px;color:#e6e6e6;opacity:0;transform: translateX(-100%); transition: all 0.4s ease 0s;transition-delay: 160ms;}
.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:#fff;}
.navWap-block ul li.active em{color:#1598d0}
.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 .middle{margin-left: 6px;}
.navWap-trigger .btn:focus{outline: 0;}
.navWap-trigger .icon-bar{display: block;margin: 6px 0;width: 20px;height: 2px;background-color: #005ba5;}
.navWap-trigger .btn:hover .icon-bar{-webkit-transition: all .5s ease; -moz-transition: all 1s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; background-color: #005ba5;}
.navWap-trigger .animated{display: block; margin: 0 auto;/*! position: fixed; */}
.navWap-trigger .animated:hover .icon-bar,
.navWap-trigger .animated:focus .icon-bar{background-color: #005ba5;}
.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: #000;}
.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(9px) 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(-7px) rotateZ(-45deg);}
.navWap-trigger .animated .middle{width: 0;}
/*语言*/
.navWap-block .box dt{font-size: 14px;color: #333;padding: 10px 20px;}
.navWap-block .box dt a{margin-right: 20px;padding-left: 40px;color: #e6e6e6;}
.navWap-block .box dt .cn{background:url(../images/cn.jpg)no-repeat left;}
.navWap-block .box dt .en{background:url(../images/en.jpg)no-repeat left;}
/*电话*/
.wap-tel{font-size: 14px;}
.wap-tel a{color: #e6e6e6;}
.wap-tel span{display: block;font-size: 22px;color: #e6e6e6;}

.wap-menu{position: absolute;
right: 70px;
top: 34%;}
.wap-menu a{position: relative;
float: left;
width: 22px;
height: 22px;
line-height: 22px;
display: block;
font-size: 12px;
color: #585858;
border-radius: 100px;
text-align: center;
margin-right: 10px;}
.wap-menu a:after{content: '';position: absolute;right: -16px;top: 5px;width: 1px;height: 14px;border-right: 1px dotted #005ba5;}
.wap-menu .wap-search{background:#005ba5 url(../images/top-search-wap.png)no-repeat center;}

.wap-seach-show{width: 100%;background: rgba(103, 155, 202, 0.75);margin: 0 auto;padding: 20px 0;display: none ;position: absolute;top: 60px;left: 0;z-index: 99;}
.wap-seach-show .seachbox{width: 80%; height: 50px;line-height: 50px; background: #fff;margin: 0 auto;border: 1px solid #ccc;}
.wap-seach-show .seachbox .sear_txt{float: left; width: 90%;height: 50px;line-height: 50px; padding: 0 2%;background: url(../images/keybox.png)no-repeat left;}
.wap-seach-show .seachbox .sear_btn{float: right; background: url(../images/search2.png)no-repeat left;width: 30px;height: 50px;cursor: pointer;}


.proShow_R .btn span{margin-left: 26px;}

.headerTop .logo{width: 18%}
.headerTop .logo dt{display: none;}
.headerTop .nav{width: 72%}


.list_banner{height: 420px;}

.proShow_wrap .gallery .gallery-top ul li .pic span{height: 330px;}

.ervice-bg{padding-top: 60%;}
.ervice-menu li .info-cover .info{height: auto;margin-bottom: 5%;-webkit-line-clamp: 6;}

.page-about-w{padding: 0 1%}

.honorlist li span{height: 250px;}

.hezuolist ul li{width: 19%;}
.hezuolist ul li:nth-child(5n){margin-right: 0 ! important}
.hezuolist li:nth-child(7n){margin-right: 1% ! important}

.pxtxcont .icon-pxtx li{width: 33%;height: 210px; margin-bottom: 2%}
.pxtxcont .icon-pxtx li:nth-child(3):after{display: none;}

.company{display: none;}
.wap-fuwl{display: block; padding: 10px;background: #fff;overflow: hidden;}
.wap-fuwl ul li{float: left;width: 23%;min-height: 96px; margin-right: 2%;margin-bottom: 4%;}
.wap-fuwl ul li:nth-child(4n){margin-right: 0}
.wap-fuwl ul li h4{font-size: 16px;color: #000;font-weight: normal;background: url(../images/2121.png)no-repeat left;padding-left: 28px;}
.wap-fuwl ul li dt{font-size: 14px;color: #333;line-height: 24px;}
.mapcont{display: none;}
.itemCon{display: none}

}

@media all and (max-width:1024px){
.news-main-fl{width: 100%;margin-bottom: 20px;}
.news-main-fr{width: 100%}

.video-bg{width: 150%}

.footer .foot-menu{display: none;}
.foot-contact{width: 60%}



/*隔*/
.index-tie-nav{line-height: 30px;margin: 0 0 3% 0;}
.index-tie-nav h3{width: 100%;margin-bottom: 20px;}
.index-tie-nav ul{width: 100%;padding: 0 1%}
.index-pro-vies li{height: auto}

.news-w .swiper-container{padding: 2% 0}

.index-about .ab-txt{width: 48%;height: auto;}
.index-about .ab-txt ul li h4{font-size: 28px;}
.index-about .ab-txt ul li h4 i{font-size: 28px;top: -2px;}

.index-about .ab-img img{display: block;margin: 0 auto;width: 100%}

.index-other dt{padding: 20px;}
.other-fr .other-frbox p{font-size: 20px}

.sindeMenu{width: 100%;padding: 0 1%}
.sindeMenu .leftmenu{width: 100%;float: left;}

.page-ab .page-ab-fl{width: 100%}
.page-ab .page-ab-fr{width: 100%}

.proShow_L{width: 100%}
.proShow_R{width: 100%;margin-top: 20px;}
.proShow_L .gallery-thumbs li{height: 130px;}
.probox{padding: 0 15px;}

.rela_pro li{height: 380px;}

.ContentBox .config{width: 40%}
.confeedback .textarea button{width: 31.6%;display: block;margin: 0 auto;}


.pictureIsLeft{width: 100%}
.pictureRight{width: 100%}
.pictureRight .news-hot{width: 50%;padding: 3%;float: left;border:none;}
.pictureIsLeft{padding: 10px;}

.intie h3{font-size: 28px;}
.intie p{font-size: 16px;}

.bottom-menu .case-next{right: 40%;}
.bottom-menu .case-prev{left: 40%;}

.index-solu-vise li h4{font-size: 14px;}

.index-solu{padding: 30px 0}

.index-about-fl ul li strong{font-size: 44px;}

.index-about-fr:before{background-size: 55%;right: 0;}


.sindeleft{width: 100%}
.leftcontact{display: none;}
.sinderight{width: 99.7%}


.page-ab .ab-txt{padding-right: 5%}

.page-culture ul li{width: 48%}
.page-culture ul li:nth-child(2n){margin-right: 0}


.proShow_wrap .gallery .gallery-top ul li .pic span{height: 400px;}
.proShow_wrap .gallery .gallery-thumbs ul li{height: 110px;}

.index-pro-vise ul li{width: 49%;margin-bottom: 2%;padding-top: 26.5%;}
.index-pro-vise ul li:nth-child(2n){margin-right: 0}
.index-pro-vise ul li .pic img{width: auto; height: auto}
.index-pro-vise ul li dt h3{font-size: 18px;}


.ervice-menu li .info-cover .txt{font-size: 12px}

.honorlist li{width: 32%;}
.honorlist li:nth-child(3n){margin-right: 0 ! important}
.honorlist li:nth-child(4n){margin-right: 2%}

.hotnews-main-fr ul li dt h4{font-size: 16px;-webkit-line-clamp: 1;}
.hotnews-main-fr ul li dt p{margin: 2px 0;}


.sindeleft-show{width: 100%;padding: 0;}
.relatedright{width: 100%;padding: 10px;background: #fff;margin-top: 20px;}
.relatecont ul li{float: left;width: 49%;margin-right: 2%;margin-bottom: 2%;}
.relatecont ul li:nth-child(2n){margin-right: 0}
.relatecont ul li h4{font-size: 14px;}

.icon-pxtx2 li p{font-size: 16px;}
.icon-pxtx2 li{padding-top: 30%}

.rclnBox ul li .txt b{font-size: 24px;}
.rclnBox ul li .txt p{font-size: 14px;}
.rclnBox ul li .tie{font-size: 16px;line-height: 24px;}

.contactBox .contact{padding: 50px 30px;}
}



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

.downList li a{width: 80%}

.contactBox .config{width: 100%;margin-bottom: 20px;}
.contactBox .baidumap{width: 100%}

.proShow_wrap .gallery .gallery-top ul li .pic span{height: 380px;}

.icon-pxtx2 li span{line-height: 20px;}
}

@media all and (max-width:920px) {
.topMenu .location{display: none;}
.topMenu ul{width: 100%}


.index-pro-vies li .pic span{height: 210px;}

.index-about .ab-txt,.index-about .video{width: 100%}
.index-about .ab-txt{margin-top: 4%}
.index-about .video ul li span{font-size: 18px;}

.proLeft{display: none;}
.proRight{width: 100%}
.proRight .pro-menu{display: block; float: right;position: relative;color: #333;padding-left: 24px;}
.proRight .pro-menu:after{content: "\e780";
font-family: "iconfont";
font-size: 1.4rem;
left: 0;
position: absolute;}


.page-ab .ab-ys{padding: 4% 0}

.footer{padding: 4% 2%}
.footMenu{width: 100%}
.footMenu ul{width: 33.3%;margin-right: 0;text-align:center; }
.footMenu ul a{display: none;}


.rela_pro li{height: 340px;}
.rela_pro li .pic span{height: 220px;}
.relapro .rela_pro .index-rela-navt{display: none;}
.relapro .rela_pro .rela-button-prev{display: none;}

.index-about-fl ul li strong{font-size: 32px;}

.footer .foot-menu ul{margin-right: 6%;}


.page-ab .ab-txt{padding-right: 3%}

.proShow_wrap .gallery .gallery-top ul li .pic span{height: 370px;}

.ervice-bg{padding-top: 66%;}
.ervice-menu li .info-cover h4{font-size: 18px;margin-bottom: 10px;}

.page-culture li dt p{font-size: 20px;margin-bottom: 10px;}
.page-culture li dt span{font-size: 14px;line-height: 20px;}

.icon-pxtx2 li{padding-top: 34%;}
}


@media all and (max-width:768px) {
.leftimg,.wpb_wrapper{width:100%;}
.index-about-txt h3{font-size:20px;}
.banner{height: 270px;}
.banner .img{width: 100%;height: 270px; display: block;margin: 0 auto}
.banner .ban{display: none;}
.banner .img-position i{width: 90px;height: 30px;line-height: 30px;font-size: 12px;}

.list_banner .slogan h3{font-size: 24px;}
.list_banner .slogan p{font-size: 16px;}

.kefu{display: none ! important;}
.banner .down-to{height: 50px}
.banner .down-to a{background-size: 70%}

.list_banner{height: 350px;background-position:left;}

.layui-layer{width: 98% ! important;height: 300px ! important;}

.index-about-txt dt{width: 100%}
.index-about-img img{border: none;}

.news-main .more a{width: 60%}
.index-more{width: 60%}

.index-news-vies li .ntxt p{height: 50px;overflow: hidden;}
.index-tie-nav h3{font-size: 30px;}

.news-w .swiper-container{overflow: hidden;}

.index-about-txt{width: 100%;margin-bottom: 20px;}
.index-about-img{width: 100%}

.index-news-nav{padding-bottom: 0}
.index-news-nav ul{width: 100%;margin-bottom: 10px;text-align: center;}
.index-news-nav ul a::after{bottom: -10px}

.index-ys{padding: 30px 0;}

.other-fl{margin-right: 0px;}

.index-case-box ul li dt{bottom: 0; opacity: 1;padding: 0 2%;line-height: 40px;height: 40px;}
.index-case-box ul li dt p{font-size: 14px;}
.index-case-box ul li dt span{display: none;}
.index-case-box ul li dt i{display: none;}


.sindeMenu{border-bottom: none;padding: 0;height: auto;overflow: hidden;}
.sindeMenu li{width: 33.33%;margin-right: 0;text-align: center;line-height: 50px;border-right: 1px solid #f4efef;border-bottom: 1px solid #f4efef;}
.sindeMenu li.active{background: #30a2e3;}
.sindeMenu li.active a{color: #fff;}
.sindeMenu li a:after{display: none;}
.sindeMenu li:hover{background: #30a2e3;}
.sindeMenu li:hover a{color: #fff;}

.page-ab .ab-tie{font-size: 30px;}
.page-tie{font-size: 30px;}
.page-tie2{font-size: 30px;}

.footTel{width: 55%}

.index-partner ul li h4{display: none;}
.index-partner ul li:hover img {transform:rotateY(0deg);}

.ContentBox .config{position: relative;width: 100%;overflow: hidden;padding-bottom: 20px;}
.ContentBox .map .baidumap{height: 320px;}
.ContentBox .map{height: auto}

.con-tie{font-size: 32px;}
.confeedback .contact-feedback li{width: 48%;margin-bottom: 2%;}
.confeedback .contact-feedback li:nth-child(3){margin-bottom: 0}

.bottom-menu .case-next{right: 36%;}
.bottom-menu .case-prev{left: 36%;}

.index-case-vise li dt{padding: 10px;}

.index-about{background-size: cover}
.index-about-fl{width: 100%}
.index-about-fl dt{width: 98%}
.index-about-fr{width: 100%}
.index-about-fr img{width: 100%}
.index-about-fr:before{background-size: 70%;}

.index-news{padding: 30px 0;}

.floatLeft{text-align: center;float: none;}

.index-ys ul li{padding: 0 5%}

.index-ys .index-ys-cont{margin-top: 40px;}
.video-bg{background: url(../images/index-ys-bg.jpg)no-repeat center;background-size: cover;}
.video-bg video{display: none;}


.index-other,.index-partner{padding: 30px 0;}

.index-service-box{display: none;}
.m-index-service-box{display: block;height: 440px; position: relative;overflow: hidden;}
.m-index-service-box .w-ervice-menu{height: 100%}
.w-ervice-menu li .info-cover{display: block;width: 100%;height: 100%;padding: 30px;transition: .2s all}
.w-ervice-menu li .info-cover h4{font-size: 25px;color: #fff;margin-bottom: 10%;}
.w-ervice-menu li .info-cover p{font-size: 14px;color: #fff;}
.w-ervice-menu li .info-cover .txt{position: absolute;bottom: 10%;left: 5%; border: 1px solid #fff;padding: 6px 10px;margin-top: 50px;width: 90%;}

.w-ervice-menu li.active .info-cover{opacity: 1;}
.w-ervice-menu li.active .tt{display: none;}

.other-fl{width: 100%;padding-top: 65%;margin-bottom: 10px;}
.other-fr{width: 100%}

.news-main-fl ul li{padding-top: 61.4%}

.footer .foot-menu{display: block;}
.footer .foot-menu ul{width: 100%;border-bottom:1px solid #5e5e5e;padding: 10px 0;}
.footer .foot-menu ul p{margin-bottom: 0}
.footer .foot-menu ul p i{font-size: 14px;color: #fff;font-style: normal;float: right;transition: 0.5s all;display:block;}
.footer .foot-menu ul dt{display: none;}
.footer .foot-menu ul a{padding: 8px 0}
.footer .foot-menu ul.on  dt{display: block;}
.footer .foot-menu ul.on i{transform: rotateZ(45deg);}
.copyright .copy-fl{float: none;text-align: center;}
.contactBox .contact{padding: 30px 10px;}

.leftmenu{transition: 0.5s all}
.leftmenu b{font-size: 30px;}
.leftmenu h2 i{display: block;width: 20px;height: 20px;background: url(../images/leftmenu-i.png)no-repeat center;font-size: 24px;font-style: normal;font-family: 宋体;font-weight: bold;float: right;transform: rotateZ(90deg);transition: 0.4s all}
.leftmenu ul{display: none;}

.leftmenu.on ul{display: block}
.leftmenu.on h2 i{transform: rotateZ(-90deg);}

.page-ab .ab-video{width: 100%}
.page-ab .ab-txt{width: 100%}

.caseList li{width: 49%;}
.caseList li:nth-child(2n){margin-right: 0}
.caseList li:nth-child(2n-1){margin-right: 1.7%}
.caseList li h4{font-size: 16px;}
.caseList li dt{display: none;}
.imgshow a{display: none;}

.confeedback{padding: 30px 0}
.confeedback .con-tie{font-size: 30px;margin-bottom: 30px;}

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

.hezuolist ul li{width: 32%;}
.hezuolist ul li:nth-child(3n){margin-right: 0}
.hezuolist ul li:nth-child(5n){margin-right: 1% ! important}

.index-partner-box ul li{height: 60px;}

.page-about{margin-bottom: 50px}
.page-about li strong{font-size: 40px;}
.page-about li p{font-size: 16px;margin-bottom: 12px;}
.page-about li sup{top: -4px;}

.childmenu ul li{width: 24%;}

.page-culture li{width: 49%;padding-top: 36%;margin-bottom: 2%}
.page-culture li:nth-child(2n){margin-right: 0}
.page-culture li dt{padding: 15% 15% 0 15%;}

.hotnews-main-fl{width: 100%;margin-bottom: 4%}
.hotnews-main-fr{width: 100%;padding: 0}

.newsList li{margin-bottom: 20px;}
.newsList li dt{width: 82%;float: right;padding-bottom: 0;}
.newsList li dt h4{font-size: 16px;}
.newsList li .pic{width: 100%;padding-bottom: 60%;    margin-top: 10px;}
.hotnews-main-fl .hotnews-pagination span{width: 10px;height: 10px;}

.pxtxcont{padding: 30px 0;}
.pxtxcont .tie{font-size: 30px;}
.pxtxcont .icon-pxtx li{width: 50%;padding: 0 5%;}
.pxtxcont .icon-pxtx li:nth-child(2n):after{display: none;}
.pxtxcont .icon-pxtx li:nth-child(3):after{display: block;}
.pxtxcont .icon-pxtx li::after{background-size: 70%;}

.icon-pxtx2 li{width: 49%;margin-bottom: 2%;padding-top: 40%;}
.icon-pxtx2 li:nth-child(2){margin-right: 0}

.biddingList li{padding: 10px 20px;}
.biddingList li h4{font-size: 18px;}

.jobbox .desc span{font-size: 12px;text-align: center;}
.jobbox ul li span{font-size: 12px;text-align: left;}
.problem ul li span:nth-child(2){width: 20% !important;text-align: right;}

.rclnBox ul li .txt{width: 100%;}
.rclnBox ul li img{width: 100%;padding-top: 5%;padding-left: 0; margin-top: 5%;border-left: none;border-top: 1px solid #c1c1c1;}
.rclnBox ul li .txt b{padding-left: 10px;font-size: 18px;    margin-bottom: 10px;}
.rclnBox ul li{padding: 20px;}

.contactBox .config h3{font-size: 20px;text-align: center}
.contactBox .config strong{font-size: 12px;text-align: center}

.zbdltie{font-size: 18px;}
.listtie li span{font-size: 14px;}
.zbdlList li span{font-size: 12px;}

.showPage p a{display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;}

.relatedright .bidding ul li{width: 100%}


.showPage .back{float: left;display: block;margin: 0 auto;}

.wap-fuwl ul li{float: left;width: 49%;min-height: 96px; margin-right: 2%;margin-bottom: 4%;}
.wap-fuwl ul li:nth-child(2n){margin-right: 0}
  
}

@media all and (max-width:640px) {
.index-pro-vies li h3{line-height: 50px;}
.index-tie-nav a{margin-bottom: 2%;width: 20%;margin-right:2%;}

.news-main-fr ul li{width: 100%;}



.page-ab .ab-ys li h4{font-size: 30px;}
.page-ab .ab-ys li h4 i{font-size: 30px;}

.view .img{width: 100%}
.view .img img{width: 100%}
.view .cont{width: 100%;margin-bottom: 4%}

.footTel{width: 100%}
.footCode{display: none;}

.rela_pro li{height: 310px;}
.rela_pro li .pic span{height: 214px;}
.rela_pro li h3{line-height: 50px;}

.proShow_L .gallery-thumbs li{height: 80px;}
.proShow_R .btn span{margin-left: 12px;padding-top: 10px;background-position-y: 12px;}

.ContentBox .Sales-call li{width: 48%;}
.ContentBox .con-sales li{width: 100%;margin-bottom: 20px;}
.con-tie{font-size: 26px;}
.confeedback .contact-feedback li{width: 98%;margin-left: 1%;}



.pictureRight .news-hot{width: 100%;margin-bottom: 0;}
.pictureRight .main li{float: left;width: 48%;padding-right: 2%;margin-bottom: 2%;}
.pictureRight .main li a{font-size: 12px;}

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

.newsIsRight .main li{width: 100%}
.bottom-menu .case-next{right: 34%;}
.bottom-menu .case-prev{left: 34%;}
.index-news-vies li dt p{margin: 10px 0;}

.productList li .pic span{height: 350px;}


.page-honor-vise ul li dt{height: 280px; border: 10px solid #fff;}
.page-honor-vise ul li dt span a{height: 250px;}

.relatedNews ul li{width: 100%}

.proShow_wrap .gallery .gallery-top ul li .pic span{height: 420px}

.proShow-menu a{width: 30%}

.index-pro-vise ul li dt h3{font-size: 14px;margin-bottom: 18px;}
.index-pro-vise ul li .pic img{height: 150px;}

.index-about ul li:nth-child(1) dt{background-position-y: 30px;background-size: 25%;}
.index-about ul li:nth-child(2) dt{background-position-y: 30px;background-size:25%;}
.index-about ul li:nth-child(3) dt{background-position-y: 30px;background-size: 25%;}
.index-about ul li:nth-child(4) dt{background-position-y: 30px;background-size: 18%;}
.index-about ul li h4{padding-top: 2px;}
.index-about ul li p{font-size: 14px;margin-bottom: 6px;}
.index-about ul li strong{font-size: 30px;}
.index-about ul li sup{top: -4px;}

.page-about li{width: 50%;margin-bottom: 4%}

.childmenu ul li a{font-size: 12px;}

.icon-pxtx2 li{padding-top: 50%}
.icon-pxtx2 li dt{padding: 5%}
}

@media all and (max-width:560px) {
.index-about{padding-top: 30px;}
.index-about ul{margin-bottom: 30px;}	
.index-about ul li{width: 50%;margin-bottom: 20px;}


.proShow_wrap .gallery .gallery-top ul li .pic span{height: 330px}	

.index-pro-vise ul li{padding-top: 30.5%;}

.icon-pxtx2 li{padding-top: 58%}
}


@media all and (max-width:480px) {
.banner{height:170px;}
.banner .img{width: 100%;height: 170px; display: block;margin: 0 auto}

.list_banner .slogan h3{font-size: 24px;}
.list_banner .slogan p{font-size: 16px;}

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

.foot-contact{margin-bottom: 20px;}

.index-tie-nav a{width: 30%;}
.index-about .video ul li span{font-size: 14px;}
.index-about .ab-txt ul li h4{font-size: 22px;}
.index-about .ab-txt ul li h4 i{font-size: 22px;top: -2px;}
.index-about .ab-txt ul li p{font-size: 0.687rem}
.index-about .ab-txt .more{display: block;margin: 4% auto auto auto; }

.video-bg{width: 200%}


.sindeMenu li{width: 50%;line-height: 50px;}

.page-ab .ab-ys li h4{font-size: 20px;}
.page-ab .ab-ys li h4 i{font-size: 20px;}


.proShow_L .gallery-thumbs li{height: 64px;}


.m-index-service-box{height: 390px;}

.ContentBox .Sales-call li{width: 100%;padding: 3%;}
.ContentBox .Sales-call li h3{margin: 2% 0;}

.pictureRight .main li{width: 100%}
.pictureIsLeft .fen .prew{margin-bottom: 2%}
.pictureIsLeft .fen .prew,.pictureIsLeft .fen .nextw{width: 100%}

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

.newsIsLeft .fen .prew,.newsIsLeft .fen .nextw{width: 100%;text-align: left;}
.newsIsLeft .bottom{overflow: hidden;}
.newsIsLeft .bottom .back{float: none;width: 130px;padding-left: 50px;margin: 10px auto auto auto;background-position-x: 16px;}

.intie h3{font-size: 24px;margin-bottom: 14px;}
.intie p{font-size: 14px;}

.index-case-vise li dt h4{font-size: 12px;}

.bottom-menu .case-next{right: 30%;}
.bottom-menu .case-prev{left: 30%;}

.index-solu-vise li h4{font-size: 12px;}

.index-about-fl ul li p{font-size: 12px;}
.index-about-fr:before{background-size: 50%;}

.index-news-nav ul a{font-size: 14px;margin: 0 20px;}
.index-news-vies li dt{padding: 10px;}

.index-news-vies li dt h4{line-height: 18px;}
.index-news-vies li dt p{line-height: 18px;}

.index-partner-w .partner-next{right: 5px}
.index-partner-w .partner-prev{left: 5px}
.index-partner-w .partner-next:hover{right: 5px;background: url(../images/partner-next-on.png)no-repeat center;}
.index-partner-w .partner-prev:hover{left: 5px;background: url(../images/partner-prev-on.png)no-repeat center;}

.productList li .pic span{height: 330px;}
.productList li h3{font-size: 16px;line-height: 40px;}
.productList li p{font-size: 12px;line-height: 18px;}

.hezuolist ul li{width: 49%;}
.hezuolist ul li:nth-child(2n){margin-right: 0;}
.hezuolist ul li:nth-child(3n){margin-right: 1% ! important;}

.caseList li h4{font-size: 14px;}


.page-culture ul li{width: 100%}

.page-ab .ab-txt{padding-right: 0}

.confeedback .textarea button{width: 50%}

.pictureTop h1{font-size: 16px;line-height: 24px;}
.pictureTop .top span{    padding-right: 10px;}
.pictureTop .top .bshare-custom{float: left;}

.relatecont ul li h4{line-height: 20px;}

.relatedNews ul li h4{font-size: 12px;}

.proShow_wrap .gallery .gallery-top ul li .pic span{height: 280px}
.proShow_wrap .gallery .gallery-thumbs ul li{height: 80px;}

.index-pro-vise ul li dt h3{font-size: 12px;line-height: 16px;}
.index-pro-vise ul li dt span{width: 64px;height: 26px;line-height: 26px;font-size: 10px;}
.index-pro-vise ul li .pic{right: 0%;}
.index-pro-vise ul li .pic img{height: 110px}


.index-news-nav ul a{width: 18%;margin: 0 10px;}

.foot-contact{width: 100%}
.foot-code{width: 100%}

.honorlist li span{height: 180px;}
.honorlist li h4{line-height: 40px;font-size: 12px;}

.page-culture li{width: 100%;padding-top: 70%}

.hotnews-main-fr ul li dt h4{font-size: 14px;-webkit-line-clamp: 2;}

.newsList li dt h4{font-size: 14px;}
.newsList li dt p{margin:6px 0;font-size: 12px;}

.childmenu ul li{width: 32%}

.pxtxcont .icon-pxtx li{height: 240px;}
.pxtxcont .icon-pxtx li:after{background-size: 65%;}

.icon-pxtx2 li{width: 100%;padding-top: 80%}

.biddingList li{padding: 10px;}
.biddingList li h4{font-size: 14px;}

}

@media all and (max-width:414px){
.proShow_wrap .gallery .gallery-top ul li .pic span{height: 250px;}

.index-pro-vise ul li .pic img{height: 100px;}
}


@media all and (max-width:375px){
.index-about .ab-txt ul li h4{font-size: 18px;}
.index-about .ab-txt ul li h4 i{font-size: 18px;top: -2px;}
.index-about .ab-txt ul li p{font-size: 0.625rem}

.preview .li a{font-size: 14px;}
.preview .swiper-slide-thumb-active a{font-size: 26px;}


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

.bottom-menu .case-next{right: 20%;}
.bottom-menu .case-prev{left: 20%;}


.productList li .pic span{height: 280px;}

.wap-seach-show .seachbox .sear_txt{width: 85%}

.topMenu ul li a{font-size: 12px;}
}

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

}