@charset "utf-8";

footer{

	min-height: 130px;

	color: #F1F1F1;

	background-color: #0053CE;

}

footer .f_nav{

	font-size: 14px;

	border-bottom: 1px solid #2F72D6;

	margin-right: 90px;

}

footer .contact_icon{

	padding: 25px 0;

}

footer .contact_icon p{

	line-height: 24px;

}

footer .contact_icon p i{

	padding-right: 10px;

	font-size: 18px;

	vertical-align: middle;

}

footer .cr{

	padding: 20px 0;
    float: left;
}

footer .f_nav ul li{

	padding: 25px 0;

	display: inline-block;
    float: left;
}

footer .f_nav ul li span{

	display: inline-block;

	width: 20px;

	text-align: center;

}

@media (max-width:1210px) {

	.mobile-nav .logo-bar{

		width: 100%;

	}

	.mobile-nav .logo-bar .float_r{

		float: none !important;

		text-align: center;

	}

	.mobile-nav .logo-bar .float_r img{

		display: inline-block;

		padding: 0;

	}

	.mobile-nav .navs{

		width: 100%;

		text-align: center;

	}

	.mobile-nav .navs .float_l{

	    float: none !important;

	    display: inline-block;

	}
    
    .mobile-nav .navs .float_r{width: 100%;}
    .md-nav .navs>div>ul>li{width: 12%;text-align: center;margin-left: 0;}
}

@media (max-width:768px) {
    .mobile-list{
		display: none;
		position: relative;
		width: 100%;
        background: #0053CE;
		color: #fff;
        padding-bottom: 5px;
	}
	.mobile-list>ul{
		text-align: left;
		z-index: 99;
	    line-height: 28px;
	}
    .mobile-list>ul>li.active{background:#a60d26;color: #fff;}
	.mobile-list>ul>li>a{
		padding-left: 10px;
		font-size: 16px;
	}
	.mobile-list>ul>li>i{
		margin-left: 5px;
		cursor: pointer;
	}
	.mobile-list>ul>li>ul>li>a{
		font-size: 15px;
		padding-left: 20px;
	}
    
	.clearpull{

		float: none !important;

		max-width: 100%;

		width: 350px;

		position: relative;

		left: 0;

		right: 0;

		top: 0;

		bottom: 0;

		margin:  auto;

	}

	.swiper-container{

		height: 300px !important;

	}

	.banner_bg{

		height: 180px !important;

	}

}

@media (max-width:600px) {

	.mobile-nav .navs{

		display: none;

	}
	.row.pro-nav{
		display: block !important;
	}

	.row.category{
		display: none !important;
	}

	.mobile-toggle {

		padding: 0 15px 0 15px;

		height: 45px;

		line-height: 45px;

		color: #aaa9b7;

	}

	.mobile-toggle {

		display: block;
        background: #0053CE;
        color: #fff;
	}

	.mobile-toggle i{

		font-size: 18px;

	}

	.mobile-list{

		padding: 0 15px 0 15px;

		color: #fff;

	}

	.mobile-list ul li{

		line-height: 28px;

		font-size: 16px;

	}

	.banner_bg{

		height: 120px !important;

	}

	footer .f_nav {

	    margin-right: 0;

	}

	footer .f_nav ul li {

	    padding: 10px 0;

	}
    
    .width310,textarea.message{

	width: 100%;

    }
    
    .language{display: none;}
}

@media (max-width:480px) {

	.swiper-container{

		height: 170px !important;

	}

	.content .guige .name{

		width: 25% !important;

	}

	.content .guige .info{

		width: 75% !important;

	}
	.mobile_pro_nav>ul>li{
		width: 100% !important;
	}

}