/*pc_css*/
#header .innerbox ul li.home{
	float:left;
	margin:0 16px;
	list-style:none;
	padding:0 0 8px 0;
	border-bottom:4px solid #005fa3;
}

#header .innerbox ul li.home a{
	color:#005fa3;
}

	.slidecontainer{
		width:100%;
		opacity:0;
		position: relative;
	
	}

	.slidecontainer .maskbox{
		width:100%;
		height: 0%;
		background:#fff;
		position:absolute;
		z-index:2000;
		left:0;
		bottom:0;
		transition: 1s ease;
		transition-delay: .5s;
	
	}

	.slidecontainer .maskbox.first{
		width:100%;
		height: 100%;
		background:#fff;
		position:absolute;
		z-index:2000;
		left:0;
		bottom:0;
	
	}
	
	.slidecontainer .slider{
		width:100%;
		height:680px;
		overflow: hidden;
	}
	
	.slidecontainer .slider img{
		width:100%;
	}
	
	.slick-slide .tlbox {
  		display:inline-block;
  		z-index: 2;
  		opacity: 0;
  		transition: 1s ease;
		transform: scale(1.2);
		-webkit-transform: scale(1.2);  
    	-moz-transform: scale(1.2);
	}
	.slick-current .tlbox {
  		opacity: 1;
  		transition-delay: .5s;
		transform: scale(1);
		-webkit-transform: scale(1);  
    	-moz-transform: scale(1);
	}

	.slick-slide .textbox1{
  		color:#fff;
		overflow: hidden;
		top:50%;
		left:50%;
		margin:70px 0 0 -250px;
		position:absolute;
		font-size:1.1em;
		width:0px;
		transition: 1.5s ease;
	}

	.slick-current .textbox1{
  		color:#fff;
		font-size:1.1em;
		top:50%;
		left:50%;
		margin:70px 0 0 -250px;
		position:absolute;
		overflow: hidden;
		width:500px;
		transition-delay: 1s;
	}

	.slick-current .textbox1.first{
  		color:#fff;
		overflow: hidden;
		top:50%;
		left:50%;
		margin:70px 0 0 -250px;
		position:absolute;
		font-size:1.1em;
		width:0px;
		transition: 1.5s ease;
	}

	.slick-current .textbox1 p{
		width:500px;
		line-height: 1.5em;
	}

	.textbox1 p{
		width:500px;
		line-height: 1.5em;
	}

	.slick-slide .textbox2{
  		color:#fff;
		overflow: hidden;
		top:50%;
		left:50%;
		margin:30px 0 0 -350px;
		position:absolute;
		font-size:1.1em;
		width:0px;
		transition: 1.5s ease;
	}

	.slick-current .textbox2{
  		color:#fff;
		font-size:1.1em;
		top:50%;
		left:50%;
		margin:30px 0 0 -350px;
		position:absolute;
		overflow: hidden;
		width:700px;
		transition-delay: 1s;
	}

	.slick-current .textbox2 p{
		width:700px;
		line-height: 1.5em;
	}

	.textbox2 p{
		width:700px;
		line-height: 1.5em;
	}

	.slick-slide .textbox3{
  		color:#fff;
		overflow: hidden;
		top:50%;
		left:50%;
		margin:30px 0 0 -250px;
		position:absolute;
		font-size:1.1em;
		width:0px;
		transition: 1.5s ease;
	}

	.slick-current .textbox3{
  		color:#fff;
		font-size:1.1em;
		top:50%;
		left:50%;
		margin:30px 0 0 -250px;
		position:absolute;
		overflow: hidden;
		width:500px;
		transition-delay: 1s;
	}

	.slick-current .textbox3 p{
		width:500px;
		line-height: 1.5em;
	}

	.textbox3 p{
		width:500px;
		line-height: 1.5em;
	}

	.slick-current .tlbox.first {
  		display:inline-block;
  		z-index: 2;
  		opacity: 0;
  		transition: 1s ease;
		transform: scale(1.2);
		-webkit-transform: scale(1.2);  
    	-moz-transform: scale(1.2);
	}

	.slidecontainer .slider .box1{
		background:url(/images/index/slide01.jpg) 50% 50% no-repeat;
		background-size:cover;
		height:680px !important;
		text-align: center;
		position:relative;
	}

	.slidecontainer .slider .box1 .tlbox{
		width:611px;
		margin:150px auto 0;
		
	}

	.slidecontainer .slider .box1 .tlbox img{
		width:100%;
		height: auto;
	}

	.slidecontainer .slider .box2 .tlbox{
		width:608px;
		margin:150px auto 0;
		
	}

	.slidecontainer .slider .box2 .tlbox img{
		width:100%;
		height: auto;
	}

	.slidecontainer .slider .box3 .tlbox{
		width:608px;
		margin:150px auto 0;
		
	}

	.slidecontainer .slider .box3 .tlbox img{
		width:100%;
		height: auto;
	}

	.slidecontainer .slider .box4 .tlbox{
		width:648px;
		margin:150px auto 0;
		
	}

	.slidecontainer .slider .box4 .tlbox img{
		width:100%;
		height: auto;
	}

	.slidecontainer .slider .box2{
		background:url(/images/index/slide02.jpg) 50% 50% no-repeat;
		background-size:cover;
		height:680px !important;
		text-align: center;
		position:relative;
	}

	.slidecontainer .slider .box3{
		background:url(/images/index/slide03.jpg) 50% 50% no-repeat;
		background-size:cover;
		height:680px !important;
		text-align: center;
		position:relative;
	}

	.slidecontainer .slider .box4{
		background:url(/images/index/slide04.jpg) 50% 50% no-repeat;
		background-size:cover;
		height:680px !important;
		text-align: center;
		position:relative;
	}


.newsbox{
	background:#333;
	padding:15px 0;
	margin:0 0 70px 0;
}

.newsbox.smaller{
	background:#333;
	padding:15px 0;
	margin:80px 0 70px 0;
}

.newsbox .innerbox{
	width:960px;
	margin:0 auto;
}

.newsbox .innerbox .tlbox{
	width:300px;
	padding:5px 25px 5px 0;
	float: left;
	border-right:1px solid #fff;
}

.newsbox .innerbox .tlbox img{
	width:100%;
	height:auto;
}

.newsbox .innerbox dl{
	float:left;
	width:430px;
	color:#ccc;
	margin:0 0 0 25px;
	padding:0.75em 0 0 0;
}

.newsbox .innerbox dl dt{
	float:left;
	width:60px;
	font-weight: bold;
}

.newsbox .innerbox dl dd{
	float:right;
	width:350px;
}

.newsbox .innerbox dl dd a{
	opacity:1;
    transition:all 0.5s;
	color:#ccc;
}

.newsbox .innerbox dl dd a:hover{
	opacity: .7;
	-webkit-opacity: .7;
	-moz-opacity: .7;
	filter: alpha(opacity=70);	/* IE lt 8 */
	-ms-filter: "alpha(opacity=50)"; /* IE 8 */
	-webkit-transition: opacity 0.5s ease-out;
	-moz-transition: opacity 0.5s ease-out;
	-ms-transition: opacity 0.5s ease-out;
	transition: opacity 0.5s ease-out;
}

.newsbox .innerbox .btnbox{
	width:150px;
	float: right;
	line-height: 0;
	background:url(/images/index/btn_bg.svg) left top no-repeat;
	background-size:150px;
}

@supports (-ms-ime-align:auto) {
.newsbox .innerbox .btnbox{
	width:150px;
	float: right;
	line-height: 0;
	background:url(/images/index/btn_bg.svg) 1px top no-repeat;
	background-size:148px;
}
}

.newsbox .innerbox .btnbox a{
    transition:all 0.5s;
	opacity: 1;
}

.newsbox .innerbox .btnbox a:hover{
	opacity: .7;
	-webkit-opacity: .7;
	-moz-opacity: .7;
	filter: alpha(opacity=70);	/* IE lt 8 */
	-ms-filter: "alpha(opacity=50)"; /* IE 8 */
	-webkit-transition: opacity 0.5s ease-out;
	-moz-transition: opacity 0.5s ease-out;
	-ms-transition: opacity 0.5s ease-out;
	transition: opacity 0.5s ease-out;
}

.newsbox .innerbox .btnbox img{
	width:100%;
	height:auto;
}

.bgbox01{
	height:400px;
	background:url(/images/index/bg01.jpg) 50% 50% no-repeat;
	background-size:cover;
	margin:0 0 100px 0;
	position:relative;
}

.bgbox01 .tlbox{
	width:363px;
	position:absolute;
	bottom:-70px;
	left:50%;
	margin:0 0 0 -190px;
}

.bgbox01 .tlbox img{
	width:100%;
	height:auto;
}

.bgbox02{
	height:400px;
	background:url(/images/index/bg02.jpg) 50% 50% no-repeat;
	background-size:cover;
	margin:0 0 100px 0;
	position:relative;
}

.bgbox02 .tlbox{
	width:168px;
	position:absolute;
	bottom:-70px;
	left:50%;
	margin:0 0 0 -90px;
}

.bgbox02 .tlbox img{
	width:100%;
	height:auto;
}

.textbox01{
	margin:0 0 105px 0;
	text-align: center;
}

.textbox01 .tbox{
	margin:0 0 30px 0;
	line-height: 2em;
}

.textbox01 a{
	width:245px;
	display: inline-block;
	transition:all 0.5s;
	opacity: 1;
}

.textbox01 a:hover{
	opacity: .7;
	-webkit-opacity: .7;
	-moz-opacity: .7;
	filter: alpha(opacity=70);	/* IE lt 8 */
	-ms-filter: "alpha(opacity=50)"; /* IE 8 */
	-webkit-transition: opacity 0.5s ease-out;
	-moz-transition: opacity 0.5s ease-out;
	-ms-transition: opacity 0.5s ease-out;
	transition: opacity 0.5s ease-out;
}

.textbox01 a img{
	width:100%;
	height: auto;
}

.floatbox{
	width:960px;
	margin:0 auto;
}

.floatbox .leftbox{
	width:478px;
	height:180px;
	background:url(/images/index/bg03.jpg) 50% 50% no-repeat;
	background-size:cover;
	position:relative;
	float: left;
}

.floatbox .leftbox .tlbox{
	width:181px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-25px 0 0 -90px;
}

.floatbox .leftbox .tlbox img{
	width:100%;
	height:auto;
}

.floatbox .rightbox{
	width:478px;
	height:180px;
	background:url(/images/index/bg04.jpg) 50% 50% no-repeat;
	background-size:cover;
	position:relative;
	float: right;
}

.floatbox .rightbox .tlbox{
	width:170px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-25px 0 0 -85px;
}

.floatbox .rightbox .tlbox img{
	width:100%;
	height:auto;
}

.floatbox a{
	opacity:1;
    transition:all 0.5s;
	display: block;
}

.floatbox a:hover{
	opacity: .7;
	-webkit-opacity: .7;
	-moz-opacity: .7;
	filter: alpha(opacity=70);	/* IE lt 8 */
	-ms-filter: "alpha(opacity=50)"; /* IE 8 */
	-webkit-transition: opacity 0.5s ease-out;
	-moz-transition: opacity 0.5s ease-out;
	-ms-transition: opacity 0.5s ease-out;
	transition: opacity 0.5s ease-out;
}