.hy_z11 .rt::-webkit-scrollbar {
	width: 4px;
	-webkit-appearance: none;
	background: #f2f1ef;
}

.hy_z11 .rt::-webkit-scrollbar-track {
	background-color: transparent;
	border-radius: 8px;
}

.hy_z11 .rt::-webkit-scrollbar-thumb {
	background-color: #0e2c6d;
	border-radius: 8px;
}

.hy_z11 .rt::-webkit-scrollbar-thumb:window-inactive {
	background-color: #f2f1ef;
}


.hy_z1 .hy_z11 .rt {
	/*	width: 665px;
	padding-right: 20px;*/
}

.hy_z1 .hy_z11 .rt.rtno {}

.z2 {
	z-index: 2;
}

.pad {
	padding: 30px;
}

ol.ne_menu {
	width: 1200px;
	height: 60px;
	margin: 0 auto 75px;
	text-align: center;
	position: relative;
	z-index: 9;
}

.ne_menu li {
	display: inline-block;
	line-height: 46px;
	width: 146px;
	border-bottom: 0px solid;
	border-top: 0px solid #e8e8e8;
	border: 2px solid #10326e;
	margin: 0px 8px;
	cursor: pointer;
	border-radius: 30px;
	font-size: 14px;
	float: none;
	transition: all .3s ease-in;
	-moz-transition: all .3s ease-in;
	-webkit-transition: all .3s ease-in;
}

.ne_menu.jsh li {
	width: 175px;
}

.ne_menu li:hover,
.ne_menu li.on {
	background: #10326e;
	color: #fff;
}

.ne_menu li:hover a,
.ne_menu li.on a {
	color: #fff;
}

.ne_menu li a {
	display: block;
}

.baise.nav {
	background: none;
}

.baise.sticky.nav {
	background: #f3f3f3;
}

.baise .logo a {
	background: url(logo5.png) no-repeat left top;
	background-size: 200px;
}

.baise.sticky .logo a {
	background: url(logo5.png) no-repeat left top;
	background-size: 160px;
}

.baise .lang:hover a {
	color: #fff;
}

.baise .searchMeme-button-icon {
	background-image: url(icon-search2.png);
}

.baise .wechat {
	background: url(weixin2.png) no-repeat;
}

.baise .lang a.cn:after {
	/*  border-top-color: #001842;*/

}

.baise .shej a {
	color: #001a42;
}

.baise .menu li a {
	color: #001a42;
}

.baise .ttop a {
	color: #000;
}


.sticky .shej {
	margin-top: 0px;
}

.sticky .shej a {
	font-size: 14px;
	height: 30px;
	line-height: 30px;
}


.nny {
	background: url(b0.jpg) no-repeat left bottom;
	height: 500px;
	background-size: cover;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}

.nny.nny1 {
	background: url('ny11.jpg') no-repeat left top;
	background: url('b2.jpg') no-repeat left top;
	background-size: cover;

}

.nny.nny2 {
	background: url('ny22.jpg') no-repeat right top;
	background-size: cover;
}

.nny.nny3 {
	background: url('ny33.jpg') no-repeat left top;
	background-size: cover;
}

.nny.nny3 .hy_slg1 {
	color: #22357b;
}

.nny.nny3 .hy_slg1 span {
	border-left: 4px solid #22357b;
}

.nny.nny4 {
	background: url('ny44.jpg') no-repeat left center;
	background-size: cover;
}

.hy_slg1 {
	color: #fff;
	height: 130px;
	/* line-height: 50px; */
	padding: 220px 0 130px;
}

.hy_slg1 a {
	margin-top: 40px;
	border: 2px solid #fff;
	color: #fff;
	border-radius: 25px;
	padding: 0px 0px;
	height: 35px;
	width: 140px;
	display: block;
	font-size: 14px;
	line-height: 35px;
	text-align: center;
}

.hy_slg1 a.back {
	background: url(back2.png) no-repeat 25px center;
	background-size: 25px;
	text-indent: 25px;
}

.hy_slg1 a.back:hover {
	background: url(back2.png) no-repeat 15px center;
	background-size: 25px;
}

.hy_slg1 a.back::after {
	display: none;
}

.big_img.hy_back {
	height: 350px;
}

.hy_back .nny {
	height: 350px;
}

.hy_back .hy_slg1 {
	padding: 125px;
}

.hy_slg1 h2 {
	font-size: 44px;
	font-weight: 500;
	position: relative;
	padding-top: 10px;
}

.hy_slg1 span {
	font-size: 24px;
	display: block;
	margin-top: 0px;
	height: 30px;
	border-left: 4px solid #fff;
	padding-left: 10px;
	line-height: 30px;
}

.hy_slg1 h2:after {
	position: absolute;
	content: "";
	top: 0px;
	left: 0;
	width: 90px;
	/* height: 4px; */
	background: #fff;
}

.hy_fen1 {
	/*	position: absolute;
	bottom: 0;
	left: 0;*/
	width: 100%;
	padding-bottom: 0px;
	padding-top: 20px;

	display: none;
}

.hy_fen1 ul {
	width: 1200px;
	margin: 0 auto;
}

.hy_fen1 li.nny44 {
	display: none;
}

.hy_fen1 li {
	float: left;
	background: #efefef;
	margin-right: 2px;
	/*transition: all .8s ease-in;
	-moz-transition: all .8s ease-in;
	-webkit-transition: all .8s ease-in;*/
}

.hy_fen1 li:hover,
.hy_fen1 li.on {
	background: #ccc;
	background: url(b0.jpg) no-repeat bottom;
	background-size: cover;
}

.hy_fen1 li.nny11:hover,
.hy_fen1 .nny11.on {
	background: url('ny11.jpg') no-repeat center;
	background-size: cover;
}

.hy_fen1 li.nny22:hover,
.hy_fen1 .nny22.on {
	background: url('ny22.jpg') no-repeat center;
	background-size: cover;
}

.hy_fen1 li.nny33:hover,
.hy_fen1 .nny33.on {
	background: url('ny33.jpg') no-repeat center;
	background-size: cover;
}

.hy_fen1 li.nny44:hover,
.hy_fen1 .nny44.on {
	background: url('ny44.jpg') no-repeat center;
	background-size: cover;
}

.hy_fen1 li.on img,
.hy_fen1 li img.on2,
.hy_fen1 li:hover img {
	display: none;
	opacity: 0;
}

.hy_fen1 li img,
.hy_fen1 li.on img.on2 {
	display: block;
	opacity: 1;
}

.hy_fen1 li:hover a,
.hy_fen1 li.on a {
	background: rgba(16, 50, 110, 0.78);
	background: url(blue78.png) repeat;
	color: #fff;
}

.hy_fen1 li:hover a {}

.hy_fen1 li:hover a img.on2 {
	display: block;
	opacity: 1;
}

.hy_fen1 li a {
	/*	background:  url('') no-repeat center 45px;*/
	padding-top: 50px;
	padding-bottom: 20px;
	width: 297px;
	text-align: center;
	font-size: 18px;
	color: #22397b;
	display: block;
	background: rgba(220, 220, 220, 0.2);
	transition: all .2s ease-in;
	-moz-transition: all .2s ease-in;
	-webkit-transition: all .2s ease-in;
	/*	background-size: 70px;*/
}

.hy_fen1 li a img {
	width: 70px;
	margin: 0 auto 20px;
	display: block;
}

.hy_z1 {
	padding-top: 70px;
}

.hy_z11 {
	margin-top: 20px;
	margin-bottom: 40px;
}

.hy_z11 .fl {
	width: 520px;
}

.hy_z11 .fl img {
	width: 100%;
	min-height: 405px;
}

.hy_z11 .fl img.min {}

.hy_z11 .rt p strong {
	font-size: 18px;
	color: #ec670f;
	height: 25px;
	line-height: 25px;
	display: block;
	padding-bottom: 15px;
}

.hy_z11 .rt.rtno p strong {
	font-weight: bold;
	height: auto;
	line-height: inherit;
	padding-bottom: 5px;
}

.hy_z11 .rt p.xialv {
	width: 100%;
	margin-left: 0;
	margin-top: 10px;
	line-height: 32px;
}

.hy_z11 .rt .rt_ico {
	float: left;
}

.hy_z11 .rt .rt_ico2 {
	float: left;
}

.hy_z11 .rt .rt_ico img {
	width: 77px;
	height: 77px;
	padding-right: 14px;
}

.hy_z11 .rt {
	width: 606px;
	position: relative;
	height: 380px;
	padding-right: 10px;
	overflow-y: scroll;
}

.hy_z11 .rt .pp {
	color: #444;
	font-size: 15px;
	line-height: 26px;
	text-align: left;
	text-indent: 0px;
	text-align: justify;
}

.hy_z11 .rt p {
	font-size: 15px;
	line-height: 26px;
}

.hy_z11 .rt p em {
	color: #e52112;
	padding-right: 4px;
}

.hy_z11 .rt ul {
	margin-top: 15px;
}

.hy_z11 .rt ul li em {
	color: #e52112;
	padding-right: 4px;
}

.hy_z11 .rt ul li {
	float: left;
	font-size: 15px;
	line-height: 26px;
	width: 200px;
}

.hangy_v {

	display: block;
	float: right;
	width: 680px;
	height: 382px;
}

.hy_z11 .rtno {
	float: none;
	clear: both;
	width: 100%;
	padding-right: 10px;
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #ccc;
	margin-bottom: 20px;
	height: auto;
	width: 100%;
	/*	padding-right: 0;*/
	overflow: inherit;
}

.hy_z11 .rt .pp b,
.hy_z11 .rt .pp strong,
.hy_xxk .zwnr .btp b,
.zwnr .btp strong {

	color: #203c7b;
	font-size: 18px;
}

.hy_z11 .rt .pp i,
.hy_z11 .rt .pp em,
.zwnr .btp em {
	color: #d70606;
	padding-right: 3px;
}

.hy_z11 .rt .pp img {
	max-width: 100%;
}

.hy_z11 .rt .pp span {
	display: block;
	line-height: 32px;
	height: 32px;
	background: #203f7b;
	color: #fff;
	text-align: center;
	margin-bottom: 5px;
}

.hy_z11 .rt .pp span b {
	/*font-size: 32px;
	padding-right: 10px;
	height: 32px;
	display: inline-block;*/
}

.hy_z11 .rt h2,
.hb_1 h2 {
	font-size: 22px;
	position: relative;
	color: #ec670f;
	letter-spacing: 2px;
	padding-top: 5px;
	margin-bottom: 35px;
	line-height: 40px;
	padding-top: 0px;
	padding-left: 0px;
}

.hy_z11 .rt h2 span,
.hb_1 h2 span {
	font-size: 32px;
	text-transform: uppercase;
	padding-bottom: 5px;
	display: block;
	font-weight: 600;
	letter-spacing: 1px;
	letter-spacing: 0;
}

.hy_z11 .rt h2::after,
.hb_1 h2::after {
	position: absolute;
	content: "";
	bottom: 0px;
	display: none;
	left: 100px;
	width: 60px;
	height: 4px;
	background: #25a089;
}

.hy_xxk {
	margin-top: 30px;
}

.hy_xxk .bt {}

.hy_xxk .zwnr {}

.hy_xxk .zwnr .btp {

	/*background: #f6f6f6;*/
	padding: 20px 10px;
	font-size: 16px;
	line-height: 26px;
	margin-bottom: 0px;
}

.hy_xxk .zwnr .btp p,
.hy_xxk .zwnr .btp ul {
	font-size: 15px;
	line-height: 26px;
}

.hy_xxk .zwnr .btp b {
	display: block;
	padding-bottom: 6px;
	font-size: 18px;
}

.hy_xxk .zwnr .btp.fd b {
	font-size: 22px;
}

.hy_xxk .zwnr .btp i {
	color: #d70606;
	padding-right: 3px;
}

.hy_xxk .zwnr .btp ul li {
	float: left;
	width: 250px;
	padding-left: 30px;
	height: 40px;
	line-height: 40px;
	background: url(../base/img/li2.png) no-repeat left 10px;
	background-size: 20px;
}

.hy_xxk .zwnr .btp ul.fen3 li {
	float: left;
	width: 20%;
	box-sizing: border-box;
	padding-left: 20px;
	padding-right: 30px;
	height: auto;
	line-height: 30px;
	background: url(../base/img/li2.png) no-repeat left 5px;
	background-size: 20px;
}

.hy_z1 hr {
	width: 1200px;
	height: 1px;
	margin: 0 auto;
	padding: 0;
	background: #ccc;
}

.hy_z12 {
	margin: 0px auto 50px;
}

.hy_a1 {
	display: block;
	margin-bottom: 10px;
}

.hy_a1 a,
.hy_a1 a img {
	display: block;
	height: 380px;
}

.hy_z12 li a {
	position: relative;
	display: block;
}

.hy_z12 li a span {
	position: absolute;
	bottom: 30px;
	left: 20px;
	height: 30px;
	line-height: 30px;
	z-index: 9;
	font-size: 24px;
	color: #fff;
	letter-spacing: 2px;
}

.hy_z12 li a i {
	z-index: 9;
	border: 1px solid #fff;
	height: 20px;
	line-height: 20px;
	border-radius: 3px;
	text-transform: uppercase;
	width: 80px;
	color: #fff;
	font-size: 12px;
	font-style: normal;
	padding: 3px 10px;
	margin-left: 0px;
	text-align: center;
	float: right;
	opacity: 0;
	transition: all .4s ease-in;
	-moz-transition: all .4s ease-in;
	-webkit-transition: all .4s ease-in;
}

.hy_z12 li a:hover i {
	opacity: 1;
	margin-left: 10px;
}

.hy_z12 li img {
	width: 100%;
	border-radius: 3px;
}

.hy_a2 .fl,
.hy_a3 .fl {
	width: 595px;
}

.hy_a2 .fl img {
	height: 260px;
}

.hy_a2 .fl .bgg {
	height: 260px;
}

.hy_a3 .fl .bgg,
.hy_a3 .fl a {
	height: 380px;
}

.hy_a2 .rt,
.hy_a3 .rt {
	width: 595px;
}

.hy_a2 .rt a,
.hy_a2 .rt img {
	height: 535px;
}

.hy_a2,
.hy_a3 {
	margin-bottom: 10px;
}

.hy_a2 a.padb10,
.hy_a3 .fl img.padb10 {
	margin-bottom: 10px;
	padding-bottom: 0;
}

.hy_z12 li a:hover .bgg {
	opacity: .1;
}

.hy_a3 {}


.bgg {
	background: rgba(51, 51, 51, 0.6);
	background: url(new2.png) repeat-x left bottom;
	background-size: 350px;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: .6;
	transition: all .4s ease-in;
	-moz-transition: all .4s ease-in;
	-webkit-transition: all .4s ease-in;
}

.hy_z13 {
	margin-bottom: 60px;
	margin-top: 50px;
}

.hy_z13 li {
	float: left;
	width: 380px;
	height: 285px;
	position: relative;
	margin-bottom: 20px;
	margin-right: 20px;
	margin-left: 0px;
}

.hy_z13 li a {
	display: block;
}

.hy_z13 li:last-child {
	margin-right: 0;
}

.hy_z13 li img {
	width: 100%;
	height: 285px;
}

.hy_z13 li .pa {
	bottom: 0;
	height: 100px;
	width: 360px;
	font-size: 16px;
	height: 60px;
	background: rgba(51, 51, 51, 0.7);
	color: #fff;
	padding: 20px 10px;
}

.hy_z13 li:hover .pa {
	background: #203f7b;
}

.hy_z13 li:hover span {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.hy_z13 li .pa span {
	background: url(jia5.svg) no-repeat left top;
	background-size: 30px;
	display: block;
	position: absolute;
	right: 20px;
	bottom: 20px;
	height: 30px;
	width: 30px;
	/*-webkit-transition: -webkit-transform .4s,color .3s;
transition: transform 0.4s, color 0.3s;*/
}

.hy_14 {
	margin-bottom: 10px;
	padding-top: 40px;
	border-top: 1px solid #aaa;
}

.hy_14 .liuch {
	width: 100%;
	float: none;
}

.hy_14 .liuch ul {
	float: left;
	width: 1040px;
}

.hy_14 .liuch div.h33 {
	font-size: 22px;
	/*border-left: 4px solid #e42f0b;
	padding-left: 10px;*/
	height: 20px;
	font-weight: bold;
	line-height: 20px;
	margin-top: 15px;
	font-size: 28px;
	color: #213c7b;
	float: left;
	width: 160px;
	letter-spacing: 3px;
}

.hy_14 .liuch li {
	float: left;
	width: 312px;
	text-align: left;
	height: 35px;
	line-height: 35px;
}

.hy_z1 .xialv {
	color: #222;
	line-height: 32px;
	height: 32px;
	background: #203f7b;
	color: #fff;
	border-radius: 5px 5px 5px 5px;
	width: 1040px;
	text-align: center;
	/* text-indent: 20px; */
	margin-top: 20px;
	margin-left: 165px;
}

.hy_14 .liuch li {
	display: block;
	font-size: 15px;
	padding-left: 25px;
	background: url('li2.png') no-repeat left center;
	background-size: 20px;
}

.weizhi {
	padding: 5px 0;
}

.weizhi .home {
	/*background: url('home.png') no-repeat left top;
	background-size: 25px;
	text-indent: -999px;*/
}

.weizhi a,
.weizhi span {
	display: inline-block;
	font-size: 13px;
}

.weizhi a {
	padding: 0px 7px;
	min-width: 18px
}

.hy_vdo {
	width: 490px;
}

/*	.hy_z11 .fl #video {
		width:500px;height:280px;
	}
	#video {
		position:relative;z-index: 100;width:550px;height:320px;
		margin: 0 auto;
	}*/

.hy_xiangguan {}

.hy_xiangguan ul {
	width: 1200px;
	height: 60px;
	margin: 0 auto 75px;
	text-align: center;
	position: relative;
	z-index: 9;
	padding-top: 20px;
	border-top: 1px solid #ccc;
	padding-bottom: 50px;
}

.hy_xiangguan ul div {
	font-size: 34px;
	margin-bottom: 20px;
	color: #213c7b;
	font-weight: bold;
	display: block;
	width: 100%;
	text-align: left;
}

.hy_xiangguan ul li {
	display: block;

	line-height: 46px;
	width: 180px;
	border-bottom: 0px solid;
	border-top: 0px solid #e8e8e8;
	border: 2px solid #10326e;
	margin: 0px 8px;
	cursor: pointer;
	border-radius: 30px;
	font-size: 14px;
	float: left;
	transition: all .3s ease-in;
	-moz-transition: all .3s ease-in;
	-webkit-transition: all .3s ease-in;
}

.hy_xiangguan ul li:hover,
.hy_xiangguan ul li.on {
	background: #10326e;
	color: #fff;
}

.hy_xiangguan ul li:hover a,
.hy_xiangguan ul li.on a {
	color: #fff;
}

.hy_xiangguan ul li a {
	display: block;
}

.big_img {
	position: relative;
	height: 500px;

	display: none;
}

.hy_z11 .hy_v0 {
	width: 670px;
}

.hy_v0 video {
	width: 670px;
	height: 375px;
}

.hy_z11 .hy_v1 {
	width: 500px;
}

.hy_fen1_1 {
	margin-top: 80px;
}

.hy_z1.hy_fen1_2 {
	margin-top: 60px;
}

.hy_z14 {
	margin: 0px auto 0;
	border-top: 1px solid #ccc;
	padding-top: 50px;
	padding-bottom: 50px;
	background: #f5f5f5;
}

.hy_z14 .hy_z14a {
	float: left;
	width: 290px;
	border-bottom: 5px solid #003084;
	/* height: 380px; */
	background: #ffffff;
	/* padding: 10px 10px; */
	margin-right: 10px;
	border-radius: 6px;
}

.hy_z14b {
	margin-right: 0px;
}

.hy_z14a p {
	font-size: 16px;
	color: #333;
	line-height: 28px;
	height: 200px;
	padding: 10px 25px;
	/* background: #ededed; */
}

.hy_z14a p i {
	color: #e52112;
	padding-right: 2px;
}

.hy_z14a h3 {
	font-size: 18px;
	color: #203c7b;
	text-align: center;
	padding-top: 15px;
	position: relative;
	padding-bottom: 5px;
	letter-spacing: 3px;
}

.hy_z14a h3:after {
	content: "";
	/* 	display: block;*/
	position: absolute;
	left: 128px;
	bottom: 0px;
	/* 	height: 3px;*/
	width: 30px;
	background: #afafaf;
}

.bann {
	margin-bottom: 10px;
}

.bann img {
	width: 100%;
	height: 210px;
}

.hy_z14 .h3,
.hy_z13 .h3 {
	font-size: 16px;
	margin-bottom: 20px;
}

.hy_z14 .h3 b,
.hy_z13 .h3 b {
	font-size: 34px;
	display: block;
	color: #213c7b;
	display: block;
	width: 100%;
	/* margin-bottom: 30px; */
	/* color: #001842; */
	/* letter-spacing: 2px; */
	/* font-size: 2rem; */
}

/* a---css */
.slidee {
	width: 290px;
	height: 210px;
	overflow: hidden;
	position: relative;
	/* border:1px solid #ddd; */
}

.slidee .hd {
	height: 15px;
	overflow: hidden;
	position: absolute;
	right: 0px;
	bottom: 5px;
	width: 100%;
	z-index: 1;
}

.slidee .hd ul {
	overflow: hidden;
	zoom: 1;
	/* float:left; */
	text-align: center;
	width: 100%;
}

.slidee .hd ul li {
	float: none;
	display: inline-block;
	margin-right: 3px;
	width: 9px;
	height: 9px;
	line-height: 14px;
	text-align: center;
	background: #989898;
	cursor: pointer;
	text-indent: -999px;
	border-radius: 50px;
}

.slidee .hd ul li.on {
	background: #25a089;
	color: #fff;
}

.slidee .bd {
	position: relative;
	height: 100%;
	z-index: 0;
}

.slidee .bd li {
	zoom: 1;
	vertical-align: middle;
}

.slidee .bd img {
	width: 290px;
	height: 182px;
	display: block;
}

/* a---css */




/*关于*/
.ab_1 {
	text-align: center;
	padding-top: 90px;
	position: relative;
}

.ab_1.gy40 {
	padding-top: 20px;
}

div.ab_1.hb_01 {
	padding-top: 0;
}

.ab_10 .w1200 {
	font-size: 18px;
	line-height: 30px;
	color: #333;
	text-align: left;
}

.ab_10 .w1200 b {
	color: #001f46;
}

.ab_00:before {
	content: '';
	position: absolute;
	left: 50%;
	width: 1px;
	z-index: 9;
	height: 50px;
	top: 0px;
	background-color: #25a089;
	display: none;
}

.ab_slg1 {
	font-size: 34px;
	position: absolute;
	left: 50%;
	width: 430px;
	top: 180px;
	margin-left: -215px;
	color: rgba(0, 24, 66, 0.9);
	letter-spacing: 3px;
	padding-top: 5px;
	margin-bottom: 35px;
	line-height: 40px;
	padding-top: 0px;
	text-align: center;
	font-weight: normal;
}

.ab_slg1 b {
	display: block;
	font-weight: bold;
	/* width: 100px; */
	/* margin: 10px auto 0; */
	/* border-top: 2px solid #222; */
}

.ab_slg1 span {
	font-size: 52px;
	text-transform: uppercase;
	padding-bottom: 15px;
	display: block;
	/* font-weight: normal; */
	letter-spacing: 0;
	font-family: "webfont2" !important;
	letter-spacing: 0px;
	color: rgba(0, 24, 66, 0.9);
	line-height: 60px;
}

.ab_11 span {
	font-size: 13px;
	text-align: left;
	display: block;
	color: #333;
	padding-left: 9px;
	border-left: 15px solid #e42f0b;
	height: 15px;
	line-height: 15px;
	margin-top: 5px;
}

.ab_11 {
	margin-bottom: 50px;
	margin-top: 50px;
}

.ab_11 img {
	width: 1200px;
	display: block;
	margin: 0px auto;
	padding-bottom: 5px;
}



.ab_2 {
	background: url('no3.jpg') no-repeat center;
	background-size: cover;
}

.top-tit,
.num-top {
	display: none;
}
.ab_2 .biaodian {
	background: rgba(0, 26, 66, 0.75);
	color: #ffffff;
	padding: 65px 0 70px;
}

.ab_2 .num-sign,
.ab_2 .about-ban .list-cont li,
.ab_2 .about-ban .list-cont li .size i {
	color: #fff;
}

.ab_2 .about-ban .list-cont .num-sign .box2 i {
	background: #ffffff;
}

.ab_2 .about-ban .list-cont .num-sign {
	background: url(shuzi/2/bg_06.png) no-repeat center bottom;
	background: none;
}

.ab_2 .about-ban .list-cont li .ico3 {
	background: url(shuzi/2/ico_20.png) no-repeat center;
}

.ab_2 .about-ban .list-cont li .ico1 {
	background: url(shuzi/2/ico_18.png) no-repeat center;
}

.ab_2 .about-ban .list-cont li .ico2 {
	background: url(shuzi/2/ico_19.png) no-repeat center;
}

.ab_2 .about-ban .list-cont .num-sign .box1 i {
	background: url(shuzi/2/columnar1.png) no-repeat center bottom;
}

.ab_2 .about-ban .list-cont li {
	border-right: 1px solid #cbcbcb;
}

.ab_2 .about-ban .cent-cont {
	margin-top: 0px;
	border-top: 0px solid #6d757f;
	padding-top: 0px;
}

.ab_ban {
	height: 500px;
	position: relative;

	overflow: hidden;
}


.ab_banbg {
	width: 1920px;
	min-height: 500px;
	position: absolute;
	left: -50px;
	top: 0;
	background-image: url('no4.jpg');
	background-position: center bottom;
	background-repeat: no-repeat;

	margin-left: -1vw;
	width: 106vw;
	height: 100vh;
	background-size: cover;
	transform: scale(1);
	background-attachment: scroll !important;
	animation: imageZoom linear 20s;
	animation-iteration-count: infinite;
	-webkit-animation: imageZoom linear 20s;
	-webkit-animation-iteration-count: infinite;
	-moz-animation: imageZoom linear 20s;
	-moz-animation-iteration-count: infinite;
	-ms-animation: imageZoom linear 20s;
	-ms-animation-iteration-count: infinite;

}

/*.ab_slg1 span,.ab_slg1 {
	color: #fff;
}*/


@keyframes imageZoom {
	0% {
		transform: scale(1)
	}

	50% {
		transform: scale(1.09)
	}

	100% {
		transform: scale(1)
	}
}

@-moz-keyframes imageZoom {
	0% {
		-moz-transform: scale(1)
	}

	50% {
		-moz-transform: scale(1.09)
	}

	100% {
		-moz-transform: scale(1)
	}
}

@-webkit-keyframes imageZoom {
	0% {
		-webkit-transform: scale(1)
	}

	50% {
		-webkit-transform: scale(1.09)
	}

	100% {
		-webkit-transform: scale(1)
	}
}

@-ms-keyframes imageZoom {
	0% {
		-ms-transform: scale(1)
	}

	50% {
		-ms-transform: scale(1.09)
	}

	100% {
		-ms-transform: scale(1)
	}
}

/*@keyframes breath {
    0%{ 	margin-left: -1vw;}  
				                       
    50%  { 	margin-left: -3vw;}   
			                       
    100%{ 	margin-left: -1vw;}                              
}
 
@-webkit-keyframes breath {
0%{ 	margin-left: -1vw;}  
				                       
50%  { 	margin-left: -3vw;}   
			                       
100%{ 	margin-left: -1vw;}                                   
   }*/


.M-Stage__storyLine {
	position: absolute;
	bottom: 80px;
	left: 50%;
	margin-left: -8px;
	width: 16px;
	height: 16px;
	background-color: #25a089;
	border-radius: 8px;
}

.M-Stage__storyLine:after {
	content: '';
	position: absolute;
	top: 16px;
	left: 8px;
	width: 1px;
	height: 1000px;
	background-color: #25a089;
}

.ab_ban:after {
	content: '';
	position: absolute;
	left: 50%;
	width: 1px;
	z-index: 9;
	height: 140px;
	bottom: -140px;
	background-color: #001a42;
}

.ab1_rt {
	width: 1200px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;

}

.ab_qh {
	width: 100%;
	padding-top: 0px;
	padding: 50px 0 30px;
	background: #eee;
	position: relative;
}

.ab_qh h2 {
	margin-left: 20px;
}

.ab_qh ul {
	width: 1200px;

	margin: 0px auto;
}

.ab_qh li {
	float: left;
	width: 150px;
	margin: 0px 10px;
	text-align: center;
	position: relative;

}

.ab_qh li:hover {}

.ab_qh li i {
	position: absolute;
	border: 5px solid #fff;
	width: 120px;
	height: 160px;
	background: rgba(255, 255, 255, 0.95);
	top: 10px;
	left: 10px;
	transition: all .4s ease-in;
	-moz-transition: all .4s ease-in;
	-webkit-transition: all .4s ease-in;
}

.ab_qh li:hover i {
	width: 140px;
	height: 180px;
	border: 5px solid #25a089;
	background: rgba(255, 255, 255, 0.5);
	top: 0px;
	left: 0px;
}

.ab_qh li:hover .on2 {
	opacity: 0;
}

.ab_qh li span {
	color: #333;
	letter-spacing: 1px;
	position: absolute;
	top: 140px;
	width: 100%;
	left: 0;
	z-index: 8;
	font-size: 16px;
	font-weight: normal;
	transition: all .4s ease-in;
	-moz-transition: all .4s ease-in;
	-webkit-transition: all .4s ease-in;
}

.ab_qh li:hover span {
	color: #b00;
	font-weight: bold;
	/*		top: 80px;*/
}

.ab_qh li img {
	width: 100%;
	height: 190px;
}

.ab_qh li a {
	display: block;
	text-align: center;
	display: block;
}

.ab_qh li img.on2 {
	position: absolute;
	top: 0;
	left: 35px;
	width: 80px;
	height: auto;
	padding-top: 40px;
	padding-bottom: 20px;
	margin: 0 auto 20px;
	display: block;
	z-index: 9;
	transition: all .4s ease-in;
	-moz-transition: all .4s ease-in;
	-webkit-transition: all .4s ease-in;
}

.jiagou {
	margin-top: 50px;
	position: relative;
	width: 1200px;
	margin: 10px auto 50px;
}

.jiagou-bg {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 99;
	width: 1200px;
	height: 620px;
	z-index: 1;
	background: url(bgg3.png) no-repeat 0px -40px;
	/* background: url(/css/body-bg9.png) no-repeat 0px -32px; */
}

.jiagou span {
	position: relative;
	display: block;
	background: #fff;
	/* border: 2px solid #6cc2f3; */
	/* height: 50px; */
	/* line-height: 25px; */
	padding: 20px 0 20px;
	margin: 0 auto;
	text-align: center;
	font-weight: 400;
	border-radius: 4px;
	border: 0px solid #004281;
	z-index: 2;
	border-radius: 0px;
	color: #fff;
	border-radius: 10px;
}

.jiagou .jiagou0 {
	width: 380px;
	/* line-height: 180px; */
	padding: 0px 0;
	font-size: 16px;
	border: 2px solid #778293;
	/* margin-top: 30px; */
	font-weight: bold;
	background: #fff url(joyson.png) no-repeat center 20px;
	background-size: 200px;
	height: 111px;
	transition: all .4s ease-in;
	-moz-transition: all .4s ease-in;
	-webkit-transition: all .4s ease-in;
}

.jiagou .jiagou0:hover {
	background: #f5f5f5 url(joyson.png) no-repeat center 20px;
	background-size: 200px;
}

.jiagou .jiagou0 a {
	display: block;
	line-height: 210px;
	height: 164px;
	letter-spacing: 1px;
	width: 380px;
	color: #3e3e3e;
	margin: 0px auto 0;
	/*	transition: all .4s ease-in;
	    -moz-transition: all .4s ease-in;
	    -webkit-transition: all .4s ease-in;*/
	background: url('more.png') no-repeat 180px 122px;
	background-size: 28px;
	-webkit-animation: scroll-ani 2s linear infinite;
	-moz-animation: scroll-ani 2s linear infinite;
	animation: scroll-ani 2s linear infinite;
}

@-webkit-keyframes scroll-ani {
	0% {

		background: url('more.png') no-repeat 180px 122px;
		background-size: 28px;
	}

	25% {

		background: url('more.png') no-repeat 181px 122px;
		background-size: 28px;
	}

	50% {

		background: url('more.png') no-repeat 182px 122px;
		background-size: 28px;
	}

	75% {

		background: url('more.png') no-repeat 181px 122px;
		background-size: 28px;
	}

	100% {
		background-size: 28px;
		background: url('more.png') no-repeat 180px 122px;
	}
}

@-moz-keyframes scroll-ani {
	0% {

		background: url('more.png') no-repeat 180px 122px;
		background-size: 28px;
	}

	25% {

		background: url('more.png') no-repeat 181px 122px;
		background-size: 28px;
	}

	50% {

		background: url('more.png') no-repeat 182px 122px;
		background-size: 28px;
	}

	75% {

		background: url('more.png') no-repeat 181px 122px;
		background-size: 28px;
	}

	100% {
		opacity: 1;
		background: url('more.png') no-repeat 180px 122px;
		background-size: 28px;
	}
}

@keyframes scroll-ani {
	0% {

		background: url('more.png') no-repeat 180px 122px;
		background-size: 28px;
	}

	25% {

		background: url('more.png') no-repeat 181px 122px;
		background-size: 28px;
	}

	50% {

		background: url('more.png') no-repeat 182px 122px;
		background-size: 28px;
	}

	75% {

		background: url('more.png') no-repeat 181px 122px;
		background-size: 28px;
	}

	100% {

		background: url('more.png') no-repeat 180px 122px;
		background-size: 28px;
	}
}

.jiagou .jiagou01 {
	width: 380px;
	/* line-height: 180px; */
	font-size: 14px;
	margin-top: 30px;

	background: #001d3d;
}

.jiagou .jiagou01 b {
	font-size: 16px;
	font-weight: bold;
}

.jiagou1 {
	width: 1250px;
	margin: 20px auto;
	z-index: 2;
	position: relative;
}

.jiagou .jiagou1 span {
	width: 157px;
	font-size: 12px;
	line-height: 18px;
	height: 50px;
	padding: 12px 3px 6px;
	border: 1px solid #333;
	float: left;
	margin-left: 5px;
	background: #00427f;
	border: 2px solid #778293;
}

.jiagou span.jiagou21:hover,
.jiagou .jiagou3 span:hover {
	background: #f5f5f5
}

.jiagou span a {
	color: #fff;
	transition: all .2s ease-in;
	-moz-transition: all .2s ease-in;
	-webkit-transition: all .2s ease-in;
}

.jiagou span.jiagou21:hover a,
.jiagou .jiagou3 span:hover a {
	color: #00427f;
}

.jiagou .jiagou1 span b {
	font-size: 13px;
}

.jiagou .jiagou1 .jiagou212 {
	padding-top: 25px;
	height: 40px;
}

.jiagou .jiagou1 .rt {
	float: right;
	width: 100px;
	margin-right: 60px;
	/* margin-top: 50px; */
}

.jiagou1 {
	margin-top: 45px;
}

.jiagou2,
.jiagou3 {
	margin-top: 42px;
	z-index: 2;
	position: relative;
}

.jiagou3 {
	margin-top: 55px;
}

.jiagou .jiagou21 {
	background: #b49553;
}

.jiagou .fl .jiagou22 {
	background: #4bbedd;
	margin-left: 180px;
	width: 210px;
	height: 35px;
	line-height: 35px;
	font-size: 16px;
	margin-top: 2px;
}

.jiagou .jiagou23 {
	background: #965da9;
}

.jiagou .jiagou211 {
	background: #42ba7d;
}

.jiagou .jiagou222 {
	background: #d99a15;
}

.jiagou .jiagou233 {
	background: #bf4242;
}

.jiagou2 .rt span {
	width: 180px;
	background: #abcd05;
	color: #fff;
	border-radius: 20px;
	margin-left: 125px;
	/* margin-top: 30px; */
	height: 40px;
	line-height: 40px;
}

.jiagou2 .fl {
	width: 770px;
	margin-left: 30px;
	/* margin-top: -30px; */
}

.jiagou2 .fl span,
.jiagou3 .fl span {
	float: left;
	width: 140px;
	margin-right: 20px;
	line-height: 20px;
}

.jiagou2 .rt {
	width: 380px;
	/* padding-top: 30px; */
}


.jiagou3 .fl {
	width: 770px;
	margin-left: 20px;
	margin-top: -10px;
}

.jiagou3 .fl span {
	/* height: 45px; */
	width: 250px;
	margin-bottom: 30px;
	padding: 15px 15px 15px;
	font-size: 13px;
	line-height: 20px;
	background: #1762a6;
	border: 2px solid #778293;
}

.jiagou3 .fl span.rt {
	/* line-height: 45px; */
}

.ab_3 .h22 {
	padding: 0px 0px 40px;
}

.ab_fff {
	background: #f5f5f5;
	padding-bottom: 20px;
}

.ab_3 .section4 .h22 {
	padding: 60px 0px 20px;
}

.ab_3 .h22 span {
	font-size: 36px;
	font-weight: bold;
}

.ab_3 .section4 {
	margin: 20px auto 60px;
}

.ab_31 {
	margin: 0px auto 0px;
	padding: 0px 0 10px;
	background: #fff;

}

.ab32 {
	background: url(ab2g.jpg) repeat-x left top;
	/*        background: #0a3e72;*/
}

.ab321 {
	background: #0e2e47;
	background: #215a9f;
	padding: 60px 0 60px;
}

.ab321 h2,
.ab321 h2 b {
	color: #fff;
}

.ab32 img,
.ab32 .w1200 {
	width: 1237px;
}

.ab_41 {
	margin-top: 0px;
}

.ab_41 .fl {
	width: 435px;
	float: right;
}

.ab_41 .fl img {
	width: 100%;
}

.ab_41 .rt {
	width: 900px;
	float: left;
	text-align: left;
	font-size: 15px;
	padding: 30px 30px;
}

.ab_41 .rt ul {}

.ab_41 .rt ul li {
	display: block;
	font-size: 16px;
	margin-right: 30px;
	padding-left: 30px;
	background: url(../base/img/li2.png) no-repeat left center;
	background-size: 20px;
	text-align: left;
}

.ab_41 .rt p {
	font-size: 15px;
	text-align: left;
	padding-right: 30px;
}

.ab_41 .rt h2 {
	font-size: 22px;
	text-align: left;
	position: relative;
	color: #213c7b;
	letter-spacing: 2px;
	padding-top: 5px;
	margin-bottom: 35px;
	line-height: 40px;
	padding-top: 20px;
}

.ab_41 .rt h2 {
	font-size: 22px;
	position: relative;
	color: #213c7b;
	letter-spacing: 2px;
	padding-top: 5px;
	margin-bottom: 35px;
	line-height: 40px;
	padding-top: 20px;
	text-transform: uppercase;
	font-family: "webfont2" !important;
}

.ab_41 .rt h2 span {
	font-size: 38px;
	text-transform: uppercase;
	padding-bottom: 5px;
	display: block;
	font-weight: normal;
	letter-spacing: 0;
}

.ab_41 .rt h2 span img {
	vertical-align: baseline;
}

.ab_41 .rt h2::after {
	position: absolute;
	content: "";
	top: 0px;
	left: 0;
	width: 60px;
	height: 4px;
	background: #25a089;
}

.ab4_pic .ab4_rt img {
	height: 330px;
	display: block;
	margin-bottom: 20px;
	border: 1px solid #e5e5e5;
	text-align: left;
}

.ab4_pic {
	margin-bottom: 0px;
	padding-top: 40px;
	border-top: 1px solid #aaa;
	margin-top: 50px;
}

.ab4_rt_1 {
	float: left;
	padding-right: 50px;
	border-right: 1px solid #aaa;
	height: 400px;
}

.ab4_rt_2 {
	float: right;
	padding-right: 0;
	border-right: 0;
}

.ab4_pic2 {
	border-top: 0px solid #ccc;
	margin-top: 0px;
	padding-top: 20px;
}

.ab4_pic2 .ab4_fl {
	margin-top: 20px;
}

.ab4_rt_1.ab4_rt_2.rt {
	float: right;
	padding-right: 0;
	width: 480px;
}

.ab4_pic2 .ab4_rt_1 {
	float: left;
	padding-right: 60px;
	border-right: 0px solid #ccc;
	width: 570px;
	height: auto;
}

.ab4_pic2.ab4_pic .ab4_rt img {
	height: 370px;
}

.ab4_fl {
	width: 100%;
	/* float: right; */
	margin-bottom: 0px;
	padding-top: 40px;
	border-top: 1px solid #aaa;
	margin-top: 50px;
}

.ab4_rt {
	width: 100%;
	/* float: left; */
	text-align: right;
}

.ab_gjc img {
	max-width: 100%;
	height: 130px;
}

.ab_gjc.ab4_rt_1 {
	border-right: 0;
}

.ab_gjc.ab_gjc_1 {
	float: right;
	margin-right: 0;
	padding-right: 0;
}

.ab_gjc {
	margin-bottom: 0px;
	/* float: left; */
	margin-right: 0px;
	text-align: left;
}

.ab4_rt span {
	font-size: 13px;
	text-align: left;
	display: block;
	color: #333;
	padding-left: 9px;
	border-left: 15px solid #e42f0b;
	height: 15px;
	line-height: 18px;
	/* margin-top: 5px; */
	width: 100%;
}

.ab4_rt span a {
	font-size: 12px;
	padding-left: 10px;
	color: #25a089;
}

.ab4_pic2 .ab_gjc {
	margin-bottom: 50px;
}

.ab_gjc.ab_gjc_yewu img {
	margin-right: 25px;
}

.ab4_pic h3,
.ab4_pic b {
	height: 20px;
	line-height: 20px;
	margin-bottom: 20px;
	font-size: 22px;
	color: #213c7b;
	display: block;
	text-align: left;
}

.ab_gjc li {
	display: block;
	font-size: 16px;
	margin-right: 30px;
	padding-left: 30px;
	background: url(../base/img/li2.png) no-repeat left center;
	background-size: 20px;
	float: left;
}

.sl_1 {
	margin-bottom: 80px;
	margin-top: 40px;
}

.sl_1 a {
	display: block;
	width: 500px;
	margin: 0 auto;
	border: 2px solid #13227a;
	padding: 0px 0;
	height: 50px;
	line-height: 50px;
}

.sl_1 a img {
	vertical-align: middle;
	width: 30px;
	padding-left: 5px;

}

.sl_1 p {
	font-size: 18px;
	color: #333;
	font-size: 18px;
	line-height: 32px;
	text-align: center;
	text-indent: 0px;
	padding-bottom: 20px;
}

.sl_1 h3 {
	font-size: 34px;
	font-weight: 600;
	color: #213c7b;
	padding-bottom: 30px;
}


.sl_2 .fl {
	width: 50%
}

.sl_2 .rt {
	width: 50%
}

.sl_2 .rt img {
	width: 100%
}

.sl_3 {
	width: 1200px;
	/* margin: 120px auto 120px; */
	margin: 0 auto;
}

.sl_3bg {
	background: #fff url(bg44.jpg) repeat-x center bottom;
	/* background-size: cover; */
	padding: 120px 0 50px;
}

.sl_ico {
	width: 120px;
	display: block;
	position: absolute;
	top: 30px;
	right: 50px;
}

.sl_30 {
	width: 556px;
	/* margin: 50px auto 0; */
}

.sl_30 img {
	width: 600px;
}

.sl_30 .fl {
	width: 470px;
	text-align: left;
	/* float: none; */
	margin-bottom: 30px;
	margin-top: 20px;
}

.sl_30 .fl h2 {
	font-size: 28px;
	font-weight: bold;
	color: #28427f;
}

.sl_30 .fl h3 {
	font-size: 18px;
}

.sl_30 .rt {
	width: 500px;
	text-align: left;
	float: right;
	display: block;
	/* float: none; */
	color: #333;
	font-size: 15px;
	line-height: 26px;
	text-align: left;
	text-indent: 0px;
	text-align: justify;
}

.sl_30 p {}

.sl_h2 {
	display: block;
	width: 100%;
	margin-bottom: 30px;
	color: #001842;
	color: #213c7b;
	letter-spacing: 1px;
	font-size: 34px;
	font-weight: bold;
	text-align: left;
}

.sl_32_h2 {
	font-size: 38px;
	display: block;
	color: #ffffff;
	text-align: center;
	font-weight: bold;
	padding-bottom: 30px;
}

.sl_32_h2 i {
	width: 60px;
	height: 3px;
	background: #e60012;
	margin: 20px auto;
	display: block;
}

.sl_30 {
	/*	background: #eee;*/
	/*	padding: 50px 100px 50px;*/
	width: 1200px;
	/* position: absolute; */
	/* right: 0; */
	/* top: 40px; */
}

.sl_3a {
	width: 1200px;
	position: relative;
	margin-bottom: 50px;
}

.sl_301 span {
	display: block;
	position: absolute;
	top: 150px;
	left: 150px;
	color: #fff;
	font-size: 22px;
	background: #fff;
	color: #333;
	padding: 20px 30px;
}

.sl_301 img {
	width: 600px;
}

#really-cool-video {
	display: block;
	width: 100%;
	height: 450px;
}

ul.sl_31 li {
	float: left;
}

.sl_30 .rt ul li {
	display: block;
	font-size: 16px;
	padding: 2px 0;
	padding-left: 30px;
	background: url(../base/img/li2.png) no-repeat left center;
	background-size: 20px;
}

.sl_32v {
	position: relative;
	/* min-height: 500px; */
	/*background-image: url(no4.jpg);
background-position: center;
background-size: contain;*/
	padding: 0;
	margin: 0;
	/* background-repeat: no-repeat; */
	/* margin-left: -1vw; */
	/* width: 106vw; */
	/* width: 100%; */
	/* height: 100vh; */
}

.sl_ban .ab_banbg {
	height: auto;
}

.sl_32v video {
	/*margin-top: -100px;
	min-height: 650px;*/
	width: 100%;
	object-fit: cover;
}

.sl_ban {
	height: 650px;
}

.sl_ban {
	min-height: 450px;
	height: auto;
}

.sl_30 .rt a {
	display: block;
	width: 300px;
	border: 2px solid #13227a;
	padding: 0px 0;
	height: 50px;
	line-height: 50px;
	margin-top: 30px;
}

.sl_ban.p40 .ab_slg1 {
	display: none;
}


.sl_32 {
	background: #0a2d55;
	padding-top: 255px;
	position: relative;
	overflow: hidden;
}

ul.sl_31 {
	width: 1200px;
	margin: 0 auto;
}

ul.sl_31 li {
	float: left;

}

ul.sl_31 .sl_li {
	margin-bottom: 50px;
	background: #fff;
	background: #fff url(../base/img/bg3.png) no-repeat center;
	background-size: cover;
	padding: 30px 20px 20px 40px;
	width: 1200px;
	margin: 0 auto 50px;
	float: none;
	font-size: 16px;
	position: relative;
}

ul.sl_31 .sl_li:before {
	content: "";
	display: block;
	height: 50px;
	position: absolute;
	top: 33px;
	left: 0;
	width: 6px;
	background: #25a089;
}

.sl_pp {
	margin: 20px 0;
	color: #333;
	font-size: 16px;
	line-height: 26px;
}

ul.sl_31 li b {}

ul.sl_31 li ol {
	margin: 45px auto 30px;
}

ul.sl_31 li ol img {
	height: 70px;
	margin-bottom: 5px;
}

ul.sl_31 h2 {
	font-size: 26px;
	color: #213c7b;
	text-align: left;
	padding-bottom: 25px;
}

ul.sl_31 h2 span {
	font-family: "webfont2" !important;
	font-size: 38px;
	text-transform: capitalize;

	display: block;
	font-weight: normal;
	letter-spacing: 0;
}

ul.sl_31 li ol li {
	float: left;
	width: 300px;
	font-size: 15px;
	text-align: left;
}

.sl_31 .sl_ol1 li {
	margin-right: 25px;
	width: 255px;
}

.sl_ol1 li i,
.sl_pp i {
	color: #e52112;
	padding-right: 2px;
}

.sl_31 li ol li b {
	font-size: 18px;
	color: #333;
	display: block;
	padding-bottom: 10px;
}

.sl_zst {
	width: 400px;
	height: 250px;
	margin-right: 20px;
	border: 1px solid #eee;
}

.sl_shili {
	margin: 50px 0;
}

.sl_shili div {
	float: left;
	width: 240px;
	margin-right: 40px;
	margin-bottom: 0px;
}

.sl_shili div img {
	width: 250px;
	height: 150px;
	display: block;
	border: 1px solid #ccc;
}

.sl_shili div span {
	font-size: 13px;
	text-align: center;
	display: block;
	width: 250px;
	height: 30px;
	line-height: 30px;
	background: #213c7b;
	color: #fff;
	text-indent: 10px;
	margin-top: 0;
}

.sl_pp.fl {
	width: 500px;
	text-align: justify;
}

.sl_shili2 {
	float: right;
	width: 550px;
	margin-right: 00px;
	margin-top: -50px;
}

.sl_shili2 div {
	float: none;
	margin-right: 0px;
}

.sl_shili2 .slia {
	margin-right: 30px;
}

.sl_shili2 .slia,
.sl_shili2 .slib {
	width: 225px;
	float: left;
}

.sl_shili2 .slic {
	width: 500px;
	margin-top: 20px;
}

.sl_shili2 .slic span {
	width: 500px;
}

.sl_shili2 .slic img {
	width: 500px;
}


.circle .move01 {
	animation-delay: 1.1s;
}

.circle .move {
	animation-duration: 2.2s;
	animation-name: circleMotion;
	animation-iteration-count: infinite;
	animation-direction: normal;
}

.circle div {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 600px;
	height: 600px;
	margin: -383px 0 0 -450px;
}

.circle {
	position: absolute;
	top: 252px;
	left: 50%;
	right: 0;
	bottom: 0;
	width: 600px;
	margin-left: -150px;
}

@keyframes circleMotion {
	0% {
		transform: scale3d(1, 1, 1) rotate(0.1deg);
		-webkit-transform: scale3d(1, 1, 1);
		-moz-transform: scale3d(1, 1, 1);
		-o-transform: scale3d(1, 1, 1);
	}

	21% {
		opacity: 1;
		visibility: visible;
	}

	95% {
		transform: scale3d(1.14, 1.14, 1.14) rotate(0.1deg);
		-webkit-transform: scale3d(1.14, 1.14, 1.14);
		-moz-transform: scale3d(1.14, 1.14, 1.14);
		-o-transform: scale3d(1.14, 1.14, 1.14);
	}

	100% {
		opacity: 0;
		visibility: hidden;
		transform: scale3d(1, 1, 1) rotate(0.1deg);
		-webkit-transform: scale3d(1, 1, 1);
		-moz-transform: scale3d(1, 1, 1);
		-o-transform: scale3d(1, 1, 1);
	}
}

.sl_top {
	position: relative;
}

.sl_zst_rt {
	width: 350px;
	float: right;
	margin-right: 40px;

}

.sl_zst_rt img {
	width: 350px;
	height: auto;
	margin-bottom: 20px;
}


.news_sx1 {
	margin-bottom: 20px;
	/* padding-bottom: 20px; */
	/* border-bottom: 1px solid #ccc; */
	background: #e9e9e9;
	line-height: 50px;
	width: 1200px;
	margin: 20px auto 20px;
}

.news_sx1 .fl,
.news_sx1 .rt {
	color: #333333;
	font-size: 16px;
	padding-right: 20px;
	padding-left: 0;
}

.news_sx1 .fl {
	padding-left: 20px;
}

.backlb {
	padding-top: 30px;
	width: 300px;
	font-size: 16px;
	color: #333;
	margin: 0 auto 30px;
	display: block;
	text-align: center;
}
.backlb img {
	width: 60px;
	margin: 0 auto;
	display: block;
	padding-bottom: 10px;
	transition: all .4s ease-in;
	-moz-transition: all .4s ease-in;
	-webkit-transition: all .4s ease-in;
}

.backlb:hover img {
	transform: rotate(17deg);
	-ms-transform: rotate(17deg);
	-moz-transform: rotate(17deg);
	-webkit-transform: rotate(17deg);
	-o-transform: rotate(17deg);
}


.hy_z15 {}

.hy_z15 ul {
	width: 1220px;
	margin: 20px auto 50px;
}

.hy_z15 ul li {
	width: 225px;
	float: left;
	margin-right: 18px;
	margin-bottom: 25px;
}

.hy_z15 ul li img {
	width: 225px;
	height: 140px;
	display: block;
}

.hy_z15 ul li span {
	display: block;
	width: 225px;
	height: 50px;
	line-height: 50px;
	font-size: 15px;
	text-align: center;
	background: #fff;
}


.jzl2 {
	margin-top: -50px;
	margin-bottom: 50px;
}

.jzl2 .clearfix {
	margin-bottom: 0px;
	position: relative;
}

.jzl2 .clearfix img {
	float: left;
	width: 600px;
	height: 450px;
}

.jzl2 .clearfix.c1 img {
	float: right;
}

.jzl2 p {
	float: right;
	width: 560px;
	font-size: 16px;
	margin-top: 120px;
	padding-left: 40px;
	text-align: justify;
}

.jzl2 p::after {
	position: absolute;
	content: "";
	top: 210px;
	left: 50%;
	margin-left: 0px;
	z-index: 99;
	border-right: 30px solid #fff;
	border-top: 30px solid transparent;
	border-bottom: 30px solid transparent;
	z-index: 3;
	margin-top: -8px;
	margin-left: -30px;
}

.jzl2 .c1 p::after {
	border-right: 0px solid #fff;
	border-left: 30px solid #fff;
	border-top: 30px solid transparent;
	border-bottom: 30px solid transparent;
	margin-left: 0px;
}

.jzl2 .clearfix.c1 p {
	float: left;
	padding-left: 0px;
	padding-right: 20px;
}

.jzl2 p b {
	font-size: 34px;
	letter-spacing: 1px;
	font-weight: bold;
	display: block;
	color: #10326e;
	/*	border-left: 3px solid #25a089;*/
	margin-bottom: 50px;
	height: 30px;
	padding-left: 0px;
	line-height: 30px;
	position: relative;
	padding-top: 20px;
}

.jzl2 p b::after {
	position: absolute;
	content: "";
	top: 0px;
	left: 0;
	width: 60px;
	height: 4px;
	background: #25a089;
}

.hb_1 {
	text-align: left;
}

div.hb_01 {
	height: auto;
}

.ab_1.ab_00.hb_0.hb_01 {
	padding-top: 0;
	background: none;
}

.hb_1 h2 {
	font-size: 22px;
	position: relative;
	color: #333333;
	letter-spacing: 2px;
	padding-top: 5px;
	margin-bottom: 35px;
	line-height: 40px;
	padding-top: 20px;
	text-align: left;

}

.li_hd {
	width: 500px;
	text-align: left;
	font-size: 16px;
}

.li_hd a {
    display: block;
    font-size: 16px;
    padding: 2px 0;
    padding-left: 25px;
    position: relative;
}
.li_hd a::before{
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    background: #d81e06;
    position: absolute;
    left: 0;
    top: 12px;
    border-radius: 50%;
}

.hb_0 {
	width: 100%;
	height: 270px;
	position: relative;
	z-index: 2;
	background: #fff;
}

.hb_1 {
	background: url(../base/img/qjj.jpg) no-repeat right center;
	background-size: cover;
	/*height: 350px;*/
	/*width: 1200px;*/
	background: ;
	margin: 0px auto 50px;
	text-align: center;
	padding: 50px 0px 50px 50px;
}

.hb_1 .fl {
	width: 800px;
}

.hb_1 .rt {
	width: 550px;
	display: none;
}

.hb_1 .rt img {
	width: 100%;
}

.hb_21,
.hb_22 {
	padding: 180px 0 0px;
	background: #f5f5f5;
}

.hb_21 {
	padding: 120px 0 50px;
}

.hb_22 {
	background: #10326e url(../base/img/cc3.png) no-repeat center 30px;
	/*height: 370px;*/
	padding: 40px 0 65px;
	background: #10326e url(../base/img/bgg1.jpg) no-repeat center;
}

.hb_22 .w1200 {
	background: url(../base/img/cc3.png) no-repeat 40px -60px;
	height: 300px;
}

.hb_22 .w1200 .rt {
	margin-top: 60px;
}

.hb_21 {
	background: #f5f5f5 url(../base/img/cc4.png) no-repeat center 20px;
	/*height: 400px;*/
	padding: 70px 0 65px;
	background: #f5f5f5 url(../base/img/bgg2.jpg) no-repeat center;
}

.hb_21 .w1200 {
	background: url(../base/img/cc4.png) no-repeat center -60px;
	height: 380px;
}

.hb_21 .w1200 .fl {
	margin-top: 50px;
	padding-left: 40px;
}

.hb_3 {
	text-align: center;
	padding: 50px 0;
	width: 1370px;
	background: #fff;
	margin: 40px auto 0;
}

.hb_21 .fl,
.hb_22 .rt {
	width: 500px;
}

.hb_21 .rt,
.hb_22 .fl,
.hb_21 .rt img,
.hb_22 .fl img {
	width: 500px;
}

.hb_3 h2 {
	font-size: 36px;
	display: block;
	color: #ec670f;
	font-weight: bold;
	padding-bottom: 10px;
}

.hb_3 p {
	line-height: 1.5;
	color: #555;
	font-weight: normal;
	letter-spacing: 0;
	margin-bottom: 0px;
	font-size: 18px;
	text-align: center;
}

.hb_3 ul {
	width: 1200px;
	margin: 50px auto 0;
	text-align: center;
}

.hb_3 ul li {
    line-height: 100px;
    display: inline-block;
    width: 300px;
    height: 100px;
    border: 1px solid #ccc;
    transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    vertical-align: middle;
    margin-top: 8px;
}

.hb_3 ul li:hover {
	border: 1px solid #25a089;
}

.hb_3 ul li img {
    max-width: 140px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
}

.hb_3 ul li.c1 img {}

.hb_3 ul li.c2 img {
	padding-top: 24px;
	width: 135px;
}

.hb_3 ul li.c3 img {
	padding-top: 35px;
}

.hb_3 ul li.c4 img {
	padding-top: 30px;
}

.hb_3 ul li.c5 img {
	padding-top: 30px;
}

.hb_3 ul li.c6 img {
	padding-top: 32px;
}

.zdh_1 h2 {
	width: 400px;
	margin: 0 auto;
	left: 50%;
	margin-left: -200px;
	font-size: 34px;
	padding: 20px 0;
	color: #ffffff;
	font-weight: bold;
	position: absolute;
	border-radius: 10px;
	top: 259px;
	background: rgba(19, 43, 116, 0.8);
	letter-spacing: 4px;
}

.zdh_1 {
	padding-bottom: 50px;
	background-size: 820px;
	height: 400px;
	margin-bottom: 50px;
	position: absolute;
	top: 50px;
	left: 0px;
	width: 100%;
	z-index: 2;
}

.zdh_lc_1 {
	width: 100%;
	padding-top: 40px;
	position: relative;
}

.zdh_lc_1 canvas {
	display: block;
	position: absolute;
	top: -230px;
	height: 380px;
	left: 0;
	width: 100%;
	z-index: 1;
}

.lc1 {
	margin-bottom: 50px;
	background: #fff;
	background: #fff url(../base/img/bg3.png) no-repeat center;
	background-size: cover;
	padding: 0px 20px 40px 50px;
	width: 1050px;
	margin: 0px auto 50px;
	float: none;
	position: relative;
	float: left;
	border: 10px solid #727171;
	overflow: hidden;
}

.lc1::before {
	content: "";
	display: block;
	height: 105px;
	position: absolute;
	top: 63px;
	left: 0;
	width: 6px;
	background: #ec670f;
}

.lc1_h2 {
	height: 120px;
	margin-bottom: 50px;
}

.lc1_h2 div.lc1_h2_1 h4 {
	right: -16px;
}

.lc1 .lh2 {
	color: #333;
	text-align: left;
	font-weight: bold;
	letter-spacing: -10px;
	display: inline-block;
	position: relative;
	font-size: 115px;
	line-height: 120px;
	vertical-align: top;
	font-family: Microsoft Yahei, 'helvetica neue', Arial, Helvetica !important;
}

.lc1 .lh2 h4 {
	font-size: 24px;
	line-height: 44px;
	color: #333333;
	position: absolute;
	bottom: 6px;
	right: -17px;
	padding: 0px 0px;
	display: inline-block;
	width: 76px;
	letter-spacing: 0px;
	text-align: center;
	background-color: #fff;

}

.lc1 .lh4 h4 {
	right: -14px;
}

.lc1 h2 {}

.lc1 .fl {}

.lc1 p {

	width: 170px;
	text-align: left;

}

.lc1 p a {
	display: block;
	font-size: 16px;
	padding: 2px 0;
	/* padding-left: 30px; */
	/* background: url(li2.png) no-repeat left center; */
	/* background-size: 20px; */
	display: block;
	color: #333333;
	font-size: 16px;
}

.lc1 p a b {
	font-weight: bolder;
	color: #ec670f;
}

.lc1 p a.m {
	font-size: 13px;
	padding-left: 15px;
}

.lc2 ul {
	height: 925px;
	overflow-y: scroll;
}

.lc3 ul {
	height: 600px;
	overflow-y: scroll;
}

.lc1 ul {
	width: 767px;
	float: right;
	border-left: 1px solid #ccc;
}

.lc1 ul span {
	padding-left: 30px;
	font-size: 13px;
}

.lc1 ul li {
	float: left;
	margin-left: 25px;
	margin-top: 4px;
	margin-bottom: 15px;
	background: url('../base/img/loading24.gif') no-repeat center;
}

.lc1 ul li video {
	width: 340px;
	height: 210px;
}


.zdh_h3 {
	margin: 0 auto;
	font-size: 34px;
	padding: 30px 0;
	color: #063360;
	font-weight: bold;
	letter-spacing: 4px;
	background: rgb(255, 255, 255);
	text-align: center;
	width: 400px;
	border-radius: 10px 10px 30px 30px;
	left: 50%;
	margin-left: -200px;
	position: absolute;
	top: -198px;
	z-index: 3;
}

.zdh_h3 img {
	width: 350px;
	margin: 0 auto 20px;
	display: block;
}

.zdh_h3 i {
	background: #ff1700;
	width: 100px;
	height: 5px;
	display: block;
	margin: 10px auto 0;
}

.cxin_p {
	text-align: center;
	margin: 0 auto 50px;
	width: 1000px;
	padding: 50px 100px;
	background: #eee;
}

.cxin_p p {
	text-align: left;
}

.cxin_p h2 {
	font-size: 24px;
}

.cxin_p img {
	width: 400px;
}

.zdh_lc_1 .xian {
	position: absolute;
	top: 219px;
	height: 2px;
	width: 100%;
	left: 0;
	z-index: 1;
	display: none;
	background: rgba(255, 255, 255, 0.76);
}

.fixedmeau {
	position: fixed;
	display: none;
	top: 350px;
}


.lc1 h2 {
	height: 60px;
	color: #fff;
	clear: both;
}

.lc1 h2 a {
	display: block;
	height: 60px;
}

.page_right {
	float: right;
	width: 160px;
}

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

#Catalog_box ul {
	text-align: left;
	text-indent: 20px;
	z-index: 1;
}

#Catalog_box ul li {
	color: #fff;
	padding: 5px 40px 5px 26px;
}

#Catalog_box ul li::after {
	clear: both;
	content: "";
	display: block;
	height: 0;
}

#Catalog_box ul li span {}

#Catalog_box ul li a {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	color: #333333;
	display: block;
	float: left;
}

#Catalog_box ul li.active a {
	color: #fff;
}

#Catalog_box {
	/* position:fixed; */
	/* bottom:100px; */
	/* margin-left:20px; */
	/* background: #0a2c57; */
	/* width: 161px; */
}

#Catalog_box li span {
	color: #ffffff;
	/* font-weight: bold; */
	/* font-family: Arial; */
	/* font-size: 18px; */
	/* padding-right: 15px; */
	display: block;
	float: left;
	height: 30px;
	width: 30px;
	text-indent: -999px;
	background: url('../base/img/bo.png') no-repeat right center;
	background-size: 10px;
	overflow: hidden;
}

#Catalog_box .cate-item2 {
	padding-left: 20px;
}

#Catalog_box .cate-item2 span {
	font-weight: 500;
}

#Catalog_box .active span {
	color: #fff;
}

#Catalog_box .active {
	color: #fff !important;
	background: #ec670f;
}

#Catalog_box .active span {
	background: url('../base/img/bo2.png') no-repeat right center;
	background-size: 10px;
}

.zdh_2 {
	/*background: #fff;*/
	/*position: relative;
 	z-index: 3;*/
	z-index: 2;
}

.zdh_2 .w1200 {}

/*shengbo*/
.marquee-box {
	overflow: hidden;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0
}

.marquee {
	width: 8000%;
	height: 60px
}

.wave-list-box {
	float: left
}

.wave-list-box ul {
	float: left;
	height: 60px;
	overflow: hidden;
	zoom: 1
}

.wave-list-box ul li {
	height: 60px;
	width: 100%;
	float: left;
	line-height: 30px;
	list-style: none
}

.wave-box {
	position: absolute;
	height: 60px;
	background: #fff;
	top: 0px;
	width: 100%;
}

/*shengbo*/

.zdh_2 .fl {
	width: 100%;
	color: #444;
	font-size: 18px;
	line-height: 1.8;
	text-align: left;
	text-indent: 0px;
	text-align: justify;
	padding: 0px 0 40px;
	float: none;
}

.zdh_2 .fl h3 {
	margin-bottom: 10px;
	display: block;
	font-weight: bold;
	border-left: 0px solid #e60012;
	padding-left: 0px;
	height: 35px;
	line-height: 35px;
	display: block;
	color: #213c7b;
	font-size: 34px;
	line-height: 36px;
	margin-bottom: 20px;
}

.zdh_2 .rt {
	width: 680px;
	margin-left: 0px;
	width: 100%;
	float: none;
}

.fangd {
	position: absolute;
	bottom: 18px;
	right: 20px;
	width: 50px;
	height: 50px;
	background: url(../base/img/fd.png) no-repeat center;
	z-index: 999992;
	background-size: 50px;
	opacity: 1;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.example .slidee {
	width: 100%;
	height: auto;
	margin-top: 0px;
	margin-bottom: 50px;
	overflow: hidden;
	position: relative;
	/* border:1px solid #ddd; */
}

.example .slidee.hd {
	height: 15px;
	overflow: hidden;
	position: absolute;
	right: 0px;
	bottom: 5px;
	width: 100%;
	z-index: 1;
}

.example .slidee .hd ul {
	overflow: hidden;
	zoom: 1;
	/* float:left; */
	text-align: center;
	width: 100%;
}

.example .slidee .hd ul li {
	float: none;
	display: inline-block;
	margin-right: 3px;
	width: 29px;
	height: 10px;
	line-height: 14px;
	text-align: center;
	background: #989898;
	cursor: pointer;
	text-indent: -999px;
	border-radius: 50px;
}

.example .slidee .hd ul li.on {
	background: #25a089;
	color: #fff;
}

.example .slidee .bd {
	position: relative;
	height: 100%;
	z-index: 0;
}

.example .slidee .bd li {
	zoom: 1;
	vertical-align: middle;
}

.example .slidee .bd img {
	width: 100%;
	height: ;
	display: block;
	margin: 0 auto;
}

.example .slidee .bd img.wbd2 {
	height: auto;
	padding-top: 0px
}


.zdbg {
	width: 320px;
	margin-top: 100px;
	position: relative;
	float: left;
}

.button:hover .fangd {
	background-size: 55px;
	opacity: 1;
}

.zdbg .zoomify.zoomed {
	z-index: 99999999999;
	position: fixed;
	bottom: 20px;
}

.zdbg img {
	width: 320px;
	padding: 0px 0;
	background: #fff;

	position: relative;
}

.zdbg1 img {
	padding: 90px 0;
}

.zdh_2 {
	margin: 0px auto;
	padding: 0px 0;
	position: relative;

}


.hb_2 {
	width: 1370px;
	margin: 0 auto;
}

.hb_22 .rt,
.hb_21 .fl {
	width: 600px;
	margin-top: 0px;
}

.hb_22 .rt {
	width: 500px;
}

.hb_22 .rt h2,
.hb_21 .fl h2 {
	margin-bottom: 20px;
	font-size: 32px;
	color: #ffffff;
	display: block;
	font-weight: bold;
}

div.hb_22 .rt i,
.hb_21 .fl i {
	color: #e52112;
	padding-right: 2px;
}

.hb_22 .rt,
.hb_21 .fl {
	display: block;
	font-size: 16px;
	color: #fff;
	font-size: 15px;
	line-height: 26px;
}

.hb_21 .fl p {
	color: #fff;
	font-size: 16px;
	line-height: 26px;
	text-align: left;
	text-indent: 0px;
	text-align: justify;
}

.hb_22 .rt h2,
.hb_22 .rt,
.hb_22 .rt i {
	color: #fff;
}

.guanli_1 h2 {
	font-size: 32px;
	display: block;
	color: #213c7b;
	font-weight: bold;
	padding-bottom: 0px;
}

.guanli_1 p {
	line-height: 1.5;
	color: #555;
	font-weight: normal;
	letter-spacing: 0;
	margin-bottom: 0px;
	font-size: 18px;
	text-align: center;
	width: 800px;
	margin: 0 auto 50px;
}

.guanli_1.guanl_p.fff {
	padding: 45px 0px 0px 0px;
	width: 100%;
}

.guanli_1.guanl_p p {
	margin-bottom: 0;
}

.guanli_2 img {
	width: 100%;
	display: block;
}

.guanli_2 {
	overflow: hidden;
}

.guanli_2 .fl,
.guanli_2 .rt {
	width: 50%;
}

.hb_3 {}

.circle2 {
	width: 1014px;
	height: 1014px;
	position: absolute;
	left: 50%;
	top: -470px;
	margin-left: -227px;
	z-index: 1;
}

.circle2::before {
	content: '';
	width: 1014px;
	height: 1014px;
	display: block;
	background: url(../base/img/back_circle1.png) no-repeat 0 0;
	-webkit-animation: rotate 90s infinite linear;
	-moz-animation: rotate 90s infinite linear;
	-o-animation: rotate 90s infinite linear;
	animation: rotate 90s infinite linear;
}

@keyframes rotate {
	from {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	to {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

/*@charset "utf-8";
 *{margin: 0;
   padding: 0;
   font: inherit;
   line-height: inherit;
   vertical-align: baseline;}*/


/*body{
 	font: 14px/1.7 PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Arial, sans-serif;
 	overflow-x: hidden;
 	color: #333;
 }
 h1,h2,h3,h4,h5,h6,p,ul,li,dl,dt,dd,ol,form,span,input,a,div{ margin:0px; padding:0px; font-style:normal; border:0;}	
 input, button, select { font-size:100%; box-sizing:border-box;margin:0; padding:0; vertical-align:middle; border:1px solid #ccc; outline:none;line-height:normal; color:#666;}
 img {border:0px;border:none;}
 ul,li{ list-style:none;}
 a {-webkit-transition:all 0.3s ease;transition:all 0.3s ease; text-decoration:none; outline:none;color:inherit;}
 a:hover { color:#0e6eb8;}
 .w1000{width:1000px;}
 .w1100{width:1100px;}
 .w100 { width:100%; }
 .md {margin:0 auto; }
 .fl {float:left;}
 .rt {float:right;}
 .clear {clear:both;}
 ul::after {content: "."; clear: both; display: block; height: 0; overflow: hidden;}
 .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
 .clear {clear:both;}
 .bg-none {background:none;}
 .pr {position: relative;}
 .pa {position: absolute;}*/

/* 基础的CSS样式 */
/* .w1200 {width:1200px;}*/
.circle1 {
	width: 500px;
	height: 500px;
	display: none;
	/* -webkit-animation: rotate 90s infinite linear;
     -moz-animation: rotate 90s infinite linear;
     -o-animation: rotate 90s infinite linear;
     animation: rotate 90s infinite linear;*/
	position: absolute;
	top: 0px;
	right: 0;
}

#cont {
	text-align: right;
	font-size: 12px;
	color: #cf2b2b;
}

#DoubleViewer {
	margin-bottom: 10px;
}

@keyframes rotate {
	from {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	to {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@font-face {
	font-family: 'DINNextLTPro';
	src: url(../base/fonts/DINNextLTPro.otf);
}

， .shili-2 {
	max-width: 100%;
	margin: 0 auto;
}

.shili-2 h2 {
	position: relative;
	color: #fff;
	letter-spacing: 2px;
	font-size: 32px;
	text-transform: uppercase;
	padding-bottom: 5px;
	display: block;
	font-weight: normal;
	text-align: center;
}

.shili-2 h2 i {
	display: block;
	margin: 0 auto;
	width: 160px;
	height: 5px;
	background: #25a089;
	margin-bottom: 45px;
}

.shili-2 .p1 {
	font-size: 16px;
	padding-top: 20px;
	color: #fff;
	padding: 20px 0px 0px;
	width: 80%;
	margin: 0 auto;
	height: 81px;
}

.shili-2 .zuo {
	width: 50%;
	float: left;
	background: #213c7b;
	padding-bottom: 50px;
}

.shili-2 .rt img {
	display: block;
	position: relative;
	z-index: 2;
	width: 289px;
}

.shili-2 .rt .pa {
	background: url(../base/img/img4.png) no-repeat;
	width: 280px;
	height: 290px;
	left: -30px;
	top: -5px;
	border-radius: 50%;
}

.shili-2 .mst .rt .pa {
	background: url(../base/img/img44.png) no-repeat;
}

.shili-2 .you .rt .pa {
	background: url(../base/img/img4.png) no-repeat;
}

.shili-2 .you {
	width: 50%;
	float: right;
	padding-bottom: 50px;
	background: #e6e6e6;
}

.shili-2 .you h2 {
	color: #213c7b;
}

.shili-2 .you .p1 {
	color: #002754
}

.shili-2 .mst {
	width: 80%;
	margin: 0 auto;
	color: #fff;
	margin-top: 30px;
}

.shili-2 .mst p {
	height: 156px;
	line-height: 26px;
	font-size: 14px;
}

.shili-2 .mst b {
	color: #25a089;
	padding-right: 5px;
}

.shili-2 .you .mst {
	color: #002754
}

.shili-3 img {
	margin: 0 auto;
	display: block;
	width: 100%;
}

.shili-3 {
	padding: 20px 0px
}

.shili-3 h2 {
	position: relative;
	color: #213c7b;
	letter-spacing: 2px;
	font-size: 34px;
	text-transform: uppercase;
	padding-bottom: 5px;
	display: block;
	font-weight: normal;
	text-align: left;
}

.shili-3 h2 i {
	display: block;
	/* margin:0 auto; */
	width: 60px;
	height: 4px;
	background: #25a089;
	margin-bottom: 20px;
}

.shili-3 p {
	font-size: 18px;
	text-align: left;
	padding-top: 30px;
	line-height: 22px;
}

.shili-3 p b {
	color: #25a089;
	padding-right: 5px;
	font-weight: bold;
}

/*zhiliang*/
.zhil-1 {
	background: #727171;
	color: #fff;
	padding: 40px 40px;
	width: 1370px;
	margin: 0 auto;
	margin-top: 0px;
}

.zhil-1 .bbt {
	color: #fff;
}

.bbt {
	position: relative;
	letter-spacing: 1px;
	font-size: 30px;
	text-transform: uppercase;
	padding-bottom: 5px;
	display: block;
	font-weight: normal;
	text-align: center;
	font-family: 'DINNextLTPro', Microsoft YaHei, WenQuanYi Micro Hei, Arial;
	font-size: 36px;
	display: block;
	color: #ec670f;
	font-weight: bold;
	padding-bottom: 10px;
}

.bbt i {
	display: block;
	margin: 0 auto;
	width: 60px;
	height: 4px;
	background: #ec670f;
	margin-bottom: 25px;
}

.zhil-1 .p1 {
	font-size: 18px;
	padding-top: 20px;
	padding: 20px 0px 0px;
	width: 80%;
	margin: 0 auto;
	height: 81px;
	text-align: center
}

.zhil-1 .tanchu {
	width: 510px;
	margin: 0 auto;
}

.zhil-1 .tanchu a {
	padding: 18px 15px 15px 0;
	display: block !important;
	background: #e6e6e4 url(../base/img/arrow.png) no-repeat 180px;
	color: #ec670f;
	position: relative;
	transition: background-color .3s ease-out;
	text-align: center;
	width: 215px;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	font-family: 'DINNextLTPro', Microsoft YaHei, WenQuanYi Micro Hei, Arial;
}

.zhil-1 .tanchu a:hover {
	background: #e6e6e4 url(../base/img/arrow.png) no-repeat 190px;
}

.zhil-2 {
	background: url(../base/img/mp.jpg) no-repeat fixed;
	background-size: cover;
	padding: 70px 0px;
	margin: 50px auto;
	width: 1370px;
}

.zhil-2 .bbt {
	color: #fff;
}

.zhil-2 ul {
	margin: 0 -20px;
	margin-top: 35px;
	text-align: center;
}
.zhil-2 ul li {
	width: 300px;
	float: none;
	display: inline-block;
	margin-right: 30px;
	background: rgba(255, 255, 255, 0.95);
	box-shadow: 0 0 40px rgba(0, 0, 0, 1);
}
.zhil-2 ul li img {
	width: 100%;
}
.zhil-2 ul li:last-child {
	margin-right: 0px;
}

.zhil-2 ul li .inn {
	padding: 0 25px;
	position: relative;
	transition: all 300ms;
	overflow: hidden;
	height: 317px;
}



.zhil-2 ul li .inn span {
	font-family: "webfont2" !important;
	font-size: 38px;
	text-transform: uppercase;
	padding-bottom: 5px;
	display: block;
	font-weight: 600;
	letter-spacing: 0;
}

.zhil-2 ul li .xx {
	height: 25px;
	border-bottom: 1px solid #000000;
}

.zhil-2 ul li .xx i {
	display: block;
	font-weight: normal;
	margin-bottom: 0;
	height: 25px;
	border-bottom: 1px solid #ff0000;
	line-height: 20px;
	color: #939497;
	font-size: 12px;
	width: 100%;
	position: relative;
}
.zhil-2 ul li .icontent {
	display: block;
	width: 100%;
	margin-top: 20px;
}



.zhil-2 ul li h3 {
	padding-top: 25px;
	color: #333333;
	font-size: 24px;
	padding-bottom: 0;
	font-size: 22px;
	position: relative;
	color: #333333;
	letter-spacing: 2px;
	/* padding-top: 5px; */
	/* margin-bottom: 35px; */
	line-height: 40px;
	/* padding-top: 20px; */
}

.zhil-2 ul li p i {
	color: #25a089;
	padding-right: 5px;
	font-weight: bold;
}

.zhil-2 ul li p {
	font-size: 15px;
	line-height: 26px;
	color: #333333;
	text-align: left;
}

.zhil3 {
	padding: 0px 0px 20px;
}

.zhil3 ul {
	margin-top: 40px;
	text-align: center;
}

.zhil3 ul li {
	float: none;
	display: inline-block;
	margin-right: 30px;
	width: 460px;
	background: #f7f7f7;
	padding: 40px 20px 70px;
	height: 240px;
	overflow: hidden;
	position: relative;
}

.zhil3 ul li.lastli {
	margin-right: 0px;
	width: 360px;
}

.zhil3 ul li h2 {
	font-weight: normal;
	font-size: 24px;
	padding-bottom: 15px;
	text-align: center;
	color: #333333;
}
.zhil3 ul li .qcontent {
	font-weight: normal;
    font-size: 15px;
    text-align: left;
    color: #666;
    padding: 0 10px;
}
.zhil3 li p {
	text-align: justify;
	font-size: 15px;
	position: relative;
	z-index: 2;
}

.zhil3 li img {
	position: absolute;
	display: block;
	bottom: -5px;
	right: -30px;
}

.mm1 {}

@media (max-width: 1280px) {
	.shili-2 .p1 {
		font-size: 16px;
	}

}


.innimg {
	display: none;
}



@-webkit-keyframes move {
	0% {
		background-position: 0 0;
	}

	50% {
		background-position: 100px 0;
	}
}

@keyframes move {
	0% {
		background-position: 0 0;
	}

	50% {
		background-position: 100px 0;
	}
}

.sl_1 .bg {
	/*  background: url(../img/bg.jpg);
   background-size: cover;*/
	position: fixed;
	top: -20px;
	left: -20px;
	right: -20px;
	bottom: -20px;
	/*  -webkit-filter: blur(115px);
           filter: blur(115px);*/
	z-index: -1;
}

.sl_1 .slogan {
	color: #111;
	margin-top: 34px;
	margin-bottom: 30px;
	font-size: 42px;
	font-weight: 600;
}

.sl_1 .mask {
	width: 800px;
	height: 170px;
	margin: 0 auto 20px;
	-webkit-animation: move 30s infinite;
	animation: move 30s infinite;
	background-image: url(5176.jpg);
	background-size: cover;
	background-position: center bottom;
	-webkit-mask: url(seeklogo.com.png);
	mask: url(seeklogo.com.png);
	-webkit-mask-size: cover;
	mask-size: cover;
}


* {
	box-sizing: border-box;
}

body {}

.slleft {
	background: url(sl1.jpg) no-repeat center;
	background-size: cover;
	color: #fff;
}

.slleft .htmleaf-header p {
	color: #fff;
}

.overflow {
	height: 500px;
	overflow: hidden;
}

.panels {
	width: 200%;
}

.panels__side {
	float: left;
	width: 50%;
	-webkit-perspective: 400px;
	perspective: 400px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
	transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}

.panels__side--left,
.panels__side--left .panels__headline {
	color: #021d3b;
}

.panels__side--left .htmleaf-header {
	display: block;
}

.htmleaf-header .biaott {
	display: block;
	font-size: 32px;
	/* line-height: 36px; */
	margin-bottom: 20px;
}

.htmleaf-header .biaott b {
	margin-bottom: 25px;
	display: block;
	font-weight: bold;
	border-left: 7px solid #e60012;
	padding-left: 10px;
	height: 30px;
	font-size: 34px;
	line-height: 25px;
}

.htmleaf-header p {
	color: #333;
	font-size: 16px;
	line-height: 26px;
	text-align: left;
	text-indent: 0px;
	text-align: justify;
}

.biaott span {
	font-size: 24px;
	font-size: 16px;
	line-height: 18px;
	font-weight: bold;
	/* border-left: 5px solid #021d3b; */
}

.panels__side--left,
.panels__side--right {
	position: relative;
	left: -25%;
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
}

.panels__side--left {
	background: #eee;
}

.panels__side--left:hover .arrow {
	-webkit-transform: translate(-100%, -50%);
	-ms-transform: translate(-100%, -50%);
	transform: translate(-100%, -50%);
}

.panels__side--right {
	background: #021d3b;
}

.panels__side--right:hover .arrow {
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

.panels__side--left-active {
	-webkit-transform: translate(50%, 0);
	-ms-transform: translate(50%, 0);
	transform: translate(50%, 0);
}

.panels__side--left-active .panels__side--inner-left {
	-webkit-transform: rotateY(0);
	transform: rotateY(0);
}

.panels__side--left-active .arrow {
	-webkit-transform: translate(-50%, -50%) rotate(180deg) !important;
	-ms-transform: translate(-50%, -50%) rotate(180deg) !important;
	transform: translate(-50%, -50%) rotate(180deg) !important;
}

.panels__side--right-active {
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}

.panels__side--right-active .panels__side--inner-right {
	-webkit-transform: rotateY(0);
	transform: rotateY(0);
}

.panels__side--right-active .arrow {
	-webkit-transform: translate(-50%, -50%) rotate(180deg) !important;
	-ms-transform: translate(-50%, -50%) rotate(180deg) !important;
	transform: translate(-50%, -50%) rotate(180deg) !important;
}

.panels__side--left-hidden {
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}

.panels__side--right-hidden {
	-webkit-transform: translate(50%, 0);
	-ms-transform: translate(50%, 0);
	transform: translate(50%, 0);
}

.panels__side--inner {
	cursor: pointer;
}

.panels__side--inner-left,
.panels__side--inner-right,
.panels__side--inner {
	padding: 0 5vw;
	height: 500px;
	max-height: 500px;
}

.panels__side--inner-right {
	padding: 0 0vw;
}

.panels__side--inner-left {
	-webkit-transform-origin: right center;
	-ms-transform-origin: right center;
	transform-origin: right center;
	-webkit-transform: rotateY(-90deg);
	transform: rotateY(-90deg);
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

.panels__side--inner-left:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #f4d03f;
	z-index: -1;
	opacity: 0.85;
}

.panels__side--inner-right {
	-webkit-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center;
	-webkit-transform: rotateY(90deg);
	transform: rotateY(90deg);
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

.panels__side--inner-right:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #021d3b;
	z-index: -1;
	opacity: 0.85;
}

.panels__headline {
	margin: 0;
	font-size: 40px;
	text-align: center;
	color: #fff;
}

.panels__side--right p {
	font-size: 30px;
	margin: 0;
	color: #fff;
	width: 100%;
	height: 100%;
	max-width: 900px;
	background: url('pia401.jpg') no-repeat left top;
	background-size: cover;
}

.panels p img {
	height: 100%;
	width: 100%;
	display: none;
}

.panels__side--right-active .panels__side {
	width: 35%;
}

.panels__side--right-active .panels__side--inner-right {
	width: 65%;
}

@media (max-width: 640px) {
	.panels {
		width: 100%;
		height: 200vh;
	}

	.panels__side {
		float: none;
		width: 100%;
		height: 450px;
		display: block;
		text-align: center;
	}

	.panels__side--left,
	.panels__side--right {
		top: -25%;
		left: 0;
	}

	.panels__side--left:hover .arrow {
		-webkit-transform: translate(-50%, -80%) rotate(90deg);
		-ms-transform: translate(-50%, -80%) rotate(90deg);
		transform: translate(-50%, -80%) rotate(90deg);
	}

	.panels__side--right:hover .arrow {
		-webkit-transform: translate(-50%, -20%) rotate(90deg);
		-ms-transform: translate(-50%, -20%) rotate(90deg);
		transform: translate(-50%, -20%) rotate(90deg);
	}

	.panels__side--left-active {
		-webkit-transform: translate(0, 50%);
		-ms-transform: translate(0, 50%);
		transform: translate(0, 50%);
	}

	.panels__side--left-active .panels__side--inner-left {
		-webkit-transform: rotateX(0);
		transform: rotateX(0);
	}

	.panels__side--left-active .arrow {
		-webkit-transform: translate(-50%, -50%) rotate(-90deg) !important;
		-ms-transform: translate(-50%, -50%) rotate(-90deg) !important;
		transform: translate(-50%, -50%) rotate(-90deg) !important;
	}

	.panels__side--right-active {
		-webkit-transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
		transform: translate(0, -50%);
	}

	.panels__side--right-active .panels__side--inner-right {
		-webkit-transform: rotateX(0);
		transform: rotateX(0);
	}

	.panels__side--right-active .arrow {
		-webkit-transform: translate(-50%, -50%) rotate(-90deg) !important;
		-ms-transform: translate(-50%, -50%) rotate(-90deg) !important;
		transform: translate(-50%, -50%) rotate(-90deg) !important;
	}

	.panels__side--left-hidden {
		-webkit-transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
		transform: translate(0, -50%);
	}

	.panels__side--right-hidden {
		-webkit-transform: translate(0, 50%);
		-ms-transform: translate(0, 50%);
		transform: translate(0, 50%);
	}

	.panels__side--inner-left,
	.panels__side--inner-right,
	.panels__side--inner {
		height: 50vh;
		padding: 2vh 8vw;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
	}


	.panels__side--inner-left {
		-webkit-transform-origin: center bottom;
		-ms-transform-origin: center bottom;
		transform-origin: center bottom;
		-webkit-transform: rotateX(90deg);
		transform: rotateX(90deg);
	}

	.panels__side--inner-right {
		-webkit-transform-origin: center top;
		-ms-transform-origin: center top;
		transform-origin: center top;
		-webkit-transform: rotateX(-90deg);
		transform: rotateX(-90deg);
	}

	.panels__headline {
		font-size: 32px;
	}

	.panels p {
		font-size: 20px;
	}
}

.arrow {
	position: absolute;
	top: 75%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	fill: #ffffff;
	border: 3px solid #ffffff;
	border-radius: 50%;
	-webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
	transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}

@media (max-width: 640px) {
	.arrow {
		-webkit-transform: translate(-50%, -50%) rotate(90deg);
		-ms-transform: translate(-50%, -50%) rotate(90deg);
		transform: translate(-50%, -50%) rotate(90deg);
	}

	.arrow--left {
		top: 25%;
	}
}

.header-spacer-demo {
	display: none;
}

.back {
	position: absolute;
	z-index: 9999;
	bottom: 15px;
	left: 15px;
	display: flex;
	align-items: center;
	color: #1a1a1a;
}

.back>svg {
	margin-right: 15px;
	fill: #1a1a1a;
}


#master {
	/* font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; */
	font-size: 40px;
	color: #333;
	/* line-height: 1; */
	font-weight: bold;
	letter-spacing: 0;
	-webkit-font-smoothing: inherit;
}

.dengyu {
	display: block;
	font-size: 52px;
	font-weight: bolder;
	text-align: center;
	line-height: 52px;
}

.dengyu b {
	display: block;
}

#master {
	text-rendering: optimizeLegibility;
	position: relative;
	letter-spacing: 2px;
}

#master-container {
	padding: 50px 0px 50px;
	/*      background-color: #F5C59C;
       -webkit-animation: master-container-bg 8s cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
       animation: master-container-bg 8s cubic-bezier(0.645, 0.045, 0.355, 1) infinite;*/
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	/* height: 100vmin; */
	min-height: 0;
	max-height: 100%;
}

#master-container .content {
	height: auto;
	margin-left: inherit;
	margin-right: inherit;
	width: 980px;
	margin: 0 auto;
}

@media screen and (max-width: 615px) {
	/*#master-container {
           -webkit-animation: master-container-bg-mobile 8s cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
           animation: master-container-bg-mobile 8s cubic-bezier(0.645, 0.045, 0.355, 1) infinite
       }*/
}

@media screen and (max-width: 615px) {
	#master {
		font-size: 40px;
		font-line: 1.2
	}
}

#master-container-scroller {
	height: 140px;
	/* margin-bottom: -6px; */
	overflow: hidden;
	position: absolute;
	right: 130px;
	top: 70px;
	font-size: 58px;
	line-height: 70px;
	text-align: center;
}

#master-container-scroller .master-container-scroller_item {
	display: block;
	padding-bottom: 0px;
	-webkit-animation: scroll 8s cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
	animation: scroll 8s cubic-bezier(0.645, 0.045, 0.355, 1) infinite
}

#master-container-scroller .master-container-scroller_item[href]:hover {
	text-decoration: underline
}

#master-container-scroller .master-container-scroller_item:nth-child(1),
#master-container-scroller .master-container-scroller_item:nth-child(1) a {
	color: #c71e1e
}

#master-container-scroller .master-container-scroller_item:nth-child(2),
#master-container-scroller .master-container-scroller_item:nth-child(2) a {
	color: #c71e1e
}

#master-container-scroller .master-container-scroller_item:nth-child(3),
#master-container-scroller .master-container-scroller_item:nth-child(3) a {
	color: #c71e1e
}

#master-container-scroller .master-container-scroller_item:nth-child(4),
#master-container-scroller .master-container-scroller_item:nth-child(4) a {
	color: #84719f
}

#master-container-scroller .master-container-scroller_item:nth-child(5),
#master-container-scroller .master-container-scroller_item:nth-child(5) a {
	color: #d47787
}

#master-container-scroller .master-container-scroller_item:nth-child(6),
#master-container-scroller .master-container-scroller_item:nth-child(6) a {
	color: #F09551
}

#master-container-scroller .master-container-scroller_item:nth-child(7),
#master-container-scroller .master-container-scroller_item:nth-child(7) a {
	color: #349AB5
}

#master-container-scroller .master-container-scroller_item:nth-child(8),
#master-container-scroller .master-container-scroller_item:nth-child(8) a {
	color: #e86042
}

#master-container-scroller .master-container-scroller_item:nth-child(9),
#master-container-scroller .master-container-scroller_item:nth-child(9) a {
	color: #74bcae
}

#master-container-scroller .master-container-scroller_item:nth-child(10),
#master-container-scroller .master-container-scroller_item:nth-child(10) a {
	color: #E65F48
}

@media screen and (max-width: 615px) {
	#master-container-scroller {
		height: 48px;
		line-height: 1.2;
		margin-bottom: 0
	}

	#master-container-scroller .master-container-scroller_item {
		padding-bottom: 0;
		-webkit-animation: scroll-mobile 18s cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
		animation: scroll-mobile 18s cubic-bezier(0.645, 0.045, 0.355, 1) infinite
	}
}

#master-container-grid .master-container-grid_item:nth-child(1) .grid_item-overlay {
	background-color: rgba(230, 95, 72, 0.9)
}

@media screen and (max-width: 520px) {
	#master-container-grid .master-container-grid_item:nth-child(1) .grid_item-overlay .link:hover {
		color: #E65F48
	}
}

#master-container-grid .master-container-grid_item:nth-child(2) .grid_item-overlay {
	background-color: rgba(230, 95, 72, 0.9)
}

@media screen and (max-width: 520px) {
	#master-container-grid .master-container-grid_item:nth-child(2) .grid_item-overlay .link:hover {
		color: #E65F48
	}
}

#master-container-grid .master-container-grid_item:nth-child(3) .grid_item-overlay {
	background-color: rgba(118, 188, 173, 0.9)
}

@media screen and (max-width: 520px) {
	#master-container-grid .master-container-grid_item:nth-child(3) .grid_item-overlay .link:hover {
		color: #76BCAD
	}
}

#master-container-grid .master-container-grid_item:nth-child(4) .grid_item-overlay {
	background-color: rgba(132, 113, 159, 0.9)
}

@media screen and (max-width: 520px) {
	#master-container-grid .master-container-grid_item:nth-child(4) .grid_item-overlay .link:hover {
		color: #84719f
	}
}

#master-container-grid .master-container-grid_item:nth-child(5) .grid_item-overlay {
	background-color: rgba(212, 119, 135, 0.9)
}

@media screen and (max-width: 520px) {
	#master-container-grid .master-container-grid_item:nth-child(5) .grid_item-overlay .link:hover {
		color: #d47787
	}
}

#master-container-grid .master-container-grid_item:nth-child(6) .grid_item-overlay {
	background-color: rgba(240, 149, 81, 0.9)
}

@media screen and (max-width: 520px) {
	#master-container-grid .master-container-grid_item:nth-child(6) .grid_item-overlay .link:hover {
		color: #F09551
	}
}

#master-container-grid .master-container-grid_item:nth-child(7) .grid_item-overlay {
	background-color: rgba(52, 154, 181, 0.9)
}

@media screen and (max-width: 520px) {
	#master-container-grid .master-container-grid_item:nth-child(7) .grid_item-overlay .link:hover {
		color: #349AB5
	}
}

#master-container-grid .master-container-grid_item:nth-child(8) .grid_item-overlay {
	background-color: rgba(232, 96, 66, 0.9)
}

@media screen and (max-width: 520px) {
	#master-container-grid .master-container-grid_item:nth-child(8) .grid_item-overlay .link:hover {
		color: #e86042
	}
}

#master-container-grid .master-container-grid_item:nth-child(9) .grid_item-overlay {
	background-color: rgba(116, 188, 174, 0.9)
}

@media screen and (max-width: 520px) {
	#master-container-grid .master-container-grid_item:nth-child(9) .grid_item-overlay .link:hover {
		color: #74bcae
	}
}

#master-container-grid .master-container-grid_item:nth-child(10) .grid_item-overlay {
	background-color: rgba(230, 95, 72, 0.9)
}

@media screen and (max-width: 520px) {
	#master-container-grid .master-container-grid_item:nth-child(10) .grid_item-overlay .link:hover {
		color: #E65F48
	}
}

#master-container-grid .master-container-grid_item .img {
	position: relative
}

#master-container-grid .master-container-grid_item .grid_item-overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 26px;
	font-weight: bold;
	color: #fff;
	opacity: 0;
	transition: opacity .3s ease-in-out;
	text-decoration: none
}

#master-container-grid .master-container-grid_item .grid_item-overlay:hover {
	opacity: 1
}

#master-container-grid .master-container-grid_item .grid_item-overlay .link {
	display: inline-block;
	box-shadow: 0 1px 0 0 #fff, inset 0 0 0 #fff;
	transition: box-shadow .2s ease
}

#master-container-grid .master-container-grid_item .grid_item-overlay .link:hover {
	box-shadow: 0 2px 0 0 #fff, inset 0 -1px 0 0 #fff
}

@media screen and (max-width: 520px) {
	#master-container-grid .master-container-grid_item {
		margin-bottom: 18px
	}

	#master-container-grid .master-container-grid_item .grid_item-overlay {
		position: relative;
		background: none !important;
		color: #3a3a3a;
		opacity: 1;
		display: block;
		margin-top: 18px;
		text-align: left
	}

	#master-container-grid .master-container-grid_item .grid_item-overlay .link {
		box-shadow: none
	}

	#master-container-grid .master-container-grid_item .grid_item-overlay .link:hover {
		text-decoration: underline
	}
}

@-webkit-keyframes master-container-bg {
	0.0% {
		background-color: #eee
	}

	50% {
		background-color: #f0f0db
	}


	100.0% {
		background-color: #F5C59C
	}
}

@keyframes master-container-bg {
	0.0% {
		background-color: #eee
	}

	50% {
		background-color: #f0f0db
	}

	100.0% {
		background-color: #dde7f2
	}
}

@-webkit-keyframes master-container-bg-mobile {
	0.0% {
		background-color: #eee
	}

	50.% {
		background-color: #f0f0db
	}

	100.0% {
		background-color: #dde7f2
	}
}

@-webkit-keyframes scroll {
	0.0% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px)
	}

	50% {
		-webkit-transform: translateY(-140px);
		transform: translateY(-140px)
	}

	100.0% {
		-webkit-transform: translateY(-280px);
		transform: translateY(-280px)
	}
}

@-webkit-keyframes scroll-mobile {
	0.0% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px)
	}

	50% {
		-webkit-transform: translateY(-140px);
		transform: translateY(-140px)
	}

	100.0% {
		-webkit-transform: translateY(-280px);
		transform: translateY(-280px)
	}
}

@keyframes scroll-mobile {
	0.0% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px)
	}

	50% {
		-webkit-transform: translateY(-140px);
		transform: translateY(-140px)
	}

	100.0% {
		-webkit-transform: translateY(-280px);
		transform: translateY(-280px)
	}
}





/* 基础的CSS样式 */

.ab_banbg {
	background: #10326e;
	height: 350px;
}

.ab_ban {
	height: 350px;
}

.ab_slg1 {
	top: 150px;
	color: #fff;
}

.ab_slg1 span {
	color: #fff;
}

.ab_1 {
	padding-top: 60px;
}

@font-face {
	font-family: 'DINNextLTPro';
	src: url('../base/fonts/DINNextLTPro.otf');
}

.contact_page {
	padding-top: 0px;
}

#tabs {
	overflow: hidden;
	width: 30%;
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}

#tabs li {
	margin-bottom: 20px;
}

#tabs a {
	position: relative;
	line-height: 60px;
	text-transform: uppercase;
	text-decoration: none;
	color: #333333;
	background: #001d3d;
	height: 60px;
	display: block;
	font-size: 20px;
	text-align: left;
	text-indent: 40px;
	/* width: 100%; */
	height: 200px;
	border: 1px solid #ccc;
}

#tabs a:hover,
#tabs a:focus {
	background: #ec670f;
}


#tabs #current {
	color: #ec670f;
}

#tabs p {
	padding-top: 40px;
	letter-spacing: 3px;
	font-size: 32px;
}

#tabs .asia a {
	background: url(../base/img/asia.png) no-repeat #f8f8f8 right bottom;
}

#tabs .asia #current {
	background: url(../base/img/asia.jpg) repeat #fff right bottom;
}

#tabs .europe a {
	background: url(../base/img/europe.png) no-repeat #f8f8f8 right bottom;
}

#tabs .europe #current {
	background: url(../base/img/europe.jpg) no-repeat #fff right bottom;
}

#tabs .america a {
	background: url(../base/img/america.png) no-repeat #f8f8f8 170px bottom;
}

#tabs .america #current {
	background: url(../base/img/america.jpg) no-repeat #fff right bottom;
}

#tabs .arrow {
	display: block;
	background: url(../base/img/arrow02.png) no-repeat center;
	background-size: 20px;
	width: 25px;
	height: 25px;
	margin-left: 61px;
	/* margin: 0 auto; */
	border: 1px solid #333333;
	border-radius: 50px;
	padding: 6px;
	left: auto;

}

#tabs #current .arrow {
	background: url(../base/img/arrow01.png) no-repeat center;
	background-size: 20px;
	border: 1px solid #ec670f;
}

#content hr {
	height: 1px;
	background: #ccc;
}

#content {
	background: #fff;
	border-top: 2px solid #001b3e;
	float: right;
	width: 785px;
	padding: 40px 0px 30px;
	font-size: 16px;
	font-family: DINNextLTPro, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Arial, sans-serif;
}

.contact_page #content {
	width: 905px;
	padding-left: 30px;
	padding-right: 30px;
}
.contact_page #content .asia_list {
	padding: 20px 0;
}
.contact_page #content h4 {
	font-size: 22px;
	line-height: 1.6;
	padding-bottom: 20px;
}

#content h2 {
	margin-bottom: 10px;
	color: #ec670f;
	font-size: 36px;
	letter-spacing: 4px;
}

#content h3 {
	color: #333333;
	font-size: 22px;
	margin-bottom: 6px;
	font-weight: bold;
}

#content p {
	color: #333333;
	font-size: 18px;
	line-height: 30px;
}

#content p a {
	text-transform: uppercase;
	font-size: 18px;
	color: #ec670f;
}

#tab2 .city1 {
	float: left;
	margin-right: 5px;
	height: 230px;
	margin-bottom: 20px;
	width: 450px;
	padding: 15px;
}

#tab2 .city1:hover {
	background: #eee;
}

#tab3 .adl1 {
	margin-top: -15px;
}

#tab3 .adl {
	padding: 15px 0;
}

#tab3 .adl:hover {
	background: #eee;
}

#tab2 .city2 {
	float: left;
	height: 230px;
	margin-right: 0px;
	margin-bottom: 40px;
	padding: 15px;
}

#tab2 .city2:hover {
	background: #eee;
}

#tab2 .tdl {}

#tab2 .other_country {
	border-top: 1px solid #eee;
	padding-top: 35px;
}

#tab2 .other_country .adl {
	padding-right: 140px;
	padding-left: 70px;
}
#tab2 .other_country .list{
	width: 47%;
    margin-right: 6%;
    max-height: 300px;
    overflow-y: auto;
    margin-bottom: 50px;
}
#tab2 .other_country .list:nth-child(2n){
	margin-right: 0;
}
.bdmap {
	width: 100%;
	height: 500px;
	overflow: hidden;
	margin-top: 30px;
	position: relative;
}

.bdmap #map,
.bdmap #mapp {
	width: 100%;
	height: 600px;
}

.BMap_bubble_content span {
	display: block;
	font-size: 14px;
}

.BMap_stdMpCtrl {
	/*	display: none;*/
}


.bdmapa {
	position: absolute;
	bottom: 0;
	width: 100%;
	display: block;
	height: 40px;
	font-size: 14px;
	line-height: 42px;
	text-align: center;
	background: #777 url(../base/img/arrow05.png) no-repeat 435px center;

	color: #fff;
	letter-spacing: 1px;
	z-index: 999;
}

.bdmapa:hover {
	color: #fff;
	background: #777 url(../base/img/arrow05.png) no-repeat 440px center;
}

.bdmapa.pc {
	display: block;
}

.bdmapa.mb {
	display: none;
}


.news_ul_down {
	width: 1370px;
	margin: 0px auto;
}

.news_ul_down li {
	margin-bottom: 20px;
	border: 1px solid #ddd;
	transition: all .2s ease-in;
	-moz-transition: all .2s ease-in;
	-webkit-transition: all .2s ease-in;
	width: 335px;
	height: 150px;
	float: left;
	background: #f5f5f5;
	background: #fff;
	text-align: center;
	margin: 0px 10px 10px 0px;
}

.news_ul_down li:nth-child(4n) {
	margin-right: 0;
}

/*   .news_ul_down li:nth-of-type(odd){background: #e4ecef;}  
   .news_ul_down li:nth-of-type(even){background: #f9f9f9;}  
   .news_ul_down li:nth-child(4n+1){background: #eaedf5;}  
   .news_ul_down li:nth-child(4n+2){background: #eaf3ec;}  */
.news_ul_down li:hover {
	background: url('/base/img/news33.jpg') no-repeat left top;
}

.news_ul_down li a {
	display: block;
	padding-bottom: 40px;
	padding-top: 20px;
	background: rgba(255, 255, 255, 0);
	transition: all 0s ease-in;
	-moz-transition: all .0s ease-in;
	-webkit-transition: all 0s ease-in;
}

.news_ul_down li:hover a {
	background: rgba(255, 255, 255, 0.7);
	/* 		background: #000;*/
}

.news_ul_down li .fl1 {
	width: 150px;
	margin: 0px auto 0px;
	text-align: center;
}

.news_ul_down li .fl1 img {
	width: 50px;
}

.news_ul_down li:hover .rt {
	/*font-size: 15px;*/
}

.news_ul_down li .fl2 {
	width: 280px;
	font-size: 18px;
	text-align: center;
	margin: 0px auto;
}

.news_ul_down li .rt {
	display: block;
	position: inherit;
	float: none;
	margin: 0 auto;
	display: none;
}

.news_down {
	margin-top: 0px;
	text-align: center;
}

.news_down .h2 {}

.news_down .h2 span {
	color: #213c7b;
	font-size: 34px;
	display: block;
	font-weight: bold;
	padding-bottom: 10px;
}

.news_down .h2 span p {
	color: ;
}



@media (max-width: 767px){
    #tab2 .other_country .list{
        width: 100%;
        margin-right: 0;
        margin-bottom: 30px;
    }
    .arrow{
        top: 55%;
    }
    #tabs p{
        padding-top: 20px;
    }
    .hb_21 .w1200 .fl{
        margin-top: 20px;
    }
    .zhil-2 ul li .inn{
        padding: 0;
    }
    .zhil-2 ul li p:last-child{
        padding-bottom: 0;
    }
    .zhil-2{
        margin: 0;
    }
    .zhil-1 .tanchu{
        width: 100%;
    }
    .guanli_1.guanl_p.fff img{
        max-width: 100%;
    }
    .contact_page #content {
        padding-left: 20px;
        padding-right: 20px;
    }
    .pad {
        padding: 30px 20px;
        box-sizing: border-box;
    }
}