﻿
#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: #c00;
}
#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: #c00;
	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: #c00;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}
#title a {
	color: #c00;
}
#inside {
	width: 100%;
	margin: 0px auto;
	padding: 30px 0px 30px 0px;
	box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
    min-height:300px;
}
#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 .text img {
	max-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: #c00;
	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: #c00;
	border: 4px solid #c00;
	color: rgba(255,255,255,1);
}
#culture .text .describe {
	color: #c00;
	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: #c00;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	border: 0px;
	border-bottom: 2px solid #c00;
}
#history {
	width: 90%;
	margin: 0px auto;
	text-align: left;
	border-left: 2px solid #c00;
}
#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: #c00;
}
#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:#c00;
	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: #c00;
	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: #c00;
}
#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: #c00;
	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: #c00;
	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: #c00;
	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: #c00;
	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: #c00;
	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: 100%;
}
#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: 0px 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: #c00;
}

#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: #c00;
	padding: 5px;
	font-size:16px;
}
#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: 100%;
	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: #c00;
	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: 95%;
	margin: 2px auto;
	background: #fff;
}
#other .tel {
	float: left;
	width: 45%;
	height: 60px;
	text-align: center;
	color: #999;
	font-size: 15px;
	font-family: Arial, "Arial Narrow";
	padding: 0px 2%;
	border-right: 1px solid #eee;
}
#other .tel h3 {
	font-size: 14px;
	font-family: "微软雅黑";
	font-weight: normal;
	color: #c00;
	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: 22px;
	margin: 18px 0px 2px 0px;
}
#other .advertising .i-advertising {
	display:none;
	height: 12px;
}
#foot {
	background: #666;
	margin: 0px auto;
	padding: 10px 0px;
	text-align: center;
	font-size: 12px;
	line-height: 20px;
	color: #fff;
}
#foot a {
	display: block;
	color: rgba(255,255,255,.5);
}





/*分页开始*/
.pagination {
	display: inline-block;
	padding-left: 0;
	margin: 20px 0;
	border-radius: 4px;
}

	.pagination > li {
		display: inline;
	}

		.pagination > li > a,
		.pagination > li > span {
			position: relative;
			float: left;
			padding: 6px 12px;
			margin-left: -1px;
			line-height: 1.428571429;
			text-decoration: none;
			background-color: #ffffff;
			border: 1px solid #dddddd;
		}

		.pagination > li:first-child > a,
		.pagination > li:first-child > span {
			margin-left: 0;
			border-bottom-left-radius: 4px;
			border-top-left-radius: 4px;
		}

		.pagination > li:last-child > a,
		.pagination > li:last-child > span {
			border-top-right-radius: 4px;
			border-bottom-right-radius: 4px;
		}

		.pagination > li > a:hover,
		.pagination > li > span:hover,
		.pagination > li > a:focus,
		.pagination > li > span:focus {
			background-color: #eeeeee;
		}

	.pagination > .active > a,
	.pagination > .active > span,
	.pagination > .active > a:hover,
	.pagination > .active > span:hover,
	.pagination > .active > a:focus,
	.pagination > .active > span:focus {
		z-index: 2;
		color: #ffffff;
		cursor: default;
		background-color: #c00;
		border-color: #c00;
	}

	.pagination > .disabled > span,
	.pagination > .disabled > a,
	.pagination > .disabled > a:hover,
	.pagination > .disabled > a:focus {
		color: #999999;
		cursor: not-allowed;
		background-color: #ffffff;
		border-color: #dddddd;
	}

.pagination-lg > li > a,
.pagination-lg > li > span {
	padding: 10px 16px;
	font-size: 18px;
}

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
	border-bottom-left-radius: 6px;
	border-top-left-radius: 6px;
}

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
}

.pagination-sm > li > a,
.pagination-sm > li > span {
	padding: 5px 10px;
	font-size: 12px;
}

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
	border-bottom-left-radius: 3px;
	border-top-left-radius: 3px;
}

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}

.pager {
	padding-left: 0;
	margin: 20px 0;
	text-align: center;
	list-style: none;
}

	.pager:before,
	.pager:after {
		display: table;
		content: " ";
	}

	.pager:after {
		clear: both;
	}

	.pager:before,
	.pager:after {
		display: table;
		content: " ";
	}

	.pager:after {
		clear: both;
	}

	.pager li {
		display: inline;
	}

		.pager li > a,
		.pager li > span {
			display: inline-block;
			padding: 5px 14px;
			background-color: #ffffff;
			border: 1px solid #dddddd;
			border-radius: 15px;
		}

			.pager li > a:hover,
			.pager li > a:focus {
				text-decoration: none;
				background-color: #eeeeee;
			}

	.pager .next > a,
	.pager .next > span {
		float: right;
	}

	.pager .previous > a,
	.pager .previous > span {
		float: left;
	}

	.pager .disabled > a,
	.pager .disabled > a:hover,
	.pager .disabled > a:focus,
	.pager .disabled > span {
		color: #999999;
		cursor: not-allowed;
		background-color: #ffffff;
	}
/*分页结束*/