/* CSS Document */

.service {
	.service-index {
		padding-top   : 80px;
		padding-bottom: 100px;

		.service-title {
			font-size    : 36px;
			margin-bottom: 40px;
		}
	}

	.service-list {
		.item {
			float        : left;
			text-align   : center;
			width        : 32%;
			margin-right : 2%;
			margin-bottom: 4%;
			@include tr(box-shadow, 0.4s);

			img {
				width  : 100%;
				display: block;
			}

			p {
				color           : #333;
				font-size       : 20px;
				line-height     : 55px;
				background-color: #7f7f7f;
				color           : #fff;
			}

			&:hover {
				box-shadow: 0 0 20px #777;
				@include tr(box-shadow, 0.4s);
			}
		}
	}

	.licheng-list {
		.item {
			a {
				display     : block;
				line-height : 60px;
				background  : url("../images/jiangbei.png") no-repeat left center;
				padding-left: 50px;
			}
		}
	}
}

.resource {
	.resource-index {
		padding-top   : 80px;
		padding-bottom: 100px;

		.resource-title {
			font-size    : 36px;
			margin-bottom: 40px;
		}
	}

	.resource-list {
		.item {
			float        : left;
			margin-right : 2%;
			width        : 48%;
			border-bottom: 1px solid #efefef;
			line-height  : 76px;
			font-size    : 18px;

			a {
				display: block;

				span {
					font-size  : 24px;
					float      : right;
					width      : 24px;
					line-height: 76px;
					color      : #000;
				}

				&:hover {
					color: #d1111c;

					span {
						color: #d1111c;
					}
				}
			}

			&.mRn {
				margin-left: 2%;
			}
		}
	}
}

.customer {
	.customer-index {
		padding-top   : 80px;
		padding-bottom: 100px;

		.customer-title {
			font-size    : 36px;
			margin-bottom: 40px;
		}

		table {
			width: 50%;
			float: left;

			th {
				text-align : right;
				color      : #333;
				line-height: 40px;
				height     : 40px;

				span {
					display   : inline-block;
					margin-top: 10px;
				}
			}

			td {
				input {
					border     : 1px solid #e6e6e6;
					line-height: 38px;
					padding    : 0;
					width      : 99%;
					margin     : 10px 0;
				}

				textarea {
					border        : 1px solid #e6e6e6;
					resize        : none;
					padding       : 0;
					width         : 99%;
					height        : 220px;
					margin-top    : -10px;
					vertical-align: top;
					margin-bottom : 10px;
				}

				a {
					display         : block;
					text-align      : center;
					background-color: #d1111c;
					line-height     : 40px;
					color           : #fff;
					margin          : 10px 0;
					width           : 60%;

					&:hover {
						box-shadow: 0 0 5px #d1111c;
					}
				}
			}
		}

		.contact {
			padding-top: 80px;

			.contact-content {
				border        : 1px solid #e6e6e6;
				position      : relative;
				width         : 45%;
				padding-right : 50%;
				line-height   : 33px;
				padding-top   : 40px;
				padding-bottom: 40px;
				padding-left  : 5%;

				#dituContent {
					width   : 50%;
					height  : 100%;
					position: absolute;
					right   : 0;
					top     : 0;
				}
			}
		}
	}
}
