@media (max-width:1024px) {
.header .logofont,.header .rightzx{display: none;}
.wrapper{width:auto; margin:0 2.5%}
.header .wrapper{width:auto; margin: 0 2.5%}
.w1200{width:auto; margin:0 2.5%}
.topblank{min-height: 55px;}
.nav ul >li.navitem {display: none;}
.mbmenu { display:block;}
.nav-trigger {display: block;position:fixed;width: 28px;height: 28px;right:3%;top: 12px;z-index: 99997;}
.nav-active .nav-trigger {opacity:1;}
.nav-icon {display: inline-block;position: relative;width: 28px;height: 2px;background-color:#666;-webkit-transition-property: background-color, -webkit-transform;transition-property: background-color, -webkit-transform;transition-property: background-color, transform;transition-property: background-color, transform, -webkit-transform;-webkit-transition-duration: 300ms;transition-duration: 300ms;}
.nav-icon:before,
.nav-icon:after {content: '';display: block;width: 28px;height: 2px; position: absolute;background: #666;-webkit-transition-property: margin, -webkit-transform;transition-property: margin, -webkit-transform;transition-property: margin, transform;
transition-property: margin, transform, -webkit-transform;-webkit-transition-duration: 300ms;transition-duration: 300ms;}
.nav-icon:before {margin-top:-8px;}
.nav-icon:after {margin-top:8px;}
.mbmenu .navlist{transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
.mbmenu .navlist { position:fixed; z-index:99996; width: 100%; height: 0; left:0; overflow: hidden;top:55px;}
.mbmenu .nav-active .navlist { overflow-x: hidden; overflow-y: auto; height: calc(100vh - 55px); display: block; background:rgba(0,0,0,.9);}
.mbmenu .nav-active .nav-icon {background: rgba(0, 0, 0, 0);}
.mbmenu .nav-active .nav-icon:before { margin-top: 0;-webkit-transform: rotate(45deg);transform: rotate(45deg);background: #666}
.mbmenu .nav-active .nav-icon:after {margin-top: 0;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);background: #666;}

.accordionmenu {padding:20px}
.accordionmenu i{background:url(../images/mbtel.png) no-repeat; width: 19px; height: 19px; background-size: 100%; vertical-align: middle; display: inline-block; margin: 0 8px 0 12px;}
.accordionmenu ul { display:block;float:none; text-align:left;}
.accordionmenu li { position:relative;border-bottom: 1px solid #333; display:block;width:100%;margin:0;color:#ddd}
/* .accordionmenu li:last-child{border-bottom:0; line-height: 40px;} */
.accordionmenu a {display: block; line-height:40px; padding-left:10px; color:#ddd}
.accordionmenu li .link {cursor: pointer;display: block;position: relative;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;height:40px; line-height:40px;color:#ddd;padding-left:10px; background: url(../images/icon-plus.png) no-repeat 98% 50%;background-size:16px auto !important;}
.accordionmenu li .link a {color:#ddd;font-size:14px;}
.accordionmenu li.open .link { background:url(../images/icon-minus.png) no-repeat 98% 50%; color: #fff; font-weight: bold;}

.accordionmenu .submenu {display:none; padding: 0 0 20px;}
.accordionmenu .submenu dd { height:32px; line-height:32px;}
.accordionmenu .submenu dd a:before{content: ''; width:4px; height:4px; background: #666; display: inline-block; vertical-align: middle; margin-right:8px;}
.accordionmenu .submenu dd a { display:block;color:#ddd;}
.accordionmenu .submenu dd a:hover {color:#fff}

.header{background: #fff; height: 55px;}
.header .logo { position: relative; margin: 10px 0 0; background: url(../images/logoon.png) no-repeat; width: 105px; height: 35px; background-size: 100%;}
.header.mini .logo {width: 105px; height: 35px; margin: 10px 0 0;}

.swiper-pagination-bullet{width:9px;height:9px;}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:5px;}

	.pd100{ padding: 20px 0;}
	.pd60{ padding: 20px 0;}
	
	.iconnav { padding: 10px 0 20px;}
	.iconnav ul li { float: left; width:33.33%; margin-top: 10px;}
	.iconnav ul li i { height: 60px; width: 60px; background-position: 50% 0; background-size: 100%;}
	.iconnav ul li:hover i { background-position: 50% 100%;background-size: 100%;}
	.iconnav ul li h3 { font-size: 14px; margin-top: 5px;}
	
	.hotproduct{margin: 10px 0 0;}
	.hotproduct li{ width:100%; float:none; position: static;}
	.hotproduct .hotbox{ margin:10px 0px 0px;}
	.hotproduct li:first-child{width:100%}
	.hotproduct .up-graybox .stit {font-size: 14px; line-height: 30px; margin-top: -15px;}
	.hometit{height: 35px;}
	.hometit-l{font-size: 16px; font-weight: bold; color: #000000;line-height:26px;}
	.hometit-r{font-size: 12px; line-height: 18px; margin-top: 0px;}
	.sortb{}
	.sortb li{position: relative; float:none; width:100%; margin-top: 0px;}
	.sortb .info .title{font-size:14px; margin: 0 20px;}
	.sortb .info .moresort{margin: 10px 20px 20px; padding: 4px 16px;}
	
	.contactinfo{background:#fff; margin-bottom: 20px; box-shadow: 0 2px 8px rgba(24, 92, 197, 0.15); border-radius:6px; padding: 20px 0;}
	.contactinfo li{float:none; width:100%; margin-right: 0%; margin-top: 20px;}
	.contactinfo .info{line-height: 1.8;font-size: 14px;}
	.contactinfo .info h2{font-size: 14px; font-weight: bold;}
	.contactinfo .icon{margin-top: 0;}
	.contactinfo .icon img{width:120px}
	.mapheight{min-height: 300px;width:100%;}
	.mapbox{background:#fff; margin-top: 10px; box-shadow: 0 2px 8px rgba(24, 92, 197, 0.1);padding:10px;border-radius:6px;}
	
	.honor { margin: 10px 0 0;}
	.honor .swiper-container {width: 80%;}
	.honor .swiper-container .swiper-wrapper .swiper-slide .text {font-size:14px; margin-top: 15px;}
	.honor .prev,.honor .next{ border: 1px solid #aaa; width: 30px; height: 30px;}
	.honor .prev:after { top: 10px; left: 13px; width: 10px; height: 10px;}
	.honor .next:after { top: 10px; right: 13px; width: 10px; height: 10px;}
	
	.aboutcontent{line-height:1.8; font-size: 14px; padding:20px 0 0;}
	.wenhua{}
	.wenhua li{float:none; width:100%; color: #666; font-size: 14px; margin-top: 20px;}
	.wenhua li:last-child{float:none;}
	.wenhua li:first-child{margin-top: 10px;}
	.wenhua h3{font-size: 18px; font-weight: bold; line-height: 30px;margin: 15px 0 10px; color: #222;}
	.location{height:35px;}
	.productcontent{ background:none; padding:0px;}
	.mt30{margin-top: 15px;}
	.productlist{ padding: 20px 0 0;}
	.productlist ul{margin-left: -5px;}
	.productlist li{ width:calc(100% / 2 - 5px);width:-webkit-calc(100% / 2 - 5px); margin-left: 5px; margin-top: 5px;}
	.productlist h2{font-size: 14px; padding: 0; margin: 15px 0;}
	.pd40{padding: 20px 0 20px;}
	.othertit{font-size: 16px; margin-top: 15px;}
	.prosm{padding:0;}
	.prosm-left{float:none; width:100%}
	.prosm-right{float:none; width:100%}
	.prosm-right h1{font-size: 18px; padding-top: 20px;}
	.prosmlist{font-size: 14px; padding: 8px 0; line-height: 30px; margin: 10px 0;border-bottom: 1px solid #e2e2e2; border-top: 1px solid #e2e2e2;}
	.more { width: 130px; height: 40px; line-height: 40px; font-size: 14px;}
	.more:hover { background: #3857fa; color: #ffffff;}
	.title_box { text-align: left;margin-top: 20px;}
	.title_box .title { display: inline-block; height: 35px; border-bottom: 2px solid #333; line-height: 35px; font-size: 18px;}
	.viewcontent{padding: 10px 0; color: #666;}
	.viewcontent img{margin: 10px auto 0;}
	
	.viewprocontent{padding: 10px 0; color: #666;}
	
	.context{height:auto; padding: 6px 0; line-height: 32px;border-bottom: 1px solid #e2e2e2;border-top: 1px solid #e2e2e2;}
	.context li{float:none; width:100%;}
	.context li:before { top: 14px; left: 0px; border-left: 5px solid transparent; border-bottom: 5px solid #000; border-right: 5px solid transparent;}
	.context li:last-child{text-align: left; padding-right: 0px;}
	.context li:last-child:before{display: block; top: 14px; left: 0px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #000; border-bottom: 5px solid transparent;}
.context li:last-child:after { display:none;}

	.newsmain{padding:20px 0 0;}
	.newsmain ul li{border-bottom: 1px solid #ddd; padding:18px 0;}
	.newsmain ul li:nth-child(1){ padding:10px 0 18px;}
	.newsmain .img{width:35%;float: left; overflow: hidden;}
	.newsmain .text{width: 60%;float: right;}
	.newsmain .text h2{font-size:16px;line-height:1.8;height:auto;white-space:normal;text-overflow:ellipsis;overflow:hidden;}
	.newsmain .text .desc{display: none}
	.newsmain .text span{color: #999;display: none;margin-top: 32px;}
	.newsmain li:hover img{transform: scale(1.1);}
	.newsmain li:hover h2{color: #3857fa;}
	.viewbox{padding: 10px 0 10px;}
	.viewbox h2{font-size: 18px; color: #222;}
	.viewbox span{padding-right: 10px;}
	.abbanner{ height: 150px;}
	.childmenu{padding-top:0; margin-top: 0;}
	.childmenu{ width:auto; padding:0; height:auto; box-shadow: 0 0 0 0 rgba(24, 92, 197, 0.18); flex-direction: column; flex-wrap: wrap}
	.childmenu>a{text-align: left; display: block; font-size: 14px; height: 100%; width: 100%; padding-left: 3%; box-sizing: border-box; line-height: 40px; background: #fff; color: #2e2d3c; position: static; border-bottom: 1px solid #e2e2e2;}
	.childmenu>a::after{ display: none;}
/*底部*/
.footer{padding:15px 0}
.footer .ewm .fl{ float: none;text-align: center; width: 100%;}
.footer .ewm{padding-top: 10px;}
.footer .ewm span{font-family:'Montserrat'; font-size: 18px; margin-bottom:5px;}
.footer .ewm .fr{float:none; margin-left: 0px; line-height:1.8;}
.footer .ewm img{width:110px; padding: 3px; margin-bottom: 5px;}
.footer .links_l{float:none;}
.footer .links_r{display: none;}
.copyright{line-height:20px; padding: 10px 0;}
.copyright .fl{float: none; text-align: center; font-size: 12px;}
.copyright .fr{display: none;}
}