@charset "utf-8";

#slide{
	
	padding : 125px 0 0 0;
	}

/*--------------------------------------------------------------------------
  wideslider
---------------------------------------------------------------------------*/
#wideslider {
	width: 100%;
	height: 578px;
	text-align: left;
	position: relative;
	overflow: hidden;
	background: url('../images/index/loader.gif') no-repeat 50% 50%;
}

#wideslider ul,
#wideslider ul li {
	float: left;
	display: inline;
	overflow: hidden;
	margin : 0;
	padding : 0;
}

#wideslider ul li img {
	width: 100%;
	display: none;
}

#wideslider .wideslider_base {
	top: 0;
	position: absolute;
}
#wideslider .wideslider_wrap {
	top: 0;
	position: absolute;
	overflow: hidden;

}
#wideslider .slider_prev,
#wideslider .slider_next {
	top: 0;
	overflow: hidden;
	position: absolute;
	z-index: 100;
	cursor: pointer;
}
#wideslider .slider_prev { background-color: #FFFFFF;}
#wideslider .slider_next { background-color: #FFFFFF;}

#wideslider .btn_prev,
#wideslider .btn_next {
	top: 295px;
	overflow: hidden;
	position: absolute;
	z-index: 100;
	cursor: pointer;
	width: 50px;
	height: 48px;
}
#wideslider .btn_prev {background: url('../images/index/btn_mv_prev.png') no-repeat left center; left: 300px;}
#wideslider .btn_next {background: url('../images/index/btn_mv_next.png') no-repeat right center; right: 300px;}




#bnr1{
	background : url('../images/index/bnr1_bg.jpg') repeat-x;
	background-size : cover;
	padding : 20px 0;
	text-align : center;
	}
#bnr1 ul{
	overflow : hidden;
	width : 1220px;
	margin : 0 auto;
	}
#bnr1 li{
	float : left;
	margin : 0 18px 0 0;
	}
#bnr1 li a{
	background : none;
	}
#bnr1 li:last-child{
	margin : 0;
	}

#area1{
	background : url('../images/index/area1_bg.jpg');
	padding : 0 0 50px 0;
	}
#area1 .area1_title{
	background : url('../images/index/area1_tbg.jpg') repeat-x;
	height : 126px;
	}
#area1 .area1_title img{
	padding : 20px 0 0 0;
	}

#area1 .content{
	width : 980px;
	margin : 0 auto;
	text-align : left;
	}
#area1 .area1_list{
	margin : 0 0 50px 0;
	}
#area1 .area1_list .title{
	margin : 0 0 20px 0;
	text-align : center;
	}
#area1 .area1_list .area1_box1{
	width : 308px;
	float : left;
	}
#area1 .area1_list .area1_box2{
	width : 308px;
	float : left;
	margin : 0 0 0 28px;
	}
#area1 .area1_list .image{
	margin : 0 0 10px 0;
	}

#area1 .area1_list .hover a,
#area2 .area2_list .hover a{ 
	background:none; 
	display:block;
	} 

#area1 .area1_list .text1a{
	font-size : 19px;
	line-height : 1.4;
	color : #97d700;
	text-align : center;
	margin : 0 0 10px 0;
	}
#area1 .area1_list .text1b{
	font-size : 19px;
	line-height : 1.4;
	color : #9372ed;
	text-align : center;
	margin : 0 0 10px 0;
	}
#area1 .area1_list .text1c{
	font-size : 19px;
	line-height : 1.4;
	color : #00bfbf;
	text-align : center;
	margin : 0 0 10px 0;
	}
#area1 .area1_list .text2{
	}

#area1 .btn{
	text-align : center;
	}



#area2{
	background : url('../images/index/area2_bg.jpg');
	padding : 0 0 50px 0;
	}
#area2 .area2_title{
	background : url('../images/index/area2_tbg.jpg') repeat-x;
	height : 126px;
	margin : 0 0 20px 0;
	}
#area2 .area2_title img{
	padding : 20px 0 0 0;
	}

#area2 .content{
	width : 980px;
	margin : 0 auto;
	text-align : left;
	}
#area2 .area2_list{
	margin : 0 0 50px 0;
	}
#area2 .area2_list .hover a:hover{ 
	text-decoration : none; 
	} 
#area2 .area2_list .area2_box1{
	width : 308px;
	float : left;
	}
#area2 .area2_list .area2_box2{
	width : 308px;
	float : left;
	margin : 0 0 0 28px;
	}
#area2 .area2_list .image{
	margin : 0 0 10px 0;
	}
#area2 .area2_list .text1{
	font-size : 24px;
	line-height : 1.4;
	color : #f15a24;
	text-align : center;
	margin : 0 0 10px 0;
	}
#area2 .area2_list .text2{
	}

#area2  ul{
	text-align : center;
	margin : 0 0 50px 10px;
	}
#area2  ul li{
	width : 280px;
	float : left;
	margin : 0 20px 20px 20px;
	}
#area2  ul li span{
	float : left;
	margin : 0 0 0 20px;
	}
#area2  ul li a{
	background : #ff7f50;
	border-radius : 20px;
	font-size : 18px;
	color : #fff;
	text-decoration : none;
	display : block;
	padding : 6px 0;
	}
#area2  ul li a:hover{
	background : #ff9a7b;
	}

#area2 .btn{
	text-align : center;
	}



#area3{
	background : url('../images/index/area3_bg.jpg');
	padding : 0 0 50px 0;
	}
#area3 .area3_title{
	background : url('../images/index/area3_tbg.jpg') repeat-x;
	height : 126px;
	margin : 0 0 20px 0;
	}
#area3 .area3_title img{
	padding : 30px 0 0 0;
	}

#area3 .content{
	width : 980px;
	margin : 0 auto;
	text-align : left;
	}
#area3 .content .area3_box{
	height : 631px;
	width : 100%;
	position : relative;
	margin : 0 0 50px 0;
	}
#area3 .content .area3_box area{
	border:none;
	outline:none;
	}
#area3 .content .area3_box .area3_read{
	position : absolute;
	color : #fff;
	font-size : 18px;
	text-align : center;
	top : 50px;
	left : 310px;
	}
#area3 .content .area3_box .area3_text1{
	position : absolute;
	font-size : 12px;
	width : 84px;
	top : 55px;
	left : 140px;
	}
#area3 .content .area3_box .area3_text2{
	position : absolute;
	font-size : 12px;
	width : 132px;
	top : 300px;
	left : 150px;
	}
#area3 .content .area3_box .area3_text3{
	position : absolute;
	font-size : 12px;
	width : 144px;
	top : 320px;
	left : 410px;
	}
#area3 .content .area3_box .area3_text4{
	position : absolute;
	font-size : 12px;
	width : 132px;
	top : 55px;
	left : 680px;
	}
#area3 .content .area3_box .area3_text5{
	position : absolute;
	font-size : 12px;
	width : 120px;
	top : 280px;
	left : 710px;
	}

#area3 .content .area3_box .area3_name1{
	position : absolute;
	font-size : 12px;
	top : 160px;
	left : 130px;
	}
#area3 .content .area3_box .area3_name1 a{
	display : block;
	background : #fff;
	border-radius : 10px;
	color : #8a5097;
	padding : 0 15px;
	text-decoration : none;
	}
#area3 .content .area3_box .area3_name2{
	position : absolute;
	font-size : 12px;
	top : 330px;
	left : 150px;
	}
#area3 .content .area3_box .area3_name2 a{
	display : block;
	background : #fff;
	border-radius : 10px;
	color : #ed6aa2;
	padding : 0 15px;
	text-decoration : none;
	}
#area3 .content .area3_box .area3_name3{
	position : absolute;
	font-size : 12px;
	top : 375px;
	left : 420px;
	}
#area3 .content .area3_box .area3_name3 a{
	display : block;
	background : #fff;
	border-radius : 10px;
	color : #22b573;
	padding : 0 15px;
	text-decoration : none;
	}
#area3 .content .area3_box .area3_name4{
	position : absolute;
	font-size : 12px;
	top : 140px;
	left : 680px;
	}
#area3 .content .area3_box .area3_name4 a{
	display : block;
	background : #fff;
	border-radius : 10px;
	color : #58bbd2;
	padding : 0 15px;
	text-decoration : none;
	}
#area3 .content .area3_box .area3_name5{
	position : absolute;
	font-size : 12px;
	top : 330px;
	left : 710px;
	}
#area3 .content .area3_box .area3_name5 a{
	display : block;
	background : #fff;
	border-radius : 10px;
	color : #ed6a3a;
	padding : 0 15px;
	text-decoration : none;
	}

#area3 .btn{
	text-align : center;
	}

#bnr2{
	background : #fcee4c;
	padding : 20px 0 45px 0;
	margin : 0 auto;
	text-align : center;
	}




#area4{
	background : url('../images/index/area4_bg.jpg');
	padding : 0 0 50px 0;
	}
#area4 .area4_title{
	background : url('../images/index/area4_tbg.jpg') repeat-x;
	margin : 0 0 20px 0;
	}
#area4 .area4_title .area4_read{
	background : url('../images/index/area4_bgimage1.png') no-repeat center 20px;
	margin : 0 0 20px 0;
	margin : 0 auto;
	text-align : center;
	}
#area4 .area4_title .area4_read p{
	padding : 350px 0 20px 0;
	}

#area4 .content{
	width : 980px;
	margin : 0 auto;
	text-align : left;
	}
#area4 .content .area4_box1{
	background-color: rgba(255,255,255,0.6);
	border-radius : 15px;
	margin : 0 0 50px 0;
	}
#area4 .content .area4_box1 .text{
	width : 680px;
	margin : 30px 0 30px 150px;
	}
#area4 .content .area4_box1 ul{
	text-align : center;
	padding : 0 0 30px 0;
	}
#area4 .content .area4_box1 li{
	display : inline;
	margin : 0 20px;
	}
#area4 .content .area4_box2{
	background : url('../images/index/area4_bgimage3.png') no-repeat center;
	height : 354px;
	}
#area4 .content .area4_box2 .text{
	width : 680px;
	margin : 30px 0 10px 150px;
	padding : 110px 0 0 0;
	}
#area4 .content .area4_box2 ul{
	text-align : center;
	padding : 0 0 30px 0;
	}
#area4 .content .area4_box2 li{
	display : inline;
	margin : 0 20px;
	}
#area4 .content .area4_box3{
	margin : -90px 0 0 0;
	background : url('../images/index/area4_bgimage4.png') no-repeat center top;
	height : 335px;
	}
#area4 .content .area4_box3 ul{
	text-align : center;
	padding : 145px 0 0 40px;
	}
#area4 .content .area4_box3 li{
	float : left;
	margin : 0 0 0 120px;
	}
#area4 .content .area4_box3 li video{
	}
#area4 .content .area4_box3 li .ico{
	margin : -110px 0 0 -230px;
	}



#area5{
	background : #dbeceb;
	padding : 30px 0;
	}
#area5 a{
	text-decoration : none;
	color : #000;
	}
#area5 .area5_title{
	margin : 0 0 20px 0;
	}
#area5 .content{
	width : 980px;
	margin : 0 auto;
	text-align : left;
	}
#area5 .content .area5_block1{
	width : 380px;
	float : left;
	}
#area5 .content .area5_block2{
	width : 380px;
	float : left;
	margin : 0 0 0 20px;
	}
#area5 .content .area5_block3{
	width : 180px;
	float : left;
	margin : 0 0 0 20px;
	}
#area5 .content .area5_block1 .area5_block1_1{
	border : solid 1px #b8b5b5;
	background : #fff;
	width : 180px;
	float : left;
	text-align : center;
	padding : 0 0 10px 0;
	position : relative;
	box-sizing : border-box;
	}
#area5 .content .area5_block1 .area5_block1_1 .icon,
#area5 .content .area5_block2 .area5_block2_2 .icon,
#area5 .content .area5_block2 .area5_block2_3 .icon{
	position : absolute;
	top : 5px;
	left : 5px;
	}
#area5 .content .area5_block1 .area5_block1_1 .icon span,
#area5 .content .area5_block2 .area5_block2_2 .icon span,
#area5 .content .area5_block2 .area5_block2_3 .icon span{
	font-size : 10px;
	color : #fff;
	border-radius : 5px;
	background : #8a5097;
	padding : 3px 10px;
	}
#area5 .content .area5_block1 .area5_block1_1 .image{
	margin : 20px 0;
	}
#area5 .content .area5_block1 .area5_block1_2{
	border : solid 1px #b8b5b5;
	background : #fff;
	width : 179px;
	float : left;
	margin : 0 0 0 17px;
	text-align : center;
	padding : 0 0 10px 0;
	box-sizing : border-box;
	}
#area5 .content .area5_block1 .area5_block1_2 .image{
	margin : 0 0 15px 0;
	}
#area5 .content .area5_block1 .area5_block1_1 .text,
#area5 .content .area5_block1 .area5_block1_2 .text{
	padding : 0 0 10px 0 !important;
	}
#area5 .content .area5_block1 .area5_block1_3{
	margin : 20px 0 0 0;
	box-sizing : border-box;
	}


#area5 .content .area5_block2 .area5_block2_1{
	border : solid 1px #b8b5b5;
	background : #fff;
	width : 378px;
	text-align : right;
	margin : 0 0 20px 0;
	box-sizing : border-box;
	}
#area5 .content .area5_block2 .area5_block2_1 .image{
	padding : 10px;
	}
#area5 .content .area5_block2 .area5_block2_2 .image2,
#area5 .content .area5_block2 .area5_block2_3 .image2{
	text-align : right;
	margin : -35px 5px 0 0;
	}
#area5 .content .area5_block2 .area5_block2_2{
	border : solid 1px #b8b5b5;
	background : #fff;
	width : 179px;
	float : left;
	text-align : left;
	padding : 0 0 10px 0;
	font-size : 12px;
	position : relative;
	box-sizing : border-box;
	}
#area5 .content .area5_block2 .area5_block2_2 .image{
	margin : 0 0 15px 0;
	}
#area5 .content .area5_block2 .area5_block2_2 .text1,
#area5 .content .area5_block2 .area5_block2_3 .text1{
	color : #8a5097;
	padding : 0 15px;
	}
#area5 .content .area5_block2 .area5_block2_2 .text2,
#area5 .content .area5_block2 .area5_block2_3 .text2{
	color : #8a5097;
	padding : 0 15px;
	}
#area5 .content .area5_block2 .area5_block2_2 .text3,
#area5 .content .area5_block2 .area5_block2_3 .text3{
	padding : 0 15px;
	}
#area5 .content .area5_block2 .area5_block2_3{
	border : solid 1px #b8b5b5;
	background : #fff;
	width : 179px;
	float : left;
	text-align : left;
	padding : 0 0 10px 0;
	margin : 0 0 0 18px;
	font-size : 12px;
	position : relative;
	box-sizing : border-box;
	}
#area5 .content .area5_block2 .area5_block2_3 .image{
	margin : 0 0 15px 0;
	}


#area5 .content .area5_block3 .area5_block3_1{
	border : solid 1px #b8b5b5;
	background : #fff;
	width : 180px;
	text-align : center;
	padding : 15px 0 10px 0;
	box-sizing : border-box;
	}
#area5 .content .area5_block3 .area5_block3_1 span{
	color : #8a5097;
	}
#area5 .content .area5_block3 .area5_block3_1 .image{
	margin : 10px 0 0 0;
	}
#area5 .content .area5_block3 .area5_block3_2{
	border : solid 1px #b8b5b5;
	background : #fff;
	width : 179px;
	float : left;
	margin : 17px 0 0 0;
	text-align : center;
	padding : 15px 0 10px 0;
	box-sizing : border-box;
	}
#area5 .content .area5_block3 .area5_block3_2 .image{
	margin : 10px 0 0 0;
	}