.a_case_box {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background-image: url('../../img/case-back.png');
	background-size: cover;
}
.a_case_l {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
@media screen and (min-width:1260px) {
	.rf_produits{
		width: 100%;
	}
	.rf_produits_in{
		width: 1260px;
		margin: 0 auto;
		margin-bottom: 70px;
	}
	.rf_produits_in li{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.rf_produits_in li h4{
		max-width: 300px;
		font-size: 50px;
		font-family: Arial-Bold, Arial;
		font-weight: bold;
		color: #212121;
		margin: 60px 0;
	}
	.rf_produits_in li button{
		width: 194px;
		height: 41px;
		background: 0;
		font-size: 20px;
		color: #0777CD;
 transition: 0.5s;
		border: none;
		margin: 60px 0;
		border: 1px solid #0777CD;
	}
		.rf_produits_in li button:hover{
		background: #0777CD;
		color: #FFFFFF;
	}
	.rf_produits_in li div h2{
		width: 380px;
		height: 285px;overflow: hidden;margin: 0;
	}
	.rf_produits_in li div p{
		width: 380px;
		height: 41px;
		background: #0777CD;
		color: #FFFFFF;
		text-align: center;
		font-size: 18px;
        line-height: 41px;
	}
	.rf_produits_in li div:nth-child(1) h2,
	.rf_produits_in li div:nth-child(2) h2{
		width: 600px;
		height: 450px;    
	}
	.rf_produits_in li div:nth-child(1) p,
	.rf_produits_in li div:nth-child(2) p{
		width: 600px;
		margin-bottom: 50px;
	}
	
	
	
		.rf_produits_in li div img{
		width: 100%;
		height: 100%;
 transition: 0.5s;
	}
	
			.rf_produits_in li div:hover img{
		transform: scale(1.1);
	}
	
	
	
	
	
	
	/* 案例 */
	.a_case_box {
		height: 822px;
		padding: 80px 0 30px 0;
	}
	
	.a_case_in {
		width: 1260px;
		display: flex;
		justify-content: space-between;
	}
	
	.a_case_l {
		width: 770px;
	}
	
	.a_case_l div {
		margin-bottom: 40px;
	}
	
	.a_case_l div h2{
		width: 360px;
		height: 270px;overflow: hidden;    margin: 0;

	}
	.a_case_l div h2>img {
		width: 100%;
		height:100%; transition: 0.5s;
	}
	
		.a_case_l a:hover div h2>img {
		transform: scale(1.1);
	}
	
	.a_case_l div>p {
		width: 360px;
		font-size: 20px;
		height: 40px;
		line-height: 34px;
		margin-bottom: 0;
		text-align: center;
		color: #FFFFFF;
		background-color: #0777CD;
	}
	
	.a_case_r {
		width: 382px;
		display: flex;
		flex-direction: column;
	}
	
	.a_case_r h3 {
		margin-top: 80px;
		width: 380px;
		font-size: 50px;
	}
	
	.a_case_r p {
		width: 380px;
		font-size: 18px;
		margin: 70px 0;
		line-height: 31px;
		color: #666;
	}
	
	.a_case_r button {
		width: 130px;
		height: 41px;
		background: 0;
		color: #0777CD;
		border: none;border: 1px solid #0777CD;
 transition: 0.5s;
	}
	.a_case_r button:hover {
		background: #0777CD;
		color: #FFFFFF;
	}
	/* ------------- */
	/* ------------- */
	.es_sobre_box{
		background-image: url('../../img/Group 313.png');
		background-size: cover;
		padding: 80px 0;
		width: 100%;
		display: flex;
		justify-content: center;
	}
	.es_sobre_box_in{
		width: 1260px;
	}
	.es_white > p{
		color: #FFFFFF;
	}
	.es_white > span{
		background-color: #FFFFFF;
	}
	.es_sobre_content{
		display: flex;
		justify-content: space-between;
	}
	.es_imgbox{
		width: 600px;
		height: 365px;
		background-color: #FFFFFF;
	}
	.es_imgbox img{
		width: 600px;
		height: 365px;
	}
	.es_sobre_content_left{
		display: flex;
		flex-direction: column;
	}
	.es_sobre_content_left > p{
		font-size: 50px;
		font-family: Arial-Bold, Arial;
		font-weight: bold;
		color: #FFFFFF;
		margin-bottom: 60px;
	}
	.icons{
		width: 50px;
		height: 3px;
		background-color: #FFFFFF;
	}
	.es_sobre_content_left > span{
		
		width: 600px;
		font-size: 18px;
		font-family: Arial-Regular, Arial;
		font-weight: 400;
		color: #FFFFFF;
		line-height: 26px;
	}
	.es_home_icon{
		display: flex;
		width: 1260px;
		margin-top: 50px;
		justify-content: space-around;
		background-color: #FFFFFF;
	}
	.es_home_icon li{
		display: flex;
		align-items: center;
		padding: 25px 0;
	}
	.es_home_icon li img{
		width: 50px;
		height: 50px;
		margin-right: 10px;
	}
	.es_home_icon li p,
	.es_home_icon li span{
		font-size: 18px;
		font-family: Arial-Bold, Arial;
		font-weight: bold;
		color: #333333;
		margin: 0;
	}
	/* ------------- */
	.Nouvelles{
		width: 100%;
		display: flex;
		justify-content: center;
		background-image: url('../../img/case-back.png');
		background-size: cover;
	}
	.Nouvelles_in{
		width: 1260px;
		padding: 60px 0;
	}
	.Nouvelles_title{
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.Nouvelles_title h4{
		font-size: 50px;
		font-family: Arial-Bold, Arial;
		font-weight: bold;
		color: #212121;
	}
	.Nouvelles_title button{
		width: 207px;
		height: 41px;
		background: 0;
		color: #0777CD;
		text-align: center;
		border: none;border: 1px solid #0777CD;
 transition: 0.5s;
	}
		.Nouvelles_title button:hover{
		background: #0777CD;
		color: #FFFFFF;
	}
	.Nouvelles_b{
		display: flex;
		justify-content: space-between;
		margin-top: 60px;
	}
	.Nouvelles_b h2{
		width: 386px;overflow: hidden;
		height: 290px;
	}
		.Nouvelles_b img{
		width: 100%;
		height:100%;
 transition: 0.5s;
	}
		.Nouvelles_b a:hover img{
		transform: scale(1.1);
	}
	.Nouvelles_b p{
		width: 336px;
		font-size: 18px;
		font-family: Arial-Bold, Arial;
		font-weight: bold;
		color: #333333;
		margin-bottom: 20px;
		    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
	}
	.Nouvelles_b button{
		width: 123px!important;
		height: 45px;
		background: 0;
		width: 43px;
		font-size: 22px;
		color: #0777CD;
		border: none;border: 1px solid #0777CD;
 transition: 0.5s;
	}
		.Nouvelles_b button:hover{
		background: #0777CD;
		color: #FFFFFF;
	}
	.Nouvelles_b li div{
		background-color: #FFFFFF;
		padding: 20px;
	}
	body {
    font-size: 16px;
    color: #333;}
}
@media screen and (max-width: 860px){
    body {
    color: #333;
    }
	.rf_produits{
		width: 100%;
	}
	.rf_produits_in{
		width: 90vw;
		margin: 0 auto;
		margin-bottom: 4vw;
	}
	.rf_produits_in li{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.rf_produits_in li h4{
		font-size: 6vw;
		font-family: Arial-Bold, Arial;
		font-weight: bold;
		color: #212121;
		margin: 4vw 0;
	}
	.rf_produits_in li button{
		width: 26vw;
		height: 6vw;
		background: #0777CD;
		font-size: 2vw;
		color: #FFFFFF;
		border: none;
		margin: 4vw 0;
		padding: 0 2vw;
	}
	.rf_produits_in li div img{
		width: 43vw;
		height: 32.25vw;
	}
	.rf_produits_in li div p{
		width: 43vw;
		height: 6vw;
		line-height: 6vw;
		background: #0777CD;
		color: #FFFFFF;
		text-align: center;
		font-size: 2.4vw;
		margin-bottom: 4vw;
	}
	.rf_produits_in li div:nth-child(5){
		display: none;
	}
	
	/* 案例 */
	.a_case_box {
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;    padding: 7vw 0;
	}
	
	.a_case_in {
		width: 90vw;
		
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		position: relative;
	}
	
	.a_case_l {
		width: 100%;
		margin-top: 4vw;
	}
	
	.a_case_l div {
		width: 43vw;
		height: 30vw;
		margin-bottom: 30px;
	}
	
	.a_case_l div>img {
		width: 100%;
		height: 100%;
	}
	
	.a_case_l div>p {
		width: 43vw;
		font-size: 2.13vw;
		height: 5vw;
		line-height: 5vw;
		margin-bottom: 0;
		text-align: center;
		color: #FFFFFF;
		background-color: #0777CD;
	}
	
	.a_case_r {
		/* width: 100vw; */
		display: flex;
		flex-direction: column;
		/*height: 27.7333vw;*/
		/*position: absolute;*/
		/*top: 5vw;*/
		
	}
	
	.a_case_r h3 {
		font-size: 6vw;
		font-weight: bold;
	}
	
	.a_case_r p {
		width: 90vw;
		font-size: 1.9vw;
		margin: 3vw 0;
		color: #666;
	}
	
	.a_case_r button {
		width: 22vw;
		height: 6vw;
		line-height: 6vw;
		background: #0777CD;
		color: #FFFFFF;
		border: none;
		font-size: 2vw;
	}
	
	/* ------------------- */
	/* ------------- */
	.es_sobre_box{
		background-image: url('../../img/Group 313.png');
		background-size: cover;
		padding: 8vw 0;
		width: 100%;
		display: flex;
		justify-content: center;
	}
	.es_sobre_box_in{
		width: 90vw;
	}
	.es_white > p{
		color: #FFFFFF;
	}
	.es_white > span{
		background-color: #FFFFFF;
	}
	.es_sobre_content{
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
	}
	.es_imgbox{
		width: 90vw;
		background-color: #FFFFFF;
		margin-bottom: 5vw;
	}
	.es_imgbox img{
		width: 90vw;
	}
	.es_sobre_content_left{
		display: flex;
		flex-direction: column;
	}
	.es_sobre_content_left > p{
		font-size: 6vw;
		font-family: Arial-Bold, Arial;
		font-weight: bold;
		color: #FFFFFF;
		margin-bottom: 2vw;
	}
	.es_sobre_content_left > span{
		
		width: 90vw;
		font-size: 2.4vw;
		font-family: Arial-Regular, Arial;
		font-weight: 400;
		color: #FFFFFF;
		
	}
	.es_home_icon{
		display: none;
	}
	/* ------------- */
	.Nouvelles{
		width: 100%;
		display: flex;
		justify-content: center;
		background-image: url('../../img/case-back.png');
		background-size: cover;
	}
	.Nouvelles_in{
		width: 90vw;
		padding: 7vw 0 3vw 0;
	}
	.Nouvelles_title{
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.Nouvelles_title h4{
		font-size: 5vw;
		font-family: Arial-Bold, Arial;
		font-weight: bold;
		color: #212121;
	}
	.Nouvelles_title button{
		width: 22vw;
		height: 6vw;
		background: #0777CD;
		color: #FFFFFF;
		text-align: center;
		border: none;
	}
	.Nouvelles_b{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-top: 4vw;
	}
	.Nouvelles_b img{
		width: 43vw;
		height: 32.25;
	}
	.Nouvelles_b p{
		width: 40vw;
		font-size: 2.4vw;
		font-family: Arial-Bold, Arial;
		font-weight: bold;
		color: #333333;
		padding-top: 2vw;
		display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
        margin-bottom: 1vw;
	}
	.Nouvelles_b button{
		width: 10vw!important;
		height: 6vw;
		background: #0777CD;
		font-size: 2vw;
		color: #FFFFFF;
		border: none;
	}
	.Nouvelles_b li{
		margin-bottom: 2vw;
	}
	.Nouvelles_b li div{
		background-color: #FFFFFF;
		padding: 0 2vw 2vw 2vw;
		    width: 43vw;
	}
}