/*公共样式开始*/
.dy{
  position: relative;
	background: #F5F7FA;
}
.public-title{
	display: flex;align-items: flex-end;
	margin: 60px 0 30px;
}
.public-title img{
	width: 30px;
	height: 30px;
	margin-right: 5px;
}
.public-title h2{
	font-size: 32px;
	color: #000000;
	line-height: 30px;
}
.public-title p{
	margin-left: 10px;
	height: 20px;
	font-size: 12px;
	color: #666666;
	line-height: 20px;
}


/*公共样式结束*/

.banner{
	width: 100%;
	height: 520px;
	background: url(../../hz11/bg@2x.png)no-repeat;
	background-size:100% 100%;
	
}
.banner h2{
	padding-top: 80px;
	font-size: 48px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 70px;
	letter-spacing: 2px;
}
.banner p{
	margin-top: 20px;
	font-size: 14px;
	color: #FFFFFF;
	line-height: 20px;
}
.banner .btn{
	width: 150px;
	height: 50px;
	border-radius: 50px 50px 50px 50px;
	border: 1px solid #FFFFFF;
	text-align: center;
	line-height: 50px;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	margin-top: 60px;
}
.banner .boot{
	display: flex;align-items: center;
	height: 70px;
	background: #FFFFFF;
	padding: 20px;
	margin-top: 80px;
	
}
.banner .boot h4{
	font-size: 18px;
	color: #000000;
	line-height: 30px;
	margin-right: 40px;
	min-width: 80px;
	
}
.banner .boot .swiper-container1{
	padding-right: 40px;
	margin-right: 40px;
	border-right:1px solid #CCCCCC;
}
.banner .boot .swiper-container{
	width: 45%;
	height: 20px;
	overflow: hidden;
}
.banner .boot .swiper-container p{
	height: 20px;
	font-size: 12px;
	color: #666666;
	line-height: 20px;
	display: flex;align-items: center;
}
.banner .boot .swiper-container p img{
	width: 14px;
	height: 14px;
	margin-right: 6px;
}
.banner .boot .swiper-container{
	width: 45%;
}
.con1{
	margin-top: 20px;
}
.con1 .item{
	background: linear-gradient(90deg, #9A77FF 100%, #6B37FF 100%);
	width: 294px;
	height: 200px;
	padding: 30px 20px;
}

.con1 .swiper-container .swiper-slide:nth-child(1n) .item{
	background: linear-gradient(90deg, #9A77FF 100%, #6B37FF 100%);
	
}
.con1 .swiper-container .swiper-slide:nth-child(2n) .item{
	background: linear-gradient(90deg, #FFAA7A  100%, #FF5C00 100%);
	
}
.con1 .swiper-container .swiper-slide:nth-child(3n+1) .item{
	background: linear-gradient(90deg, #FF6C7E  100%, #FF2741 100%);
	
}
.con1 .swiper-container .swiper-slide:nth-child(4n) .item{
	background: linear-gradient(90deg, #12D26E   100%, #06C05F 100%);
	
}
.con1 .swiper-pagination-bullet-active{
	background: #F74C36 !important;
}

.con1 .swiper-pagination-bullet{
	background: #FFFFFF;
	border: 1px solid #F74C36;
	opacity: 1;
}
.con1 .item .title{
display: flex;align-items: center;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 30px;
}
.con1 .item .title img{
	width: 30px;
	height: 30px;
	margin-right: 10px;
}
.con1 .item  .text{
	margin-top: 20px;
	display: flex;align-items: center;
}

.con1 .item  .text div{
	
	height: 40px;
	border-right:1px solid  rgba(255,255,255,0.2);
	padding-right: 20px;
	margin-right: 20px;
}
.con1 .item  .text div:nth-child(2){
	border: 0;
}
.con1 .item  .text div h5{
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 20px;
}
.con1 .item  .text div p{
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 20px;
}
.con1 .item  .btn{
	width: 80px;
	height: 30px;
	background: rgba(255,255,255,0.2);
	border-radius: 50px 50px 50px 50px;
	border: 1px solid rgba(255,255,255,0.2);
	font-size: 12px;
	color: #FFFFFF;
	line-height: 20px;
	display: flex;align-items: center;justify-content: center;
	margin-top: 20px;
}
.con1 .swiper-container{
	height: 250px;
}
.con2  ul{
	display: flex;align-items: center;justify-content: space-between;
	flex-wrap: wrap;
}
.con2  ul li{
	width: 294px;
	height: 300px;
	background: #FFFFFF;
	box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.03);
	padding: 30px 20px;
	margin-bottom: 8px;
}
.con2  ul li .title{
	display: flex;
}
.con2  ul li:hover{
	box-shadow: 0px 6px 25px 0px rgb(195 199 203 / 60%);
	border: 1px solid #F64C35;
}
.con2  ul li .title img{
	width: 40px;
	height: 40px;
	margin-right: 10px;
}
.con2  ul li .title p{
    font-size: 14px;
    color: #333333;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.con2  ul li .cen{
	margin-top: 20px;
	border: 1px solid #EEEEEE;
	display: flex;align-items: center;justify-content: space-between;
	flex-wrap: wrap;
}
.con2  ul li .cen div{
	width: 50%;
	padding: 20px 20px 10px;
	border-bottom: 1px solid #EEEEEE;
}
.con2  ul li .cen div h5{
	font-size: 12px;
	font-weight: 400;
	color: #333333;
	line-height: 14px;
}
.con2  ul li .cen div p{
	font-size: 12px;
	color: #999999;
	line-height: 14px;
	margin-top: 5px;
}
.con2  ul li .cen div:nth-child(2n-1){
	border-right: 1px solid #EEEEEE;
}
.con2  ul li .cen div:nth-child(n+3){
	border-bottom: 0;
}

.con2  ul li .boot{
	margin-top: 20px;
	display: flex;align-items: center;justify-content: space-between;
	
}
.con2  ul li .boot span{
	font-size: 20px;
	font-weight: bold;
	color: #F70E0E;
	line-height: 30px;
}
.con2  ul li .boot .btn{
	width: 100px;
	height: 30px;
	background: linear-gradient(90deg, #FF7D55 0%, #F64C35 100%);
	border-radius: 50px 50px 50px 50px;
	display: flex;align-items: center;justify-content: center;
	font-size: 14px;
	color: #FFFFFF;
	line-height: 20px;
}
.con3{
	background: #FFFFFF;
	padding-bottom: 60px;
}

.con3 .public-title{
	padding-top: 60px;
}
.con3 ul{
	display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;
}
.con3 ul li{
	width: 190px;
	height: 190px;
	background: #F5F5F5;
	box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.02);
	margin-bottom: 12px;
	text-align: center;
}
.con3 ul li img{
	width: 80px;
	height: 80px;
	margin-top: 30px;
}
.con3 ul li p{
	font-size: 16px;
	color: #333333;
	line-height: 30px;
	margin-top: 20px;
}

.con3 .btn{
	width: 200px;
	height: 50px;
	background: linear-gradient(90deg, #FF7D55 0%, #F64C35 100%);
	border-radius: 50px 50px 50px 50px;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	display: flex;align-items: center;justify-content: center;
	margin: 30px auto;
	
}

.con4{
	background: #FFFFFF;
	height: 590px;
	margin-top: 60px;
}
.con4 .public-title{
	margin: 0px;
	padding:60px  0 30px;
}
.con4 .con4-list{
	display: flex;align-items: center;justify-content: space-between;
}
.con4 .con4-list .item{
	width: 190px;
	height: 400px;
	text-align: center;
}
.con4 .con4-list .item .top{
	text-align: center;
	width: 100%;
	height: 230px;
  background: linear-gradient(180deg, #047DFF 0%, #1E44FF 100%);
}
.con4 .con4-list .text{
	height: 170px;
	background: #F5F7FA;
}
.con4 .con4-list .item .top img{
	height: 200px;
	margin-top: 30px;
}
.con4 .con4-list .item p{
	font-size: 14px;
	color: #000000;
	padding-top: 20px;
	line-height: 30px;
}
.con4 .con4-list .item span{
	font-size: 14px;
	color: #000000;
	margin-top: 20px;
}
.con4 .con4-list .item .btn{
	width: 100px;
	height: 40px;
	background: linear-gradient(90deg, #FF7D55 0%, #F64C35 100%);
	border-radius: 50px 50px 50px 50px;
	margin: 20px auto;
	font-size: 14px;
	color: #FFFFFF;
	line-height: 20px;
	display: flex;align-items: center;justify-content: center;
	
}

.con5-box{
	display: flex;align-items: center;
}
.con5-box .left{
	width: 600px;
	height: 390px;
}
.con5-box .text{
	padding: 40px;
	background: #FFFFFF;
	height: height: 390px;;
}
.con5-box .text .top{
	width: 35px;
	height: 30px;
}
.con5-box .text h2{
	font-size: 20px;
	color: #333333;
	line-height: 30px;
	margin-top: 20px;
}
.con5-box .text p{
	font-size: 12px;
	color: #666666;
	line-height: 30px;
	margin-top: 10px;
}
.con5-box .text .boot{
	display: flex;align-items: center;justify-content: space-between;
	margin-top: 80px;
	height: 50px;
}
.con5-box .text .boot div{
	width: calc(100%/7);
	height: 100%;
}
.con5-box .text .boot div h5{
	font-size: 24px;
	color: #333333;
	line-height: 28px;
	margin-left: 2px;
}
.con5-box .text .boot div h5 span{
	font-size: 12px;
	color: #EB3A30;
	line-height: 30px;
}
.con5-box .text .boot div p{
	font-size: 12px;
	color: #999999;
	line-height: 20px;
}
.con5-box .text .boot i{
	height: 30px;
	width: 1px;
	background: #EEEEEE;
	display: block;
}
.con6 ul{
	width: 100%;
	height: 420px;
	background: #FFFFFF;
	box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.03);
	padding: 30px 20px;
	display: flex;align-items: center;justify-content: space-between;
	flex-wrap: wrap;
}
.con6 ul li{
	width: calc(100%/3.5);
	margin-bottom: 30px;
	list-style: disc;
	margin-left: 20px;
}
.con6 ul li:hover h4{
	color: #F74C36;
}

.con6 ul li h4{
    font-size: 16px;
    font-weight: 400;
    color: #000000;
    line-height: 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.con6 ul li::marker {color:#F74C36; }
.con6 ul li p{
	width: 323px;
	margin-top: 5px;
	font-size: 12px;
	color: #999999;
	line-height: 20px;
}

.con6 ul li span{
	margin-top: 5px;
	font-size: 12px;
	color: #666666;
	line-height: 20px;
}
.con7-box{
	margin-top: 30px;
	display: flex;justify-content: space-between;align-items: center;
	flex-wrap: wrap;
	padding-bottom: 50px;
}

.con7 .item {
	padding: 30px 20px;
	margin-bottom: 20px;
	width: 390px;
	height: 160px;
	background: #FFFFFF;
	box-shadow: 0px 10px 50px 0px rgba(0,0,0,0.05);
	border-radius: 2px 2px 2px 2px;
}
.con7 .item .title{
	display: flex;align-items: center;
}
.con7 .item .title img{
	width: 30px;
	height: 30px;
	margin-right: 5px;
}
.con7 .item .title h6{
	font-size: 16px;
	font-weight: 400;
	color: #333333;
}
.con7 .item .smalltext{
	font-size: 12px;
	font-weight: 400;
	color: #999999;
	line-height: 24px;
	margin-top: 20px;
}
.btn{
	cursor: pointer;
}
.btn:hover{
	opacity: 0.9;
}


@media (max-width: 630px){
	.dy{
		overflow: hidden;
	}
	.public-title{
		margin: 0.6rem 0 0.3rem;
	}
	.public-title h2{
		font-size: 0.32rem;
		line-height: 0.6rem;
	}
	.public-title p{
		display: none;
	}
	.banner{
		background: url(../../hz11/m-bg.png)no-repeat;
		width: 100%;
		height: 5.2rem;
		background-size:100% 100%;
		position: relative;
	}
	.banner h2{
		padding-top: 0.8rem;
		font-size: 0.48rem;
		color: #FFFFFF;
		line-height: 0.6rem;
	}
	.banner p{
		margin-top: 0.2rem;
		font-size: 0.24rem;
		color: #FFFFFF;
		line-height: 0.4rem;
	}
	.banner .btn{
		width: 1.6rem;
		height: 0.6rem;
		font-size: 0.24rem;
		margin-top: 30px;
		line-height: 0.6rem;
	}
	.banner .boot{
	    width: 100%;
		position: absolute;
		bottom: -20px;
		height: 0.8rem;
		padding: 0.2rem 0.24rem;
		margin-top: 0px;
	}
	.banner .boot h4{
		font-size: 0.24rem;
		min-width: 1rem;
		margin-right: 0.1rem;
		line-height: 0.8rem;
	}
	.banner .boot .swiper-container p img{
		display: none;
	}
	.banner .boot .swiper-container p{
		height: 0.8rem;
		line-height: 0.4rem;
		
	}
	.banner .boot .swiper-container{
		width: 100%;
		
	}
	.banner .boot .swiper-container1{
		padding-right: 0px;
    margin-right: 0px;
    border-right: 0;
	}
	.banner .boot .swiper-container2{
		display: none;
	}
	.con1{
		margin-top: 0.6rem;
	}
	.con1 .item{
		width: auto;
		height: 3.6rem;
		padding: 0.4rem 0.24rem;
	}
	.con1 .item .title{
		font-size: 0.36rem;
	}
	.con1 .item .text div{
		padding-right: 0.24rem;
    margin-right: 0.24rem;
	}
	.con1 .item .text div h5{
		font-size: 0.24rem;
	}
	.con1 .item .text div p{
		font-size: 0.24rem;
	}
	.con1 .item .text div:nth-child(2){
		padding: 0;
		margin: 0;
	}
	.con1 .swiper-container{
		height: 4.4rem;
		width: 100%;
	}
	.con2 ul li{
		width: 100%;
		padding: 0.4rem 0.24rem;
		height: 3.8rem;
	}
	.con2 ul li .cen{
		border: 0;
	}
	.con2 ul li .cen div:nth-child(2n-1){
		border: 0;
	}
	.con2 ul li .cen div{
		border: 0;
		width: calc(100%/4);
		padding: 0;
	}
	.con3{
		padding-bottom: 0.6rem;
	}
	.con3 .public-title{
		padding-top: 0.6rem;
	}
	.con3 ul li{
		width: calc(100%/3.1);
	}
	.con3 ul li:nth-child(n+7){
		display: none;
	}
	.con3 .btn{
		width: 2.4rem;
		height: 0.8rem;
		margin: 0.4rem auto;
		font-size: 0.24rem;
	}
.con4{
	height: auto;
	margin-top: 0.6rem;
}
.con4 .public-title{
	padding: 0.6rem 0.3rem;
}
.con4 .con4-list{
	flex-wrap: wrap;
	padding-bottom: 0.6rem;
}
.con4 .con4-list .item{
	width: 49%;
	margin-bottom: 0.1rem;
}
.con4 .con4-list .item:nth-child(n+5){
	display: none;
}


.con4 .con4-list .item .btn{
	width: 2rem;
	height: 0.6rem;
}
	.con5-box{
		display: block;
	}
	.con5-box .left{
		width: 100%;
		height: auto;
		object-fit: contain;
	}
	.con5-box .text{
		padding: 0.4rem 0.24rem;
	}
	.con5-box .text .boot{
		margin-top: 0.4rem;
		display: none;
	}
	.con6 ul li{
		width: 100%;
	}
	
	.con6 ul li p{
		width: 100%;
	}
	.con6 ul{
		height: auto;
	}
	
	
	
	
	
	
	
}