@charset "UTF-8";

.Introduction {
	background-image: url(https://res.shzh.net/about/images/2016_New/x1_r1_c1.jpg);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	width: 100%;
	min-width: 1200px;
	margin: 0 auto;
}

.Introduction_box {
	width: 980px;
	margin: 0 auto;
	padding: 40px 0;
	text-align: center;
}

.Introduction_title {
	font-size: 30px;
	height: 40px;
	line-height: 40px;
	color: #333;
}

.Introduction_title2 {
	font-size: 18px;
	color: #999;
	height: 40px;
	line-height: 40px;
	margin-bottom: 20px;
}

.Introduction_box p {
	text-align: left;
	text-indent: 2em;
	line-height: 36px;
	font-size: 14px;
	color: #333;
}

.about_service {
	background: url(https://res.shzh.net/about/images/2016_New/x1_r2_c1.jpg) #121212 center 0 no-repeat;
	width: 100%;
	min-width: 1200px;
	height: 810px;
	margin: 0 auto;
}

.about_service2 {
	background: url(https://res.shzh.net/about/images/2016_New/x1_r3_c1.jpg) #121212 center 0 no-repeat;
	width: 100%;
	min-width: 1200px;
	height: 808px;
	margin: 0 auto;
}

.about_project {
	width: 100%;
	min-width: 1200px;
	background-color: #f5f5f5;
	padding: 50px 0;
}

.project_box {
	width: 980px;
	margin: 0 auto;
}

.project_title {
	background: url(https://res.shzh.net/about/images/2016_New/z1_r1_c1.png) no-repeat;
	width: 980px;
	height: 57px;
}

.project_title2 {
	background: url(https://res.shzh.net/about/images/2016_New/z1_r3_c5.png) no-repeat;
	width: 363px;
	height: 69px;
	margin: 140px auto 45px;
}

.project_info {
	width: 980px;
	margin: 0 auto;
	position: relative;
}

.project_line {
	width: 1px;
	border-left: 1px solid #ddd;
	height: 840px;
	position: absolute;
	left: 489px;
}

.project_info ul {
	width: 100%;
	margin-top: 400px;
}

.project_info ul li {
	height: 140px;
	position: relative;
	width: 100%;
}

.project_info ul li em {
	width: 36px;
	height: 36px;
	display: inline-block;
	position: absolute;
	top: 0;
	left: 471px;
}

.project_info ul li span {
	display: inline-block;
	width: 199px;
	height: 174px;
	position: absolute;
	opacity: 0;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	transform-origin: left;
	-webkit-transform: rotateY(-90deg);
	-moz-transform: rotateY(-90deg);
	transform: rotateY(-90deg);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
	transition: transform 0.4s, opacity 0.1s 0.3s;
}

.project_info ul li span.icur_left {
	opacity: 0;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	transform-origin: right;
	-webkit-transform: rotateY(-90deg);
	-moz-transform: rotateY(-90deg);
	transform: rotateY(-90deg);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
	transition: transform 0.4s, opacity 0.1s 0.3s;
}

.project_info ul li span.icur_bottom {
	opacity: 0;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	transform-origin: top;
	-webkit-transform: rotateX(-90deg);
	-moz-transform: rotateX(-90deg);
	transform: rotateX(-90deg);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
	transition: transform 0.4s, opacity 0.1s 0.3s;
}

.project_info ul li span.icur_right i {
	width: 174px;
	height: 1px;
	background-color: #000;
	display: inline-block;
	position: absolute;
	top: 73px;
	left: -120px;
}

.project_info ul li span.icur_left i {
	width: 174px;
	height: 1px;
	background-color: #000;
	display: inline-block;
	position: absolute;
	top: 73px;
	right: -120px;
}

.project_info ul li span.icur_bottom i {
	height: 113px;
	width: 1px;
	background-color: #000;
	display: inline-block;
	position: absolute;
	top: -110px;
	left: 73px;
}

.project_info ul li.cur1 em {
	background: url(https://res.shzh.net/about/images/2016_New/cr1.png) no-repeat center center;
	background-color: #f5f5f5;
}

.project_info ul li.cur2 em {
	background: url(https://res.shzh.net/about/images/2016_New/cr2.png) no-repeat center center;
	background-color: #f5f5f5;
}

.project_info ul li.cur3 em {
	background: url(https://res.shzh.net/about/images/2016_New/cr3.png) no-repeat center center;
	background-color: #f5f5f5;
}

.project_info ul li.cur4 em {
	background: url(https://res.shzh.net/about/images/2016_New/cr4.png) no-repeat center center;
	background-color: #f5f5f5;
}

.project_info ul li.cur5 em {
	background: url(https://res.shzh.net/about/images/2016_New/cr5.png) no-repeat center center;
	background-color: #f5f5f5;
}

.project_info ul li.cur6 em {
	background: url(https://res.shzh.net/about/images/2016_New/cr6.png) no-repeat center center;
	background-color: #f5f5f5;
}

.project_info ul li.cur7 em {
	background: url(https://res.shzh.net/about/images/2016_New/cr7.png) no-repeat center center;
	background-color: #f5f5f5;
}

.project_info ul li span.icur_2 {
	background: url(https://res.shzh.net/about/images/2016_New/icur2.png) no-repeat;
	right: 160px;
	top: -56px;
}

.project_info ul li span.icur_3 {
	background: url(https://res.shzh.net/about/images/2016_New/icur3.png) no-repeat;
	left: 160px;
	top: -56px;
}

.project_info ul li span.icur_4 {
	background: url(https://res.shzh.net/about/images/2016_New/icur4.png) no-repeat;
	right: 160px;
	top: -56px;
}

.project_info ul li span.icur_5 {
	background: url(https://res.shzh.net/about/images/2016_New/icur5.png) no-repeat;
	left: 160px;
	top: -56px;
}

.project_info ul li span.icur_6 {
	background: url(https://res.shzh.net/about/images/2016_New/icur6.png) no-repeat;
	right: 160px;
	top: -56px;
}

.project_info ul li span.icur_7 {
	background: url(https://res.shzh.net/about/images/2016_New/icur7.png) no-repeat;
	left: 160px;
	top: -56px;
}

.project_info ul li span.icur_8 {
	background: url(https://res.shzh.net/about/images/2016_New/icur8.png) no-repeat;
	right: 160px;
	top: -56px;
}

.project_info ul li span.icur_9 {
	background: url(https://res.shzh.net/about/images/2016_New/icur9.png) no-repeat;
	left: 416px;
	top: 0px;
	width: 180px;
	height: 197px;
}

.project_info ul li span.icur {
	opacity: 1;
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	transform: rotateY(0deg);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s;
	transition: transform 0.4s, opacity 0.1s;
}

.first_ico {
	background: url(https://res.shzh.net/about/images/2016_New/icur1.png) no-repeat;
	width: 171px;
	height: 196px;
	display: inline-block;
	position: absolute;
	top: -260px;
	left: 416px;
}

.first_ico i {
	height: 95px;
	width: 1px;
	background-color: #000;
	display: inline-block;
	position: absolute;
	top: 172px;
	left: 73px;
}

.To_us {
	width: 100%;
	min-width: 1200px;
	height: 178px;
	background: url(https://res.shzh.net/about/images/2016_New/x1_r5_c1.jpg) #333240 center 0 no-repeat;
	margin: 0 auto;
}