@charset "utf-8";
.main {
	position: relative;
}
.main .bg_rabbit {
	position: absolute;
	top: 75%;
	right: 0;
	width: 20%;
}
.main .main_btn {
	position: absolute;
	bottom: 0px;
	left: 2%;
	width: 96%;
}
.top_sec02 {
	background: url(../images/bg01.png);
	background-position: bottom left;
	background-repeat: no-repeat;
	padding-bottom: 25%;
	background-size: 100%;
}
.top_sec02 .t_list01 li {
	position: relative;
}
.top_sec02 .t_list01 li h3 {
	position: absolute;
	top: 12%;
	left: 38%;
	width: 100%;
}
.top_sec02 .t_list01 li p {
	position: absolute;
	top: 30% ;
	left: 38%;
	font-size: 11px;
	padding-right: 15px;
}
.top_sec02 .t_list01 li .t_about_link {
	position: absolute;
	bottom: 30%;
	right: 5%;
	font-size: 12px;
}
.top_sec02 .t_list01 li .t_about_link a {
	color: #fa9400;
}
.top_sec02 .t_list01 li.t01 h3 {
	position: absolute;
	top: 24%;
	left: 38%;
}
.top_sec02 .t_list01 li.t01 p {
	position: absolute;
	top: 40% ;
	left: 38%;
	font-size: 12px;
}

.top_sec03 {
	background: url(../images/bg02.png);
	padding: 10px 5px;
	text-align: center;
}

.top_sec04 {
	/*background: url(../images/bg03.jpg);*/
	padding: 10px 0px;
	padding-left: 5px;
}
.top_sec04 .bg_news {
	background: url(../images/t_info.png) no-repeat center top,url(../images/t_info2.png) no-repeat center bottom,url(../images/t_info3.png) center;
	background-size: 100%;
	padding: 10px 10px 90px;
	position: relative;
}
.top_sec04 .bg_news .more {
	text-align: right;
	padding-bottom: 20px;
	padding-top: 25px;
	padding-right: 15px;
	width: 100%;
}
.top_sec04 .bg_news .news_detail {
	padding: 10px;
}
.top_sec04 .bg_news .news_detail dl {
	color: #fff;
	border-bottom: 1px solid #fff;
	padding-bottom: 10px;
	margin-bottom: 10px;
	font-size: 13px;
}
.top_sec04 .bg_news .news_detail dd a {
	color: #fff;
	text-decoration: none;
}
.list_bnr div {
	width: 50%;
}
.list_bnr div.bnr02 {
	padding-top: 3%;
}
.pt06 { padding-top: 7px !important;}
.t_contact_bnr {
	position: relative;
	margin-top: -20px;
}
.t_contact_bnr a {
	position: absolute;
	bottom: 10px;
	width: 100%;
	height: 20%;
}

/* RESPONSIVE */
@media (max-width:414px) {
	.top_sec02 .t_list01 li h3 {
		position: absolute;
		top: 10% !important;
		left: 38%;
		width: 30%;
	}
    .top_sec02 .t_list01 li:last-child h3 {
		top: 0% !important;
	}
	.top_sec02 .t_list01 li p {
    position: absolute;
    top: 30% !important;
    left: 38%;
    font-size: 11px;
    padding-right: 15px;
	}
    .top_sec02 .t_list01 li:last-child p {
    top: 20% !important;
	}
	.top_sec02 .t_list01 li .t_about_link {
		position: absolute;
		bottom: 5px;
		right: 20px;
		font-size: 12px;
	}
	.top_sec04 .bg_news {
		padding: 50px 10px 45px;
	}
	.top_sec04 .bg_news .more {
		position: absolute;
		right: 5%;
		top: 6%;
		width: 13%;
		padding: 0;
	}
	.top_sec04 .bg_news .news_detail {
		
		padding: 0;
	}
}

/*====================================================================*/
.container{
	max-width: 640px;
	padding: 2%;
	position: relative;
}

.list_content{
	margin-bottom: 2%;
}
.list_content > .content{
/*	display: table-cell;*/
	text-align: center;
	box-sizing: border-box;
	padding: 2%;
/*	width: 33.3333333%;*/
	width: 50%;
	float: left;
}
.bg_color_01, .bg_color_02, .bg_color_03, .bg_color_04{
	padding: 5%;
	position: relative;
}
.bg_color_01{
	background: #f4a00c;
}
.bg_color_02{
	background: #0dcc08;
}
.bg_color_03{
	background: #3860e2;
}
.bg_color_04{
	background: #8c3ed5;
}

.color_01 > a{
	color: #f4a00c;
}
.color_02 > a{
	color: #0dcc08;
}
.color_03 > a{
	color: #3860e2;
}
.color_04 > a{
	color: #8c3ed5;
}

.list_content > .content .title{
	color: #FFFFFF;
	font-size: 20px;
	margin-bottom: 5%;
}
.text_l{
	text-align: left !important;
}
.text_c{
	text-align: center !important;
}

.list_content .dv{
	margin-bottom: 10%;
}

.button > a{
	border: 1px transparent solid;
	background-color: #fff;
	display: inline-block;
	padding-top: 2%;
	font-size: 17px;
	text-align: center;
	border-radius: 10px;
	width: 100%;
	margin-bottom: 3%;
	text-decoration: none;
	font-weight: bold;
}
.dv .text{
	color: #FFFFFF;
	font-weight: bold;
}







.icon_02{
	position: absolute;
	bottom: -8%;
	left: 0;
	width: 33%;
}
.icon_03{
	position: absolute;
	bottom: -8%;
	right: 3%;
	width: 18%;
}

.icon_04{
	position: absolute;
	width: 36%;
	top: -7%;
	left: -7%;
}
.icon_05{
	position: absolute;
	bottom: -11%;
	width: 44%;
	left: -7%;
}
.icon_06{
	position: absolute;
/*	bottom: -6%;*/
	top:-6%;
	right: /*-15%*/0;
	width: 36%;
	z-index: 999999;
}

.icon_07{
	position: absolute;
	width: 36%;
	top: -7%;
	left: -7%;
}
.icon_08{
	position: absolute;
	width: 44%;
	right: -7%;
	top: -8%;
}
.icon_09{
	position: absolute;
	right: -7%;
	width: 39%;
	z-index: 999999;
	top: 48%;
}

.icon_10{
	position: absolute;
	width: 22%;
	top: -14%;
	left: 5%;
}
.icon_11{
	position: absolute;
	width: 26%;
	right: -5%;
	top: -3%;
}
.icon_12{
	position: absolute;
	right: -13%;
	width: 48%;
	z-index: 999999;
	bottom: -13%;
}
.icon_13{
	position: absolute;
	right: 3%;
	width: 44%;
	z-index: 999999;
	top: -30%;
}
.icon_14{
	position: absolute;
	right: 1%;
	width: 25%;
	z-index: 999999;
	bottom: -1%;
}
.i_00{
	position: absolute;
	width: 33%;
	z-index: 9;
	top: 2%;
	left: 25%;
}


	.content-tit2 span {
	   font-size: 30px;
		}
	.top_inn{
		width:94%;
	}