@media screen and (min-width:1360px){
	.container{width:1200px;}
	.swiper-container1{width:1200px;}
}

@media screen and (max-width:1359px){
	.container{width:1000px;}
	header nav{padding-left:1%;}
	header .lan{width:9.5%; font-size:0.8em; margin-top:50px;}
	.swiper-container1{width:1000px;}
	.swiper-container1 .swiper-button-prev, .swiper-container1 .swiper-button-next{display:none;}
	footer .ft-wrap dl{width:6.5%; margin-left:14px; margin-right:6px;}
	footer .ft-wrap .ft-ct{width:26.5%;}
	.prod-search{padding:30px 5px 0 5px;}
}

@media screen and (max-width:1023px){
	.container{width:100%; padding-left:5px; padding-right:5px; box-sizing:border-box;}
	header nav, header .lan, header .head-btn{display:none;}
	#hamburger{display:block;}
	.swiper-container1{width:100%;}
	.swiper-container1 .swiper-slide a article h5{padding-top:5px;}
	.swiper-container1 .swiper-slide a article span{line-height:2;}
	.swiper-container1 .swiper-slide a article p{line-height:1.5; padding:4px 5px 0;}
	.index-ab .index-ab_content .index-ab_box{width:29.8333333%; margin:0 10px;}
	.index-news ol li time{width:60px; height:60px;}
	.index-news ol li time font{font-size:1.8em;}
	.index-news ol li time em{font-size:0.85em;}
	footer{padding-top:0;}
	footer .ft-wrap{display:none;}
	footer p{padding-left:0; text-align:center; border-top:none;}
	.inside-wrap{padding-top:25px; padding-bottom:50px;}
	.inside-wrap .inside-list{display:none;}
	.inside-wrap .inside-plist{display:none;}
	.prod-top{display:none;}
}

@media screen and (max-width:960px){
	.swiper-container1 .swiper-slide a article h5{font-size:1em; padding-top:0; padding-bottom:4px;}
	.swiper-container1 .swiper-slide a article span{line-height:1.4; font-size:0.8em;}
	.swiper-container1 .swiper-slide a article p{line-height:1.3;}
	.newsdetail{padding:30px;}
}

@media screen and (max-width:800px){
	header .logo{width:34%;}
	.swiper-container1 .swiper-slide a article{display:none;}
	.index-ab .index-ab_content .index-ab_box{width:30.8333333%; margin:0 5px;}
	.index-ab .index-ab_content .index-ab_box a article{padding:14px 10px 30px 10px;}
	.index-ab .index-ab_content .index-ab_box a article h3{font-size:1em;}
	.index-ab .index-ab_content .index-ab_box a article font{font-size:0.85em;}
	.index-news ol li time{height:55px;}
	.index-news ol li time font{font-size:1.6em;}
	.index-ct{background-size:cover; padding-top:55px; padding-bottom:0;}
	.index-ct ol{padding-top:50px;}
	.index-ct ol li{width:50%; height:220px;}
	.inside-wrap h1{font-size:1.6em;}
	.product ul li{padding:5px;}
	.jobdetail .hgroup h2{font-size:1.6em;}
	.jobdetail .hgroup h3{font-size:1.1em;}
}

@media screen and (max-width:640px){
	header .logo{width:40%;}
	footer{padding:15px 0; margin-bottom:70px;}
	footer p{line-height:1.2;}
	.footer{display:block;}
	.gallery-item{width:48%; margin-left:1%; margin-right:1%;}
	.product ul li{width:48%; margin:0 1% 4%;}
	.productshow .features{padding-top:25px; padding-bottom:40px;}
	.productshow .features figure{float:none; width:100%; text-align:center;}
	.productshow .features article{float:none; width:100%; padding:0 10px; box-sizing:border-box;}
	.news ol li{width:48%;}
	.news ol li time{width:70px; height:60px;}
	.news ol li time font{font-size:1.8em;}
	.news ol li time em{font-size:0.85em;}
	.newsdetail-title{font-size:1.3em;}
	.newsdetail-time{font-size:0.9em;}
	.jobdetail .details li{width:50%;}
	.contact .contact-form .ct-left{float:none; width:100%; padding-bottom:25px;}
	.contact .contact-form .ct-left h4{font-size:1.25em;}
	.contact .contact-form .ct-right{float:none; width:100%;}
	.contact .my-map { height: 400px;}
}

@media screen and (max-width:480px){
	header .logo{width:42%;}
	.index-np h1{font-size:1.2em;}
	.index-ab{background-size:cover;}
	.index-ab h1{font-size:1.2em;}
	.index-ab .index-ab_content .index-ab_box{width:68%; display:block; margin:0 auto 4%;}
	.index-news h2{font-size:2em;}
	.index-news h3{font-size:1.2em;}
	.index-news ol li{width:79.5%; margin:0 auto 4%; float:none;}
	.inside-wrap .inside-wrap_box{padding:10px;}
	.newsdetail{padding:15px;}
	.jobdetail .hgroup h2{font-size:1.3em;}
}

@media screen and (max-width:320px){
	header .logo{width:62%;}
	.index-ab .index-ab_content .index-ab_box{width:100%;}
	.index-news ol li{width:100%;}
	.index-ct ol li{width:50%;}
	.index-ct ol li p{font-size:0.7em;}
	.news ol li{float:none; width:100%;}
	.newsdetail-title{font-size:1.1em;}
	.newsdetail-time label{display:none;}
	.job-item .item-block .hgroup h4{font-size:1.1em;}
	.job-item .item-block .hgroup h5{font-size:1em;}
	.jobdetail{padding:15px 15px 5px;}
	.jobdetail .hgroup h2{font-size:1.2em;}
	.jobdetail .hgroup h3{font-size:1em;}
	.jobdetail .details li{float:none; width:100%;}
}