/* sub default */
.sub_top{background-image: url("/www-img/sub/top_bg/n01.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 .p_21{margin-top: 15px;}
.sec1 .p_21 .s1{color: #2e2d2d;}
.sec1 .p_21 .s2{color: #f56ea9;}

.p_num{color:#a0a0a0;margin-bottom: 5px; }
.section_div > .sec2{background: url("/www-img/sub/line-nose/kk02-2.jpg") no-repeat;padding-top: 100px;height: 1257px;background-position: 30% 100%;}
.sec2 .p_40{color:#2e2d2d; }
.sec2 .p_num{margin-top: 220px;}
.sec2 > div{max-width: 652px;margin-left: 30px;}
.sec2 > div .p_18{margin: 60px 0 5px 0;}
.sec2 > div .p_20 span{color: #f54383;border-bottom:1px solid #f54383; }
.sec2 > div .p_24{color: #f54383;}
.sec2 > div .p_24 span{color:#2e2d2d;}
.sec2 > div img{margin: 30px auto;}

.sec3{background-repeat: repeat;}
.sec3 *{color: #fff;}
.sec3 .p_num{color: #a0a0a0;}
.sec3 > div{background: rgba(115,147,201,0.2);margin-top: 50px;}
.sec3 > div li{display: table;height: 293px;}
.sec3 > div .li1{width: 40%;}
.sec3 > div .li2{width: 60%;}
.sec3 > div .li2 *{text-align: left;}
.sec3 > div .li2 div{display: table-cell;vertical-align: middle;}
.sec3 > div .li2 div > * {line-height: 30px;}
.sec3 > div .p_21 span{color: #ff9dc8;border-bottom: 1px solid #ff9dc8;}
.sec3 > div .li2 .custom1{line-height: 36px;margin-top: 20px;}
.sec3 > div .li2 .custom1 span{width: 36px;height: 36px;border-radius:50%;display: inline-block;text-align: center;line-height: 36px;vertical-align: middle;font-weight: bold;}
.sec3 > div .li2 .custom1 .s1{background:#f56ea9; }
.sec3 > div .li2 .custom1 .s2{background:#7393c9; }

.sec3 > .youtube_div{background: none;}

.sec4{background-position: 80%;background-color:#1c1c28;background-repeat: no-repeat;background-position: 80% 0;}
.sec4 > p{color: #fff;}
.sec4 > .p_num{color: #a0a0a0;}
.sec4 > .p_40 span{color:#b3c1f0;border-bottom: 1px solid #b3c1f0;}
.sec4 > .p_18{margin: 50px 0 40px 0;line-height: 25px;}
.sec4 > .p_18 span{display: inline-block; width: 26px;height: 19px;background-position: -398px -412px;vertical-align: bottom;margin-left: 3px;}
.sec4 li{height: 294px;width: 32%;}
.sec4 .li2{margin: 0 2%;}
.sec4 li > div{height: 100%;margin: 0 auto;border-radius:50px;padding: 0 10px;}
.sec4 .li1 > div{background:#363641 }
.sec4 .li2{line-height: 294px;}
.sec4 .li2 img{display: inline-block;vertical-align: middle;}
.sec4 .li3 > div{background:#90a2e2; }
.sec4 li > div h4{padding: 10px 15px;border-radius:30px;display: inline-block;margin: 27px auto 32px auto;}
.sec4 .li1 > div h4{background: #ee3c5d;color: #fff;}
.sec4 .li3 > div h4{background: #fff;color: #1b1c26;}
.sec4 .li1 > div h4 span{color: #41424b;}
.sec4 .li3 > div h4 span{color: #7b8ccb;}
.sec4 .li1 > div p{color: #fff;}
.sec4 .li3 > div p{color: #333;}
.sec4 li > div .p1{margin-bottom: 27px;}

.sec5{background-repeat: repeat;}
.sec5 .p_23, .sec5 .p_40, .sec5 .p_22{color: #2e2d2d;}
.sec5 .li1{width: 40%;}
.sec5 .li2{width: 60%;}
.sec5 .li2 > p{line-height: 25px;}
.sec5 ul{margin-top: 30px;}
.sec5 li p{text-align: left;padding-left: 20px;margin-bottom: 25px;}

.section_div > .sec5-1{padding:0;}

.sec6{background-repeat: no-repeat;text-align: center;}
.sec6 > p{color: #fff;}
.sec6 > .p_num{color: #a0a0a0;}
.sec6 > .p_18{margin: 50px 0;line-height: 25px;}
.sec6 > .p_30{display: inline-block;position: relative;color: #ffb6d6;padding: 0 70px;}
.sec6 > .p_30 span{position: absolute;font-size: 50px;line-height: 130px;width: 50px;height: 50px;font-size: 150px;text-align: center;}
.sec6 > .p_30 .s1{left: 0;top: 0;}
.sec6 > .p_30 .s2{right: 0;bottom: 0;}

.sec7 li{width: 50%;}
.sec7 .li1 p span{color: #f56ea9;}
.sec7 .li2 p span{color: #6f7ae3;}

.sec7 li a{position: relative;color: #fff;border-radius:50px;padding: 30px 140px 30px 50px;font-weight: bold;font-size: 30px;margin-top: 25px;}
.sec7 li a span{position: absolute;background: #fff;width: 78px;height: 78px;border-radius:50%;font-size: 16px;right: 30px;top: 50%;margin-top:-39px;padding-top: 22px; }
.sec7 .li1 a{background: #f56ea9;}
.sec7 .li2 a{background: #6f7ae3;}
.sec7 .li1 a span{color: #f56ea9;}
.sec7 .li2 a span{color: #6f7ae3;}
.sec7 li .p_20{line-height: 28px;}

.sec6_1{background-repeat: repeat;}
.sec6_1 > .p_24{margin: 20px auto;color: #f56ea9;}
.sec6_1 > .p2{margin-top: 30px;}
.sec6_1 > .ul1 li{width: 24%;margin-left: 1.333%;}
.sec6_1 > .ul1 .li1{margin-left: 0;}
.sec6_1 > ul h4{margin: 10px auto;}
.sec6_1 > .ul2{float: left;width: 50%;margin-bottom: 20px;}
.sec6_1 > .ul2 h4{margin: 0 auto 10px auto;}
.sec6_1 > .ul2 .li1 .lazy{margin: 0;}
.sec6_1 > .ul2 li{width: 50%;}
.sec6_1 > .ul2 .li2{padding:0 30px;}
.sec6_1 > .ul2 .li2 *{text-align: left;}
.sec6_1 .dd{background: #fff;padding: 40px 30px;border-radius:150px;position: relative;}
.sec6_1 .dd .p_20{margin-top:5px; line-height: 30px;}
.sec6_1 .dd .p_20 span{background: #a6badb;color: #fff;}
.sec6_1 .dd > span{position: absolute;font-size: 80px;font-weight: bold;color: #a6badb;width: 50px;height: 50px;text-align: center;}
.sec6_1 .dd > .s1{top: 5%;left: 15%;}
.sec6_1 .dd > .s2{bottom: 5%;right: 15%;}

.sec-22{background-color: #f9d2e4;}
.sec-22 h2{margin-bottom: 20px;}
.sec-22 h2 span{color: #d3216b;}
.p_50{font-size: 40px;}
@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 */
	.section_div > .sec5-1{padding:0;}
	.p_50{font-size: 24px;}
	.section_div > .sec2{height: auto;padding-top: 20px;}
	.sec2 > div{margin-left: 0px;}
	.sec2 > div .p_18{margin: 30px 0 5px 0;}
	.sec2 .p_num{margin-top: 0;}
	
	.sec3 > div .li2{padding-right: 10px;}
	.sec3 > div .li1{line-height: 293px;margin: 0 2% 0 2%;width: 36%;}
	.sec3 > div .li1 img{vertical-align: middle;display: inline-block;}
	
	.sec4 li > div p br,
	.sec3 > div li p br{display: none;}
	
	.sec4 li > div{padding-bottom:20px;}
	.sec4 li > div h4{margin: 20px auto;}
	.sec4 li > div .p1{margin-bottom: 10px;}
	
	.sec7 li a{font-size: 22px;padding: 30px 120px 30px 50px;white-space: nowrap;}
	.sec7 li a span{font-size: 14px;width: 60px;height: 60px;margin-top: -30px;padding-top: 15px;}
	
	.sec6_1 > .ul2 .li2{padding:0 20px;}
	
	.sec6_1 .dd > span{font-size: 50px;width:30px;height: 30px;}
	.sec6_1 .dd > .s1{top: 50%;left: 5%;margin-top: -15px;}
	.sec6_1 .dd > .s2{bottom: auto;top: 50%;right: 5%;margin-top: -15px;}
}


@media only screen and (max-width: 767px) {
	.sec4 .li2{margin: 20px auto;}
	.sec4 li{width: 100%;max-width: 294px;float: none;margin: 0 auto;}
	.sec4 li{height: auto;}
	
	.sec6 > .p_30{padding: 70px 0;}
	.sec6 > .p_18{margin: 25px 0;}
	
	.sec7 li{width: 100%;}
	.sec7 .li1{padding-bottom:20px;border-bottom: 1px solid #ddd; }
	.sec7 .li2{margin-top:20px; }
	
	.sec6_1 > .ul2{float: none;width: 100%;}
	.sec6_1 > .ul2 li{width: 49.5%;}
	.sec6_1 > .ul2 .li1{margin-right: 1%;}
	.sec6_1 > .ul2 .li2{padding: 0 10px;}
	
	
	.sec6_1 .dd > .s1{left: 1%;}
	.sec6_1 .dd > .s2{right: 1%;}
	
}
@media only screen and (max-width: 640px) {
	.sub_top{background-position: 58% 0%;}
	.sec3 > div{background: none;margin-top: 0;}
	.sec3 > div li{height: auto;padding: 0;}
	.sec3 > div .li1{margin: 0;width: 100%;}
	.sec3 > div .li1 img{margin: 20px auto;}
	.sec3 > div .li2{width: 100%;padding-right: 0px;}
	.sec3 > div .li2 *{text-align: center;}

	.sec3 > .youtube_div{margin-top: 20px;}
	
	.sec5 li{float: none;margin: 0 auto;max-width: 330px;}
	.sec5 .li1{width: 100%;}
	.sec5 .li2{width: 100%;}
	.sec5 li p{padding-left:0;margin-bottom: 0;text-align: center;margin-top: 25px;}
	
	.sec7 li p br{display: block;}
	
	.sec6_1 > .ul1{max-width: 535px;margin: 0 auto;}
	.sec6_1 > .ul1 li{width: 49.5%;margin-left: 1%;margin-bottom: 20px;}
	.sec6_1 > .ul1 .li1,
	.sec6_1 > .ul1 .li3{margin-left: 0;}
	
	.sec6_1 .dd{padding:30px;}
	.sec6_1 .dd .p{font-size: 12px;line-height:15px; }
	.sec6_1 .dd .p_20{font-size: 14px;line-height:20px;}
	
	
}

@media only screen and (max-width: 440px) {
	.sec3 > .youtube_div iframe{height: 230px;}
}

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