.container{

width: 1380px;

max-width: none !important;

}
.container22 {max-width:1700px;margin:0 auto;}
.indexbox1 {width:100%;background:#f2f2f2;padding:2rem 0 3rem;}
.tit1 {text-align:center;font-size:2rem;font-weight:bold;color:#22399a;line-height:2;}
.indexflash {}

 .team_nav {
    display: flex;
    justify-content: center;
	margin:1rem 0 3rem;
  }
  .team_nav .link {
    display: inline-block;
    margin: 0 10px;
    padding: 0.2rem 0.9rem;
    border: 1px solid #e5e5e5;
  }
  .team_nav a {font-size:1.1rem;}
 .team_nav a:link {color:#838383;background:#ffffff;text-decoration:none;}
.team_nav a:visited {color:#838383;background:#ffffff;text-decoration:none;}
.team_nav a:active {color:#838383;background:#ffffff;text-decoration:none;}
.team_nav a:hover {color:#ffffff; background:#22399a;display:block;text-decoration:none;} 

.indexmapli ul {padding-left:2.5rem;line-height:1.6;}
.indexmapli li {font-size:0.9rem;}
.indexmapli li span { background:url(../images/mapico2.png) no-repeat left center;padding-left:1.5rem;font-size:1.2rem;}

.indexmap .swiper-slide {background:#898c91;opacity: 0.8;color:#ffffff;padding-top:0.59rem;}


.wapteam .image-box {
  max-width: 800px;
  margin: 0 auto;
  position: relative;
}

.wapteam .swiper-container {
  margin:2rem 0;
}

.wapteam .swiper-slide {
  width: 20%;
  margin-right: 0.5rem;
  text-align:center;
}

.wapteam .swiper-slide img {
	border:1px solid #cccccc;
	border-radius:0.5rem;
	width:100px;
	height:100px;
	
	
	}
.wapteam .active img {border:1px solid #22399a;}
.wapteam .swiper-button-next, .wapteam .swiper-button-prev {
  color: #fff;
  height: 68px;
  width: 30px;
  background-color: rgba(0, 0, 0, .3);
  z-index: 9999;
}

.wapteam .swiper-button-next {
  right: 0;
  border-radius: 0 8px 8px 0;
}

.wapteam .swiper-button-prev {
  border-radius: 8px 0 0 8px;
}

.wapteam .swiper-button-next::before,
.wapteam .swiper-button-prev::before {
  font-size: 25px;
  font-weight: bold;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.wapteam .swiper-button-prev::before {
  
}

.wapteam .swiper-button-next::before {
  
}




.wapteam .content-box {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 20px;
}

.wapteam .content {
  display: none;
  width:100%;
  border:1px solid #d2d2d2;
  margin-bottom: 1rem;
}

.wapteam .active {
  display: block;
  
}

.tm-first-row {
  display: flex;
  align-items: center;
  border-bottom:1.2rem solid #bcc3e1;
}
.tm-image-wrapper {
  width: 40%;
  text-align:center;
}

.wapteam .active .tm-image-wrapper img {border:0;margin-top:1rem; width:90%; height:auto;}
.tm-content-wrapper {
  width: 60%;
  text-align: left;
  padding: 10px;
}
.tm-line1 {
  font-weight: bold;
  font-size:1.3rem;
  margin-bottom:1.2rem;
  text-indent:2rem;
}
.tm-line2 {
  background:url(../images/tit.png) no-repeat;
  background-size:contain;
  color: #ffffff;
  width:100%;
  text-indent:2rem;
  padding: 0.2rem 0;
  display: inline-block;
  margin-bottom: 1.5rem;
  font-size:1rem;
}
.tm-line3 {font-size:0.8rem;color:#525252;line-height:2;    text-align: left;min-height: 9.5rem;}
.tm-second-row {
  display: flex;
  align-items: center;
 border-top:1.2rem solid #4155a8;
 background:#22399a;
 padding:2rem 0;
}

.tm-second-row .tm-image-wrapper2 {
 color:#ffffff;font-size:1.3rem;width:40%;text-align:center;
}
.tm-button-div {width:60%;text-align:center;}

.tm-button {
 
  border: 2px solid #41b9f5;
  border-radius: 5px;
  color: #41b9f5;
  padding: 0.3rem 0.8rem;
  text-decoration: none;
  transition: background-color 0.3s, color 0.3s;
  margin-right:0.5rem;
  font-size:0.95rem;
}
.tm-button:hover,.tm-button.active2 {
  background-color: #0099cc;
  color: #fff;
  text-decoration: none;
}


.buttons {
    display: flex;
    justify-content: center;
    align-items: center;
	margin:1rem 0 2rem;
}

.button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 12rem;
    height:3rem;
	line-height:3rem;
    border-radius: 0.5rem;
    margin: 0 10px;
    background: #c6c6c6;
    
    color: #ffffff;
    font-size: 1.2rem;
    text-decoration: none;
    transition: background-color 0.2s ease;
}

.button:hover {
    background-color: #22338d;
    color: #ffffff;
}






.breadcrumb2 {
	margin:2rem 0;
	border-bottom:1px solid #e5e5e5;
	padding:0 0 1rem 0;
	}
.breadcrumb2 .fa-home {
	display:inline-block;
	
	background:url(../images/pos.png) no-repeat left center;
	width:2rem;
	height:1.3rem;
	}
.breadcrumb2 a {
  text-decoration: none;
  color: #333;
}
.breadcrumb2 a:hover {
  text-decoration: underline;
}

.mainfwxm {
    display: flex;
	background:#e2e2e2;
	
	font-size:1rem;
}

.mainfwxm .left {
    flex: 1;
    /* 大栏目样式 */
	text-align:center;
	
	font-size:1.5rem;
	color:#ffffff;
	background:#22338d;
	padding:1rem 0;
}

.mainfwxm .right {
    flex:4;
    display: flex;
    justify-content: space-between;
	padding:1rem 0;
	text-align: center;
}

.mainfwxm .sub-col {
    flex: 1;
    margin: 0 10px;
	background:#ffffff;
	border-radius:0.5rem;
	color:#464646;
	line-height:2.5;
	
    /* 子栏目样式 */
}
.mainfwxm .sub-col a {border-radius:0.5rem; text-decoration:none;color:#464646;display:block; }
.mainfwxm .sub-col a:hover {color:#ffffff;background:#304094;display:block;}
.mainfwxm .sub-col a.active {color:#ffffff;background:#304094;display:block;}

@media screen and (max-width: 1400px) {

body{

width: 1280px;

}

}
ul,li {padding:0;margin:0;list-style:none;}
img {max-width:100%;}

.whitea a:link {color:#ffffff;text-decoration:none;}
.whitea a:visited {color:#ffffff;text-decoration:none;}
.whitea a:active {color:#ffffff;text-decoration:none;}
.whitea a:hover {color:#ffffff;text-decoration:none;}



/* 头部  */
.h90 {clear:both;height:90px;width:100%;}
.header {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	right: 0;
	z-index: 999;
	height: 90px;
	line-height: 90px;
	transition: 0.45s;
	background: #fff;
	box-shadow: 0 0 5px #eee;
	min-width:1500px;
}

.head-wrap {
	position: relative;
	padding: 0 30px;
}

.hwl {
	float: left;
}

.header .head-logo {
	position: relative;
	top: 0.6rem;
	display: inline-block;
	z-index: 99;
	float:left;
}

.head-logo img {
	display: block;
	width: 100%;
}

.hlphone {
	display: inline-block;
	vertical-align: middle;
	margin-left: 35px;
	float:left;
}

.hpicon {
	display: inline-block;
	vertical-align: middle;
	width: 42px;
	height: 42px;
	border: 1px solid #C1C1C1;
	border-radius: 50%;
	text-align: center;
	line-height: 42px;
	color: #22399a;
	font-size: 26px;
}

.hptxt {
	display: inline-block;
	vertical-align: middle;
	margin-left: 5px;
	line-height: 1.3;
}

.ht1 {
	display: block;
	color: #A1A1A1;
	font-size: 14px;
}

.ht2 {
	font-family: "PFDinTextCompPro-Medium";
	display: block;
	color: #22399a;
	font-size: 26px;
	font-weight: normal;
	background: -webkit-gradient(linear, left top, right top, color-stop(0, #22399a), color-stop(.4, #22399a), color-stop(.5, white), color-stop(.6, #22399a), color-stop(1, #22399a));
	-webkit-background-clip: text;
	/* 设置对象中的文字填充颜色 这里设置为透明 */
	-webkit-text-fill-color: transparent;
	/* 每隔2秒调用下面的CSS3动画 infinite属性为循环执行animate */
	-webkit-animation: animate 1.3s infinite;
	overflow: hidden;
}

@-webkit-keyframes animate {
	from {
		background-position: -100px;
	}
	to {
		background-position: 100px;
	}
}

@keyframes animate {
	from {
		background-position: -100px;
	}
	to {
		background-position: 100px;
	}
}

.header .nav {
	position: relative;
	float: right;
	height: 90px;
	line-height: 90px;
}

.head-link ul li {
	display: inline-block;
}

.header .yj-bot {
	float: left;
}

.header .yj-bot li {
	position: relative;
	float: left;
	transition: 0.35s;
	z-index: 1;
	margin: 0 20px;
}

.header .yj-bot .yj-link {
	position: relative;
	z-index: 1;
	color: #333333;
	font-size: 16px;
	line-height: 1.5;
	display: inline-block;
	text-transform: uppercase;
}

.header .yj-bot li:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	height: 4px;
	background: #22399a;
	transition: 0.65s;
}

.header .yj-bot .yj-link div {
	float: left;
	display: block;
	background: none;
	color: inherit;
	vertical-align: middle;
	position: relative;
	z-index: 1;
	font-size: 18px;
	overflow: hidden;
	padding: 0;
}

.header .nav li:hover .ej-list {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
}

.header .yj-bot li:hover .yj-link,
.header .yj-bot li.active .yj-link {
	color: #22399a;
}

.header .yj-bot li:hover:before,
.header .yj-bot li.active:before {
	width: 100%;
}

.ej-list.active {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
}

.ej-list {
	position: absolute;
	z-index: 10;
	right: 0;
	width: 315px;
	top: 100%;
	background-color: #fff;
	opacity: 0;
	visibility: hidden;
	transform: translateY(-20px);
	-webkit-transform: translateY(-20px);
	-moz-transform: translateY(-20px);
	transition: 0.48s;
	box-sizing: border-box;
	border: 1px solid #eee;
	line-height: 1.5;
}

.elb2 {
	padding: 12px 0 35px 0;
	box-sizing: border-box;
}

.elh {
	background: url(../images/yjt.png) 95% 75% no-repeat !important;
}

.ejl {
	line-height: 1.5 !important;
	text-align: left !important;
	border-top: 1px solid #E9E9E9;
	padding: 10px 25px;
}

.eltxt1 {
	display: block;
	color: #35536F;
	font-size: 16px;
	font-weight: bold;
}

.eltxt2 {
	display: inline-block;
	color: #818181;
	font-size: 14px;
	margin-right: 25px;
	margin-top: 10px;
}

.eltxt2:hover {
	color: #22399a;
}

.ej-list ul {
	width: 1200px;
	margin: 0 auto;
}

.ej-list li {
	display: inline-block;
	float: left;
	width: 12.5%;
	box-sizing: border-box;
	vertical-align: top;
	padding: 15px 0 20px 0;
	border-left: 1px solid #5b6dbd;
	height: 100vh;
}

.el-link {
	position: relative;
	display: inline-block;
	color: #8B8B8B;
	font-size: 14px;
	line-height: 1.5 !important;
	margin: 12px 0 0 30px;
	padding-left: 10px;
}

.el-link:before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background: #8B8B8B;
}

.el-link:hover {
	color: #22399a;
}

.menu-handler {
	position: fixed;
	right: 0;
	top: 0;
	width: 50px;
	height: 50px;
	display: none;
	cursor: pointer;
	z-index: 1010;
}

.menu-handler span {
	position: relative;
	display: block;
	margin: 25.5px 15px 0;
	width: 12px;
	height: 1px;
	background-color: #22399a;
	-webkit-transition-duration: .3s, .3s;
	-moz-transition-duration: .3s, .3s;
	-ms-transition-duration: .3s, .3s;
	-o-transition-duration: .3s, .3s;
	transition-duration: .3s, .3s;
	-webkit-transition-delay: .3s, 0s;
	-moz-transition-delay: .3s, 0s;
	-ms-transition-delay: .3s, 0s;
	-o-transition-delay: .3s, 0s;
	transition-delay: .3s, 0s;
}

.menu-handler span:after,
.menu-handler span:before {
	content: "";
	position: absolute;
	display: inline-block;
	width: 170%;
	height: 1px;
	left: 0;
	background-color: #22399a;
	-webkit-transition-duration: .3s, .3s;
	-moz-transition-duration: .3s, .3s;
	-ms-transition-duration: .3s, .3s;
	-o-transition-duration: .3s, .3s;
	transition-duration: .3s, .3s;
	-webkit-transition-delay: .3s, 0s;
	-moz-transition-delay: .3s, 0s;
	-ms-transition-delay: .3s, 0s;
	-o-transition-delay: .3s, 0s;
	transition-delay: .3s, 0s
}

.menu-handler span:before {
	top: -7px;
	-webkit-transition-property: top, transform;
	-moz-transition-property: top, transform;
	-ms-transition-property: top, transform;
	-o-transition-property: top, transform;
	transition-property: top, transform;
}

.menu-handler span:after {
	bottom: -7px;
	-webkit-transition-property: bottom, transform;
	-moz-transition-property: bottom, transform;
	-ms-transition-property: bottom, transform;
	-o-transition-property: bottom, transform;
	transition-property: bottom, transform;
}

.menu-handler.active span {
	background-color: transparent;
	-webkit-transition-delay: 0s, 0s;
	-moz-transition-delay: 0s, 0s;
	-ms-transition-delay: 0s, 0s;
	-o-transition-delay: 0s, 0s;
	transition-delay: 0s, 0s
}

.menu-handler.active span:after,
.menu-handler.active span:before {
	background-color: #333333;
	-webkit-transition-delay: 0s, .3s;
	-moz-transition-delay: 0s, .3s;
	-ms-transition-delay: 0s, .3s;
	-o-transition-delay: 0s, .3s;
	transition-delay: 0s, .3s
}

.menu-handler.active span:before {
	top: 0;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg)
}

.menu-handler.active span:after {
	bottom: 0;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.menuBox a:link,
.menuBox a:visited {
	color: #333;
}

.menuMoblie .nav-link:active,
.menuMoblie .nav-link:hover {
	background: #22399a;
	color: #fff;
}

.menuMoblie .nav-link:active i,
.menuMoblie .nav-link:hover i {
	color: #fff;
	transform: rotate(90deg);
}

.menuBox a:active,
.menuBox a:hover {
	color: #22399a;
}

.menuBox {
	background-color: #fff;
	color: #333333;
	position: fixed;
	display: none;
	right: 0px;
	top: 50px;
	width: 100%;
	height: 100%;
	height: 100vh;
	overflow-x: hidden;
	overflow-y: auto;
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
	-webkit-overflow-scrolling: touch;
	z-index: 1008;
	-webkit-transition: all .5s cubic-bezier(.25, .46, .45, .94);
	-moz-transition: all .5s cubic-bezier(.25, .46, .45, .94);
	-ms-transition: all .5s cubic-bezier(.25, .46, .45, .94);
	-o-transition: all .5s cubic-bezier(.25, .46, .45, .94);
	transition: all .5s cubic-bezier(.25, .46, .45, .94);
}

.menuMoblie {
	padding: 0 0 70px 0;
}

.menuMoblie .nav-link {
	position: relative;
	display: block;
	font-size: 16px;
	padding: 14px 5%;
}

.menuMoblie .nav-link i {
	float: right;
	color: #b1b1b1;
	font-size: 20px;
	vertical-align: middle;
}

.menuMoblie .subnav {
	padding: 12px 0px;
	display: none;
}

.menuMoblie .subnav .item {
	display: block;
	padding: 0px 5% 0 10%;
}

.menuMoblie .subnav a {
	position: relative;
	display: block;
	padding: 12px 0;
	line-height: 1.4;
	font-size: 16px;
}

.menuOpen .menuBox {
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-webkit-transform: translateX(0);
	transform: translateX(0);
}










.index-service {
	
	background-repeat: no-repeat;
	background-size: cover;
	position:relative;
}

.isdata {
	text-align: center;
}

.idl {
	display: inline-block;
	margin: 0 150px;
	line-height: 1;
}

.ilnum {
	font-family: "PFDinTextCompPro-Medium";
	font-weight: normal;
	display: block;
	color: #22399a;
	font-size: 90px;
}

.iltxt {
	display: block;
	color: #999999;
	font-size: 18px;
}

.iswrap {
	margin-top: 2rem;
}

.iswleft {
	background: #222222;
	position: absolute;
	width: 26%;
	top: 0;
	left: 0;
	bottom: 50px;
	box-sizing: border-box;
	padding: 78px 85px 0 68px;
	color: #fff;
}

.isltitle {
	font-size: 36px;
	font-weight: normal;
	line-height: 1.5;
	height: 108px;
	overflow: hidden;
}

.isleng {
	font-size: 14px;
	margin-top: 22px;
	height: 75px;
	overflow: hidden;
}

.isvm {
	position: relative;
	display: block;
	width: 111px;
	height: 41px;
	background: #fff;
	border-radius: 50px;
	line-height: 41px;
	text-align: center;
	color: #999999;
	font-size: 12px;
	margin-top: 100px;
	overflow: hidden;
	z-index: 3;
}

.isvm:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 0;
	background: #22399a;
	transition: 0.5s;
	z-index: -3;
}

.isvm:hover:before {
	width: 100%;
}

.isvm:hover {
	color: #fff;
}

.iswright {
	position: relative;
	position: relative;
	float: right;
	width: 73%;
	overflow: hidden;
}

.iwrbanner {
	position: relative;
	overflow: hidden;
	padding-bottom: 50px;
}

.iwrbanner .slick-dots {
	position: absolute;
	width: 100%;
	left: 60px;
	bottom: 0;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	z-index: 104;
}

.iwrbanner .slick-dots li {
	position: relative;
	display: inline-block;
	width: 10px;
	height: 10px;
	text-align: center;
	line-height: 10px;
	vertical-align: middle;
	border: 1px solid #2586e8;
	border-radius: 50%;
	margin: 0 4px;
}

.iwrbanner .slick-dots li a {
	position: relative;
	display: block;
	text-align: center;
	border-radius: 50%;
	padding: 0px;
	cursor: pointer;
	width: 10px;
	height: 10px;
}

.iwrbanner .slick-dots li a:focus {
	outline: none;
}

.iwrbanner .slick-dots li.slick-active {
	opacity: 1;
	visibility: visible;
}

.iwrbanner .slick-dots li.slick-active {
	background: #2586e8;
}

.iritem {
	position: relative;
	margin-left: 25px;
	overflow: hidden;
}

.iripic {
	overflow: hidden;
}

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

.iricover {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 35px 40px;
	color: #fff;
	transition: 0.65s;
	text-align: left;
}

.ircicon {
	display: block;
	font-size: 46px;
	line-height: 1.5;
}

.irzl {
	width: 50px;
	height: 69px;
	background: url(../images/zl.svg) no-repeat;
	background-size: contain;
	background-position: center center;
}

.irname {
	display: block;
	font-size: 20px;
	font-weight: normal;
}

.irlabel {
	opacity: 0;
	visibility: hidden;
	width: 55%;
	border-top: 2px solid #F0E4CF;
	border-bottom: 2px solid #F0E4CF;
	padding: 15px 0;
	margin-top: 20px;
	transition: 0.45s;
}

.irlink {
	display: inline-block;
	font-size: 14px;
	line-height: 1.2;
}

.irvm {
	display: block;
	font-style: normal;
	margin-top: 35px;
	font-size: 12px;
}

.ircbot {
	position: absolute;
	left: 40px;
	bottom: 70px;
	transform: translateY(70%);
	transition: 0.5s;
}

.iritem:hover .iricover {
	transition: 0.65s;
	background: url(../images/op1.png) repeat;
}

.iritem:hover .ircbot {
	transform: translateY(0);
}

.iritem:hover .irlabel {
	opacity: 1;
	visibility: visible;
}

.iwrjt {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 31%;
	width: 70px;
	height: 70px;
	background: #fff;
	border-radius: 50%;
	text-align: center;
	z-index: 1;
}

.iwrjt p {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	display: inline-block;
	color: #CCCCCC;
	font-size: 25px;
	cursor: pointer;
}

.iwrjt p:hover {
	color: #22399a;
}

/* Slider */

.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}

.slick-list {
	position: relative;
	overflow: hidden;
	display: block;
	margin: 0;
	padding: 0;
}

.slick-list:focus {
	outline: none;
}

.slick-loading .slick-list {
	background: #f1f1f1 url(../images/loader.gif) center center no-repeat;
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}

.slick-slider .slick-list,
.slick-track,
.slick-slide,
.slick-slide img {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.slick-track {
	position: relative;
	left: 0;
	top: 0;
	display: block;
	zoom: 1;
}

.slick-track:before,
.slick-track:after {
	content: "";
	display: table;
}

.slick-track:after {
	clear: both;
}

.slick-loading .slick-track {
	visibility: hidden;
}

.slick-slide {
	float: left;
	height: 100%;
	min-height: 1px;
	display: none;
}

.slick-slide img {
	display: block;
}

.slick-slide.slick-loading img {
	display: none;
}

.slick-slide.dragging img {
	pointer-events: none;
}

.slick-initialized .slick-slide {
	display: block;
}

.slick-loading .slick-slide {
	visibility: hidden;
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}


/* Arrows */

.slick-prev,
.slick-next {
	position: absolute;
	display: block;
	line-height: 0;
	font-size: 0;
	cursor: pointer;
	background: transparent;
	color: transparent;
	padding: 0;
	border: none;
	outline: none;
}

@-webkit-keyframes scaleUpDown {
	from {
		-webkit-transform: scale(1.08);
		transform: scale(1.08);
	}
	to {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

@keyframes scaleUpDown {
	from {
		-webkit-transform: scale(1.08);
		transform: scale(1.08);
	}
	to {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}




.sonlanmu {
    background-color: #f1f1f1;
    display: inline-block;
    padding: 10px 0;
	width:100%;
}
.sonlanmu a {text-decoration:none;}

.sonlanmu .tmlink {
    display: block;
    width: 80%;
    margin: 10px auto;
    background-color: #e6e6e6;
    border-radius: 4px;
    text-align: center;
    color: #333;
    text-decoration: none;
    transition: background-color 0.2s ease;
	padding:0.5rem;
}

.sonlanmu .tmlink:hover {
    background-color: #444;
    color: #fff;
}

.sonlanmu .active {
    font-weight: bold;
    background-color: #444;
    color: #fff;
}

.sonlanmu2 {
    background-color: #020202;
    display: inline-block;
    padding: 10px 0;
	width:100%;
}
.sonlanmu2 a {text-decoration:none;}

.sonlanmu2 .tmlink {
    display: block;
    width: 80%;
    margin: 10px auto;
    background-color: #404040;
    border-radius: 4px;
    text-align: center;
    color: #8c8c8c;
    text-decoration: none;
    transition: background-color 0.2s ease;
	padding:0.5rem;
}

.sonlanmu2 .tmlink:hover {
    background-color: #444;
    color: #fff;
}

.sonlanmu2 .active {
    font-weight: bold;
    background-color: #444;
    color: #fff;
}


.ancolor1 {background:#22399a;border-color:#22399a;padding:0.5rem 3.5rem; border-radius:1rem;}
a.ancolor1:hover {background:#031ba6;border-color:#031ba6;}

.newsbg2 {width:100%;background:#f5f5f5;}
.width100 {width:100%;}


.mt-6 {margin-top:6rem;}
.mb-6 {margin-bottom:6rem;}


.indexpinpai .title {
    
	 border-bottom: 1px solid #eeeeee;
	 padding-bottom:0.5rem;
  }
.indexpinpai .title b{
    float:left;
	font-size:2rem;
	color:#686868;
    
    
  }
.indexpinpai .more {
   float: right;
   color:#686868;
   font-size:0.9rem;
   line-height:3;
    
   
  }

 .pinpai_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	margin:2rem 0;
  }
  .image-link {
    flex-basis: calc(14.28% - 10px);
    margin-bottom: 20px;
  }
  .image-link img {
    display: block;
    width: 100%;
    height: auto;
	border: 1px solid #e5e5e5;
  box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
  }
 .rowrow {
			display: flex;
			flex-wrap: wrap;
		}

		.colcol {
			flex-basis: 33.33%;
			margin-bottom: 20px;
			text-align: center;
		} 

.img-count,.img-count img{position:relative;}
.img-count-in{ position:absolute; top:0; left:0; right:0; bottom:0; /*overflow:hidden;*/height:100%; *height:100%;}
.w-newsList1{position: relative;width:100%;background:#eeeeee;}
.w-newsList1 a{ display: block; text-decoration: none; color: #333;}
.w-newsList1 .news-item{ position:relative;}
.w-newsList1 .news-imgbox{ width:45%;}
.w-newsList1 .news-imgbox img{/* transition:transform 3.5s; -webkit-transition:transform 3.5s;transform:scale(1.1); -webkit-transform:scale(1.1);*/ width:576px;height:559px;}
.w-newsList1 .swiper-slide.swiper-slide-active .news-imgbox img{ transform:scale(1); -webkit-transform:scale(1);}
.w-newsList1 .aspectRatio{padding-bottom:560px;}
.w-newsList1 .news-text{ position: absolute; right:2%; width:50%; top:15rem; transform:translateY(-50%); -webkit-transform:translateY(-50%);  overflow:hidden;}
:root .w-newsList1 .news-text{ }
.w-newsList1 .date{ line-height: 1.4; margin-bottom: 0.8em;}
.w-newsList1 .date .year{ font-size:46px; font-weight: bold; color: #000; font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;}
.w-newsList1 .date .day_month{font-size:17px; color: #bebebe;}
.w-newsList1 .news-h{ position:absolute;top:0;right:0;background:#0b1240;color:#ffffff;width:60%;font-size:1.8rem; font-weight: bold; padding:1.5rem 0; overflow: hidden;}
.w-newsList1 .news-h span {float:left; background:url(../images/tb1.png) no-repeat left center; padding-left:3.5rem;margin-left:5rem;}
.w-newsList1 .news-h b {float:right;padding-right:3.5rem;}
.w-newsList1 .news-sum{ line-height: 2; overflow: hidden; color:#4f4f4f;font-size:1rem;}

.w-newsList1 .adSN_page{ position: absolute; z-index: 9; left:50%; bottom:50%; margin-bottom: 0; top: auto; transform: none; -webkit-transform: none; width:35%; padding-left: 4%; }
.w-newsList1 .adSN_page span{ display: inline-block; *display:inline; *zoom:1; margin:0 6px;}
.w-newsList1 .swiper-num{ position: absolute; z-index: 9; left: 36%; bottom:0; color: #ffffff;}
.w-newsList1 .swiper-num .active{ font-size:32px; font-weight: bold;}

.swiper-button-prev2i { position:absolute;left:48%;bottom:2rem; z-index:100;}
.swiper-button-next2i { position:absolute;left:52.8%;bottom:2rem; z-index:100;}

.picpic .col-7 {padding-left:0;padding-right:0;}
.picpic .col-5 {padding-right:0;}
.picpic a { position:relative; display:block;}
.picpic a span { position:absolute;width:100%;background:#000000;bottom:0;left:0;height:4rem;line-height:4rem; text-indent:2rem;color:#ffffff;font-size:1rem;opacity:0.75;}

.picpic img {width:100%;}
.imgh1 img {height:456px;}
.imgh2 img {height:275px;}
.imgh3 img {height:650px;}

.anniu1 {width:100%;height:5rem;line-height:5rem;font-size:1.8rem; background:#0b1240; text-align:center;}

.indexnewsbg {width:100%;height:auto;background:#ffffff;}
.indexnewsbg .col-8 a:link {color:#4f4f4f;text-decoration:none;}
.indexnewsbg .col-8 a:visited {color:#4f4f4f;text-decoration:none;}
.indexnewsbg .col-8 a:active {color:#4f4f4f;text-decoration:none;}
.indexnewsbg .col-8 a:hover {color:#cccccc;text-decoration:none;}

.indexflash  .carousel-item{ background:#ffffff;}
.indexflash  .carousel-item img {height:300px;}
.indexflash h5 {line-height:2;text-indent:1rem;font-size:1.25rem;margin-bottom:0;}
.indexflash p {line-height:2;padding:0rem 0.75rem 0.5rem;font-size:1rem; }

.indexflash  .carousel-indicators {bottom:50px;}
.inewslist {background:#ffffff;margin-bottom:0.6rem; border-bottom:1px solid #eeeeee;}
a:hover .inewslist {color:#22399a;text-decoration:none;}

.inewslist .col-12 {padding-left:2rem;}
.inewslist .col-12 .h3 {font-size:1.28rem;margin-top:0.5rem;}
.inewslist .col-12 .h5 {font-size:1rem;color:#ababab;line-height:1.5;font-weight:normal;}
.inewslist .col-12 .h3 b {float:left;font-weight:normal;}
.inewslist .col-12 .h3 span {float:right;font-weight:normal;font-size:1rem;color:#686868;}
.footer {width:100%;background:#22399a;font-size:1rem;}


.foot1 b {font-size:1.2rem;margin-bottom:0.5rem; display:block;}
.foot1 ul,.foot1 li {list-style:none;margin:0;padding:0;}
.foot1 ul {line-height:2;}
.foot2 {padding-top:1rem;}
.foot2 span {display:block;line-height:3;text-align:center;}

.sonmenu {font-size:1.2rem;line-height:2;}
.sonmenu a {margin-right:1rem;}
.graya a:link {color:#4f4f4f;text-decoration:none;}
.graya a:visited {color:#4f4f4f;text-decoration:none;}
.graya a:active {color:#4f4f4f;text-decoration:none;}
.graya a:hover {color:#000f65;text-decoration:none;}
.fontsize125 {font-size:1.25rem;}
.nban {width:100%;height:890px; background:url(../images/newsban.jpg) no-repeat top center;}
.nbanjob {width:100%;height:890px; background:url(../images/jobban.jpg) no-repeat top center;}
.nbanmap {width:100%;height:890px; background:url(../images/map.jpg) no-repeat top center;}
.nbanpro {width:100%;height:890px; background:url(../images/proban.jpg) no-repeat top center;}
.nbanpro2 {width:100%;height:890px; background:url(../images/dichan.jpg) no-repeat top center;}
.nbanwh {width:100%;height:890px; background:url(../images/whban.jpg) no-repeat top center;}
.bigtit {font-size:2.3rem;}
.bigtit span {display:block; text-align:center;width:100%;margin-top:280px;}
.bigtit b {display:block; text-align:center;width:100%;margin-top:20px;}


.nsonmenu {margin-top:270px;}
.nsonmenu a {font-size:1.25rem;padding:0.8rem 2rem;margin-right:1rem; text-decoration:none;}
.nsonmenu a:link {background:#ffffff;color:#505050;}
.nsonmenu a:visited {background:#ffffff;color:#505050;}
.nsonmenu a:active {background:#ffffff;color:#505050;}
.nsonmenu a:hover {background:#172165;color:#ffffff;}
.nsonmenu a.hover {background:#172165;color:#ffffff;}
.jtx {width:100%;margin-top:90px;}

.nnewslist .card-title { 
font-size:1.2rem;
font-weight:bold;
color:#4f4f4f;
}
.nnewslist .card-text {font-size:1rem;color:#8e8e8e;}
.nnewslist .btn-primary {
  color: #8e8e8e;
  background-color: #ffffff;
  border-color: #d6d6d6;
}
.nnewslist .btn-primary:hover {
  color: #ffffff;
  background-color: #172165;
  border-color: #172165;
}
.nnewslist .more a {float:left;}
.nnewslist .more span {float:right;color:#8e8e8e;font-size:1.1rem;}
.nnewslist .card {border:0; background:#fbfbfb;}

.nnewslist2  li.media {border-top:1px solid #e4e4e4;padding-top:2rem;padding-bottom:2rem;}
.nnewslist2 .timet {width:120px;text-align:center;color:#4f4f4f;}
.nnewslist2 .timet span { display:block;font-size:1.31rem;}
.nnewslist2 .timet b { display:block;font-size:4rem;}
.nnewslist2 .media img { width:322px;height:215px;}
.nnewslist2 .media-body h5 {font-size:1.3rem;font-weight:bold;color:#4f4f4f;}
.nnewslist2 .media-body p {font-size:1rem;color:#8e8e8e;line-height:2.5;margin-top:1rem;}


.pages .page-item.active .page-link {background-color: #0b1240;
border-color: #0b1240;}


.newsbg { width:100%;height:auto;background:#ffffff;}
.news_tit {font-size:1.6rem;color:#505050;line-height:3;}
.news_desc {font-size:1.25rem;color:#b5b5b5;margin-bottom:1rem; }
.news_body {font-size:1rem;color:#505050;line-height:2;margin:0 2rem 2rem;padding-top:1rem; border-top:1px solid #c2c2c2; margin-bottom:2rem;}
.news_body img {max-width:100%;}


.buttonbb {
    display: inline-block;
    padding: 10px 20px;
    border-radius: 5px;
    background-color: #c2c2c2;
	position:absolute;
	top:1.5rem;
	right:0;
}

.buttonbb a {
    color: #888888;
    text-decoration: none;
}

.buttonbb:hover {
    background-color: #999;
}


.contact-wrap {
	
}

.contact-wrap li {
	margin-bottom: 1.9rem;
	background: #fff;
	border: 1px solid #cccccc;
	box-shadow: 5px 5px 5px #888888;
}

.mztp {
	float: left;
	width: 35%;
}

.mztp img {
	display: block;
	margin: 1rem;
	max-width:100%;
}

.mzcont {
	float: left;
	width: 65%;
}

.mcname {
	background: url(../images/map_tit.png) no-repeat left center #f9f9f9;
	line-height: 50px;
	color: #646464;
	font-size: 18px;
	padding: 0 5rem;
	    font-weight: bold;
		    margin-top: 1rem;
			
}

.mcnr {
	padding: 30px 45px 0 45px;
}

.mnrxx {
	font-size: 16px;
	color: #666666;
}

.mnrxx i {
	display: inline-block;
	vertical-align: middle;
	color: #22399a;
	font-size: 15px;
	margin-right: 5px;
}

.mnrbtn {
	margin-top: 25px;
	margin-bottom: 1rem
}

.mrb {
	display: inline-block;
	width: 118px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	border: 1px solid #D5D5D5;
	border-radius: 24px;
	color: #666666;
	font-size: 14px;
	margin-right: 20px;
}

.mrb:hover {
	background: #22399a;
	color: #fff;
	border: 1px solid #22399a;
}

.column {
  background-color: #fbfbfb;
  padding: 1.2rem 0 0.7rem;
  margin: 1rem 0;
  line-height:2;
}

.column h2 {
  font-size: 1.3rem;
  margin-left: 2rem;
}


.links-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}

.qiyewenhua .link {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(100% / 7); /* 平均分布 */
  margin: 0 5px;
  height: 3rem;
  text-align: center;
  color: #5e5e5e;
  font-size: 1.1rem;
  text-decoration: none;
  background-color: #e9e9e9;
}

.qiyewenhua .link:hover {
  background-color: #8f8f8f;
  color: #fff;
}

.qiyewenhua .link.active {
  background-color: #8f8f8f;
  color: #fff;
}


.hjwshjws {
  display: flex;
}

.hjwshjws .left {
  
  
}

.hjwshjws .right {
  overflow: hidden;
  
  
}

.hjwshjws .small-img {
  
  cursor: pointer;
 
  object-fit: cover;
  margin-bottom:1rem;
  height:192px;
}

.hjwshjws .mask {
  position: absolute;
  bottom: 5px;
  left:15px;
  width: calc(100% - 30px);
  background-color: #000;
  color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  box-sizing: border-box;
  opacity: 0.5;
  
}

.hjwshjws .arrow {
  cursor: pointer;
  border:1px solid #ffffff;
  width:2.5rem;
  height:2.5rem;
  line-height:1.45;
  border-radius:50%;
  text-align:center;
  font-size:1.5rem;
  display:inline-block;
  position:absolute;
}
.hjwshjws #left-arrow {right:5rem;}
.hjwshjws #right-arrow {right:1rem;}
















.aw2list {
	
}

.aw2list li {
	position: relative;
	
	transition: 0.45s;
	margin-bottom:1.5rem;
}

.al2date {
	display: block;
	float: right;
	color: #525252;
	font-size: 16px;
	line-height: 1.5;
	height:14rem;
	
	text-align: center;
	background:#f5f5f5;
	
	 display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  
}

.al2date span {
	display: block;
	font-weight: normal;
	font-size: ;
	width:2.2rem;
	text-align:center;
}

.al2pic {
	float: left;
	width: 25%;
	
	overflow: hidden;
}

.al2pic img {
	display: block;
	width: 100%;
	transition: 0.45s;
}

.al2cont {
	float: right;
	width: 68%;
}

.ac2title {
	color: #222222;
	font-size: 1.2rem;
	font-weight: bold;
	line-height:2;
	overflow: hidden;
	margin-top:1rem;
	
}

.ac2desc {
	color: #7E7E7E;
	font-size: 14px;
	margin-top: 10px;
	height: 50px;
	overflow: hidden;
}

.ac2more {
	display: block;
	color: #A1A1A1;
	font-size: 14px;
	margin-top: 30px;
	font-weight: normal;
}

.aw2list li:hover {
	box-shadow:0px 3px 8px #f5f5f5;
	background:#f5f5f5;
}

.aw2list li:hover .al2date {
	
	background:#22338d;
	color:#ffffff;
	
	}



.aw2list li:hover .ac2title {
	color: #22338d;
}



.aw2list li:hover .al2pic img {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	transform: scale(1.05);
}

.linkA {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../images/w0.png) no-repeat;
	z-index: 99;
}




.teamw2list {
	
}

.teamw2list li {
	position: relative;
	margin-bottom:2rem;
	transition: 0.45s;
	background:url(../images/teambg1.png) no-repeat;
	background-size:cover;
	
}
.team_tel { position:absolute;right:0;top:2rem;}
.teaml2date {
	
	float: right;
	color: #525252;
	font-size: 1rem;
	line-height: 1.5;
	
	
	text-align: left;
	
	
	
  width:60%;
  
}

.teaml2date b {
	
	display:inline-block;
	padding:0.3rem 0.7rem;
	border:1px solid #bfbfbf;
	border-radius:0.5rem;
	font-weight:normal;
	font-size:1.1rem;
	margin-top:2rem;
	
}
.teaml2date ul {
	margin-top:1.5rem;
	line-height:2;
	
	}
.teaml2date ul span {
	display:block;
	
	
	
	
	
	}	
	
	
.teaml2pic {
	float: left;
	width: 20%;
	text-align:center;
	overflow: hidden;
}

.teaml2pic img {
	display: inline-block;
	width: 80%;
	transition: 0.45s;
	margin:2rem 0;
	border-radius:1rem;
	
}

.teaml2cont {
	float: right;
	width: 20%;
	
	
	
	
}

.teamc2title {
	color: #525252;
	font-size: 1.9rem;
	font-weight: bold;
	line-height:2;
	overflow: hidden;
	margin-top:2rem;
	padding-left:3rem;
	
}

.teamc2desc {
	color: #525252;
	font-size: 1.15rem;
	margin-top: 2rem;
	
	overflow: hidden;
	padding-left:3rem;
}
.teamc2more {padding-left:3rem;}
.teamc2more a {
	display: inline-block;
	color: #ffffff;
	font-size: 1.1rem;
	margin-top: 2rem;
	font-weight: normal;
	text-decoration:none;
	background:#2586e8;
	padding:0.5rem 2rem;
	border-radius:1.5rem;
	
}

.teamw2list li:hover {
	box-shadow:0px 3px 8px #f5f5f5;
	background:url(../images/teambg2.png) no-repeat;
	background-size:cover;
	
}




.teamw2list li:hover .teamc2title,.teamw2list li:hover .teamc2desc,.teamw2list li:hover .teaml2date {
	color: #ffffff;
}

.teamw2list li:hover .teamc2more a {
	color: #22338d;
	background:#ffffff;
	}


.teamw2list li:hover .teaml2pic img {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	transform: scale(1.05);
}

.teamlinkA {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../images/w0.png) no-repeat;
	z-index: 99;
}


.info-div {
  display: flex;
  align-items: center;
  color:#989898;
}

.info-div .icon1,
.info-div .icon2 {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 5px;
  vertical-align: middle;
}

.info-div .icon1 {
  background: url('../images/icon1.png') no-repeat left center;
}

.info-div .icon2 {
	margin-left:2rem;
   background: url('../images/icon2.png') no-repeat left center;
}

.info-div .date,
.info-div .view-count {
  display: inline-block;
  font-size: 1rem;
  vertical-align: middle;
}

.info-div .view-count {
  margin-left: 10px;
}


.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.pagination a {
  display: inline-block;
  padding: 6px 12px;
  margin: 0 3px;
  color: #333;
  font-size: 14px;
  text-decoration: none;
  border-radius: 2px;
  border:1px solid #cccccc;
}

.pagination a:hover,
.pagination a:focus {
  background-color: #f2f2f2;
}

.pagination .prev,
.pagination .next {
  font-weight: bold;
}

.pagination .page.active {
  background-color: #007bff;
  color: #fff;
}

.pagination .ellipsis {
  margin: 0 6px;
}



.prenext {margin:0 2rem 2rem;padding:1rem 0 2rem; line-height:2.5;font-size:1rem; position:relative; border-top:1px solid #c2c2c2;}

.jobbg {width:100%;height:auto;background:#e3e9f3;}
.job_t {font-size:2rem;font-weight:bold;color:#505050;margin-top:0rem; clear:both;}
.job_t2 {font-size:1.25rem;color:#a4a7ad;margin-top:0.5rem;clear:both;}
.job_tline {width:3rem;height:0.35rem;background:#172165;margin-top:0.5rem;margin-bottom:2rem;clear:both;}
.job_c {font-size:1.15rem;color:#505050;line-height:1.8;clear:both;}

.joblist .accordion {width:100%;}
.joblist .card-header { background:none;}
.joblist .card {border:0;}
.joblist .card-body { background:#f5f5f5;color: #a7a7a7;
}
.joblist .col {text-align:center;font-size:1.25rem;}
.joblibg {  background:#172165;font-size:1.2rem;padding:0.8rem 0;}
.joblist .accordion > .card > .card-header {margin-bottom:0;}

.contact {height:auto;background:#ffffff;border-top:8px solid #0b1240;margin-top:-270px; margin-bottom:90px;text-indent:100; box-shadow: 10px 5px 5px #888888;}
.contact .h1 {font-size:2.2rem;color:#666666;margin-bottom:0.8rem;margin-top:4rem;}
.contact .h5 {font-size:0.85rem;color:#666666;margin-bottom:4rem;}
.contact .col {text-align:center; border-right:1px solid #e7e7e7;}
.contact .col span {display:block;margin-top:2rem;margin-bottom:2rem;}
.hh {clear:both;}
.contact2 .form-control {color:#cecece;font-size:1.25rem; background:#fafafa;}


.contact2     input::-webkit-input-placeholder { /* WebKit browsers */  
      color: #cecece;  
    }  
 .contact2    input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */  
      color: #cecece;  
    }  
 .contact2    input::-moz-placeholder { /* Mozilla Firefox 19+ */  
      color: #cecece;  
    }  
.contact2     input:-ms-input-placeholder { /* Internet Explorer 10+ */  
      color: #cecece;  
    }  
	
	
	.proline {width:100%;background:#e7e7e7;}
	.proline span {color:#172165;font-size:2rem;font-weight:bold;margin-left:2rem;}
	
	
.prodetail {padding:2rem 1rem;line-height:2;}	
.nx12 { position:absolute;bottom:1rem;right:1rem;}	
	
.proline2 {width:100%; background:#e7e7e7;}
.proline2 span {display:inline-block;width:200px; background:#0b1240;text-align:center;font-size:1.125rem;color:#ffffff;padding:1.5rem 0;float:left;}
.clear0 {clear:both;}	
.pss {float:right;padding-top:1rem;padding-right:1rem;}	

.productlist .card-body {
	background:#e7e7e7;
	text-align:center;
	padding:1rem 0.2rem; 
	
	}	
.productlist .card-title {margin:0;}	
.productlist .card-img,.productlist  .card-img-top {height:295px;}
	
.boxwenhua {text-align:center;background:#f8f8f8;padding:2rem 0;}
.wenhua {padding-top:2rem;padding-bottom:2rem;}
.wenhua .col-4 {margin-top:1rem;margin-bottom:1rem;}
.boxwenhua .h1 {font-size:1.5rem;color:#7e7e7e;}	
.boxwenhua .himg {width:63px;height:42px;margin:2rem auto;}		
.boxwenhua .h5 {font-size:1rem;color:#7e7e7e;}	
.boxwenhua:hover {background:url(../images/whbg.jpg) no-repeat; background-size:cover;}
.boxwenhua:hover .h1,.boxwenhua:hover .h5 {color:#ffffff;}	

.ww1 {background:url(../images/ww1.png) no-repeat center center;}
.boxwenhua:hover .ww1 {background:url(../images/ww1h.png) no-repeat center center;}
.ww2 {background:url(../images/ww2.png) no-repeat center center;}
.boxwenhua:hover .ww2 {background:url(../images/ww2h.png) no-repeat center center;}
.ww3 {background:url(../images/ww3.png) no-repeat center center;}
.boxwenhua:hover .ww3 {background:url(../images/ww3h.png) no-repeat center center;}
.ww4 {background:url(../images/ww4.png) no-repeat center center;}
.boxwenhua:hover .ww4 {background:url(../images/ww4h.png) no-repeat center center;}
.ww5 {background:url(../images/ww5.png) no-repeat center center;}
.boxwenhua:hover .ww5 {background:url(../images/ww5h.png) no-repeat center center;}
.ww6 {background:url(../images/ww6.png) no-repeat center center;}
.boxwenhua:hover .ww6 {background:url(../images/ww6h.png) no-repeat center center;}

.yinxiang {}
.yinxiang .h1 { text-align:center; width:100%;font-size:1.875rem;font-weight:bold;color:#4f4f4f;}
.yinxiang .h5 { width:95%;font-size:1rem;color:#5a5a5a;margin:2rem auto; line-height:2;}



#certify {
	position: relative;
	width: 1200px;
	margin: 0 auto
}

#certify .swiper-container {
	padding-bottom: 100px;
}

#certify  .swiper-slide {
	width: 520px;
	height: 408px;
	background: #fff;
	box-shadow: 0 8px 30px #ddd;
}
#certify  .swiper-slide img{
	display:block;
}
#certify  .swiper-slide p {
	
	
	padding-top: 0;
	text-align: left;
	color: #636363;
	font-size: 1.1em;
	margin: 0;
}

#certify .swiper-pagination {
	width: 100%;
	bottom: 20px;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px;
	border: 3px solid #fff;
	background-color: #d5d5d5;
	width: 10px;
	height: 10px;
	opacity: 1;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
	border: 3px solid #00aadc;
	background-color: #fff;
}

#certify .swiper-button-prev {
	left: -30px;
	width: 45px;
	height: 45px;
	background: url(../images/wm_button_icon.png) no-repeat;
	background-position: 0 0;
	background-size: 100%;
}

#certify .swiper-button-prev:hover {
	background-position: 0 -46px;
	background-size: 100%
}

#certify .swiper-button-next {
	right: -30px;
	width: 45px;
	height: 45px;
	background: url(../images/wm_button_icon.png) no-repeat;
	background-position: 0 -93px;
	background-size: 100%;
}

#certify .swiper-button-next:hover {
	background-position: 0 -139px;
	background-size: 100%
}





#certify2 {
	position: relative;
	width: 1200px;
	margin: 0 auto
}

#certify2 .swiper-container {
	padding-bottom: 60px;
}

#certify2  .swiper-slide {
	width: 520px;
	height: 408px;
	background: #fff;
	box-shadow: 0 8px 30px #ddd;
}
#certify2  .swiper-slide img{
	display:block;
}
#certify2  .swiper-slide p {
	line-height: 98px;
	padding-top: 0;
	text-align: center;
	color: #636363;
	font-size: 1.1em;
	margin: 0;
}

#certify2 .swiper-pagination2 {
	width: 100%;
	bottom: 20px;
}

#certify2 .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px;
	border: 3px solid #fff;
	background-color: #d5d5d5;
	width: 10px;
	height: 10px;
	opacity: 1;
}

#certify2 .swiper-pagination-bullets .swiper-pagination-bullet-active {
	border: 3px solid #00aadc;
	background-color: #fff;
}

#certify2 .swiper-button-prev2 {
	left: -30px;
	width: 45px;
	height: 45px;
	background: url(../images/wm_button_icon.png) no-repeat;
	background-position: 0 0;
	background-size: 100%;
}

#certify2 .swiper-button-prev2:hover {
	background-position: 0 -46px;
	background-size: 100%
}

#certify2 .swiper-button-next2 {
	right: -30px;
	width: 45px;
	height: 45px;
	background: url(../images/wm_button_icon.png) no-repeat;
	background-position: 0 -93px;
	background-size: 100%;
}

#certify2 .swiper-button-next2:hover {
	background-position: 0 -139px;
	background-size: 100%
}
.swiper-button-next2, .swiper-button-prev2 {
	position: absolute;
top: 50%;
margin-top: -22px;
z-index: 10;
cursor: pointer;
left:auto;
	
	}
.swiper-pagination2 {
  position: absolute;
  text-align: center;
  -webkit-transition: .3s opacity;
  -o-transition: .3s opacity;
  transition: .3s opacity;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  z-index: 10;
}

.lefttit h1 {font-size:2.5rem;color:#4f4f4f;font-weight:bold;line-height:1.5;}
.lefttit h2 {font-size:1.68rem;color:#888888;line-height:1;font-weight:normal;margin-top:2rem;}
.lefttit .hline {width:5rem;height:0.6rem;background:#172165;margin-top:1.5rem;}
.about1 {padding:3rem 0 0 0;}
.about1_xx h1 {font-size:1.75rem;color:#4f4f4f;font-weight:bold;margin-bottom:1rem;}
.about1_xx h5 {font-size:1rem;color:#343434;font-weight:normal;margin-bottom:1rem;line-height:2;}

.fazhan {width:100%;height:auto; background:#f3f3f3;}


#timeline {
	width: 100%;
	min-height: 350px;
	overflow: hidden;
	padding: 100px auto;
	position: relative;
	background: url('../images/dot.gif') left 45px repeat-x;
}
#dates {
	width: 100%;
	height: 60px;
	overflow: hidden;
}
#dates li {
	list-style: none;
	float: left;
	width: 100px;
	height: 50px;
	font-size: 24px;
	text-align: center;
	background: url('../images/biggerdot.png') center bottom no-repeat;
}
#dates a {
	line-height: 38px;
	padding-bottom: 10px;
	color:#172165;
}
#dates .selected {
	font-size: 3rem;
	font-weight:bold;
}
#issues {
	width: 1250px;
	
	overflow: hidden;
}
#issues li {
	width: 1250px;
	overflow:hidden;
	list-style: none;
	float: left;
}
#issues li img {
	float: left;
	
}
#issues li .h1 {
	color: #ffffff;
	font-size: 2.25rem;
	margin: 3rem 0 1.2rem 2rem;
	text-shadow: #000 1px 1px 2px;
}
#issues li .h5 {
	font-size: 1rem;
	margin-right: 2rem;
	margin-left:2rem;
	font-weight: normal;
	line-height: 2;
	
}

#next, #prev {
	position: absolute;
	top: 0;
	font-size: 70px;
	top: 0px;
	width: 22px;
	height: 38px;
	background-position: 0 0;
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
#next:hover, #prev:hover {
	background-position: 0 -76px;
}
#next {
	right: 0;
	background-image: url('../images/next.png');
}
#prev {
	left: 0;
	background-image: url('../images/prev.png');
}
#next.disabled, #prev.disabled {
	opacity: 0.2;
}

.fazhantit { position:absolute;left:0;bottom:5rem;}

.timezhou .col-3 { background:#0b1240;color:#ffffff;padding:0;}
.timezhou .col-2 {padding:0;}
.timezhou .col-7 {padding:0;}	

.graybg {width:100%;height:auto; background:#f3f3f3;}
.leader h1 {font-size:2.5rem;color:#343434;font-weight:bold;}
.leader h5 {font-size:1rem;color:#343434;font-weight:normal;line-height:2;margin-top:2rem;}
.leader img {margin-top:3rem;}


.ntopmenu .col-8,.topmenu .col-8 {line-height:2.5;}