@charset "UTF-8";
/* 头部 */
#nav{
    width: 100%;
    cursor:pointer;
	}
#nav .gation{
	height:90px;
	color:#000;
	line-height: 90px;
	margin-left: 550px;
}

#nav .gation a{
	color:#000;
	text-decoration: none;
	font-size:16px;
}
#nav .gation a:hover{
	border-bottom:3px solid #000;
}

.loubanner{
	height:534px;
	width: 1920px;
}

.introduce{
	color:#fff;
	position: relative;
	bottom:500px;
	font-size:28px
}
.font{
	font-size:94px;
	font-weight: bold
}

/* 项目介绍 */
#project_introduction{
	height: 2686px;
}

.project>li{
	width: 258px;
	margin-top: 74px
}
.project>li:nth-of-type(2){
	margin-left: 14%
}
.referral{
	text-align: center;
	font-size:20px;
	margin: 36px 0 18px 0;
}
.intro{
	width: 224px;
	line-height: 30px;
}

/* 四大部分 */
.four_most{
	/* width: 897px; */
	height: 263px;
	border-radius: 132px;
	border: dashed 1px #dddddd;
	margin: 150px auto 160px;
}
.entitle{
	width: 140px;
	height: 140px;
	background-color: #ffffff;
	border: solid 1px #333333;
	border-radius: 70px;
	text-align: center
}
.entitle>img{
	margin: 25px 0 16px 0;
}
.four_most>ul>li:nth-of-type(1){
	position: relative;
	bottom:70px;
	left:44%
}
.four_most>ul>li:nth-of-type(2){
	position: relative;
	bottom:70px;
	left:92%
}
.four_most>ul>li:nth-of-type(3){
	position: relative;
	bottom:220px;
	right:6%;
}
.four_most>ul>li:nth-of-type(4){
	position: relative;
	bottom:220px;
	left:44%
}
.four_most>ul>li:nth-of-type(5){
	position: relative;
	bottom:450px;
	left:34%;
	font-size:30px
}

/* 四大组成说明 */
.Implies_that>ul>li{
	margin-bottom: 70px;
	height: 321px;
	width: 1056px;
}
.Implies_that>ul>li>div{
	width:345px;
}
.water_management{
	margin-top: 82px
}
.device_management{
	margin-top:104px;
}
.logistics_management{
	margin-top:62px
}
.user_management{
	margin-top: 82px
}

/* 试运营分享 */
#operations_share{
	height:2200px;
}
.recruit_top{
	height: 900px;
	background: url("../images/project/backgroundcolortop.jpg")no-repeat;
	margin-top: 100px;
}
.recruit_top>div:nth-of-type(1){
	padding-top:18px
}
.Internet{
	margin-top: 32px;
}
.survey>li:nth-of-type(1){
	font-size:22px
}
.survey>li:nth-of-type(2){
	line-height: 30px;
	width: 333px;
	margin-top: 22px
}
.survey>li:nth-of-type(3){
	width:395px;
	font-size:22px;
	font-weight: bold;
	margin-top: 100px
}
.system{
	width:236px;
	height: 222px;
	text-align: center;
	margin-top: 62px
}
.system>li>img{
	width:58px;
	height: 58px;
}
.system>li>p{
	margin-top:14px
}
.system>li{
	margin-bottom:34px
}
.system>li:nth-of-type(4){
	margin-right: 20px
}

.recruit_btttom{
	height: 1342px;
	background: url("../images/project/backgroundcolorbottom.png")no-repeat;
}

.projectimages{
	height: 579px;
}

.projectimages >ul{
	position: relative;
	top:510px;
	right: 252px;
}

.projectimages >ul>li{
	font-size:22px
}
.standard{
	width: 544px;
	font-size: 26px;
	margin-top:82px
}

#cooperation_recruit{
	height: 717px;
}


body {font-family: "Lato", sans-serif;}

/* Style the tab */
div.tab {
	overflow: hidden;
	margin-top: 68px
}
div.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
	font-size: 17px;
	border: 1px solid #ccc;
	width: 400px;
}
div.tab button.active {
	border-bottom: 4px solid  #0b539e;
}
.tabcontent {
    display: none;
	border-top: none;
	margin-top: 82px
}

#London{
	display: block
}
#London >ul>li:nth-of-type(2){
	margin:0 102px;
}
#London >ul>li:nth-of-type(4){
	margin-left: 102px
}
#London >ul>li>p{
	width:217px;
	color:#666;
	font-size:16px;
	letter-spacing:2px;
	margin-top: 30px;
}

/* 水企合作模式（资费） */
#Paris >image{
	width:558px
}

.cooperation{
	height: 34px;
	line-height: 34px
}

.cooperation >li:nth-of-type(2){
	margin:60px 0;
}

.cooperation >li>p:nth-of-type(2){
	font-size:14px;
	margin-left:22px;
	width:522px
}

/* 水企合作模式（运维） */
#Tokyo >ul>li>p{
	width:143px;
	font-size:15px;
	margin-top: 26px
}
#Tokyo >ul>li:nth-of-type(2){
	margin:0 117px;
}
#Tokyo >ul>li:nth-of-type(4){
	margin:0 117px;
}


/* 水企利益 */
#Waterinterests{
	background: url("../images/project/bannercompanies.png")no-repeat;
	height:2026px;	
}

.compinterests{
	width:660px;
	margin-top: 26px
}

.compinterests >div>p{
	font-size:48px;
	color:#0b539e;
	margin-right:22px
}

.compintereststow{
	width:510px;
	margin-top: 26px
}

.compintereststow >div>p{
	font-size:48px;
	color:#0b539e;
	margin-right:22px
}






.interests >ul>li:nth-of-type(2){
	margin-top: 88px
}

.interests >ul>li:nth-of-type(3){
	margin-top: 88px
}

/*尾部*/
#bottom{
	height: 219px;
	background:url("../images/footer_02.jpg")no-repeat !important;
	background-size: cover;
}
.footer{
	text-align: center;
	font-size:16px
}
#bottom .footer>li:nth-of-type(1){
	width: 120px;
	border-radius: 5px;
	margin-left:507px;
	}
#bottom .footer>li{
	color:#8E8E8E;
	}
#bottom .footer>li:nth-of-type(2){
	margin-left:-58px;
	}
#bottom .footer>li:nth-of-type(3){
	margin-left:-66px;
	margin-top: 20px;
	}


/*微信扫码图*/
#bottom .footer .code{
	margin-top:-32px;
	border:8px solid #333333;
	margin-bottom: 20px;
	border-radius: 5px;
}