/*button*/
.btn-slide4 {
		font-size: 16px;
		border: 1px solid #2871d5;
		color: #2871d5;
		border-radius: 4px;
		margin: 20px 0 0 17px;
		display: inline-block;
		width: 200px;
		height: 40px;
		line-height: 40px;
		text-align: center;
		-webkit-animation-name: flipInY;
		animation-name: flipInY;
		cursor: pointer;
		transition:opacity 1s ease-out 1.2s, top 1s ease-out 1.2s, color 0.3s, background-color 0.3s;
	}
.btn-slide4:hover {
		color: #fff;
		background-color: #2871d5;
		text-decoration: none;
		-webkit-animation-name: pulse;
		animation-name: pulse;
	}
/*button*/	
.c_banner{
	width: 100%; 
	height: 230px;
	overflow: hidden;
	background-image:url(../images/technology/banner_scene.jpg);
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-color:#ffffff;
	position:relative;
}
.solutionbner{
	background-image:url(../images/solution/banner.jpg);
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}
/*2 */
.f_pg1{
    background: #fff;
    min-height: 1px;
	padding-bottom: 30px;
}
.f_pg2{
	background: #f5f8fc;
	min-height: 1px;
	padding-bottom: 40px;
}


.banner_title_mg{
	width:90%;
}
.twocol_content, .threecol_content {
    display: block;
    text-align: left;
	padding-bottom: 20px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}
.twocol_content_img {
    max-width: 100;
    margin-right: auto;
    float:left;
}
.threecol_content_img {
    max-width: 100%;
    margin-right: auto;
}
.twocol_content .caption {
	max-width: 100%;
    color: #7a7a7a;
	font-size: 14px;
}
.caption P{
    color: #999;
}
.pg2_border{
	background: #fff;
	padding: 30px;
	margin:0 3% 2%;
}
.threecol_content .caption {
	max-width: 100%;
    color: #7a7a7a;
	font-size: 14px;
}

.t_pg2_img{
	width:100%;
}
.img_flowchart {
	width:70%;
	margin:0 auto;
	margin-bottom:50px;
}
.point_text{
    font-size: 16px;
    color: #666;
    line-height: 30px;
    padding-bottom: 20px;
    width: 90%;
    margin: 0 auto;
	}
.linebox{
	border-left: 3px solid rgba(68,222,59,1);
	}
.f_mian_contentbox_tbox{
		padding-right:16%;
	}
.f_mian_contentbox_tbox h2{
    color: #0070c0;
    font-size: 25px;
	padding-left:17px;
	margin-bottom:5px;
	
}
.f_mian_contentbox_tbox h3{
	color:#0070c0;
	font-size:20px;
	text-align:left;
	padding-left:17px;
	margin:0px 0px 15px 0px;
	line-height: 28px;
}
.f_mian_contentbox_tbox p{
    color:#777;
	line-height: 24px;
	padding-left:20px;
}
.f_mian_contentbox_tbox2{
	padding-right:16%;
	margin-top: 10%;
}
.f_mian_contentbox_tbox2 h2{
    color: #0070c0;
    font-size: 25px;
	padding-left:17px;
	margin-bottom:20px;
	
}
.f_mian_contentbox_tbox2 h3{
	color:#0070c0;
	font-size:20px;
	text-align:left;
	padding-left:17px;
	margin:0px 0px 15px 0px;
	line-height: 28px;
}
.f_mian_contentbox_tbox2 p{
    color:#777;
	line-height: 24px;
	padding-left:20px;
}


.threecol_content .caption {
    max-width: 90%;
    color: #7a7a7a;
    font-size: 14px;
    text-align: left;
    margin: 0 auto;
}

.s_mian_contentbox_img{
	width: 90%;
}
.erweima{
	display:none;
}

@media (max-width: 1800px) {


	.f_mian_contentbox_tbox h2{
		font-size: 20px;
	}
	.f_mian_contentbox_tbox h3{
		font-size:16px;
		line-height: 22px;
	}
	.f_mian_contentbox_tbox p{
		font-size: 13px;
		line-height: 22px;
	}

	.f_mian_contentbox_tbox2 h2{
		font-size: 20px;
		margin-bottom:15px;
	}
	.f_mian_contentbox_tbox2 h3{
		font-size:16px;
		line-height: 22px;
	}
	.f_mian_contentbox_tbox2 p{
		font-size: 13px;
		line-height: 22px;
	}
	.btn-slide4{
		font-size:14px;
	}
}


@media (max-width: 1399px){
	.f_mian_contentbox_tbox{
		padding-right: 10%;
	}
	.f_mian_contentbox_tbox h2{
		font-size: 18px;
	}
	.f_mian_contentbox_tbox h3{
		font-size:14px;
		line-height: 20px;
	}
	.f_mian_contentbox_tbox p{
		font-size:12px;
		line-height: 20px;
	}

	.f_mian_contentbox_tbox2{
		padding-right: 20%;
	}
	.f_mian_contentbox_tbox2 h2{
		font-size: 18px;
		margin-bottom:10px;
	}
	.f_mian_contentbox_tbox2 h3{
		font-size:14px;
		line-height: 20px;
	}
	.f_mian_contentbox_tbox2 p{
		font-size:12px;
		line-height: 20px;
	}

	.twocol_content_img{
		max-width: 90%;
	}

	.img_flowchart {
		margin-bottom:40px;
	}
	.point_text{
		font-size: 14px;
		line-height: 26px;
		padding-bottom: 20px;
	}


}

@media (max-width: 1439px) {
	.btn-slide4 {
			font-size: 12px;
			width: 160px;
			height: 36px;
			line-height: 36px;
			
	}

	.img_flowchart {
		margin-bottom:30px;
	}
	.point_text{
		font-size: 14px;
		line-height: 26px;
		padding-bottom: 10px;
	}
	.f_pg2{
		padding-bottom:20px !important;
	}
	
}

@media (max-width: 1199px){
	.btn-slide4 {
		font-size: 12px;
	}


}

@media (max-width: 991px){

	.btn-slide4{
		display:none;
	}
	.pg2_border {
		padding: 10px;
		margin: 20px 20px;
	}
	.img_flowchart {
		width:90%;
		margin-bottom:30px;
	}
	.point_text{
		font-size: 14px;
		}
	.pg2_border{
		padding:10px;
	} 
	.t_pg2_img{
		width:100%;
	}  


}

@media (max-width: 767px){
	.pg2_border {
			padding: 10px;
			margin: 20px 0px;
		}

	.f_mian_contentbox_tbox{
			padding:20px 10px 10px 0px !important;
		}
	.f_mian_contentbox_tbox h2{
			color:#0070c0;
			font-size:18px !important;
			margin:10px 0 3px 0;
		}

	.f_mian_contentbox_tbox h3 {
			font-size: 14px;
			margin:0px 0 10px 0;
			
		}
	.f_mian_contentbox_tbox p{
			margin-bottom:0;
			padding-left:17px;
		}
	.f_mian_contentbox_tbox2{
			padding:20px 10px 10px 0px !important;
			margin-top: 0%;
		}
	.f_mian_contentbox_tbox2 h2{
			color:#0070c0;
			font-size:18px !important;
			margin:10px 0 10px 0;
			padding-left:15px;
		}
	.f_mian_contentbox_tbox2 h3 {
			font-size: 14px;
			margin:0px 0 10px 0;
			
		}
	.f_mian_contentbox_tbox2 p{
			margin-bottom:0;
			padding-left:17px;
		}

	.mian_contentbox_img{
			padding: 5px 5px 20px 14px !important;
			margin-top: 0;
		}



	.threecol_content h3 {
			color: #444;
			font-size: 23px;
			font-size: 16px;
			text-align: center;
			font-weight: 800;
		}
	.twocol_content_img,.threecol_content_img{
		max-width: 100%;
		padding: 5px 0px;
		}
	.twocol_content .caption, .threecol_content .caption  {
		max-width: 100%;
		padding: 0px 0px;
		text-align: left;
	}
	.erweima{
		display:block;
		padding-top:20px;
	}
	.img_erweima{
		width:30%;
		margin:0 auto;

	}
	.erweima p{
		font-size:12px;
		text-align: center;
		line-height: 40px;
		color:#666;
	}


}




@media (min-width: 320px) and (max-width:460px) {
	.c_banner{
	background-position: 30% 50%;
    }
	
	.twocol_content_img,.threecol_content_img{
		max-width: 100%;
		padding: 0px;
	}

	.twocol_content .caption, .threecol_content .caption {
	    max-width: 100%;
	    padding: 0px;
	    text-align: left;
	}

	.boxfootmargin{
		padding-bottom: 20px !important;
	}

    .pg2_border{
    	padding:0;
    }
    .t_pg2_img{
	    width:100%;

    }
    .f_pg2{
	    padding-bottom: 10px !important;

	}

	.f_mian_contentbox_tbox p{
		font-size:12px;
	}
	.f_mian_contentbox_tbox2 p{
		font-size:12px;
	}
	

}

.apply {
    background-color: rgba(40,113,213,0.1);
}

.boxfootmargin{
	padding-bottom: 100px;
}