/* .picture{
	width: 100%;
	height: 800px;
	overflow: hidden;
	position: relative;
	
}
.picture img{
	width: 1920px;
	height: 800px;
	position: absolute;
	left: 50%;
	margin-left: -960px;
} */

	
/* .ppp{
	width: 100%;
	height: 800px;
	display: flex;
	flex-direction: column;
	background-image: url(../img/banner1.png);
	background-size: 100% 100%;
} */



.pppbox{
	width: 100%;
	height: 800px;
    background-color: #f6f7fb;
	
}
.ppp{
	width: 1240px;
	height: 800px;
    display: flex;
	flex-direction: column;
	background-image: url(../img/banner1.png);
	background-size: 100% 100%;
	margin: 0 auto;
}

@media screen and (min-width:1240px){
	.ppp {
	   display: none;
	 }
	 .pppbox{
	 	width: 100%;
	 	height: 800px;
	    background-image: url(../img/banner1.png);
	    background-size: 100% 100%;
	 	
	 }
	 
	 
   }





.ser_fin{
	width: 100%;
	height: 770px;
	background-color: #f6f7fb;
}

.ser{
	width: 1240px;
	height: 770px;
	background-color: #f6f7fb;
	margin: 0 auto;
	position: relative;
	  display: flex;
	  flex-direction: column;
	  text-align: center;
}
.ser1{
	 width: 100%;
	 height: 60px;
}
.ser2{
	width: 100%;
	height: 74px;
	line-height: 74px;
	font-weight: 600;
	font-size: 34px;
}
.ser3{
	width: 100%;
	height: 80px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 22px;
	color: #02a8e4;
}
.ser3box{
	width: 352px;
	height:33px;
	background-image: url(../img/title.png);
	background-size: 100% 100%;
}
.ser3box img{
	width: 352px;
	height: 33px;
}

.ser4{
	width: 100%;
	height: 450px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
	align-items: center;
}




/* 下面是第一个小块 */
.ser41{
	width: 590px;
	height: 200px;
	background-color: #FFF;
	border-radius: 10px;
	padding-left: 35px;
	padding-right: 110px;
	padding-top: 22px;
	padding-bottom: 27px;
	box-sizing: border-box;
	display: flex;
	
}
	
.ser41:hover{
	background-color: #419be7;

}	
	.ser41:hover .ser41right{
		color: #fff;
	
	}	
	
	
	
.ser41left{
	width: 225px;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.ser41leftbox{
	width: 82px;
	height: 94px;
}
.ser41leftbox img{
	width: 82px;
	height: 94px;
}

.ser41right{
	padding-top: 42px;
	box-sizing: border-box;
	width: 25px;
	flex: 1;
	height: 100%;
	line-height: 34px;
	color: #000;
	font-size: 22px;
}
/* 第一小块结束 */

.ser42{
	width: 590px;
	height: 200px;
	background-color: #FFF;
	border-radius: 10px;
	padding-left: 35px;
	padding-right: 110px;
	padding-top: 22px;
	padding-bottom: 27px;
	box-sizing: border-box;
	display: flex;
	
}
	
.ser42:hover{
	background-color: #419be7;

}	
	.ser42:hover .ser42right{
		color: #fff;
	
	}	
	
	
	
.ser42left{
	width: 225px;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.ser42leftbox{
	width: 95px;
	height: 84px;
}
.ser42leftbox img{
	width: 95px;
	height: 84px;
}

.ser42right{
	padding-top: 42px;
	box-sizing: border-box;
	width: 25px;
	flex: 1;
	height: 100%;
	line-height: 34px;
	color: #000;
	font-size: 22px;
}







.ser43{
	width: 590px;
	height: 200px;
	background-color: #FFF;
	border-radius: 10px;
	padding-left: 35px;
	padding-right: 110px;
	padding-top: 22px;
	padding-bottom: 27px;
	box-sizing: border-box;
	display: flex;
	
}
	
.ser43:hover{
	background-color: #419be7;

}	
	.ser43:hover .ser43right{
		color: #fff;
	
	}	
	
	
	
.ser43left{
	width: 225px;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.ser43leftbox{
	width: 85px;
	height:68px;
}
.ser43leftbox img{
	width: 85px;
	height: 68px;
}

.ser43right{
	padding-top: 42px;
	box-sizing: border-box;
	width: 25px;
	flex: 1;
	height: 100%;
	line-height: 34px;
	color: #000;
	font-size: 22px;
}












.ser44{
	width: 590px;
	height: 200px;
	background-color: #FFF;
	border-radius: 10px;
	padding-left: 35px;
	padding-right: 110px;
	padding-top: 22px;
	padding-bottom: 27px;
	box-sizing: border-box;
	display: flex;
	
}
	
.ser44:hover{
	background-color: #419be7;

}	
	.ser44:hover .ser44right{
		color: #fff;
	
	}	
	
	
	
.ser44left{
	width: 225px;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.ser44leftbox{
	width: 79px;
	height: 72px;
}
.ser44leftbox img{
	width: 79px;
	height: 72px;
}

.ser44right{
	padding-top: 42px;
	box-sizing: border-box;
	width: 25px;
	flex: 1;
	height: 100%;
	line-height: 34px;
	color: #000;
	font-size: 22px;
}

.ser5{
	width: 100%;
	height: 35px;
	flex: 1;
}



/* 下面是cus部分的样式*/
.cus_fin{
	width: 100%;
	height: 850px;
	background-color: #fff;
}

.cus{
	width: 1240px;
	height: 850px;
	background-color: #fff;
	margin: 0 auto;
	position: relative;
	  display: flex;
	  flex-direction: column;
	  text-align: center;
}
.cus1{
	width: 100%;
	height: 14px;
	flex: 1;
}
.cus2{
	width: 100%;
	height: 74px;
	line-height: 74px;
	font-weight: 600;
	font-size: 34px;
}
	
.cus3{
    width: 100%;
	height: 75px;
	display: flex;
   justify-content: center;
   align-items: center;
   font-size: 24px;
   color: #02a8e4;
}
.cus3box{
  width: 352px;
  height:33px;
  background-image: url(../img/title.png);
  background-size: 100% 100%;
}

.cus4{
   	width: 100%;
   	height: 635px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
	align-items: center;
}

.cus41{
   	width: 413px;
   	height: 211px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.cus41box{
	 width: 148px;
	 height: 151px;
	 background-image: url(../img/logo1.jpg);
	 background-size: 100% 100%;
}


.cus42{
   	width: 413px;
   	height: 211px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.cus42box{
	 width: 164px;
	 height: 153px;
	 background-image: url(../img/logo2.jpg);
	 background-size: 100% 100%;
}


.cus43{
   	width: 413px;
   	height: 211px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.cus43box{
	 width: 160px;
	 height: 157px;
	 background-image: url(../img/logo3.jpg);
	 background-size: 100% 100%;
}

.cus44{
   	width: 413px;
   	height: 211px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.cus44box{
	 width: 161px;
	 height: 137px;
	 background-image: url(../img/logo4.jpg);
	 background-size: 100% 100%;
}

.cus45{
   	width: 413px;
   	height: 211px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.cus45box{
	 width: 135px;
	 height: 121px;
	 background-image: url(../img/logo5.jpg);
	 background-size: 100% 100%;
}

.cus46{
   	width: 413px;
   	height: 211px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.cus46box{
	 width: 135px;
	 height: 118px;
	 background-image: url(../img/logo6.jpg);
	 background-size: 100% 100%;
}

.cus47{
   	width: 413px;
   	height: 211px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.cus47box{
	 width: 148px;
	 height: 119px;
	 background-image: url(../img/logo7.jpg);
	 background-size: 100% 100%;
}

.cus48{
   	width: 413px;
   	height: 211px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.cus48box{
	 width: 126px;
	 height: 117px;
	 background-image: url(../img/logo8.jpg);
	 background-size: 100% 100%;
}

.cus49{
   	width: 413px;
   	height: 211px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.cus49box{
	 width: 135px;
	 height: 120px;
	 background-image: url(../img/logo9.jpg);
	 background-size: 100% 100%;
}




/* 下面是空白部分*/
.kongbox{
	width: 100%;
	height: 130px;
	background-color: #f6f7fb;
}

.kong{
	width: 1240px;
	height: 130px;
	background-color: #f6f7fb;
	margin: 0 auto;
	position: relative;

}






/* 下面是末尾 */
.finbox{
	width: 100%;
	height: 300px;
	background-color: #252b3b;
}

.fin{
	width: 1240px;
	height: 300px;
	background-color: #252b3b;
	margin: 0 auto;
	position: relative;
    padding-top: 54px;
	padding-bottom: 62px;
	box-sizing: border-box;
	display: flex;
}






.fin1{
	width: 467px;
	height: 100%;
 display: flex;
 flex-direction: column;
 
}
.fin1s{
	height: 125px;
	width: 100%;
	padding-top: 20px;
	box-sizing: border-box;
}
.fin1sbox{
	height: 87px;
	width: 455px;
	/*background-image: url(../img/bgg.jpg);*/
	background-image: url(../img/bgg.png);
	background-size: 100% 100%;
}

.fin1x{
	height: 5px;
	width: 100%;
	flex: 1;
	font-size: 12px;
	color: #babbbf;
	padding-left: 15px;
}
.fin1x a{
    color: #babbbf;
}








.fin2{
    width: 293px;
	height: 100%;
		display: flex;

		justify-content: center;

		align-items: center;
}
	
.fin2box{
	width: 125px;
	height: 141px;
	background-image: url(../img/maa.jpg);
	background-size: 100% 100%;
	
}
.fin3{
    width: 293px;
	height: 100%;
	flex: 1;
	display: flex;
	flex-direction: column;
	padding-top: 20px;
	box-sizing: border-box;
}
.fin31{
    width: 100%;
	height: 45px;
font-size: 16px;
color: #dde1e0;
display: flex;
}
.fin31left{
    width: 23px;
	height: 45px;
	line-height: 50px;
flex: 1;
text-align: right;
}
.fin31right{
    width: 45px;
	height: 45px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-top: 3px;
	box-sizing: border-box;
}
.fin31rightbox{
    width: 31px;
	height: 37px;
	background-image: url(../img/pic1.jpg);
	background-size: 100% 100%;
}






.fin32{
    width: 100%;
	height: 45px;
font-size: 16px;
color: #dde1e0;
display: flex;
}
.fin32left{
    width: 23px;
	height: 45px;
	line-height: 50px;
flex: 1;
text-align: right;
}
.fin32right{
    width: 45px;
	height: 45px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-top: 7px;
	box-sizing: border-box;
}
.fin32rightbox{
    width: 32px;
	height: 35px;
	background-image: url(../img/pic2.jpg);
	background-size: 100% 100%;
}


.fin33{
    width: 100%;
	height: 45px;
font-size: 16px;
color: #dde1e0;
display: flex;
}
.fin33left{
    width: 23px;
	height: 45px;
	line-height: 50px;
flex: 1;
text-align: right;
}
.fin33right{
    width: 45px;
	height: 45px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-top: 9px;
	box-sizing: border-box;
}
.fin33rightbox{
    width: 35px;
	height: 31px;
	background-image: url(../img/pic3.jpg);
	background-size: 100% 100%;
}