@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:#1569d4;
}
#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:#fff;
	padding:4%;
	background-color:#1BA257;
	color:#fff;
}
#header .search {
	width:6%;
}
#header .more {
	display:block;
	width:8%;
}
#header .more img,#header .search img {
	display:block;
	width:100%;
}
#header .logo {
	width:82%;
	text-align:center;
	font-size:1.125em;
	color:#f3f7fe;
	font-weight:bold;
	margin-left:8%;
}
#header .logo img {
	display:block;
	width:100%;
}
/*****Nav*****/
.nav {
	padding-bottom:1px;
	border-top:1px #fff 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;
	background-color:#1BA257;
}
/*.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: #1BA257; 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:17%;
}

#main .show {
	padding-bottom:5%;
}
#main .show .showtop li {
	width:30%;
	margin:5% 0 0 2.5%;
}
#main .show .showtop li a {
	display:block;
	text-align:center;
	font-size:1em;
	color:#fff;
	padding:66% 0 10% 0;
}
#main .show li a.show1 {
	background:#ff79b3 url('nav_05.png') no-repeat center 30%;
	background-size:50%
}
#main .show li a.show2 {
	background:#f77e50 url('nav_07.png') no-repeat center 30%;
	background-size:50%
}
#main .show li a.show3 {
	background:#526ae5 url('nav_09.png') no-repeat center 30%;
	background-size:50%
}
#main .show li a.show4 {
	background:#b08efd url('nav_14.png') no-repeat center 30%;
	background-size:50%
}
#main .show li a.show5 {
	background:#47baef url('nav_15.png') no-repeat center 30%;
	background-size:50%
}
#main .show li a.show6 {
	background:#ff5d57 url('nav_16.png') no-repeat center 30%;
	background-size:50%
}
#main .show .showbottom li {
	width:46%;
	margin:5% 0 0 2.5%;
}
#main .show .showbottom li a {
	display:block;
	font-size:1em;
	color:#fff;
	text-align:right;
	text-shadow:1px 1px 1px #5e5e5e;
	padding:20% 20% 20% 0;
}
/*#main .show li a.show4 {
	background:#ff5d56 url(images/icon4_03.jpg) no-repeat 15% center;
	background-size:25%;
}
#main .show li a.show5 {
	background:#87cc78 url(images/icon5_03.jpg) no-repeat 15% center;
	background-size:25%;
}*/
#main .show li a span {
	font-weight:bold;
}
#main .product {
	width:95%;
	margin:0 auto 3%;
	padding-bottom:5%;
	
}
#main .p_tit{
	background-color:#1BA257;
	padding:3% 5%;
	color:#fff;
	position:relative;
}
#main .p_tit span{
	position:absolute;
	right:5%;	
}
#main .p_tit span a{
	color:#fff;
}
/*****Footer*****/
#wrap-a {
	width:100%;
	position:fixed;
	left:0;
	bottom:0;
	border:0;
	background-color:#1BA257;
}
#wrap-a ul {
}
#wrap-a li {
	width:25%;
}
#wrap-a li img {
	display:block;
	width:20%;
	margin:auto;
}
#wrap-a li a {
	display:block;
	padding:10% 0;
	border-right:1px #fff solid;
	text-shadow:1px 1px 1px #5e5e5e;
}
#wrap-a li a.bottomnav1 {
	background:#1BA257;
}
#wrap-a li a.bottomnav2 {
	background:#1BA257;
}
#wrap-a li a.bottomnav3 {
	background:#1BA257;
}
#wrap-a li a.bottomnav4 {
	background:#1BA257;
}
#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:#1BA257;
}
#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%;
}
#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:#5aaf0b;
}
#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;
}