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

.e-service-2{
	margin:0;
	padding:0;
	background:url(../images/eservice-2/bg.jpg) top center no-repeat;
	/* height: 820px; */
	background-size: 100% 100%;
}
.e-service-2 .e-right .b-top{
	margin-top: 40px;
	font: 23px/30px 'lineseed', Arial, sans-serif;
	text-align: center;
	margin-bottom: 15px;
	font-weight: bold;
}
.e-service-2 .e-right .b-top1{
	margin-top: 25px;
	font: 23px/30px 'lineseed', Arial, sans-serif;
	text-align: center;
	margin-bottom: 15px;
	font-weight: bold;
}
.e-service-2 .aball{
	overflow-x: visible;
}
.e-service-2 .e-left{
	margin:0;
	padding:0;
	position:relative;
	height:574px;
}
.e-service-2 .e-left .e-topic{
	position:absolute;
	right: 110px;
	top: 100px;
}
.e-service-2 .e-left .e-topic img{
	max-width:100%;
	height:auto;
}
.e-service-2 .e-left .e-mayor{
	position:absolute;
	left: 60px;
	bottom:0px;
}
.e-service-2 .e-left .e-mayor img{
	max-width:100%;
	height:auto;
}
.e-service-2 .e-left .e-button{
	position:absolute;
	left: 520px;
	bottom: 30px;
}
.e-service-2 .e-left .e-button img{
	max-width:100%;
	height:auto;
}
.e-service-2 .e-right{
	margin:0;
	padding:0;
	margin-top: 35px;
	position:relative;
}
.e-service-2 .e-right .stepback-1{
	margin-left:-50px!important;
}
.e-service-2 .e-right .stepback-2{
	margin-left:-100px!important;
}
.e-service-2 .e-right .banner-block{
	width:421px;
	/* height:416px; */
	font: 23px/28px 'lineseed', Arial, sans-serif;
	margin-bottom: 20px;
	font-weight: bold;
	color: #fff;
	text-shadow: #252525 1px 0px 10px;
	transform: scale(1);
	transition: 0.5s;
}
.e-service-2 .e-right .banner-block .b-icon{
	width:112px;
	margin: 11px;
}
.e-service-2 .e-right .banner-block .b-icon img{
	transform: scale(1);
    transition: 0.5s;
	max-width:100%;
	height:auto;	
}
.e-service-2 .e-right .banner-block .b-text{	
	margin-top: 40px;
}
.e-service-2 .e-right .banner-block .b-text-2{
	margin-top: 29px;
}
.e-service-2 .e-right .bg-pink{
	background:url(../images/eservice-2/bg-1.png) top left no-repeat;	
}
.e-service-2 .e-right .bg-blue{
	background:url(../images/eservice-2/bg-2.png) top left no-repeat;	
}
.e-service-2 .e-right .bg-brown{
	background:url(../images/eservice-2/bg-3.png) top left no-repeat;	
}
.e-service-2 .e-right .bg-green{
	background:url(../images/eservice-2/bg-4.png) top left no-repeat;	
}
.e-service-2 .e-right .bg-purple{
	background:url(../images/eservice-2/bg-5.png) top left no-repeat;	
}
.e-service-2 .e-right .bg-red{
	background:url(../images/eservice-2/bg-6.png) top left no-repeat;	
}
.e-service-2 .e-right .banner-block:hover{
	cursor:pointer;	
	transform: scale(1.1);
    transition: 0.5s;
}
.e-service-2 .e-right .banner-block:hover .b-icon img{
	transform: scale(1.1);
    transition: 0.5s;	
}

@media (min-width: 320px) and (max-width: 767px) { 
.e-service-2{
	/* background:url(../images/eservice-2/bg-m.jpg) top left no-repeat; */
	background: url(../images/eservice-2/bg.jpg) 30% 0% no-repeat;
	/* height: 922px; */
	background-size: cover;
}
.e-service-2 .aball{
	overflow-x: scroll;	
}
.e-service-2 .e-right .stepback-1{
	margin-left:0px!important;
}
.e-service-2 .e-right .stepback-2{
	margin-left:00px!important;
}
.e-service-2 .e-left .e-topic{
	right: 120px;
    top: 70px;	
}
.e-service-2 .e-left .e-mayor{
	        left: 20px;
	        bottom: 145px;
}
.e-service-2 .e-left .e-button{
	left: 130px;
	bottom: 30px;
}
.e-service-2 .e-left .e-button img{
	max-width: 97%;
	height:auto;
}

.e-service-2 .e-right{
	margin-top: 20px;	
}
.e-service-2 .e-left{
		
height: 130px;
}
.e-service-2 .e-right .b-top{
		
text-align: left;
}
.e-service-2 .e-right .b-top1{
		
text-align: left;
}
}


@media (min-width: 768px) and (max-width: 991px) { 
.e-service-2{
	/* background:url(../images/eservice-2/bg-m.jpg) top left no-repeat; */
	/* height: 1000px; */
	background: url(../images/eservice-2/bg.jpg) 32% 0% no-repeat;
	background-size: cover;
}
.e-service-2 .aball{
	overflow-x: scroll;	
}
.e-service-2 .e-right .stepback-1{
	margin-left:0px!important;
}
.e-service-2 .e-right .stepback-2{
	margin-left:00px!important;
}
.e-service-2 .e-left .e-topic{
	right: 320px;
    top: 70px;	
}

.e-service-2 .e-left .e-mayor{
	        left: 20px;	
}
.e-service-2 .e-left .e-mayor img{
	max-width: 80%;
    height: auto;	
}
.e-service-2 .e-left .e-button{
	left: 350px;
	bottom: 30px;
}
.e-service-2 .e-left .e-button img{
	max-width: 97%;
	height:auto;
}

.e-service-2 .e-right{
	margin-top: 20px;	
}
.e-service-2 .e-left{
		
height: 180px;
}
.e-service-2 .e-right .b-top{
		
text-align: left;
		
/* margin-top: 40px; */
}
.e-service-2 .e-right .b-top1{
		
text-align: left;
}
}
@media (min-width: 992px) and (max-width: 1199px) { 
.e-service-2{
	/* background:url(../images/eservice-2/bg-m.jpg) top left no-repeat; */
	background: url(../images/eservice-2/bg.jpg) 18% 0% no-repeat;
	/* height: 990px; */
	background-size: cover;
}
.e-service-2 .aball{
	overflow-x: scroll;	
}
.e-service-2 .e-right .stepback-1{
	margin-left:0px!important;
}
.e-service-2 .e-right .stepback-2{
	margin-left:00px!important;
}
.e-service-2 .e-left .e-topic{
	right: 320px;
    top: 70px;	
}

.e-service-2 .e-left .e-mayor{
	        left: 20px;	
}
.e-service-2 .e-left .e-mayor img{
	max-width: 80%;
    height: auto;	
}
.e-service-2 .e-left .e-button{
	left: 350px;
	bottom: 30px;
}
.e-service-2 .e-left .e-button img{
	max-width: 97%;
	height:auto;
}

.e-service-2 .e-right{
	margin-top: 20px;	
}
.e-service-2 .e-left{
		
height: 185px;
}
}

@media (min-width: 1200px) and (max-width: 1280px) { 
.e-service-2 .e-left .e-topic{
	/* right: 250px; */
}
.e-service-2 .e-left .e-mayor img{
	max-width: 80%;
    height: auto;
}
.e-service-2 .e-left .e-button{
	left: 350px;
	bottom: 30px;
}
.e-service-2 .e-left .e-button img{
	max-width: 97%;
	height:auto;
}

.e-service-2 .e-right .banner-block{
	     width: 339px;
	     background-size: 100%;
	     font: 21px / 28px 'lineseed', Arial, sans-serif;
	     height: 120px;
}
.e-service-2 .e-right .banner-block .b-icon{
	width: 74px;
	height:auto;
}
.e-service-2 .e-right .banner-block .b-text{
	    margin-top: 22px;
}
.e-service-2 .e-right .banner-block .b-text-2{
	        font: 18px / 19px 'lineseed', Arial, sans-serif;
	        margin-top: 23px;
}
}
@media (min-width: 1281px) and (max-width: 1366px) { 
.e-service-2 .e-right .stepback-1{
	margin-left: -38px!important;
}
.e-service-2 .e-right .stepback-2{
	margin-left: -80px!important;
}
.e-service-2 .e-left .e-topic{
	/* right: 250px; */
}
.e-service-2 .e-left .e-mayor img{
	max-width: 80%;
    height: auto;
}
.e-service-2 .e-left .e-button{
	left: 350px;
	bottom: 30px;
}
.e-service-2 .e-left .e-button img{
	max-width: 97%;
	height:auto;
}

.e-service-2 .e-right .banner-block{
	     width: 364px;
	     background-size: 100%;
	     font: 19px / 28px 'lineseed', Arial, sans-serif;
	     height: 140px;
}
.e-service-2 .e-right .banner-block .b-icon{
	width: 79px;
	height:auto;
}
.e-service-2 .e-right .banner-block .b-text{
	    margin-top: 26px;
	    font: 22px / 28px 'lineseed', Arial, sans-serif;
}
.e-service-2 .e-right .banner-block .b-text-2{
	        font: 22px / 30px 'lineseed', Arial, sans-serif;
}
}

@media (min-width: 1367px) and (max-width: 1440px) { 
.e-service-2 .e-right .stepback-1{
	margin-left: -38px!important;
}
.e-service-2 .e-right .stepback-2{
	margin-left: -80px!important;
}
.e-service-2 .e-left .e-topic{
	/* right: 250px; */
}
.e-service-2 .e-left .e-mayor img{
	max-width: 80%;
    height: auto;
}
.e-service-2 .e-left .e-button{
	left: 350px;
	bottom: 30px;
}
.e-service-2 .e-left .e-button img{
	max-width: 97%;
	height:auto;
}

.e-service-2 .e-right .banner-block{
	     width: 320px;
	     background-size: 100%;
	     font: 20px / 25px 'lineseed', Arial, sans-serif;
}
.e-service-2 .e-right .banner-block .b-icon{
	width: 79px;
	height:auto;
}
.e-service-2 .e-right .banner-block .b-text{
	    margin-top: 26px;	
}
.e-service-2 .e-right .banner-block .b-text-2{
	        font: 19px / 19px 'lineseed', Arial, sans-serif;
	        margin-top: 25px;
}
.e-service-2{
	height: 680px;
}
}

@media (min-width:1441px) and (max-width: 1600px) { 
.e-service-2 .e-right .stepback-1{
	margin-left: -38px!important;
}
.e-service-2 .e-right .stepback-2{
	margin-left: -80px!important;
}
.e-service-2 .e-left .e-topic{
	/* right: 250px; */
	/* top: 57px; */
}
.e-service-2 .e-left .e-mayor img{
	max-width: 80%;
    height: auto;
}
.e-service-2 .e-left .e-button{
	left: 350px;
	bottom: 30px;
}
.e-service-2 .e-left .e-button img{
	max-width: 97%;
	height:auto;
}

.e-service-2 .e-right .banner-block{
	     width: 405px;
	     background-size: 100%;
	     font: 22px / 25px 'lineseed', Arial, sans-serif;
	     height: 150px;
}
.e-service-2 .e-right .banner-block .b-icon{
	width: 90px;
	height:auto;
}
.e-service-2 .e-right .banner-block .b-text{
	    margin-top: 33px;
	    font: 24px / 30px 'lineseed', Arial, sans-serif;
}
.e-service-2 .e-right .banner-block .b-text-2{
	        font: 24px / 30px 'lineseed', Arial, sans-serif;
	        /* margin-top: 31px; */
}
}
}