@media (min-width: 1272px) {
	#main{padding-top: 50px; position:relative;}
	#main .container{position:relative;}
	.main-section01{height: 640px;}
	.main-section01 .visual_bg_wrap{background-repeat:no-repeat; background-position: center top; height: 640px; position:absolute; right:160px;width:1399px;z-index:-1;}
	.main-section01 .visual_bg{height: 640px; width:100%; z-index: -1; position: relative;}
	#main .main-section01 .visual_bg .container{position:absolute; right:-160px; top:0; margin-right:0;}

	.main-section03{ height: 380px; background: #f8f8f8; padding-top: 55px;}
	.main-section03 h3{ font-size: 35px; font-weight: 300; color: rgb(49, 53, 54); padding-bottom: 38px;}
	/* .main-section03 .img { background:#000;} */
	.main-section03 .container{ position: relative;}
	.main-section03 .artroad_info_wrap{ width:360px; float:left;position:relative;}
	.main-section03 .artroad_info_wrap .img{ text-align: center;}
	.main-section03 .news{  float:left; position:relative; margin:0 50px; width:360px;}
	.main-section03 .news li a{ font-size: 16px; color:#313536; display:block;float:left;width:80%; margin-bottom:15px;}
	.main-section03 .news li span{ font-size: 16px; color:#626b6e; display:block;float:left;width:20%; text-align: right;}
	.main-section03 .more {top:0;right:0;position:absolute;}
}



/* md */
@media (min-width: 1272px) and (max-width: 1469px) {
	.main-section03 h3{ font-size: 30px;}
	.main-section03 .artroad_info_wrap{ width:300px;}
	.main-section03 .news{   margin:0 30px; width:300px;}

}

/* xs + sm */
@media (max-width: 1271px) {
	.main-section01 {padding-top: 30px;}
	.main-section01 > .container{position:relative;padding:0 30px;}
	.main-section01 .visual_bg_wrap{ height: 16.28571429rem; position:absolute; right:50%; transform:translateX(50%); width:776px;z-index:-1;}
	.main-section01 .visual_bg{height: 16.28571429rem; width:100%; z-index: -1; position: relative; background-repeat:no-repeat; background-position: center bottom; background-size:cover;}
	.main-section01 .visual_bg_wrap .container{margin-right: 0; position:absolute; top:0;right:0;}

	.main-section02 .container { padding: 0 30px;}

	.main-section03{  background: #f8f8f8; padding-top: 2.57142857rem; padding-bottom: 4rem;}
	.main-section03 .container{ padding:0 30px;}
	.main-section03 h3{ font-size: 1rem; font-weight: 300; color: rgb(49, 53, 54); padding-bottom: 1.85714286rem;}
	.main-section03 .container{ position: relative;}
	.main-section03 .artroad_info_wrap { position: relative;}
	.main-section03 .artroad_info_wrap .img{ text-align: center;background: #000;}
	.main-section03 .news{ position:relative;padding-bottom:  2.85714286rem;margin-top: 2.85714286rem;}
	.main-section03 .news li a{ font-size:  0.57142857rem; color:#313536; display:block;float:left;width:80%; margin-bottom:0.71428571rem;}
	.main-section03 .news li span{ font-size:  0.57142857rem; color:#626b6e; display:block;float:left;width:20%; text-align: right;}
	.main-section03 .more {top:0;right:0;position:absolute; width: 1.14285714rem; height: 1.14285714rem;}

}


@media(max-width: 767px){
	.main-section01 > .container{position:inherit;}
	.main-section01 .visual_bg_wrap{position:relative; right:auto; transform:none; width:100%;height: 10.28571429rem;}
	.main-section01 .visual_bg{width:100%;height: 10.28571429rem;}
	.main-section01 .visual_bg .container{width:100%;position:absolute; right:-15px; top:0;}
}

/* sm */
@media(min-width: 768px) and (max-width: 1271px){
	/* .main-section01 .hot_slide .slick-slide{padding-right:15px;} */
}