.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: #213c7b;
	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: #213c7b;
	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(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(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 .ins-ban {
	height: 550px;
}

.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(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(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(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;
}

div.sl_1 .yuding:hover b,div.sl_30 .yuding:hover b{
	background:  url('play2.png') no-repeat 320px 5px;
color: #fff;	
	 }	 
div.sl_30 .yuding:hover b{
	background:  url('play2.png') no-repeat 180px 5px;
color: #fff;	
	 }	 

.sl_1 .yuding,.sl_30  .yuding {
	 	border-radius: 4px;
	 }
	 .sl_1 .yuding b,.sl_30 .yuding b{
	 	text-indent: -60px;
	 	background: url(play.png) no-repeat 340px 5px;
	 	color: #0a1869;
	 	letter-spacing: 1px;
	 }
.sl_30 .yuding b{
	 	background: url(play.png) no-repeat 180px 5px;	
	}
	 .sl_1 .yuding::after,.sl_30 .yuding::after {
	    height: 0px;
		border-radius: 0px;
	    width: 100%;
	    z-index: 1;
	    background: #213c7b;
		transition: all .23s ease-in;
		-moz-transition: all .3s ease-in;
		-webkit-transition: all .3s ease-in;
	 	}
	 .sl_1 .yuding:hover:after,.sl_30 .yuding:hover:after{
width: 100%;
height: 100%;
}

.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(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: #10326e;
 	font-size: 16px;
 	padding-right: 20px;
 	padding-left: 0;
 }
 .news_sx1 .fl {
 	padding-left: 20px;
 }
 .backlb {
 	padding-top:30px;
 	width: 300px;
 	font-size: 18px;
 	color: #333;
 	margin: 0 auto 30px;
 	display: block;
 	text-align: center;
 
 }
 .backlb img{
 	width: 80px;
 	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;
  }
 
 
 .st-banbg {
 	background-image: url(/cs/bg5.jpg);
 	    background-position: center;
 	    background-repeat: no-repeat;
 	    background-size: cover;
 }
 .st-banbg2 {
 	background-image: url(/cs/bg6.jpg);
 	    background-position: center;
 	    background-repeat: no-repeat;
 	    background-size: cover;
 }
 .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: #213c7b;
  	    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: 30px;
 	background: url(li2.png) no-repeat left center;
 	background-size: 20px;
 } 
 .hb_0 {
  width: 100%;
  height: 270px;
  position: relative;
  z-index: 2;
  background: #fff;
 }
 
 .hb_1 {
 	background: url(/cs/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(/cs/cc3.png) no-repeat center 30px;
 	/*height: 370px;*/
 	padding: 40px 0 65px;
 	background: #10326e url(/cs/bgg1.jpg) no-repeat center;
 }
 .hb_22 .w1200{
 	background: url(/cs/cc3.png) no-repeat 40px -60px;
 	height: 300px;
 }
 .hb_22 .w1200 .rt{
 	margin-top: 60px;
 }
 .hb_21 {
 	background: #f5f5f5 url(/cs/cc4.png) no-repeat center 20px;
 	/*height: 400px;*/
 	padding: 70px 0 65px;
 	background: #f5f5f5 url(/cs/bgg2.jpg) no-repeat center;
 }
 .hb_21 .w1200{
 	background: url(/cs/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: #213c7b;
 	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{
 	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;
 }
 .hb_3 ul li:hover{
 	border: 1px solid #25a089;
 } 
 .hb_3 ul li img{
 	max-width: 140px;
 	display: block;
 	padding-top: 40px;
 	    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 {
 	/* background: url('/cs/zdh1.png') no-repeat center bottom; */
 	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%;
 	/* background: #0a2d55  url(/cs/zdh12.png) no-repeat center 40px; */
 	/* background-size: 860px; */
 	/*background: #0a2d55;*/
 	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(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 #001742;
 	overflow: hidden;
 }
 .lc1::before{content: "";display: block;height: 105px;position: absolute;top: 63px;left: 0;width: 6px;background: #25a089;}
 .lc1_h2 {
 	height: 120px;
 	margin-bottom: 50px;
 }
 .lc1_h2 div.lc1_h2_1 h4{
 	     right: -16px;
 }
 
 .lc1 .lh2{
  color: #0a2b58;
  text-align: left;
  font-weight: bold;
  letter-spacing: -10px;
  display: inline-block;
  position: relative;
  font-size: 115px;
  line-height: 120px;
  vertical-align: top;
  /* color: #333; */
 	font-family: Microsoft Yahei,'helvetica neue',Arial, Helvetica!important;
 	
  
 }
 .lc1 .lh2 h4 {
     font-size: 24px;
     line-height: 44px;
     color: #0a2b58;
     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: #203c7b;
 	font-size: 16px;
 }
 .lc1 p a b {
 	font-weight: bolder;
  
 	color: #25a089;
 }
 
 .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('/cs/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: #001742;
  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('/cs/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: #25a089;
 }
 #Catalog_box .active span {
 	  background: url('/cs/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(/cs/dist/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 {
 	/*	background:  url('/cs/zdbg.jpg') no-repeat left top;
 	background-size: 600px;*/
 	width: 320px;
 	margin-top: 100px;
 	/* height: 330px; */
 	/* background: #fff; */
 	/*z-index: 999991;*/
 	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 50px;
   	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(/cs/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;}*/
 
 /* 鍩虹鐨凜SS鏍峰紡 */
/* .w1200 {width:1200px;}*/
 
 .shili-1 {
     text-align: center;
     margin: 0 auto;
     padding: 50px 0px;
     margin-top: 50px;     position: relative;
 }
 .shili-1 h2 {
 	position: relative;
     color: #213c7b;
     letter-spacing: 2px;
 	font-size: 32px;
 /*    text-transform: uppercase;*/
     padding-bottom: 5px;
     display: block;
     font-weight: bold;
     font-family: Microsoft Yahei,'helvetica neue',Arial, Helvetica;
 }
 .shili-1 h2 i {
 	display:block;
 	margin:0 auto;
     width: 60px;
     height: 4px;
     background: #25a089;margin-bottom:20px;
 }
 .shili-1 .p1 {
 	font-size: 18px;
     padding-top: 20px;
 }
 .shili-1 ul {
 	width: 100%;
     margin: 0 auto;
 }
 .shili-1 ul li {
     position: relative;
     width: 50%;
     float: left;
     border:0px solid #cacaca;
     padding: 80px 0px;
     text-align: center;
     overflow: hidden;
     border-radius: 0px;transition: all .5s ease-in-out;
     -moz-transition: all .5s ease-in-out;
     -webkit-transition: all .5s ease-in-out;
     /* background: #fff;*/
     /* height: 116px; */
 }
 .shili-1 ul li.mm1::after {
 	content: "";display: block;background: #ccc;
 	position: absolute;right: 0;top: 0;height: 300px;width: 1px;
 }
 .shili-1 ul li.mm1::before {
 	content: "";display: block;background: #ccc;
 	position: absolute;bottom: 0;left: 0;height: 1px;width: 100%;
 }
 .shili-1 ul li.mm4::after {
 	content: "";display: block;background: #ccc;
 	position: absolute;left: 0;top: 0;height: 300px;width: 1px;
 }
 .shili-1 ul li.mm4::before {
 	content: "";display: block;background: #ccc;
 	position: absolute;top: 0;left: 0;height: 1px;width: 100%;
 }
 .shili-1 ul {
 	border-top: 1px solid #ccc;
 	border-bottom: 1px solid #ccc;	
 	position: relative;overflow: hidden;
 }
 
 .shili-1 ul li.mr-1 {margin-right: -1px;}
 .shili-1 ul li.mr-2 {margin-bottom: -1px;}
 .shili-1 ul .bg {
 	position: absolute;
 	    top: 1px;
 	    left: 0;
 	    width: 100%;
 	    height: 700px;
 	    background: url(/cs/cx/n5.jpg) no-repeat center;
 	    z-index: 0;
 	    background-size: cover;
 	    opacity: 0.22;
 	    transition: all .5s ease-in-out;
 	    -moz-transition: all .5s ease-in-out;
 	    -webkit-transition: all .5s ease-in-out;
 }
 /*.shili-1 ul li.mm1 .bg {
     background: url(/cs/cx/n2.jpg) no-repeat center;
 }
 .shili-1 ul li.mm2 .bg {
     background: url(/cs/cx/n3.jpg) no-repeat center;
 }
 .shili-1 ul li.mm3 .bg {
     background: url(/cs/cx/n4.jpg) no-repeat center;
 }
 .shili-1 ul li.mm4 .bg {
     background: url(/cs/cx/n1.jpg) no-repeat center;
 }*/
 .shili-1 ul li:hover   {
 		background: #fff;
 }
 .shili-1 ul li h3 {
 	font-size: 28px;
 	font-weight: 600;
 	color: #203b7b;
 	padding-bottom: 10px;
 	position: relative;
 }
 .shili-1 ul li p {font-size: 16px;line-height: 26px;	position: relative;color: #333;
 }
 .shili-1 ul li i {
     position: absolute;
     left: 0;
     top: 0;
     bottom: 0;
     width: 1px;
     height:10px;
 	background: #e0e0e0;
 }
 .circle1 {
     width: 500px;
     height: 500px;
     display: none;
 /*    background: url(/cs/cx/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;*/
     position: absolute;
     top: 0px;
     right: 0;
 }
 .shili-1 .imgs {margin-bottom:40px}
 .shili-1 .imgs img {height:248px;}
 .shili-1 .clearfix { margin: 30px auto;}
 .shili-1 .clearfix .fl {
     width: 600px;
     text-align: left;
     margin-top:130px
 }
 .shili-1 .clearfix .fl b {color: #25a089;
     padding-right: 5px;
     font-weight: bold;}
 .shili-1 .clearfix .fl span {
     font-size: 26px;
     display: block;
     color: #213c7b;
     position: relative;
     padding-left: 30px;
     margin-bottom: 10px;
 }
 .shili-1 .clearfix .fl span i {display: block;height: 72px;position: absolute;top: 8px;left: 0;width: 6px;background: #25a089;}
 .shili-1 .clearfix .fl p {font-size: 18px;
     padding-top: 20px;
     line-height: 40px;}
 .shili-1 .clearfix .rt img {
 /*	width: 350px;*/
     padding: 0px;
     background: #fff;
 }
 #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(/cs/cx/'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(/cs/cx/img4.png) no-repeat;
 	width: 280px;
     height: 290px;
     left: -30px;
     top: -5px;
     border-radius: 50%;
 }
 .shili-2 .mst .rt .pa {
 		background:url(/cs/cx/img44.png) no-repeat;
 }
 .shili-2 .you .rt .pa {
 		background:url(/cs/cx/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: #213c7b;
 	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: #213c7b;
 	font-weight: bold;
 	padding-bottom: 10px;
 }
 .bbt i {
 	display:block;
 	margin:0 auto;
     width: 60px;
     height: 4px;
     background: #25a089;
     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(/cs/cx/arrow.png) no-repeat 180px;
     color: #25a089;
     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(/cs/cx/arrow.png) no-repeat 190px;	
 }
 
 .zhil-2 {
 	background:url(/cs/cx/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: 380px;
     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%;
 	height: 270px;
 }
 
 .zhil-2 ul li.li1 {width: 400px}
 .zhil-2 ul li.lastli {
 	margin-right: 0px;
     width: 396px;
 }
 .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 h3 {
 	padding-top: 25px;
 	color: #213c7b;
 	font-size: 24px;
 	padding-bottom: 0;
 	font-size: 22px;
 	position: relative;
 	color: #213c7b;
 	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;margin-top: 25px;padding-bottom: 50px;
 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: #213c87;}
 .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;
 }
 .yuding {
     position: relative;
 }
 .yuding b,.yuding i {
 	    position: absolute;
 	    left: 0;
 	    top: 0;
 	    z-index: 2;
 	    font-style: normal;
 	    font-weight: normal;
 	    width: 100%;
 	    text-align: center;
 	    font-family: "webfont2" !important;
 	    font-weight: bold;
 	}
 	.yuding:hover:after{
 	width: 100%;
 	
 	}
 .yuding::after {
 	    position: absolute;
 	    left: 0;
 	    top: 0;
 	    padding: 0px 0px;
 	    height: 35px;
 		border-radius: 25px;
 	    width: 0;
 	    z-index: 1;
 	    content: "";
 	    transition: all .4s ease-in;
 	    -moz-transition: all .4s ease-in;
 	    -webkit-transition: all .4s ease-in;
 	    background: #213c7b;
 }
 * {
   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)
       }
   }
   
   
   
   
   
   /* 鍩虹鐨凜SS鏍峰紡 */
 
   .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('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: #001b47;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: #25a089;
   }
   
   
   #tabs #current {color: #25a089;}
   #tabs p {
   	padding-top: 40px;
   	letter-spacing: 3px;
   	font-size: 32px;
   	}
   
   #tabs .asia a {background: url(asia.png) no-repeat #f8f8f8 right bottom;}
   #tabs .asia #current {background: url(asia.jpg) repeat #fff right bottom;	}
   
   #tabs .europe a {background: url(europe.png) no-repeat #f8f8f8 right bottom;}
   #tabs .europe #current {background: url(europe.jpg) no-repeat #fff right bottom;}
   
   #tabs .america a {background: url(america.png) no-repeat #f8f8f8 170px bottom;}
   #tabs .america #current {background: url(america.jpg) no-repeat #fff right bottom;}
   
   #tabs .arrow {
   	display: block;
   	background: url(arrow02.png) no-repeat   center;
   	background-size: 20px;
   	width: 25px;
   	height: 25px;
   	margin-left: 61px;
   	/* margin: 0 auto; */
   	border: 1px solid #001b47;
   	border-radius: 50px;
   	padding: 6px;
   	 left: auto;
   	 
   	}
   
   #tabs #current .arrow {
   	background: url(arrow01.png) no-repeat center;
   	background-size: 20px;
   	border: 1px solid #25a089;
   }
   #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 h4{
   	font-size: 22px;
   	line-height: 1.6;
   	padding-bottom: 20px;
   }
   
   #content h2 {
   	margin-bottom: 10px;
   	color: #25a089;
   	font-size: 36px;
   	letter-spacing: 4px;
   }
   #content h3 {
   	color: #001f46;
   	font-size: 22px;
   	margin-bottom: 6px;
   	font-weight: bold;
   }
   #content p {
   	color: #001d3d;
   	font-size: 18px;
   	line-height: 30px;
   }
   #content p a {
   	text-transform: uppercase;
   	font-size: 18px;
   	color: #25a089;
   }
   
   #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;
   }
   
   .bdmap {
   	width: 100%;
   	height: 500px;
   	overflow: hidden;
   	margin-top: 30px;
   	position: relative;
   }
   .bdmap #map,.bdmap #mapp,.bdmap #mappp {
   	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: #0f3979 url(/cs/arrow05.png) no-repeat 435px center;
    
   	color: #fff;
   	letter-spacing: 1px;
   	z-index: 999;
   }
   .bdmapa:hover {
   	color: #fff;
   		background: #0f3979 url(/cs/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('/cs/news3.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: ;
   }