@charset "UTF-8";

/* @index */
body{
}

.banner{
	width: 100%;
	height: 600px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}

.gjxf_container{
	background-color: #f9f9f9;
}
.gjxf_container .gjxf_top{
	height: 800px;
	background:url(../images/special/gjxf_bg.png)no-repeat;
	background-size: 100%;
	background-position:0px 300px;
	overflow: hidden;
}
.gjxf_container .gjxf_top_con{
	width: 1280px;
	height: 700px;
	margin: 0 auto;
	margin-top: 60px;
}
.gjxf_top .gjxf_top_left{
	width: 300px;
	height: 610px;
	margin-right: 20px;
	float: left;
	background:url(../images/special/gjxf_topbg.jpg)no-repeat;
	
}
.gjxf_top .gjxf_top_left h1{
	writing-mode:vertical-lr;
	font-weight: bold;
	margin-top: 30px;
	margin-left: 50px;
	float: left;
	color: #FFFFFF;
}
.gjxf_top .gjxf_top_left p{
	writing-mode:vertical-lr;
	margin-top: 60px;
	margin-left: 50px;
	height: 520px;
	float: left;
	font-size: 15px;
	line-height: 35px;
	color: #FFFFFF;
	text-indent: 2em;
}
.gjxf_top .gjxf_top_right{
	width: 960px;
	float: right;
}
.gjxf_top .gjxf_top_right li{
	float: left;
	width: 300px;
	height: 300px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	background-color: #d8dbdf;
	position: relative;
}
.gjxf_top .gjxf_top_right li img{
	width: 300px;
	height: 300px;
}
.gjxf_top .gjxf_top_right li h2{
	position: absolute;
	font-size: 26px;
	font-weight: bold;
	bottom: 0;
	padding-left: 20px;
	color: #FFFFFF;
    text-stroke: 0.8px #000000;
    -webkit-text-stroke: 0.8px #000000;
}

.gjxf_case{
	padding-bottom: 60px;
}
.gjxf_case .case-title{
	margin: 0 auto;
	width: 600px;
	text-align: center;
	margin-top: 30px;
	position: relative;
	
}
.gjxf_case .case-title .title_bg{
	display: block;
	width: 100px;
	height: 100px;
	background: url(../images/title_bg.png)no-repeat;
	background-size:100% 100%;
	margin: 0 auto;
	position: absolute;
    top: -55px;
    left: 150px;
}
.gjxf_case .case-title h2{
	margin: 0 auto;
	text-align: center;
	font-size: 42px;
	font-weight: bold;
	color: #642828;
}
.gjxf_case .gjxf_case_con{
	width: 1280px;
	margin:0 auto;
	margin-top: 60px;
}
.gjxf_case .gjxf_case_con li{
	width: 420px;
	display: inline-block;
	
}
.gjxf_case .gjxf_case_con img{
	width: 380px;
	display: block;
	margin: 0 auto;
	padding: 10px;
	border: #642828 2px solid;
	border-radius: 25px;
}
.gjxf_case .gjxf_case_con img:hover{
	background-color: #e6e6e6;
}
.gjxf_case .gjxf_case_con h3{
	text-align: center;
	color: #642828;
}
.gjxf_case .case_more{
	width: 180px;
	line-height: 30px;
	margin: 0 auto;
	margin-top: 40px;
	text-align: center;
	border: #642828 2px solid;
	border-radius: 15px;
}
.gjxf_case .case_more:hover{
	background-color: #642828;
}
.gjxf_case .case_more:hover a{
	color: #FFFFFF;
}
.gjxf_case .case_more a{
	color: #642828;
	font-size: 16px;
	display: block;
	width: 100%;
	height: 100%;
}