/* sub default */
.sub_top{background-image: url("/www-img/sub/top_bg/n_sub_img06.jpg");height: 579px;}
.h1_hr{height: 1px; width: 80px;border: none; border-top: 1px solid;margin: 30px auto;}
.section_div > section{padding: 50px;}
.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%;}
.sec_common_h2{margin-bottom: 30px;}
.sec_common_h2 span{color: #737c9a;}
.p_custom1{color: #737c9a;margin: 40px 0 20px 0;}
/* sub default */

p .br1023{display: none;}
.section_div > section *{text-align: left;}
section > h2 span {color: #778298;}
section > h2 {margin-bottom: 30px;}

.sec1 .bold{color: #222;}

.section_div > .sec2 *{text-align: center;}
.sec2{background-repeat: no-repeat;text-align: center;background-color: #c6cdd7;background-position: 100% 100%;}
.sec2 h3{margin: 20px auto 30px auto;}
.sec2 p{color:#323232;}
.sec2 div{display: inline-block;vertical-align: top;width: 270px;height: 270px;border-radius:50%;background: #fff;}
.sec2 .div2{margin: 0 50px;}
.sec2 h4{margin: 90px auto 10px auto;position: relative;}
.sec2 h4 .icon_bg{position: absolute;background-position: -398px -809px;width: 26px;height: 20px;left: 50%;margin-left: -13px;top: -30px;}



.section_div > section .custom1{margin: 10px auto 30px auto;background: #fff; height: 48px;line-height: 48px;max-width: 327px;border-radius:20px;text-align: center;}
.section_div > section .custom2{text-align: center;color:#778298; margin-bottom: 20px;position: relative;padding-top: 30px;}
.section_div > section .custom2 .icon_bg{position: absolute;background-position:-393px -831px;width: 32px;height: 25px;top: 0;left: 50%;margin-left: -16px; }
.section_div > section .custom3{width: 200px;height: 40px;background: #c8d6f1;border-radius:20px;text-align: center;line-height: 40px;margin-bottom: 10px;}
.section_div > section .custom4{color:#323232;font-weight: bold;padding: 3px 15px;background: #fff;border-radius:20px;display: inline-block;margin-bottom: 10px;}
.section_div > section .custom5{position: relative;padding-left: 30px;}
.section_div > section .custom5 span{position: absolute;background-position: -380px -440px; width: 22px;height: 22px;left: 0;top: 0;}
.section_div > section .custom_a1{padding: 15px 30px; font-size: 14px;color: #fff;background: #a0a0a0;margin-top: 5px;}
.section_div > section .custom_a2{border-radius:5px;max-width: 945px;padding: 20px;display: block;margin: 15px auto;background: #9da6b8;text-align: center;}
.section_div > section .custom_a2 p{display: inline-block;vertical-align: middle;text-align: center;}
.section_div > section .custom_a2 .p1{color: #fff;}
.section_div > section .custom_a2 .p2{color: #cff8ff;margin: 0 15px;}
.section_div > section .custom_a2 .p3{color: #222;padding: 3px 15px;background: #fff;border-radius:5px;}

.sec4{background-repeat: repeat;}

.section_div > .sec4 h3{text-align: center;}
.sec4 li{padding: 20px;width: 48%;border: 2px solid #fff;margin-top:20px;}
.sec4 li *{text-align: center;}
.sec4 .li1{margin-right: 4%;}
.sec4 li p{margin: 10px auto 3px auto;}

.sec5{background-repeat: repeat;}
.sec5 > .div{padding-bottom: 40px;border-bottom: 1px solid #c9c9c9;margin-bottom: 40px;}
.sec5 > .div8{margin-bottom: 0;padding-bottom: 0;border-bottom: none;}
.sec5 .table_ul li{vertical-align: top;}
.sec5 .table_ul .li1{padding-right: 2%;}
.sec5 .table_ul .li2{padding-left: 2%;}
.sec5 .ul2{margin-top: 10px;}
.sec5 ul img{margin-left: 0;}
.sec5 .div8 ul img,
.sec5 .div7 ul img{margin-left: auto;}
.sec5 .div8 .ul2 li > div{max-width: 459px;margin: 0 auto;}
.sec5 .div8 .ul2 li > div p{float: left;width: 46.5%;text-align: center;font-weight: bold;font-size: 18px;margin-top: 5px;}
.sec5 .div8 .ul2 li > div .in1{margin-right: 7%;color: #222;}
.sec5 .div8 .ul2 li > div .in2{color: #778298;}
.sec5 > .div6 .custom4{margin-top: 20px;}


.section_div > .sec6 *{text-align: center;} 
.sec6 li .p1{color: #666699;margin: 10px auto;}
.sec6 li{width: 48%;padding: 20px;border: 2px solid #fff;margin-top: 20px;}
.sec6 .li1{margin-right: 4%;}

.sec7 > *{max-width: 1065px;margin-left: auto;margin-right: auto;}
.sec7 > .div1{margin: 20px auto 30px;background: #eff0f5;padding:30px 10px;text-align: center;border-radius:5px; }
.sec7 > h3,
.sec7 > .div1 *{text-align: center;}
.sec7 > .div1 .p_24 span{border-bottom: 1px solid #c6c8df;padding-bottom: 3px;}
.sec7 > .div1 .p_24{margin-bottom: 15px;color: #323232;font-weight: bold;}
.sec7 > .div1 .bold{display: inline-block;vertical-align: top;width: 200px;height: 200px;border-radius:50%;background: #778298;color: #fff;margin-left: 25px;}
.sec7 > .div1 .p1{margin-left: 0;}
.sec7 > .div1 .bold span{display: block;margin: 30px auto 20px auto;font-size: 25px;width: 35px;border-bottom: 1px solid #fff;padding-bottom: 5px;}

.sec7 > .div2{background-repeat: no-repeat;padding: 70px 20px;}
.sec7 > .div2 p{color: #fff;text-align: center;line-height: 25px;}

.sec7 > ul li{width: 32%;border: 1px solid #d7d7d7;padding: 10px 10px 30px 10px;margin-top: 20px;}
.sec7 > ul .li2{margin: 20px 2% 0 2%;}
.sec7 > ul li p{text-align: center;color: #323232;margin-top: 30px;}
.sec3 > h2{margin-bottom: 0;}

.m_div{display: none;}

/* 202105 add */
.section_div > .sec-2105{padding: 0;}
.sec-2105 > div{position: relative;}
.sec-2105 > div a{position: absolute;}
.sec-2105 > div .a1{width: 34%;height: 28%;top: 35%;left: 57%;}
.sec-2105 > div .a2{width: 34%;height: 28%;top: 66%;left: 57%;}
/* 202105 add */

@media only screen and (max-width: 1023px) {
	/* 202105 add */
	.section_div > .sec-2105{padding: 0;}
	/* 202105 add */


	/* sub default */
	.sub_top{height: 300px;background-size:cover;}
	.h1_hr{margin: 20px auto;}
	.section_div > section{padding: 20px;}
	/* sub default */
	
	.sec2 .div2{margin: 0 10px;}
	.sec2 div{width:220px;height: 220px; }
	.sec2 h4{margin: 65px auto 10px auto;}
	
	.sec4 li{width: 49%;margin-top: 10px;}
	.sec4 .li1{margin-right: 2%;}
	
	p .br1023{display: block;}
	
	.section_div > section .custom_a1{font-size: 13px;padding: 10px 22px;}
	
	.sec6 li{width: 49.2%}
	.sec6 .li1{margin-right: 0.6%;}
	.sec6 li .p2{font-size: 12px;}
	
	
	.sec7 > .div1 .bold{width: 160px;height: 160px;margin-left: 5px;}
	.sec7 > .div1 .bold span{margin:17px auto 15px auto;}
	.sec7 > .div1 .p1{margin-left: 0;}
	
	.sec7 > ul li{padding: 10px 10px 15px 10px;}
	.sec7 > ul li p{font-size: 12px;margin-top: 15px;}
}


@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 */
	
	.sec2 .div2{margin: 0 auto 10px auto;}
	.sec2 div{margin: 0 auto 10px auto;}
	
	.sec5 .table_ul .li1{padding-right:0;}
	.sec5 .table_ul .li2{padding-left: 0;}
	.sec5 > .div7 .ul2 .li2{display: none;}
	
	.sec6 li{margin-top: 10px;width: 100%;}
	.sec6 .li1{margin-right: 0;}
	.sec6 li .p2{font-size: 14px;}
	
	.m_div{display: block;}
	
	.sec7 > .div1 .bold{margin-top: 5px;width: 140px;height: 140px;font-size: 11px;}
	.sec7 > .div1 .p3{margin-left: 0;}
	.sec7 > .div1 .bold span{margin:17px auto 5px auto;}
	
	
	.sec7 > ul li{width: 100%;}
	.sec7 > ul .li2{margin: 20px 0 0 0;}
	.sec7 > ul li p{font-size: 14px;}
}
@media only screen and (max-width: 640px) {

	/* 202105 add */
	.sec-2105 > div .a1{width: 80%;height: 22%;top: 53%;left: 10%;}
	.sec-2105 > div .a2{width: 80%;height: 22%;top: 76%;left: 10%;}
	/* 202105 add */


	.sec7 > ul p br,
	.sec7 > .div1 .bold br,
		p .br1023,
	.sec2 p br{display: block;}
	
	.sec4 li{width: 100%;}
	.sec4 .li1{margin-right: auto;}
}

@media all and (min-width:1024px) and (max-width:1199px) {
	/* sub default */
	.section_div > section{padding: 20px;}
	/* sub default */
	
	.sec4 li p{font-size: 14px;}
}