.cpage{background:skyblue;}
.centerTitle{
	position:absolute;z-index:1;
	top:68%;
	left:50%;
	margin: -50px 0px 0px -250px;
	width:100%;height:100%;
	background-repeat:no-repeat;
	background-size:auto;
	background-position:center center;
	vertical-align:middle;
}
.slogan_box{
	position:absolute; z-index:1;
}
#cp1 .slogan_box{
	position:absolute; z-index:1;
	bottom:15%;
	right:16%;
	margin: -50px 0px 0px -250px;
	transition:bottom 1.5s;
}
#cp1.STEP2 .slogan_box{bottom:-100%}
#cp1 .modal_bg {
	z-index:10;
	margin-top:-100%;
	transition:margin-top 1.5s;
}
#cp1.STEP2 .modal_bg {margin-top:0%;}
#cp1 .modal_bg p{
	position:absolute;
	top:0;bottom:0;margin:auto;
	width:100%;height:500px;
	padding-top:237px;
	text-align:center;
	font-size:12px;
	line-height:20px;
	color:#fff;
	background:url(../images/main/cp2_slogan2.png) no-repeat center top 79px;;
}
#cp3 .objWrap{
	position:absolute;
	left:0;right:0;top:0;bottom:0;margin:auto;
	text-align:center;
	width:1440px;
	height:100%;max-height:750px;
}
#cp3 .menuBox{
	width:100%;
	height:440px;
	background-color:#fff;
	background-color:rgba(255,255,255,0.9);
	padding-top:45px;
	position:absolute;
	bottom:0;
}
#cp3 .menuBox ul{
	display:inline-block;
}
#cp3 .menuBox li{
	float:left;
	margin: 45px 10px 0px 10px;
}
#cp3 .menuBox li p{
	margin-top:5px;
	font-size:14px;
	color:#000000;
}
#cp3 .black{
	position:absolute;
	z-index:51;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.8);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
	zoom: 1;
	_background:rgb(0,0,0);
	display:none;
}
/*#cp3 .imgWrap{
	position:absolute;
	z-index:110;
	top:50%;
	left:50%;
	width:1520px;
	height:810px;
	margin: -405px 0px 0px -760px;
}*/
#cp3 .imgSlide1,.imgSlide2,.imgSlide3,.imgSlide4,.imgSlide5{
	position:relative;
	overflow:hidden;
	width:1520px;
	height:100%;
	background-color:#fff;
}
#cp3 .slider_area{
	float:left;
	width:850px;
}
#cp3 .imgSlide .slider_area li{
	position:relative;
	height:100%;
	width:850px;
	background-size:cover;
	background-position:center center;
}
#cp3 .imgSlide p{
	font-size:10.5px;
	padding:5px;
	text-align:center;
	background-color:rgba(255,255,255,0.8);
}
#cp3 .slideBtn{
	position:absolute;
	z-index:150;
	top:400px;
	cursor:pointer;
}
#cp3 .pagNum{
	position:absolute;
	z-index:200;
	bottom:50px;
	left:0px;
	right:0px;
	width:50%;
	margin:auto;
}
#cp3 .pagNum li, #cp8 .pagNum li{
	float:left;
	margin:5px;
}
/*#cp3 .slide_txt{
	float:left;
	text-align:center;
	padding-left:40px;
	padding-top:5px;
	font-size:13px;
}*/
#cp3 .slide_txt h2{
	font-size:25px;
	font-weight:bold;
	width:190px;
	padding: 0px 5px 20px 5px;
	border-bottom:3px solid #fa6427;
}
#cp3 .slide_txt h3{
	margin:30px 0px;
	font-size:18px;
	font-weight:bold;
}
#cp3 .slide_txt p{
	text-align:center;
	line-height:30px;
}
#cp3 .slide_txt img{
	margin-top:70px;
	display:inline-block;
}
#cp4 .slogan_box{
	top:8%;
	right:5%;
}
#cp5 .slogan_box{
	top:50%;
	left:43%;
	margin: -45px 0px 0px -254px;
}
#cp5 .slogan_box2{
	position:absolute;
	top:20%;
	left:20%;
}
#cp7 .imgIcon1, .imgIcon2, .imgIcon3{
	position:absolute; z-index:1
	top:0px;
}
#cp7 .slogan_box{
	left:5%;
	top:40%;
	margin-top:-69px;
}
#cp7 .imgIcon1{
	left:10%;
	width:32%;
	height:31%;
}
#cp7 .imgIcon2{
	right:0px;
	width:33%;
	height:73.7%;
}
#cp7 .imgIcon3{
	right:50%;
	bottom:0px;
	width:69%;
	height:63.4%;
	margin-right:-662.5px;
}
#cp8{
	text-align:center;
}
#cp8 .CPWraper{position:absolute;z-index:10;width:100%;bottom:10%;height:20px;}
#cp8 .pagNum{
	position:absolute;z-index:10;
	bottom:80px;
	display:inline-block;
}
#cp9 .slogan_box{
	top:50%;
	left:50%;
	margin: -197px 0px 0px -197px;
	opacity:0;transform:scale(1.3);
	transition:opacity .5s linear .9s,transform .5s linear .9s;
}
#cp9.ANI .slogan_box{opacity:1;transform:scale(1)}
#cp9 .imgBox{
	width:49.5%;
	height:49.5%;
	background-size:cover;
	background-position:center center;
	opacity:0;
	transition:opacity 0.5s;
}
#cp9.ANI .ORDER1{opacity:1;transition-delay:.0s}
#cp9.ANI .ORDER2{opacity:1;transition-delay:.3s}
#cp9.ANI .ORDER3{opacity:1;transition-delay:.6s}
#cp9.ANI .ORDER4{opacity:1;transition-delay:.9s}
#cp11 .slogan_box{
	padding-top:70px;
	height:208px;margin-top:-208px;
	width:100%;
	background-image:url('../images/main/bg/cp11_top.png');
	text-align:center;
	transition:margin-top .5s;
}
#cp11.STEP2 .slogan_box{margin-top:-0px;}
#cp11 .photoBox{
	position:absolute;z-index:10;
	width:100%;height:100%;
}
#cp11 .photoBox li{
	float:left;
	width:50%;height:50%;
	background-size:cover;
	background-position:center;
	visibility:hidden;opacity:0;
	transition:opacity 0.5s;
}
#cp11.STEP3 .SET3{
	visibility:visible;opacity:1;
}
#cp11.STEP4 .SET4{
	visibility:visible;opacity:1;
}
#cp11.STEP5 .SET5{
	visibility:visible;opacity:1;
}
#cp11.STEP6 .SET6{
	visibility:visible;opacity:1;
}
#cp12 .slogan_box{
	bottom:5%;
	right:8%;
}
#cp13{
	text-align:center;
	background-color:#EBE9DB;
	transition:background-color .5s;
}
#cp13.STEP1{background-color:#b3c2d0;}
#cp13.STEP2{background-color:#b8dbf9;}
#cp13.STEP3{background-color:#DBE4EB;}
#cp13.STEP4{background-color:#E4DBEB;}
#cp13 .slogan {
	position:absolute;
	width:32%;
	left:0;right:0;top:6%;margin:0 auto;
}
#cp13 .txt_box{
	display:inline-block;
}
#cp13 .menu_wrap{
	position:absolute;
	top:50%;
	left:37.9%;
	width:100.29%;
	height:1px;
	margin-left:-40.62%;
	/*width:1580px;
	height:360px;
	margin: -430px 0px 0px -780px;*/
}
#cp13 li{
	float:left;
	width:20%;
	margin:50% 0% 10% 10%;
	transition:margin-top .5s;
	cursor:pointer;
}
#cp13.STEP1 .SET1 li{margin-top:-4%;}
#cp13.STEP2 .SET2 li{margin-top:-4%;}
#cp13.STEP3 .SET3 li{margin-top:0px;}
#cp13.STEP4 .SET4 li{margin-top:0px;}
#cp13 li img{
	width:120%;
}
#cp13 p{
	margin-top:20px;
	line-height:20px;
	font-size: 1.2rem; 
    font-weight:bolder;
    font-family:sans-serif;
	margin-right:-6%;
}
#cp13 span{
	color:#2f2f2f;
}
#cp10 .bg_wrap{
	position:relative;overflow:hidden;overflow-x:hidden;
	height:3446px; 
	text-align:center;
	background-image:url('../images/main/bg/cp10.jpg');
	background-size:auto;
	background-position:center center;
}
#cp10 .slogan_box{
	width:100%;
	height:320px;
	text-align:center;
	padding-top:80px;
	margin-top:40px;
	background-color:rgba(0,0,0,0.3);
}
#cp10 .reImg{
	position:absolute;
	top:260px;
	width:34.73%;
	transition:margin-right 1.5s,margin-left 1.5s;
}
#cp10 .reImg.R{margin-right:-20%;}
#cp10 .reImg.L{margin-left:-20%;}
#cp10 .reImg.SHOW.R{margin-right:0%;}
#cp10 .reImg.SHOW.L{margin-left:0%;}
#cp10 .fixImg{
	position:absolute;z-index:10;
	left:50%;
	margin-left:-330px;
}
#cp10 .imgCar{
	position:absolute;
	top:540px;
	left:50%;
	width:1px;height:1px;
	transform-origin: 50% 50%;
}
#cp10 .clickBtn{
	display:none;
	position:absolute;
	left:50%;top:50%;

}
#cp10 .reImg:hover .clickBtn{display:block;}




@media (max-width:1600px){
.centerTitle{top:62%;left:45%;}
#cp1 .slogan_box{right:17%;}
}

@media (max-width:1370px){
    #cp1 .slogan_box {right: 22%;}
    .centerTitle {
    top: 57%;}
 }