@media screen and (min-width:1260px) {
	
	.a_contactus_list,
	.es_detail_list,
	.es_sobre_box{
		width: 100%;
		display: flex;
		justify-content: center;
	}
	.a_detail_list{
		width: 1260px;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: space-between;
		margin: 85px 0;
	}
	.a_detail_list > div{
		width: 1260px;
		display: flex;
		justify-content: space-between;
		
	}
	.a_detail_list > div h2{
		width: 277px;overflow: hidden;
		height: 207px;margin:0;
	}
		.a_detail_list > div img{
		width: 100%;
 transition: 0.5s;
		height: 100%;
	}
		.a_detail_list a:hover div img{
		transform: scale(1.1);
	}
	.a_detail_list div p{
		width: 277px;
		padding: 15px 15px 0 15px;
		font-size: 14px;
		font-family: Arial-Regular, Arial;
		font-weight: 400;
		/* text-align: center; */
		margin: 0;
	}
	.a_detail_list div p:last-child{
		padding-bottom: 15px;
	}
	.a_detail_list div li{
		color: #333333;
		cursor: pointer;
	}
	.a_detail_list a:hover div li{
		color: #FFFFFF;
		background-color: #0777CD;
	}
	.e_title{
		display: flex;
		width: 100%;
		justify-content: center;
		align-items: center;
		margin-bottom: 60px;
	}
	.e_title p{
		font-size: 36px;
		font-weight: bold;
		color: #333333;
		margin: 0 20px;
	}
	.e_title span{
		width: 50px;
		height: 3px;
		background: #0777CD;
	}
	.es_detail_list{
		padding: 80px 0;
		background-image: url('../../img/case-back.png');
		background-size: cover;
	}
	.es_detail_list_in{
		display: flex;
		flex-direction: column;
		width: 1260px;
	}
	.es_detail_list_in>div{
		display: flex;
		justify-content: space-between;
	}
	.es_detail_list_in div h2{
		width: 380px;margin:0;
		height: 285px;overflow: hidden;
	}
		.es_detail_list_in div img{
		width: 100%;
		height: 100%;
 transition: 0.5s;
	}
		.es_detail_list_in a:hover div img{
		transform: scale(1.1);
	}
	.es_detail_list_in>div p{
		width: 380px;
		color: #FFFFFF;
		font-size: 14px;
		background-color: #0777CD;
		padding: 10px 20px;
	}
	/* ------------- */
	.es_sobre_box{
		background-image: url('../../img/Group 313.png');
		background-size: cover;
		padding: 80px 0;
	}
	.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: 580px;
		height: 414px;
		background-color: #FFFFFF;
	}
	.es_imgbox img{
		width: 580px;
		height: 414px;
	}
	.es_sobre_content_left{
		display: flex;
		flex-direction: column;
	}
	.es_sobre_content_left > p{
		font-size: 26px;
		font-family: Arial-Bold, Arial;
		font-weight: bold;
		color: #FFFFFF;
	}
	.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_sobre_content_left > div{
		display: flex;
		width: 500px;
		margin-top: 30px;
		justify-content: space-between;
	}
	.es_sobre_content_left > div li{
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.es_sobre_content_left > div li img{
		width: 50px;
		height: 50px;
 transition: 0.5s;
	}
	
	
	.es_sobre_content_left > div li:hover img
	{transform: rotate(
360deg
);
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
 -webkit-transform: rotate(
360deg
);
-o-transform: rotate(360deg);}
	.es_sobre_content_left > div li p{
		font-size: 30px;
		font-family: Arial-Bold, Arial;
		font-weight: bold;
		color: #FFFFFF;margin: 0;
	}
	.es_sobre_content_left > div li span{
		font-size: 14px;
		color: #FFFFFF;
		line-height: 16px;
	}
	/* --------------- */
	.es_detail_list_text p{
		margin-bottom: 0;
	}
	.es_detail_list_text p:first-child{
		font-size: 18px;
		font-weight: bold;
	}
	.es_detail_list_text p{
		cursor: pointer;
		background-color: #FFFFFF!important;
		color: #333333!important;
	}
	.es_detail_list_text:hover p{
		background-color: #0777CD!important;
		color: #FFFFFF!important;
	}
}
@media screen and (max-width: 860px) {
	.a_contactus_list,
	.es_detail_list,
	.es_sobre_box{
		width: 100%;
		display: flex;
		justify-content: center;
	}
	.a_detail_list{
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: space-between;
		margin: 10vw 0 0 0;
	}
	.a_detail_list > div{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
	}
	.a_detail_list > div img{
		width: 43.2vw;
		height: 32.4vw;
	}
	.a_detail_list div p{
		width: 43.2vw;
		margin: 2vw 0 0 0;
		font-size: 1.8666vw;
		font-family: Arial-Regular, Arial;
		font-weight: 400;
	}
	
		.a_detail_list div li p:first-child{
		    font-size: 4vw;
    font-weight: bold;
	}
	
	
	.a_detail_list div p:last-child{
		margin-bottom: 2vw;display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 2;
 overflow: hidden;
	}
	.a_detail_list div li{
		color: #333333;
		cursor: pointer;
		margin-bottom: 5vw;
	}
	.a_detail_list div li:hover{
		color: #FFFFFF;
		background-color: #0777CD;
	}
	.e_title{
		display: flex;
		width: 100%;
		justify-content: center;
		align-items: center;
		margin-bottom: 5vw;
	}
	.e_title p{
		font-size: 4.8vw;
		font-weight: bold;
		color: #333333;
		margin: 0 2.666vw;
	}
	.e_title span{
		width: 6.666vw;
		height: 3px;
		background: #0777CD;
	}
	.es_detail_list{
		padding: 6vw 0 4vw 0;
		background-image: url('../../img/case-back.png');
		background-size: cover;
	}
	.es_detail_list_in{
		display: flex;
		flex-direction: column;
		width: 100%;
	}
	.es_detail_list_in>div{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
	}
	.es_detail_list_in div img{
		width: 43.2vw;
		height: 32.4vw;
	}
	.es_detail_list_in>div li {
		margin-bottom: 5vw;
	}
	.es_detail_list_in>div p{
		width: 43.2vw;
		color: #FFFFFF;
		font-size: 1.8666vw;
		background-color: #0777CD;
		padding: 1.333vw 2.6666vw;
	}
	.es_sobre_box{
		background-image: url('../../img/Group 313.png');
		background-size: cover;
		padding: 10vw 0;
	}
	.es_sobre_box_in{
		width: 100%;
	}
	.es_white > p{
		color: #FFFFFF;
	}
	.es_white > span{
		background-color: #FFFFFF;
	}
	.es_sobre_content{
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.es_imgbox{
		width: 90vw;
		/*height: 55.2vw;*/
		background-color: #FFFFFF;
		margin-top: 5vw;
	}
	.es_imgbox img{
		width: 90vw;
		/*height: 55.2vw;*/
		
	}
	.es_sobre_content_left{
		display: flex;
		flex-direction: column;
	}
	.es_sobre_content_left > p{
		font-size: 4vw;
		font-family: Arial-Bold, Arial;
		font-weight: bold;
		color: #FFFFFF;
	}
	.icons{
		width: 6.666vw;
		height: 3px;
		background-color: #FFFFFF;
	}
	.es_sobre_content_left > span{
		
		width: 90vw;
		font-size: 2.4vw;
		font-family: Arial-Regular, Arial;
		font-weight: 400;
		color: #FFFFFF;
		/*line-height: 3.4666vw;*/
	}
	.es_sobre_content_left > div{
		display: flex;
		width: 66.666vw;
		margin-top: 4vw;
		justify-content: space-between;
	}
	.es_sobre_content_left > div li{
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.es_sobre_content_left > div li img{
		width: 6.666vw;
		height: 6.666vw;
	}
	.es_sobre_content_left > div li p{
		font-size: 4vw;
		font-family: Arial-Bold, Arial;
		font-weight: bold;
		color: #FFFFFF;
	}
	.es_sobre_content_left > div li span{
		font-size: 1.8666vw;
		color: #FFFFFF;
		/* line-height: 16px; */
	}
	.es_detail_list_text p{
		margin-bottom: 0;
	}
	.es_detail_list_text p:first-child{
		font-size: 2.4vw;
		font-weight: bold;
	}
	.es_detail_list_text p{
		cursor: pointer;
		background-color: #FFFFFF!important;
		color: #333333!important;
	}
	.es_detail_list_text:hover p{
		background-color: #0777CD!important;
		color: #FFFFFF!important;
	}
}