@charset "utf-8";

#header2 nav ul li.m0 a{
	background-color:#006FBB;
	color:#FFF;
	}
#header2 nav ul li.m0 a:before{
	border-color:#FFF;
	}
.bx-wrapper{
	position:relative;
	margin:0 auto 0px;
	padding:0;
	*zoom:1;
	}
.bx-wrapper img{
	max-width:100%;
	display:block;
	}
.bx-wrapper .bx-loading{
	min-height:50px;
	background:url(../img/home/bx_loader.gif) center center no-repeat #fff;
	height:100%;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:20;
	}
.bx-wrapper .bx-pager{
	position:absolute;
	top:50%;
	width:2px;
	right:-30px;
	margin-top:-170px;
	text-align:center;
	font-size:.85em;
	font-family:Arial;
	font-weight:bold;
	color:#DCDCDC;
	z-index:60;
	}
.bx-wrapper .bx-pager .bx-pager-item{
	display:inline-block;
	*zoom:1;
	*display:inline;
	}
.bx-wrapper .bx-pager.bx-default-pager a{
	background:#DCDCDC;
	text-indent:-9999px;
	display:block;
	width:2px;
	height:50px;
	margin:10px 0;
	outline:0;
	}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active{
	background:#006FBB;
	}
#slide{
	width:100%;
	height:100%;
	padding-right:60px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	z-index:2;
	overflow:hidden;
	zoom:1;
	position:relative;
	}
#slide ul li{
	overflow:hidden;
	zoom:1;
	}
#slide li span{
	animation:anime_zoom 6s linear;
	transform:scale(1.15);
	background:url(../img/home/slide1.jpg) no-repeat center center;
	display:block;
	-webkit-background-size:cover;
	background-size:cover;
	position:relative;
	z-index:1;
	}
@-webkit-keyframes anime_zoom{
	0%{transform:scale(1.0);}
	100%{transform:scale(1.15);}
	}
@keyframes anime_zoom{
	0%{transform:scale(1.0);}
	100%{transform:scale(1.15);}
	}
#slide ul li#slide2 span{
	background:url(../img/home/slide2.jpg) no-repeat center center;
	-webkit-background-size:cover;
	background-size:cover;
	}
#slide ul li#slide3 span{
	background:url(../img/home/slide3.jpg) no-repeat center center;
	-webkit-background-size:cover;
	background-size:cover;
	}
#slide h2{
	position:absolute;
	right:130px;
	top:10%;
	z-index:60;
	line-height:1.1;
	}
#slide h2 strong{
	vertical-align:top;
	font-size:40px;
	width:700px;
	-webkit-writing-mode:vertical-rl;
	-ms-writing-mode:tb-rl;
	writing-mode:vertical-rl;
	float:right;
	padding:10px 5px 0px 0px;
	background-color:#FFF;
	display:inline-block;
	width:48px;
	margin-left:15px;
	}
#slide h3{
	font-size:110px;
	color:#FFF;
	position:absolute;
	bottom:0;
	left:0;
	text-align:center;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	font-weight:700;
	font-style:italic;
	z-index:70;
	width:100%;
	font-family:'Poppins',sans-serif;
	padding-right:60px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	letter-spacing:-0.02em;
	}
#scroll{
	height:100px;
	position:absolute;
	z-index:60;
	right:30px;
	bottom:0;
	}
#scroll h4{
	font-size:13px;
	font-family:'Poppins',sans-serif;
	font-weight:700;
	position:absolute;
	left:50%;
	margin-left:-28px;
	top:0;
	letter-spacing:0.1em;
	-moz-transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
	-o-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	transform:rotate(90deg);
	}
#scroll:after{
	content:"";
	display:block;
	width:1px;
	height:50px;
	background-color:#1A2E33;
	position:absolute;
	left:50%;
	top:50px;
	z-index:2;
	}
#scroll div{
	display:block;
	height:50px;
	position:absolute;
	left:50%;
	top:50px;
	width:10px;
	margin-left:-5px;
	overflow:hidden;
	zoom:1;
	}
#scroll span{
	display:block;
	width:9px;
	height:9px;
	background-color:#1A2E33;
	border-radius:40px;
	-webkit-border-radius:40px;
	-moz-border-radius:40px;
	-o-border-radius:40px;
	-ms-border-radius:40px;
	position:absolute;
	left:50%;
	top:-10px;
	margin-left:-4px;
	z-index:3;
	}
#sec1{
	max-width:1120px;
	margin:0 auto;
	padding:180px 70px 0 70px;
	overflow:hidden;
	zoom:1;
	}
#sec1 h3{
	float:right;
	width:320px;
	margin-top:100px;
	max-width:40%;
	}
#sec1 h4{
	font-size:34px;
	line-height:1.7;
	font-weight:700;
	margin-top:90px;
	}
#sec1 p{
	max-width:50%;
	margin-top:30px;
	line-height:2.2;
	}
#sec1 h5.linkto a{
	margin-top:75px;
	font-size:20px;
	font-weight:700;
	padding:20px 120px 20px 28px;
	}
#video{
	width:72%;
	float:right;
	position:relative;
	z-index:-1;
	margin-top:-35px;
	overflow:hidden;
	zoom:1;
	}
#video:before{
	content:"";
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:0;
	background:url(../img/home/moviebg.png) repeat;
	}
#video video{
	width:100%;
	display:inline-block;
	vertical-align:top;
	}
#sec2bg{
	clear:both;
	padding:200px 0 160px 0;
	position:relative;
	background-color:#E5F0F8;
	}
#sec2bg:after{
	content:"";
	display:block;
	width:100%;
	height:100%;
	background-color:#E5F0F8;
	position:absolute;
	left:0;
	top:-150px;
	z-index:-2;
	}
#sec2{
	overflow:hidden;
	zoom:1;
	max-width:1120px;
	margin:0 auto;
	padding:0 40px;
	}
#sec2 .box1{
	overflow:hidden;
	zoom:1;
	}
#sec2 .box1 p{
	margin-top:20px;
	width:56%;
	}
#sec2 .box1 h3.linkto{
	text-align:right;
	margin-top:-70px;
	}
#sec2 .box1 h3.linkto a{
	font-size:20px;
	font-weight:700;
	padding:20px 120px 20px 28px;
	}
#sec2 .box2{
	float:left;
	width:45%;
	margin:150px 10% 0 0;
	}
#sec2 .box2.box3{
	margin-right:0;
	}
#sec2 .box2 h2{
	position:relative;
	}
#sec2 .box2 h2 img.logo{
	position:absolute;
	right:-20px;
	top:-60px;
	width:200px;
	z-index:1;
	}
#sec2 .box2.box3 h2 img.logo{
	width:220px;
	right:0;
	top:-52px;
	}
#sec2 .box2 h2 a:after{
	content:"";
	display:block;
	width:28px;
	height:28px;
	background-color:#006FBB;
	border-radius:100px;
	-webkit-border-radius:100px;
	-moz-border-radius:100px;
	-o-border-radius:100px;
	-ms-border-radius:100px;
	position:absolute;
	right:20px;
	bottom:20px;
	z-index:2;
	}
#sec2 .box2 h2 a:before{
	content:"";
	display:block;
	position:absolute;
	right:31px;
	bottom:30px;
	width:5px;
	height:5px;
	border-top:3px solid #FFF;
	border-right:3px solid #FFF;
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
	z-index:3;
	}
#sec2 .box2 h3{
	font-size:36px;
	font-weight:400;
	position:relative;
	z-index:2;
	margin:-40px 10px 0 10px;
	}
#sec2 .box2 h3 span{
	font-size:70px;
	font-weight:300;
	font-family:'Poppins',sans-serif;
	display:block;
	margin:0 0 25px 10px;
	}
#sec2 .box2 p{
	font-size:16px;
	line-height:2.1;
	margin:20px 10px 0 10px;
	}
#sec3{
	max-width:1200px;
	margin:0 auto;
	padding:210px 40px 0 380px;
	overflow:hidden;
	zoom:1;
	position:relative;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	min-height:510px;
	}
#sec3 h2{
	position:absolute;
	left:40px;
	top:210px;
	}
#sec3 article{
	padding:34px 0 40px 25px;
	border-top:1px solid #D7D7D7;
	}
#sec3 article:last-of-type{
	border-bottom:1px solid #D7D7D7;
	}
#sec3 article time{
	display:block;
	font-size:20px;
	font-weight:300;
	float:left;
	margin-right:25px;
	font-family:'Poppins',sans-serif;
	margin-top:9px;
	letter-spacing:0.05em;
	}
#sec3 article ul{
	float:left;
	overflow:hidden;
	zoom:1;
	}
#sec3 article ul li{
	float:left;
	margin:5px 5px 0 0;
	font-size:17px;
	}
#sec3 article ul li a{
	background-color:#E5F0F8;
	padding:5px 12px 5px 12px;
	display:block;
	}
#sec3 article h3{
	clear:both;
	padding-top:20px;
	font-size:18px;
	font-weight:400;
	}
#sec3 article h3 a{
	color:#1A2E33;
	}
#sec3 h4{
	position:absolute;
	left:40px;
	top:450px;
	}
@media screen and (max-width:1400px){
#slide h3{
	font-size:94px;
	}
}
@media screen and (max-width:1200px){
#slide h3{
	font-size:80px;
	}
}
@media screen and (max-width:1020px){
#slide h3{
	font-size:70px;
	}
}
@media screen and (max-width:900px){
.bx-wrapper .bx-pager{
	top:auto;
	width:100%;
	right:auto;
	left:0;
	bottom:10px;
	margin-top:0;
	}
.bx-wrapper .bx-pager.bx-default-pager a{
	width:30px;
	height:1px;
	margin:0 8px;
	}
#slide{
	padding-right:0;
	margin-top:0px;
	}
#slide li span{
	height:500px !important;
	background-position:20% center;
	}
#slide ul li#slide2 span{
	background-position:40% center;
	}
#slide ul li#slide3 span{
	background-position:55% center;
	}
#slide h2{
	right:50%;
	margin-right:-50px;
	top:100px;
	}
#slide h2 strong{
	font-size:29px;
	padding:8px 2px 0px 0px;
	width:33px;
	}
#slide h3{
	display:none;
	}
#scroll{
	display:none;
	}
#sec1{
	padding:120px 7% 0 7%;
	}
#sec1 h3{
	float:none;
	max-width:55%;
	margin:50px auto 0 auto;
	}
#sec1 h4{
	line-height:1.6;
	font-size:28px;
	margin-top:50px;
	}
#sec1 p{
	max-width:100%;
	margin-top:25px;
	line-height:2;
	}
#sec1 h5.linkto a{
	margin-top:50px;
	font-size:18px;
	width:100%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	}
#video{
	width:100%;
	float:none;
	margin-top:100px;
	}
#sec2bg{
	padding:120px 0 0px 0;
	}
#sec2bg:after{
	display:none;
	}
#sec2{
	padding:0 7% 130px 7%;
	}
#sec2 .box1 p{
	margin-top:25px;
	width:auto;
	}
#sec2 .box1 h3.linkto{
	text-align:left;
	margin-top:0px;
	}
#sec2 .box1 h3.linkto a{
	margin-top:50px;
	font-size:18px;
	width:100%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	}
#sec2 .box2{
	float:none;
	width:100%;
	margin:140px 0 0 0;
	}
#sec2 .box2 h3{
	font-size:30px;
	}
#sec2 .box2 h3 span{
	font-size:64px;
	margin:0 0 10px 0px;
	}
#sec2 .box2 p{
	line-height:2;
	margin:15px 0 0 0;
	}
#sec3{
	padding:140px 7% 0 7%;
	min-height:auto;
	}
#sec3 h2{
	position:relative;
	left:auto;
	top:auto;
	margin-bottom:25px;
	}
#sec3 article{
	padding:25px 0 28px 0;
	}
#sec3 article time{
	font-size:18px;
	}
#sec3 h4{
	position:relative;
	left:auto;
	top:auto;
	margin-top:50px;
	}
#sec3 h4.linkto a{
	font-size:18px;
	width:100%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	font-weight:700;
	padding:20px 120px 20px 28px;
	}
}