/*==================================== content css ====================================*/

#content {
	width:100%;
	min-width:1100px;
	margin-top:50px auto;
	padding-bottom:50px;
	position:relative;
	background:url(../images/bg-hui.png) repeat-x left top;
	z-index:;
	text-align:center;
}

#content h1 {
	font-family:'robotolight', arial;
	font-size: 44px !important;
	line-height: 30px;
	color:#1b99f1; 
	padding-top:50px;
	font-size:44px; 
	font-weight:bold;
}
#content .border-bottom {
	border-bottom: 1px solid #FFF;
	width:100px;
	margin:0 auto;
}
#content h2 {
	letter-spacing:1px; 
	margin-top:16px; 
	font-weight:normal; 
	font-size:34px !important; 
	line-height:30px;
	color:#95F1F4;
}





/*==================================== divlist css ====================================*/

.height10px {
	height:10px;
}


.divlist {
	padding:26px 0 50px 0;
	margin:10px auto;
	width:1100px;
	color:#fff;
	font-family:'黑体', Arial;
	text-align:left;
	background: url(../images/bg-line.png) no-repeat 288px 0px;
}
.divlist li {
	width:100%;
}
.divlist li .text p span {
	font-weight:;
}
.divlist li h4 {
	font-size:28px;
	letter-spacing:1px;
	color:#fff;
	padding-top:70px;
	font-weight:normal;
	margin:10px 0;
}

.divlist li h5 {
	font-size:24px;
	color:#333;
	font-weight:normal;
	margin:10px;
}

.divlist li p {
	font-family:'Microsoft Yahei',STHeiti;
	font-size:14px;
	line-height:24px;
	color:#333;
	text-align:left;
	margin:15px 10px 30px 10px;
	padding:0;

}
.divlist .boxgrid {
	width:675px;
	position:relative;
	display:block;
	overflow: visible;
	visibility:visible;
}
.div1, .div2, .div3, .div4, .div5, .div6 {
	margin-top:10px;
}

.divlist img {
	float:left;
	margin:0px 35px 0px 0px;
	height:200px;
	background: url(../images/loading2.gif) no-repeat center center;	
}

.divlist .open {
	background:url(../images/index/bg-open.png) no-repeat center center;
	background-size:30px;
	position:absolute;
	bottom:15px;
	right:20px;
	width:40px;
	height:40px;
	opacity:0.75;
	
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.divlist .open:hover {
	opacity:1;
}

.divlist .aside {
	background:url(../images/bg-aside.png) no-repeat center center;
	background-size:30px;
	position:absolute;
	bottom:15px;
	right:20px;
	width:30px;
	height:30px;
}

.divlist .text {
	background:#fff;
	margin-top:22px;
	padding:40px;
}
.divlist .white-top {
	height:0;
	width:0;
	position:absolute;
	top:10px;
	left:445px;
	z-index:100;
	
	border-bottom: 12px solid #fff;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 0;
}


.divlist .close2 {
	background-size:14px;
	position:absolute;
	top:42px;
	right:20px;
	width:25px;
	height:25px;
	
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;

}

.divlist .readmore {
	padding:8px 12px;
	font-size:14px;
	color:#fff;
	margin:10px;
	
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.divlist .readmore:hover {
	background:#F93;
}


/* ============ div1, div2, div3, div4, div5 ============  */

#div2, #div3, #div4, #div5 {
	width:900px;
	position:relative;
	margin:0 auto;
	color:#333;
	display: none;
	border:none !important;
}


/* -- ------ div1 ------ -- */
.div1 {
	width:600px;
	height:200px;
	position:relative;
	background:#6bcecd;
	display:block;
	overflow:hidden;
}

/* -- ------ div2 ------ -- */
.div2 {
	width:600px;
	height:200px;
	position:relative;
	left:0px;
	background:#5bda9b;
	display:block;
	overflow:hidden;
}
#div2 .readmore {background-color:#5bda9b;}
#div2 .readmore:hover {background-color:#22b26a;}
#div2 .close2 {	background:#fff url(../images/index/bg-close2.png) no-repeat center center;}
#div2 .close2:hover {background:#5bda9b url(../images/index/bg-close-white.png) no-repeat center center;}

/* -- ------ div3 ------ -- */
.div3 {
	width:600px;
	height:200px;
	position:relative;
	left:0;
	background:#7f9be4;
	display:block;
	overflow:hidden;
}
#div3 .readmore {background-color:#7f9be4;}
#div3 .readmore:hover {background-color:#4b6ec8;}
#div3 .close2 {	background:#fff url(../images/index/bg-close6.png) no-repeat center center;}
#div3 .close2:hover {background:#7f9be4 url(../images/index/bg-close-white.png) no-repeat center center;}

/* -- ------ div4 ------ -- */
.div4 {
	width:600px;
	height:200px;
	position:relative;
	left:0px;
	background:#1b99f1;
	display:block;
	overflow:hidden;
}
#div4 .readmore {background-color:#1b99f1;}
#div4 .readmore:hover {background-color:#0f80ce;}
#div4 .close2 {	background:#fff url(../images/index/bg-close3.png) no-repeat center center;}
#div4 .close2:hover {background:#1b99f1 url(../images/index/bg-close-white.png) no-repeat center center;}

/* -- ------ div5 ------ -- */
.div5 {
	width:600px;
	height:200px;
	left:0px;
	position:relative;
	background:#f28f74;
	display:block;
	overflow:hidden;
}
#div5 .readmore {background-color:#f28f74;}
#div5 .readmore:hover {background-color:#e46a49;}
#div5 .close2 {	background:#fff url(../images/index/bg-close7.png) no-repeat center center;}
#div5 .close2:hover {background:#f28f74 url(../images/index/bg-close-white.png) no-repeat center center;}