.left{
	float: left;
}
.right{
	float: right;
}
.table{
	width: 100%;
	height: 100%;
	display: table;
}
.table .table-cell{
	width: 100%;
	height: 100%;
	display: table-cell;
	vertical-align: middle;
}

.fz70{
	font-size: 70px;
	line-height: 80px;
}
.fz50{
	font-size: 50px;
}
.fz30{
	font-size: 30px;
}
@media (max-width: 1366px){
	.fz70{
		font-size: 48px;
		line-height: 50px;
	}
	.fz50{
		font-size: 36px;
	}
}
@media (max-width: 1024px){
	.fz70{
		font-size: 34px;
		line-height: 44px;
	}
	.fz50{
		font-size: 28px;
	}
	.lh30{
		line-height: 24px;
	}
	.fz30{
		font-size: 20px;
	}
}
@media (max-width: 678px){
	.fz70{
		font-size: 26px;
		line-height: 32px;
	}
	.fz50{
		font-size: 22px;
	}
	.lh30{
		line-height: 24px;
	}
}
@media (max-width: 460px){
	.fz70{
		font-size: 22px;
		line-height: 24px;
	}
}
.color1{
	color: #138390;
}
.color2{
	color: #fff;
}
.color3{
	color: #0c4b53;
}
.color4{
	color: #666;
}
.lh22{
	font-size: 14px;
	line-height: 22px;
}
.lh30{
	font-size: 14px;
	line-height: 30px;
}
.fz1430{
	font-size: 14px;
	line-height: 30px;
}

.tR{
	/*text-align: right;*/
}
.construction{
	width: 100%;
	height: auto;
}
.construction .box{
	width: 100%;
	height: auto;
	position: relative;
}
.construction .box .pic{
	width: 50%;
	height: auto;
	position: relative;
	z-index: 1;
}
.imm{
	position: absolute;
	left: 0;
	bottom: 0;
}
.construction .box .bg{
	width: 50%;
	height: 100%;
	position: absolute;
	top: 0;
	background-color: #0095a9;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	z-index: 0;
}
.construction .box:nth-child(odd) .bg{
	left: 0;
}
.construction .box:nth-child(even) .bg{
	right: 0;
}	
.construction .box .con{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 4;
}
.construction .box .con .con-new{
	height: 100%;
}
.construction .box .con .con-new .conn{
	width: 37.5%;
	height: auto;
}
.construction .box .con .con-new .conn .tits{
	font-weight: bold;
	letter-spacing: 5px;
	margin-bottom: 20px;
}
.construction .box .con .con-new .conn .conn-new{
	width: 100%;
	height: auto;
	max-height: 650px;
}
.construction .box .con .con-new .conn .conn-new .txt{
	font-size: 20px;
	line-height: 40px;
}
.construction .box .con .con-new .conn .conn-new .tit{
	/*margin-top: 37px;*/
}
/*.construction .box .con .con-new .conn.c1 .conn-new .tit{
	margin-top: 37px;
}*/
.construction .box:nth-child(even) .con .con-new .conn{
	float: right;
}
.construction .box .con .con-new .conn .conn-new .list{
	text-align: right;
	margin-top: 47px;
	margin-bottom: 20px;
}
.construction .box .con .con-new .conn .conn-new .list img{
	width: 41.3%;
	margin-left: 3.3%;
	display: inline-block;
}
.construction .box .con .con-new .conn.c1{
	width: 45.3%;
}
.construction .box .con .con-new .conn.c1 .conn-new .list{
	text-align: left;
	margin-top: 0;
}
.construction .box .con .con-new .conn.c1 .conn-new .list img{
	width: 34.2%;
	margin-left: 0;
	margin-right: 3.3%;
}
.construction .box .con .con-new .conn .conn-new .list img.img{
	width: 56%;
}

.construction .box .con .con-new .conn .conn-new .imgG{
	width: 100%;
	margin-top: 27px;
	position: relative;
	top: auto;
	left: auto;
}
.construction .box .con .con-new .conn .conn-new .imgG img{
	max-width: 100%;
}



.bc{
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	position: relative;
}

.inspected{
	width: 100%;
	height: auto;
}
.inspected .box1{
	width: 100%;
	height: auto;
	padding: 14.5% 0;
}
.table-boxGx{
	width: 45.3%;
	height: auto;
	float: right;
	margin-right: 3.75%;
}
.bgC{
	background-color: rgba(0,0,0,.3);
}	
.table-boxGx .item{
	margin-bottom: 10px;
}
.table-boxGx .item .t{
	height: 76px;
	font-size: 20px;
	line-height: 76px;
	color: #fff;
}
.table-boxGx .item .t.t1{
	width: calc(60.1% - 60px);
	padding-left: 60px;
}
.table-boxGx .item .t.t2{
	padding-left: 80px;
	width: calc(38.6% - 80px);
}

.conGx{
	width: 39.4%;
	float: left;
	padding-left: 40px;
	padding-top: 5%;
}
.conGx .line{
	width: 58px;
	height: 4px;
	background-color: #fff;
}
.conGx .tits{
	font-weight: bold;
	margin-top: 37px;
}
.conGx .tit{
	font-size: 65px;
	line-height: 55px;
	color: rgba(255,255,255,0.5);
	font-family: Arial;
	text-transform: uppercase;
	font-weight: bold;
	margin-top: 39px;
	position: relative;
}
.conGx .tit span{
	display: block;
	font-size: 50px;
	font-weight: normal;
	margin-top: 6px;
}
.conGx .tit i{
	width: 8px;
	height: 12px;
	display: block;
	position: absolute;
	left: 275px;
	bottom: 12px;
	background-color: #047b8c;
}
.imgG{
	position: absolute;
	bottom: 0;
	left: 0;
}

.inspected .box2{
	width: 100%;
	height: auto;
	padding: 6% 0;
}
.inspected .box2 .box-new{
	position: relative;
}

.inspected .box2 .box-new .pic{
	width: 46.25%;
	height: auto;
	float: left;
	margin-left: 2.6%;
}
.inspected .box2 .box-new .conGx{
	text-align: right;
	float: right;
	padding-top: 12%;
}
.inspected .box2 .box-new .conGx .line{
	float: right;
}
.inspected .box2 .box-new .conGx .tit i{
	right: 190px;
	left: auto;
}

.inspected .box3{
	width: 100%;
	height: auto;
	padding-top: 5.3%;
	padding-bottom: 7.5%;
}
.inspected .box3 .box-new{
	position: relative;
}
.imgG1{
	width: 212px;
	top: 0;
	right: -50px;
	position: absolute;
}
.inspected .box3 .box-new .title{
	text-align: center;
}
.inspected .box3 .box-new .title .line{
	width: 58px;
	height: 4px;
	background-color: #fff;
	margin: 0 auto;
}
.inspected .box3 .box-new .title .tits{
	color: #fff;
	font-weight: bold;
	margin-top: 37px;
}
.inspected .box3 .box-new .title .tit{
	font-size: 65px;
	line-height: 55px;
	color: #adadad;
	font-family: Arial;
	text-transform: uppercase;
	margin-top: 36px;
	position: relative;
}
.inspected .box3 .box-new .title .tit span{
	font-weight: bold;
	display: block;
}
.inspected .box3 .box-new .title .tit i{
	width: 8px;
	height: 12px;
	display: block;
	position: absolute;
	left: 50%;
	margin-left: 140px;
	bottom: 5px;
	background-color: #047b8c;
}

.boxGx{
	width: 1220px;
	height: auto;
	max-width: 100%;
	margin: 8% auto 0;
}
.boxGx .item{
	width: 100%;
	height: auto;
}
.boxGx .item .t{
	margin: 5px;
	background-color: rgba(255,255,255,0.11);
	height: 76px;
	text-align: center;
	font-size: 20px;
	line-height: 76px;
	color: #fff;
	float: left;
}
.boxGx .item .t.t1{
	width: calc(12.8% - 10px);
}
.boxGx .item .t.t2{
	width: calc(24.8% - 10px);
}

.box4{
	width: 100%;
	height: auto;
	padding: 9.4% 0;
	position: relative;
}
.box4 .imgG2{
	width: 459px;
	position: absolute;
	top: 0;
	left: 0;
}
.box4 .box-new{
	position: relative;
}
.box4 .box-new .bg{
	width: 60%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 100%;
	background-color: rgba(19,19,19,0.85);
}
.box4 .box-new .pic{
	width: 55.9%;
	float: right;
	height: auto;
}
.box4 .box-new .conGx{
	padding-top: 10%;
}

.box5{
	width: 100%;
	height: auto;
	position: relative;
}
.box5 .box-right{
	width: 59.1%;
	height: auto;
	float: right;
}
.box5 .box-right .b{
	width: 100%;
	height: auto;
}
.box5 .box-right .b .item{
	height: 353px;
	float: left;
}
.ccGx{
	width: calc(100% - 60px); position: relative; z-index: 3;
	padding: 50px 30px 0;
}
.ccGx .line{
	width: 58px;
	height: 4px;
	background-color: #fff;
}
.ccGx .tits{
	color: #fff;
	font-weight: bold;
	margin-top: 21px;
}
.ccGx .tit{
	font-size: 14px;
	line-height: 32px;
	color: rgba(255,255,255,0.7);
	margin-top: 38px; display: none;
}
.box5 .box-right .b .item{cursor: pointer;}
.box5 .box-right .b .item:hover .tit{display: block;}
.box5 .box-right .b .item .zhbg{background: #00798a; opacity: 0;}
.box5 .box-right .b .item:hover .zhbg{opacity: 0.8;}
.box5 .box-right .b .item:hover .ccGx .ic{display: none;}
.ccGx .tit1{
	font-size: 26px;
	line-height: 26px;
	color: #b7b7b6;
	font-family: Arial;
	text-transform: uppercase;
	font-weight: bold;
	margin-top: 5px;
}
.ccGx .ic{
	width: 8px;
	height: 12px;
	background-color: #047b8c;
	margin-top: 20px;
}
.box5 .box-right .b .item.it1{
	width: 33.3%;
}
.box5 .box-right .b .item.it2{
	width: 66.7%;
}
.box5 .box-left{
	width: 40.9%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.box5 .box-left .conGx{
	width: 60%;
	float: right;
	right: 12.1%;
	text-align: right;
	position: absolute;
	padding-top: 0;
	bottom: 10%;
}
.box5 .box-left .conGx .line{
	float: right;
}
.box5 .box-left .conGx .tit{
	font-size: 35px;
	color: #adadae;
	line-height: 35px;
	margin-top: 17px;
}
.box5 .box-left{cursor: pointer;}
.box5 .box-left .conGx{z-index: 3;}
.box5 .box-left .zhbg{background: #00798A; opacity: 0;}
.box5 .box-left:hover .zhbg{opacity: 0.8;}
.box5 .box-left .conGx .titc{color: #adadae; display: none; padding-top: 38px;}
.box5 .box-left:hover .conGx .titc{display: block;}
.box5 .box-left .conGx .tit i{
	right: 235px;
	left: auto;
	bottom: 4px;
}

.xfGx{
	width: 105px;
	height: auto;
	position: fixed;
	top: 60%;
	left: 0%;
	z-index: 100;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.xfGx ul li{
	width: 100%;
	height: auto;
}
.xfGx ul li a{background: url(../images/sgrn1.jpg) no-repeat center; background-size: 100% 100% !important;
	width: 100%;
	height: 30px;
	display: block;
	text-align: center;
	line-height: 30px;
	font-size: 14px;
	color: #fff;
}
.xfGx ul li.on a{background: url(../images/sgrn2.jpg) no-repeat center;
	color: #fff;
}
.xfGx ul li .icon{
	width: 100%;
	text-align: center;
	height: auto;
}
.xfGx ul li .icon img{
	margin: 0 auto;
}

.inspected .box3 .box-new .pic{
	width: 100%;
	margin-top: 4%;
	display: none;
}

@media (max-width: 1640px){
	.construction .box .con .con-new .conn .conn-new{
		height: 500px;
	}
}
@media (max-width: 1366px){
	.construction .box .con .con-new .conn .conn-new{
		height: 400px;
	}
	.xfGx{
		left: 10px;
	}
	.xfGx ul li .icon{
		display: none;
	}
	.conGx .tit{
		font-size: 45px;
		line-height: 35px;
	}
	.conGx .tit span{
		font-size: 35px;
	}
	.conGx .tit i{
		left: 200px;
		bottom: 7px;
	}
	.inspected .box2 .box-new .conGx .tit i{
		right: 145px;
	}
	.inspected .box3 .box-new .title .tit{
		font-size: 45px;
		line-height: 45px;
	}
	.table-boxGx{
		width: 50%;
	}
	.table-boxGx .item .t{
		font-size: 18px;
		line-height: 55px;
		height: 55px;
	}
	.table-boxGx .item .t.t1{
		width: calc(60.1% - 30px);
		padding-left: 30px;
	}
	.table-boxGx .item .t.t2{
		width: calc(38.6% - 40px);
		padding-left: 40px;
	}
	.conGx .tit{
		margin-top: 25px;
	}
	.conGx .tits{
		margin-top: 25px;
	}
	.boxGx .item .t{
		font-size: 18px;
		line-height: 55px;
		height: 55px;
	}
	.inspected .box3 .box-new .title .tits{
		margin-top: 25px;
	}
	.inspected .box3 .box-new .title .tit{
		margin-top: 25px;
	}
	.imgG{
		width: 250px;
	}
	.box4 .imgG2{
		width: 335px;
	}
}
@media (max-width: 990px){
	.construction .box .pic{
		width: 100%;
		float: none !important;
	}
	.construction .box .con{
		position: relative;
		top: auto;
		left: auto;
	}
	.construction .box .con .con-new{
		width: 100%;
	}
	.construction .box .con .con-new .conn{
		width: 90%;
		margin: 0 auto;
		padding: 4% 0;
	}
	.construction .box .bg{
		width: 100%;
	}
	.xfGx{
		display: none;
	}
	.construction .box .con .con-new .conn .conn-new{
		height: auto;
		max-height: none;
	}
	.construction .box:nth-child(even) .con .con-new .conn{
		float: none;
	}
	.construction .box .con .con-new .conn.c1{
		width: 90%;
	}
	.tR{
		text-align: left;
	}
	.construction .box .con .con-new .conn .conn-new .list{
		text-align: left;
	}
	.construction .box .con .con-new .conn .conn-new .list img{
		margin-left: 0;
		margin-right: 3.3%;
	}
	.construction .box .con .con-new .conn .conn-new .txt{
		font-size: 14px;
		line-height: 26px;
	}
	.construction .box .con .con-new .conn .conn-new .list{
		margin-top: 20px;
	}
	.conGx{
		width: 100%;
		margin-left: 0;
		text-align: center;
		padding-top: 0;
		float: none;
	}
	.conGx .line{
		margin: 25px auto 0;
	}
	.table-boxGx{
		width: 100%;
		float: none;
		margin: 4% auto 0;
	}
	.inspected .box2 .box-new .conGx{
		width: 100%;
		text-align: center;
		padding-top: 4%;
		float: none;
		padding-left: 0;
	}
	.conGx .tits br{
		display: none;
	}
	.conGx .tit i{
		left: 63%;
	}
	.inspected .box2 .box-new .conGx .tit i{
		right: auto;
		left: 59%;
	}
	.inspected .box3 .box-new .title .tit i{
		left: 62%;
	}
	.box4 .box-new .pic{
		width: 100%;
		float: none;
		margin: 3% auto 0;
	}
	.box4 .box-new .bg{
		display: none;
	}
	.box4 .box-new .conGx{
		padding-top: 0;
	}
	.box5 .box-left{
		width: 100%;
		position: relative;
		top: auto;
		left: auto;
	}
	.box5 .box-left .conGx{
		width: 100%;
		text-align: center;
		position: relative;
		bottom: auto;
		float: none;
		right: auto;
		left: auto;
		padding: 3% 0;
		margin: 0 auto;
	}
	.box5 .box-left .conGx .line{
		float: none;
	}
	.box5 .box-left .conGx .tit i{
		right: auto;
		left: 63%;
	}
	.box5 .box-right{
		width: 100%;
		float: none;
	}
	.inspected .box2 .box-new .conGx .line{
		float: none;
	}
	.inspected .box2 .box-new .pic{
		width: 90%;
		margin: 4% auto 0;
		float: none;
	}
	.conGx{
		padding-left: 0;
	}
	.inspected .box1{
		padding: 8.5% 0;
	}
	.imgG{
		width: 165px;
	}
	.conGx .tits{
		margin-top: 10px;
	}
	.conGx .tit{
		font-size: 26px;
		line-height: 24px;
		margin-top: 10px;
	}
	.conGx .tit span{
		font-size: 24px;
	}
	.conGx .tit i{
		left: 59% !important;
		bottom: 3px;
		width: 5px;
		height: 7px;
	}

	.inspected .box3 .box-new .title .tit{
		font-size: 26px;
		line-height: 24px;
		margin-top: 10px;
	}
	.inspected .box3 .box-new .title .tit span{
		font-size: 24px;
	}
	.inspected .box3 .box-new .title .tit i{
		margin-left: 0;
	}
	.inspected .box3 .box-new .title .tits{
		margin-top: 10px;
	}
	.boxGx .item .t{
		font-size: 14px;
		line-height: 45px;
		height: 45px;
	}
	.table-boxGx .item .t{
		font-size: 14px;
		line-height: 45px;
		height: 45px;
	}
	.imgG1{
		width: 100px;
	}
	.box4 .imgG2{
		width: 230px;
	}
	.imgG{
		width: 100px;
	}
	.box5 .box-left .conGx .tit{
		font-size: 26px;
		line-height: 24px;
		margin-top: 10px;
	}
}
@media (max-width: 700px){
	.inspected .box3 .box-new .pic{
		display: block;
	}
	.inspected .box3 .box-new .boxGx{
		display: none;
	}
	.box5 .box-right .b .item{
		height: 270px;
	}
	.ccGx .tit{
		margin-top: 14px;
	}
	.ccGx{
		padding: 30px 30px 0;
	}
	.ccGx .tits{
		margin-top: 7px;
	}
	.ccGx .tit{
		line-height: 22px;
	}
}
@media (max-width: 460px){

	.conGx .tit{
		font-size: 20px;
		line-height: 16px;
	}
	.conGx .tit span{
		font-size: 16px;
	}
	.inspected .box3 .box-new .title .tit{
		font-size: 20px;
		line-height: 18px;
	}
	.inspected .box3 .box-new .title .tit span{
		font-size: 16px;
	}
	.box5 .box-left .conGx .tit{
		font-size: 20px;
		line-height: 16px;
	}
	i{
		display: none !important;	
	}
	.box5 .box-right .b .item{
		width: 100% !important;
		height: 230px;
	}
}
