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

@media (min-width:1366px){
	.container{ width:1310px;}
}

/* >=768px */
@media (min-width:768px){
	nav.navbar .nav > li:hover > a{border-bottom:3px solid #d00b3c; color:#d00b3c; background:none;}
	nav.navbar .nav > li:hover .dropdown-menu{display: block;}
}

@media (max-width:1366px){
	/**/
	.navbar-nav > li > a{ margin:0 20px;}
	/**/
	.flink ul{ margin:0 -20px;}
	.flink ul li{ padding:0 20px;}
	.footer-logo{ padding-left:0;}
}

@media (max-width:1199px){
	.navbar-nav > li > a{ margin:0 15px;}
	.navbar-nav > li.dropdown-1 .container{ padding-left:250px;}
	.footer-contact{ padding-left:50px; padding-right:50px;}
} 

@media (max-width:991px){
	.navbar-nav > li > a{ margin:0 5px; font-size:14px;}
	.navbar-nav > li.dropdown-1 .container{ padding-left:220px;}
	.footer-logo{ margin-bottom:30px;}

}

@media (max-width:767px){
	/**/
	.navbar-header{ border-bottom:0 solid #fff;}
	.navbar-brand{ padding-top:5px; padding-bottom:5px;}
	.navbar-brand > img{ height:50px;}
	.navbar-collapse{ position:absolute; width:100%;z-index: 999;}
	.navbar-collapse .m-bg{ position:absolute; left:0; top:0; width:100%; height:100%; background-color:#000; opacity:.8;}
	.navbar-nav{ position:relative; margin-top:0; margin-bottom:0;}
	.navbar-nav > li{ border-left:none;}
	.navbar-nav > li > a{ border-bottom:1px solid #999; height:auto; line-height:normal; padding:10px; text-align:left; margin:0; color:#fff; font-weight:bold;}
	.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a{ padding-left:15px;}
	/*.navbar-nav > li > a:hover, .nav .open > a, .nav .open > a:focus, .nav .open > a:hover, .nav > li > a:focus, .nav > li > a:hover{ border-bottom:1px solid #999;color:#d00b3c;}
	.navbar-nav > li.current > a,.navbar-nav > li > a.current{}*/
	.navbar-nav > li > a:hover,.navbar-nav > li.current > a,.navbar-nav > li > a:hover,.navbar-nav > li > a.current,.nav .open > a, .nav .open > a:focus, .nav .open > a:hover,.nav > li > a:focus, .nav > li > a:hover{ border-bottom:1px solid #d00b3c; color:#d00b3c;}
	.dropdown-menu{ overflow:hidden;}
	.dropdown-menu > li{ border-top:none;/* float:left; width:25%; */text-align:left;}
	.dropdown-menu > li > a{/* border-bottom:1px solid #d00b3c;*/}
	.navbar-nav > li.dropdown-s dl{ float:none; padding:0 15px; margin:0; border-bottom:1px solid #ccc; overflow: hidden; padding-bottom:5px;}
	.navbar-nav > li.dropdown-s dl dt{ padding-top:10px;}
	.navbar-nav > li.dropdown-s dl dd{ width:25%; float:left;}
	.navbar-nav > li.dropdown-1 .container{ padding-left:15px;}
	/**/
	#crumbs{box-shadow:none; border-bottom:10px solid #eee;}
	#crumbs p{ line-height:50px; float:none; border-bottom:1px solid #eee; font-size:13px;}
	#crumbs p a{ margin:0 3px;}
	#crumbs ul{ float:none; padding-top:10px; margin-left:-5px; margin-right:-5px; padding-bottom:10px;}
	#crumbs ul li{ width:33.333%; padding:5px;}
	#crumbs ul li a{ border:1px solid #eee; border-radius:5px; text-align:center; padding:0;}
	#crumbs ul li a:hover, #crumbs ul li.current a{ border-color:#d00b3c;}
	/**/
	.pages{ padding:20px 0;}
	.pages li{ margin:0 0 5px;}
	.pages a{ height:30px; line-height:30px; padding:0 10px;}
	/**/
	.box-title span{ font-size:16px;}
	/**/
	.flink{ padding-top:30px; margin-bottom:30px;}
	.flink ul{ margin:0;}
	.flink ul li{ padding:0; border:none; margin-right:10px;}
}

@media (max-width:640px){
	.heading{ width:auto; margin-left:15px; margin-right:15px;}
	.heading h3{ font-size:26px;top:-15px;}
	.footer-contact{ padding-left:15px;}
	.footer-qrcode ul li{ float:right; width:80%;}
}

@media (max-width:460px){
	.heading{ margin-left:0; margin-right:0;}
	.heading i{ width:30px;}
	.heading h3{ font-size:20px; top:-13px;}
	.heading h4{ bottom:-6px;}
	.btn-more{ width:auto;}
	.footer-left{  float:none; width:auto;}
	.footer-logo{ float:none; width:auto; margin-bottom:10px;}
	.footer-logo img{ margin-bottom:10px;}
	.footer-logo span{ text-align:center; font-size:14px; font-weight:normal;}
	.footer-contact{ float:none; border-right:none;}
	.footer-contact p{ margin-bottom:10px;}
	.footer-qrcode ul li{ float:left; width:50%;}
	.footer-right{ float:none; width:auto; overflow:hidden; margin-bottom:20px;}
    .footer-mid{float:none; border-right:none;width: 88%;padding: 0;margin: 0 auto;}
}
@media (max-width:414px){
	#uptop span{ width:30px; height:30px; line-height:30px; font-size:14px;}
}

@media (max-width:375px){
	.heading h4{ font-size:10px; bottom:-5px;}
}

@media (max-width:320px){
	
}