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

.banner-app{
	text-align: center;
	background-image: url(../images/app/banner-bg.jpg);
	background-color: #FF4C4C;
}
.banner h1{
    font-size: 48px;
    color: #fff;
    padding-bottom: 27px;
    padding-top: 96px;
	text-shadow:0px 4px 10px rgba(0, 0, 0, 0.2);
}
.banner .p-1{
    font-size: 18px;
    color: #fff;
}
.banner .line{
	width: 60px;
	height: 2px;
	background-color: #fff;
	margin: 40px auto;
}
.banner .btn{
    width: 160px;
    height: 46px;
    display: block;
    margin: 0 auto;
    background: #fff;
    text-align: center;
    line-height: 46px;
    color: #FF4C4C;
	font-weight: bold;
	letter-spacing: 2px;
    font-size: 20px;
    border-radius: 3px; 
}
.banner .btn a{
	display: block;
	width: 160px;
	height: 46px;
}


.cont1{
	width: 100%;
	height: auto;
	overflow: hidden;
	padding-bottom: 30px;
}
.cont2{
	width: 100%;
	height: 600px;
	background-color: #FCF5F5;
	overflow: hidden;
	background-image: url(../images/app/cont2-bg.jpg);
	background-position: center;
}
.cont2-main{
	width: 1200px;
	height: 600px;
	margin: 0 auto;
	position: relative;
}
.cont2-main .left{
	position: absolute;
	left: 0;
	top: 80px;
}

.cont2-main .right{
	position: absolute;
	width: 400px;
	right: 0;
	top: 120px;
	text-align: right;
}

.cont2-main .right .btn{
	width:160px;
	height:46px;
	background:#E83632;
	box-shadow:0px 10px 10px 0px rgba(232,54,50,0.2);
	border-radius:3px;
	font-size: 18px;
	color: #fff;
	text-align: center;
	line-height: 46px;
	font-weight: bold;
	letter-spacing: 2px;
	float: right;
	margin-top: 40px;
}
.cont2-main .right .btn a{
	display: block;
	width: 160px;
	height: 46px;
}

.cont3{
	width: 100%;
	height: 480px;
	background-image: url(../images/app/cont3-bg.jpg);
	background-position: center;
	background-color:#FF4C4C;
	background-repeat: no-repeat;
	overflow: hidden;
}
.cont3-main{
	width: 1200px;
	height: 480px;
	margin: 0 auto;
}
.cont3-main .left{
	float: left;
	width: 400px;
	height: 480px;
}
.cont3-main .left .p1{
	font-size: 36px;
	color: #fff;
	margin-top:60px; 
}
.cont3-main .left .ewm-list{
	width: 680px;
	height: auto;
	overflow: hidden;
	margin-top: 60px;
}
.cont3-main .left .ewm-list li{
	float: left;
	width: 120px;
	height: 150px;
	margin-right: 50px;
	margin-top: 20px;
}
.cont3-main .left .ewm-list li .img{
	width: 120px;
	height: 120px;
	background-image: url(../images/app/cont3-img02.png);
	background-size: 120px;
	overflow: hidden;
	background-repeat: no-repeat;
	margin: 0 auto;
}
.cont3-main .left .ewm-list li img{
	display: block;
	width: 108px;
	height: 108px;
	object-fit: cover;
	margin: 6px;
}
.cont3-main .left .ewm-list li p{
	font-size: 14px;
	color: #fff;
	text-align: center;
	margin-top: 10px;
}
.cont3-main .right{
	float: right;
	margin-top: 36px;
}


.cont4{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-bottom: 60px;
}

.cont4-list{
	width: 1200px;
	height: auto;
	overflow: hidden;
	margin: 50px auto 0;
}
.cont4-list li{
	float: left;
	width: 240px;
	height: 200px;
}
.cont4-list li .icon{
	width: 100px;
	height: 100px;
	margin: 10px auto 0;
	transition: .3s;
}
.cont4-list li p{
	font-size: 14px;
	color: #333;
	text-align: center;
	margin-top: 20px;
}
.cont4-list li:hover .icon{
	margin: 0 auto;
}
.cont4 .btn{
	width:160px;
	height:46px;
	background:#E83632;
	box-shadow:0px 10px 10px 0px rgba(232,54,50,0.2);
	border-radius:3px;
	font-size: 18px;
	color: #fff;
	text-align: center;
	line-height: 46px;
	font-weight: bold;
	letter-spacing: 2px;
	margin: 0 auto;
}
.cont4 .btn a{
	display: block;
	width: 160px;
	height: 46px;
}

.cont5{
	width: 100%;
	height: auto;
	padding-bottom: 60px;
	background-color: #FCF5F5;
	overflow: hidden;
}
.cont5 .img{
	margin-top: 40px;
}