@charset "utf-8";
/* CSS Document */
html, body {
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	font-family: "微软雅黑";
	background: #f3f3f3;
	text-align: center;
	-webkit-text-size-adjust: none;
	max-width: 640px;
}
a {
	color: #666666;
	text-decoration: none;
	outline: 0px none;
star:expression(this.onFocus=this.blur());
}
a:hover, a:active {
	color: #017fc2;
}
* {
	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: 80px;
	background: #fff;
	overflow: hidden;
}
#head .logo {
	position: absolute;
	left: 15px;
	top: 5px;
	text-align: left;
}
#head .logo img {
	height: 70px;
}
#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-y: scroll;
	background: #333;
}
#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 span{ display:block; width:100%;}
#menu .m-mod a{ display:block;  width:80%; color:#FFF;}
#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;
}
.mgt30{ margin-top:30px;}
#main .about {
	float:left;
	width: 100%;
	margin: 0px auto;
	margin-top:20px;
	margin-bottom:20px;
	padding: 20px 0px 50px 0px;
	background: url(../images/index_about_bg.png) top center no-repeat;
	background-size:cover;
}
#main .about .container {
	margin: 0px auto;
	width: 90%;
	color: #fff;
}
#main .about .container .brief{ float:left; width:100%; margin-bottom:20px;}
#main .about .container a {
	display: block;
	float: left;
	width: 33%;
	font-size: 14px;
	color: #fff;
	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 .youshi {
	width: 100%;
	margin: 0px auto;
	padding: 20px 0px 50px 0px;
}
#main .youshi .list {
	width: 90%;
	margin: 0px auto;
	padding: 5px 0px;
	border: 1px solid #ddd;
	background: rgba(255,255,255,.7);
	border-radius: 8px 8px 0px 0px;
}
#main .youshi .list a {
	display: block;
	margin: 0px auto;
	border-bottom: 1px solid #ddd;
	padding: 10px 0px;
	text-align: center;
}
#main .youshi .list a:last-of-type {
	border: 0px;
}
#main .youshi .list a span {
	display: block;
	font-size: 14px;
	color: #37ba92;
}

#main .product {
	position: relative;
	margin: 0px auto;
	padding: 20px 0px 80px 0px;
	background: #f3f3f3/* 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-slide {
	width: 46%;
	margin: 0px 2%;
}
#main .product .swiper-container .name {
	background: #fff;
	width: 120px;
	height: 30px;
	line-height: 30px;
	border-radius: 30px;
	margin: 0px auto 10px auto;
	font-size: 14px;
	font-weight: 700;
	color: #017fc2;
	overflow:hidden;
}
#main .product .swiper-container .img {
	position: relative;
	width: 100%;
	height: 140px;
	margin: 0px auto;
	overflow: hidden;
}
#main .product .swiper-container img {
	width: 100%;
	height: auto;
}
#main .product .swiper-container .view {
	text-align: center;
	background: #fff;
	padding: 10px 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: #017fc2;
	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 20px 0px;
	background: url(../images/index_about_bg.png) top center no-repeat #f3f3f3;
	background-size:cover;
	box-shadow: 0px 2px 5px rgba(0,0,0,.2);
}
#main .human .title h2 {
	color: #fff;
}
#main .human .title h3 {
	color:#fff;
}
#main .human .container {
	width: 90%;
	margin: 5px auto;
	text-align: center;
	overflow:hidden;
}
#main .human .container .item {
	display: inline-block;
	float: left;
	width: 32%;
	margin-bottom: 10px;
}
#main .human .container .item .img {
	display: block;
	width: 100%;
	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;
}

.swiper-wrapper-hjzs{ padding:10px 0;}
.swiper-wrapper-hjzs li{position:relative; float:left; width:44%; margin:0 3%; color:#666;}
.swiper-wrapper-hjzs li a{ float:left; width:100%;}
.swiper-wrapper-hjzs li a img{ width:90%; margin-bottom:5px;  border:5px #FFFFFF solid;}
.swiper-wrapper-hjzs li em{ font-style:normal; font-size:12px; color:#888;}
.swiper-wrapper-hjzs li p{ font-style:normal; font-size:12px; color:#fff; line-height:20px; text-align:center;}
#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: #017fc2;
}
#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: #017fc2;
	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: #017fc2;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}
#title a {
	color: #0068b1;
}
#inside {
	width: 100%;
	margin: 0px auto;
	margin-top: 20px;
	padding: 10px 0px 20px 0px;
	box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
}
#about {
	width: 90%;
	margin: 20px auto 0 auto;
	text-align: left;
}
#about .img {
	margin: 0px auto;
}
#about .img img {
	width: 100%;
	height: auto;
}
#about .text {
	margin: 0px auto;
}
#about .text img {
	width: 100%;
}
#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: 10px 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:#017fc2;
	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:#333;
	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;
}

.productlist{ float:left; width:100%;}
.productlist li{ float:left; width:50%;}
.productlist li a{ float:left; width:96%; margin-left:2%; margin-right:2%;}
.productlist li img{ float:left;width:100%;}
.productlist li span{ float:left; display:block; width:100%; line-height: 30px; text-align:center; margin-top:10px;}
.productlist li.clears{ clear:both; height:10px; width:100%; border:0px;}

#faqbox{ display:block; margin-top:20px;}
#faqbox .faqline{ width:100%; line-height:2em; text-align:left; margin:10px 0;}
#faqbox .faqline .faqtit{  width:75px; display:block; float:left; clear:both; text-align:right}
#faqbox .faqline input{ border:#CCC solid 1px; height:25px; line-height:25px; border-radius:10px;}
#faqbox .FaqContent{ float:left; width:100%; line-height:2em; height:120px; text-align:left}
#faqbox .FaqContent .faqtit{  width:75px; display:block; float:left; clear:both; text-align:right}
#faqbox .FaqContent textarea { height:100px; border:#CCC solid 1px; border-radius:10px;}

#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;
}

#productimg{ width:100%; margin-top:10px;}
.mgt20{ margin-top: 20px; }
#view .text .p_tit{ float: left; width: 100%; }
#view .text .p_tit a{ float: left; width: 33.33%; display: block;  height: 40px; line-height: 40px; text-align: center; background: #e3e3e3; }
#view .text .p_con{ float: left; display: block; line-height: 25px; margin-top: 10px; clear: both; width: 100%; }
#view .text .p_con b{ text-align: center; width: 100%; display: block; line-height: 40px; font-size: 16px;  margin-top: 10px; clear: both; }
#view .text .p_con p img{width: 100%; }

#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: #fff;
}
#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: 14px;
	color: #666;
	line-height: 25px;
}
#view .text p {
}
#view .text .p_con img {
	width:100%;
}
#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;
}

#other {
	width: 90%;
	margin: 30px auto;
	background: #fff;
}
#other .tel {
	float: left;
	width: 40%;
	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: #017fc2;
	margin-top: 10px;
}
#other .tel img {
	height: 16px;
	margin-right: 3px;
}
#other .advertising {
	float: right;
	width: 35%;
	text-align: center;
	color: #999;
	font-size: 14px;
	padding: 0px 5%;
}
#other .advertising .i-logo {
	height: 50px;
	margin: 10px 0px 2px 0px;
}
#other .advertising .i-advertising {
	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);
}


.certificatelist{ float:left; width:100%;}
.certificatelist li{ float:left; width:100%; display:block; margin-bottom:10px; padding:5px 0; clear:both; border-bottom:#CCC solid 1px; background:url(../images/arrow-n.jpg) right center no-repeat;}
.certificatelist li a{ float:left; width:100%; height:60px;}
.certificatelist li .nimg{ float:left; width:15%; margin-right:3%; text-align:center; }
.certificatelist li img{ width:100%; max-height:60px;}
.certificatelist li a .ncon{ float:left; width:80%; overflow:hidden;}
.certificatelist li b{ font-size:14px; word-wrap:break-word; line-height:60px;}
.certificatelist li p{ font-size:12px; text-overflow:ellipsis; white-space:nowrap; word-break:keep-all;}


.joblist{ float:left; width:100%;}
.joblist li{ float:left; width:99%; margin-bottom:20px; border:1px solid #e4e4e4; background:#FFF}
.joblist li .jobtitle{ height:46px; overflow:hidden; cursor:pointer; border-radius:5px 5px 0 0;}
.joblist li .jobtitle .tit{ float:left; display:block;  line-height:46px; height:46px; overflow:hidden; padding-left:25px; font-size:14px;}
.joblist li .jobtitle .arr{ float:right; background:url(../images/arrow-down.jpg) center no-repeat; height:46px; width:46px;}
.joblist li .jobtitle-active .tit,.jobs li .jobtitle:hover .tit{ color:#017fc2;}
.joblist li .jobtitle-active .arr,.jobs li .jobtitle:hover .arr{ background:url(../images/arrow-up.jpg) center no-repeat;}
.joblist li .jobbrief{ border-top:1px solid #e4e4e4; padding-left:20px; padding-top:15px; padding-right:20px; padding-bottom:20px; line-height:25px;}

/*分页条*/
.pageNavi { margin-top:20px; margin-bottom:20px; display:block; WIDTH: 100%; TEXT-ALIGN: center; line-height:30px; font-size:12px; clear: both;}
.wp-pagenavi { CLEAR: both}
.wp-pagenavi A {
	border:#CCC solid 1px;
	padding:5px 10px; 
-moz-border-radius: 5px;      /* Gecko browsers */
-webkit-border-radius: 5px;   /* Webkit browsers */
border-radius:5px;            /* W3C syntax */
margin:0 3px;
	}
.wp-pagenavi SPAN { 
border:#CCC solid 1px;
padding:5px 10px; 
-moz-border-radius: 5px;      /* Gecko browsers */
-webkit-border-radius: 5px;   /* Webkit browsers */
border-radius:5px;            /* W3C syntax */
margin:0 3px;
}
.wp-pagenavi A:hover { background:#017fc2; color:#FFF; border:#017fc2 solid 1px;}
.wp-pagenavi SPAN.current {  background:#017fc2; color:#FFF; border:#017fc2 solid 1px;}