@charset "utf-8";
/* CSS Document */

/*****Basic Element*****/
* {
	padding:0;
	margin:0;
	font-family:"微软雅黑", "黑体";
}
a {
	text-decoration:none;
}
ul {
	list-style:none;
}
img {
	border:none;
}

body {
}
/*****Generic Classes*****/
.fl {
	float:left;
}
.fr {
	float:right;
}
.clear {
	clear:both;
}
/*****Basic Layout*****/
#wrap {
	position:relative;
}
#wrap_inner {
	position:relative;
	/*max-width:640px;*/
}
/*****侧导航*****/
#menu {
	background:#2a2a2a;
}
#menu .ui-panel-inner ul li {
	border-bottom:1px #fff solid;
}
#menu .ui-panel-inner ul li a {
	display:block;
	font-size:1.125em;
	color:#fff;
	line-height:2em;
}
/*****Header*****/
#header {
	background:#0c73d0;
	padding:4%;
}
#header .search {
	width:6%;
}
#header .more {
	display:block;
	width:6%;
}
#header .more img,#header .search img {
	display:block;
	width:100%;
}
#header .logo {
	width:75%;
	text-align:center;
	font-size:1.125em;
	color:#fff;
	font-weight:bold;
	margin-left:8%;
}
#header .logo img {
	display:block;
	width:100%;
}
/*****Nav*****/
.nav {
	padding-bottom:1px;
	border-top:2px #1a6600 solid;
	border-bottom:1px #fff solid;
}
.nav li {
	width:25%;
}
.nav li a {
	display:block;
	font-size:1em;
	color:#fff;
	text-align:center;
	padding:10% 0 10% 0;
	border-right:1px #fff solid;
}
.nav li a.nav1 {
	background:#ff5d56;
}
.nav li a.nav2 {
	background:#76c7c0;
}

.nav li a.nav3 {
	background:#c598cf;
}

.nav li a.nav4 {
	background:#87cc78;
}
/*****Banner*****/
#banner {
}
.big-pic {
	margin: -0.01% auto 0px; width: 100%;
}
.big-pic-in {
	margin: 0px auto; width: 100%; height: auto; overflow: hidden; position: relative;
}
.pic-list {
	height: auto; position: relative; z-index: 0; -webkit-transform: translate3d(0, 0, 0);
}
.big-pic img {
	display: block; width: 100%; height: auto; float: left; 
}
.slide-dot {
	padding: 0px 5% 0px 0px; left: 0px; width: 95%; height: 26px; text-align: right; bottom: 0px; overflow: hidden; position: absolute;
}
.slide-dot span {
	background: rgb(255, 255, 255); margin: 8px 5px 0px; border-radius: 11px; width: 11px; height: 11px; vertical-align: top; display: inline-block; z-index: 10;
}
.slide-dot .slide-dot-cur {
	background: rgb(12, 115, 208); vertical-align: top; z-index: 10;
}
.transition {
	-webkit-transition: -webkit-transform 0.3s ease-out; -moz-transition: -moz-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out;
}
.navgation {
	background: rgb(25, 25, 25); text-transform: capitalize; padding-bottom: 20%; font-size: 16px; position: relative;
}
/*****Main*****/
#main {
	padding-bottom:19%;
	background:url(../images/bg_main_02.jpg) repeat left top;
}

#main .show {
	padding-bottom:3%;
}
#main .show .showtop li {
	width:22%;
	margin:3% 0 0 2.5%;
}
#main .show .showtop li a {
	display:block;
	text-align:center;
	font-weight:bold;
	font-size:1em;
	color:#fff;
	text-shadow:1px 1px 1px #5e5e5e;
	padding:100% 0 20% 0;
	border-radius:0.4em;
}
#main .show li a.show1 {
	background:#004b8f url(../images/icon1_03.jpg) no-repeat center 30%;
	background-size:70%;
}
#main .show li a.show2 {
	background:#fdc800 url(../images/icon2_03.jpg) no-repeat center 30%;
	background-size:70%;
}
#main .show li a.show3 {
	background:#f554b2 url(../images/icon3_03.jpg) no-repeat center 30%;
	background-size:70%;
}
#main .show li a.show4 {
	background:#fb5151 url(../images/icon4_03.jpg) no-repeat center 30%;
	background-size:70%;
}
#main .aboutus {
	
}
#main .aboutus .tit {
	width:95%;
	margin:auto;
	background:#fff;
	border:1px #dfdfdf solid;
	padding:2% 0;
}
#main .aboutus .tit h5 {
	font-size:1em;
	color:#014b92;
	padding-left:3%;
}
#main .aboutus .tit a {
	display:block;
	font-size:0.75em;
	color:#656565;
	margin-right:3%;
}
#main .aboutus li {
	width:30%;
	margin:3% 0 0 2.5%;
	text-align:center}
#main .aboutus li img {
	display:block;
	width:100%;
}
#main .aboutus li a {
	color:#000;
}
#main .aboutus li a p {
	font-size:0.75em;
	color:000;
	text-align:center;
	padding-top:6%;
}
/*****Footer*****/
#wrap-a {
	width:100%;
	background:#1a1a1a url(../images/bg_bottom_03.jpg) repeat-x left top;
	position:fixed;
	left:0;
	bottom:0;
	border:0;
}
#wrap-a ul {
}
#wrap-a li {
	width:25%;
}
#wrap-a li img {
	display:block;
	width:25%;
	margin:auto;
}
#wrap-a li a {
	display:block;
	padding:10% 0;
	background:url(../images/bg_line_03.jpg) no-repeat right bottom;
	text-shadow:1px 1px 1px #5e5e5e;
}
#wrap-a li a p {
	font-weight:normal;
	font-size:0.875em;
	color:#fff;
	text-align:center;
	padding-top:2%;
}
/*****关于我们*****/
#main h3 {
	font-size:1em;
	color:#303030;
	border-bottom:1px #666 solid;
	padding-bottom:5px;
}
#main .about {
	padding:10px;
}
#main .about p {
	font-size:1em;
	color:#333;
	line-height:1.5em;
	padding-top:5px;
}
/*****联系我们*****/
#main .contact {
	padding:10px;
}
#main .contact p {
	font-size:1em;
	color:#333;
	line-height:1.5em;
	padding-top:10px;
}
/*****新闻列表*****/
#main .newslist {
	padding:10px;
}
#main .newslist ul {
	padding:0 5px;
}
#main .newslist li a {
	font-size:1em;
	color:#333;
	line-height:2em;
}
#main .newslist li a:hover {
	color:#0c73d0;
}
#main .newslist li span {
	font-size:0.875em;
	color:#666;
	line-height:2em;
}
/*****新闻内容*****/
#main .newsdetail {
	padding:10px;
}
#main .newsdetail h4 {
	font-size:1em;
	color:#333;
	line-height:1.5em;
	padding-top:5px;
}
#main .newsdetail p {
	font-size:1em;
	color:#333;
	line-height:1.5em;
	padding-top:5px;
}
/*****产品列表*****/
#main .productlist {
	padding:10px;
}
#main .productlist li {
	width:30%;
	padding-top:10px;
	margin-left:2.5%;
	text-align:center}
#main .productlist li img {
	display:block;
	width:100%;
}
#main .productlist li p {
	font-size:0.875em;
	color:#333;
	line-height:1.5em;
	text-align:center;
	padding-top:5px;
}

/*****产品详细*****/
#main .productdetail {
	padding:10px;
}
#main .productdetail h4 {
	font-size:1em;
	color:#333;
	line-height:1.5em;
	padding:5px 0;
	text-align:center;
}
#main .productdetail img {
	display:block;
	width:80%;
	margin:auto;
	padding-bottom:10px;
}
#main .productdetail .xg,#main .productdetail .xg a {
	font-size:1em;
	line-height:1.5em;
	color:#161616;
}
#main .productdetail .xg a:hover {
	color:#0c73d0;
}
#main .productdetail .xg {
	padding-bottom:2%;
}
/*****成功案例*****/
#main .case {
	padding:10px;
}
#main .case p {
	font-size:1em;
	color:#333;
	line-height:1.5em;
	padding-top:5px;
}












