/* sub default */
.sub_top{background-image: url("/www-img/sub/top_bg/hg_01.jpg");height: 579px;}
.h1_hr{height: 1px; width: 80px;border: none; border-top: 1px solid;margin: 30px auto;}
.section_div > section{padding: 50px;}
/* sub default */
.section_div > section *{text-align: left;}

.p_custom1{color: #737c9a;margin: 40px 0 20px 0;}

.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;}

.sec1 .bold{color:#2e2d2d;}

.sec2{background:#f1f2f5; }
.sec2 h3{margin-bottom: 10px;}
.sec2 .table_ul .li1{width: 40%;}
.sec2 .table_ul .li2{width: 60%;}

.sec3 .table_ul .li1{width: 48%;}
.sec3 .table_ul .li2{width: 52%;}
.sec3 .ul1 li{width: 49%;}
.sec3 .ul1 .li1{margin-right: 2%;}
.sec3 .ul1 li > div{max-width: 519px;width: 100%;display: table;}
.sec3 .ul1 li > div  h3,
.sec3 .ul1 li > div > div{display: table-cell;vertical-align: middle;text-align: center;color: #fff;}
.sec3 .ul1 li > div  h4, .sec3 .ul1 li > div p{text-align: center;color: #fff;}
.sec3 .ul1 li > .div1{background:#304060;height: 57px; border-radius:20px 20px 0 0;}
.sec3 .ul1 li > .div3{background: #535d72;height: 122px;border-radius:0 0 20px 20px ;padding: 0 10px;}
.sec3 .ul1 li > div  h4{margin-bottom: 12px;border-bottom: 2px solid #fff;display: inline-block;line-height: 26px;}
.sec3 > .p1{margin-bottom: 10px;}
.sec3 > .p2{margin-bottom: 30px;}
.sec3 .ul2{position: relative;padding-top: 10px;}
.sec3 .ul2 .img_div{position: absolute;width: 88px;top: -3px;left: 50%;margin-left: -44px;}

.sec3 .ul2 li{width: 50%;}
.sec3 .ul2 .li1{padding-right: 60px;}
.sec3 .ul2 .li2{padding-left: 60px;}
.sec3 .ul2 li > *{max-width: 422px;margin: 0 auto;display: block;text-align: center;}
.sec3 .ul2 li > h3{height: 54px;margin-bottom: 20px;border:1px dashed #000;color:#29374f;line-height: 50px;border-radius:27px;  }
.sec3 .ul2 li > a{margin-top: 10px;height: 54px;line-height: 54px;border-radius:27px;background:#dbe6fb;color: #29374f; font-weight: bold;font-size: 18px;position: relative;}
.sec3 .ul2 li > a span{font-size: 15px;position: absolute;right: 10%;top: 50%;height: 30px;line-height: 30px;margin-top: -15px;}

@media only screen and (max-width: 1023px) {
	/* sub default */
	.sub_top{height: 300px;background-size:cover;}
	.h1_hr{margin: 20px auto;}
	.section_div > section{padding: 20px;}
	/* sub default */
	
	.sec3 .ul2 li > a{font-size: 16px;padding-left: 10%;text-align: left;}
	.sec3 .ul2 li > a span{font-size: 14px;}
	
}


@media only screen and (max-width: 767px) {
	
	.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%;}
	
	.sec2 .table_ul .li1{width: 100%;}
	.sec2 .table_ul .li2{width: 100%;}
	
	.sec3 .table_ul .li1{width: 100%;}
	.sec3 .table_ul .li2{width: 100%;}
	
	.sec3 .ul1 li{width: 100%;margin: 0 auto;max-width: 519px;float: none;}
	.sec3 .ul1 .li1{margin-right: auto;margin-bottom: 20px;}
	
	
}
@media only screen and (max-width: 640px) {
	
	.sec3 .ul2 .img_div{width: 50px;margin-left: -25px;top: 10px;}
	.sec3 .ul2 .li1{padding-right: 30px;}
	.sec3 .ul2 .li2{padding-left: 30px;}
	
	.sec3 .ul2 li > a{font-size: 13px;padding-left: 7%;text-align: left;}
	.sec3 .ul2 li > a span{font-size: 10px;right:7%; }

	.sub_top{background-position: 54% 0;}
}

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