@charset "utf-8";
/* CSS Document */
/*all*/
@media screen and (max-width: 1024px) {
	.mune{ display:none;}
	#hamburger{ display:block;}
	.bottomlist{ display:block;}
	.footer{ margin-bottom:37px;}
}

/*index*/
@media screen and (max-width: 450px) {
	.header .logo{ padding:8px;}
    #hamburger{ right:15px;}
    .i-tit h3{ font-size:1.6em;}
    .i-tit h4{ font-size:1.4em;}
    .banner .swiper-pagination-bullet{ width:8px; height:8px;}
    .ip .ipb .swiper-slide{ padding:8px;}
    .ip .ipb{ margin-top:20px;}
    .ip .ipb .swiper-slide .txt span{ margin-top:20px; padding:4px 10px;}
    .ip .ipb .ip-slider{ padding-bottom:30px;}
    .ip .ipb .swiper-button-prev,.ip .ipb .swiper-button-next{ width: 30px; height: 30px;}
    .ip .ipb .btn{ margin-top:10px; width:80px; left: calc(50% - 40px);}
    .inews{ padding:40px 0;}
    .inews .n-txts{ margin-top:20px;}
    .inews .n-txts .nts .img{ width:80px;}
    .inews .n-txts .nts .txt{ width: calc(100% - 80px);}
    .inews .n-txts .nts .txt p{ height: 24px;  -webkit-line-clamp:1;}
    .inews .n-txts .nts .txt .t{ margin-bottom:0px;}
}

/*pages*/
@media screen and (max-width: 450px) {
	.about .txt{ margin-top:20px;}
	.culture .dots .dot{ width: calc(100% - 20px);}
	.culture .dots .dot .txt{ min-height:auto;}
	.honor .imgs .img{ width: calc(50% - 10px);}
	.news .dots{ margin-top:20px;}
	.news .dots .dot{ margin-top:10px;}
	.news .dots .dot .img{ width:90px;}
	.news .dots .dot .txt p{ height: 24px; -webkit-line-clamp:1;}
	.product .dot{ padding:5px;}
	.product .dot .t p{ margin-top:5px;}
	.pro-txt .big{ overflow-x: scroll;}
	.pro-txt .big img{min-width: 500px;}
}