@charset "utf-8";

/*Layer*/
body{width:100%}
#wrap{width:100%}
#header{}
#container{width:100%}
#contents{}
#footer{width:100%;}


.pcbr{display:none;}
.tbbr{display:block;}
.mbbr{display:none;}

.btn_menu{display:none;}
.m_language{display:none;}


/*header*/
.head{
	overflow:hidden;
	position:relative;
	position:absolute;left:0;top:0;z-index:1000;
	width:100%;height:85px;
	text-align:right;
}
.head .topmenu{overflow:hidden;position:absolute;right:3%;top:35px;}
.head .topmenu li{float:left;margin-left:20px;}
.head .topmenu li a{
	font-family:"Poppins";
	font-size:10px;
	color:rgba(255,255,255,0.5);
}

.head .mainmenu{overflow:hidden;position:absolute;right:3%;top:60px;}
.head .mainmenu>li{float:left;margin-left:70px;}
.head .mainmenu>li>a{
	font-family:"Poppins";
	font-size:15px;
	color:rgba(255,255,255,1);
	font-weight:300;
	transition:all 0.4s;
}
.head .mainmenu>li>a:hover{color:#ed1c24;transition:all 0.4s;}

/* footer */
.foot{
	padding:65px 0;
	text-align:center;
	background:#222;
}
.foot address{
	font-size:14px;font-weight:300;
	color:rgba(255,255,255,0.4);
}
/*.foot address span{display:inline-block;width:1px;height:10px;background:rgba(255,255,255,0.3);margin:0 10px;}*/
.foot address span {display:inline-block;}
.foot address .bar {
	margin:0 10px;
	display: inline-block;
    width: 1px;
    height: 10px;
    background: rgba(255,255,255,0.3);
    margin: 0 10px;
}
.foot .copy{
	margin-top:10px;
	font-size:13px;font-weight:300;
	color:rgba(255,255,255,0.2);
}




/* visual */
#visual{overflow:hidden;position:relative;width:100%;height:auto;}
.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top:-39px;
	outline: 0;
	width:40px;
	height:78px;
	text-indent: -9999px;
	z-index: 9999;
}

.vlist{position:relative;width:100%;height:100%;}
.vlist li{width:100%;}
.vlist li  .bgarea{width:100%;height:100%}
/*
.vlist .v1{}

.vlist .v1 .bgarea{width:100%;height:100%;background:url(/images/main/visual1.jpg) no-repeat center;}
.vlist .v2 .bgarea{width:100%;height:100%;background:url(/images/main/visual1.jpg) no-repeat center;}
*/
#visual .vtextbox{
	position:absolute;left:0;top:0;z-index:100;
	width:100%;
	text-align:center;
	padding:28% 0 0 0;
}
#visual .vtextbox h1 img{height:120px;}
#visual .vtextbox .slg{margin:35px 0 0;}
#visual .vtextbox .slg:after{
	display:block;content:"";
	width:32px;height:2px;
	background:#fff;
	margin:20px auto;
}
#visual .vtextbox .slg img{}
#visual .vtextbox p{font-size:17px;color:rgba(255,255,255,0.8);font-weight:300;}



@media(max-width:1000px){
	#visual .vtextbox .slg img{height:84px}
}





.main_area1{
	padding:70px 0;
	background:url(/images/main/main_area1_bg.gif) no-repeat right bottom;
}
.main_area1 h2{
	font-family:"Poppins";
	font-size:40px;
	color:#000;
	font-weight:500;
	line-height:100%;
	margin:0 4%;margin-bottom:20px;
}
.main_area1 p{
	font-size:16px;color:#777;
	margin:0 4%;
	word-break:keep-all;
}




.main_area2{
	padding:60px 0 55px;
	background:#f3f3f3 url(/images/main/main_area2_bg.png) no-repeat center top;
	background-size:auto 100%;
	text-align:center;
}
.main_area2 h2{
	font-family:"Poppins";
	font-size:26px;
	color:#000;
	font-weight:700;
}
.main_area2 h2:before{
	display:block;
	content:"";
	width:20px;height:4px;
	margin:0 auto 5px;
	background:#000;
}
.main_area2 ul{margin-top:35px;}
.main_area2 ul li{
	display:inline-block;
	padding-top:190px;
	min-width:175px;
	margin:0 5%;
	font-size:16px;color:#333;font-weight:500;
}
.main_area2 ul li:nth-child(1){
	background:url(/images/main/main_area2_bg1.png) no-repeat center top;
	background-size:auto;
}
.main_area2 ul li:nth-child(2){
	background:url(/images/main/main_area2_bg2.png) no-repeat center top;
	background-size:auto;
}
.main_area2 ul li:nth-child(3){
	background:url(/images/main/main_area2_bg3.png) no-repeat center top;
	background-size:auto;
}
.main_area2 ul li:nth-child(4){
	background:url(/images/main/main_area2_bg4.png) no-repeat center top;
	background-size:auto;
}


@media(max-width:1200px){
	.main_area2 ul{width:50%;margin:35px auto;}
	.main_area2 ul li{margin-bottom:30px;}
}
@media(max-width:900px){
	.main_area2 ul{width:70%;margin:35px auto;}
	.main_area2 ul li{margin-bottom:30px;}
}




.main_area3{}
.main_area3 .conbox{
	overflow:hidden;
	position:relative;
	width:100%;height:400px;
}
.main_area3 .conbox:nth-child(odd) .bgarea{float:right;width:60%;height:100%;}
.main_area3 .conbox:nth-child(even) .bgarea{float:left;width:60%;height:100%;}
.main_area3 .conbox:nth-child(1) .bgarea{
	background:url(/images/main/main_area3_img1.jpg) no-repeat left top;
	background-size:cover;
}
.main_area3 .conbox:nth-child(2) .bgarea{
	background:url(/images/main/main_area3_img2.jpg) no-repeat right top;
	background-size:cover;
}
.main_area3 .conbox:nth-child(3) .bgarea{
	background:url(/images/main/main_area3_img3.jpg) no-repeat right top;
	background-size:cover;
}

.main_area3 .conbox .textbox{
	display:table;
	position:absolute;top:0;z-index:10;
	width:30%;min-width:470px;height:400px;
	padding:0 5%;
	box-shadow:0 -1px 1px #e5e5e5 inset; 
}
.main_area3 .conbox .textbox .align{display:table-cell;vertical-align:middle;}
.main_area3 .conbox:nth-child(odd) .textbox{left:0;text-align:right;}
.main_area3 .conbox:nth-child(even) .textbox{right:0;text-align:left;}
/*.main_area3 .conbox:nth-child(2) .textbox{right:0;text-align:left;}
.main_area3 .conbox:nth-child(2) .textbox .align{padding-top:40px;}
*/
/*
.main_area3 .conbox:nth-child(1) .textbox{background:#fff url(/images/main/main_area3_bg1.png) no-repeat left bottom;}
.main_area3 .conbox:nth-child(2) .textbox{background:#fff url(/images/main/main_area3_bg2.png) no-repeat right bottom;}
.main_area3 .conbox:nth-child(3) .textbox{background:#fff url(/images/main/main_area3_bg3.png) no-repeat left bottom;}
*/
.main_area3 .conbox .textbox .align .ani_logo{margin-bottom:10px;}
.main_area3 .conbox .textbox .align .tit{font-size:19px;color:#333;margin-bottom:20px;font-weight:500;}
.main_area3 .conbox .textbox .align p{font-size:16px;color:#666;}
.main_area3 .conbox .textbox .align a{
	display:inline-block;
	margin-top:40px;
	font-family:"Poppins";font-size:14px;color:#2d2c39;line-height:80%;
	text-align:left;font-weight:500;
}
.main_area3 .conbox .textbox .align a:hover {color:#ed1c24 ;}
.main_area3 .conbox .textbox .align a img{margin-left:-5px;}


@media(max-width:1200px){
	.main_area3 .conbox{width:100%;height:auto;}
	.main_area3 .conbox:nth-child(odd) .bgarea{float:none;width:100%;height:400px;}
	.main_area3 .conbox:nth-child(even) .bgarea{float:none;width:100%;height:400px;}
	.main_area3 .conbox .textbox{
		display:table;
		position:static;top:0;z-index:10;
		width:90%;min-width:470px;height:auto;
		padding:5%;
		box-shadow:0 -1px 1px #e5e5e5 inset; 
	}
	.main_area3 .conbox:nth-child(odd) .textbox{left:0;text-align:center;}
	.main_area3 .conbox:nth-child(even) .textbox{right:0;text-align:center;}
	.main_area3 .conbox .textbox .align p{word-break:keep-all;}

}







.main_area4{
	padding:60px 3% 55px;
	background:url(/images/main/main_area4_bg.gif) repeat;
	text-align:center;
}
.main_area4 h2{
	font-family:"Poppins";
	font-size:26px;
	color:#000;
	font-weight:600;
}
.main_area4 h2:before{
	display:block;
	content:"";
	width:20px;height:4px;
	margin:0 auto 5px;
	background:#000;
}
.main_area4 ul{overflow:hidden;max-width:1400px;width:100%;margin:30px auto 0; }
.main_area4 ul li{
	float:left;
	position:relative;
	width:30.72%;
	margin-right:3.9%;
}
.main_area4 ul li a{display:block;position:relative;}
.main_area4 ul li .ondiv{
	opacity:0;
	position:absolute;left:0;top:0;z-index:100;
	width:100%;height:100%;
	box-shadow:2px 2px 0 #ed1c24 inset,-2px -2px 0  #ed1c24 inset;
	transition:all 0.6s;
}
.main_area4 ul li:hover .ondiv{
	opacity:1;
	transition:all 0.6s;	
}
.main_area4 ul {display:block;}
.main_area4 #news_bx {display:none;}
.main_area4 ul li img{width:100%;}
.main_area4 ul li:last-child{margin-right:0;}
.main_area4 ul li .txtarea{
	border:1px solid #ddd;
	background:#fff;
	text-align:left;
	padding:20px 30px;
}
.main_area4 ul li .txtarea .tit{height:45px;font-size:15px;color:#050505;word-break:keep-all;}
.main_area4 ul li .txtarea .date{font-family:"Poppins";font-size:14px;color:#919191;margin-top:5px;font-weight:300;}
.main_area4 > a{
	display:block;
	width:280px;height:48px;
	text-align:center;line-height:48px;
	font-size:15px;color:#fff;
	background:#ed1c24;
	margin:59px auto 0;
}

/*
@media(max-width:1000px){

	.main_area4 ul li{
		width:49%;
		margin-right:2%;
	}
	.main_area4 ul li:nth-child(2){margin-right:0;}
	.main_area4 ul li:nth-child(3){display:none}

}

*/