@charset "utf-8";
/* CSS Document */






.pageWrap1{
	width:100%;
	position:relative;
}

.pageWrap1 .pw1_bg{
	width:100%;
	height:100%;
}
.pageWrap1 .pw1_bg img{
	width:100%;
	max-height:1080px;
}
.pageWrap1 .pw1_bg .pw1_img2{
	display:none;
}


.pageWrap1 .pw1_col{
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
}
.pageWrap1 .pw1_col .pw1_txt{
	width:100%;
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50% , -50%);
	color:#ffffff;
	text-align:center;
}
.pageWrap1 .pw1_col .pw1_txt h3{
	line-height: 60px;
    font-weight: normal;
    font-style: normal;
    font-size: 60px;
	display: block;
    margin-bottom: 20px;
    word-spacing: 8px;
}
.pageWrap1 .pw1_col .pw1_txt h4{
	line-height: 46px;
    font-weight: 400;
    font-style:italic;
    font-size: 40px;
	display: block;
    margin-bottom: 25px;
    word-spacing: 8px;
}
.pageWrap1 .pw1_col .pw1_txt p{
	line-height: 28px;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
	margin-bottom:50px;
}
.pageWrap1 .pw1_col .pw1_txt a{
	color: #ffffff;
    background: #ff6863;
    border:2px solid #ff6863;
	border-radius:25px;
	margin-top:20px;
	height: 50px;
    line-height: 46px;
    font-size: 18px;
    padding: 0 36px;
	display:inline-block;
	
}

@media (max-width:1230px){
	
	.pageWrap1 .pw1_bg .pw1_img1{
		display:none;
	}
	.pageWrap1 .pw1_bg .pw1_img2{
		display:block;
	}
	.pageWrap1 .pw1_col{
		width:100%;
	}
	.pageWrap1 .pw1_col .pw1_txt{
		right:5%;
	}
}
@media (max-width:1000px){

	.pageWrap1 .pw1_col .pw1_txt h3{
		line-height: 45px;
		font-size: 45px;
		margin-bottom: 10px;
	}
	
	
}
@media (max-width:680px){

	.pageWrap1 .pw1_col .pw1_txt h3{
		line-height: 36px;
		font-size: 36px;
	}
	.pageWrap1 .pw1_col .pw1_txt a{
		height: 42px;
		line-height: 38px;
		font-size: 16px;
		padding: 0 32px;
		
	}
}
@media (max-width:480px){

	.pageWrap1 .pw1_col .pw1_txt h3{
		line-height: 32px;
		font-size: 32px;
	}
}




.pw_tit{
	text-align:center;
}
.pw_tit h3{
	line-height: 46px;
    font-weight: 400;
    font-style: normal;
    font-size: 45px;
	color:#ffffff;
    margin-bottom: 20px;
}

.pw_tit p{
	max-width:1200px;
	padding:25px 0;
	color: #e8e8e8;
    font-size: 14px;
	line-height: 25px;
	margin:0 auto;
}

.pw_tit2 h3{
	color:#333333;
}
.pw_tit2 p{
	color:#666666;
}



@media (max-width:1000px){

	.pw_tit h3{
		line-height: 38px;
		font-size: 32px;
	}
	.pw_tit p{
		padding:15px 0;
	}

}

@media (max-width:680px){

	.pw_tit h3{
		line-height: 34px;
		font-size: 26px;
	}
	.pw_tit p{
		padding:10px 0;
	}

}
@media (max-width:480px){

	.pageWrap1 .pw1_col .pw1_txt h3{
		line-height: 32px;
		font-size: 32px;
	}
}


.pageWrap2{
	width:100%;
	background:url(0111.jpg) no-repeat center center;
	background-size:cover;
	padding:70px 15px 60px 15px;
}

@media (max-width:1230px){
	.pageWrap2{
		padding:60px 15px 20px 15px;
	}
}


.pw2_col{
	max-width:1200px;
	text-align:center;
	padding:50px 0 20px 0;
	margin:0 auto;
}


ul.ul_col4{
	
}
ul.ul_col4 li{
	width:25%;
	padding:15px 25px;
	float:left;
	text-align:center;
}
ul.ul_col4 li span{
	display:block;
	width:100%;
	height:100%;
	overflow:hidden;
	margin-bottom:32px;
}
ul.ul_col4 li span img{
	max-width:100%;
}
ul.ul_col4 li h4{
	font-size:20px;
	font-weight:normal;
	color:#ffffff;
	line-height:28px;
	margin-bottom:12px;
}
ul.ul_col4 li p{
	font-size:14px;
	font-weight:normal;
	color:#e8e8e8;
	line-height:25px;
	padding-bottom:25px;
	margin:0 auto;
}


@media (max-width:780px){
	ul.ul_col4 li{
		width:100%;
		padding:15px 15px;
		float:none;
	}
}
@media (max-width:480px){
	ul.ul_col4 li span img{
		max-width:40%;
	}
}




.pageWrap3{
	width:100%;
	background:#000000 url(1920-1024.jpg) no-repeat center center fixed;
	background-size:auto;
	padding:90px 15px 90px 15px;
	transition:all .5s;
}


@media (max-width:1230px){
	.pageWrap3{
		padding:80px 15px;
	}
}

.pw3_col{
	padding:100px 0;
	text-align:center;
}
.pw3_col img{
	max-width:100%;
}



.pageWrap4{
	width:100%;
	background:#000000 url(bg1.jpg) no-repeat center center fixed;
	background-size:cover;
	padding:90px 15px 90px 15px;
}

@media (max-width:1230px){
	.pageWrap4{
		padding:60px 15px;
	}
}
.pw4_col{
	max-width:1200px;
	margin:0 auto;
	padding:60px 0 20px 0;
}




ul.ul_col4_1{
	padding:0 75px;
	margin-bottom:60px;
}
ul.ul_col4_1 li{
	width:25%;
	padding:15px 25px;
	float:left;
	text-align:center;
}
ul.ul_col4_1 li span{
	display:inline-block;
	border-radius:50%;
	padding:6px;
	
	overflow:hidden;
	margin-bottom:12px;
}
ul.ul_col4_1 li:nth-child(1) span{
	background:#5472D2;
}
ul.ul_col4_1 li:nth-child(2) span{
	background:#4CADC9;
}
ul.ul_col4_1 li:nth-child(3) span{
	background:#50485B;
}
ul.ul_col4_1 li:nth-child(4) span{
	background:#8D6DC4;
}

ul.ul_col4_1 li span img{
	max-width:100%;
	border-radius:50%;
}
ul.ul_col4_1 li h4{
	font-size:20px;
	font-weight:normal;
	color:#ffffff;
	line-height:28px;
	margin-bottom:12px;
}




ul.ul_col4_2{
	padding:0;
}
ul.ul_col4_2 li{
	width:25%;
	padding:15px 25px;
	float:left;
	text-align:center;
}
ul.ul_col4_2 li span{
	display:inline-block;
	border-radius:50%;
	padding:6px;
	
	overflow:hidden;
	margin-bottom:12px;
}
ul.ul_col4_2 li:nth-child(1) span{
	background:#F4524D;
}
ul.ul_col4_2 li:nth-child(2) span{
	background:#B97EBB;
}
ul.ul_col4_2 li:nth-child(3) span{
	background:#F79468;
}
ul.ul_col4_2 li:nth-child(4) span{
	background:#F7BE68;
}

ul.ul_col4_2 li span img{
	max-width:100%;
	border-radius:50%;
}
ul.ul_col4_2 li h4{
	font-size:20px;
	font-weight:normal;
	color:#ffffff;
	line-height:28px;
	margin-bottom:12px;
}


@media (max-width:580px){
	.pw4_col{
		padding:30px 0 20px 0;
	}
	
	ul.ul_col4_1{
		padding:0;
		margin-bottom:30px;
	}
	ul.ul_col4_1 li{
		width:100%;
		padding:15px;
		float:none;
	}
	ul.ul_col4_2 li{
		width:100%;
		padding:15px;
		float:none;
	}
	
	
}



.pageWrap5{
	width:100%;
	background:url(bg3.jpg) no-repeat center center;
	background-size:cover;
	padding:90px 15px 150px 15px;
}

.pw5_col{
	max-width:700px;
	padding:50px 0 10px 0;
	margin:0 auto;
}
@media (max-width:1230px){
	.pageWrap5{
		padding:80px 15px;
	}
	.pw5_col{
		padding:20px 0 10px 0;
	}
}

.pw5_col ul{
	
}
.pw5_col ul li{
	font-size:20px;
	line-height:28px;
	color:#ffffff;
	margin-bottom:32px;
	padding-left:42px;
	background:url(07-011.png) no-repeat left center;
}


@media (max-width:780px){
	.pw5_col ul li{
		font-size:18px;
		line-height:24px;
		margin-bottom:20px;
		padding-left:30px;
	}
	
}


@media (max-width:580px){
	.pw5_col ul li{
		font-size:16px;
		line-height:22px;
		margin-bottom:15px;
		padding-left:25px;
	}
}
@media (max-width:480px){
	.pw5_col ul li{
		font-size:14px;
		line-height:22px;
		margin-bottom:15px;
	}
}








.pageWrap6{
	width:100%;
	background:url(bg2.jpg) no-repeat center top;
	background-size:cover;
	padding:90px 15px 90px 15px;
}
.pw6_col{
	max-width:1200px;
	margin:0 auto;
	text-align:center;
	padding:50px 0 30px 0;
}

@media (max-width:1230px){
	.pageWrap6{
		padding:80px 15px;
	}
	.pw6_col{
		padding:30px 0 30px 0;
	}
}


ul.ul_col6{
	
}
ul.ul_col6 li{
	width:16.66666667%;
	padding:15px 15px;
	float:left;
	text-align:center;
}
ul.ul_col6 li span{
	max-width:100%;
	display:inline-block;
	margin-bottom:22px;
	position:relative;
	z-index:0;
}
ul.ul_col6 li span img{
	max-width:100%;
}
ul.ul_col6 li h4{
	font-size:14px;
	font-weight:normal;
	color:#666;
	line-height:28px;
	margin-bottom:12px;
}

ul.ul_col6 li span:after,ul.ul_col6 li span:before{
	content: "";
    position: absolute;
    -webkit-box-shadow: 0 15px 10px rgb(0 0 0 / 60%);
    box-shadow: 0 15px 10px rgb(0 0 0 / 60%);
    left: 5px;
    right: 50%;
    bottom: 8px;
    height: 30%;
    z-index: -1;
    border-radius: inherit;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: skewY(-6deg);
    -ms-transform: skewY(-6deg);
    transform: skewY(-6deg);
}
ul.ul_col6 li span:after{
	left: 50%;
    right: 5px;
    -webkit-transform: skewY(6deg);
    -ms-transform: skewY(6deg);
    transform: skewY(6deg);
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0;
}

@media (max-width:1230px){
	ul.ul_col6 li{
		width:33.33333333%;
	}
}
@media (max-width:680px){
	ul.ul_col6 li{
		width:50%;
	}
}
@media (max-width:480px){
	ul.ul_col6 li{
		width:100%;
		float:none;
	}
}



.pageWrap7{
	width:100%;
	background:url(bg4.jpg) no-repeat center center;
	background-size:cover;
	padding:90px 15px 70px 15px;
}
.pw7_col{
	max-width:1200px;
	margin:0 auto;
	text-align:center;
	padding:20px 0 30px 0;
}
.pw7_col ul li span img{
	border-radius:4px;
}
.pw7_col ul li h4{
	color:#ffffff;
}







.pageWrap8{
	width:100%;
	background:url(bg5.jpg) no-repeat center center;
	background-size:cover;
	padding:90px 15px 70px 15px;
}
.pw8_col{
	max-width:1200px;
	margin:0 auto;
	text-align:center;
	padding:20px 0 60px 0;
}
@media (max-width:1230px){
	.pageWrap8{
		padding:80px 15px 40px 15px;
	}
	.pw8_col{
		padding:20px 0 20px 0;
	}
}

.pw8_col ul{
	
}
.pw8_col ul li{
	width:25%;
	float:left;
	padding:15px;
}
.pw8_col ul li div{
	width:100%;
	height:100%;
	border:2px solid rgba(0,0,0,0.15);
	border-radius:25px;
	padding:20px 15px 10px 15px;
}

.pw8_col ul li div h5{
	text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0;
    padding: 20px 0;
    font-weight: 600;
	font-size:16px;
	line-height:22px;
	color:#ffffff;
	margin-bottom:20px;
}
.pw8_col ul li div p{
	margin: 0 !important;
    padding: 4px 5px !important;
    list-style: none !important;
    opacity: 0.85;
    border-top: 1px solid;
    border-color: rgba(0,0,0,0.1);
	line-height:24px;
	font-size:14px;
	color:#e8e8e8;
}


@media (max-width:1000px){
	.pw8_col ul li{
		width:50%;
		padding:10px;
	}
}

@media (max-width:480px){
	.pw8_col ul li{
		width:100%;
		float:none;
	}
}