@charset "utf-8";
/* CSS Document */
/*by hamburger_liu*/
/*图片比例S*/
.fill_content{
	position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
}
/*图片比例E*/
/*模块标题S*/
.module_title_box{
	width: 100%;
	overflow: hidden;
	margin: 10px 0;
	border-bottom: 1px solid #ccc;
}
.module_title_box h4{
	float: left;
	width: 20%;
	height: 36px;
	overflow: hidden;
	line-height: 36px;
	text-align: left;
	font-size: 20px;
}
.module_title_box p{
	float: left;
	width: 70%;
	height: 36px;
	line-height: 36px;
	padding-left: 5%;
	overflow: hidden;
	color: #808080;
	letter-spacing: 2px;
}
/*模块标题E*/

/*业务模块介绍S*/
.business_module_box{
	width: 100%;
	overflow: hidden;
	box-sizing: border-box;
	padding: 10px 50px;
}
.business_module{
	box-sizing: border-box;
	display: -webkit-flex;
  	display: flex;
  	justify-content: space-between;
  	flex-direction:row;
  	flex-wrap: wrap;
  	margin-top: 0;
}
.module_box{
	position:relative;
	display:inline-block;
	width:32.5%;
	margin-bottom:20px;
}
.industry{
	background: -webkit-linear-gradient(left top,#ff8b5e,#ffb15e);
    background: -o-linear-gradient(bottom right,#ff8b5e,#ffb15e);
    background: -moz-linear-gradient(bottom right,#ff8b5e,#ffb15e);
    background: linear-gradient(to bottom right,#ff8b5e,#ffb15e);
}
.space{
	background: -webkit-linear-gradient(left top,#00c5a2,#2feed5);
    background: -o-linear-gradient(bottom right,#00c5a2,#2feed5);
    background: -moz-linear-gradient(bottom right,#00c5a2,#2feed5);
    background: linear-gradient(to bottom right,#00c5a2,#2feed5);
}
.invest{
	background: -webkit-linear-gradient(left top,#25b858,#3fe489);
    background: -o-linear-gradient(bottom right,#25b858,#3fe489);
    background: -moz-linear-gradient(bottom right,#25b858,#3fe489);
    background: linear-gradient(to bottom right,#25b858,#3fe489);
}
.environmental{
	background: -webkit-linear-gradient(left top,#8a66ff,#728dff);
    background: -o-linear-gradient(bottom right,#8a66ff,#728dff);
    background: -moz-linear-gradient(bottom right,#8a66ff,#728dff);
    background: linear-gradient(to bottom right,#8a66ff,#728dff);
}
.elemnet{
	background: -webkit-linear-gradient(left top,#3b97ff,#1bb7ff);
    background: -o-linear-gradient(bottom right,#3b97ff,#1bb7ff);
    background: -moz-linear-gradient(bottom right,#3b97ff,#1bb7ff);
    background: linear-gradient(to bottom right,#3b97ff,#1bb7ff);
}
.carnival{
	background: -webkit-linear-gradient(left top,#fd5a5a,#ff7f75);
    background: -o-linear-gradient(bottom right,#fd5a5a,#ff7f75);
    background: -moz-linear-gradient(bottom right,#fd5a5a,#ff7f75);
    background: linear-gradient(to bottom right,#fd5a5a,#ff7f75);
}
.module_box .fill{
	margin-top:56.25%;
}
.module_box .fill_content{
	position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
}
.module_box .fill_content img{
	width: 100%;
	height: 100%;
}
.module_content_box{
	width: 97%;
	height: 72px;
	position: absolute;
	bottom: 0;
	background: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.6));
	padding: 10px;
	
	transition:border-bottom .2s;
	-moz-transition:border-bottom .2s; /* Firefox 4 */
	-webkit-transition:border-bottom .2s; /* Safari and Chrome */
	-o-transition:border-bottom .2s; /* Opera */ 

	transition:padding-bottom .2s;
	-moz-transition:padding-bottom .2s; /* Firefox 4 */
	-webkit-transition:padding-bottom .2s; /* Safari and Chrome */
	-o-transition:padding-bottom .2s; /* Opera */
}
.module_box:hover .module_content_box{
	border-bottom:20px solid #22ac38;
	padding-bottom: 32px;
}
.module_content_box h3{
	width: 100%;
	line-height: 30px;
	font-size: 20px;
	color: #fff;
}
.module_content_box p{
	width: 100%;
	line-height: 24px;
	letter-spacing: 2px;
	font-size: 12px;
	color: #fff;
	opacity: .8;
}

.module_info_item{
	display: inline-block;
}
.module_box .module_info_item img{
	display: inline-block;
	width: 20px;
	height: 20px;
}
.module_info_item span{
	display: inline-block;
	line-height: 24px;
	letter-spacing: 1px;
    font-size: 13px;
    color: #fff;
}
/* .module_info_item .info_item_tags:after{
	content:"|";
} */
.module_info_item .last:after{
	content:"";
}
/*业务模块介绍E*/

/*二级页面头图及导航S*/
.brief_nav_box{
	position: relative;
	width: 100%;
    overflow: hidden;
    box-sizing: border-box;
    padding: 0 50px;
    margin-bottom:20px;
}
.brief_nav_pic{
	position: relative;
    display: inline-block;
    width: 80%;
    margin-left: 20%;
}
.brief_nav_pic .fill{
	margin-top: 33%;
}
.brief_nav_pic .fill_content{
	bottom: -4px;
}
.brief_nav_pic .fill_content img{
	width: 100%;
	height: 100%;
}
.brief_nav_content{
	position: absolute;
    top: 0;
    left: 50px;
    width: 20%;
    height: 100%;
    overflow: hidden;
}

	/*左侧菜单S*/
.brief_nav{
	width: 120%;
    height: 100%;
    overflow: hidden;
    background: #22ac38;
    overflow-y: scroll;
    box-sizing: border-box;
    padding-right: 10%;
}
.brief_nav ul{
	overflow: hidden;
}
.brief_nav ul li a{
	display: block;
	width: 100%;
	height: 42px;
	line-height: 42px;
	box-sizing: border-box;
	text-align: center;
	color: #fff;
	font-size: 16px;
}
.brief_nav ul li a:hover{
	background-color: #209e35;
}
.brief_nav ul li .menu_current{
	background-color: #209e35;
	color: #fff;
}
	/*左侧菜单E*/
/*二级页面头图及导航E*/


/*面包屑导航S*/
.breadcrumb_box{
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
    padding: 0 50px;
}
.breadcrumb{
	width: 100%;
	height: 72px;
	overflow: hidden;
}
.breadcrumb li{
	line-height: 72px;
	float: left;
}
.breadcrumb li a{
	color: #808080;
}
.breadcrumb li a:hover{
	color: #22ac38;
}
.breadcrumb li span{
	color: #808080;
	padding: 0 4px;
}
/*面包屑导航E*/

/*默认按钮S*/
.button_common{
	display: block;
    height: 36px;
    line-height: 36px;
    text-align: center;
    background-color: #22ac38;
    color: #fff;
    cursor: pointer;
    /*box-shadow: 0px 2px 8px 0px rgba(0, 146, 238, 0.4);*/
}
.button_common:hover{
    font-weight: bold;
}
/*默认按钮E*/

/*标题加一段或几段文字描述S*/
.general_intro p{
	font-family:"微软雅黑";
	font-size: 20px;
	line-height: 32px;
	margin:20px 0;
	
}
.general_intro span{
	display: inline-block;
	color: #808080;
	letter-spacing: 2px;
	line-height: 24px;
}
.general_intro_detail p{
	padding-left:80px;"
	line-height: 32px;
    margin: 20px 0;
    font-size: 22px;
    font-family: "Microsoft YaHei","΢���ź�";
    font-weight: 700;
    color: #222;
}
/*标题加一段或几段文字描述E*/

/*图文介绍时，当文字和图片总有位置互换时父级追加此类名S*/
.left_right_exchange .detali_intro_pic{
	float: right;
}
.left_right_exchange .detali_intro_text{
	float: left;
}
/*图文介绍时，当文字和图片总有位置互换时父级追加此类名E*/


@media screen and (max-device-width:500px){
    .module_content_box h3 {font-size:16px;}
}