@charset "utf-8";

@media (min-width:1200px){
	.sub_title {font-size:45px; line-height:60px; color:#000; padding-bottom:60px; margin-bottom:40px; text-align:center; background:url('/sub/img/bg_sub_title.jpg')center bottom no-repeat; background-size:1px 35px;}
	.sub_title p {font-size:25px; color:#aaa;}
	 
	.sub_slogan {width:100%; text-align:center; color:#000; font-size:38px; line-height:50px; letter-spacing:-1px; font-weight:400; margin-bottom:50px;}
	.sub_slogan i {color:#ccc; font-size:22px; display:block;}
	.sub_slogan span {display:block;}

	.bg_01_01 {width:100%; overflow:hidden; background:url('/sub/img/bg_01_01_n.jpg')center no-repeat; background-attachment:fixed;} 
	.bg_01_01 ul {width:100%; overflow:hidden;}
	.bg_01_01 li {float:left; width:48%; margin-right:4%; background-color:rgba(255,255,255,.1); border-radius:10px; text-align:center; color:#fff; border:1px solid rgba(255,255,255,.2); padding:40px;}
	.bg_01_01 li:nth-child(2) {margin-right:0;}
	.bg_01_01 li p {font-size:25px; padding-bottom:20px;}
	.bg_01_01 span {opacity:0.6;}
	.bg_01_01 img {padding-bottom:12px;}
}	


@media screen and (min-width:800px) and (max-width:1199px){
	.sub_title {font-size:45px; line-height:60px; color:#000; padding-bottom:60px; margin-bottom:40px; text-align:center; background:url('/sub/img/bg_sub_title.jpg')center bottom no-repeat; background-size:1px 35px;}
	.sub_title p {font-size:25px; color:#aaa;}

	.sub_slogan {width:100%; text-align:center; color:#000; font-size:38px; line-height:50px; letter-spacing:-1px; font-weight:400; margin-bottom:50px; white-space:normal; word-break:keep-all; }
	.sub_slogan i {color:#ccc; font-size:22px; display:block;}
	.sub_slogan span {display:block;}

	.bg_01_01 {width:100%; overflow:hidden; background:url('/sub/img/bg_01_01_n.jpg')center no-repeat; background-attachment:fixed;} 
	.bg_01_01 ul {width:100%; overflow:hidden;}
	.bg_01_01 li {float:left; width:48%; margin-right:4%; background-color:rgba(255,255,255,.1); border-radius:10px; text-align:center; color:#fff; border:1px solid rgba(255,255,255,.2); padding:30px;}
	.bg_01_01 li:nth-child(2) {margin-right:0;}
	.bg_01_01 li p {font-size:25px; padding-bottom:20px;}
	.bg_01_01 span {opacity:0.6;}
	.bg_01_01 img {padding-bottom:12px;}

	/* .bg_01_01 {width:100%; height:450px; overflow:hidden; background:url('/sub/img/bg_01_01_n.jpg')center no-repeat; background-attachment:fixed;} */
}	

@media screen and (max-width:799px){
	.sub_title {font-size:25px; line-height:32px; color:#000; padding-bottom:35px; margin-bottom:20px; text-align:center; background:url('/sub/img/bg_sub_title.jpg')center bottom no-repeat; background-size:1px 20px;}
	.sub_title p {font-size:17px; color:#aaa;}

	.sub_slogan {width:100%; text-align:center; color:#000; font-size:22px; line-height:30px; letter-spacing:-1px; font-weight:400; margin-bottom:25px; white-space:normal; word-break:keep-all; }
	.sub_slogan i {color:#ccc; font-size:15px; display:block;}
	.sub_slogan span {display:block;}

	.bg_01_01 {width:100%; overflow:hidden; background:url('/sub/img/bg_01_01_n.jpg')center no-repeat; background-attachment:inherit;} 
	.bg_01_01 ul {width:100%; overflow:hidden;}
	.bg_01_01 li {float:left; width:100%; margin-bottom:4%; background-color:rgba(255,255,255,.1); border-radius:10px; text-align:center; color:#fff; border:1px solid rgba(255,255,255,.2); padding:25px;}
	.bg_01_01 li:nth-child(2) {margin-bottom:0;}
	.bg_01_01 li p {font-size:18px; padding-bottom:15px;}
	.bg_01_01 span {opacity:0.6;}
	.bg_01_01 img {padding-bottom:10px; width:70px;}

	/* .bg_01_01 {width:100%; height:250px; overflow:hidden; background:url('/sub/img/bg_01_01_n.jpg')center no-repeat; background-size:cover;} */

}