/* sub default */
.sub_top{background-image: url("/www-img/sub/top_bg/main-0001.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: #f56ea9;margin: 40px 0 20px 0;}
/* sub default */
.section_div > section *{text-align: left;}

h2 span{color: #f56ea9;}
section > h2{margin-bottom: 40px;}
.sec1 p span{color: #323232;font-weight: bold;}
.sec2 p,.sec1 p , .sec4 p{margin-bottom: 10px;}
.sec1 li{width: 48%;}
.sec1 li img{border-radius:5px;}
.sec1 .li1{margin-right: 4%;}

.sec2 , .sec4{border-top: 1px solid #e1e1e1;}
 
.sec2 p span{color:#f64e4d;font-weight: bold;}
 
.sec4 li{width:18.4%;margin-left: 2%;max-width: 195px;} 
.sec4 .li1{margin-left: auto;}
.sec4 li a{display: block;}
.sec4 li .d2{background: #1b1b1b;text-align: center;display: table;width: 100%;height: 110px;padding: 5px;}
.sec4 li .d2 > span{display: table-cell;vertical-align: middle;}
.sec4 li .d2 *{color: #fff;text-align: center;}
.sec4 li .d2 .h4_2{display: inline-block;background: #fff;color:#1b1b1b; border-radius:5px;padding: 5px 13px;margin-top: 7px;}
 
.sec3 .ul1 li{width: 30%;margin-left: 5%;}
.sec3 .ul1 .li1{margin-left: auto;} 
.sec3 .ul1 li *{text-align: center;} 
.sec3 .ul1 li .d2{padding: 20px;background: #f2f2f2;height: 240px;}
.sec3 .ul1 li .d2 h4{display: inline-block;color: #fff;margin-bottom: 17px;background: #fd4f51;padding:7px 15px;border-radius:50px; }
.sec3 .ul1 li .d2 p{color: #323232;} 
 
.sec3 .div1{padding: 40px;border: 2px dashed #bfbfbf;margin-top: 10px;border-radius:20px;} 
.sec3 .div1 .u1 .li1{width: 30%;}
.sec3 .div1 .u1 .li2{width: 70%;} 
.sec3 .div1 .u1 .li2 p{margin-top: 5px;}
.sec3 .div1 .u1 .li2 .p0{margin-top: 20px;}
.sec3 .div1 .u1 .li2 h4 span{color: #f64e4d;}
.sec3 .div1 .u1 .li2 *{color: #323232;} 
.sec3 .div1 .u1 .li2 .p{padding-left: 22px;position: relative;}
.sec3 .div1 .u1 .li2 .p span{width: 14px;height: 15px;background-position: -387px -236px;position: absolute;left: 0;top: 3px;}

.sec3 > .p1{margin-bottom: 10px;}
.sec3 .ul{margin-top: 20px;}
.sec3 .ul li{width: 50%;}
.sec3 .ul .li1{padding-right: 20px;}
.sec3 .ul .li1 h4{margin: 3px 0 10px 0;}
.sec3 .ul .li1 h4 span{display: inline-block;vertical-align: top;padding: 3px 10px;border-radius:5px;}
.sec3 .ul .li1 h4 .s0{color:#9fa0a0;padding: 3px 3px; }
.sec3 .ul .li1 h4 .s1{color:#fff ;background:#4a859a ;}
.sec3 .ul .li1 h4 .s2{color:#fff ;background:#f2b876 ;}
.sec3 .ul .li1 h4 .s3{color:#7e7825; ;background:#fbf166 ;}

@media only screen and (max-width: 1199px) {
	.sec3 .div1{padding: 20px;}
	
	.sec3 .ul .li1 h4 span{font-size: 17px;}
}

@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 > h2{margin-bottom: 30px;}
	
	.sec1 li{width: 49%;}
	.sec1 .li1{margin-right: 2%;}
	
	
	.sec3 .ul1 li{width: 32%;margin-left: 2%;}
	.sec3 .ul1 li .d2{height: 260px;}	
	.sec3 .ul .li1 h4 span{font-size: 13px;}
	
	.sec3 .ul2,
	.sec3 .ul3{padding-bottom: 20px;border-bottom: 1px solid #ddd;}
}


@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 ul{max-width: 410px;}
	.sec4 li{width:49%;margin-left: 2%;margin-bottom: 10px;} 
	.sec4 .li1,.sec4 .li3,.sec4 .li5{margin-left: auto;}
	
	
	.sec3 .ul1 li .d2 p{font-size: 12px;}
	
	.sec3 .div1 .u1 .li1{width: 100%;}
	.sec3 .div1 .u1 .li2{width:100%;} 
	
	.sec3 .ul li{width: 100%;max-width: 542px;}
	.sec3 .ul .li1{padding-right: 0;padding-bottom: 10px;}
	
}
@media only screen and (max-width: 640px) {
	
	.sec1 li{width: 100%;}
	.sec1 .li1{margin-right: auto;margin-bottom: 10px;}
	
	.sec3 .ul1 li{width: 100%;margin-left: auto;max-width: 349px;float: none;margin: 0 auto;margin-bottom: 10px;}
	.sec3 .ul1 li .d2{height: auto;}	
}