@charset "utf-8";

html {
	overflow-y: auto;
	height: 100%;
	overflow-x: hidden
}

body {
	font-family: \5FAE\8F6F\96C5\9ED1,Arial;
	font-size: 14px;
	line-height: 22px;
	color: #646464;
	position: relative;
	background: #fff
}

a {
	cursor: pointer;
	color: #646464
}

a:hover {
	transition: .4s;
	-moz-transition: .4s;
	-webkit-transition: .4s;
	-o-transition: .4s
}

input {
	outline: 0;
	font-family: \5FAE\8F6F\96C5\9ED1,Arial;
	font-size: 14px
}

table {
	border-collapse: collapse
}

textarea {
	resize: none;
	font-family: \5FAE\8F6F\96C5\9ED1,Arial;
	outline: 0
}

.clear {
	clear: both
}

em,i {
	font-style: normal
}

.f_l {
	float: left
}

.f_r {
	float: right
}

.padding107 {
	padding-top: 96px;
}

.con {
	width: 1200px;
	margin: 0 auto
}

.backgroundimage {
	background-attachment: fixed
}

.loadind {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	opacity: .6;
	z-index: 5
}

.loadind img {
	position: absolute;
	left: 50%;
	margin-left: -16px;
	top: 50%;
	margin-top: -16px
}

.header {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 20;
	transition: .8s;
	-moz-transition: .8s;
	-webkit-transition: .8s;
	-o-transition: .8s
}

.show {
	top: 0;
	opacity: 1
}

.head_f1 {
	width: 100%;
	transition: .8s;
	-moz-transition: .8s;
	-webkit-transition: .8s;
	-o-transition: .8s
}

.head_f1bg1 {
	background: #fff;
	height: 96px;
	/* padding: 19px; */
}

.head_f1bg2 {
	background: #fff;
	height: 80px;
	box-shadow: 0 1px 5px #aaa;
	-webkit-box-shadow: 0 1px 5px #aaa;
	-moz-box-shadow: 0 1px 5px #aaa;
	-ms-box-shadow: 0 1px 5px #aaa;
	-o-box-shadow: 0 1px 5px #aaa;
	/* padding: 11px; */
}

.head_f1 .langvage {
	line-height: 16px;
	height: 16px;
	font-size: 14px;
	color: #545454;
	transition: .8s;
	-moz-transition: .8s;
	-webkit-transition: .8s;
	-o-transition: .8s
}

.head_f1 .langvage a {
	float: right;
	color: #545454
}

.head_f1 .langvage span {
	padding: 0 6px;
	float: right
}

.head_f1 .langvage a.en {
	text-transform: uppercase
}

.head_f1 .logo {
	width: 150px;
	height: 58px;
	float: left;
	position: relative;
	transition: .8s;
	-moz-transition: .8s;
	-webkit-transition: .8s;
	-o-transition: .8s;
}

.head_f1 .logo img {
	/* width: 150px; */
	height: 58px;
}

.head_f1 .nav .nav_ul {
	float: right;
	position: relative;
	transition: .8s;
	-moz-transition: .8s;
	-webkit-transition: .8s;
	-o-transition: .8s
}

.head_f1 .nav .nav_ul>li {
	float: left;
	margin-left: 60px;
	vertical-align: middle;
	text-align: center;
	font-size: 16px
}

.head_f1 .nav .nav_ul>li .img {
	position: relative;
	margin-right: 5px;
	max-height: 22px;
	max-width: 24px;
	vertical-align: middle;
	display: inline-block
}

.head_f1 .nav .nav_ul>li .img .re {
	position: absolute;
	left: 0;
	top: 0;
	display: none
}

.head_f1 .nav .nav_ul>li .img .ab {
	position: relative
}

.head_f1 .nav .nav_ul>li>a {
	color: #545454;
	vertical-align: middle;
	line-height: 96px;
}

.head_f1bg2 .nav .nav_ul>li>a {
	color: #545454;
	line-height: 80px;
}

.head_f1bg2 .langvage a {
	color: #545454
}

.head_f1bg3 .img .ab {
	position: absolute;
	left: 0;
	top: 0;
	display: none
}

.head_f1bg3 .img .re {
	position: absolute;
	left: 0;
	top: 0;
	display: none
}

.head_f1bg3 .img .tp3 {
	position: relative;
	left: 0;
	top: 0;
	display: block
}

.head_f1bg3 .nav .nav_ul>li.current .img .tp3 {
	display: none
}

.head_f1bg3 .nav .nav_ul>li.current .img .ab {
	display: block;
	position: relative
}

.head_f1 .nav .nav_ul>li:hover>a {
	color: #0094cc
}

.head_f1 .nav .nav_ul>li:hover .img .ab {
	display: block;
	position: relative
}

.head_f1 .nav .nav_ul>li:hover .img .tp3 {
	display: none
}

.head_f1 .nav .nav_ul>li.current a {
	color: #0094cc
}

.head_f1bg1 .nav_ul {
	/* padding-top: 16px; */
}

.head_f1bg1 .logo {
	margin-top: 0;
	padding-top: 19px;
}

.head_f1bg1 .langvage {
	padding-top: 10px
}

.head_f1bg2 .nav_ul {
	/* margin-top: 16px */
}

.head_f1bg2 .logo {
	/* margin-top: -8px */
	padding-top: 11px;
}

.head_f1bg2 .langvage {
	padding-top: 6px;
	color: #545454
}

.footer {
	width: 100%;
	height: 80px;
	background: #fff;
	text-align: center;
	position: relative
}

.footer .three_bt {
	position: relative;
	text-align: center;
	width: 162px;
	float: right;
	padding-top: 16px
}

.footer .pic {
	display: none;
	position: absolute;
	top: -160px;
	left: -60px;
	border: 1px solid #CCC;
	height: 150px;
}
.footer .three_bt .dh h6{position:absolute;width:0;height:0;font-size:0;top: -47px;/* background:#fff; */left: -70px;}
.footer .three_bt .dh:hover h6{width: 170px;height: 40px;line-height:40px;font-size:14px;border-radius:7px;border:1px solid #ccc;background: #005da2;color: #fff;}

.footer .three_bt a {
	width: 28px;
	height: 28px;
	text-align: center;
	display: block;
	float: left;
	margin: 8px;
	position: relative;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	0overflow: hidden;
	background: #005da2;
	line-height: 28px;
	color: #fff;
}
.footer .three_bt a i{ line-height:28px}
.footer .three_bt a:hover{background:#fff; box-shadow:0 0 5px #005da2; color:#005da2;}
.footer .three_bt .tomail {
	background: url(../images/footb_14.png) no-repeat left bottom;
	background-size: 109px auto
}

.footer .three_bt .tomail:hover {
	background-position: top left
}



.footer .three_bt .qq:hover {
	background-position: top center
}


.footer .nav_l {
	float: left;
	padding-top: 30px
}

.footer .nav_l a {
	float: left;
	display: block;
	font-size: 16px;
	margin-right: 75px
}

.footer .nav_l a:hover {
	color: #0094cc
}

.footer .nav_l a.current {
	color: #0094cc
}

.footer_f2 {
	width: 100%;
	background: #292929;
	color: #eee;
	font-size: 12px;
	padding: 10px 0;
}

.banner_a {
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden
}

.banner_a img {
	position: relative;
	left: 50%;
	top: 0;
	margin-left: -960px
}

.banner_a .con {
	position: absolute;
	left: 50%;
	margin-left: -600px;
	width: 1200px;
	z-index: 2;
	bottom: 100px
}

.add-newslist .top_title {width: 100%;margin: 0 auto;text-align: center;position: relative;opacity: 0;top: -50px;font-size: 35px;font-weight: bold;color: #fff;background: url(../images/biaotibg.png) center no-repeat;text-align: center;/* height: 60px; */margin-bottom: 50px;}

.btdh {
	opacity: 0;
	top: -50px;
	transition: 1s;
	-moz-transition: 1s;
	-webkit-transition: 1s;
	-o-transition: 1s
}

.btdh.current {
	opacity: 1;
	-webkit-opacity: 1;
	-ms-opacity: 1;
	-o-opacity: 1;
	-moz-opacity: 1;
	top: 0
}

.banner_a .top_title .line {

}

.banner_a .top_title span {
	display: block;
	float: left;
	width: 170px;
	text-align: center;
	font-size: 36px;
	line-height: 40px;
	color: #fff;
	text-shadow: 3px 3px 4px #111;
	-webkit-text-shadow: 3px 3px 4px #111
}

.pagebtnbox {
	width: 100%;
	position: relative;
	height: 0;
	font-size: 0
}

.pagebtn {
	position: absolute;
	left: 50%;
	margin-left: -35px;
	top: -36px;
	width: 71px;
	height: 71px;
	z-index: 8;
	cursor: pointer
}

.pagebtn .img1 {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 3;
	transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	-o-transition: .5s
}

.pagebtn .img2 {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 4;
	opacity: .3;
	-webkit-opacity: .3;
	filter: alpha(opacity=30);
	animation: more1 1.5s infinite;
	-moz-animation: more1 1.5s infinite;
	-webkit-animation: more1 1.5s infinite;
	-o-animation: more1 1.5s infinite
}

@keyframes more1 {
	0% {
		-webkit-transform: translate(0,0);
		opacity: .3
	}

	50% {
		-webkit-transform: translate(0,5px);
		opacity: 1
	}
}

@-moz-keyframes more1 {
	0% {
		-webkit-transform: translate(0,0);
		opacity: .3
	}

	50% {
		-webkit-transform: translate(0,5px);
		opacity: 1
	}
}

@-webkit-keyframes more1 {
	0% {
		-webkit-transform: translate(0,0);
		opacity: .3
	}

	50% {
		-webkit-transform: translate(0,5px);
		opacity: 1
	}
}

@-o-keyframes more1 {
	0% {
		-webkit-transform: translate(0,0);
		opacity: .3
	}

	50% {
		-webkit-transform: translate(0,5px);
		opacity: 1
	}
}

.pagebtn:hover .img1 {
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg)
}

.main_f2 {
	width: 100%;
	position: relative;
	background-position: center top;
	background-repeat: no-repeat;
	padding-bottom: 80px;
background-size:100%;
}

.main_f2 .con1 {
	width: 1260px;
	margin: 0 auto;
	padding-top: 70px;
}

.main_f2 .con1 .ulb {
	width: 100%;
	background: url(../images/line33_07.jpg) repeat-y top center;
	position: relative
}

.main_f2 .con1 .ulb .ab_topimg {
	display: block;
	background: url(../images/fk_03.png);
	width: 62px;
	height: 62px;
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -31px
}

.main_f2 .con1 .ulb .ab_bottomimg {
	display: block;
	background: url(../images/fk_08.png);
	width: 23px;
	height: 23px;
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-left: -11.3px
}

.main_f2 .con1 .pz {
	text-align: center;
	height: 40px;
	font-size: 14px;
	line-height: 40px;
	color: #fff
}

.main_f2 .con1 .news_half {
	width: 630px;
	float: left;
	position: relative
}

.main_f2 .con1 .news_half .qiqiu1 {
	width: 160px;
	position: absolute;
	height: 70px;
	left: 30%;
	top: -70px;
	overflow: hidden;
	line-height: 90px;
	font-size: 24px;
	color: #fff;
	font-weight: 700;
	-webkit-animation: qiqiu1 linear 5s infinite;
	animation: qiqiu1 linear 5s infinite
}

.main_f2 .con1 .news_half .qiqiu1 img {
	float: left;
	width: 52px;
	height: 70px
}

.main_f2 .con1 .news_half .qiqiu2 {
	width: 160px;
	position: absolute;
	height: 70px;
	left: 30%;
	top: -100px;
	overflow: hidden;
	line-height: 90px;
	font-size: 24px;
	color: #fff;
	font-weight: 700;
	-webkit-animation: qiqiu2 linear 4s infinite;
	animation: qiqiu2 linear 4s infinite
}

.main_f2 .con1 .news_half .qiqiu2 img {
	float: left;
	width: 52px;
	height: 70px
}

@-webkit-keyframes qiqiu1 {
	0% {
		-webkit-transform: translate(0,0);
		transform: translate(0,0)
	}

	20% {
		-webkit-transform: translate(20px,15px);
		transform: translate(20px,15px)
	}

	40% {
		-webkit-transform: translate(45px,20px);
		transform: translate(45px,20px)
	}

	60% {
		-webkit-transform: translate(30px,25px);
		transform: translate(30px,25px)
	}

	80% {
		-webkit-transform: translate(18px,18px);
		transform: translate(18px,18px)
	}

	100% {
		-webkit-transform: translate(0,0);
		transform: translate(0,0)
	}
}

@keyframes qiqiu1 {
	0% {
		-webkit-transform: translate(0,0);
		transform: translate(0,0)
	}

	20% {
		-webkit-transform: translate(20px,15px);
		transform: translate(20px,15px)
	}

	40% {
		-webkit-transform: translate(45px,20px);
		transform: translate(45px,20px)
	}

	60% {
		-webkit-transform: translate(30px,25px);
		transform: translate(30px,25px)
	}

	80% {
		-webkit-transform: translate(18px,18px);
		transform: translate(18px,18px)
	}

	100% {
		-webkit-transform: translate(0,0);
		transform: translate(0,0)
	}
}

@-webkit-keyframes qiqiu2 {
	0% {
		-webkit-transform: translate(8px,15px);
		transform: translateY(8px,15px)
	}

	40% {
		-webkit-transform: translate(-5px,6px);
		transform: translate(5px,6px)
	}

	70% {
		-webkit-transform: translateY(0,0);
		transform: translateY(0,0)
	}

	100% {
		-webkit-transform: translate(8px,15px);
		transform: translateY(8px,15px)
	}
}

@keyframes qiqiu2 {
	0% {
		-webkit-transform: translate(8px,15px);
		transform: translateY(8px,15px)
	}

	40% {
		-webkit-transform: translate(-5px,6px);
		transform: translate(5px,6px)
	}

	70% {
		-webkit-transform: translateY(0,0);
		transform: translateY(0,0)
	}

	100% {
		-webkit-transform: translate(8px,15px);
		transform: translateY(8px,15px)
	}
}

.main_f2 .con1 .news_half ul.aozhou {
	padding-top: 70px
}

.main_f2 .con1 .news_half ul.aozhou li.even {
	margin-bottom: 15px;
	width: 638px;
	background: url(../images/fk_07.png) no-repeat right 218px
}

.main_f2 .con1 .news_half ul.aozhou li.odd {
	margin-bottom: 15px;
	width: 638px;
	background: url(../images/fk_07.png) no-repeat right 143px
}

.main_f2 .con1 .news_half ul.aozhou li.even .box {
	float: left;
	background: url(../images/newsbox_04.png);
	width: 490px;
	height: 400px;
	padding: 39px;
	position: relative
}

.main_f2 .con1 .news_half ul.aozhou li.odd .box {
	float: left;
	background: url(../images/newsbox_06.png);
	width: 490px;
	height: 242px;
	padding: 39px;
	position: relative
}

.main_f2 .con1 .news_half ul.china li.even {
	margin-bottom: 15px;
	width: 638px;
	background: url(../images/fk_07.png) no-repeat left 160px;
	margin-left: -8px
}

.main_f2 .con1 .news_half ul.china li.odd {
	margin-bottom: 15px;
	width: 638px;
	background: url(../images/fk_07.png) no-repeat left 245px;
	margin-left: -8px
}

.main_f2 .con1 .news_half ul.china li.even .box {
	float: right;
	background: url(../images/newsbox_05.png);
	width: 490px;
	height: 242px;
	padding: 39px;
	position: relative
}

.main_f2 .con1 .news_half ul.china li.odd .box {
	float: right;
	background: url(../images/newsbox_03.png);
	width: 490px;
	height: 400px;
	padding: 39px;
	position: relative
}

.main_f2 .con1 .news_half ul li .box h2 {
	font-size: 18px;
	height: 30px;
	color: #f60;
	line-height: 30px;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.main_f2 .con1 .news_half ul li .box {
	display: block
}

.main_f2 .con1 .news_half ul li .box h2:hover {
	text-decoration: underline
}

.main_f2 .con1 .news_half ul li .box .time {
	color: b6b6b6;
	font-family: Arial;
	font-size: 14px;
	line-height: 20px;
	height: 20px
}

.main_f2 .con1 .news_half ul li .box .time .span1 {
	display: block;
	float: left;
	background: url(../images/zan.jpg) no-repeat left center;
	padding: 0 30px 0 20px
}

.main_f2 .con1 .news_half ul li .box .time .span2 {
	display: block;
	float: left;
	background: url(../images/timew.jpg) no-repeat left center;
	padding: 0 30px 0 20px
}

.main_f2 .con1 .news_half ul.aozhou li.even .box .p {
	font-size: 16px;
	line-height: 26px;
	height: 52px;
	overflow: hidden
}

.main_f2 .con1 .news_half ul.aozhou li.even .box .pic {
	width: 490px;
	height: 285px;
	margin-top: 10px
}

.main_f2 .con1 .news_half ul.aozhou li.even .box .pic img {
	width: 490px;
	height: 285px
}

.main_f2 .con1 .news_half ul.aozhou li.odd .box .p {
	font-size: 16px;
	line-height: 26px;
	height: 182px;
	overflow: hidden
}

.main_f2 .con1 .news_half ul.aozhou li.odd .box .pic {
	display: none
}

.main_f2 .con1 .news_half ul.china li.odd .box .p {
	font-size: 16px;
	line-height: 26px;
	height: 52px;
	overflow: hidden
}

.main_f2 .con1 .news_half ul.china li.odd .box .pic {
	width: 490px;
	height: 285px;
	margin-top: 10px;
	overflow: hidden
}

.main_f2 .con1 .news_half ul.china li.odd .box .pic img {
	width: 490px;
	height: 285px
}

.main_f2 .con1 .news_half ul.china li.even .box .p {
	font-size: 16px;
	line-height: 26px;
	height: 182px;
	overflow: hidden
}

.main_f2 .con1 .news_half ul.china li.even .box .pic {
	display: none
}

.main_f2 .con1 .news_half ul li a.box:hover {
	transition: 0s;
	-moz-transition: 0s;
	-webkit-transition: 0s;
	-o-transition: 0s
}

.main_f2 .con1 .news_half ul.aozhou li .box {
	position: relative;
	margin-left: -150px;
	opacity: 0;
	-webkit-opacity: 0;
	transition: .6s;
	-moz-transition: .6s;
	-webkit-transition: .6s;
	-o-transition: .6s
}

.main_f2 .con1 .news_half ul.aozhou li.current .box {
	margin-left: 0;
	opacity: 1;
	-webkit-opacity: 1
}

.main_f2 .con1 .news_half ul.china li .box {
	position: relative;
	margin-right: -150px;
	opacity: 0;
	-webkit-opacity: 0;
	transition: .6s;
	-moz-transition: .6s;
	-webkit-transition: .6s;
	-o-transition: .6s
}

.main_f2 .con1 .news_half ul.china li.current .box {
	margin-right: 0;
	opacity: 1;
	-webkit-opacity: 1
}

.procon {
	padding-top: 120px;
	position: relative
}

.procon .top_title {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    position: relative;
    opacity: 0;
    top: -50px;
    font-size: 35px;
    font-weight: bold;
    color: #fff;
    background: url(../images/biaotibg.png) center no-repeat; text-align:center;
}

.procon .top_title .line {
	float: left;
	display: block;
	width: 80px;
	height: 2px;
	background: #fff;
	font-size: 0;
	margin-top: 19px
}

.procon .top_title span {
	display: block;
	/* float: left; */
	width: 170px;
	text-align: center;
	font-size: 36px;
	line-height: 40px;
	color: #fff;
	margin: auto;
	font-weight: bold;
}

.procon .top_title.animote {
	opacity: 1;
	-webkit-opacity: 1;
	-ms-opacity: 1;
	-o-opacity: 1;
	-moz-opacity: 1;
	top: 0
}

.pro_line {
	width: 100%;
	border-bottom: solid 1px #d1d4d6;
	height: 200px;
	position: absolute;
	left: 0;
	top: 125px;
	z-index: 1;
}

.about_event {
	padding-top: 40px;
	width: 1200px;
	margin: 0 auto;
	padding-bottom: 40px;
	text-align: center;
	position: relative;
	z-index: 2
}

.about_event .prev_s {
	width: 13px;
	height: 23px;
	background: url(../images/arrows.png) no-repeat left top;
	top: 105px;
	left: 0;
	position: absolute;
	cursor: pointer;
	z-index: 5;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	transition: .4s;
	-moz-transition: .4s;
	-webkit-transition: .4s;
	-o-transition: .4s;
}

.about_event .next_s {
	width: 13px;
	height: 23px;
	background: url(../images/arrows.png) no-repeat right top;
	top: 105px;
	right: 0;
	position: absolute;
	cursor: pointer;
	z-index: 5;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	transition: .4s;
	-moz-transition: .4s;
	-webkit-transition: .4s;
	-o-transition: .4s;
}

.about_event .prev_s:hover {
	transform: scale(1.3,1.3);
	-o-transform: scale(1.3,1.3);
	-webkit-transform: scale(1.3,1.3);
	-moz-transform: scale(1.3,1.3);
	-ms-transform: scale(1.3,1.3)
}

.about_event .next_s:hover {
	transform: scale(1.3,1.3);
	-o-transform: scale(1.3,1.3);
	-webkit-transform: scale(1.3,1.3);
	-moz-transform: scale(1.3,1.3);
	-ms-transform: scale(1.3,1.3)
}

.about_event .ul2 {
	width: 1200px;
	height: 546px;
	overflow: hidden;
	position: relative
}

.about_event ul.big_ul {
	position: absolute;
	left: 0;
	top: 0;
	height: 546px;
	width: 1200px
}

.about_event .ul2 ul.big_ul {
	height: 546px
}

.about_event ul.big_ul li {
	po width: 1180px;
	display: none;
	height: 546px;
	position: absolute;
	left: 0;
	top: 0
}

.about_event .ul1 ul.big_ul li {
	margin: 0
}

.about_event .small_ul {
	width: 1100px;
	margin: 0 auto;
	height: 120px;
	position: relative;
	overflow: hidden;
	padding: 10px 0;
}

.about_event .small_ul .xtu {
	position: relative;
	margin: 0 auto;
	/* overflow: hidden; */
	height: 120px;
}

.about_event .small_ul dl {
	text-align: center;
	height: 120px;
	position: absolute;
	left: 0;
	top: 0;
}

.about_event .small_ul dl dd {
	cursor: pointer;
	height: 120px;
	width: 220px;
	float: left;
	position: relative;
	/* border: 1px solid #fff; */
	/* background: rgba(0,0,0,0.5); */
}




@-webkit-keyframes eventDot {
	from {
		transform: scale(1,1);
		-o-transform: scale(1,1);
		-webkit-transform: scale(1,1);
		-moz-transform: scale(1,1);
		-ms-transform: scale(1,1)
	}

	to {
		transform: scale(1.13,1.13);
		-o-transform: scale(1.13,1.13);
		-webkit-transform: scale(1.13,1.13);
		-moz-transform: scale(1.13,1.13);
		-ms-transform: scale(1.13,1.13);
	}
}



.about_event .small_ul dl dd .dot {
	width: 100%;
	height: 30px;
	background: url(../images/ico324.png) no-repeat center;
	margin: 0 auto;
	display: none;
}

.about_event .small_ul dl dd .name {
	color: #000;
	text-align: center;
	font-size: 16px;
	height: 52px;
	line-height: 26px;
	/* text-shadow: 2px 2px 2px #666; */
	-webkit-text-shadow: 2px 2px 2px #666;
	/* padding: 0 10px; */
	vertical-align: top;
	text-align: center;
	width: 120px;
	height: 120px;
	line-height: 120px;
	background: rgba(255,255,255,0.5);
	border-radius: 60px;
	margin: auto;
	line-height: 22px;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-items: center;

}

.about_event .small_ul dl dd.current {
	animation: eventDot .6s infinite alternate;
	-moz-animation: eventDot .6s infinite alternate;
	-webkit-animation: eventDot .6s infinite alternate;
	-o-animation: eventDot .6s infinite alternate
}
.about_event .small_ul dl dd.current .name{background:rgba(0 ,93, 162,0.8);box-shadow:0 0 5px;color: #fff;line-height: 20px;/* display: flex; *//* display: -webkit-flex; *//* justify-content: center; *//* align-items: center; */}
.about_event .small_ul dl dd.current .arrow {
	display: block
}

.scroll_pro {
	width: 1180px;
	height: 432px;
	position: relative;
	margin: 10px auto
}

.scroll_pro .sub_scroll {
	width: 1045px;
	margin: 0 auto;
	overflow: hidden;
	height: 431px;
	position: relative
}

.scroll_pro .sub_scroll .ul {
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
	padding-top: 20px
}

.scroll_pro .sub_scroll .ul .li {
	display: block;
	float: left;
	width: 301px;
	padding: 15px;
	height: 381px;
	color: #525252;
	background: #fff;
	margin-right: 26px;
	position: relative
}

.scroll_pro .preva {
	width: 31px;
	height: 54px;
	position: absolute;
	top: 50%;
	margin-top: -28px;
	left: 0;
	background: url(../images/arrows.png) no-repeat left bottom;
	cursor: pointer
}

.scroll_pro .nexta {
	width: 31px;
	height: 54px;
	position: absolute;
	top: 50%;
	margin-top: -28px;
	right: 0;
	background: url(../images/arrows.png) no-repeat right bottom;
	cursor: pointer
}

.scroll_pro .sub_scroll .ul .li .imgb {
	width: 300px;
	height: 250px;
	overflow: hidden;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-items: center;
}

.scroll_pro .sub_scroll .ul .li .imgb img {
	display: block;
	margin: 0 auto;
	max-height: 250px;
	max-width: 500px;
	height: 100%;
	/* display: flex; */
	/* display: -webkit-flex; */
	/* justify-content: center; */
	/* align-items: center; */
}

.scroll_pro .sub_scroll .ul .li h2 {
	font-size: 18px;
	font-weight: 700;
	line-height: 30px;
	height: 30px;
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	text-align: center;
	margin-top: 30px
}

.scroll_pro .sub_scroll .ul .li .detail_btn {
	display: block;
	width: 120px;
	height: 34px;
	line-height: 34px;
	display: block;
	background: #005da2;
	font-size: 14px;
	margin: 10px auto 0;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	color: #fff;
}

.scroll_pro .sub_scroll .ul .li:hover {
	margin-top: -15px
}

.scroll_pro .sub_scroll .ul .li:hover .detail_btn {
	width: 126px;
	height: 40px;
	margin-top: 14px;
	line-height: 40px
}

.about_event .fang {
	position: absolute;
	bottom: 0;
	background: url(../images/fang_11.png);
	width: 1278px;
	height: 253px;
	left: 50%;
	margin-left: -639px;
	-webkit-animation: halo 2s .5s infinite ease-out;
	-moz-animation: halo 2s .5s infinite ease-out;
	animation: halo 2s .5s infinite ease-out
}

@-webkit-keyframes halo {
	0% {
		opacity: 0;
		-webkit-transform: scale(.4)
	}

	50% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(1.2)
	}
}

@-moz-keyframes halo {
	0% {
		opacity: 0;
		-moz-transform: scale(.4)
	}

	50% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-moz-transform: scale(1.2)
	}
}

@-ms-keyframes halo {
	0% {
		opacity: 0
	}

	50% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

@-o-keyframes halo {
	0% {
		opacity: 0;
		-o-transform: scale(.4)
	}

	50% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-o-transform: scale(1.2)
	}
}

@keyframes halo {
	0% {
		opacity: 0;
		transform: scale(.4)
	}

	50% {
		opacity: 1
	}

	100% {
		opacity: 0;
		transform: scale(1.2)
	}
}

.pro_detailb {
	width: 1200px;
	margin-top: 200px;
	position: relative;
	background: url(../images/black10_07.png);
	border: solid 1px #66c6e2;
	box-shadow: 0 0 2px #444;
	-webkit-box-shadow: 0 0 2px #444;
	opacity: 0;
	-webkit-opacity: 0;
	transition: .6s;
	-moz-transition: .6s;
	-webkit-transition: .6s;
	-o-transition: .6s
}

.pro_detailb .star {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 2
}

.pro_detailb .star img {
	display: none;
	width: 22px;
	height: 22px;
	position: absolute
}

.pro_detailb .star img.current {
	animation: star 1s infinite alternate linear;
	-moz-animation: star 1s infinite alternate linear;
	-webkit-animation: star 1s infinite alternate linear;
	-o-animation: star 1s infinite alternate linear
}

.pro_detailb.current {
	opacity: 1;
	-webkit-opacity: 1;
	margin-top: 40px
}

.pro_detailb .dian1 {
	z-index: 1;
	position: absolute;
	width: 100%;
	left: 0;
	top: -23px;
	overflow: hidden
}

.pro_detailb .dian1 img {
	position: relative;
	animation: dian1 3.5s infinite ease-in-out;
	-moz-animation: dian1 3.5s infinite ease-in-out;
	-webkit-animation: dian1 3.5s infinite ease-in-out;
	-o-animation: dian1 3.5s infinite ease-in-out;
	width: 599px;
	height: 46px
}

.pro_detailb .dian2 {
	z-index: 1;
	position: absolute;
	width: 100%;
	left: 0;
	bottom: -44px;
	overflow: hidden
}

.pro_detailb .dian2 img {
	animation: dian2 4s infinite ease-in-out;
	-moz-animation: dian2 4s infinite ease-in-out;
	-webkit-animation: dian2 4s infinite ease-in-out;
	-o-animation: dian2 4s infinite ease-in-out;
	width: 1192px;
	height: 88px
}

@keyframes star {
	0% {
		opacity: 1;
		transform: scale(.9,.9);
		-o-transform: scale(.9,.9);
		-webkit-transform: scale(.9,.9);
		-moz-transform: scale(.9,.9);
		-ms-transform: scale(.9,.9)
	}

	100% {
		opacity: 1;
		transform: rotate(2deg) scale(1.3,1.3);
		-o-transform: rotate(2deg) scale(1.3,1.3);
		-webkit-transform: rotate(2deg) scale(1.3,1.3);
		-moz-transform: rotate(2deg) scale(1.3,1.3);
		-ms-transform: rotate(2deg) scale(1.3,1.3)
	}
}

@-moz-keyframes star {
	0% {
		opacity: 1;
		transform: scale(.9,.9);
		-o-transform: scale(.9,.9);
		-webkit-transform: scale(.9,.9);
		-moz-transform: scale(.9,.9);
		-ms-transform: scale(.9,.9)
	}

	100% {
		opacity: 1;
		transform: rotate(2deg) scale(1.3,1.3);
		-o-transform: rotate(2deg) scale(1.3,1.3);
		-webkit-transform: rotate(2deg) scale(1.3,1.3);
		-moz-transform: rotate(2deg) scale(1.3,1.3);
		-ms-transform: rotate(2deg) scale(1.3,1.3)
	}
}

@-webkit-keyframes star {
	0% {
		opacity: 1;
		transform: scale(.9,.9);
		-o-transform: scale(.9,.9);
		-webkit-transform: scale(.9,.9);
		-moz-transform: scale(.9,.9);
		-ms-transform: scale(.9,.9)
	}

	100% {
		opacity: 1;
		transform: rotate(2deg) scale(1.3,1.3);
		-o-transform: rotate(2deg) scale(1.3,1.3);
		-webkit-transform: rotate(2deg) scale(1.3,1.3);
		-moz-transform: rotate(2deg) scale(1.3,1.3);
		-ms-transform: rotate(2deg) scale(1.3,1.3)
	}
}

@-o-keyframes star {
	0% {
		opacity: 1;
		transform: scale(.9,.9);
		-o-transform: scale(.9,.9);
		-webkit-transform: scale(.9,.9);
		-moz-transform: scale(.9,.9);
		-ms-transform: scale(.9,.9)
	}

	100% {
		opacity: 1;
		transform: rotate(2deg) scale(1.3,1.3);
		-o-transform: rotate(2deg) scale(1.3,1.3);
		-webkit-transform: rotate(2deg) scale(1.3,1.3);
		-moz-transform: rotate(2deg) scale(1.3,1.3);
		-ms-transform: rotate(2deg) scale(1.3,1.3)
	}
}

@-webkit-keyframes dian1 {
	0% {
		-webkit-transform: translateX(-600px);
		opacity: 1
	}

	80% {
		-webkit-transform: translateX(1200px);
		opacity: 1
	}

	100% {
		-webkit-transform: translateX(1200px);
		opacity: 1
	}
}

@keyframes dian1 {
	0% {
		-webkit-transform: translateX(-600px);
		opacity: 1
	}

	80% {
		-webkit-transform: translateX(1200px);
		opacity: 1
	}

	100% {
		-webkit-transform: translateX(1200px);
		opacity: 1
	}
}

@-webkit-keyframes dian2 {
	0% {
		-webkit-transform: translateX(1200px);
		opacity: 1
	}

	20% {
		-webkit-transform: translateX(1200px);
		opacity: 1
	}

	90% {
		-webkit-transform: translateX(-800px);
		opacity: 1
	}

	100% {
		-webkit-transform: translateX(-800px);
		opacity: 1
	}
}

@keyframes dian2 {
	0% {
		-webkit-transform: translateX(1200px);
		opacity: 1
	}

	20% {
		-webkit-transform: translateX(1200px);
		opacity: 1
	}

	90% {
		-webkit-transform: translateX(-800px);
		opacity: 1
	}

	100% {
		-webkit-transform: translateX(-800px);
		opacity: 1
	}
}

.pro_detailb .re_box {
	position: relative;
	padding: 30px;
	z-index: 3
}

.pro_detailb .re_box .imgf_l {
	float: left;
	width: 510px;
	margin-right: 40px;
	height: 100%;
	display: table-cell;
	vertical-align: middle;
	border-right: solid 1px #bde2ec;
	padding-right: 40px;
}

.pro_detailb .re_box .imgf_l img {
	width: 510px;
	display: block;
	/* height: 433px; */
	vertical-align: middle;
}

.pro_detailb .re_box .txtf_r {
	width: 500px;
	float: left;
	/* border-left: solid 1px #bde2ec; */
	/* padding-left: 60px; */
	color: #fff;
}

.pro_detailb .re_box .txtf_r h1 {
	font-size: 30px;
	font-weight: 700;
	line-height: 40px;
	padding-top: 40px
}

.pro_detailb .re_box .txtf_r .jianj_h {
	font-size: 20px;
	font-weight: 700;
	line-height: 30px;
	padding-top: 40px;
	margin-bottom: 10px
}

.pro_detailb .re_box .txtf_r .jianj_box {
	width: 440px;
	padding: 20px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	/* background: rgb(0 93 162); */
	overflow: hidden;
	margin-bottom: 60px;
	max-height: 360px;
	overflow-x: hidden;
	overflow-y: scroll;
	/* color: #000; */
	line-height: 26px;
	box-shadow: 0 0 5px #fff;
}

.pro_detailb .re_box .txtf_r .jianj_box::-webkit-scrollbar {
	width: 3px
}

.pro_detailb .re_box .txtf_r .jianj_box::-webkit-scrollbar-thumb {
	background: #c9c9c9;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px
}

.pro_detailb .re_box .txtf_r .jianj_box::-webkit-scrollbar-thumb:window-inactive {
	background: #c9c9c9
}

.pro_detailb .re_box .txtf_r .jianj_box .li_a {
	font-size: 18px;
	list-style: none;
	cursor: pointer;
	line-height: 26px;
	background: url(../images/baidian.png) no-repeat left 10px;
	padding-left: 20px;
	margin-bottom: 8px
}

.pro_detailb .re_box .txtf_r .jianj_box .li_a.current_tab {
	color: #05b0de
}

.pro_detailb .re_box .txtf_r .jianj_box .li_a .img {
	display: none
}

.pro_detailb .re_box .txtf_r .btnbox {
	padding-bottom: 40px
}

.pro_detailb .re_box .txtf_r .btnbox .liuy {
	float: left;
	width: 156px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	font-size: 18px;
	cursor: pointer;
	line-height: 50px;
	display: block;
	background: #05b0de url(../images/icobtn2_07.png) no-repeat 20px center;
	padding-left: 20px;
	margin-right: 20px;
	color: #fff
}

.pro_detailb .re_box .txtf_r .btnbox .kefu {
	float: left;
	width: 156px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	font-size: 18px;
	cursor: pointer;
	line-height: 50px;
	display: block;
	background: #05b0de url(../images/icobtn2_08.png) no-repeat 20px center;
	padding-left: 20px;
	color: #fff
}

.procon .canshu {
	padding-top: 80px
}

.procon .canshu .top_title3 {
	width: 220px;
	margin: 0 auto;
	text-align: center;
	position: relative;
	opacity: 0;
	top: -50px;
	transition: .6s;
	-moz-transition: .6s;
	-webkit-transition: .6s;
	-o-transition: .6s
}

.procon .canshu .top_title3 .line2 {
	float: left;
	display: block;
	width: 50px;
	height: 2px;
	background: #fff;
	font-size: 0;
	margin-top: 19px
}

.procon .canshu .top_title3 span {
	display: block;
	float: left;
	width: 120px;
	text-align: center;
	font-size: 24px;
	line-height: 40px;
	color: #fff
}

.procon .canshu .top_title3.animote {
	opacity: 1;
	-webkit-opacity: 1;
	-ms-opacity: 1;
	-o-opacity: 1;
	-moz-opacity: 1;
	top: 0
}

.procon .canshu .table_wai {
	border: solid 3px #fff;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	-o-border-radius: 15px;
	padding: 25px;
	margin-top: 30px
}

.procon .canshu .table_wai .table3 {
	width: 100%;
	overflow: hidden
}

.procon .canshu .table_wai .table3 table {
	width: 100%;
	border-top: solid 1px #fff;
	margin-left: -1px
}

.procon .canshu .table_wai .table3 td {
	color: #fff;
	border-left: solid 1px #fff;
	border-bottom: solid 1px #fff;
	font-size: 18px;
	text-align: center;
	line-height: 28px;
	padding: 5px
}

.procon .canshu .table_wai .table3 td.bule {
	background: #02a0cd
}

.procon .canshu .zhum {
	text-align: right;
	height: 40px;
	width: 100%;
	line-height: 40px;
	color: #fff;
	font-size: 16px;
	vertical-align: middle
}

.procon .canshu .zhum .bule_span {
	width: 16px;
	height: 16px;
	background: #02a0cd;
	vertical-align: middle;
	margin-right: 5px;
	display: inline-block
}

.procon .aboutpage {
	margin-top: 50px;
	border-top: solid 1px #fff;
	border-bottom: solid 1px #fff;
	padding: 15px 0
}

.procon .aboutpage .f_l_p {
	float: left;
	line-height: 34px;
	font-size: 16px;
	color: #fff
}

.procon .aboutpage .f_l_p .nexta a {
	color: #fff
}

.procon .aboutpage .f_r_ap {
	width: 125px;
	height: 40px;
	float: right;
	line-height: 40px;
	text-align: center;
	background: #005da2;
	color: #fff;
	display: block;
	margin-top: 10px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	box-shadow: 0 0 5px #fff;
}

.contact {
	background-color: #09769f
}

.contact>.con {
	padding-top: 500px;
	position: relative
}

.contact>.con .addrbox {
	width: 100%
}

.contact>.con .addrbox .txt_30 {
	width: 320px;
	padding-right: 59px;
	margin-right: 60px;
	float: left;
	border-right: solid 1px #8bcae5;
	color: #fff
}

.contact>.con .addrbox .txt_30 h2 {
	width: 320px;
	font-size: 20px;
	font-weight: 700;
	line-height: 34px;
	padding-bottom: 20px;
}

.contact>.con .addrbox .txt_30 .p {
	font-size: 16px;
	line-height: 30px
}
.contact>.con .addrbox .txt_30 .p span i{ width:15px; text-align:center;}
.contact>.con .addrbox .txt_30 .p .span1 {
	background: url(../images/dmk_11.png) no-repeat left 7px;
	padding-left: 22px;
	width: 60px;
	display: block;
	float: left
}

.contact>.con .addrbox .txt_30 .p .span2 {
	background: url(../images/dmk_15.png) no-repeat left 7px;
	padding-left: 22px;
	width: 60px;
	display: block;
	float: left
}

.contact>.con .addrbox .txt_30 .p .span3 {
	background: url(../images/dmk_18.png) no-repeat left 7px;
	padding-left: 22px;
	width: 60px;
	display: block;
	float: left
}

.contact>.con .addrbox .txt_30 .p .span4 {
	background: url(../images/dmk_21.png) no-repeat left 7px;
	padding-left: 22px;
	width: 60px;
	display: block;
	float: left
}

.contact>.con .addrbox .txt_30 .p .span_t {
	width: 236px;
	float: left
}

.contact>.con .addrbox .txt_30.last {
	width: 320px;
	padding-right: 0;
	margin-right: 0;
	border: none
}

.contact .site1 {
	position: absolute;
	top: 172px;
	right: 340px;
	/* background: url(../images/site_03.png); */
	width: 21px;
	height: 33px;
	font-size: 50px;
	color: #005ca1;
	text-shadow: 0 0 5px #fff;
}

.contact .site2 {
	position: absolute;
	top: 466px;
	right: 63px;
	background: url(../images/site_03.png);
	width: 21px;
	height: 33px
}

.contact .site {
	display: none
}

.contact .site.current {
	animation: sitetb 1s infinite alternate linear;
	-moz-animation: sitetb 1s infinite alternate linear;
	-webkit-animation: sitetb 1s infinite alternate linear;
	-o-animation: sitetb 1s infinite alternate linear
}

@keyframes sitetb {
	0% {
		-webkit-transform: translate(0,0)
	}

	50% {
		-webkit-transform: translate(0,10px)
	}
}

@-moz-keyframes sitetb {
	0% {
		-webkit-transform: translate(0,0)
	}

	50% {
		-webkit-transform: translate(0,10px)
	}
}

@-webkit-keyframes sitetb {
	0% {
		-webkit-transform: translate(0,0)
	}

	50% {
		-webkit-transform: translate(0,10px)
	}
}

@-o-keyframes sitetb {
	0% {
		-webkit-transform: translate(0,0)
	}

	50% {
		-webkit-transform: translate(0,10px)
	}
}

.contact .liuy_top {
	margin-top: 80px;
	height: 40px;
	border-bottom: solid 1px #c9c9c9;
	font-size: 20px;
	line-height: 40px;
	color: #fff
}

.contact .form_r {
	width: 1220px;
	color: #fff;
	padding-top: 30px
}

.contact .form_r .input3 {
	float: left;
	margin-bottom: 20px;
	width: 558px;
	border: solid 1px #4da7cb;
	margin-right: 20px;
	padding: 15px;
	height: 26px;
	background: rgba(255,255,255,0.6);
	font-size: 16px;
	line-height: 26px;
	color: #fff;
	position: relative;
	right: -200px;
	opacity: 0;
	-webkit-opacity: 0;
	-ms-opacity: 0;
	-o-opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
}
.contact .form_r .input4 {
	float: left;
	margin-bottom: 20px;
	border: solid 1px #4da7cb;
	margin-right: 20px;
	height: 26px;
	background: rgba(255,255,255,0.6);
	font-size: 16px;
	line-height: 26px;
	color: #fff;
	position: relative;

padding: 9px; width: 100px;
}
.contact .form_r .texteara {
	width: 1168px;
	float: left;
	padding: 10px 15px;
	height: 200px;
	font-size: 16px;
	line-height: 26px;
	resize: none;
	border: solid 1px #4da7cb;
	overflow: auto;
	/* background: url(../images/black30.png); */
	position: relative;
	right: -200px;
	opacity: 0;
	-webkit-opacity: 0;
	-ms-opacity: 0;
	-o-opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
	color: #fff;
	background: rgba(255,255,255,0.6);
}

.contact .form_r .btnbox {
	width: 1200px;
	float: left;
	padding-top: 20px;
	position: relative;
	right: -200px;
	opacity: 0;
	-webkit-opacity: 0;
	-ms-opacity: 0;
	-o-opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0)
}

.contact .form_r .btnbox .reset {
	float: right;
	text-align: center;
	width: 136px;
	height: 50px;
	line-height: 50px;
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	border: none;
	background: #48cbfd;
	margin-left: 10px
}

.contact .form_r .btnbox .submit {
	float: right;
	text-align: center;
	width: 136px;
	height: 50px;
	line-height: 50px;
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	border: none;
	background: #3185c5;
	margin-left: 10px;
	box-shadow: 0 0 5px #fff;
}

.main_f2 .con2 {
	padding-top: 80px;
	margin: 0 auto;
	width: 1200px
}

.news_detailcon {
	width: 100%;
	background: #fff
}

.news_detailcon .l_date {
	width: 84px;
	float: left;
	text-align: center
}

.news_detailcon .l_date .time {
	height: 60px;
	padding: 10px 0;
	background: #05baff;
	color: #fff;
	font-family: Arial
}

.news_detailcon .l_date .time .span_d {
	display: block;
	font-size: 30px;
	line-height: 30px;
	font-weight: 700
}

.news_detailcon .l_date .time .span_y {
	display: block;
	font-size: 18px;
	line-height: 30px
}

.news_detailcon .l_date .share {
	height: 74px;
	background: #c7c7c7;
	overflow: hidden
}

.news_detailcon .r_con {
	float: left;
	width: 1056px;
	padding: 100px 30px 50px
}

.news_detailcon .r_con h1 {
	color: #333;
	font-size: 30px;
	padding-bottom: 10px;
	line-height: 40px;
	border-bottom: solid 1px #ddd;
	margin-bottom: 30px
}

.add-news .txt_con {
	font-size: 16px;
	line-height: 26px
}

.add-news .txt_con img {
	max-width: 100%;
	height: auto;
	margin-bottom: 10px
}

.add-news .nextprevbox .w1200 {
	width: 1056px;
	overflow: hidden;
	border-bottom: solid 1px #ddd;
	border-top: solid 1px #ddd;
	margin-top: 40px;
	margin-bottom: 30px
}

.add-news .nextprevbox .w1200 .halfper {
	width: 527px;
	float: left;
	border-right: solid 1px #ddd;
	padding: 20px 0
}

.add-news .nextprevbox .w1200 .per40 {
	width: 500px;
	text-align: left;
	float: left
}

.add-news .nextprevbox .w1200 .per40_a {
	float: right;
	text-align: right;
	width: 500px
}

.add-news .nextprevbox .w1200 .redspan {
	color: #05baff;
	font-size: 14px;
	line-height: 28px
}

.add-news .nextprevbox .w1200 .name3 {
	display: block;
	font-size: 14px;
	width: 500px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.add-news .nextprevbox .w1200 .name3:hover {
	color: #0094cc;
	text-decoration: underline
}

.add-news .back {
	display: block;
	width: 98px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	border: solid 2px #999;
	color: #888;
	font-size: 14px;
	float: right
}

.add-news .back:hover {
	background: #05baff;
	border-color: #05baff;
	color: #fff
}

.bshare-custom a.bshare-more {
	display: block;
	height: 40px;
	background: url(../images/xin_03.png) no-repeat center 15px!important;
	padding-top: 34px;
	font-size: 14px;
	line-height: 30px;
	cursor: pointer;
	padding-left: 0!important
}

.bdshare-button-style0-16 .bds_more,.bdshare-button-style0-16 a {
	display: block;
	height: 60px!important;
	background: url(../images/xin_03.png) no-repeat center 15px!important;
	padding-top: 34px;
	font-size: 14px!important;
	line-height: 30px!important;
	cursor: pointer;
	padding-left: 0!important;
	width: 100%;
	cursor: pointer;
	margin: 0!important
}

.add-newslist li:hover {
	background: #fff;
}

.add-newslist li {
	background: rgba(255,255,255,0.6);
	padding: 20px;
	margin-bottom: 15px;
	color: #333;
	border-radius: 10px;
	transition: .5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
}

.add-newslist li a {
	font-size: 18px;
	color: #025494;
	font-weight: 700;
	/* float: left; */
	/* display: block; */
	/* width: 80%; */
}

.add-newslist li a:hover {
	color: #166eae
}

.add-newslist li .time {
	line-height: 40px;
	/* float: right; */
	/* width: 20%; */
}

.add-news .content {
	background: #fff;
	padding: 50px 60px;
	border-radius: 10px;
}
.add-news .content .info{ line-height:26px;}
.add-news .content .info p{ margin-bottom:10px;}
.add-news .title {
	text-align: center;
	font-size: 24px;
	color: #333;
	font-weight: bold;
}

.add-news .time {
	text-align: center;
	line-height: 80px
}

.page_nav {
	line-height: 30px;
	padding: 10px 0;
	font-size: 0;
	text-align: center;
	margin-top: 50px;
	height: 30px
}

.page_nav span {
	cursor: default;
	color: #fff
}

.page_nav select {
	font-size: 16px
}

.page_nav a,.page_nav span {
	border: solid 1px #fff;
	color: #fff;
	padding: 5px;
	margin: 0 5px;
	display: inline-block;
	line-height: 15px;
	font-size: 12px
}
.page{text-align:center; }
.page a{line-height:35px;padding:0 12px;color:#333;border:1px solid #ccc;margin:5px;display: inline-block;border-radius: 5px;       background:#fff;}
.page a.page-num-current{background: #00609f;color:#fff;}
.page a i{height:35px; line-height:35px; font-size:16px;}
#mobicp{display:none;}
.cplie{ overflow:hidden;}
.cplie a{ display:block; width:30.33333%; float:left; margin:1.5%; background:#fff;}
.cplie a div {height:250px; overflow:hidden; text-align:center; padding:15px; }
.cplie a div img{max-width:100%;height:100%; transition:.5s;-moz-transition:.5s; -webkit-transition:.5s;}
.cplie a h2{ font-size:16px; line-height:35px; text-align:center;}
.cplie a:hover div img{-moz-transform:scale(1.1); 
-webkit-transform:scale(1.1); 
-o-transform:scale(1.1); }

.cplie a span{
	display: block;
	width: 120px;
	height: 34px;
	line-height: 34px;
	display: block;
	background: #005da2;
	font-size: 14px;
	margin: 10px auto 0;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	color: #fff;
	margin-bottom: 15px; text-align:center;transition:.5s;-moz-transition:.5s; -webkit-transition:.5s;
	}
	.cplie a:hover span{ background:#fff; box-shadow:0 0 5px #005da2; color:#005da2}
.zilei{ overflow:hidden; text-align:center;}
.zilei li{ display:inline-table; margin:30px 10px 10px; list-style:none;}
.zilei li a{ display:block; line-height:35px; padding:0 15px; background:rgba(255,255,255,0.8); border-radius:5px}
.zilei li.hover a{ background:rgba(0 ,93, 162,0.8); color:#fff; box-shadow:0 0 5px #fff}	
.menu-btn,.nav-menu{ display:none;}
	
@media(max-width:640px){
	html{ height:auto; overflow: scroll;}
	.con,.home_news .list_ul,.home_pro .tab_con, .home_pro .tab_con,.home_honor #boxsrroll,.home_honor #boxsrroll .sub_scroll,.home_client .f16,.home_client .khzsimg{width:100%;}
	.home_jj_inf .kuanimg,.home_jj_inf .txt_r{width:90%;margin: 0 5%;height: auto;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;float: none;}
	.home_jj_inf .txt_r{margin-top: 20px;padding:0;float: none;}
	.head_f1 .logo{width:25%;float:left;margin-left:1%;padding-top: 11px;}
	.head_f1 .logo img{ height:auto;}
	.head_f1 .nav .nav_ul{width:73%;padding: 0;margin:0;margin-top: 5px;}
	.head_f1 .nav .nav_ul li{width:50%;margin: 3px 0;}
    .head_f1 .nav .nav_ul li a{font-size:14px;line-height: 30px;}
	.head_f1 .nav .nav_ul li:nth-child(1),.head_f1 .nav .nav_ul li:nth-child(6){ display:none;}
	.home_pro .tab_con .ulimg li .scroll .sub_scroll dl dd{ width:100%}
	.pagebtn{ display:none;}
#pccp{display:none;}
#mobicp{display:block;}
#mobicp ul{width:100%;text-align:center;margin-top: 30px;}
#mobicp ul li{width: 30%;display:inline-table;padding: 5px 5px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-size: 14px;}
#mobicp ul li a{background:#fff;color:#000;border-radius:10px;text-align:center;line-height:35px;display: block;}
#mobicp ol li{width: 84%;margin: 3% 8%;}
#mobicp ol li h6 img{width:100%}
#mobicp ol li h6 {background:#fff}
#mobicp ol li h3{font-size:16px; color:#fff; text-align:center; margin-top:15px;}
.home_pro .bgbox3,.home_pro{ height:auto;}
.home_pro{background-attachment: fixed; padding-bottom:20px;}
.home_news .list_ul li{ width:90%; margin:10px 5%}
.home_news .list_ul li>a.img3,.home_news .list_ul li>a.img3 img{ width:100%}
.f16 p{ padding:0 15px;} 
.home_contact .form_r{ display:none;}.home_contact .text_l{ width:100%}
.home_honor{height:auto;overflow: hidden; padding-bottom:20px;}
#boxsrroll{ display:none;}
#mobizz{ display:block;margin-top:40px;}
#mobizz li{width:44%;margin:3%;float:left;text-align:center;background: url(../images/rybg.jpg) center;height: 120px;}
#mobizz li img{height:100%;}
.slider-btn{ display:none;}
.banner_a img{ width:640px; margin-left:-320px;}
.main_f2 .con1{ width:96%}
.footer .nav_l{ display:none;}
.footer .three_bt{ width:100%; float:left;}
.footer_f2 p a{ display:none;}
.add-news .content{ padding:30px 15px;}
.about_event{ display:none;}
.pro_line{display:none;}
.procon .aboutpage .f_l_p{ width:96%; margin:0 2%}
.pro_detailb{ width:94%; margin:0 3%}
.pro_detailb .re_box .imgf_l{ width:100%; padding:0; border:0}
.pro_detailb .re_box .imgf_l img{width:100%}
.pro_detailb .re_box .txtf_r{ width:100%}
.pro_detailb .re_box .txtf_r .jianj_box{width:96%;padding:2%;overflow: hidden;min-height: auto;max-height: auto;height: auto;}
.main_f2{background-size: cover;}
.contact .site1{ top:4%; right:28%}
.contact .site1 i{ font-size:18px;}
.contact>.con{ padding: 250px 15px 0; padding-left:15px}
.contact .form_r .input3{width: 95%;padding: 2%;/* -webkit-box-sizing: border-box; */-moz-box-sizing: border-box;/* box-sizing: border-box; */}
.contact .form_r{ width:100%}
.contact .form_r .texteara{ width:95%; padding:2%}
.contact .form_r .btnbox{ width:100%}
.contact .form_r .btnbox .submit{ width:100%}
.cplie a{width:97%;}
.zilei li{margin:15px 5px 0}
.head_f1bg1{height:80px;}
.padding107{padding-top:80px;}

.nav_ul{display:none;}
      .menu-btn {
            position: fixed;
            top: 27px;
            right: 20px;
            width: 30px;
            height: 24px;
            cursor: pointer;
            z-index: 1001;
            display:block;
        }
        
        .menu-btn span {
            display: block;
            width: 100%;
            height: 4px;
            background: #005da2;
            margin-bottom: 5px;
            transition: all 0.3s ease;
        }
        
        .menu-btn.active span:nth-child(1) {
            transform: rotate(45deg) translate(5px, 5px);
            background: #000;
        }
        
        .menu-btn.active span:nth-child(2) {
            opacity: 0;
            /* color: #000; */
        }
        
        .menu-btn.active span:nth-child(3) {
            transform: rotate(-45deg) translate(7px, -7px);
            background: #000;
        }
        
        .nav-menu {
            position: fixed;
			display:block;
            top: 0;
            right: -300px;
            width: 250px;
            height: 100vh;
            background: #f8f8f8;
            padding: 80px 20px 20px;
            transition: all 0.3s ease;
            z-index: 1000;
        }
        
        .nav-menu.active {
            right: 0;
        }
        
        .nav-menu ul {
            list-style: none;
        }
        
        .nav-menu ul li {
            padding: 15px 0;
            border-bottom: 1px solid #ddd;
        }
        
        .nav-menu ul li a {
            text-decoration: none;
            color: #333;
            font-size: 18px;
        }
}