@charset "utf-8";
.index-banner, #content{display:none;}
body{background:url(../images/index_bg.jpg) repeat-x #000;}
#index_header{height:197px;}
#company_logo{margin:14% 0 0 20%;}
#cominfo li{float:left;}
#cominfo li.comname{float:none;}
.index-contnet{margin-left:20px;}
.index-contnet .span6{margin-left:0px;}
#index_company{color:#828181;}
.inner{padding:100px 50px 0px 30px;}
#mainnav{  margin-top: 30px;}


@media screen and (min-width: 980px) and (max-width: 1200px) {
	.inner{padding:40px 50px 0px 50px;}
}

@media screen and (min-width: 768px) and (max-width: 979px)  {
	.inner{padding:10px 0px 0px 40px;}
	.span5{width:414px}
	.span7{width:290px;}
	.navbar .nav{background:#333; margin-right:4px; border-radius:5px;}
	.navbar .nav>li{background:none; border-bottom:#f8e13b 1px solid;}
	.nav-collapse .nav>li>a:hover, .nav-collapse .nav>li>a:focus, .nav-collapse .dropdown-menu a:hover, .nav-collapse .dropdown-menu a:focus{background:none;}
}

@media screen and (min-width: 480px) and (max-width: 767px) {
	#company_logo{margin:2% 0 2% 20%;}
	.inner{padding:10px 70px 10px 80px;}
	.index-contnet{text-align:center;}
	.content-inner{text-align:left;}
	.navbar .nav{background:#333; margin-right:4px; border-radius:5px;}
	.navbar .nav>li{background:none; border-bottom:#f8e13b 1px solid;}
	.nav-collapse .nav>li>a:hover, .nav-collapse .nav>li>a:focus, .nav-collapse .dropdown-menu a:hover, .nav-collapse .dropdown-menu a:focus{background:none;}
}
@media screen and (max-width: 480px) {
	.inner{padding:10px 0px;}
	.index-contnet{margin-left:0px;}
	.navbar .nav{background:#333; margin-right:4px; border-radius:5px;}
	.navbar .nav>li{background:none; border-bottom:#f8e13b 1px solid;}
	.nav-collapse .nav>li>a:hover, .nav-collapse .nav>li>a:focus, .nav-collapse .dropdown-menu a:hover, .nav-collapse .dropdown-menu a:focus{background:none;}
}