/* sub default */
.sub_top{background-image: url("/www-img/sub/top_bg/sc01-1.jpg");height: 250px;}
.table_ul{display: table;width: 100%;}
.table_ul li{display: table-cell;float: none;vertical-align: middle;width: 50%;}
.table_ul .li1{padding-right: 1%;}
.table_ul .li2{padding-left: 1%;}
/* sub default */
.sub_top .sub_top_txt h1{font-size: 50px;margin-bottom: 10px;}
.sub_top .sub_top_txt .p1{font-size: 25px;letter-spacing: 0;color: #2e2d2d;font-weight: bold;}

.section_div > section{padding: 50px;}
.section_div > section *{text-align: left;}



.section2 > h2{text-align: center;}
.section2 > .pp{text-align: center;color: #323232;margin: 10px 0 30px 0;line-height: 25px;}
.section2 > span{display: block;padding: 0 70px 40px 70px;border: 1px solid #b7b7b7;position: relative;}
.section2 > span:BEFORE{content: "";position: absolute;border-top: 6px solid #6483af;width: 203px;top: -1px;left: 50%;margin-left: -101.5px}
.section2 > .span2:BEFORE{border-color: #2a5790;}
.section2 > .span3:BEFORE{border-color: #2f975a;}
.section2 > span h2{text-align: center;margin: 19px 0 28px 0;color:#6483af; }
.section2 > .span2 h2{color:#2a5790; }
.section2 > .span3 h2{color:#2f975a; }
.section2 > .span2{margin: 35px 0;}
.section2 ul h3{color: #707070;font-size: 25px;margin: 19px 0 27px 0;}
.section2 span .ul1 > li{width: 46%;max-width: 434px;}
.section2 span .ul1 > .li1{margin-right: 8%;}
.section2 .span3 .ul1 > li{width: 31.7%;margin: 0;max-width: 300px;}
.section2 .span3 .ul1 > .li2{margin:0 2.45%;}


.section_div > .section4{padding: 0;}
.section4 > .ul1{margin-bottom: 5px;}
.section4 > ul{height: 471px;}
.section4 > ul .li1{width: 34.91%;background-repeat: no-repeat;height: 100%;background-position: 55%;}
.section4 > ul .li2{background-repeat: repeat;height: 100%;width: 65.09%;padding: 80px 0 0 66px;}
.section4 > ul .li2  *{color: #fff;}
.section4 > ul .li2 h2{margin-bottom: 65px;}
.section4 > ul .li2 h4{font-weight: normal;}
.section4 > ul .li2 .h4_1{color:#a7a8ac ;padding:0 0 15px 15px;}
.section4 > ul .li2 span{display: inline-block;vertical-align: bottom;}
.section4 > ul .li2 .span2{margin-left: 70px;}
/* add 20190820 */
#add_20190820{position: relative;margin-top: 50px;padding: 30px 70px 20px 20px;text-align: right;background-repeat: no-repeat;
background-position: 100% 0;}
#add_20190820 *{color: #fff;text-align: center;}
#add_20190820 .s1{position: absolute;width: 73px;height:47px;right: 20%;top: -47px;}
#add_20190820 .div{display:inline-block;text-align: center;}
#add_20190820 .u{text-align: center;margin-top: 20px;}
#add_20190820 .u li{display: inline-block;vertical-align: top;width: 135px;height: 135px;border-radius:50%;padding-top: 20px;}
#add_20190820 .u li *{text-align: center;}
#add_20190820 .u .li1{background: rgba(36,107,172,0.5);}
#add_20190820 .u .li2{background: rgba(0,15,94,0.65);margin: 0 25px;}
#add_20190820 .u .li3{background: rgba(36,107,172,0.5);}
#add_20190820 .u li h3{margin: 0; }
#add_20190820 .u li p{font-size: 15px;}
#add_20190820 .u li p .mbr{display: none;}
#add_20190820 .ss{position: relative;width: 70%;display: block;height: 1px;margin: 5px auto;}
#add_20190820 .ss:BEFORE {background: linear-gradient( to left, #000, rgba(255,255,255,0) );content: "";position: absolute;width: 50%;height: 100%;top: 0;left: 0;}
#add_20190820 .ss:AFTER {background: linear-gradient( to right, #000, rgba(255,255,255,0) );content: "";position: absolute;width: 50%;height: 100%;top: 0;left: 50%;}
/* add 20190820 */

/* add 20211214 */
.section2 .span2-modify .ul1 > .li1,
.section2 .span2-modify .ul1 > .li2{height: 540px;}
.section2 .span2-modify .ul1 > .li3{margin-right: 8%;}
.section2 .span2-modify .ul1 > .li4 p{font-weight: bold;}
.section2 .span2-modify .ul1 > .li4 p .s1{display: inline-block;width: 25%;color: #fff;text-align: center;padding:7px 5px;}
.section2 .span2-modify .ul1 > .li4 .p2{margin: 3px auto;}
.section2 .span2-modify .ul1 > .li4 .p1 .s1{background-color: #2c5595;}
.section2 .span2-modify .ul1 > .li4 .p2 .s1{background-color: #1b316a;}
.section2 .span2-modify .ul1 > .li4 .p3 .s1{background-color: #142247;}
.section2 .span2-modify .ul1 > .li4 p .s2{display: inline-block;width: 75%;background-color: #f5f5f5;padding:7px 10px;}
/* add 20211214 */

@media only screen and (max-width: 1023px) {
	/* sub default */
	.sub_top{height: 175px;background-size:cover;}
	/* sub default */
	.sub_top .sub_top_txt h1{font-size: 30px;}
	.sub_top .sub_top_txt .p1{font-size: 18px;}
	.section_div > section{padding: 20px;}
	
	
	
	.section2 > .span2{margin: 20px 0;}
	.section2 > span{    padding: 0 20px 40px 20px;}
	
	
	.section4 > ul .li2{padding: 25px 0 0 15px;}
	.section4 > ul .li2 .span2{margin-left: 20px;}
	/* add 20190820 */
	#add_20190820{padding: 20px 50px 20px 20px;}
	#add_20190820 .s1{width: 55px;height: 35px;overflow: hidden;top: -35px;}
	#add_20190820 .u li h3{font-size: 18px;}
	#add_20190820 .u li p .pbr{display: block;}
	#add_20190820 .u .li2{margin: 0 5px;}
	/* add 20190820 */
	
}

@media only screen and (max-width: 800px) {
	.section4 > .ul1{margin-bottom: 1px;}
	.section4 > ul{height: 361px;}
	.section4 > ul .li1{background-size:cover; }
	.section4 > ul .li2 span{width: 100%;}
	.section4 > ul .li2 .span2{margin-left: 0;}
	.section4 > ul .li2 h2{margin-bottom: 35px;font-size: 19px;}
	.section4 > ul .li2 h4{font-size: 14px;}
	.section4 > ul .li2 .h4_1{margin-top: 25px;padding-bottom: 10px;}
	
	/* add 20190820 */
	#add_20190820{padding: 20px 5px;text-align: center;}
	#add_20190820 .s1{right: 50%;margin-right: -27.5px;}
	/* add 20190820 */
}


@media only screen and (max-width: 767px) {
	/* sub default */
	.table_ul li{display: block;width: 100%;margin: 0 auto;}
	.table_ul .li1{padding-right: 0%;margin-bottom: 20px;}
	.table_ul .li2{padding-left: 0%;}
	/* sub default */
	
	/* add 20211214 */
	.section2 .span2-modify .ul1 > .li4 p{font-size: 12px;}
	/* add 20211214 */
	
}
@media only screen and (max-width: 640px) {
	.section2 ul h3{font-size: 18px;}
	.section2 ul p{font-size: 13px;}
	.section2 .span3 .ul1 > .li2,
	body .bg_common_div .section2 span .ul1 > li{width: 100%;margin: 0 auto;float: none;}
	.section2 ul h3{margin: 10px 0;}
	.section2 ul h3 br{display: none;}
	body .bg_common_div .section2 span .ul1 > .li2{margin-top: 40px;}
	body .bg_common_div .section2 .span3 .ul1 > .li2{margin-bottom: 40px;}
	.section2 > h2{font-size: 26px;}
	.section2 .ul2 > .li1{overflow: hidden;height: 170px;} 
	
	.span3 .ul1 > .li1 img{
		-webkit-transform: translate(0px, -70px);
		-moz-transform: translate(0px, -70px);
		-o-transform: translate(0px, -70px);
		-ms-transform: translate(0px, -70px);
		transform: translate(0px, -70px);
	}
	.span3 .ul1 > .li2 img{
		-webkit-transform: translate(0px, -70px);
		-moz-transform: translate(0px, -70px);
		-o-transform: translate(0px, -70px);
		-ms-transform: translate(0px, -70px);
		transform: translate(0px, -70px);
	}
	.span3 .ul1 > .li3 img{
		-webkit-transform: translate(0px, -70px);
		-moz-transform: translate(0px, -70px);
		-o-transform: translate(0px, -70px);
		-ms-transform: translate(0px, -70px);
		transform: translate(0px, -70px);
	}
	
	/* add 20190820 */
	#add_20190820 .div > h3 span{display: block;font-weight: normal;margin-bottom: 5px;}
	#add_20190820 .u li{width: 88px;height: 88px;padding-top: 8px;}
	#add_20190820 .u li h3{font-size: 14px;}
	#add_20190820 .u li p{line-height: 15px;font-size: 11px;}
	#add_20190820 .u li p .pbr{display: none;}
	#add_20190820 .u li p .mbr{display: block;}
	/* add 20190820 */

	/* add 20211214 */
	.section2 .span2-modify .ul1 > .li1{height: auto;}
	.section2 .span2-modify .ul1 > .li2{height: auto;margin-top: 40px;}
	.section2 .span2-modify .ul1 > .li3{margin-right: auto;margin-top: 40px;}
	.section2 .span2-modify .ul1 > .li4{margin-top: 40px;}
	/* add 20211214 */
}