@charset "utf-8";

.banner img{
	display:block ;
	/* width:100%; */
}
.containt{
	width:100%;
	
	padding:0px;
	height:561px;
	background-color: #f7f7f7;
	min-height: 630px;
}
.containt .right{
	float:right;
	width:50%;
}
.containt .right img{
	display:block ;
	width:530px;
	height:452px;
	margin-top:51px;
	margin-left:1%;
	max-width: 99%;
}
.containt .left{
	float: left;
	width:50%;
}
.containt .left .left_1 p{ 
	width:137px;
	height:22px;
	font-size:22px ;
	font-weight:bold ;
	border-left:2px solid #396ec3;
	text-align:center ;
	margin:39px auto;
	
}
.containt .left .left_2 img{
	display:block ;

	margin:98px auto;
}
.containt .left .left_3{
     width:132px;
    
	font-size:22px;
	font-weight: bold;
	margin:9px auto;
}
.containt .left .left_3 p{ width: 300%;}
.containt .left .left_4 {
	width:132px;
	font-size:12px;
	font-weight: bold;
    margin: 9px auto
}
.containt .left .left_5 {
	width:auto;
	font-size:12px;
	font-weight: bold;
    margin: 9px;
}
.containt .left .left_5 ul{
	

}
.containt .left .left_5 ul li{
	width:356px;
	height:22px;
	margin:10px 40%;
}
.containt .left .left_5 ul li img{
	vertical-align: middle;
	
}
.containt .left .left_5 ul li p{
	margin-left:5px;display: inline-block; vertical-align: middle;
}






@media screen and (max-width:1100px) {
    .containt{
	width:100%;
	
	padding:0px;
	height:561px;
	background-color: #f7f7f7;
}
	.containt .left .left_3 p{ width: 220%;}
.containt .right{
	float:right;
	width:50%;
}
.containt .right img{
	display:block ;
	width:530px;
	height:452px;
}
.containt .left{
	float: left;
	width:50%;
}
.containt .left .left_1 p{ 
	width:107px;
	height:22px;
	font-size:22px ;
	font-weight:bold ;
	border-left:2px solid #396ec3;
	text-align:center ;
	margin:39px auto;
	
}
.containt .left .left_2 img{
	display:block ;

	margin:98px auto;
}
.containt .left .left_3{
     width:132px;
    
	font-size:22px;
	font-weight: bold;
	margin:9px auto;
}
.containt .left .left_4 {
	width:132px;
	font-size:12px;
	font-weight: bold;
    margin: 9px auto
}
.containt .left .left_5 {
	width:auto;
	font-size:12px;
	font-weight: bold;
    margin: 9px;
}
.containt .left .left_5 ul{
	

}
.containt .left .left_5 ul li{
	padding: 0 0 0 41%;
	display: flex;
	width:100%;
	height:22px;
	margin:10px 0;
	box-sizing: border-box;
}
.containt .left .left_5 ul li img{
	
	
}
.containt .left .left_5 ul li p{
	margin-left:5px;
	width: 90%;
}



}












@media screen and (max-width:900px) {
    .wrap_c{width:96%;}
    .wrap{min-width:0px;}

}















@media screen and (max-width:700px) {

   
    .containt{width:100%;height:auto;float: left;}
    
    .containt .left{
    margin-left:0px;
	
	}
.containt .left .left_1 p{ 
	width:107px;
	height:22px;
	font-size:22px ;
	font-weight:bold ;
	border-left:2px solid #396ec3;
	text-align:center ;
	
	
}
.containt .left .left_2 img{
	display:block ;

	margin:30px;
}
.containt .left .left_3{
     width:132px;
    
	font-size:22px;
	font-weight: bold;
	
}
.containt .left .left_4 {
	width:132px;
	font-size:12px;
	font-weight: bold;
    margin-left: 39px ;
}
.containt .left .left_5 ul{
	margin-left:0px;

}
.containt .left .left_5 ul li{
	
	display: flex;
	width:356px;
	height:22px;
	margin:10px;
}
.containt .left .left_5 ul li img{
	
	
}
.containt .left .left_5 ul li p{
	margin-left:5px;
}
.containt .right{

	width:100%;
}
.containt .right img{
	display:block ;
	width:100%;
	margin:51px auto;
}
    /*.loginbg{position:relative;height:200px;}
    .loginfr .fr{float:none;margin:0px auto;padding:0px;border:1px solid #ddd;top:-50px;}*/
    
    

}

@media screen and (max-width:415px) {
	.containt .left .left_5{ margin-left: 0; padding-left: 9px; width: 200%; box-sizing: border-box;}
	/* .containt .left .left_5 ul{ overflow: hidden;} */
	.containt .left .left_5 ul li{ padding-left: 2%; box-sizing: border-box; margin: 10px 0; max-width: 100%;}
}