@charset "utf-8";
/* CSS Document */
body, p {font-family:Helvetica,Arial,"微软雅黑"; margin:0; padding:0;}
.h1080 {height:1080px;}
a {text-decoration:none;}


.h5content { width:100%; max-width:1920px; overflow:hidden; margin:0 auto;}
.h5content .box { width:1200px; background-color:#ffffff; margin:0 auto; position:relative;}
    .h5content .box .box-bg {position: absolute; top: 0; z-index: 1; width: 1920px; left: 50%; margin-left: -960px;}
	.h5content .box .box-container { z-index:100; position: absolute; top: 0; left:0; width:1200px;}
	    .h5content .box .box-title { line-height:60px; font-size:46px; font-weight:normal; color:#ffffff; padding:100px 0 0 0; text-align:center; text-transform: uppercase;}
		.h5content .box .box-word { line-height:24px; font-size:18px; font-weight:normal; color:#ffffff; padding:20px 0 0 0; text-align:center; text-transform: uppercase;}
		.h5content .box .lmore { text-indent:-10000px; width:200px; height:50px; display:inline-block; margin-top:40px; background: url(l_more.png) 0 0 no-repeat;}
		.h5content .box .lmore:hover {background: url(l_more.png) 0 -50px no-repeat;}
		
		#parallax_area4 .box-title {color:#1c3237;}
		#parallax_area4 .box-word {color:#1c3237; line-height:36px; font-size:28px;}
		#parallax_area4 .lmore, #parallax_area5 .lmore {background: url(l_more2.png) 0 0 no-repeat;}
		#parallax_area4 .lmore:hover, #parallax_area5 .lmore:hover {background: url(l_more2.png) 0 -50px no-repeat;}
		#parallax_area4 .pa-content { height:400px; width:1200px; padding:0 360px; margin:80px -360px 0 -360px; display:block;}
		    .pa-content .pa-title, .pa-content .pa-word, .pa-content .pa-up { display:none;}
		#parallax_area4 .pa-content:hover {background:rgba(255,255,255,0.90); box-shadow: 0px 0px 10px rgba(0,0,0,0.10);}
		    #parallax_area4 .pa-content:hover .pa-title { display:block; line-height:36px; font-size:32px; font-weight:normal; color:#222222; padding:100px 0 0 0; text-align:center; text-transform: uppercase;}
			#parallax_area4 .pa-content:hover .pa-word {display:block; line-height:20px; font-size:16px; font-weight:normal; color:#222222; padding:20px 0 0 0; text-align:center;}
			#parallax_area4 .pa-content:hover .pa-up {display:block; text-align:center; margin-top:130px;}
			
		#parallax_area5 .box-title {color:#232323; font-size:60px;}
		#parallax_area5 .box-word {color:#232323; line-height:24px; font-size:18px;}
		
		#parallax_area6 {height:120px;}
		    #parallax_area6 .box-link { height:120px; padding:0 360px; margin:0 -360px; width:1200px; text-align:center; background:#222222;}
			    #parallax_area6 .box-link a { margin-top:35px; width:210px; height:50px; border-radius:50px; text-align:center; line-height:50px; color:#ffffff; font-size:18px; display:inline-block; background:#ce3636;}
				#parallax_area6 .box-link a:hover { background:#e64747;}
				
@media screen and (max-width: 768px){
.h1080 {height:660px;}
.h5content { width:100%; max-width:640px; min-width:300px;}
.h5content .box { width:100%; max-width:640px; min-width:300px;}
    .h5content .box .box-bg {position: absolute; top: 0; z-index: 1; width:100%; max-width:640px; min-width:300px; left:0; margin-left:0; display:none;}
	.h5content .box .box-container {width:100%; max-width:640px; min-width:300px;}
	    .h5content .box .box-title { line-height:26px; font-size:22px; padding:60px 0 0 0;}
		.h5content .box .box-word { line-height:16px; font-size:12px; padding:20px 0 0 0;}
		.h5content .box .lmore {margin-top:20px;transform:scale(0.8); -webkit-transform:scale(0.8); -ms-transform:scale(0.8); -moz-transform:scale(0.8);}
		#parallax_area1 { background:url(h5bg01m.jpg) center center no-repeat; background-size:100% 100%;}
		#parallax_area2 { background:url(h5bg02m.jpg) center center no-repeat; background-size:100% 100%;}
		#parallax_area3 { background:url(h5bg03m.jpg) center center no-repeat; background-size:100% 100%;}
		#parallax_area4 { background:url(h5bg04m.jpg) center center no-repeat; background-size:100% 100%;}
		#parallax_area5 { background:url(h5bg05m.jpg) center center no-repeat; background-size:100% 100%;}
		
		#parallax_area4 .box-word {line-height:16px; font-size:12px;}
		#parallax_area4 .pa-content { height:260px; width:100%; padding:0; margin:50px 0 0 0; background:rgba(255,255,255,0.90); box-shadow: 0px 0px 10px rgba(0,0,0,0.10);}
		    .pa-content .pa-title, .pa-content .pa-word, .pa-content .pa-up { display: block;}
			    .pa-content .pa-title,.pa-content:hover .pa-title { display:block !important; line-height:24px !important; font-size:20px !important; font-weight:normal !important; color:#222222 !important; padding:40px 0 0 0 !important; text-align:center !important; text-transform: uppercase !important;}
			    .pa-content .pa-word,.pa-content:hover .pa-word {display:block !important; line-height:18px !important; font-size:12px !important; font-weight:normal !important; color:#222222 !important; padding:20px 0 0 0 !important; text-align:center !important;}
			    .pa-content .pa-up,.pa-content:hover .pa-up {display:block !important; text-align:center !important; margin-top:60px !important;}
		
		#parallax_area5 .box-title {font-size:24px;}
		#parallax_area5 .box-word {line-height:16px; font-size:12px;}
		#parallax_area5 .box-word img { width:460px; margin-top:40px;}
		
		#parallax_area6 .box-link {padding:0; margin:0; width:100%;}
}