/* set relative to positionante content correctly */
.gridex {
	position: relative;
}

/* animatable grid container */
.gd-expander {
	position: absolute;
	overflow: hidden;
	height: 500px;
	margin-top: 20px;
	max-width: 100%;
	left: 30px; /* standar row margin is 30px */
}

/* inner content container */
.gd-inner {
	background: url(../img/bg2.jpg) no-repeat;
	width:1040px;
	height:430px;
	border-radius: 20px; 
-moz-border-radius: 20px; /* Mozilla浏览器的私有属性 */ 
-webkit-border-radius: 20px; /* Webkit浏览器的私有属性 */ 
margin-left:80px;
background-size:100% 100%;

}
.gd-inner span{
	display:block;
	width:90px;
	height:300px;
	margin-top:20px;
	margin-left:15px;
	font-size:78px;
	font-weight:bolder;
	color:#f4fcfd;
	float:left;
}
.gd-inner .spanx{
	display:block;
	width:90px;
	height:300px;
	margin-top:20px;
	margin-left:15px;
	font-size:60px;
	font-weight:bolder;
	color:#f4fcfd;
	float:left;
}

.gd-inner .bossjs{
	width:640px;
	height:400px;
	margin-top:20px;
	margin-left:20px;
	float:left;
}

.gd-inner .bossjs .tittop{
	width:130px;
	height:37px;
	margin-bottom:10px;
	font-size:18px;
	font-weight:bolder;
	color:#fff;
	line-height:37px;
	background:url(../img/bosstitle.png) no-repeat;
	background-size:100% 100%;
	text-align:center;
}

.gd-inner .bossjs p{
	font-size:16px;
	color:#000;
	line-height:24px;
}
.gd-inner .act_hot{
	width:230px;
	height:300px;
	margin-top:20px;
	margin-left:20px;
	float:left;
}
.gd-inner .act_hot .pic {
    width: 230px;
    height: 260px;
    overflow: hidden;
    display: inline-block;
   
}
.gd-inner .act_hot .pic i {
    width: 220px;
    height: 250px;
    margin: 5px;
    position: absolute;
    border: 1px solid #fae9d9;
}

.gd-inner .nandu {
    width: 230px;
    height: 30px;
    overflow: hidden;
    display: inline-block;
    font-size:18px;
	color:#3f9e8a;
	line-height:30px;
	font-weight:bolder;
	margin-top:10px;
}

/* top arrow when expanded */
.gridex > li > a {
	position: relative;
}
.gridex > .gd-expanded > a::after {
	top: auto;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-bottom-color: #c3f1f6;
	border-width: 25px;
	left: 50%;
	margin: -25px 0 0 -25px;
}


@media (max-width: 1200px) {
	.gd-expander {
		left: 20px; /* decrement left as bootstrap does */
	}
}

@media (max-width: 767px) {
	.gd-inner img {
		display: none; /* hide to not overflow */
	}
	.gd-expander {
		left: 0; /* remove left as bootstrap does */
	}
}