.banner{background:url(../image/2017120809390764894.jpg) top center no-repeat;height:352px;}
#banner{position:relative;}

.box1_left,.box2_right{width: 447px;}
.box1_right,.box2_left{width: 724px;}
.box3_left,.box3_center,.box3_right{width: 387px;}
.box3_center{margin-left: 30px;}
.box1,.box2,.box3,.box4{padding: 40px 0 50px;}

.intro{height: 340px;overflow: hidden;}
.intro img{display:none;}
.intro .fr{width:auto !important;}
.intro p{line-height: 34px;font-size: 16px;}
.intro p{color: #333;}
a.intro_show{color: #fff;background:#0068b7 url(../image/df.jpg) top center no-repeat;}
.intro_show{font-weight: bold;display: block;width: 100%;height: 56px;line-height: 56px;font-size: 24px;text-align: center;margin-top: 14px;}

.box2{background: #f5f5f5 url(../image/leader_bg.png) center top no-repeat;display:none;}

.links{position: relative;overflow:hidden;}
.links .link_h3 a{height: 38px;display: block;font-size: 26px;color: #000;line-height: 38px;padding: 10px 0 30px;font-weight: normal;
transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;}
.links .img_show{width: 387px;height: 259px;
transition:  transform .3s ease-in-out;
-moz-transition:  transform .3s ease-in-out;
-webkit-transition:  transform .3s ease-in-out;}
.links:hover .img_show{
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);
}
.links a{display: block;width: 387px;height: 256px;overflow: hidden;}
.links .more{position: absolute;bottom: 0;left: 0;width: 387px;height: 256px;display: none;background-color: rgba(0,0,0,0.6);}
.links .more{background-image:url(../image/hui.png)\9;}
.links .more span{display: block;width: 130px;height: 36px;line-height: 36px;color: #fff;font-size: 16px;text-align: center;border: 1px solid #fff;border-radius: 10px;margin:0 auto;margin-top: 110px;}


.box4{background:url(../image/2017111211055221401.jpg) top center no-repeat;overflow:hidden;}
.date_summary{line-height: 34px;font-size: 16px;color: #333;padding-bottom: 20px;}
.date_line .event{width: 80%;border-bottom: 1px solid #d6d6d6;margin: 0 auto;overflow: hidden;padding: 10px 0;}
.date_line .event span{color: #333;font-size: 16px;line-height: 34px;}
.date_line .event .conP{width: 85%;}
.date_line .event .conP p{line-height: 34px;color: #333;font-size: 16px;}
a.date_more{display: block;width: 40%;margin: 0 auto;height: 56px;line-height: 56px;color: #fff;font-size: 24px;background-color: #0068b7;text-align: center;margin-top: 30px;font-weight: bold;}

@media only screen and (min-width: 321px) and (max-width: 1024px){
	
	.box1_left,.box2_right{width: 96%;float: none; margin: 0 auto;}
	.box1_right,.box2_left{width: 96%;float: none; margin: 0 auto;}
	.box1,.box2,.box3,.box4{padding: 1rem 0;}
	.box1{padding-top:2rem;}
	h2.tit{font-size: 2.4rem;padding-bottom: 1rem;height: 3rem;line-height: 3rem;}
	.intro{height: 28rem;}
	.intro p{line-height: 2.8rem;font-size: 1.6rem;}
	.intro_show{height: 4rem;line-height: 4rem;font-size: 2.2rem;width: 90%;margin: 2rem auto;}
	.intro_img img{display: block;width: 90%;margin: 0 auto;margin-bottom:2rem;}

	.box4{width: 100%;background:url(../image/2017111211055221401.jpg) top center/cover no-repeat}
	.box4 .date_summary{line-height: 2.6rem;font-size: 1.4rem;padding-bottom: 1rem;}
	.box4 .date_line .event{padding: 1rem 0;width: 96%;margin: 0 auto;}
	.box4 .date_line .event span{font-size: 1.4rem;line-height: 3rem;width: 24%;}
	.box4 .date_line .event .conP{width: 75%;}
	.box4 .date_line .event .conP p{line-height: 3rem;font-size: 1.4rem;}
	.box4 .date_more{width: 80%;height: 4rem;line-height: 4rem;font-size: 2rem;background-color: #0068b7;margin: 0 auto;margin-top: 3rem;}

	.box3_left,.box3_center,.box3_right{width: 100%;float: none;}
	.box3_center{margin-left: 0;}
	.links{text-align: center;}
	.links .link_h3 a{height: auto;font-size: 2rem;color: #333;line-height: 5rem;padding: 0;width: 70%;margin: 1rem auto;border: 1px solid #ddd;border-radius: 8rem;background: #f5f5f5 url(../image/dfsd.png) bottom right no-repeat;}
	.links .img_show{display: none;}
	.links:hover .img_show{ display: none;}
	.links a{display: none;}
	.links .more{display: none !important;}
	.links .more span{display: none;}

}