@charset "utf-8";
/* CSS Document */
.gc_top{
	margin-top: 20px;
}
.gc_banner{
	background: url(/resource/images/gc_banner.png) center;
    height: 530px;
    margin-top: -45px;
}
.gc_main{
	height: 100%;
	overflow: hidden;
	background: url(/resource/images/gc_bg.png) center bottom no-repeat;
}
.gc_box{
	width: 1200px;
	margin: 0 auto;
}
.gc_box h2{
	height: 60px;
}
.gc_box h2 a{
	float: right;
	font-size: 16px;
	color: #bd1a2d;
	font-weight: normal;
}
.gc_box h2.gc_tit_a{
	background: url("/resource/images/gc_tit_1.png")
}
.gc_box h2.gc_tit_b{
	background: url("/resource/images/gc_tit_2.png")
}
.gc_box h2.gc_tit_c{
	background: url("/resource/images/gc_tit_3.png")
}
.gc_box h2.gc_tit_d{
	background: url("/resource/images/gc_tit_4.png")
}

.gc_box_one,.gc_box_two,.gc_box_tree,.gc_box_four{
	display: flex;
	margin:60px 10px;
} 
.slider1{width: 600px;position: relative;}
.flex-direction-nav{display: none;}
.slider1 img{height:400px;width:100%}
.slider1:hover .flex-direction-nav{display: block;}
.slides li a{display: block;position: relative;}
.slides li .bgst{position: absolute;left: 0px;width: 100%;background: url(/resource2021/images/home_page_tmd_70.png);height: 40px;line-height: 40px;padding-left: 10px;bottom: 0px;color: #fff}
.slides li .bgst p{height:100%;width:78%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; color: #fff;font-size: 18px;}
.flex-control-nav{position: absolute;right: 20px;bottom:20px;}
.flex-control-nav li{display: inline-block;margin-left: 5px;border-radius: 50%;-webkit-border-radius:50%;width: 10px;height: 10px;overflow:hidden}
.flex-control-nav li a{background: #fff;font-size:0px;display:block;width:100%;height:100%}
.flex-control-nav li a.flex-active{background: #f5d389}
.qw_news{ margin-left: 20px;}
.qw_news ul li{background: url("/resource/images/gc_tit_5.png") no-repeat 14px 5px; margin-top: 25px; font-size: 18px; text-indent: 40px;
}
.gc_box_two ul{
    display: flex;
    justify-content: space-between;
}
.gc_box_two ul li{
	width: 370px;
}
.gc_box_two ul li img{
	width:371px; 
	height: 362px;
}
.gc_box_two ul li:nth-child(2){
	margin-left:30px;
}
.gc_box_two ul li:nth-child(3){
	margin-left:30px;
}

.gc_box_two ul li div{
	border: 4px solid #efefef;
	padding:15px;
}
.gc_box_two ul li div h3{
	font-size: 22px;
	margin-bottom: 15px;
}
.gc_box_two ul li div h4{
	font-size: 16px;
	font-weight: normal;
}
.gc_box_two ul li div h4 a{
	color: #828282;
}
.gc_box_tree{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.gc_box_tree .gxgc{
	width: 48.5%;
	
}
.gc_box_tree .gxgc .gxgc_tit{
    font-size: 18px;
    font-weight: bold;
    background: #ffdedc;
    padding: 10px;
}

.gc_box_tree .gxgc .gxgc_nr{
	background: #ffeeed;
    font-size: 14px;
    line-height: 28px;
    margin-bottom: 30px;
    padding: 4%;
}
.gc_box_four{
	display: flex;
	justify-content: space-between;
}
.gc_m_bottom{
	display: block;
	margin-bottom: 18px;

}
.gc_box_four{
	margin-bottom: 170px;
}
.gc_one,.gc_tree{
	width: 284px;
	height: 180px;
}
.gc_two{
	width:587px;;
	height:377px;
}

@media screen and (max-width: 750px){
	
.gc_banner{
	width: 100%;
	background: url(/resource/images/gc_banner.png) top center no-repeat;
	background-size: 180%;
	margin-top: 0px;
	height: 200px;
}
.gc_box{
	width: 100%;
}
	
.gc_box h2.gc_tit_a{
	width:100%;
	background: url("/resource/images/gc_tit_1.png") no-repeat center;
	background-size: 180%;
}
.gc_box h2.gc_tit_b{
	width:100%;
	background: url("/resource/images/gc_tit_2.png") no-repeat center;
	background-size: 180%;	
}
.gc_box h2.gc_tit_c{
			width:100%;
	background: url("/resource/images/gc_tit_3.png") no-repeat center;
	background-size: 180%;	
	}
.gc_box h2.gc_tit_d{
			width:100%;
	background: url("/resource/images/gc_tit_4.png") no-repeat center;
	background-size: 180%;	
	}	
.gc_box h2.gc_tit_b{
		width:100%
}
.gc_box h2.gc_tit_c{
		width:100%
}
.gc_box h2.gc_tit_d{
		width:100%
}
.slider1{
		width: 100%;
}
.gc_box_one{
		display: block;
	}
	.gc_box_one, .gc_box_two, .gc_box_tree, .gc_box_four{
		margin:20px 10px;
	}
	.qw_news{
		margin-left: 0;
	}
	.gc_box_two ul{
		display: block;
	}
.gc_box_two ul li:nth-child(2){
	margin-left:0px;
}
.gc_box_two ul li:nth-child(3){
	margin-left:0px;
}
	.gc_box_two img{
		width: 100%
	}
	.gc_box_two ul li div{
		width: 90%;
	}
	.gc_box_four{
		display: block;
	}
	.gc_spa img{
		width: 100%;
	}
	.gc_box h2 a{
		font-size:14px;
		margin-right: 10px;
	}
	.gc_m_bottom{
	display: block;
	margin-bottom: 0px;
}
	.gc_spa a img,.gc_spb a,.gc_spc a{	 
		margin-top:10px;
	}
	.gc_box_two ul li{
		margin-top: 15px;
	}
	
	
}