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

.sec1 > .p_21{color:#f56ea9;}
.sec1 > div{padding: 50px 20px 50px 0px; background: #f4f4f4;margin-top: 20px;}
.sec1 > div > p{color: #222;}
.sec1 > div > img{margin-top: 40px;}

.sec2 > h2 span{color:#f56ea9;}

.section_div .custom_num{width:119px;height: 119px;background: rgba(0,0,0,0.3);color: #fff;position: absolute;
top: -59.5px;left: 50%;margin-left: -59.5px; border-radius:50%;font-size: 30px;padding-top: 75px}

.sec3{overflow: hidden;}
.sec3 > ul{margin-top: 50px;}
.sec3 > ul li{float: right;width: 50%;}
.sec3 > ul .li1{padding-left: 10px;}
.sec3 > ul .li1 *{text-align: left;}
.sec3 > ul li .p{color: #161616;}
.sec3 > ul li .p_27{color: #fff;line-height: 35px;}
.sec3 > ul li .p_27 span{background:#2d2621; }
.sec3 > ul li .p_27 .s3{color:#faff69;}
.sec3 > ul li h4{margin: 20px 0 10px 0;}
.sec3 > ul li h4 span{display: inline-block;width: 26px;height: 19px; background-position: -398px -412px;vertical-align: bottom;margin-right: 5px;}

.sec3 .h2-add{margin: 50px auto 20px auto;}
.sec3 .h2-add span{color: #2449a1;}

.sec4{background-repeat: repeat;overflow: hidden;text-align: center;}
.sec4 > .p_27{background: #161616;color: #fff;display: inline-block;margin-top: 30px;}
.sec4 > h2{color: #161616;margin: 10px auto 20px auto;}
.sec4 > div{max-width: 972px;margin: 0 auto;}
.sec4 > .div1{background: #fff;border-radius:50px 50px 0 0;padding: 20px 40px;}
.sec4 > .div2{background: #313131;border-radius:0 0 50px 50px;padding: 40px;text-align: center;}
.sec4 > .div1 .li1{width: 55%;}
.sec4 > .div1 .li2{width: 45%;}
.sec4 > .div1 .li1 p{text-align: left;color: #232323;}
.sec4 > .div1 .li1 .p_15{color:#f56ea9;margin-top: 15px;}
.sec4 > .div1 .li1 .p1{margin-top: 30px;}
.sec4 > .div1 .li1 .p2 span{display: inline-block;width: 26px;height: 19px; background-position: -398px -412px;vertical-align: top;margin-right: 3px;}
.sec4 > .div2 h4{color: #fff;margin-bottom: 20px;display: inline-block;position: relative;}
.sec4 > .div2 p{color:#f56ea9;max-width: 580px;padding-left: 10px;margin:5px auto 0 auto;text-align: left;  }
.sec4 > .div2 h4 span{font-size: 70px;position: absolute;top: -15px;font-weight: normal;}
.sec4 > .div2 h4 .s1{left: -20px;}
.sec4 > .div2 h4 .s2{right: -20px;}
.sec4 > .div1 .li2 .p_15{display: none;color:#f56ea9;margin-top: 10px;}


.sec5{background: #1b1b1b;overflow: hidden;text-align: center;}
.section_div .sec5 .custom_num{    background: rgba(255,255,255,0.2);}
.sec5 > .p_27{background: #fff;color: #161616;display: inline-block;margin-top: 30px;}
.sec5 > h2{color: #fff;margin: 10px auto 20px auto;}
.sec5 > .p1{color: #fff;}
.sec5 > .img1{margin: 30px auto;}
.sec5 > .h2-add{color: #fff;margin: 20px auto;}
.sec5 > .h2-add span{color: #a7d8f9;}
.sec5 > .line{height: 55px;width: 1px;background-color: #616161;margin: 20px auto 0 auto;}

.sec6{background: #e3dbd3;overflow: hidden;text-align: center;}
.sec6 > .p_27{background: #161616;color: #fff;display: inline-block;margin-top: 30px;}
.sec6 > h2{color: #161616;margin: 10px auto 20px auto;}
.sec6 > .p1{margin: 20px auto;}
.sec6 li{width: 49%;}
.sec6 .li1{margin-right: 2%;}
.sec6 .h2-add{margin: 50px auto 20px auto;}
.sec6 .h2-add span{color: #9a6b23;}

.sec7{background-repeat: repeat;overflow: hidden;text-align: center;}
.sec7 > .p_27{background: #161616;color: #fff;display: inline-block;margin-top: 30px;}
.sec7 > h2{color: #161616;margin: 10px auto 20px auto;}

.sec7 ul{margin-top: 30px;}
.sec7 li{width: 32%;}
.sec7 .li2{margin: 0 2%;}
.sec7 li h4{margin-top: 20px;}

.sec8 > .p_27{line-height: 35px;}
.sec8 > .p_27 span{background: #161616;color: #fff;}
.sec8 > .p1{margin: 30px auto;}
.sec8 > div{padding: 60px 20px ; background: #fff4f8;}

@media only screen and (max-width: 1023px) {
	/* sub default */
	.sub_top{height: 300px;background-size:cover;    background-position: 55% 0;}
	.h1_hr{margin: 20px auto;}
	.section_div > section{padding: 20px;}
	/* sub default */
	
	.sec1 > div{padding: 20px 20px 20px 0px;}
	.sec1 > div > img{margin-top: 25px;}
	
	.sec4 > .div2 h4 span{font-size: 50px;}
	.sec4 > .div2 h4 .s1{left: -10px;}
	.sec4 > .div2 h4 .s2{right: -10px;}
	.sec4 > .div1 .li1 .p1{margin-top: 10px;}
	.sec7 > .p_27,.sec6 > .p_27,.sec5 > .p_27,.sec4 > .p_27{margin-top: 50px;}
	.sec4 > .div1,
	.sec4 > .div2{padding: 30px;}
}


@media only screen and (max-width: 767px) {
	.sec3{background-position: 100%;}
	.section_div .custom_num{width:40px;height: 40px;top: 20px;margin-left: -20px;font-size: 24px;padding-top: 9px}
	.sec3 > ul li{float: none;width: 100%;max-width: 449px;margin: 20px auto 0 auto;}
	.sec3 > ul .li1{padding-left: 0;}
	.sec3 > ul li .p_27 span{background: none;}
	.sec3 > ul li .p_27{color:#222;text-align: center; }
	
	.sec4 > .div2 h4 br,
	.sec4 > .div1 .li1 .p_15{display: none;}
	.sec4 > .div1 .li1,.sec4 > .div1 .li2{width: 100%;}
	.sec4 > .div1 .li2{margin-top: 20px;}
	.sec4 > .div2 h4{padding: 0 20px;}
	.sec4 > .div2 h4 .s1{left: 5px;}
	.sec4 > .div2 h4 .s2{right: 5px;}
	.sec7 > .p_27,.sec4 > .p_27{font-weight: normal;background: none;color: #161616;}
	.sec4 > .div1 .li2 .p_15{display: block;}
	
	.sec5 > .p_27{background: none;color: #fff;font-weight: normal;}
	
	.sec6 > .p_27{background: none;color: #161616;font-weight: normal;}
	
	.sec6 .li1{margin-right: auto;margin-bottom: 20px;}
	.sec6 li{float: none;width: 100%;max-width: 476px;margin:0 auto; }
	
	.sec8 > div{padding: 40px 20px ;}
	
}
@media only screen and (max-width: 640px) {
}

@media all and (min-width:1024px) and (max-width:1199px) {
	/* sub default */
	.section_div > section{padding: 20px;}
	/* sub default */
	.sec7 > .p_27,
	.sec6 > .p_27,
	.sec5 > .p_27,
	.sec4 > .p_27{margin-top: 50px;}
}