/* sub default */
.sub_top{background-image: url("/www-img/sub/top_bg/mb_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: center;}

.section_div > .sec-bna{padding: 50px 0 0 0;}

.p_custom1{color: #737c9a;}

.section_div > .sec1  *{text-align: left;}
.sec1{    border-bottom: 1px solid #e3e3e3;}
.sec2 h2 span, .sec1 h2 span{color: #737c9a;}
.sec1 ul{display: table;margin-top: 20px;}
.sec1 li{display: table-cell;float: none;vertical-align: middle;}
.sec1 .li1{width: 52%;padding-right: 2%;}
.sec1 .li2{width: 48%;}
.sec1 .bold{color:#2e2d2d;}

.section_div > .sec2 *{text-align: left;}
.sec2 > h2{margin-bottom: 40px;}
.sec2 ul{display: table;padding: 20px 0;}
.sec2 .ul2{border-bottom: 1px solid #dddfe7;border-top: 1px solid #dddfe7;}
.sec2 li{display: table-cell;float: none;vertical-align: middle;}
.sec2 .li1{width: 52%;padding-right: 2%;}
.sec2 .li2{width: 48%;}
.sec2 .li1 img{margin: 25px auto;}
.sec2 .li1 p{text-align: center;}
.common_link_a{margin-top: 20px;background:#29384f; padding: 15px;}
.sec2 .common_link_a{max-width: 100%;}
.common_link_a p{display: inline-block;color: #fff;vertical-align: middle;white-space:nowrap;}
.common_link_a .in1{font-size: 14px;margin-right: 10px;line-height: 18px; }
.common_link_a .in1 span{font-size:16px;font-weight: bold;text-align: center;}
.common_link_a .in2{font-size: 15px;}
.sec2 .ul1 .li1{text-align: center;}
.sec2 .li1 h4{padding-left: 50px;position: relative;}
.sec2 .li1 h4 span{position: absolute;left: 0;top: 50%;margin-top:-20px;  width: 40px;height: 40px;color: #8592b5;background: #ccd3ed;border-radius:50%;text-align: center;line-height: 40px;}
.sec2 > .p1{margin: 20px 0 10px;}

.sec3{background:#f1f2f5; }
.sec3 > h2{color: #737c9a;}
.sec3 > h2 span{color: #2e2d2d;position: relative;}
.sec3 > h2 span:BEFORE{position: absolute;content: "";width:4px;height: 4px;left: 50%;margin-left: -1.5px;background:#2e2d2d;border-radius:50%;top: -3px;  }
.sec3 > .p_50{color:#ea5959; }
.sec3 li{width: 49%;}
.sec3 .li1{margin-right: 2%;}
.sec3 h3{margin: 50px auto 20px auto;}
.sec3 > .p1{margin-bottom: 20px;}

.sec4 > h3 span{color: #59658f;}
.sec4 > a {margin-top: 40px;display: block;}

.section_div > .sec5 *{text-align: left;}
.sec5 .p_custom1{margin-bottom: 20px;}
.sec5 .common_link_a .in1{text-align: center;display: block;margin-right: auto;line-height: 24px;}
.sec5 .common_link_a .in2{text-align: center;display: block;}
.sec5 .common_link_a{padding: 15px 30px;}
.sec5 .ul2{display: table;margin-top: 20px;}
.sec5 .ul2 li{display: table-cell;float: none;vertical-align: middle;}
.sec5 .ul2 .li1{width: 52%;padding-right: 2%;}
.sec5 .ul2 .li2{width: 48%;}
.sec5 .ul1{margin-bottom: 40px;}
.sec5 .ul1 li{width: 49%;}
.sec5 .ul1 li *{text-align: center;}
.sec5 .ul1 li > div{max-width: 519px;margin: 0 auto;width: 100%;display: table;}
.sec5 .ul1 .li1{margin-right: 2%;}
.sec5 .ul1 .li1 div{background: #eee;}
.sec5 .ul1 .li2 div{background: #29374f;}
.sec5 .ul1 .li1 div *{color:#2e2d2d; }
.sec5 .ul1 .li2 div *{color:#fff; }
.sec5 .ul1 li .div1{height: 57px;border-radius:20px 20px 0 0;}
.sec5 .ul1 li .div2{height: 85px;}
.sec5 .ul1 li .div3{height: 85px;border-top:1px dashed #d2d2d2;border-radius:0 0 20px 20px;padding-left: 16%;}
.sec5 .ul1 li div h3,.sec5 .ul1 li div p{display: table-cell;vertical-align: middle;}
.sec5 .ul1 li .div3 *{text-align: left;}
.sec5 .ul1 li .div3 p > span{padding-left:22px;position: relative; }
.sec5 .ul1 li .div3 p > span .icon_bg{position: absolute;width: 15px;height: 15px;left: 0;top: 50%;margin-top: -7.5px;}
.sec5 .ul1 .li1 .div3 p > span .icon_bg{background-position: -392px -466px;}
.sec5 .ul1 .li2 .div3 p > span .icon_bg{background-position: -409px -466px;}


body #main .sec-sub-bna{background-color: #d7a7f1;margin-top: 50px;}

@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 */
	
	.sec4 > a {margin-top: 20px;}
	
	.sec5 .ul1 li .div3{padding-left: 10%;}

	.section_div > .sec-bna{padding: 20px 0 0 0;}

	body #main .sec-sub-bna{margin-top: 20px;}
}


@media only screen and (max-width: 767px) {
	.sec1 .li1{width: 100%;padding-right: 0%;display: block;margin-bottom: 20px;}
	.sec1 .li2{width: 100%;display: block;}
	
	.sec2 .li1{width: 100%;padding-right: 0%;display: block;}
	.sec2 .li2{width: 100%;display: block;}
	.sec2 .li2 img{margin-top: 25px;}
	
	.sec3 li{width: 100%;}
	.sec3 .li1{margin-right: auto;margin-bottom: 20px;}
	
	.sec3 h3 {margin: 40px auto 20px auto;}
	
	.sec5 .ul2 .li1{width: 100%;padding-right: 0%;display: block;margin-bottom: 20px;}
	.sec5 .ul2 .li2{width: 100%;display: block;}
	
	.sec5 .ul1 li{width: 100%}
	.sec5 .ul1 .li1{margin-right: auto;margin-bottom: 20px;}
	.sec5 .ul1 li .div1{height: 45px;}
	.sec5 .ul1 li .div2{height: 65px;}
	.sec5 .ul1 li .div3{height: 65px;padding-left: 3%;}
	
}
@media only screen and (max-width: 640px) {
	.sec4 > h3 br{display: none;}
	.sub_top{background-position: 61% 0;}
}

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