@charset "utf-8";

#sub {position:relative;width:100%;height:auto;margin:0;padding:30px 0 0}

.box {position:relative;width:100%;height:auto;margin:0;padding:0 0 70px;word-break:keep-all}
.box:after {display:block;visibility:hidden;clear:both;content:""}

#sub .title {display:block;padding:0 0 30px;font-size:22px;font-weight:500;word-break:keep-all}
#sub .title span {font-size:22px;color:#1285d5;font-weight:700}
#sub .title b {font-size:20px;font-weight:normal;color:#000}
#sub .title p {word-break:keep-all}

.box .text {font-size:17px;color:#333;line-height:30px}
.box .text span {color:#1285d5}

.box table {width:100%;border:1px solid #ddd;border-bottom:0px;border-collapse:collapse;border-spacing:0 5px}
.box tbody th {width:250px;background:#f5f5f5;font-weight:500;font-size:20px;border:1px solid #ddd}
.box tbody td {padding:10px 50px;border:1px solid #ddd}

.a01 .box_l {float:left;width:35%}
.a01 .box_l img {width:100%;max-width:391px}
.a01 .box_r {float:right;width:60%}
.a01 .text span {font-size:22px;font-weight:700}
.a01 .text p {padding:30px 0 0;text-align:right}
.a01 .text p b {display:inline-block;padding-left:15px;font-size:18px}

.a04 .box2 .inbox {float:left;display:block;position:relative;padding:15px;border:3px solid #ddd;width:48%;margin:0 2% 30px 0}
.a04 .box2 .inbox:nth-child(2), .a04 .box2 .inbox:nth-child(4) {margin:0 0 30px 2%}
.a04 .box2 .inbox p:first-child {border-bottom:1px solid #ddd;padding:0 0 15px}
.a04 .box2 .inbox p {padding:15px 0 0}
.a04 .box2 .inbox p b {font-size:22px;color:#f08246}
.a04 .box2 .inbox p span {float:right;font-size:18px;color:#000}

.a04 .text p {font-size:18px;font-weight:400;margin:0 0 20px}
.a04 .text p i {display:inline-block;width:22px;height:22px;text-align:center;line-height:21px;font-size:10px;font-weight:300;border:1px solid #ccc;color:#ccc;border-radius:50em;margin-left:15px;vertical-align:top;margin:3px 0 0 10px}



.tabs_bt {margin: 0px;padding: 0px;list-style: none; width: 20%; margin-right: 5%; display: flex;    flex-direction: column;}
ul.tabs{position: sticky; top: 20%;}
ul.tabs li{background: none;color: #222;display: inline-block;padding: 10px 15px;cursor: pointer; font-size: 20px; margin-bottom: 15px; font-weight: 600; width: 100%;}
ul.tabs li.current{background: #1768c3; color: #fff;}


.tab-content{display: none; width: 75%;}
.tab-content.current{display: block;}
.tab-content .tab_tit {font-size: 24px; line-height: 1.6; padding-left: 25px; border-left: 5px solid #ff9c00; word-break: keep-all;}
.tab-content .tab_txt {padding: 30px; margin-top: 60px;}
.tab-content .tab_txt h2 {font-size: 20px; color: #1768c3;}
.tab-content .tab_txt hr {width: 100%;  height: 1px;  margin: 20px 0; display: block; background: #ccc; border: none;}
.tab-content .tab_txt div {margin-bottom: 50px;}
.tab-content .tab_txt div h3 {font-size: 22px; margin-bottom: 15px;}
.tab-content .tab_txt div p {font-size: 18px; line-height: 1.6; color: #666;}
.tab-content .tab_txt div p strong {color: #000;}


@media (max-width: 960px){
	ul.tabs li {font-size: 18px;}
	.tabs_bt {min-width: 200px;}
	.tab-content .tab_tit {font-size: 20px;}
	.tab-content .tab_txt h2 {font-size: 18px;}
	.tab-content .tab_txt div h3 {font-size: 20px;}
	.tab-content .tab_txt div p {font-size: 16px;}
}


@media (max-width: 640px){
	.b06 {flex-direction: column;}
	.tabs_bt {width: 100%; margin-right: 0;}
	ul.tabs {position: unset; margin-bottom: 50px;}
	ul.tabs li {background: #f1f1f4; }
	.tab-content {width: 100%;}
	
	.a04 .text p {font-size:15px;font-weight:400;margin:0 0 20px}
}



@media (max-width:970px) {
	#sub .title {font-size:26px}
	#sub .title span, #sub .title b {font-size:22px}
	
	.box .text {font-size:16px;line-height:28px}
	
	.a01 .text span {font-size:22px}
	.a01 .text p {padding:20px 0 0}
	.a01 .text p b {font-size:22px}
	
}

@media (max-width:750px) {
	#sub {padding:20px 0 0}
	#sub .title {padding:0 0 20px;font-size:20px}
	#sub .title span, #sub .title b {font-size:18px}
	
	.box {padding:0 0 40px}
	
	.box .text {font-size:14px;line-height:25px}
	
	.a01 .box_l {float:none;width:100%;text-align:center}
	.a01 .box_r {float:none;width:100%;padding:20px 0 0}
	.a01 .box_l img {width:50%}
	.a01 .text span {font-size:16px}
	.a01 .text p {padding:15px 0 0}
	.a01 .text p b {font-size:16px}
	

	.a04 .box2 .inbox {float:none;display:block;position:relative;padding:15px;border:3px solid #ddd;width:100%;margin:0 0 15px}
	.a04 .box2 .inbox:nth-child(2), .a04 .box2 .inbox:nth-child(4) {margin:0 0 15px}
	.a04 .box2 .inbox p b, .a04 .box2 .inbox p span {font-size:15px}
	
}