@media screen and (min-width: 1024px) {
	*{
		font-size: 12px;
	}
	.container {
		width: 80%;
	}
	.header{
		height: 100px;
		padding: 0 10%;
	}
	.header_logo{
		margin-top: 42px;
	}
	.header_logo img{
		width: 260px;
	}
	.header_pc{
		padding-right: 10px;
	}
	.header_topic{
		padding: 0 6px;
	}
	.header_word01 a{
		line-height: 100px;
	}
	.header_word02{ 
		top: 100px;
    } 
    .header_word02 a{ 
    	font-size: 0.875em; 
    	line-height: 42px;
    }
	.header_pho,
	.header_menu,.guidance_menu {
		display: none;
	}
	.header_tip{
		margin-top: 32px;
	}
	.header_tip img{
		width: 34px;
	}
	.searcher{ 
		top: 30px;
	}
	.searcher input{ 
		line-height: 40px; 
		height: 40px;
	}
	.searcher .search_icon{ 
		right: 2%;
	}
    .searcher .search_close{ 
    	width: 15px;
    	left: 1%;
    }
    .bannerswiper{
		margin-top: 100px;
	}
	.pvBtn{ 
		left: 10%;
	}
    .ntBtn{ 
    	right: 10%;
    }
    .product_title{
    	padding: 2.5em 0;
    }
    .product_title p{
    	font-size: 1.875em;
    }
    .product_title span{
    	font-size: 0.875em;
    }
    .product_title button{
    	width: 7.5em;
    	height: 2.5em;
    	line-height: 2.5em;
    	position: absolute; 
    	right: 0; 
    	top: 50%; 
    	transform: translateY(-50%); 
    	z-index: 99;
    }
    .info_bg{
    	 background-size: 58% 100%;
    }
    .info_l,.info_title{
    	width: 60%;
    }
    .info_r{
    	width: 40%;
    }
    .info_r li{
    	width: 100%;
    	padding-bottom: 4em;
    	padding-left: 8%;
    }
    .info_r li:last-child{
    	padding-bottom: 0;
    }
    .info_btn{
    	width: 7.5em;
    	height: 2.5em;
    	line-height: 2.5em;
    	right: 12%; 
    }
    .info_pic{
    	height: 35em;
    }
    .info02{
    	width: 78%;
    }
    .info01 span{
    	font-size: 1.125em;
    	margin-bottom: 0.5em;
    }
    .info01 p{
    	width: 5.8em;
    	font-size: 0.875em;
    	line-height: 1.8em;
    }
    .info02 h1{
    	font-size: 1.125em;
    }
    .info02 p{
    	font-size: 0.875em;
    	line-height: 1.8em;
    	margin: 2em 0;
    }
    .info02 button{
    	width: 7.5em;
    	height: 2.5em;
    	line-height: 2.5em;
    }
    .info_active .info02 h1{
    	font-size: 1.5em;
    }
    .info_line{
    	width: 0.5em;
    }
    .plate li{
    	width: 50%;
    }
    .plate_bg{
    	height: 14.5em;
    }
    .plate_w{ 
    	width: 45%;
    	right: 10%;
    }
    .plate_w p{
    	font-size: 1.875em;
    	margin-bottom: 0.2em;
    }
    .rule_bg{
    	padding: 4em 0 9em;
    }
    .rule{
    	margin-top: 3em;
    }
    .rule li{
    	width: 23.5%;
    	margin-right: 2%;
    	padding: 3em 2em;
    }
    .rule li:last-child{
    	margin-right: 0;
    }
    .rule span{
    	font-size: 0.875em;
    	line-height: 1.8em;
    	padding: 0 0.8em;
    }
    .rule p{
    	font-size: 1.125em;
    	margin: 0.5em 0 0.8em;
    }
    .product_title h1{
    	font-size: 2.25em;
    }
    .product_title h2{
    	font-size: 0.875em;
    	margin-top: 0.5em;
    }
    .intro_bg{
    	padding: 3em 0 5em;
    }
    .intro_w{
    	padding: 0 10% 5em;
    	font-size: 0.875em;
    	line-height: 1.8em;
    }
    .intro_pic li{
    	width: 25%;
    }
    .intro_pic section{
    	left: 55%;
    	font-size: 1.375em;
    }
    .intro_pic p{
    	font-size: 0.8em;
    	line-height: 0.5em;
    }
    .intro_pic span{
    	font-size: 0.5em;
    }
    .clubberswiper .swiper-slide{ 
    	width: 16%;
    }
    .clubber_bg{
    	padding-bottom: 5em;
    }
    .clubber{
    	padding-left: 10%;
    }
    .clubber_pic{
    	padding: 4em 0 6em;
    }
    .clubber_pic img{
    	max-width: 100%;
    	height: 146px;
    }
    .clubber_btn{
    	margin-top: 8em;
    }
    .clubber_btn button{
    	width: 7.5em;
    	height: 2.5em;
    	line-height: 2.5em;
    }
    .footer01{
    	padding: 5em 0;
    }
    .footer01a .line{
    	width: 4em;
    	margin: 3em 0;
    }
    .footer01a span{
    	margin-bottom: 0.8em;
    }
    .footer01a p{
    	font-size: 1.5em;
    	margin-bottom: 2em;
    }
    .footer01a h1{
    	font-size: 1.25em;
    }
    .footer01b{
    	padding-top: 3em;
    }
    .footer01b li{
    	margin-left: 4em;
    }
    .footer01b p{
    	margin-bottom: 2.8em;
    }
    .footer01b span{
    	font-size: 0.875em;
    	margin-bottom: 2em;
    }
    .footer02{
    	padding: 1.5em 0;
    }
    .footer02 p{
    	font-size: 0.875em;
    }
    .footer02 span a{
        margin-left: 1em;
    }
    .picture{
    	margin-top: 100px;
    }
    .picture_word{
    	width: 80%;
    	height: 25em;
    	left: 20%;
    	background-size: 23.8em;
    	padding-top: 9em;
    	padding-left: 9%;
    }
    .picture_word p{
    	font-size: 3em;
    }
    .picture_word h1{
    	font-size: 1.875em;
    }
    .about_bg{
    	padding: 3em 0 8em;
    }
    .about li{
    	width: 50%;
    }
    .about_w{
    	left: 35%;
    	transform: translateY(-50%);
    }
    .about_w span{
    	font-size: 1.5em;
    	margin-bottom: 0.5em;
    }
    .about_w button{
    	width: 7.5em;
    	height: 2.5em;
    	line-height: 2.5em;
    }
    .guide{
    	margin-top: 2.5em;
    }
    .guide li{
    	font-size: 1.125em;
    	margin-right: 3em;
    	line-height: 3em;
    	border-bottom: solid 3px transparent;
    }
    .guide .guide_active{ 
    	border-bottom: solid 3px #fff;
    }
    .guide li:hover{ 
    	border-bottom: solid 3px #fff;
    }
    .news{
    	padding: 3em 5%;
    }
    .news li{
    	padding: 3.5em 0;
    }
    .news_tip{
    	width: 9%;
    }
    .news_tip span{
    	font-size: 1.125em;
    	margin-bottom: 0.2em;
    }
    .news_tip p{
    	width: 5.8em;
    	font-size: 0.875em;
    	line-height: 1.8em;
    }
    .news_pic{
    	width: 25%;
    	height: 16em;
    }
    .news_w{
    	width: 62%;
    	height: 16em;
    }
    .news_w h1{
    	font-size: 1.5em;
    }
    .news_w p{
    	line-height: 2em;
    	margin: 2em 0 0;
    }
    .news_w button{
    	width: 7.5em;
    	height: 2.5em;
    	line-height: 2.5em;
    }
    .pagination{
    	padding: 2em 5% 5em;
    }
    .pagination p{
    	width: 5em;
    	line-height: 2.6em;
    	border-radius: 30px;
    	margin-right: 1em;
    }
    .pagination span{
    	width: 2.6em;
    	line-height: 2.6em;
    	border-radius: 50%;
    	margin-right: 1em;
    }
    .download{ 
    	padding: 3em 0 5em;
    }
    .download li{
    	padding: 3.2em 0;
    }
    .download button{
    	width: 7.5em;
    	height: 2.5em;
    	line-height: 2.5em;
    }
    .download h1{
    	font-size: 1.25em;
    	line-height: 42px;
    	margin-left: 1.5em;
    }
    .educate{
    	padding: 5em 0;
    }
    .educate li{
    	margin-bottom: 3em;
    }
    .educate_pic{
    	height: 14.5em;
    }
    .educate_w h1{
    	font-size: 2.25em;
    }
    .educate_w p{
    	font-size: 1.125em;
    	margin-top: 0.5em;
    }
    .educate_w button{
    	width: 7.5em;
    	height: 2.5em;
    	line-height: 2.5em;
    	position: absolute; 
    	right: 0; 
    	top: 50%; 
    	transform: translateY(-50%);
    	z-index: 99;
    }
    .map{
    	height: 42em;
    }
    .touch{ 
    	width: 27%;
    	padding: 2.5em 4em;
    }
    .touch span{
    	margin-bottom: 0.6em;
    }
    .touch p{
    	font-size: 2.25em;
    	margin-bottom: 0.8em;
    }
    .touch h1{
    	font-weight: normal; 
    	font-size: 1.5em;
    	line-height: 1.5em;
    }
    .content_bg{
		min-height: 10vh;
		padding: 6em 0;
	}
	.article{
		padding: 6em;
		margin: 0 5%;
	}
	.article_title{
		font-size: 2em;
		padding-bottom: 2em;
	}
	.article_word{
		padding: 2.5em 0;
	}
	.article_date{
		float: left;
		font-size: 0.875em;
		line-height: 26px;
	}
	.article_see{
	    float: right;
		font-size: 0.875em;
	}
	.article_tip{
		float: right;
		font-size: 0.875em;
		justify-content: flex-end;
	}
	.article_tip li{
		margin-left: 1.2em;
	}
	.article_tip img{
		width: 27px;
	}
	.article_content{
		padding: 1em 0 3em;
		line-height: 2.5em;
	}
	.article_content img{
	    max-width: 100%;
	    height: auto!important;
	}
	.article_other{
		margin: 5em 5% 0;
		padding: 0.8em 0;
	}
	.article_other span{
		font-size: 0.875em;
	}
	.article_other p{
		font-size: 1.125em;
		margin-top: 0.5em;
	}
	.article_other01,.article_other03{
		width: 30%;
	}
	.graceful{
		padding: 5em 5% 0;
	}
	.graceful li{
		width: 30%;
		margin-right: 5%;
		margin-bottom: 5em;
	}
	.graceful li:nth-child(3n){
		margin-right: 0;
	}
	.graceful_pic{
		height: 18em;
	}
	.graceful_w{
		line-height: 4em;
	}
	.bannermob{
	    display: none;
	}
}

@media screen and (min-width: 1180px) {
	.header_logo{
		margin-top: 39px;
	}
	.header_logo img{
		width: 300px;
	}
}
@media screen and (min-width: 1260px) {
	.header_pc{
		padding-right: 18px;
	}
	.header_topic{
		padding: 0 13px;
	}
}
@media screen and (min-width: 1360px) {
	*{
		font-size: 14px;
	}
	.header_logo{
		margin-top: 37px;
	}
	.header_logo img{
		width: 340px;
	}
}
@media screen and (min-width: 1500px) {
	.header_logo{
		margin-top: 35px;
	}
	.header_logo img{
		width: 380px;
	}
	.header_topic{
		padding: 0 16px;
	}
}
@media screen and (min-width: 1600px) {
	*{
		font-size: 16px;
	}
	.header_logo{
		margin-top: 32px;
	}
	.header_logo img{
		width: 420px;
	}
}
@media screen and (min-width: 1700px) {
	.header_pc{
		padding-right: 20px;
	}
	.header_topic{
		padding: 0 20px;
	}
}
@media screen and (min-width: 1850px) {
	.header_logo{
		margin-top: 28px;
	}
	.header_logo img{
		width: 490px;
	}
	.header_pc{
		padding-right: 60px;
	}
	
}
@media screen and (max-width: 1023px) {
	* {
		font-size: 0.6rem;
	}
	.container{
		width: 90%;
	}
	.header{
		height: 2.2rem;
		padding: 0 2%;
	}
	.header_pc,.header_tip{
		display: none;
	}
	.header_logo{
		margin-top: 0.6rem;
	}
	.header_logo img{
		width: 11rem;
	}
	.header_menu{
		float: right;
		margin-top: 0.7rem;	
	}
	.header_menu img{
		width: 1rem;
	}
	.searcher{
		display: none;
	}
	.searchfor{
		padding: 1.5rem 8%;
		background: #004aa4;
	}
	.searchfor section{
		background: #fff;
		border-radius: 3px;
		overflow: hidden;
	}
	.searchfor input{
		float: left;
		line-height: 1.8rem;
		padding: 0 5%;
		font-size: 0.65rem;
	}
	.searchfor img{
		float: right;
		margin-top: 0.45rem;
		margin-right: 4%;
	}
	.bannerswiper{
		margin-top: 2.2rem;
	}
	.pvBtn{ 
		left: 5%;
	}
    .ntBtn{ 
    	right: 5%;
    }
    .pvBtn img, .ntBtn img{
    	width: 0.8rem;
    }
    .banner_word{
    	width: 70%;
    }
    .banner_word img{
    	width: 100%;
    }
    .info_bg{
    	background-size: 100% 12rem;
    }
    .product_title{
    	padding: 1rem 0;
    }
    .product_title p{
    	font-size: 1.3rem;
    }
    .product_title span{
    	font-size: 0.65rem;
    }
    .info_btn{
    	width: 4rem;
    	line-height: 1.5rem;
    	right: 0;
    }
    .info_pic{
    	height: 9rem;
    }
    .info_r ul{
    	padding: 1rem 0 0;
    }
    .info_r li{
    	padding-bottom: 1rem;
    	border-bottom: dashed 1px #e1e1e1;
    	margin-bottom: 1rem;
    }
    .info01{
    	margin-bottom: 0.5rem;
    }
    .info01 span{
    	font-size: 0.65rem;
    }
    .info01 p{
    	font-size: 0.55rem;
    	padding: 0.1rem 0.4rem;
    	margin-top: 0.1rem;
    }
    .info02 h1{
    	font-size: 0.7rem;
    }
    .info02 p{
    	font-size: 0.55rem;
    	margin: 0.6rem 0 1rem;
    }
    .info02 button{
    	width: 4rem;
    	line-height: 1.5rem;
    }
    .product{
    	padding: 1rem 0;
    }
    .plate li{
    	width: 100%;
    }
    .plate_bg{
    	height: 6rem;
    }
    .plate_w{
    	width: 80%;
    	left: 10%;
    	right: auto; 
    }
    .plate_w p{
    	font-size: 1rem;
    }
    .plate_w span{
    	font-size: 0.6rem;
    }
    .plate_w img{
    	width: 0.6rem;
    }
    .product_title button{
    	width: 4rem;
    	line-height: 1.5rem;
    	margin-top: 0.8rem;
    }
    .rule ul{
    	margin-top: 0.5rem;
    	padding-bottom: 1.5rem;
    }
    .rule li{
    	width: 100%;
    	padding: 1.3rem 1rem;
    	margin-bottom: 1rem;
    }
    .rule span{
    	padding: 0.1rem 0.4rem;
    }
    .rule p{
    	font-size: 0.65rem;
    	margin: 0.3rem 0 0.5rem;
    }
    .product_title h1{
    	font-size: 0.9rem;
    }
    .product_title h2{
    	font-size: 0.55rem;
    }
    .intro_w{
    	font-size: 0.6rem;
    	line-height: 1.2rem;
    }
    .intro_pic{
    	padding: 1.5rem 0;
    }
    .intro_pic li{
    	width: 48%;
    	margin-right: 4%;
    	margin-bottom: 0.5rem;
    }
    .intro_pic li:nth-child(2n){
    	margin-right: 0;
    }
    .intro_pic li img{
    	width: 100%;
    }
    .intro_pic section{
    	left: 48%;
    }
    .intro_pic p{
    	font-size: 0.55rem;
    }
    .intro_pic span{
    	font-size: 0.5rem;
    }
    .clubber_bg{
    	padding-bottom: 2.5rem;
    }
    .clubberswiper .swiper-slide{ 
    	width: 30%;
    }
    .clubber{
    	padding-left: 5%;
    }
    .clubber_pic{
    	padding: 1.5rem 0 2rem;
    }
    .clubber_pic img {
    	max-width: 100%;
    	height: 2.5rem;
    }
    #clubber-scrollbar{
    	height: 3px;
    }
    .clubber_btn{
    	margin-top: 3rem;
    }
    .clubber_btn button{
    	width: 4rem;
    	line-height: 1.5rem;
    }
    .footer01{
    	padding: 2rem 0;
    }
    .footer01a img{
    	width: 100%;
    }
    .footer01b{
    	display: none;
    }
    .footer01a .line{
    	width: 15%;
    	margin: 1rem 0 1.3rem;
    }
    .footer01a span{
    	margin-bottom: 0.3rem;
    }
    .footer01a p{
    	font-size: 1rem;
    	margin-bottom: 1.3rem;
    }
    .footer01a h1{
    	font-size: 0.7rem;
    }
    .footer02{
    	padding: 0.8rem 0;
    }
    .footer02 span{
    	font-size: 0.5rem;
    }
    .footer02 p{
    	font-size: 0.5rem;
    	margin-top: 0.3rem;
    }
    .picture{
    	margin-top: 2.2rem;
    }
    .picture_word{
    	width: 90%;
    	height: 11rem;
    	left: 5%;
    	background-size: 10rem;
    	padding-left: 3.2rem;
    	padding-top: 4.2rem;
    }
    .picture_word p{
    	font-size: 1rem;
    	line-height: 1rem;
        margin-bottom: 0.2rem;
    }
    .picture_word h1{
    	font-size: 0.7rem;
    }
    .about{
    	margin-top: 1.5rem;
    }
    .about li{
    	width: 100%;
    }
    .about_pic{
    	height: 7rem;
    }
    .about_w{
    	left: 50%;
    	transform: translate(-50%,-50%);
    	text-align: center;
    }
    .about_w span{
    	font-size: 1rem;
    }
    .about_w button{
    	width: 4rem;
    	line-height: 1.5rem;
    	margin-top: 0.3rem;
    }
    .guide{
    	margin-top: 0.8rem;
    }
    .guide li{
    	font-size: 0.6rem;
    	margin-right: 0.8rem;
    	margin-bottom: 0.2rem;
    	line-height: 1.2rem;
    	border-bottom: solid 0.1rem transparent;
    }
    .guide .guide_active{ 
    	border-bottom: solid 0.1rem #fff;
    }
    .guide li:hover{ 
    	border-bottom: solid 0.1rem #fff;
    }
    .news{
    	padding: 1.5rem 0 0.5rem;
    }
    .news li{
    	padding-bottom: 1.5rem;
    	margin-bottom: 1.5rem;
    }
    .news_tip{
    	width: 100%;
    }
    .news_tip span{
    	font-size: 0.65rem;
    }
    .news_tip p{
    	display: inline-block;
    	font-size: 0.55rem;
    	padding: 0.1rem 0.4rem;
    	margin-top: 0.1rem;
    	margin-left: 0.5rem;
    }
    .news_pic{
    	width: 100%;
    	height: 9rem;
    	margin-top: 0.7rem;
    }
    .news_w{
    	width: 100%;
    	margin-top: 0.7rem;
    	padding-bottom: 3rem;
    }
    .news_w h1{
    	font-size: 0.7rem;
    }
    .news_w p{
    	line-height: 1rem;
    	margin-top: 0.5rem;
    }
    .news_w button{
    	width: 4rem;
    	line-height: 1.5rem;
    }
    .pagination{
    	padding: 0 0 1.5rem;
    }
    .pagination p{
    	width: 3.5rem;
    	line-height: 1.6rem;
    	border-radius: 1rem;
    	margin-right: 0.3rem;
    	margin-bottom: 0.5rem;
    }
    .pagination span{
    	width: 1.6rem;
    	line-height: 1.6rem;
    	border-radius: 50%;
    	margin-right: 0.3rem;
    	margin-bottom: 0.5rem;
    }
    .graceful{
    	padding: 1.5rem 0 0;
    }
    .graceful li{
    	width: 100%;
    	margin-bottom: 2rem;
    }
    .graceful_pic{
    	height: 8rem;
    }
    .graceful_w{
    	line-height: 2.4rem;
    }
    .download{
        padding: 0.5rem 0 2rem;
    }
    .download li{
    	padding: 1rem 0;
    }
    .download img{
    	height: 1.5rem;
    }
    .download h1{
    	padding: 0.3rem 0;
    	margin-left: 0.5rem;
    	font-size: 0.65rem;
    }
    .download button{
    	width: 3.5rem;
    	line-height: 1.4rem;
    	font-size: 0.55rem;
    }
    .educate{
    	padding: 1.5rem 0;
    }
    .educate li{
    	margin-bottom: 1rem;
    }
    .educate_pic{
    	height: 7rem;
    }
    .educate_w h1{
    	font-size: 0.9rem;
    }
    .educate_w button{
    	width: 4rem;
    	line-height: 1.5rem;
    	margin-top: 0.8rem;
    }
    .map{
    	height: 25rem;
    }
    .touch{
    	width: 90%;
    	padding: 1.5rem 1rem;
    }
    .touch span{
    	margin-bottom: 0.2rem;
    }
    .touch p{
    	font-size: 1.2rem;
    	margin-bottom: 1rem;
    }
    .touch h1{
    	font-size: 0.7rem;
    }
    .content_bg{
    	padding: 1.5rem 0;
    }
    .article{
    	padding: 1.5rem 1rem;
    }
    .article_title{
    	font-size: 0.8rem;
    	line-height: 1.2rem;
    	padding-bottom: 1rem;
    }
    .article_word{
    	padding: 0.8rem 0;
    }
    .article_date{
    	width: 100%;
    }
    .article_see{
        margin-top: 0.3rem;
    }
    .article_tip{
    	width: 100%;
    	margin-top: 0.5rem;
    }
    .article_tip .article_icon{
    	width: 0.8rem;
    	margin-left: 0.5rem;
    }
    .article_content{
    	padding: 0.5rem 0;
    	line-height: 1.2rem;
    }
    .article_content img{
        width: 100% !important;
        height: auto!important;
    }
    .article_other{
    	margin-top: 1.5rem;
    }
    .article_other p{
    	display: none;
    }
    .article_other img{
    	display: none;
    }
    .bannerpc{
	    display: none;
	}
}