/* sub default */
.sub_top{background-image: url("/www-img/sub/top_bg/n_sub_img05.jpg");height: 579px;}
.h1_hr{height: 1px; width: 80px;border: none; border-top: 1px solid;margin: 30px auto;}
.section_div > section{padding: 50px;}
.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;}
.p_custom1{color: #737c9a;margin: 40px 0 20px 0;}
/* sub default */
.section_div > section *{text-align: center;}

.sec1 .p2{margin: 20px auto;color: #f64e4d;}
.sec1 .p3{color:#689cbb;margin-bottom: 40px;}

.sec2 * {color: #fff;}
.sec2 h2{margin: 15px 0 30px 0;}
.sec2 h2 span{color: #fffc27;}
.sec2 ul{margin: 10px auto 0 auto;max-width: 900px;}


/* .youtube_div{max-width: 660px;margin: 0 auto;height: 371px;}
.youtube_div iframe {width: 100%;height: 100%;} */
section .common2{margin: 30px auto 10px auto;}
section .common3{margin-bottom: 30px;}


.sec3 h2{margin-top: 50px;}

.sec4{background:#303d45; }
.sec4 *{color: #fff;}
.sec4 .common3{color:#b8e0f8;}
.sec4 .div1{margin-top: 20px;background:#6790a7;padding: 30px; }
.sec4 .div1 h3 span{border-bottom: 1px solid #fff;}
.sec4 .div1 ul{margin-top: 20px;}
.sec4 .div1 ul li{width: 23.5%;height: 180px;margin-left: 2%;background: rgba(255,255,255,0.3);}
.sec4 .div1 ul .li1{margin-left: 0;}
.sec4 .div1 ul li span{display: block;background-position: -343px -409px;width: 20px;height: 22px;margin:15px auto 25px auto; }

.sec4 .div2{border-top:1px dotted #fff;position: relative;margin:40px 0;}
.sec4 .div2 span{background-position: -340px -107px;position: absolute;display: block;width: 37px;height: 26px;
top: -13px;left: 50%;margin-left: -18.5px;background-color: #303d45;}

.sec4 .h2_custom{color:#eae8a8;}
.sec4 > ul{margin-top: 30px;}

.sec5{background: #ebebeb;}
.sec5 .ul1 .li1{width: 35%;}
.sec5 .ul1 .li2{width: 65%;}
.sec5 .ul1 .li2 *{text-align: left;}
.sec5 .ul1 h3{margin: 40px 0 10px 0;}
.sec5 .ul1 .p_18{color: #323232;}
.sec5 .div1{padding: 30px;border: 1px solid #cccccc;max-width: 1091px;margin: 30px auto 30px auto;}
.sec5 .div1 p{margin: 10px 0 30px 0;}
.sec5 .div1 p span{color: #fe5ba2;border-bottom: 1px solid #fe5ba2;}

.sec5 .div2{max-width: 1091px;margin: 0 auto;padding-top: 40px;border-top: 1px dashed #cacaca;}
.sec5 .div2 h3{margin-bottom: 20px;}
.sec5 .div2 li{width: 48%;}
.sec5 .div2 .li2{margin-left: 4%;}

.sec6 *{color: #fff;}
.sec6 .h3{margin: 50px 0 0 0;}
.sec6 .p_30{width: 369px;height: 43px;background:#373029;margin: 10px auto;line-height: 41px;border-radius:22px; }

.sec6 ul{max-width: 960px;margin: 0 auto;}
.sec6 li{width: 49%;}
.sec6 .li1{margin-right: 2%;}
.sec6 .common3{color:#b8e0f8; }
.sec6 .common3 > span{color: #323232;background: #fff;display: inline-block;padding: 5px;font-size: 45px;}
.sec6 .common3 > span > span{color: #a09b97;}

.sec7 *{color: #fff;}
.sec7 .common3{color:#689cbb; }
.sec7 p{margin-bottom: 40px;}

.sec8 .table_ul .li1{width: 70%;}
.sec8 .table_ul .li1 p{text-align: right;color: #323232;}
.sec8 .table_ul .li1 p span{border-bottom: 1px solid #323232;}
.sec8 .table_ul .li1 .p2{margin: 10px 0;}
.sec8 .table_ul .li2{width: 30%;}
.sec8 .table_ul .li2 a{display: block;width: 200px;height: 70px;line-height: 70px;color: #fff;font-weight: bold;font-size: 20px;
border-radius:35px;text-align: left;position: relative;padding-left:30px; }
.sec8 .table_ul .li2 .a1{background:#689cbb; margin-bottom: 5px;}
.sec8 .table_ul .li2 .a2{background: #737c9a;}
.sec8 .table_ul .li2 a span{position: absolute;top: 50%;}
.sec8 .table_ul .li2 a .s1{display: block;width: 1px;height: 40px;background: rgba(255,255,255,0.5);margin-top: -20px;right: 40px;}
.sec8 .table_ul .li2 a .s2{display: block;background-position: -383px -109px;width: 12px;height: 22px;margin-top: -11px;right: 15px;}
.sec8 .table_ul .li1 > div{position: relative;}
.sec8 .table_ul .li1 > div .s{position: absolute;width: 33px;height: 28px;right: 15%;}
.sec8 .table_ul .li1 > div .s1{background-position: -218px -240px;top: -45px;}
.sec8 .table_ul .li1 > div .s2{background-position: -266px -240px;bottom: -45px;}

.section_div > .sec6{padding: 0;}
@media only screen and (max-width: 1199px) {
	
}

@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 > .sec6{padding: 0;}
	.sec4 .div1{padding: 20px 10px;}	
	
	.sec5 .div2 li{width: 49%;}
	.sec5 .div2 .li2{margin-left: 2%;}
	
	.sec6 .p_30{width: 270px;}
	
	.sec6 .common3 > span{font-size: 30px;}
	
	.section_div > .sec8{padding: 50px 20px;}
	
	.sec8 .table_ul .li2 a{font-size: 15px;width: 150px;padding-left: 15px;}
}


@media only screen and (max-width: 767px) {
	/* sub default */
	.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%;}
	/* sub default */
	
	.sec4 .div1 ul li{width: 49%;margin-bottom: 10px;height: 140px;}
	.sec4 .div1 ul .li3{margin-left: 0;}
	
	.sec5 .ul1 .li1{width: 100%;}
	.sec5 .ul1 .li2{width: 100%;}
	.sec5 .ul1 .li2 *{text-align: center;}
	
	.sec6 .common3 > span{display: block;max-width: 260px;margin: 5px auto;}
	
	.sec8 .table_ul .li1{width: 100%;}
	.sec8 .table_ul .li2{width: 100%;}
	
	.section_div > .sec8{padding: 50px 20px 10px 20px;}
	.sec8 .table_ul .li1{margin-bottom: 55px;}
	.sec8 .table_ul .li1 > div{display: inline-block;vertical-align: top;}
	.sec8 .table_ul .li2 a{display: inline-block;vertical-align: top;}
	
}
@media only screen and (max-width: 640px) {
	.sec5 .div1 h3 br{display: none;}
	/* .youtube_div{height: 300px;} */
	
	.sec5 .div2 li{width: 100%;max-width: 522px;float: none;margin: 0 auto;}
	.sec5 .div2 .li2{margin-left: auto;margin-top: 2px;}
	
	.sec6 li{width: 100%;float: none;max-width: 459px;margin: 0 auto;}
	.sec6 .li1{margin-right: auto;margin-bottom: 5px;}
	
}