@charset "utf-8";

@media all and (min-width: 1360px) {
	.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%; height:380px; overflow:hidden; background:url('/sub/img/bg_01_01.jpg')center no-repeat;}

	.text_03_01 span {display:block;}
	.img_03_01 {}

	.img_01_02 {}
	.img_01_03_a {padding-bottom:80px;}

	.sub_sec {width:100%; overflow:hidden;}
	.sub_sec .title {float:left; width:230px; margin-right:50px; background:url('/sub/img/bg_sub_title.jpg')left bottom no-repeat; background-size:35px 1px; padding-bottom:25px; color:#000; font-size:35px; line-height:40px; letter-spacing:-1px;}
	.sub_sec .con {float:left; width:calc(100% - 280px);}

	.sub_sec table {width:100%; overflow:hidden; border-top:2px solid #1c3154;}
	.sub_sec table th {padding:15px; border-bottom:1px solid rgba(0,0,0,.1); text-align:center; color:#fff; background-color:#365e9e; font-size:16px;}
	.sub_sec table td {padding:15px; border-bottom:1px solid rgba(0,0,0,.1); border-right:1px solid rgba(0,0,0,.1); text-align:center; color:#333; font-size:16px;}
	.sub_sec table td:last-child {border-right:0;}
	.sub_sec table .subj {background-color:#fafafa; font-weight:bold;}

	.sub_sec .step {width:100%; overflow:hidden;}
	.sub_sec .step li {float:left; width:20%; text-align:center; background:url('/sub/img/bg_step_line.png')center top 164px no-repeat;}
	.sub_sec .step .icon {width:140px; height:140px; border-radius:140px; line-height:140px; margin:0 auto; background-color:#f1f1f1;}
	.sub_sec .step .text {padding:15px 15px 0 15px;}
	.sub_sec .step .text p {color:#21a2dd; font-size:15px; background:url('/sub/img/dot_step.png')center top no-repeat; padding-top:25px;}
	.sub_sec .step .text h2 {font-size:20px; color:#000; font-weight:500;}

	.sub_sec .icon {width:100%; overflow:hidden;}
	.sub_sec .icon li {float:left; width:48%; margin-right:4%; height:390px; border-radius:10px; border:1px solid #ddd; background-color:#fcfcfc; text-align:center; padding:30px;}
	.sub_sec .icon li:nth-child(2) {margin-right:0;}
	.sub_sec .icon .icon {}
	.sub_sec .icon .text {}
	.sub_sec .icon .text h4 {color:#21a2dd; font-size:23px; padding:20px 0;}
	.sub_sec .icon .text p {color:#000; padding-top:6px; line-height:26px;}

	.border_bottom {width:100%; border-bottom:1px solid #e5e5e5; margin-bottom:60px; padding-bottom:60px;}
	
}


@media all and (min-width: 878px) and (max-width: 1359px) {
	.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%; height:380px; overflow:hidden; background:url('/sub/img/bg_01_01.jpg')center no-repeat; background-size:cover;}
	
	.text_03_01 span {margin:0 3px;}
	.img_03_01 {width:100%;}

	.img_01_02 {width:750px;}
	.img_01_03_a {padding-bottom:80px;}

	.sub_sec {width:100%; overflow:hidden;}
	.sub_sec .title {width:100%; margin-bottom:30px; background:url('/sub/img/bg_sub_title.jpg')left bottom no-repeat; background-size:35px 1px; padding-bottom:25px; color:#000; font-size:35px; line-height:40px; letter-spacing:-1px;}
	.sub_sec .con {width:100%;}

	.sub_sec table {width:100%; overflow:hidden; border-top:2px solid #1c3154;}
	.sub_sec table th {padding:15px; border-bottom:1px solid rgba(0,0,0,.1); text-align:center; color:#fff; background-color:#365e9e; font-size:16px;}
	.sub_sec table td {padding:15px; border-bottom:1px solid rgba(0,0,0,.1); border-right:1px solid rgba(0,0,0,.1); text-align:center; color:#333; font-size:16px;}
	.sub_sec table td:last-child {border-right:0;}
	.sub_sec table .subj {background-color:#fafafa; font-weight:bold;}

	.sub_sec .step {width:100%; overflow:hidden;}
	.sub_sec .step li {float:left; width:20%; text-align:center; background:url('/sub/img/bg_step_line.png')center top 144px no-repeat;}
	.sub_sec .step .icon {width:120px; height:120px; border-radius:120px; line-height:120px; margin:0 auto; background-color:#f1f1f1;}
	.sub_sec .step .icon img {width:60px;}
	.sub_sec .step .text {padding-top:15px;}
	.sub_sec .step .text p {color:#21a2dd; font-size:15px; background:url('/sub/img/dot_step.png')center top no-repeat; padding-top:25px;}
	.sub_sec .step .text h2 {font-size:20px; color:#000; font-weight:500;}

	.sub_sec .icon {width:100%; overflow:hidden;}
	.sub_sec .icon li {float:left; width:48%; margin-right:4%; height:390px; border-radius:10px; border:1px solid #ddd; background-color:#fcfcfc; text-align:center; padding:30px;}
	.sub_sec .icon li:nth-child(2) {margin-right:0;}
	.sub_sec .icon .icon {}
	.sub_sec .icon .text {}
	.sub_sec .icon .text h4 {color:#21a2dd; font-size:23px; padding:20px 0;}
	.sub_sec .icon .text p {color:#000; padding-top:6px; line-height:26px;}

	.border_bottom {width:100%; border-bottom:1px solid #e5e5e5; margin-bottom:60px; padding-bottom:60px;}
}


@media all and (max-width: 877px) {
	.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%; height:220px; overflow:hidden; background:url('/sub/img/bg_01_01.jpg')center no-repeat; background-size:cover;}

	.text_03_01 span {margin:0 2px;}
	.img_03_01 {width:100%;}


	.img_01_02 {width:100%;}
	.img_01_03_a {width:100%; padding-bottom:40px;}

	.sub_sec {width:100%; overflow:hidden;}
	.sub_sec .title {width:100%; margin-bottom:30px; background:url('/sub/img/bg_sub_title.jpg')left bottom no-repeat; background-size:35px 1px; padding-bottom:25px; color:#000; font-size:30px; line-height:40px; letter-spacing:-1px;}
	.sub_sec .con {width:100%;}

	.sub_sec table {width:100%; overflow:hidden; border-top:2px solid #1c3154;}
	.sub_sec table th {padding:10px; border-bottom:1px solid rgba(0,0,0,.1); text-align:center; color:#fff; background-color:#365e9e; font-size:13px;}
	.sub_sec table td {padding:10px; border-bottom:1px solid rgba(0,0,0,.1); border-right:1px solid rgba(0,0,0,.1); text-align:center; color:#333; font-size:13px;}
	.sub_sec table td:last-child {border-right:0;}
	.sub_sec table .subj {background-color:#fafafa; font-weight:bold;}

	.sub_sec .step {width:100%; overflow:hidden;}
	.sub_sec .step li {float:left; width:50%; text-align:center; background:url('/sub/img/bg_step_line.png')center top 105px no-repeat; padding-bottom:30px;}
	.sub_sec .step .icon {width:80px; height:80px; border-radius:80px; line-height:80px; margin:0 auto; background-color:#f1f1f1;}
	.sub_sec .step .icon img {width:40px;}
	.sub_sec .step .text {padding-top:15px;}
	.sub_sec .step .text p {color:#21a2dd; font-size:13px; background:url('/sub/img/dot_step.png')center top no-repeat; padding-top:25px;}
	.sub_sec .step .text h2 {font-size:16px; color:#000; font-weight:500;}

	.sub_sec .icon {width:100%; overflow:hidden;}
	.sub_sec .icon li {width:100%; margin-bottom:4%;border-radius:10px; border:1px solid #ddd; background-color:#fcfcfc; text-align:center; padding:30px;}
	.sub_sec .icon li:nth-child(2) {margin-right:0;}
	.sub_sec .icon .icon {}
	.sub_sec .icon .icon img {width:80px;}
	.sub_sec .icon .text {}
	.sub_sec .icon .text h4 {color:#21a2dd; font-size:19px; padding:15px 0;}
	.sub_sec .icon .text p {color:#000; padding-top:3px; line-height:22px;}

	.border_bottom {width:100%; border-bottom:1px solid #e5e5e5; margin-bottom:30px; padding-bottom:30px;}

}