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



.sec1{border-bottom: 1px solid #e3e3e3;}
.section_div > .sec2 *, .section_div > .sec1 *{text-align: left;}
.sec2 > h2, .sec1 > h2{margin-bottom: 40px;}
.sec2 > h2 span, .sec1 > h2 span{color: #737c9a;}
.sec1 .li1{width: 50%;}
.sec1 .li2{width: 48%;margin-left: 2%;}
.sec1 p{color: #2d2d2d;}
.sec1 .p1{color: #717171;}
.sec1 p span{font-weight: bold;background: #ccd3ec;border-radius:50px;padding: 5px 15px;}
.sec1 .p3{margin: 20px 0 10px;}

/* .section_div > .sec1{padding-top: 0;} */

.sec2 .p_custom1{color: #737c9a;}
.sec2 .p_custom1_1{margin-top: 30px;}
.sec2 > .p1{margin-top: 15px;}
.sec2 > .img1{margin: 10px auto 30px auto;}
.sec2 > .img2{margin-bottom: 20px;}
.sec2 .ul1{margin-top: 25px;}
.sec2 .ul1 .li1{margin-right: 2%;width: 38%;padding-top: 40px;}
.sec2 .ul1 .li2{width: 60%;}
.sec2 .ul1 .li3 a{width: 200px;height: 40px;line-height: 40px;color: #fff;background: #707491;text-align: center;font-size: 15px;}
.sec2 .ul1 .li3{margin-top: -100px;}
.sec2 .ul2{margin-top: 20px;}
.sec2 .ul2 li{width: 49%;}
.sec2 .ul2 .li1{margin-right: 2%;}
.sec2 .ul2 li{height: 211px;}
.sec2 .ul2 li > div{float: left;display: table;height: 100%;}
.sec2 .ul2 li > .div1{width: 40%;line-height: 211px;text-align: center;}
.sec2 .ul2 li > .div1 img{display: inline-block;vertical-align: middle;}
.sec2 .ul2 li > .div2{width: 60%;padding-left: 15px;}
.sec2 .ul2 li > .div2 > *{color: #323232;}
.sec2 .ul2 li > .div2  h4{margin-bottom: 20px;}
.sec2 .ul2 li > .div2  h4 span{color: #737c9a;}
.sec2 .ul2 li > div > div{display: table-cell;vertical-align: middle;}
.sec2 .ul2 li > .div2 p{padding-left: 30px;position: relative;}
.sec2 .ul2 li > .div2 p .icon_bg {position: absolute;width: 22px;height: 22px;background-position: -380px -440px;left: 0;top: 0;}

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

@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 */
	
	.sec2 > h2, .sec1 > h2{margin-bottom: 20px;}
	
	.sec2 .ul1 .li1{padding-top: 10px;}
	.sec2 .ul1 .li3{margin-top: -80px;}
	
	.sec3 > a{margin-top: 20px;}
	
}

@media only screen and (max-width: 850px) {
	.sec2 .ul1 .li3{margin-top: -40px;}
}

@media only screen and (max-width: 767px) {
	.sec1 .li1{width: 100%;}
	.sec1 .li2{width: 100%;margin-left: 0%;margin-top: 10px;}
	
	.sec2 .ul1 .li1{margin-right: 0%;width: 100%;padding-top: 0px;margin-bottom: 10px;}
	.sec2 .ul1 .li2{width: 100%;}
	.sec2 .ul1 .li3{margin-top: 10px;text-align: center;}
	
	.sec2 .ul2 li{width: 100%;}
	.sec2 .ul2 .li1{margin-right: 0%;margin-bottom: 20px;}
	
}
@media only screen and (max-width: 640px) {
	.sec3 > h3 br{display: none;}
	.sub_top{background-position: 63% 0;}
}

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