.header-and-banner{
	height:564px;
	background-color:#23262a;
	background-image:url(../images/index/banner.png);
	background-repeat:no-repeat;
	background-position:center;
}

.header-and-banner .header{
	background-color:transparent;
}


.main{
	margin-top:80px;
}

.main .header{
	width:1200px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	margin-bottom:94px;
	background-color:white;
}


.main .header .item{
	text-align:center;
	margin-left:30px;
	margin-right:30px;
	padding-bottom:10px;
	border-color:#00c1de;
	border-bottom-width:4px;
	cursor:pointer;
	font-size:24px;
	color:#333333;
}


.main .main0{
	width:1200px;
	height:420px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	
}



.main .main0 .item{
	width:300px;
	height:420px;
	position:absolute;
	text-align:center;
	border-color:#dcdcde;
	border-style:solid;
	border-width:1px;
}

.main .main0 .item .content1{
	height:170px;
	text-align:center;
	line-height:230px;
	background-color:#ebebec;
	background-repeat:no-repeat;
	background-position:50% 35%;
	font-size:18px;
	font-weight:bold;
	color:#171e22;
}

.main .main0 .item .content2{
	padding-top:36px;
	height:214px;
	font-size:16px;
	color:#333333;
	text-align:center;
	line-height:40px;
}


.main .main0 .itemHided{
	width:410px;
	height:460px;
	position:absolute;
	text-align:center;
	display:none;
	border-color:#00c1de;
	border-style:solid;
	border-width:1px;
}

.main .main0 .itemHided .content1{
	height:190px;
	line-height:257px;
	text-align:center;
	background-color:#00c1de;
	background-repeat:no-repeat;
	background-position:50% 35%;
	font-size:18px;
	font-weight:bold;
	color:white;
}

.main .main0 .itemHided .content2{
	height:268px;
	text-align:center;
	background-color:white;
}

.main .main0 .itemHided .content2 .line{
	height:100px;
	position:relative;
}
.main .main0 .itemHided .content2 .line .cell{
/* 	border-color:red;
	border-style:solid;
	border-width:1px; */
	
	width:135px;
	height:80px;
	
	padding-left:35px;
	padding-right:35px;
	padding-top:20px;
	text-align:left;
}

.main .main0 .itemHided .content2 .line .cell1{
	position:absolute;
	left:0px;
	top:0px;
	/* background-color:red; */
}
.main .main0 .itemHided .content2 .line .cell2{
	position:absolute;
	left:205px;
	top:0px;
	/* background-color:yellow; */
}



.main .main0 .itemHided .content2 .line .cell .cellBiaoTi{
	font-weight:bold;
	font-size:16px;
	color:#333333;
}

.main .main0 .itemHided .content2 .line .cell .cellNeiRong{
	font-size:14px;
	color:#868686;
	line-height:21px;
/* 	background-color:red; */
}

button{
	 cursor:pointer;
	 height:30px;
	 width:100px;
	 background-color:white;
	 border-width:1px;
	 box-shadow: inset 0px 0px 0px 0px #ffffff;
	 position:absolute;
	 bottom:20px;
	 left:160px;
	 border-color:#00c1de;
	 color:#00c1de;
	 border-style:solid;
	 
}


.main .main1{
	 width:1200px;
	 height:530px;
	 margin-left:auto;
	 margin-right:auto;
	 position:relative;
}

.main .main1 .main{
	 width:1200px;
	 height:460px;
	 margin-left:auto;
	 margin-right:auto;
	 position:relative;
}

.main .main1 .main .item{
	width:400px;
	height:460px;
	position:absolute;
	background-repeat:no-repeat;
	background-position:center;
}


.main .main1 .main .item .icon{
	margin-top:163px;
	margin-left:auto;
	margin-right:auto;
}

.main .main1 .main .item .cuttinLine{
	width:20px;
	height:2px;
	background-color:white;
	
	margin-left:auto;
	margin-right:auto;
	margin-top:24px;
}

.main .main1 .main .item .title{
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	color:white;
	font-size:22pt;
	font-weight:bold;	
}

.main .main1 .main .itemHided{
	width:400px;
	height:460px;
	position:absolute;
	background-repeat:no-repeat;
	background-position:center;
	display:none;
}

.main .main1 .main .itemHided .icon{
	margin-top:70px;
	margin-left:auto;
	margin-right:auto;
}

.main .main1 .main .itemHided .title{
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	color:white;
	font-size:22pt;
	font-weight:bold;	
}

.main .main1 .main .itemHided .text{
	margin-top:25px;
	margin-left:auto;
	margin-right:auto;
	width:310px;
	line-height:30px;
	font-size:14px;
	color:white;
	text-align:left;
}


.main .main1 .footer{
	height:70px;
	position:absolute;
	width:1200px;
	left:0px;
	top:460px;
	background-color:white;
	text-align:center;
}
.main .main1 .footer .buttonLy{
	width:140px;
	height:30px;
	position:absolute;
	left:530px;
	bottom:0px;
	line-height:30px;
}

.footer{
	background-color:#373d41;
}