@charset "utf-8";
/* CSS Document */
html, body {
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	font-family: "微软雅黑";
	background: #fff;
	text-align: center;
	-webkit-text-size-adjust: none;
}
a {
	color: #666666;
	text-decoration: none;
	outline: 0px none;
star:expression(this.onFocus=this.blur());
}
a:hover, a:active {
	color: #109f42;
}
* {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
table {
	border-collapse: collapse;
}
ul, li {
	list-style: none;
	border: 0 none;
	padding: 0px;
}
form {
	margin: 0px;
}
img {
	border: 0px none;
	text-align-last: center;
	vertical-align: middle;
_azimuth:expression(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = "images/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("', '').replace('")', ''), this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')", this.runtimeStyle.backgroundImage = "none")), this.pngSet=true);
}
center {
	text-align: left;
	color: #999;
	height: 50px;
}
#dhtmltooltip {
	z-index: 100;
	visibility: hidden;
	position: absolute;
	text-align: left;
	border: 1px solid #ccc;
}
#clear, .clear {
	clear: both;
	float: none;
	background: none;
	width: inherit !important;
	height: inherit !important;
}
#noData, .noData {
	color: #ccc;
	font-size: 14px;
	text-align: left;
	padding: 50px 0px;
}
#head {
	position: fixed;
	z-index: 1001;
	width: 100%;
	margin: 0px auto;
	height: 50px;
	background: #fff;
	overflow: hidden;
}
#head .logo {
	position: absolute;
	left: 15px;
	top: 14px;
	text-align: left;
}
#head .logo img {
	height: 25px;
}
#head .btn-menu {
	position: absolute;
	right: 5px;
	top: 0px;
	width: 50px;
	height: 50px;
}
#head .btn-menu img {
	height: 36px;
	margin-top: 8px;
}
#banner {
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden;
	padding-top: 50px;
}
#banner img {
	z-index: 20;
	width: 100%;
	height: auto;
}
#banner .swiper-pagination-bullet {
	width: 20px !important;
	height: 4px !important;
	border-radius: 3px;
}
#banner .swiper-pagination-bullet-active {
	background: #fff;
}
#menu {
	display: none;
	position: fixed;
	z-index: 999;
	right: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	padding-top: 60px;
	overflow: hidden;
	background: rgba(15,159,66,1);
}
#menu .m-mod {
	display: block;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	text-align: left;
	padding: 12px 5%;
	border-bottom: 1px solid rgba(255,255,255,.2);
	width: 80%;
	margin: 0px auto;
	background: url(../images/menu-plus.png) no-repeat 98% 50%;
	background-size: auto 40%;
}
#menu .m-mod.A {
	background: url(../images/menu-minus.png) no-repeat 98% 50%;
	background-size: auto 40%;
}
#menu .m-son {
	display: none;
	text-align: left;
	background: rgba(255,255,255,.1);
	color: #fff;
	width: 90%;
	padding: 0px;
	margin: 0px auto;
}
#menu .m-son a {
	display: block;
	margin: 0px auto;
	padding: 10px 20px;
	font-size: 13px;
	color: #fff;
	border-bottom: 1px solid rgba(255,255,255,.1);
}
#main {
	width: 100%;
	margin: 0px auto;
}
#main .title {
	margin: 0px auto;
	padding: 20px 0px;
	text-align: center;
}
#main .title h2 {
	font-size: 24px;
	font-family: Arial, "Arial Narrow";
	color: #333;
	text-transform: uppercase;
}
#main .title h3 {
	font-size: 15px;
	font-family: "微软雅黑";
	color: #666;
}
#main .about {
	width: 100%;
	margin: 0px auto;
	padding: 20px 0px 50px 0px;
	background: #fff;
	box-shadow: 0px 2px 5px rgba(0,0,0,.2);
}
#main .about .container {
	margin: 0px auto;
	width: 90%;
}
#main .about .container a {
	display: block;
	float: left;
	width: 32%;
	font-size: 14px;
	color: #bbb;
	background: url(../images/about-line.png) no-repeat;
	background-position: center right;
}
#main .about .container a:last-of-type {
	background: none;
}
#main .about .container a img {
	display: block;
	margin: 0px auto 5px auto;
}
#main .product {
	position: relative;
	margin: 0px auto;
	padding: 20px 0px 80px 0px;
	background: #f2f2f2 url(../images/main-product-bg.png) repeat-x left bottom;
}
#main .product .swiper-button-prev {
	position: absolute;
	top: 112px;
	left: 20px;
	background-color: #fff;
	width: 30px;
	height: 30px;
	border-radius: 100%;
	background-size: 12px 12px;
	-moz-background-size: 12px 12px;
	-webkit-background-size: 12px 12px;
}
#main .product .swiper-button-next {
	position: absolute;
	top: 112px;
	right: 20px;
	background-color: #fff;
	width: 30px;
	height: 30px;
	border-radius: 100%;
	background-size: 12px 12px;
	-moz-background-size: 12px 12px;
	-webkit-background-size: 12px 12px;
}
#main .product .swiper-container {
	width: 90%;
	margin: 0px auto;
}
#main .product .swiper-container .name {
	background: #fff;
	width: 200px;
	height: 30px;
	line-height: 30px;
	border-radius: 30px;
	margin: 0px auto 20px auto;
	font-size: 14px;
	font-weight: 700;
	color: #109f42;
}
#main .product .swiper-container .img {
	position: relative;
	width: 100%;
	height: 150px;
	margin: 0px auto;
	overflow: hidden;
}
#main .product .swiper-container img {
	width: 100%;
	height: auto;
	margin-top: -30px;
}
#main .product .swiper-container .view {
	text-align: center;
	background: #fff;
	padding: 30px 0px;
	border-radius: 0px 0px 10px 10px;
}
#main .product .swiper-container .view b {
	display: inline-block;
	color: #fff;
	padding: 5px 30px;
	font-size: 12px;
	font-weight: normal;
	background: #109f42;
	border-radius: 30px;
}
#main .salse {
	width: 100%;
	margin: 0px auto;
	padding: 20px 0px 50px 0px;
	background: url(../images/main-salse-bg.png) no-repeat top center;
	background-size: 100% 100%;
	box-shadow: 0px 2px 5px rgba(0,0,0,.2);
}
#main .salse .container {
	width: 90%;
	margin: 10px auto;
	text-align: center;
}
#main .salse .container .item {
	display: inline-block;
	width: 32%;
}
#main .salse .container .item .icon {
	display: block;
	width: 80px;
	height: 80px;
	overflow: hidden;
	margin: 0px auto 10px auto;
	background: #fff;
	border-radius: 100%;
}
#main .salse .container .item .icon img {
	width: 100%;
	height: auto;
}
#main .salse .container .item .name {
	font-size: 14px;
	color: #666;
}
#main .human {
	width: 100%;
	margin: 0px auto;
	padding: 20px 0px 50px 0px;
	background: url(../images/main-human-bg.png) no-repeat top center;
	background-size: 100% 100%;
	box-shadow: 0px 2px 5px rgba(0,0,0,.2);
}
#main .human .title h2 {
	color: #fff;
}
#main .human .title h3 {
	color: rgba(255,255,255,.5);
}
#main .human .container {
	width: 90%;
	margin: 10px auto;
	text-align: center;
}
#main .human .container .item {
	display: inline-block;
	float: left;
	width: 50%;
	margin-bottom: 10px;
}
#main .human .container .item .img {
	display: block;
	width: 120px;
	height: 120px;
	overflow: hidden;
	margin: 0px auto;
	background: #fff;
	border-radius: 100%;
}
#main .human .container .item .img img {
	width: 100%;
	height: auto;
}
#main .human .container .item .name {
	padding: 10px 0px;
	font-size: 14px;
	color: #fff;
}
#main .news {
	width: 100%;
	margin: 0px auto;
	padding: 20px 0px 50px 0px;
	background: #f3f3f3;
	box-shadow: 0px 2px 5px rgba(0,0,0,.2);
}
#main .news .list {
	width: 90%;
	margin: 0px auto;
	padding: 5px 0px;
	border: 1px solid #ddd;
	border-bottom: 0px;
	background: rgba(255,255,255,.7);
	border-radius: 8px 8px 0px 0px;
}
#main .news .list a {
	display: block;
	margin: 0px auto;
	border-bottom: 1px solid #ddd;
	padding: 10px 0px;
	text-align: center;
}
#main .news .list a:last-of-type {
	border: 0px;
}
#main .news .list a span {
	display: block;
	font-size: 12px;
	color: #109f42;
}
#main .news .more {
	width: 90%;
	margin: 0px auto;
	background: #fff;
	border: 1px solid #ddd;
	padding: 10px 0px;
	border-radius: 0px 0px 8px 8px;
}
#main .news .more a {
	display: inline-block;
	color: #fff;
	padding: 5px 30px;
	font-size: 12px;
	font-weight: normal;
	background: #109f42;
	border-radius: 30px;
}
#title {
	position: relative;
	z-index: 10;
	border: 1px solid #fafafa;
	background: #fafafa;
	box-shadow: 0px 0px 5px rgba(0,0,0,.2);
	width: 84%;
	margin: -20px auto;
	padding: 8px 3%;
	color: #109f42;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}
#title a {
	color: #109f42;
}
#inside {
	width: 100%;
	margin: 0px auto;
	padding: 50px 0px 30px 0px;
	box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
}
#about {
	width: 90%;
	margin: 0px auto;
	text-align: left;
}
#about .img {
	margin: 0px auto;
}
#about .img img {
	width: 100%;
	height: auto;
}
#about .text {
	margin: 20px auto;
}
#about p {
	font-size: 14px;
	color: #666;
	line-height: 24px;
	margin-bottom: 10px;
}
#honor {
	width: 90%;
	margin: 0px auto;
	text-align: left;
}
#honor .type {
	border-bottom: 1px solid #eee;
	color: #109f42;
	font-size: 14px;
	font-weight: bold;
	padding: 5px;
}
#honor .list {
	padding: 10px 5px;
	margin: 0px auto;
}
#honor .list a {
	display: block;
	padding: 5px 0px 5px 12px;
	background: url(../images/arr.png) no-repeat;
	background-position: 0px 10px;
}
#culture {
	width: 90%;
	margin: 0px auto;
	text-align: left;
}
#culture .img {
	display: none;
	margin: 0px auto;
}
#culture .img img {
	width: 100%;
	height: auto;
}
#culture .text {
	text-align: left;
	margin: 20px auto;
}
#culture .text p {
	color: #666;
	height: 45px;
	font-size: 14px;
	margin-bottom: 20px;
}
#culture .text p strong {
	display: inline-block;
	float: left;
	padding: 2px;
	width: 35px;
	height: 35px;
	font-size: 12px;
	margin-right: 10px;
	font-weight: normal;
	background: rgba(16,159,66,1);
	border: 4px solid rgba(16,159,66,1);
	color: rgba(255,255,255,1);
}
#culture .text .describe {
	color: rgba(16,159,66,1);
	font-size: 16px;
	height: auto;
	line-height: 30px;
}
#culture .text .describe strong {
	display: inline-block;
	float: none;
	width: auto;
	height: auto;
	font-size: 16px;
	background: #fff;
	color: rgba(16,159,66,1);
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	border: 0px;
	border-bottom: 2px solid rgba(16,159,66,1);
}
#history {
	width: 90%;
	margin: 0px auto;
	text-align: left;
	border-left: 2px solid rgba(16,159,66,1);
}
#history .container {
	position: relative;
	width: 90%;
	margin: 0px auto;
	padding: 30px 0px;
}
#history .container .spot {
	position: absolute;
	left: -30px;
	font-size: 16px;
	font-weight: bold;
	color: rgba(16,159,66,1);
}
#history .container .img {
	display:none;
	padding: 50px 0px 20px 0px;
}
#history .container .img img {
	width: 70%;
	height: auto;
}
#history .container .text {
	font-size: 13px;
	color: #666;
	line-height: 24px;
	padding-top:40px;
}
#history .container .text p {
	margin-bottom: 10px;
}
#strength {
	width: 90%;
	margin: 0px auto;
	text-align: left;
}
#strength .text{
	font-size:14px;
	line-height:24px;
	color:#666;
}
#strength .text h2{
	color:#109f42;
	font-size:18px;
	margin-bottom:15px;
}
#strength .img{
	margin:20px auto;
}
#strength .img img{
	width:100%;
}

#responsibility {
	width: 90%;
	margin: 20px auto;
	text-align: left;
}
#responsibility .text p {
	font-size: 14px;
	color: #666;
	line-height: 24px;
}
#responsibility .text p {
	margin-bottom: 10px;
}
#responsibility .img{
	margin:0px auto;
}
#responsibility .img img{
	width:100%;
}
#equipment {
	width: 90%;
	margin: 0px auto;
}
#equipment .text {
	margin: 0px auto;
	text-align: left;
}
#equipment p {
	font-size: 14px;
	color: #666;
	line-height: 24px;
	margin-bottom: 10px;
}
#equipment .img {
	margin: 0px auto;
	text-align: left;
}
#equipment .img img {
	width: 100%;
}
#network {
	position: relative;
	width: 90%;
	margin: 0px auto;
}
#network .text {
	margin: 0px auto;
	text-align: left;
}
#network p {
	font-size: 14px;
	color: #666;
	line-height: 24px;
	margin-bottom: 10px;
}
#network .maps {
	padding-top: 50px;
	margin: 0px auto;
}
#network .logo {
	position: absolute;
	right: 0px;
	bottom: 75px;
}
#trade {
	width: 90%;
	margin: 0px auto;
}
#trade img {
	width: 100%;
}
#case {
	width: 90%;
	margin: 0px auto;
	text-align: left;
}
#case .img {
	margin: 0px auto;
	padding-bottom: 30px;
}
#case .img img {
	width: 100%;
}
#case .container {
	border: 1px solid #eee;
	margin: 0px auto 30px auto;
	transition: all .35s;
}
#case .type {
	color: rgba(16,159,66,1);
	font-size: 14px;
	font-weight: bold;
	padding: 30px 20px 0px 20px;
	margin: 0px auto;
	text-align: left;
}
#case .type img {
	margin-left: 5px;
}
#case .list {
	margin: 0px auto;
	padding: 10px 20px 30px 20px;
}
#case .list .name {
	display: block;
	float: left;
	width: 50%;
	padding: 5px 0px;
	text-align: left;
	font-size: 12px;
	color: #888;
}
#case .container:nth-child(4) .name {
	width: 100%;
	float: none;
}
#case .container:hover {
	background: #fffff0;
}
#talent {
	width: 90%;
	margin: 0px auto;
	text-align: left;
}
#talent .text {
	margin: 0px auto;
	text-align: left;
	color: #666;
	font-size: 14px;
	line-height: 25px;
	border-bottom: 1px dotted #ddd;
}
#talent .item {
	padding: 20px 0px;
}
#talent .item .img {
	position: relative;
	width: 100%;
	margin-bottom: 10px;
}
#talent .item .img img {
	width: 100%;
	height: auto;
}
#talent .item .img .name {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: 36px;
	line-height: 36px;
	font-size: 14px;
	text-align: center;
	color: rgba(255,255,255,1);
	background: rgba(154,218,0,.9);
}
#talent .item .text {
	border: 0px;
	padding: 0px;
	width: 100%;
	color: rgba(16,159,66,1);
}
#talent .item .text p {
	font-size: 12px;
	color: #999;
	margin-top: 10px;
}
#process {
	width: 90%;
	margin: 0px auto;
	text-align: left;
	color: #666;
	font-size: 14px;
	line-height: 25px;
}
#process img {
	max-width: 100%;
}
#jobs {
	width: 90%;
	margin: 0px auto 20px auto;
	text-align: left;
}
#jobs .list-td {
	margin: 10px auto;
	height: 30px;
	padding: 5px 0px;
	color: #666;
	background: #fafafa;
}
#jobs .list-td.A {
	background: rgba(16,159,66,1);
	color: #fff;
}
#jobs .list-td div {
	display: block;
	float: left;
	font-size: 14px;
	height: 30px;
	line-height: 30px;
	text-align: center;
}
#jobs .list-td .td1 {
	width: 80%;
	padding: 0px 3%;
	text-align: left;
}
#jobs .list-td .td1 span {
	color: #ccc;
	font-size: 12px;
	display: inline-block;
	margin-left: 5px;
}
#jobs .list-td .td2 {
	width: 14%;
	padding: 0px;
}
#jobs .list-son {
	display: none;
	background: #fffff0;
	border-bottom: 1px dotted #ddd;
	padding: 10px;
	text-align: left;
	color: #666;
}
#jobs .list-son .text {
	line-height: 21px;
}
#jobs .list-son .tag {
	padding-bottom: 20px;
	line-height: 21px;
}
#jobs .list-son .tag h4 {
	display: block;
	padding: 5px 0px;
	color: #333;
}
#volunteer {
	width: 90%;
	margin: 0px auto;
	text-align: left;
	color: #666;
	font-size: 14px;
	line-height: 25px;
}
#volunteer img {
	max-width: 100%;
}
#training {
	width: 90%;
	margin: 0px auto;
}
#training .text {
	margin: 0px auto;
	text-align: left;
}
#training p {
	font-size: 14px;
	color: #666;
	line-height: 24px;
	margin-bottom: 10px;
}
#training .img {
	margin: 20px auto;
	text-align: left;
}
#training .img img {
	width: 100%;
}
#recruitment-hotline {
	width: 90%;
	margin: 0px auto;
	text-align: left;
}
#recruitment-hotline .img {
	margin: 0px auto;
}
#recruitment-hotline .img img {
	width: 100%;
}
#recruitment-hotline .text {
	text-align: left;
	padding: 10px 0px;
}
#recruitment-hotline .text h2 {
	font-size: 16px;
	color: rgba(16,159,66,1);
	display: block;
	padding: 10px 0px;
}
#recruitment-hotline .text p {
	color: #999;
	font-size: 14px;
	display: block;
	padding: 5px 0px;
}
#recruitment-hotline .text p a {
	color: #999;
}
#purpose {
	width: 90%;
	margin: 0px auto;
	text-align: left;
}
#purpose .img {
	margin: 0px auto;
}
#purpose .img img {
	width: 100%;
}
#purpose .text {
	text-align: left;
	padding: 10px 0px;
	color: #666;
	font-size: 14px;
	line-height: 24px;
}
#purpose .text p {
	margin-bottom: 10px;
}
#service {
	width: 90%;
	margin: 0px auto;
	text-align: left;
}
#service .img {
	margin: 0px auto;
}
#service .img img {
	width: 100%;
}
#service .text {
	text-align: left;
	padding: 10px 0px;
	color: #666;
	font-size: 14px;
	line-height: 24px;
}
#service .text p {
	margin-bottom: 10px;
}


#contact {
	width: 90%;
	margin: 0px auto;
	text-align: left;
}
#contact .img {
	margin: 0px auto;
}
#contact .img img {
	width: 100%;
}
#contact .text{
	font-size:13px;
	color:#555;
	line-height:28px;
	padding:10px 0px;
	text-align:left;
}
#contact .text h2{
	font-size:25px;
	color:#222;
	display:block;
	padding:20px 0px;
}




#feedback {
	width: 90%;
	margin: 0px auto;
	text-align: left;
}
#feedback .img {
	margin: 0px auto;
}
#feedback .img img {
	width: 100%;
}
#feedback .text {
	text-align: left;
	padding: 10px 0px;
	color: #999;
	font-size: 12px;
	line-height: 20px;
}
#feedback .text strong {
	color: #333;
}
#feedback .text strong span {
	display: block;
}
#feedback form dl dt {
	display: block;
	width: 100%;
	font-size:14px;
	line-height: 30px;
	color: #666;
	text-align: left;
}
#feedback form dl dd {
	display: block;
	padding-left: 0px;
	margin-top: 0px;
}
#feedback form dl dt, #feedback form dl dd {
	padding: 4px 0px;
}
#feedback form dl dt span {
	color: #ff0000;
	padding-left: 6px;
}
#feedback form dl dd select {
	display: block;
	width: 100%;
	padding: 10px 2%;
	margin-bottom: 4%;
	font-size: 12px;
	border:1px solid #ccc;
	cursor:pointer;
	color:#666;
}
#feedback form dl input, #feedback form dl textarea {
	width: 96%;
	padding: 3px 2%;
	border: 1px solid #ccc;
	color: #888;
	font-size: 14px;
	font-family: "微软雅黑";
}
#feedback form dl #checksn {
	width: 80%;
}
#feedback form dl .button input {
	width: 100%;
	height: 45px;
	line-height: 45px;
	margin: 0px auto;
	background: url(../images/bt-bg.png) repeat-x;
	background-position: left bottom;
}
#info {
	width: 90%;
	margin: 0px auto;
	text-align: left;
}
#info .list {
	margin: 0px auto;
	padding: 20px 0px;
}
#info .list a {
	display: block;
}
#info .list .time {
	display: block;
	float: left;
	background: rgba(16,159,66,1);
	border-radius: 0px 15px 0px 0px;
	width: 60px;
	height: 60px;
	color: #fff;
	text-align: center;
}
#info .list .time h2 {
	display: block;
	padding: 10px 0px 0px 0px;
	font-size: 20px;
	font-family: Arial, "Arial Narrow";
}
#info .list .time h3 {
	display: block;
	font-family: Arial, "Arial Narrow";
	font-size: 12px;
	font-weight: normal;
}
#info .list .text {
	float: left;
	width: 70%;
	height: 60px;
	margin-left: 3%;
	padding-left: 3%;
	border-left: 1px solid #eee;
	text-align: left;
	color: #999;
	font-size: 14px;
	line-height: 27px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
#info .list a:hover .time {
	background: rgba(16,159,66,1);
	color: rgba(255,255,255,1);
}
#catalog {
	width: 90%;
	margin: 0px auto;
	text-align: left;
}
#catalog a {
	position: relative;
	display: block;
	width: 100%;
	margin-bottom: 30px;
}
#catalog a .name {
	background: #109f42;
	border-radius: 30px;
	color: #fff;
	font-size: 14px;
	text-align: center;
	padding: 5px 20px;
	margin-left: 15px;
	min-width:220px;
}
#catalog a .img {
	border: 1px solid #ddd;
}
#catalog a img {
	width: 100%;
	height: auto;
}
#catalog a .name {
	position: absolute;
	top: -10px;
}
#product {
	width: 90%;
	margin: 0px auto;
	text-align: left;
}
#product a {
	position: relative;
	display: block;
	float: left;
	width: 46%;
	margin: 0px 2%;
	margin-bottom: 10px;
	text-align: center;
}
#product a .img {
	border: 1px solid #e6e6e6;
}
#product a .img img {
	width: 100%;
	height: auto;
}
#product a .name {
	padding: 5px 0px;
	line-height: 21px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}



#volunteer {
	width: 90%;
	margin: 0px auto;
	text-align: left;
}
#volunteer .img {
	margin: 0px auto;
}
#volunteer .img img {
	width: 100%;
}
#volunteer .text {
	text-align: left;
	padding: 10px 0px;
	color: #999;
	font-size: 12px;
	line-height: 20px;
}
#volunteer .text strong {
	color: #333;
}
#volunteer .text strong span {
	display: block;
}
#volunteer form dl dt {
	display: block;
	width: 100%;
	font-size:14px;
	line-height: 30px;
	color: #666;
	text-align: left;
}
#volunteer form dl dd {
	display: block;
	padding-left: 0px;
	margin-top: 0px;
}
#volunteer form dl dt, #volunteer form dl dd {
	padding: 4px 0px;
}
#volunteer form dl dt span {
	color: #ff0000;
	padding-left: 6px;
}
#volunteer form dl dd select {
	display: block;
	width: 100%;
	padding: 10px 2%;
	margin-bottom: 4%;
	font-size: 12px;
	border:1px solid #ccc;
	cursor:pointer;
	color:#666;
}
#volunteer form dl input, #volunteer form dl textarea {
	width: 96%;
	padding: 3px 2%;
	border: 1px solid #ccc;
	color: #888;
	font-size: 14px;
	font-family: "微软雅黑";
}
#volunteer form dl #checksn {
	width: 80%;
}
#volunteer form dl .button input {
	width: 100%;
	height: 45px;
	line-height: 45px;
	margin: 0px auto;
	background: url(../images/bt-bg.png) repeat-x;
	background-position: left bottom;
}




#view {
	width: 90%;
	margin: 0px auto;
	text-align: left;
}
#view .title {
	width: 80%;
	margin: 20px auto;
	font-weight: bold;
	font-size: 18px;
	text-align: center;
	color: #333;
}
#view .time {
	padding: 5px 0px;
	text-align: center;
	color: #999;
	font-size: 12px;
}
#view .count {
	padding: 3px 0px;
	text-align: center;
	color: #999;
	font-size: 12px;
}
#view .showimg {
	position: relative;
	margin: 20px auto;
	border: 1px solid #ddd;
	border-radius: 5px;
}
#view .showimg img {
	width: 100%;
	height: auto;
}
#view .showimg .swiper-pagination-bullet {
	width: 6px !important;
	height: 6px !important;
	margin: 0px 2px;
}
#view .showimg .swiper-pagination-bullet-active {
	background: #109f42;
}
#view .showimg .swiper-button-prev {
	left: 0px;
	opacity: .5;
	background-size: 20px 20px;
	-moz-background-size: 20px 20px;
	-webkit-background-size: 20px 20px;
}
#view .showimg .swiper-button-next {
	right: 0px;
	opacity: .5;
	background-size: 20px 20px;
	-moz-background-size: 20px 20px;
	-webkit-background-size: 20px 20px;
}
#view .text {
	font-size: 13px;
	color: #666;
	line-height: 25px;
}
#view .text p {
	margin-bottom: 20px;
}
#view .tags {
	margin: 0px auto;
}
#view .tags .tags_title {
	color: #109f42;
	padding: 5px;
}
#view .tags .tags_content {
	padding: 10px 0px;
	margin: 0px auto;
	text-align: left;
	color: #666;
	font-size: 13px;
	line-height: 20px;
	overflow-x: auto;
}
#view .tags .tags_content img {
	max-width: 100%;
}
#view .tags .tags_content p {
	margin-bottom: 10px;
}
#view .tags .tags_content table {
	width: 850px;
	margin: 0px auto;
	border-left: 1px solid #eee;
	border-top: 1px solid #eee;
}
#view .tags .tags_content td {
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	color: #666;
	font-size: 12px;
}
#view .btn {
	display: block;
	padding: 10px 0px;
	margin: 10px auto;
}
#view .btn .url {
	width: 100%;
	text-align: center;
	line-height: 12px;
}
#view .btn .url a {
	display: block;
	font-size: 12px;
	overflow: hidden;
	padding: 10px 0px;
	color: #fff;
	background: rgba(16,159,66,1);
	border-radius: 5px;
	margin: 5px auto;
}
#view .btn .back {
	width: 100%;
	text-align: center;
	line-height: 12px;
}
#view .btn .back a {
	display: block;
	font-size: 12px;
	overflow: hidden;
	padding: 10px 0px;
	color: #666;
	background: rgba(0,0,0,.1);
	border-radius: 5px;
	margin: 5px auto;
}
#page {
	display: block;
	text-align: center;
	color: #999;
	margin: 0px auto;
	padding-top: 20px;
	border-top: 1px solid #eee;
}
#page .pagepn {
	border: 0px;
}
#page .thispage {
	font-size: 12px;
	border: 0px;
}
#page a {
	font-size: 12px;
	color: #999;
}
#other {
	width: 90%;
	margin: 30px auto;
	background: #fff;
}
#other .tel {
	float: left;
	width: 38%;
	height: 60px;
	text-align: center;
	color: #999;
	font-size: 15px;
	font-family: Arial, "Arial Narrow";
	padding: 0px 5%;
	border-right: 1px solid #eee;
}
#other .tel h3 {
	font-size: 14px;
	font-family: "微软雅黑";
	font-weight: normal;
	color: #109f42;
	margin-top: 10px;
}
#other .tel img {
	height: 16px;
	margin-right: 3px;
}
#other .advertising {
	float: right;
	width: 38%;
	text-align: center;
	color: #999;
	font-size: 14px;
	padding: 0px 5%;
}
#other .advertising .i-logo {
	height: 18px;
	margin: 10px 0px 2px 0px;
}
#other .advertising .i-advertising {
	display:none;
	height: 12px;
}
#foot {
	background: #999;
	margin: 0px auto;
	padding: 30px 0px;
	text-align: center;
	font-size: 12px;
	line-height: 20px;
	color: #fff;
}
#foot a {
	display: block;
	color: rgba(255,255,255,.5);
}