@charset "UTF-8";
/**
 * 
 * @authors jason (jason@0769html.com)
 * @date    2016-04-14 23:38:54
 * @version $v0.12$
 */
body { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; }

a,a:link{
	color: #333;
}

img{ max-width: 100%; }
a:hover{
	color: #c10202;
}

ul,li{
	padding: 0px;
	list-style: none;
}

h4{ color: #333; border-bottom: 1px solid #333; margin-bottom: 5px; font-weight: bold; font-size: 16px; line-height: 30px; padding-bottom: 4px; }
.clear { clear: both; }
.mbline { border-bottom: 1px solid #ccc; }
.header{margin: 0; padding: 0; height: 80px; overflow: hidden;background-color: #fff; }

.header .icon-left{
	float: left;
	font-size: 32px;
	line-height: 80px;
	padding-left: 10px;
	padding-right: 20px;
}

.header .icon-right{
	float: right;
	font-size: 26px;
	line-height: 80px;
	padding-right: 20px;
	padding-left: 20px;
}

.header .logo{
	float: left;
}
.header a{ color: #646760; }
.header a:hover{ color: #646760; text-decoration: none; }

.header .logo img{
	padding-top: 10px;
	padding-bottom: 10px;
	max-height: 80px;
	border: 0;
}

.navmenu{
	height: 56px;
	background: #646760;
	overflow: hidden;
}

.navmenu ul{
	padding-left: 0px;
	padding-right: 0px;
}
.navmenu ul li{
	float: left;
	width: 25%;
	text-align: center;
	line-height: 56px;
}

.navmenu ul li a{
	text-decoration: none;
	color: white;
}

.container{
	padding: 8px;
	padding-top: 0px;
}

.prod-list{}
.prod-list li{ width: 50%; float: left; padding: 4px; text-align: center;}
.prod-list li img{ max-width: 100%; max-height: 174px; padding: 1px; border: solid 1px #d8d8d8; }

.prod-list .title{
	line-height: 32px;
	font-size: 14px;
	color: #333;
	
}

.news-list{ margin: 0; padding: 0; }
.news-list li{ line-height: 26px; margin-bottom: 5px; }
.news-list li a{}
.news-list li span{ float: right; }

.footer{
	background: #333333;
	height: 60px;
	color: #ffffff;

}

.footer ul{
	list-style: none;
}


.footer ul li{
	float: left;
	width: 33%;
	text-align: center;
	font-size: 9px;
}

.footer ul li a{
	color: white;
	text-decoration: none;
}


.footer ul li i{
	font-size: 24px;
	line-height: 40px;
}


/* 导航菜单 - 插件保持原有命名规则 */
#sb-site { 
	width: 100%; 
	min-height: 100%;
	position: relative; 
	z-index: 1; 
	background-color: #eeeeee 
}
.sb-slidebar { 
	width: 35%; 
	height: 100%; 
	overflow-y: auto; 
	position: fixed; 
	top: 0; 
	z-index: 0; 
	visibility: hidden; 
	background-color: #323436; 
}
html.sb-android .sb-slidebar { 
	height: auto; 
	position: absolute 
}
.sb-left { 
	background-image: url(images/side-left-bg.png); 
	background-repeat: repeat-y; 
	background-position: right 0; 
	left: 0    
}
.sb-right { 
	background-image: url(images/side-right-bg.png); 
	background-repeat: repeat-y; 
	background-position: left 0; 
	right: 0    
}
html.sb-active-left .sb-left { 
	visibility: visible 
}
html.sb-active-right .sb-right { 
	visibility: visible 
}
@media(max-width:480px) {
.sb-slidebar { width: 70% }
}
@media(min-width:481px) and (max-width:991px) {
.sb-slidebar { width: 50% }
}
@media(min-width:992px) {
.sb-slidebar { width: 35% }
}
@media(min-width:1200px) {
.sb-slidebar { width: 20% }
}

html.sb-anim-type-translate .sb-slide, html.sb-anim-type-side .sb-slide { 
	-webkit-transition: -webkit-transform 400ms ease; 
	-moz-transition: -moz-transform 400ms ease; 
	-o-transition: -o-transform 400ms ease; 
	transition: transform 400ms ease; 
	-webkit-transition-property: -webkit-transform, left; 
	-webkit-backface-visibility: hidden 
}
.sb-slidebar ul { 
	padding-top: 10px; 
}
.sb-slidebar li + li { 
	background-image: url(images/li-bg.png); 
	background-repeat: repeat-x; 
	background-position: right bottom; 
}
.sb-slidebar li a { 
	padding: 16px 10px 16px 16px; 
	display: block; 
	color: #ccc; 
	font-size: 95%; 
	border-left: 4px solid #1d1d1d; 
}
.sb-slidebar li a:hover { 
	background-color: #1d1d1d;
}
.sb-slidebar li.current { 
	background-color: #1d1d1d; 
	background-image: url(images/li-bg.png); 
	background-repeat: repeat-x; 
	background-position: right bottom; 
}
.sb-slidebar li.current a{ 
	border-left-color: #612b27; 
}
.sb-slidebar .title { 
	color:#666; 
	font-size:16px; 
	line-height:35px; 
	padding:5px 10px; 
}

.sb-right li a { 
	padding: 16px 10px 16px 16px; 
	display: block; 
	color: #ccc; 
	font-size: 95%;  
	border-left: 0px solid #1d1d1d; 
}

.sb-right li.current { 
	background-color: #1d1d1d; 
	background-image: url(images/li-bg.png); 
	background-repeat: repeat-x; 
	background-position: right bottom; 
}
.aboutcon{}
.aboutcon img{width: 100%;}
.aboutcon h2{ font-size: 16px; font-weight: bold; line-height: 28px; margin: 0; padding: 0; }


#pages { padding:10px 0; text-align:left; clear: both; margin-top: 10px; }
#pages a { display:inline-block; padding:0 8px; height:22px; font-size:12px; line-height:22px; background:#fff; border:solid 1px #e3e3e3; text-align:center; color:#333; font-family: 宋体; margin-right: 2px; margin-left: 2px; }
#pages a.a1 { padding:0 12px; height:22px; line-height:22px; margin-top:0; }
#pages a:hover { background:#f1f1f1; color:#000; text-decoration:none; }
#pages span { display:inline-block; padding:0 8px; height:22px; line-height:22px; background:#646760; color:#fff; text-align:center; margin: 0; border-color: #646760; }
.page .noPage { display:inline-block;  padding:0px 12px; height:22px; line-height:22px;border:1px solid #e3e3e3; text-align:center; color:#a4a4a4; }