@media only screen and (max-width:1024px){
	.center{width: 94%;}
	.nav{display: none;}
	.header{height: 60px;}
	.header .logo img{height: 40px;}
	.header .h-r .ser img{height: 18px;width:auto;}
	.bannerwrap{height: auto;margin-top: 60px;}
	.bannerwrap .text h3{font-size: 20px;line-height: 26px;margin-bottom: 20px;}
	.bannerwrap .text p{font-size: 12px;line-height: 24px;}
	.more{width: 120px;height: 34px;font-size: 12px;}
	.more i{width: 16px;height: 16px;margin-left: 10px;}
	.header .h-r .ser{margin: 0;margin-right: 40px;}
	.h-r .ser form.show{width: 200px;}
	.h-r .ser form{height: 36px;}
	
	/* hamburger */
    .hamburger.is-closed .hamb-middle{margin-top: -1px;}
	.hamburger.is-closed .hamb-top{top: 2px;}
	.hamburger.is-closed .hamb-bottom{bottom: 2px;}
	.hamburger{height: 20px;right: 3%;top: 18px;z-index: 12;display:block;position:absolute;width:26px;}
	.hamburger.is-closed .hamb-top, .hamburger.is-closed .hamb-middle, .hamburger.is-closed .hamb-bottom, .hamburger.is-open .hamb-top, .hamburger.is-open .hamb-middle, .hamburger.is-open .hamb-bottom{background-color: #1D77FF;height: 2px;}
    .hamburger{top: 20px;}
	.hader-center .shopping{right: 50px;}
	.hamburger.is-closed:hover .hamb-top{top:2px;}
	.hamburger.is-closed:hover .hamb-bottom{bottom:2px;}
	.sidebar-nav{width: 100%;}
	

	
	.sidebar-nav{z-index: 9;background-color:#fff;padding:100px 20px 50px;width:100%;box-shadow: 0px 0px 5px 4px rgba(0,0,0,0.03);display:block;}
	.sidebar-nav .sidebar-brand a{color: #222;font-size:16px;}
	.sidebar-nav .sidebar-brand>a{border-bottom: 1px solid rgba(0,0,0,0.2);padding-bottom:20px;}
	.sidebar-nav .sidebar-brand .xl{padding-bottom: 20px;}
	.sidebar-nav{overflow-y: scroll;}
	.headerwrap_current .header{background-color: #1a1a1a;}
	.sidebar-nav .sidebar-brand .sidebar-brand-there a{font-size: 14px;}
	.sidebar-nav .sidebar-brand a .sj{border-color: #222;}
	.sidebar-nav-two .sidebar-brand-two a{box-sizing: border-box;padding: 0 10px;color:#666;}
	.sidebar-nav-two .sidebar-brand-there a{padding: 0 40px;}
	.hamburger{height: 20px;right: 2%;top: 20px;z-index: 10;display:block;width:26px;}
	.hamburger.is-closed .hamb-top, .hamburger.is-closed .hamb-middle, .hamburger.is-closed .hamb-bottom,.hamburger.is-open .hamb-top, .hamburger.is-open .hamb-middle, .hamburger.is-open .hamb-bottom{background-color: #1DA2FF;height: 2px;}
	.sidebar-nav-two .sidebar-brand-two a{font-size: 14px;padding-right:0;}
	.header .logo{position: relative;z-index: 11;}
    .headerwrap.is-open{position:fixed;}
    .headerwrap.is-open .nav li.logowrap .logo{width: 100%;height: 100%;}
	.h-logo{position: relative;z-index: 11;}
	
	.index01wrap{padding: 50px 0;}
	.index01 .tl{width: 100%;padding: 16px 10px;box-sizing: border-box;}
	.index01 .tl p{margin-bottom: 15px;}
	.index01 .tl p::before{margin-right: 10px;}
	.index01 .tl p::after{margin-left: 10px;}
	.index01 .tl h3{font-size: 22px;}
	.index01min{margin-top: 30px;}
	.index01min .item{width: calc((100% - 10px)/2);margin-right: 10px;margin-bottom: 20px;}
	.index01min .item:nth-of-type(3n){margin-right: 10px;}
	.index01min .item:nth-of-type(2n){margin-right: 0;}
	.index01min .item .imgbox{width: 100px;height: 100px;}
	.index01min .item .text{padding: 0 10px 20px;}
	.index01min .item::before{height: calc(100% - 50px);border-width:2px;}
	.index01min .item .text{margin-top: 15px;}
	.index01min .item .text h3{font-size: 16px;line-height: 24px;}
	.index01min .item .text h4{font-size: 12px;line-height: 20px;margin-top: 10px;}
	.index01min .item .text .more{width: 120px;height: 34px;margin-top: 20px;font-size: 12px;}
	
	.index03wrap{padding: 30px 0 40px;margin-top: 50px;margin-bottom: 50px;}
	.index02wrap .videoicon{width: 50px;}
	.index03wrap .tl h3{font-size: 24px;margin-bottom: 20px;}
	.index03wrap .tl h4{font-size: 14px;line-height: 24px;margin-bottom: 30px;}
	.swiper-index03 .swiper-slide{padding: 0 30px;}
	.swiper-index03 h4{font-size: 14px;line-height: 24px;}
	.swiper-index03 .fac.i03Swiper-button-next{right: 0;}
	.swiper-index03 .fac.i03Swiper-button-prev{left: 0;}
	.index03wrap .tl{padding: 0 10px;box-sizing: border-box;}
	.swiper-index03 h4{margin-bottom: 30px;}
	.swiper-index03 p{font-size: 14px;}
	.index03wrap .more{width: 180px;height: 40px;}
	
	.videobox{width: 90%;height: auto;}
	.maskweap .imgshow .bigvideo{padding: 4px;}
	.videobox .videclose{width: 30px;height: 30px;right: -10px;top:-10px;}
	
	.gnnadyd{
	    bottom: 10px;
	    left: 27%;
	}
	.gnna img{
	    height: 38px;
	}
	
	.footer{padding: 50px 0 50px;flex-wrap: wrap;-webkit-flex-wrap: wrap;}
	.footer li{width: 100%;padding-left: 30px;margin-bottom: 15px;padding-bottom: 15px;border-bottom: 1px solid rgba(255,255,255,0.1);}
	.footer li:last-child{margin-bottom: 0;padding-bottom: 0;border-bottom: none;}
	.footer li>img{max-width: 20px;max-height: 20px;}
	.footer li h3{font-size: 16px;line-height: 24px;margin-bottom: 10px;}
	.footer li h4{font-size: 14px;line-height: 24px;}
	.footer li h4 a{font-size: 14px;}
	.f-link{margin-top: 15px;display:none;}
	.f-link a img{max-width: 28px;max-height: 24px;}
	.f-link a{margin-right: 20px;}
	.bawrap{box-sizing: border-box;padding: 15px 3%;flex-wrap: wrap;-webkit-flex-wrap: wrap;height: auto;}
	.bawrap a{font-size: 12px;width: 100%;text-align: center;line-height: 16px;}
	.bawrap i{display: none;}
	.bawrap a.suma{display: none;}
	
	/* .c-banner */
	.c-banner{margin-top: 60px;}
	.c-banner .bg{height: 200px;object-fit: cover;min-height:200px;}
	.c-banner .text h3{font-size: 24px;margin-bottom: 15px;}
	.c-banner .text strong{width: 60px;height: 2px;}
	.c-banner .text h4{font-size: 14px;line-height: 24px;}
	
	.aboutwrap{padding: 50px 0 100px;}
	.c-tl h3{font-size: 24px;}
	.bom{margin-top: 30px;display: block;}
	.bomform{width: 100%;margin-bottom: 20px;}
	.bom .line{display: none;}
	.bomform{padding: 30px 15px;}
	.bomform .tl{text-align: center;}
	.bomform .tl h3{font-size: 22px;margin-bottom: 15px;}
	.bomform .tl p{font-size: 14px;}
	.bomform form input, .bomform form textarea{width: 100%;height: 46px;font-size: 14px;margin-bottom: 10px;}
	.bomform form input.Quantity{width: calc(40% - 10px);}
	.bomform form .more{width: 190px;font-size: 12px;height: 40px;margin: auto;margin-top: 20px;}
	.bomform form .filebtn .more{width: 120px;height: 40px;margin:0;margin-top: 0;}
	.bomform form .filebtn p{font-size: 14px;margin-left: 10px;}
	.bomform form .filebtn{margin: 0;}
	
	.brandwrap .tl{font-size: 14px;line-height: 24px;}
	.brand{margin-top: 30px;}
	.brand .imgbox{height: 80px;}
	.brand .imgbox img{max-width: 90%;max-height: 90%;}
	.brand p{font-size: 14px;margin-top: 10px;}
	.brand .swiper-container{margin-bottom: 20px;}
	
	.a-banner{margin-top: 60px;}
	.a-banner img{height: 180px;object-fit: cover;}
	.a-banner .tl{font-size: 24px;}
	.company01 li{display: block;margin-bottom: 20px;}
	.company01 li .imgbox{width: 100%;}
	.company01 li .text{padding: 30px 15px;width: 100%;}
	.company01 li .text img{max-width: 40px;display: none;}
	.company01 li .text h3{font-size: 22px;padding-bottom: 15px;margin-bottom: 15px;}
	.company01 li .text h4{font-size: 14px;line-height: 24px;}
	
	/* .contact01 */
	.contact01{display: block;}
	.contact01-l{width: 100%;padding: 30px 15px;}
	.contact01-l h3{font-size: 24px;padding-bottom: 20px;margin-bottom: 20px;}
	.contact01-l .list li .icon{width:30px;height: 30px;}
	.contact01-l .list li{padding-left: 40px;}
	.contact01-l .list li p{font-size: 12px;margin-bottom: 12px;}
	.contact01-l .list li h4{font-size: 14px;line-height: 24px;margin-bottom: 10px;}
	.contact01-l .list li h4:last-child{margin-bottom: 0;}
	.contact01-l .list li{}
	.c-fx p{font-size: 14px;margin-right: 14px;}
	.contact01-r{width: 100%;height: 250px;}
	
	.contact02{margin: 50px 0 0;}
	.c-tl h3{margin-bottom: 20px;}
	.c-tl h4{font-size: 14px;line-height: 24px;}
	.contact02-form{margin-top: 30px;}
	.contact02-form label{width: 100%;height: 46px;margin-bottom: 10px;}
	.contact02-form label p{font-size: 14px;line-height: 46px;}
	.contact02-form label input, .contact02-form label select, .contact02-form label textarea{width: auto;font-size: 14px;min-width: calc((100% - 120px));}
	.contact02-form .more{margin-top: 20px;}
	
	.lab01wrap{margin: 50px auto;}
	.lab02wrap{flex-flow: column-reverse;-webkit-flex-flow: column-reverse;}
	.lab02-l{width: 100%;}
	.lab02-r{width: 100%;}
	.lab02-r .tl{font-size: 24px;margin-bottom: 30px;}
	.lab02-r-list .item h3{font-size: 16px;line-height: 24px;margin-bottom: 10px;}
	.lab02-r-list .item h4{font-size: 12px;line-height: 20px;}
	.lab02-r-list .item{margin-bottom: 20px;}
	
	.news .item{width: 100%;padding: 20px 10px;margin-bottom: 10px;}
	.news .item .text{padding-right: 10px;}
	.news .item .text p{font-size: 12px;margin-bottom: 10px;}
	.news .item .text p::before{width: 20px;}
	.news .item .text h3{font-size: 14px;margin-bottom: 0;line-height: 22px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical;}
	.news .item .text h4{display: none;}
	.news .item .imgbox{height: 120px;}
	.newswrap .more{width: 140px;height: 40px;}
	
	.ninfowrap{display: block;margin-bottom:0;}
	.ninfomin{width: 100%;padding: 30px 15px;}
	.ninfo-tl h3{font-size: 22px;line-height: 30px;}
	.ninfo-tl p{font-size: 12px;}
	.ninfo-tl{padding-bottom: 30px;}
	.ninfi-share{display: none;}
	.ninfo{padding: 30px 0 0;}
	.ninfo p{font-size: 14px;}
	.ninfo-page{margin-top: 30px;padding-top: 30px;display: block;padding-bottom:0;border-bottom:none;}
	.ninfo-page .left{width: 100%;}
	.ninfo-page .left a{font-size: 14px;line-height: 24px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
	.ninfo-page .more{width:140px;height: 40px;font-size: 12px;margin-top: 20px;margin-bottom:0;}
	.ninfo-right{width: 100%;padding: 30px 15px;margin-top:30px;}
	.hot-tls{font-size: 22px;padding-left: 15px;padding-bottom: 12px;}
	.ninfo-rightmins{margin-top: 30px;}
	.ninfo-rightmins .item h3{font-size: 16px;margin-bottom: 20px;}
	.ninfo-rightmins .item .imgbox{margin-bottom: 20px;}
	.ninfo-rightmins .item{padding-bottom: 20px;margin-bottom: 20px;}
	
	
	.productwrap .tl{font-size: 14px;line-height: 24px;}
	.product{margin-top: 30px;overflow: auto;}
	.product table{width: 800px;}
	.product table th{font-size: 14px;height: 60px;}
	.product table td{font-size: 14px;height: 50px;}
	.product table td a{width: 80px;height: 34px;font-size: 12px;}
	
	.service01{flex-flow: column-reverse;-webkit-flex-flow: column-reverse;}
	.service01-r{width: 100%;}
	.service01-l{width: 100%;margin-top: 30px;}
	.service01-l .tl{font-size: 24px;margin-bottom: 30px;}
	.service01-list li .icon{width: 50px;height: 50px;}
	.service01-list li .icon img{max-width: 70%;max-height: 70%;}
	.service01-list li{padding-left: 70px;margin-bottom: 20px;}
	.service01-list li h3{font-size: 16px;margin-bottom: 10px;font-weight: bold;}
	.service01-list li h4{font-size: 14px;line-height: 22px;font-weight: 300;}
	.service02{margin-top: 50px;}
	.service02 .tl{font-size: 24px;margin-bottom: 30px;}
	.service02min{flex-wrap: wrap;-webkit-flex-wrap: wrap;}
	.service02min li{width: 100%;padding: 25px 20px;margin-bottom: 10px;}
	.service02min li h3{font-size: 20px;margin-bottom: 14px;}
	.service02min li h4{font-size: 14px;}
	
	.swiper-team01-bot{position: relative;bottom: 0;left: 0;transform: none;margin: 10px auto 50px;}
	
	.team02wrap{margin-top: 0;display: block;}
	.team02{display: block;}
	.team02-l{width: 100%;}
	.team02-l h3{font-size: 24px;margin-bottom: 20px;}
	.team02-l h4, .team02-l p{font-size: 14px;line-height: 24px;}
	.team02-r{width: 100%;margin-top: 30px;}
	.team02-r img{max-width: 100%;}
	
	.about .tl{font-size: 24px;margin-bottom:30px;}
	.aboutmin{flex-flow: column-reverse;-webkit-flex-flow: column-reverse;}
	.aboutmin-r{width: 100%;}
	.aboutmin-r p{margin-top:10px;}
	.aboutmin-l{width: 100%;margin-top: 30px;}
	.aboutmin-l p{font-size: 14px;line-height: 24px;}
	
	.bomform .form input, .bomform .form textarea, .bomform .form .el-form-item{width: 100%;height: 46px;margin-bottom:12px;}
	.bomform .form .el-form-item.Quantity{width: calc(40% - 10px);}
	.el-form-item__error{font-size: 10px;}
	.bomform .form .el-form-item.textarea{height: 150px;}
	.bomform .form .more{width: 190px;height: 40px;font-size: 12px;}
	.bomform .form .filebtn .more{width: 120px;height: 40px;}
	.bomform .form .filebtn p{font-size: 14px;}
	.contact02-form .more{width: 140px;}
	
	.team01wrap .ab-text{font-size: 24px;top: 40%;}
	
	
	.index03wrap .tl h4{font-size:12px;line-height:20px;}
	.index03wrap{border-radius: 10px;margin-top:20px;}
	.swiper-index03 p{font-size: 12px;}
	.sidebar-nav .sidebar-brand .sidebar-nav-two>li>a{font-size: 14px;color: #666;}
	.team02-r img{max-width: 60%;}
	.team02wrap .bg{display: none;}
	.aboutwrap{background: url(../images/mapbg002.png) no-repeat;background-position: bottom;background-size: 100%;}
	
	
}