﻿.banner {
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 120px;
background-color:#fff;
}
.banner .bannerBtn {
	position: absolute;
	top: 50%;
	height: 148px;
	margin-top: -74px;
	cursor: pointer;
	z-index: 2;
}
.banner .bannerBtn.leftBtn {
	left: -100px;
}
.banner .bannerBtn.rightBtn {
	right: -100px;
}
.banner .contents {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}
.banner .content {
	position: absolute;
	top: 0px;
	width: 100%;
	height: 100%;
background-color:#fff;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: left 120px;
	background-attachment: fixed;
	text-align: center;
}

/*.banner .content .bg{
background-size:100% 100%;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
vertical-align:middle;
}*/
.banner .contentInfo {
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	height: 300px;
	margin-top: -150px;
	z-index: 1;
}
.banner .content .title1 {
	padding-top: 46px;
	opacity: 0;
	width: 100%;
	font-family: '微软雅黑';
	font-size: 44px;
	color: #fff;
	text-align: center;
	margin-top: 0px;
}
.banner .content .title2 {
	opacity: 0;
	width: 100%;
	font-family: '微软雅黑';
	font-size: 60px;
	margin-bottom: 20px;
	font-weight: 100;
	color: #fff;
	text-align: center;
}
.banner .content .title3 {
	opacity: 0;
	border: 3px solid #fff;
	padding: 6px 24px 8px 24px;
	font-size: 27px;
	font-weight: bold;
	color: #fff;
	text-align: center;
}
.banner .bannerNav {
	position: absolute;
	bottom: 30px;
	width: 100%;
	text-align: center;
	z-index: 2;
}
.banner .bannerNav img {
	width: 80px;
	height: 4px;
	margin: 0px 3px;
	cursor: pointer;
}
.banner .bannerBg {
	width: 100%;
	height: auto;
	vertical-align: middle;
}
.about {
	position: relative;
	background: #fff;
	padding: 70px 0px 50px 0;
font-family: '微软雅黑';
}
.about .title {
	color: #444;
		text-align: center;
	font-size: 55px;
	
}
.about .info {
	color: #444;
	font-size: 18px;
	line-height: 30px;
	width: 877px;
	margin: 0px auto;
}
.about .content {
	padding-top: 25px;
}
.about .contentMun {
	height: 300px;
	width: 100%;
	margin: 0 auto;
}
.about .contentMun .child {
	padding-top: 50px;
	text-align: center;
	float: left;
}

.about .contentMun .child .mun {
	font-family: 'DIN Condensed Bold';
	font-size: 100px;
	color: #444;
}
.about .contentMun .child p {
	font-family: 'Noto Sans S Chinese Light', 'NotoSansHans-Light', '微软雅黑';
	font-weight: 100;
	font-size: 24px;
	color: #444;
}
.about .linkBtn {
	margin: 0px auto;
}


.work {
	padding: 70px 0px 80px 0px;
	text-align: center;
	background: #fff;
}
.work .content {
	padding-top: 40px;
	height: auto;
	width: 94%;
	margin:0 auto;
}
.work .content:after {
	content: "020";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.work .content .child {
	position: relative;
	float: left;

}
.work .content .child .childImg {

	border:1px solid #F00;
	box-shadow:5px 5px  15px 5px #eaeaea;
	vertical-align: middle;
}
.work .content .child .childHide {
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: #df1020;
}
.work .content .child .childPointer {
	position: absolute;
	bottom: 17px;
	right: 20px;
	width: 71px;
}

.work .content .child .childContent {
	position: absolute;
	top: 40%;
	left: 0px;
	height: 54px;
	width: 100%;
	margin-top: -27px;
}
.work .content .child .childContent .title {
	font-size: 21px;
	color: #fff;
	font-weight:bold;
	width: 50%;
	margin: 0 auto;
}
.work .content .child .childContent .info {
	color: #fff;
	font-size: 16px;
width:90%;
line-height:24px;
	margin-top: 10px;

}
.work .linkBtn {
	margin: 80px auto 0px auto;
}
.say {
	position: relative;
	width: 100%;
	height: 864px;
	background: url(../images/gallery.jpg) no-repeat 75% bottom fixed;
	overflow: hidden;
}
.say .imgBg {
	position: absolute;
	top: 0px;
	left: 50%;
	width: 100%;
	height: 864px;
	margin-left: -50%;
	background-size: 900px auto;
}
.say .container {
	padding-top: 107px;
	width: 1161px;
	margin-top:60px;
}
.say .sub {
	width: 37px;
	height: 2px;
	background: #fff;
	margin:0 auto;
}
.say .sub1 {
	margin: 0px 0px 30px 0px;
}
.say .sub2 {
	margin: 175px 0px 60px 0px;
}
.say .title1 {
	font-size: 42px;
	font-family: 'Noto Sans S Chinese Light', 'NotoSansHans-Light', '微软雅黑';
	font-weight: 100;
	color: #fff;
	text-align:center;
}
.say .title {
	font-size: 80px;
	font-family: 'Noto Sans S Chinese Light', 'NotoSansHans-Light', '微软雅黑';
	font-weight: 100;
	color: #fff;
	line-height: 85px;
		text-align:center;

}
.say .title2 {
	font-size: 58px;
		text-align:center;
	font-family: 'MyriadPro-Regular_0';
	color: #fff;
	line-height: 62px;
}

.team {
	position: relative;
	text-align: center;
	padding: 70px 0px 80px 0px;
	border-bottom: 1px solid #949494;
}
.team .content {
	padding-top: 40px;
}
.team .content:after {
	content: "020";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.team .child {
	width: 300px;/*float:left;*/
	margin: 0 18px;
	display: inline-block;
*display:inline;
*zoom:1;
	transform: perspective(600px);
	-webkit-transform: perspective(600px);
	-moz-transform: perspective(600px);
	-ms-transform: perspective(600px);
	-o-transform: perspective(600px);
}
.team .child .childImg {
	position: relative;
	width: 298px;
	height: 311px;
	border: 1px solid #a7a7a7;
	overflow: hidden;
}
.team  .linkBtn {
	margin: 80px auto 0px auto;
}
.team .child .childImg img {
	position: absolute;
	bottom: 0px;
	left: 0px;
	max-width: 100%;
	height: auto;
}
.team .titleEn {
	font-size: 30px;
	
	color: #444;
	letter-spacing: 0.12em;
	font-stretch: condensed;
	margin: 16px 0;
}
.team .title {
	font-size: 18px;
	color: #444;
}
.team .sub {
	width: 40px;
	height: 2px;
	margin: 18px auto;
	background: #e50012;
}
.team .info {
	font-size: 14px;
	color: #000;
}
.team .info span {
	margin: 0 10px;
}
.team .foot {
	font-size: 36px;
	color: #E50012;
	margin-top: 70px;
}
.service {
	position: relative;
	text-align: center;
	padding: 70px 0px 80px 0px;
}
.service .content {
	padding-top: 40px;
}
.service .content .child {
	width: 26.65%;
	margin: 0 1.8%;
	text-align: left;
	display: inline-block;
*display:inline;
*zoom:1;
}
.service .content .child .childTitle {
	position: relative;
	border: 2px solid #e70719;
	height: 160px;
}
.service .content .child .childTitle {
	transition-duration: .5s;
	-ms-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-webkit-transition-duration: .5s;
}
.service .content .child .childTitle .titleEn {
	margin: 75px 0 2px 8%;
	font-size: 30px;
	font-family: 'MyriadPro-Regular_0';
	color: #E50012;
}
.service .content .child .childTitle .titleEn {
	transition-duration: .5s;
	-ms-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-webkit-transition-duration: .5s;
}
.service .content .child .childTitle .titleCh {
	margin: 0 0 0 8%;
	font-size: 20px;
	color: #444;
}
.service .content .child .childTitle .titleCh {
	transition-duration: .5s;
	-ms-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-webkit-transition-duration: .5s;
}
.service .content .child .childContent {
	padding: 30px 0 0 0;
}
.service .content .child .childContent:after {
	content: "020";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.service .content .child .childContent ul {
	float: left;
}
.service .content .child .childContent li {
	padding-left: 25px;
	font-size: 18px;
	color: #444;
	line-height: 32px;
}
.service .content .child .childContent li {
	transition-duration: .5s;
	-ms-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-webkit-transition-duration: .5s;
}
.service .content .child .childContent li:hover {
	color: #e70719;
}
.news {
	position: relative;
	width: 100%;
	height: 826px;
	background-color: #000;
	background-image: url(../images/news.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100% 100%;
}
.news .container {
	padding-top: 110px;
	width: 1161px;
}
.news .newsTitle {
	color: #fff;
	font-size: 72px;
	
	letter-spacing: 0.04em;
	font-weight: 100;
	font-stretch: extra-condensed;
}
.news .newsInfo {
	
	font-size: 30px;
	font-weight: 100;
	color: #fff;
}
.news .left {
	position: relative;
	float: left;
	width: 50%;
}
.news .left .content {
	position: relative;
	width: 440px;
	height: 440px;
	margin-top: 30px;
}
.news .left .content .quan {
	position: absolute;
	width: 220px;
	height: 220px;
	background: url(../images/quan.png) no-repeat;
	background-size: 100% 100%;
	text-align: center;
	font-size: 24px;
	color: #fff;
}
.news .left .content .quan .titleEn {
	letter-spacing: 0.12em;
	margin-top: 84px;

	font-weight: 100;
	font-stretch: condensed;
}
.news .left .content .quan .titleCh {
	
	font-weight: 100;
}
.news .left .content .quan a{
	color:#fff;
}

#quan1 {
	top: 0px;
	left: 90px;
}
#quan2 {
	top: 160px;
	left: 0px;
}
#quan3 {
	top: 160px;
	left: 180px;
}
#quan4 {
	top: 90px;
	left: 90px;
	background: none;
}
.news .right {
	float: left;
	width: 50%;
}
.news .right .content {
	padding-top: 30px;
}
.news .right .child {
	margin: 0 0 38px 0;
	position: relative;
	width: 100%;
}
.news .right .child:after {
	content: "020";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.news .right .child .childTime {
	float: left;
	width: 22.1%;
	height: 124px;
	border: 3px solid #e50012;
	text-align: center;
	color: #fff;
}
.news .right .child .childTime .timeMonth {
	margin-top: 10px;
	font-family: 'MyriadPro-Cond_0';
	font-size: 24px;
	font-weight: 100;
	font-stretch: condensed;
}
.news .right .child .childTime .timeDay {
	font-family: 'MyriadPro-LightCond';
	font-size: 72px;
	font-weight: 100;
	font-stretch: condensed;
}
.news .right .child .childInfo {
	float: left;
	width: 71%;
	margin-left: 5.3%;
	color: #fff;
}
.news .right .child .childInfo .title {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 20px;
	width: 100%;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.news .right .child .childInfo .info {
	font-size: 14px;
	color: #cecece;
	line-height: 20px;
}
.news .right .child .no {
	width: 22.1%;
	height: 50px;
	float: left;
}
.news .right .child .moreBtn {
	position: relative;
	font-size: 16px;
	padding-left: 10px;
	margin-left: 6px;
	width: 157px;
	height: 40px;
	line-height: 40px;
	color: #fff;
	background: #e50012 url(../images/rightIconOn.png) no-repeat 114px center;
	background-size: 36px 18px;
	font-family: '黑体';
}
.news .right .child .moreBtn span {
	font-size: 16px;
}
.ct1{
position: absolute;top: 11px;left:80%;
}