@charset "utf-8";
/* CSS Document */

.nav_list { border-bottom: 1px #ddd solid; height: 80px; padding: 0 30px; }
.nav_list_left { width: 50%; float: left; }
.nav_list_right { width: 50%; float: right; }
.nav_list_left p { padding: 0 20px 0 10px; float: left; line-height: 80px; position: relative; }
.nav_list_left p:after { position: absolute; right: 0; top: 36px; background: url(sj.png) center center no-repeat; content: ''; width: 10px; height: 10px; }
.nav_list_left p.sy { padding: 30px 0 0; background: none !important; }
.nav_list_left p.sy:after { display: none; }
.nav_list_left p a { color: #666; font-size: 14px; font-weight: 600; }
.nav_list_left p.last:after { display: none; }
.nav_list_right { text-align: right; }
.nav_list_right li { display: inline; line-height: 80px; padding: 30px 10px; position: relative; }
.nav_list_right li a { color: #666; font-size: 14px; line-height: 80px; font-weight: 600; padding: 30px 0; }
.nav_list_right li:hover a { border-bottom: 2px #0484cf solid; }
.nav_list_right li.on a { border-bottom: 2px #0484cf solid; }
.nav_list_right li.last { }
.ab_date { padding: 20px 0; }
.ab_b1 { color: #333 !important; font-size: 20px; line-height: 22px; margin: 0; }
.ab_b2 { color: #666; font-size: 14px; line-height: 20px; font-family: Arial, Helvetica, sans-serif; letter-spacing: 0; }
.about_img { position: relative; }
.about_img:after { width: 94%; height: 100%; background: #0484cf; right: 15px; top: 7px; z-index: 1; content: ''; position: absolute; }
.about_img img { position: relative; z-index: 99; width: 94%; margin: 0 auto; height: auto; }
.ab_map { padding: 0 30px; }
.ab_map h2 { color: #333; font-size: 20px; line-height: 30px; }
.ab_map img { margin: 20px auto; display: block; }
.yxwd li { width: 26%; float: left; margin-right: 11%; border-right: 1px #ddd solid; }
.yxwd li.last { margin-right: 0; border: none; }
.yxwd li h3 { font-size: 16px; color: #333; margin: 0; line-height: 30px; }
.yxwd li p { font-size: 14px; color: #666; margin: 0; line-height: 22px; }
.yxwd li p a { color: #666; }
.yxwd li p a:hover { color: #000; }
.video_con { margin-top: 50px; }
.title_a { font-size: 20px; font-weight: 600; }
.about3_box { }
.about3_map { width: 100%; position: relative; margin: 30px 0; }
.about3_map img { display: block; margin: 0 auto; }
.about3_point { }
.about3_point .point { width: 8px; height: 8px; border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; background: #0484cf; position: absolute; }
.about3_point .dot { top: 52%; left: 40%; }
.about3_point .dot02 { top: 54.5%; left: 41.5%; }
.about3_point .dot03 { top: 56.5%; left: 41.5%; }
.about_con { background: #f5f5f5; }
.about_cont { background: #eeeeee; }
.about3_map_img {
	position: relative;
	width: 800px;
	margin: 0px auto;
}
.about3_map_text p {
	color: #ffffff;
	background: #e8371c;
	padding: 0px 5px;
	font-size: 12px;
	display: inline-block;
	position: absolute;
}
.about3_map_text img {
	position: absolute;
	top: 200px;
	left: 595px;
	width: 50px;
}
.about3_map_text .tx {
	top: 180px;
	left: 550px;
	font-size: 16px;
	background: none;
	color: #0685cf;
	font-weight: bold;
}
.about3_map_text .jnd { top: 140px; left: 120px; }
.about3_map_text .mg { top: 180px; left: 140px; }
.about3_map_text .mxg { top: 210px; left: 120px; }
.about3_map_text .wnrl { top: 240px; left: 190px; }
.about3_map_text .glby { top: 270px; left: 180px; }
.about3_map_text .bl { top: 295px; left: 200px; }
.about3_map_text .bx { top: 295px; left: 255px; }
.about3_map_text .zl { top: 320px; left: 210px; }
.about3_map_text .agt { top: 350px; left: 200px; }
.about3_map_text .yg { top: 140px; left: 360px; }
.about3_map_text .bls { top: 160px; left: 350px; }
.about3_map_text .dg { top: 155px; left: 400px; }
.about3_map_text .fg { top: 180px; left: 360px; }
.about3_map_text .aj { top: 220px; left: 420px; }
.about3_map_text .nf { top: 330px; left: 420px; }
.about3_map_text .hg { top: 180px; left: 650px; }
.about3_map_text .tg { top: 230px; left: 575px; }
.about3_map_text .yn { top: 235px; left: 615px; }
.about3_map_text .xjp { top: 280px; left: 570px; }
.about3_map_text .flb { top: 240px; left: 660px; }
.about3_map_text .ad { top: 330px; left: 650px; }
.about3_map_text .rb { top: 200px; left: 670px; }
.about3_map_text .hl { top: 140px; left: 390px; }
.jpdt { -webkit-animation: point 2s infinite; -moz-animation: point 2s infinite; -ms-animation: point 2s infinite; animation: point 2s infinite; }
@-webkit-keyframes point {
	70% { -webkit-transform: scale(2, 2); opacity: 0 }
	100% { opacity: 0 }
}
@-moz-keyframes point {
	70% { -moz-transform: scale(2, 2); opacity: 0 }
	100% { opacity: 0 }
}
@-ms-keyframes point {
	70% { -ms-transform: scale(2, 2); opacity: 0 }
	100% { opacity: 0 }
}
@keyframes point {
	70% { transform: scale(2, 2); opacity: 0 }
	100% { opacity: 0 }
}
.point:hover {
	cursor: pointer;
}
.container {
	overflow: hidden;
}
.point {
	position: absolute;
	right: 0;
	bottom: -40px;
}
.main-right > div > p {
	margin-top: 8px;
	width:90%;
}
.main-right > div > hr {
	border: 1px solid lightgray;
	border-bottom: none; margin-top: 10px;
	margin-bottom: 5px
}
.click1 {
	display: flex;
	position: absolute;
	right: 0;
	/*padding:30px;*/
	padding: 10px 40px 0px 0;
}
.click1 > section {
	width: 120px;
	height: 30px;
	text-align: center;
	border: 1px solid #0484cf;
	font-size: 14px;
	line-height: 30px;
	/*border-right:none;*/
	color: #0484cf;
	cursor: pointer;
}
.color {
	background-color: #0484cf;
	color: white;
}
/*.click1>section:hover{
	background-color:#0484CF;
	color:white;

}*/
.list_N {
	/*border:1px solid red;*/
	width: 100%;
	margin-top: 4vw;
	padding-right: 10px;
}
.lb_list {
	width: 100%;
}
.lb_list > li > img {
	/*width:300px;*/
	/*width:20%;*/
	/*height:130px;*/
	/*border:1px solid deepskyblue;*/
	/*float:left;*/
	margin-right: 30px;
}
.right_float {
	/*float:right;*/
}
.lb_list > li {
	display: flex;
	/*border:1px solid darkgray;*/
	padding: 10px;
	padding-left: 0;
	border-top: 1px solid lightgray;
	position: relative;
	width: 100%;
}
.lb_list > li > strong {
	color: #000000;
	font-size: 16px;
}
.lb_list > li > div {
	width: 80%;
}
.lb_list > li > div > p {
	margin-top: 15px;
	font-size: 14px;
	color: #808080;
}
.lb_list > li > div > a {
	background-color: #0484cf;
	color: white;
	padding: 2px 5px;
	/*line-height:150px;*/
	position: absolute;
	bottom: 10px;
}
/*////////////////////////////////////////////////////////qyhd//////////////////////////////////////*/
.tk1 {
	margin-top: 40px;
	width: 100%;
	height: 180px;
	/*border:1px solid palevioletred;*/
	margin-bottom: 30px;
}
.tk2 {
	width: 100%;
	height: 345px;
	/*border:1px solid cadetblue;*/
}
.tj_01 {
	width: 100%;
	border: 1px solid red;
}
.tj_01 > section {
	width: 25%;
	/*border:1px solid lawngreen;*/
	height: 150px;
	/*margin:5px;*/
	position: relative;
	/*overflow: hidden;*/
}
.tj_02 > section {
	width: 25%;
	/*border:1px solid lawngreen;*/
	height: 150px;
	margin: 5px;
	position: relative;
	/*overflow: hidden;*/
}
.tk3 > section {
	width: 20%;
	/*border:1px solid red;*/
	height: 150px;
	margin: 5px;
	position: relative;
	/*overflow: hidden;*/
}
.section_p {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 30px;
	background-color: #0484cf;
	text-align: center;
	line-height: 30px;
	font-size: 14px;
	opacity: 0.8;
	font-weight: bold;
	color: white;
	display: none;
}
.comm_navul > li {
	width: 120px;
	height: 30px;
	border: 1px solid #0484cf;
}
.comm_navul > li > a {
	border: none;
	text-align: center;
	width: 120px;
	height: 30px;
}
.comm_nav {
	width: 410px;
}
.div-left {
	width: 49%;
	height: 250px;
	/*border:1px solid red;*/
	float: left;
}
.div-right {
	width: 50%;
	height: 250px;
	/*border:1px solid blue;*/
	float: right;
}
.big-div {
	/*display: flex;*/
	margin-top: 30px;
	border-bottom: 1px solid lightgray;
}
.uuul > li {
	float: left;
	/*border:1px solid red;*/
	width: 20%;
}
.uuul > li > img {
	margin-left: 50px;
}
@media (max-width: 768px) {
	.nav_list_right {
		width: 100%;
	}
	.nav_list_right {
		text-align: center;
	}
	.nav_list_right li a {
		font-size: 12px;
		padding: 13px 0;
	}
	.nav_list_right li {
		padding: 18px 3px;
	}
	.nav_list {
		padding: 0px 15px;
		height: 60px;
	}
	.about3_map img {
		display: block;
		margin: 0 auto;
		width: 100%;
	}
	.about3_map_img {
		position: relative;
		width: 100%;
		margin: 0px auto;
	}
	.about3_map_text .jnd {
		top: 40px;
		left: 36px;
	}
	.about3_map_text .mg {
		top: 58px;
		left: 48px;
	}
	.about3_map_text .mxg {
		top: 76px;
		left: 35px;
	}
	.about3_map_text .wnrl {
		top: 94px;
		left: 22px;
	}
	.about3_map_text .glby {
		top: 112px;
		left: 22px;
	}
	.about3_map_text .zl {
		top: 130px;
		left: 48px;
	}
	.about3_map_text .dg {
		top: 56px;
		left: 123px;
	}
	.about3_map_text .nf {
		top: 122px;
		left: 130px;
	}
	.about3_map_text .hg {
		top: 64px;
		left: 254px;
	}
	.about3_map_text .flb {
		top: 88px;
		left: 254px;
	}
	.about3_map_text .ad {
		top: 128px;
		left: 254px;
	}
	.about3_map_text .xjp {
		top: 113px;
		left: 203px;
	}
	.about3_map_text .tg {
		top: 90px;
		left: 209px;
	}
	.yxwd li h3 {
		font-size: 14px;
		line-height: 20px;
	}
	.yxwd li p {
		font-size: 12px;
		line-height: 18px;
	}
	.about3_map {
		margin: 8px 0;
	}
	.video_con {
		margin-top: 4px;
	}
	.click1 {
		padding: 10px 5px 0px 0;
	}
	.lb_list > li {
		display: inherit;
	}
	.lb_list > li {
		padding: 12px 5px 5px 0;
	}
	.lb_list > li > img {
		width: 100%;
	}
	.right_float {
		margin-top: 15px;
	}
	.lb_list > li > div {
		width: 100%;
	}
	.lb_list > li > div > p {
		margin-top: 8px;
		font-size: 12px; margin-bottom: 10px;
		line-height: 18px;
	}
	.lb_list > li > div > a {
		bottom: 2px;
		right: 6px;
	}
	.div-left {
		width: 100%;
		float: inherit;
	}
	.div-right {
		width: 100%;
		margin-top: 30px;
		height: 136px;
	}
	.media-wrap .div-left {
		height: 170px;
	}
	.comm_navul > li {
		width: 80px;
		height: 30px;
		margin-right: 2px;
	}
	.comm_navul > li > a {
		width: 80px;
		/*padding: 0 15px;*/
	}
	.comm_navul {
		/*width: 368px;*/
	}
	.big-div {
		margin-top: 0px;
	}
	.div-left h3 { margin-bottom: 10px; }
	.yxwd li {
		width: 31%;
		margin-right: 3%;
	}
	.ab_map {
		padding: 0 15px;
	}
	.about3_map_text .bls {
		top: 74px;
		left: 142px;
	}
	.about3_map_text .yg {
		top: 51px;
		left: 158px;
	}
	.about3_map_text .fg {
		top: 91px;
		left: 142px;
	}
}

@media (max-width: 320px){
	.nav_list_right li {
		padding: 18px 0px;
	}
	.act ul li a {
		width: 90px;
	}
}