@charset "utf-8";

.tab_area > h4{display:none;}
.tab_area > h4.active{display:block;}

@media screen and (min-width:1420px){
	.sub_title {font-size:45px; line-height:60px; color:#000; padding-bottom:75px; margin-bottom:35px; text-align:center; background:url('/sub/img/bg_sub_title.jpg')center bottom no-repeat; background-size:1px 40px;}
	
	.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;}
	
	.sub_01_01 {width:100%; overflow:hidden;}
	.sub_01_01 .text {float:left; width:48%; margin-right:4%; white-space:normal; word-break:keep-all; }
	.sub_01_01 .img {float:left; width:48%;}
	.sub_01_01 .img img {width:100%;}

	.sub_02_01_list {width:100%; overflow:hidden; margin-top:50px; padding-bottom:10px;}
	.sub_02_01_list li {float:left; width:15%; height:290px; box-shadow:0 5px 5px rgba(0,0,0,.1); padding:35px 25px; border:1px solid #ddd; margin-right:2%;}
	.sub_02_01_list li:nth-child(6) {margin-right:0;}
	.sub_02_01_list li img {width:80px;}
	.sub_02_01_list .icon {width:100%; padding-bottom:20px; text-align:center;}
	.sub_02_01_list .text {color:#000; line-height:25px; text-align:center; font-size:16px;}

	.bg_02_01 {width:100%; overflow:hidden;  background:url('/sub/img/bg_02_01.jpg')center no-repeat; background-attachment:fixed; text-align:center;}

	.bg_02_01 p {color:#fff; padding-bottom:60px;}
	.bg_02_01 p b {background-color:#dd1e3f; padding:0 5px;}
	.bg_02_01 p span {display:block;}
	.bg_02_01 ul {width:1000px; margin:0 auto;  overflow:hidden;}
	.bg_02_01 li {float:left; width:30%; height:280px; padding:25px; background-color:#fff; border-radius:10px; margin-right:5%;}
	.bg_02_01 li:nth-child(3) {margin-right:0;}
	.bg_02_01 li .icon {width:100%; padding-bottom:15px; text-align:center;}
	.bg_02_01 li .text {color:#000; line-height:25px; text-align:center; font-size:16px;}

	.sub_02_01_step {width:100%; overflow:hidden;}
	.sub_02_01_step li {float:left; width:16.66666%; padding-bottom:50px; background:url('/sub/img/bg_02_01_step.png')center top 180px no-repeat;}
	.sub_02_01_step .icon {text-align:center; width:100%; padding-bottom:20px;}
	.sub_02_01_step .icon img {width:150px;}
	.sub_02_01_step .text {text-align:center; padding:0 20px; color:#000; line-height:25px; color:#000; background:url('/sub/img/dot_02_01_step.png')center top no-repeat; padding-top:35px;}
	.sub_02_01_step .text p {color:#e21d3b; font-size:16px; padding-bottom:5px;}

	.sub_02_02_step {width:100%; overflow:hidden; margin-top:80px;}
	.sub_02_02_step li {float:left; width:25%; background:url('/sub/img/bg_02_01_step.png')center top 180px no-repeat;}
	.sub_02_02_step .icon {text-align:center; width:100%; padding-bottom:20px;}
	.sub_02_02_step .icon img {width:150px;}
	.sub_02_02_step .text {text-align:center; padding:0 20px; color:#000; line-height:25px; color:#000; background:url('/sub/img/dot_02_01_step.png')center top no-repeat; padding-top:35px;}
	.sub_02_02_step .text p {color:#e21d3b; font-size:16px; padding-bottom:5px;}
	.sub_02_02_step .text span {display:block; color:#777; font-size:14px; line-height:22px; padding-top:5px;}

	.bg_02_02 {width:100%; overflow:hidden;  background:url('/sub/img/bg_02_02.jpg')center no-repeat; background-attachment:fixed; text-align:center;}
	.bg_02_02 ul {width:100%; margin:0 auto;  overflow:hidden;}
	.bg_02_02 li {float:left; width:30%; height:330px; padding:25px; background-color:#fff; border-radius:10px; margin-right:5%;}
	.bg_02_02 li:nth-child(3) {margin-right:0;}
	.bg_02_02 li .icon {width:100%; padding-bottom:25px; text-align:center;}
	.bg_02_02 li .text {line-height:25px; text-align:center; font-size:16px;}
	.bg_02_02 li .text p {color:#000; font-size:22px; padding-bottom:10px;}

	.img_02_02 {}

	.sub_sec {width:100%; overflow:hidden;}
	.sub_sec .title {float:left; width:250px; margin-right:50px; color:#000; font-size:30px; line-height:40px; letter-spacing:-1px;}
	.sub_sec .con {float:left; width:calc(100% - 300px);}

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

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

	.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; height:500px; background:url('/sub/img/bg_01_01.jpg')center no-repeat; background-size:cover; background-attachment:fixed;}

	.sub_01_01 {width:100%; overflow:hidden;}
	.sub_01_01 .text {float:left; width:100%; margin-bottom:4%;}
	.sub_01_01 .img {float:left; width:100%; text-align:center;}
	.sub_01_01 .img img {}

	.sub_02_01_list {width:100%; overflow:hidden; margin-top:50px;}
	.sub_02_01_list li {float:left; width:32%; height:230px; box-shadow:0 5px 5px rgba(0,0,0,.1); padding:30px 25px; border:1px solid #ddd; margin-right:2%; margin-bottom:2%;}
	.sub_02_01_list li:nth-child(3n) {margin-right:0;}
	.sub_02_01_list .icon {width:100%; padding-bottom:20px; text-align:center;}
	.sub_02_01_list li img {width:80px;}
	.sub_02_01_list .text {color:#000; line-height:25px; text-align:center; font-size:16px;}

	.bg_02_01 {width:100%; overflow:hidden; background:url('/sub/img/bg_02_01.jpg')center no-repeat; background-attachment:fixed; text-align:center;}

	.bg_02_01 p {color:#fff; padding-bottom:60px;}
	.bg_02_01 p b {background-color:#dd1e3f; padding:0 5px;}
	.bg_02_01 p span {display:block;}
	.bg_02_01 ul {width:100%;  overflow:hidden;}
	.bg_02_01 li {float:left; width:30%; height:290px; padding:25px; background-color:#fff; border-radius:10px; margin-right:5%;}
	.bg_02_01 li:nth-child(3) {margin-right:0;}
	.bg_02_01 li .icon {width:100%; padding-bottom:15px; text-align:center;}
	.bg_02_01 li .text {color:#000; line-height:25px; text-align:center; font-size:16px;}

	.sub_02_01_step {width:100%; overflow:hidden;}
	.sub_02_01_step li {float:left; width:33.333%; padding-bottom:50px; background:url('/sub/img/bg_02_01_step.png')center top 180px no-repeat;}
	.sub_02_01_step .icon {text-align:center; width:100%; padding-bottom:20px;}
	.sub_02_01_step .icon img {width:150px;}
	.sub_02_01_step .text {text-align:center; padding:0 20px; color:#000; line-height:25px; color:#000; background:url('/sub/img/dot_02_01_step.png')center top no-repeat; padding-top:35px;}
	.sub_02_01_step .text p {color:#e21d3b; font-size:16px; padding-bottom:5px;}

	.sub_02_02_step {width:100%; overflow:hidden; margin-top:50px;}
	.sub_02_02_step li {float:left; width:25%; padding-bottom:50px; background:url('/sub/img/bg_02_01_step.png')center top 180px no-repeat;}
	.sub_02_02_step .icon {text-align:center; width:100%; padding-bottom:20px;}
	.sub_02_02_step .icon img {width:150px;}
	.sub_02_02_step .text {text-align:center; padding:0 20px; color:#000; line-height:25px; color:#000; background:url('/sub/img/dot_02_01_step.png')center top no-repeat; padding-top:35px;}
	.sub_02_02_step .text p {color:#e21d3b; font-size:16px; padding-bottom:5px;}
	.sub_02_02_step .text span {display:block; color:#777; font-size:14px; line-height:22px; padding-top:5px;}

	.bg_02_02 {width:100%; overflow:hidden;  background:url('/sub/img/bg_02_02.jpg')center no-repeat; background-attachment:fixed; text-align:center;}
	.bg_02_02 ul {width:100%; margin:0 auto;  overflow:hidden;}
	.bg_02_02 li {float:left; width:30%; height:340px; padding:25px; background-color:#fff; border-radius:10px; margin-right:5%;}
	.bg_02_02 li:nth-child(3) {margin-right:0;}
	.bg_02_02 li .icon {width:100%; padding-bottom:25px; text-align:center;}
	.bg_02_02 li .icon img {width:120px;}
	.bg_02_02 li .text {line-height:25px; text-align:center; font-size:16px;}
	.bg_02_02 li .text p {color:#000; font-size:22px; padding-bottom:10px;}

	.img_02_02 {width:1000px;}

	.sub_sec {width:100%; overflow:hidden;}
	.sub_sec .title {width:100%; margin-bottom:30px; color:#000; font-size:30px; line-height:40px; letter-spacing:-1px;}
	.sub_sec .con {width:100%;}

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

@media screen and (max-width:1023px){
	.sub_title {font-size:22px; 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_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; height:300px; background:url('/sub/img/bg_01_01.jpg')center no-repeat; background-size:cover;}

	.sub_01_01 {width:100%; overflow:hidden;}
	.sub_01_01 .text {float:left; width:100%; margin-bottom:4%;}
	.sub_01_01 .img {float:left; width:100%; text-align:center;}
	.sub_01_01 .img img {width:100%;}

	.sub_02_01_list {width:100%; overflow:hidden; margin-top:50px;}
	.sub_02_01_list li {float:left; width:48%; height:210px; box-shadow:0 5px 5px rgba(0,0,0,.1); padding:18px 15px; border:1px solid #ddd; margin-right:4%; margin-bottom:4%;}
	.sub_02_01_list li:nth-child(2n) {margin-right:0;}
	.sub_02_01_list .icon {width:100%; padding-bottom:13px; text-align:center;}
	.sub_02_01_list li img {width:50px;}
	.sub_02_01_list .text {color:#000; line-height:20px; text-align:center; font-size:13px;}

	.bg_02_01 {width:100%; overflow:hidden;  background:url('/sub/img/bg_02_01.jpg')center no-repeat; background-size:cover; text-align:center;}

	.bg_02_01 p {color:#fff; padding-bottom:30px;}
	.bg_02_01 p b {background-color:#dd1e3f; padding:0 5px;}
	.bg_02_01 p span {display:block;}
	.bg_02_01 ul {width:100%;  overflow:hidden;}
	.bg_02_01 li {float:left; width:100%; padding:15px; background-color:#fff; border-radius:10px; margin-bottom:5%;}
	.bg_02_01 li img {width:90px;}
	.bg_02_01 li:nth-child(3) {margin-bottom:0;}
	.bg_02_01 li .icon {width:100%; padding-bottom:15px; text-align:center;}
	.bg_02_01 li .text {color:#000; line-height:20px; text-align:center; font-size:13px;}

	.sub_02_01_step {width:100%; overflow:hidden;}
	.sub_02_01_step li {float:left; width:50%; padding-bottom:50px; background:url('/sub/img/bg_02_01_step.png')center top 112px no-repeat;}
	.sub_02_01_step .icon {text-align:center; width:100%; padding-bottom:15px;}
	.sub_02_01_step .icon img {width:90px;}
	.sub_02_01_step .text {text-align:center; padding:0 20px; color:#000; line-height:20px; color:#000; background:url('/sub/img/dot_02_01_step.png')center top no-repeat; background-size:15px 15px; padding-top:25px;}
	.sub_02_01_step .text p {color:#e21d3b; font-size:14px; padding-bottom:3px;}

	.sub_02_02_step {width:100%; overflow:hidden; margin-top:30px;}
	.sub_02_02_step li {float:left; width:50%; padding-bottom:30px; background:url('/sub/img/bg_02_01_step.png')center top 116px no-repeat;}
	.sub_02_02_step .icon {text-align:center; width:100%; padding-bottom:20px;}
	.sub_02_02_step .icon img {width:90px;}
	.sub_02_02_step .text {text-align:center; padding:0 20px; color:#000; line-height:25px; color:#000; background:url('/sub/img/dot_02_01_step.png')center top no-repeat; background-size:15px 15px; padding-top:25px;}
	.sub_02_02_step .text p {color:#e21d3b; font-size:14px; padding-bottom:3px;}
	.sub_02_02_step .text span {display:block; color:#777; font-size:12px; line-height:18px; padding-top:3px;}

	.bg_02_02 {width:100%; overflow:hidden;  background:url('/sub/img/bg_02_02.jpg')center no-repeat; background-attachment:fixed; text-align:center;}
	.bg_02_02 ul {width:100%; margin:0 auto;  overflow:hidden;}
	.bg_02_02 li {float:left; width:100%; overflow:hidden; padding:15px; background-color:#fff; border-radius:10px; margin-bottom:3%;}
	.bg_02_02 li:nth-child(3) {margin-bottom:0;}
	.bg_02_02 li .icon {width:100%; padding-bottom:25px; text-align:center;}
	.bg_02_02 li .icon img {width:90px;}
	.bg_02_02 li .text {line-height:20px; text-align:center; font-size:13px;}
	.bg_02_02 li .text p {color:#000; font-size:18px; padding-bottom:10px;}

	.img_02_02 {width:100%;}

	.sub_sec {width:100%; overflow:hidden;}
	.sub_sec .title {width:100%; margin-bottom:20px; color:#000; font-size:20px; line-height:30px; letter-spacing:-1px;}
	.sub_sec .con {width:100%;}

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