@charset "utf-8";

.fwbot2 span { background:url(../images/ico.png) no-repeat left center;padding-left:1.5rem;margin-left:1rem; background-size:contain;}

.iconfont {
	font-family: "iconfont" !important;
	font-size: 14px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

html,
body,
div,
span,
applet,
object,
iframe,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0px;
	border: 0;
	font-size: 100%;
	outline: none;
}

table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
h1,
h2,
h3,
h4,
h5,
h6,
p {
	margin: 0;
	padding: 0px;
}

html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	overflow-x: hidden;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}



body {
	font: 14px/1.8 "Microsoft Yahei", sans-serif, "微软雅黑", "微软正黑体", "Microsoft JhengHei", "SimHei", "黑体", Arial, Helvetica;
	margin: 0 auto;
	color: #333;
	overflow: hidden;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

ol,
ul {
	list-style: none;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

strong {
	font-weight: bold;
}

img {
	border: 0;
}

input {
	outline: none;
}

input[type="text"],
input[type="button"],
input[type="submit"],
input[type="reset"] {
	-webkit-appearance: none;
	border-radius: 0;
}

textarea {
	-webkit-appearance: none;
	border-radius: 0;
	outline: none;
}

::-moz-selection {
	background: #8b8b8b;
	color: #fff;
	text-shadow: none;
}

::selection {
	background: #8b8b8b;
	color: #fff;
	text-shadow: none;
}

select {
	outline: none;
}

select::-ms-expand {
	display: none;
}

table,
tbody,
tfoot,
thead,
tr,
th,
td {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
}

a {
	text-decoration: none;
	blr: expression(this.onFocus=this.blur());
	cursor: pointer;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

a:link,
a:visited {
	text-decoration: none;
}

a:active,
a:hover {
	text-decoration: none;
}

.clearfix:before,
.clearfix:after {
	display: table;
	content: "";
	line-height: 0px;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	*zoom: 1;
}

.tx-c {
	text-align: center;
}

.fc {
	text-align: center;
}

.fr {
	text-align: right;
}

.vt {
	vertical-align: top;
}

.vm {
	vertical-align: middle;
}

.db {
	display: block;
}

.wzbs {
	color: #fff !important;
}

.fixedImg {
	background-repeat: no-repeat;
	background-size: cover;
}

.imgw {
	width: 100%;
	display: block;
}

.eT {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

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

.pageC a:link,
.pageC a:visited {
	color: #183D82;
}

.pageC a:active,
.pageC a:hover {
	color: #333;
}

.pageC img {
	max-width: 100% !important;
	height: auto !important;
}

.pageC {
	overflow: hidden;
}

.pageC table {
	width: 100% !important;
}
.pageC table img{
	width: 100% !important;
}
.pageC table td{
	padding: 5px !important;
}
.load-words.target span {
	opacity: 0;
	visibility: hidden;
}

.action.load-words span {
	visibility: visible;
	display: inline-block;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: wordsRightFade;
	animation-name: wordsRightFade;
}

@-webkit-keyframes wordsRightFade {
	0% {
		-webkit-transform: translateX(50px);
		transform: translateX(50px);
		opacity: 0;
		visibility: hidden;
	}
	100% {
		-webkit-transform: none;
		transform: none;
		opacity: 1;
		visibility: visible;
	}
}

@-moz-keyframes wordsRightFade {
	0% {
		-moz-transform: translateX(50px);
		transform: translateX(50px);
		opacity: 0;
		visibility: hidden;
	}
	100% {
		-moz-transform: none;
		transform: none;
		opacity: 1;
		visibility: visible
	}
}

@keyframes wordsRightFade {
	0% {
		-webkit-transform: translateX(50px);
		-moz-transform: translateX(50px);
		transform: translateX(50px);
		opacity: 0;
		visibility: hidden
	}
	100% {
		-webkit-transform: none;
		-moz-transform: none;
		transform: none;
		opacity: 1;
		visibility: visible
	}
}

.nimg.target {
	visibility: hidden;
}

.nimg.action {
	visibility: visible !important;
	-webkit-animation: scaleUpDown 3.5s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);
	animation: scaleUpDown 3.5s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);
}

.w88 {
	width: 1350px;
	margin: 0 auto;
}

.w1440 {
	width: 1440px;
	margin: 0 auto;
}


/* 头部  */

.header {
	position: fixed;
	width: 100%;
	height: 94px;
	line-height: 94px;
	top: 0;
	left: 0;
	right: 0;
	z-index: 999;
	transition: 0.75s;
	border-bottom: 1px solid rgba(255, 255, 255, .1);
}

.header.active .yj-bot .yj-link:before,
.header.mractive .yj-bot .yj-link:before {
	background: #2D56A4;
}

.header.active,
.header.mractive {
	background: #fff;
	border-bottom: 1px solid #eee;
}

.header.active .hlimg1,
.header.mractive .hlimg1 {
	display: none;
}

.header.active .hlimg2,
.header.mractive .hlimg2 {
	display: inline-block;
}

.header.active .yj-bot .yj-link,
.header.mractive .yj-bot .yj-link,
.header.active .nrsicon,
.header.mractive .nrsicon,
.header.active .nltxt,
.header.mractive .nltxt {
	color: #333333;
}

.header.active .fq1btn,
.header.mractive .fq1btn {
	border: 1px solid #666;
	color: #666;
}

.head-wrap {
	position: relative;
	padding: 0 5%;
}

.head-logo {
	float: left;
}

.head-logo img {
	vertical-align: middle;
	width: 100%;
}

.hlimg1 {
	display: inline-block;
}

.hlimg2 {
	display: none;
}

.header .nav {
	position: relative;
	float: right;
}

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

.navr {
	float: right;
	margin-left: 20px;
}

.nrsearch,
.nrlg {
	display: inline-block;
	vertical-align: middle;
	padding-left: 40px;
}

.nrsearch {
	position: relative;
}

.search-down {
	display: block;
	position: absolute;
	top: 100%;
	right: 0;
	width: 200px;
	height: 38px;
	line-height: 38px;
	background: #fff;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: 0.4s;
	transform: translateY(30px);
	box-shadow: 0 2px 4px rgba(0, 0, 0, .16);
}

.search-down .text {
	box-sizing: border-box;
	float: right;
	width: 150px;
	height: 38px;
	line-height: 38px;
	color: #004E7B;
	background: #fff;
	outline: none;
	border: none;
	color: #333;
	font-size: 14px;
}

.search-down .sub {
	display: block;
	margin-left: 12px;
	float: left;
	color: #333333;
	font-size: 18px;
	background: none;
	border: none;
	outline: none;
	transition: 0.4s;
}

.nrsearch:hover .search-down {
	opacity: 1;
	visibility: visible;
	transform: translateY(0px);
	pointer-events: visible;
}

.nrsicon {
	display: block;
	color: #fff;
	font-size: 20px;
}

.nltxt {
	display: inline-block;
	vertical-align: middle;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	margin-right: 40px;
}

.header .yj-bot li {
	position: relative;
	display: inline-block;
	vertical-align: top;
	transition: 0.35s;
	text-align: center;
	z-index: 10;
}

.header .yj-bot .yj-link {
	position: relative;
	z-index: 3;
	color: #fff;
	font-size: 14px;
	display: block;
	text-align: center;
	text-transform: uppercase;
	overflow: hidden;
	margin: 0 30px;
	z-index: 3;
}

.header .yj-bot .yj-link:before {
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	width: 0;
	height: 3px;
	background: #FFFFFF;
	z-index: -3;
	transition: 0.45s;
	opacity: 0;
	visibility: hidden;
}

.header .yj-bot li.active .yj-link:before {
	opacity: 1;
	visibility: visible;
	width: 100%;
	left: 0;
	right: auto;
}

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

.ej-list.active {
	opacity: 1;
	visibility: visible;
}

.ej-list {
	position: absolute;
	z-index: 10;
	left: 0;
	width: 100%;
	top: 100%;
	transform: translateY(20px);
	background-color: #fff;
	opacity: 0;
	visibility: hidden;
	text-align: center;
	box-sizing: border-box;
	box-shadow: 0 2px 4px rgba(0, 0, 0, .16);
	padding: 5px 0;
}

.el-link {
	position: relative;
	display: block;
	color: #6B6B6B;
	font-size: 12px;
	line-height: 1.5;
	box-sizing: border-box;
	padding: 8px 0;
}

.el-link:hover {
	color: #2D56A4;
}

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

.menu-handler span {
	position: relative;
	display: block;
	margin: 27.5px 0 0 17.5px;
	width: 10px;
	height: 2px;
	background-color: #333;
	-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: 20px;
	height: 2px;
	left: 0;
	background-color: #333;
	-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 {
	height: 2px;
	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 {
	-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);
}

.menu-handler.active {
	top: 0;
}

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

.menuMoblie .nav-link.active,
.menuMoblie .cur .nav-link,
.menuMoblie .nav-link:hover {
	background: #2D56A4;
}

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

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

.menuBox {
	border-top: 1px solid #e4e4e4;
	background-color: #fff;
	color: #333333;
	position: fixed;
	display: none;
	right: 0px;
	top: 55px;
	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 {
	margin: 0 0 100px 0;
}

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

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

.menuMoblie li {
	opacity: 0;
	visibility: hidden;
	transition: 0.55s;
	transform: scale(1.1) translateX(100px);
	border-bottom: 1px solid #e4e4e4;
}

.menuMoblie li:nth-child(1) {
	transition-delay: 0;
}

.menuMoblie li:nth-child(2) {
	transition-delay: 0.1s;
}

.menuMoblie li:nth-child(3) {
	transition-delay: 0.2s;
}

.menuMoblie li:nth-child(4) {
	transition-delay: 0.3s;
}

.menuMoblie li:nth-child(5) {
	transition-delay: 0.4s;
}

.menuMoblie li:nth-child(6) {
	transition-delay: 0.5s;
}
.menuMoblie li:nth-child(7) {
	transition-delay: 0.6s;
}
.menuMoblie .subnav {
	padding: 12px 5% 12px 10%;
	display: none;
}

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

.menuMoblie .subnav .item:active a,
.menuMoblie .subnav .item:hover a {
	/*background: #999;*/
	color: #2D56A4 !important;
}

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

.menuOpen .menuBox li {
	opacity: 1;
	visibility: visible;
	transform: scale(1) translateX(0);
}


/* Slider */


/* Arrows */

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

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


/* pswp = photoswipe */



@-webkit-keyframes clockwise {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes clockwise {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@-webkit-keyframes donut-rotate {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}
	50% {
		-webkit-transform: rotate(-140deg);
		transform: rotate(-140deg);
	}
	100% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}
}

@keyframes donut-rotate {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}
	50% {
		-webkit-transform: rotate(-140deg);
		transform: rotate(-140deg);
	}
	100% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}
}



.mtop {
	height: 159px;
}


/* banner */

.banner-wrap {
	position: relative;
	width: 100%;
	overflow: hidden;
}


/*.banner-wrap:before{
	content: "";
	position: absolute;
	right: 14%;
	top: 0;
	bottom: 0;
	width: 1px;
	height: 100%;
	background: rgba(255,255,255,.2);
	z-index: 100;
}*/
.inner {
  max-width: 1400px;
  width:95%;
  margin: 0px auto;
    
}
.banner {
	width: 100%;
	position: relative;
	overflow: hidden;
}

.swiper-container {
	width: 100%;
	height: 100%;
}

#swiper-container1 .swiper-pagination-bullet {
	position: relative;
	display: block;
	margin: 50px 0;
	background: #FFFFFF;
	width: 10px;
	height: 10px;
	opacity: 1;
}

#swiper-container1 .swiper-pagination-bullet:before {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%) scale(0);
	width: 30px;
	height: 30px;
	border: 1px solid #fff;
	border-radius: 50%;
	transition: 0.65s;
}

#swiper-container1 .swiper-pagination-bullet-active:before {
	transform: translate(-50%, -50%) scale(1);
}

#swiper-container1 .swiper-pagination {
	right: 5%;
	bottom: 117px;
	left: auto;
	width: auto;
}

.item {
	position: relative;
	overflow: hidden;
}

#swiper-container1 .swiper-slide {
	text-align: center;
	background: #fff;
	overflow: hidden;
}

.banner .pimg {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	transition: transform 3.5s;
	-webkit-transition: transform 3.5s;
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}

.banner .swiper-slide-active .pimg {
	visibility: visible !important;
	transform: scale(1);
	-webkit-transform: scale(1);
}

@keyframes scaleUpDown1 {
	from {
		transform: scale(1.2);
	}
	to {
		transform: scale(1);
	}
}

.bscover {
	position: absolute;
	width: 1350px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 10;
	text-align: left;
}

.bct1 {
	display: block;
	color: #fff;
	font-size: 40px;
	line-height: 1.5;
	font-weight: normal;
}

.bct2 {
	color: #fff;
	font-size: 18px;
	margin-top: 10px;
}

.bczs {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 65%;
	z-index: 10;
}

.bwdown {
	font-family: "DINCond-Regular";
	position: absolute;
	left: 5%;
	bottom: 20px;
	z-index: 1;
	color: #fff;
	font-size: 14px;
	text-transform: uppercase;
	writing-mode: tb-rl;
	text-align: center;
	line-height: 1.5;
}

.bwdown:before {
	content: "";
	position: absolute;
	top: -25px;
	left: 50%;
	transform: translateX(-50%);
	width: 1px;
	height: 15px;
	background: #fff;
}


/* banner end */














.fr1txt em {
	font-style: normal;
	color: rgba(255, 255, 255, .5);
	font-weight: normal;
}

.fe1qh {
	display: none;
}

.fq1btn {
	display: inline-block;
	vertical-align: middle;
	width: 62px;
	height: 36px;
	text-align: center;
	line-height: 36px;
	border: 1px solid rgba(255, 255, 255, .5);
	color: rgba(255, 255, 255, .5);
	font-size: 12px;
	margin-left: -5px;
}

.fq1btn:hover,
.header.active .fq1btn:hover,
.header.mractive .fq1btn:hover {
	color: #fff;
	background: #2D56A4;
	border: 1px solid #2D56A4;
}


.fb2box {
	position: relative;
}

.fb2l {
	position: absolute;
	left: 0;
}

.fl2txt {
	font-size: 14px;
	color: rgba(255, 255, 255, .5);
}

.fb2txt {
	color: #fff;
	font-size: 12px;
	text-align: center;
}

.fb2txt a {
	color: #fff;
}

.fb2r {
	position: absolute;
	right: 0;
	top: 0;
	color: #888888;
	font-size: 12px;
}

.fb2r a {
	color: rgba(255, 255, 255, .5);
}
.home .more {
  clear: both;
  width: 134px;
  height: 42px;
  line-height: 42px;
  margin: 0 auto;
  text-align: center;
}

.home .more a {
  display: block;
  width: 100%;
  height: 100%;
  line-height: 41px;
  font-size: 15px;
  color: #808080;
  background: url(../images/npic03.png) no-repeat 26px center;
  padding-left: 20px;
  border: 1px solid #cccccc;
}

.home .row2 { clear:both; background: url(../images/npic12.jpg) no-repeat center center;overflow: hidden; width: 100%; min-height: 900px; padding-top: 65px;padding-bottom:60px; color: #fff;background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;}
.home .row2 .tit { font-size: 36px; text-align: center; line-height: 42px; margin-bottom: 70px;}
.home .row2 .tit:after { content:''; display: block; width: 35px; height: 3px; margin: 0 auto; margin-top: 20px; background: #fff;}
.home .row2 .text { color:#fff; text-align: center; margin-bottom: 60px;}
.home .row2 .text .d1 { font-size: 24px; font-weight: bold; line-height: 30px; margin-bottom: 32px;}
.home .row2 .text .d2 { font-size: 16px; line-height: 34px; width: 54%; margin: 0 auto;}
.home .row2 .list { height: 330px;}
.home .row2 .list .li { width: 17%; float:left; text-align: center; color: #fff; margin: 0 4%; cursor: pointer;-webkit-transition: 0.6s;
	-moz-transition: 0.6s;
	-ms-transition: 0.6s;
	-o-transition: 0.6s;
	transition: 0.6s;}
.home .row2 .list .li .li_1 { margin-bottom:35px;}
.home .row2 .list .li .li_1 img { display:block; margin: 0 auto; width: 50px; height: auto;}
.home .row2 .list .li .li_2 { width: 160px; height: 160px; margin: 0 auto; border-radius: 50%;  border: 1px solid #fff;-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;}
.home .row2 .list .li .li_2 p.p1 { font-size: 14px; margin-bottom: 12px;-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-ms-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;padding-top: 28px;}
.home .row2 .list .li .li_2 p.p1 span { font-size:36px; font-family: GOTHICBI; }
.home .row2 .list .li .li_2 p.p2 { font-size: 14px;-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-ms-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;}
.home .row2 .list .li:hover .li_2 {background: url(../images/npic07.png) repeat center center;}
.home .row2 .list .li:hover .li_2 p.p1{ color:#299de9;}
.home .row2 .list .li:hover .li_2 p.p2{ color:#299de9;}
.home .row2 .list .li:hover { margin-top: 2%;}
.home .row2 .more { clear:both; text-align: center}
.home .row2 .more a { color:#fff;background: url(../images/npic03-on.png) no-repeat 26px center; border: 1px solid #8ebfda;}




.indexBanner {
	position: relative;
	overflow: hidden;
}

.ibitem {
	position: relative;
	float: left;
	width: 25%;
	cursor: pointer;
	transition: 0.45s;
	overflow: hidden;
	box-sizing: border-box;
}

.indexBanner ul .m-width {
	width: 46%;
}

.indexBanner ul .s-width {
	width: 27%;
}

.ibitem:hover .ibcover {
	background: url(../images/op3.png) repeat;
}

.ibitem:hover .icnr {
	transition: 0.65s;
	top: 10%;
}

.ibitem:hover .icline {
	transition: 0.65s;
	display: block;
}

.ibitem:hover .icicon {
	transition: 0.85s;
	width: 237px;
	height: 206px;
	line-height: 208px;
	background: url(../images/ipx.png) no-repeat;
	background-size: contain;
	border-radius: 0;
	text-align:center;
}

.ibitem:hover .icicon img {max-width:100px;}
.ibitem:hover .iccont,
.ibitem:hover .icspe,
.ibitem:hover .icbtn {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.ibitem:hover .icspe,
.ibitem:hover .icbtn {
	opacity: 1;
	visibility: visible;
}

.ibpic {
	overflow: hidden;
	height: 100%;
}

.ibpic img {
	display: block;
	width: auto;
	height: 100%;
}

.ibcover {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url(../images/op1.png) repeat;
	transition: 0.45s;
}

.icnr {
	position: relative;
	width: 100%;
	top: 30%;
	text-align: center;
	-webkit-transition: opacity 0.65s, -webkit-transform 0.65s;
	transition: opacity 0.65s, transform 0.65s;
	/*-webkit-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0);*/
}

.iccont {
	-webkit-transition: opacity 0.65s, -webkit-transform 0.65s;
	transition: opacity 0.65s, transform 0.65s;
	-webkit-transform: translate3d(0, 100px, 0);
	transform: translate3d(0, 100px, 0);
}

.icdetail {
	/*-webkit-transition: opacity 0.85s, -webkit-transform 0.85s;
	transition: opacity 0.85s, transform 0.85s;
	-webkit-transform: translate3d(0, 500px, 0);
	transform: translate3d(0, 500px, 0);*/
}

.icicon {
	transition: 0.85s;
	display: block;
	width: 90px;
	height: 90px;
	line-height: 90px;
	
	background: url(../images/hua.png) no-repeat;
	background-size:cover;
	margin: 0 auto;
	text-align: center;
}

.icicon i {
	display: block;
	color: #fff;
	font-size: 60px;
}
.icicon i img { max-width:50px;max-height:50px;}
.icline {
	display: none;
	width: 4px;
	height: 56px;
	background: #fff;
	margin: -20px auto 0;
	transition: 0.65s;
}

.icdesc {
	display: block;
	color: #fff;
	font-size: 28px;
	margin-top: 30px;
	line-height: 1;
	transition: 0.45s;
	font-weight: bold;
}

.icspe {
	opacity: 0;
	visibility: hidden;
	font-size: 16px;
	width: 250px;
	margin: 30px auto 0;
	text-align: center;
	transition-delay: 0.4s;
	-webkit-transition: opacity 0.85s, -webkit-transform 0.85s;
	transition: opacity 0.85s, transform 0.85s;
	-webkit-transform: translate3d(0, 100px, 0);
	transform: translate3d(0, 100px, 0);
}

.icspe a {
	color: #fff;
	position: relative;
	display: block;
	height: 34px;
	line-height: 34px;
	z-index: 3;
	transition: 0.45s;
	margin-top: 5px;
}

.icspe a:hover {
	height: 44px;
	line-height: 44px;
}

.icspe a:hover:before {
	transform: scale(1);
	-webkit-transform: scale(1);
	opacity: 1;
	visibility: visible;
}

.icspe a:hover:after {
	opacity: 1;
	visibility: visible;
}

.icspe a:before {
	content: "";
	position: absolute;
	left: 0%;
	top: 0;
	opacity: 0;
	visibility: hidden;
	transition: 500ms;
	-webkit-transition: 500ms;
	width: 100%;
	height: 44px;
	border-radius: 20px;
	background: rgba(47, 136, 116, 0.58);
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	z-index: -2;
}

.icspe a:after {
	content: "";
	position: absolute;
	left: 0%;
	top: 0;
	opacity: 0;
	visibility: hidden;
	transition: 500ms;
	-webkit-transition: 500ms;
	height: 34px;
	border-radius: 26px;
	left: 5px;
	top: 5px;
	right: 5px;
	background: #2F8874;
	z-index: -1;
}

.icbtn {
	opacity: 0;
	visibility: hidden;
	position: relative;
	display: block;
	color: #fff;
	font-size: 14px;
	width: 82px;
	margin: 30px auto 0;
	padding-bottom: 8px;
	/*transition: 1s;*/
	font-weight: normal;
	transition-delay: 0.8s;
	-webkit-transition: opacity 1s, -webkit-transform 1s;
	transition: opacity 1s, transform 1s;
	-webkit-transform: translate3d(0, 150px, 0);
	transform: translate3d(0, 150px, 0);
}

.icbtn:hover:before {
	transition: 0.65s;
	width: 82px;
}

.icbtn:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	width: 0;
	height: 3px;
	background: #fff;
	transition: 0.65s;
}

.mouseBox {
	position: absolute;
	right: 0;
	width: 112px;
	bottom: 40px;
	color: #fff;
	z-index: 800;
	text-align: center;
	cursor: pointer;
	font-family: arial, helvetica, sans-serif;
}

.mouseIco {
	border-radius: 14px;
	width: 24px;
	height: 42px;
	border: 2px solid #fff;
	margin: 0px auto;
	display: block;
	position: relative;
}

.mouseIco i {
	width: 2px;
	height: 8px;
	border-radius: 1px;
	display: block;
	background-color: #fff;
	position: absolute;
	left: 50%;
	margin-left: -1px;
	top: 5px;
	-webkit-animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;
	animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;
}



.index-ys {
	background-repeat: no-repeat;
	background-size: cover;
	padding: 160px 0 130px 0;
	background-attachment: fixed;
}

.ibleft {
	float: left;
	width: 43%;
}

.sybt {
	color: #fff;
	font-size: 32px;
	line-height: 1.5;
}

.iltxt2 {
	display: block;
	color: #fff;
	font-size: 24px;
	margin-top: 80px;
}

.iltxt3 {
	color: rgba(255, 255, 255, .8);
	font-size: 16px;
	margin-top: 40px;
}

.ilcbox {
	display: none;
}

.ibright {
	float: right;
	width: 35%;
}

.irqh {
	position: relative;
	padding: 30px 35px;
	border-bottom: 1px solid rgba(255, 255, 255, .1);
	cursor: pointer;
	z-index: 3;
}

.irqh.active .irtxt {
	color: #fff;
	font-weight: bold;
}

.irqh.active:before {
	width: 100%;
}

.irqh.active .irline {
	width: 145px;
}

.irqh:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 0;
	height: 100%;
	background: rgba(79, 113, 135, .65);
	transition: 0.65s;
	z-index: -3;
}

.irtxt {
	display: block;
	float: left;
	color: rgba(255, 255, 255, .6);
	font-size: 24px;
	line-height: 1.5;
}

.irline {
	display: block;
	float: right;
	width: 35px;
	height: 3px;
	background: #fff;
	margin-top: 16.5px;
	transition: 0.65s;
}

.wzls {
	color: #242424;
}

.index-pt {
	margin-top: 150px;
}

.w77 {
    width: 77%;
    margin: 0 auto;
}



.news-dynamic {
  position: relative;
  padding: 80px 0 120px;
}
.news-dynamic:before {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  content: "";
  width: 100%;
  height: 100%;
  background: #F6F6F6;
}
.dynamic-swiper {
  position: relative;
  margin-top: 80px;
}
.dynamic-tab {
  padding-top: 23px;
  padding-bottom: 23px;
  overflow:hidden;
}
.dynamic-slide {
  position: relative;
  width: 25%;
}
.dynamic-slide a {
  display: block;
  position: relative;
  z-index: 2;
  padding: 45px 20px 0;
  box-sizing: border-box;
  height: 386px;
  border: 1px solid #E9E9E9;
  background: #FFFFFF;
  transition: 0.4s;
}
.dynamic-slide a:hover {
  padding-top: 115px;
  transform: translateY(-23px);
}
.dynamic-slide a:hover figure {
  opacity: 1;
  visibility: visible;
  filter: brightness(1);
}
.dynamic-slide a:hover b,
.dynamic-slide a:hover strong {
  color: #fff;
}
.dynamic-slide a:hover p {
  opacity: 0;
  height: 0px;
  overflow: hidden;
}
.dynamic-slide a:hover span {
  opacity: 1;
  visibility: visible;
}
.dynamic-slide a:hover time {
  color: #fff;
}
.dynamic-slide a:hover time i {
  color: #fff;
}
.dynamic-slide a figure {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
  filter: brightness(2);
}
.dynamic-slide a figure:before {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  z-index: 2;
}
.dynamic-slide a figure img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.dynamic-slide a b {
  display: block;
  margin-bottom: 24px;
  line-height: 1;
  color: #004E7B;
  font-size: 14px;
  transition: 0.35s;
}
.dynamic-slide a strong {
  display: block;
  margin-bottom: 25px;
  line-height: 1.4;
  color: #333333;
  font-size: 18px;
  transition: 0.35s;
}
.dynamic-slide a p {
  height: 75px;
  overflow: hidden;
  color: #999999;
  font-size: 14px;
  transition: 0.4s;
}
.dynamic-slide a span {
  display: inline-block;
  position: relative;
  margin-top: 10px;
  padding-left: 45px;
  color: #fff;
  font-size: 14px;
  transition: 0.4s;
  opacity: 0;
  visibility: hidden;
}
.dynamic-slide a span:before {
  display: none;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -1px;
  content: "";
  width: 30px;
  height: 2px;
  background: #fff;
}
.dynamic-slide a time {
  display: block;
  position: absolute;
  left: 20px;
  bottom: 24px;
  padding-left: 33px;
  color: #999999;
  font-size: 14px;
  transition: 0.38s;
}
.dynamic-slide a time i {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -10px;
  line-height: 1;
  color: #999;
  font-size: 20px;
  transition: 0.38s;
}
.dynamic-slide a time i.ico-timeh { background:url(../images/time.png) no-repeat center center; background-size:contain;width: 20px;
    height: 20px;
}
.dynamic-slide a:hover time i.ico-timeh { background:url(../images/timeh.png) no-repeat center center; background-size:contain;width: 20px;
    height: 20px;
}

.dynamic-btn {
  position: absolute;
  top: 50%;
  margin-top: -30px;
  z-index: 10;
  width: 60px;
  height: 60px;
  text-align: center;
  line-height: 60px;
  cursor: pointer;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.15);
  color: #fff;
  font-size: 17px;
  transition: 0.5s;
}
.dynamic-btn:hover {
  background: #004E7B;
}
.dynamic-btn.prev {
  left: -110px;
}
.dynamic-btn.next {
  right: -110px;
}




.common-top strong {
    display: block;
    text-align: center;
    position: relative;
    margin-bottom: 50px;
    padding-bottom: 26px;
    line-height: 1;
    color: #3773ef;
    font-size: 40px;
    font-weight: normal;
}

.common-top strong:before {
    position: absolute;
    left: 50%;
    margin-left: -40px;
    bottom: 0;
    content: "";
    width: 80px;
    height: 5px;
    background: #3773ef;
}



.index-join {
	background-repeat: no-repeat;
	background-size: cover;
	padding: 80px 0;
	
}

.ijbot {
	text-align: center;
}

.ijlable {
	color: #333333;
	font-size: 22px;
	margin-top: 30px;
}

.ijmore {
	display: block;
	width: 153px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	background: #3773ef;
	border-radius: 50px;
	color: #fff;
	font-size: 14px;
	margin: 50px auto 0;
	transition: 0.45s;
}

.ijmore:hover {
	box-shadow: 0 2px 4px #003B5C;
}
.wzhs {
  color: #333333;
}


.footer-wrap {
	position: relative;
	background: #3773ef;
}

.fwbot1 {
	padding: 80px 0 50px 0;
}

.fb1logo {
	float: left;
}

.fb1right {
	float: right;
}

.fr1item {
	float: left;
}

.fr1item:not(:first-child) {
	margin-left: 100px;
}

.fi1bt {
	display: block;
	color: rgba(255, 255, 255, .8);
	font-size: 20px;
	margin-bottom: 20px;
	font-weight: bold;
}

.fi1link {
	display: block;
	color: #fff;
	font-size: 14px;
	margin-top: 15px;
}

.fi1xx {
	margin-top: 15px;
}

.fx1icon {
	width: 25px;
	display: inline-block;
	vertical-align: middle;
	color: #fff;
	font-size: 18px;
	text-align: center;
}

.fx1wz {
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
	color: #fff;
	font-size: 14px;
}

.fi1ewm {
	margin-top: 20px;
	width: 102px;
}

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

.fwbot2 {
	padding: 20px 0 30px 0;
	
	color:#ffffff;
	text-align:center;
}

.fb2l {
	float: left;
	margin-top: 12px;
}

.fb2r {
	float: right;
}

.fb2txt {
	color: rgba(255, 255, 255, .5);
	font-size: 14px;
}

.fb2txt a {
	color: rgba(255, 255, 255, .5);
}

.fb2ba {
	margin-left: 40px;
}

.uptop.active {
	opacity: 1;
	visibility: visible;
	transform: translateX(0);
}

.uptop {
	opacity: 1;
	visibility: hidden;
	transform: translateX(30px);
	transition: 0.45s;
	position: fixed;
	bottom: 25%;
	right: 5%;
	width: 64px;
	height: 64px;
	background: #fff;
	text-align: center;
	line-height: 64px;
	border-radius: 50%;
	box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
	color: #707070;
	cursor: pointer;
	transition: 0.35s;
	z-index: 99;
}

.uptop:hover {
	background: #e5e3e3;
	border: 1px solid #e5e3e3;
}

.uptop:hover i {
	color: #fff;
}

.uptop i {
	display: block;
	font-size: 32px;
}


.ibcv {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
	width:100%;
}
.insides-banner {
  position: relative;
}
.ibct1 {
	display: block;
	color: #fff;
	font-size: 36px;
	line-height: 1.5;
	font-weight: normal;
}

.ibct2 {
	display: block;
	font-family: "DINCond-Regular";
	color: #fff;
	position: relative;
	line-height: 1;
	color: #fff;
	font-size: 30px;
	padding-bottom: 20px;
}

.ibct2:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 20px;
	height: 2px;
	background: #fff;
}
.pb100 {
  padding: 100px 0;
}
.w88 {
  width: 1350px;
  margin: 0 auto;
}

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

.ctlt1 {
	color: #333333;
	font-size: 32px;
	line-height: 1.2;
	font-weight: normal;
}

.ctlt2 {
	display: block;
	font-family: "DINCond-Regular";
	line-height: 1.5;
	color: #666666;
	font-size: 28px;
}

.ctllx {
	margin-top: 25px;
}

.ctlicon {
	display: block;
	float: left;
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	background-size: contain;
	margin-top: 4px;
}

.ctlwz {
	float: right;
	width: 93%;
}

.clwtxt {
	display: block;
	color: #333333;
	font-size: 16px;
	line-height: 1.5;
}

.clwtxt:not(:first-child) {
	margin-top: 7px;
}

.clwewm {
	margin-top: 7px;
	width: 110px;
}

.ctwright {
	float: right;
	width: 50%;
}

.maps {
	width: 100%;
	height: 480px;
}
.rc1wrap {
    padding: 80px 0 130px 0;
}

.rwtitle {
	position: relative;
	color: #333333;
	font-size: 32px;
	text-align: center;
	line-height: 1.5;
	padding-bottom: 30px;
}

.rwtitle:before {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	width: 30px;
	height: 2px;
	background: #2D56A4;
}

.rwnr {
	color: #777777;
	font-size: 16px;
	margin-top: 40px;
}

.rc2bot {
	padding: 67px 0 100px 0;
}

.rb2head {
	background: #2D56A4;
	height: 80px;
	line-height: 80px;
}

.rh2txt {
	position: relative;
	float: left;
	width: 18%;
	text-align: center;
	color: #fff;
	font-size: 20px;
}

.rh2txt:not(:first-child):before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 20px;
	background: rgba(255, 255, 255, .5);
}

.rb2list li {
	background: #fff;
	margin-top: 10px;
}

.rl2bt {
	cursor: pointer;
}

.rl2bt.active,
.rl2bt:hover .rb2txt {
	color: #2D56A4;
}

.rl2bt.active .rt2jt,
.rl2bt:hover .rt2jt {
	background: #2D56A4;
}

.rl2bt.active .rt2jt {
	transform: rotate(180deg);
}

.rb2txt {
	display: block;
	float: left;
	width: 18%;
	text-align: center;
	color: #666666;
	font-size: 20px;
	padding: 20px 0;
}

.rb2txt:last-child {
	width: 10%;
}

.rt2jt {
	display: block;
	width: 30px;
	height: 30px;
	margin: 0 auto;
	text-align: center;
	line-height: 30px;
	border-radius: 50%;
	background: #E8E8E8;
	color: #fff;
	font-size: 20px;
	transition: 0.45s;
}

.rl2zk {
	display: none;
	padding: 30px 0;
	margin: 0 60px;
	border-top: 1px solid #E8E8E8;
}

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

.rz2txt {
	color: #999999;
	font-size: 20px;
	margin-top: 10px;
	line-height: 1.5;
}

.rz2txt a {
	color: #2D56A4;
}

.rz2bt {
	margin-top: 30px;
}

.ctwleft {
	float: left;
	width: 45%;
}

.ctlt1 {
	color: #333333;
	font-size: 32px;
	line-height: 1.2;
	font-weight: normal;
}

.ctlt2 {
	display: block;
	font-family: "DINCond-Regular";
	line-height: 1.5;
	color: #666666;
	font-size: 28px;
}

.ctllx {
	margin-top: 25px;
}

.ctlicon {
	display: block;
	float: left;
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	background-size: contain;
	margin-top: 4px;
}

.ctlwz {
	float: right;
	width: 93%;
}

.clwtxt {
	display: block;
	color: #333333;
	font-size: 16px;
	line-height: 1.5;
}

.clwtxt:not(:first-child) {
	margin-top: 7px;
}

.rw1left{
	float: left;
	width: 43%;
	background: #edf2fe;
	border-radius: 12px;
	box-sizing: border-box;
	padding: 75px 40px;
}
.rl1bt1{
	display: block;
	color: #242424;
	font-size: 32px;
	line-height: 1.5;
	font-weight: normal;
}
.rl1bt2{
	position: relative;
	display: block;
	line-height: 1.5;
	font-family: "DINCond-Regular";
	color: #4f4e4e;
	font-size: 26px;
	text-transform: uppercase;
	padding-bottom: 10px;
}

.rl1nr{
	color: #666666;
	font-size: 16px;
	margin-top: 30px;
	line-height: 36px;
}
.rw1right{
	float: right;
	width: 52%;
}
.rw1cricle{
	width: 309px;
	margin: 100px auto 0;
	position: relative;
}
.rw1cricle .img img{
	display: block;
	width: 100%;
}
.rw1list li{
	position: absolute;
	width: 100%;
	height: 50%;
}
.rw1list li:hover .rltp{
	opacity: 1;
	visibility: visible;
	transform: scale(1);
}
.rw1list li:hover .rlbt{
	color: #2D56A4;
}
.rltp{
	position: absolute;
	z-index: 1;
	opacity: 0;
	visibility: hidden;
	transform: scale(0.85);
	transition: 0.45s;
}
.rltp img{
	display: block;
}
.rlwz{
	position: absolute;
}
.rl1{
	bottom: 51%;
	left: 50%;
}
.rl1 .rltp{
	left: 0;
	bottom: 0;
}
.rl1 .rlline{
	left: 35%;
	bottom: 56%;
}
.rl1 .rlwz{
	left: 70%;
	top: -46%;
}
.rl2{
	top:54%;
	left: 50%;
}
.rl2 .rltp{
	left: 0;
	bottom: 0;
}
.rl2 .rlline{
	left: 35%;
	top: 58%;
}
.rl2 .rlwz{
	left: 70%;
	top: 72%;
}
.rl3{
	top: 51%;
	right: 50%;
	text-align: right;
}
.rl3 .rltp{
	right: 0;
	bottom: 0;
}
.rl3 .rlline{
	right: 35%;
	top: 62%;
}
.rl3 .rlwz{
	right: 70%;
	top: 76%;
}
.rl4{
	bottom: 51%;
	right: 50%;
	text-align: right;
}
.rl4 .rltp{
	right: 0;
	bottom: 0;
}
.rl4 .rlline{
	right: 35%;
	bottom: 56%;
}
.rl4 .rlwz{
	right: 70%;
	top: -46%;
}
.rlbt{
	position: relative;
	display: block;
	color: #333333;
	font-size: 18px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	text-align: center;
}
.rlbt:before{
	content: "";
	position: absolute;
	bottom: 0;
	width: 70px;
	height: 1px;
	background: #CCCCCC;
}
.rl1 .rlbt:before,.rl2 .rlbt:before{
	left: 0;
}
.rl3 .rlbt:before,.rl4 .rlbt:before{
	right: 0;
}
.rlms{
	color: #666666;
	font-size: 18px;
}
.rlline{
	position: absolute;
}
.ibmenu {text-align:center;margin-top:-80px; border-top:1px solid #ffffff;z-index:999;width:100%; position:relative;}
.imtxt {
	display: inline-block;
	vertical-align: top;
	position: relative;
	color: #ffffff;
	font-size: 1.2rem;
	padding: 20px;
	z-index: 3;
}

.imtxt:before {
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 0;
	height: 100%;
	border-top:10px solid #ffffff;
	z-index: -3;
	transition: 0.45s;
}

.imtxt:hover,
.imtxt.active {
	color: #fff;
}

.imtxt:hover:before,
.imtxt.active:before {
	left: 0;
	width: 100%;
}


.join-gw {
	padding: 50px 0;
	
}
.sybten {color:#242424;font-size:1.3rem;font-weight:normal;margin:0.8rem 0 2rem;}
.iglist {
	margin-top: 70px;
	border-top: 1px solid #E8E8E8;
}

.igbt {
	cursor: pointer;
	border-bottom: 1px solid #E8E8E8;
}

.igbt.active .igbtxt {
	color: #004E7B;
}

.igbt.active .ibjj:after {
	opacity: 0;
	visibility: hidden;
}

.igbt.active .ibjj {
	border-right: none;
	border-bottom: 2px solid #0089FF;
}

.igbt.active .ibjj:before {
	background: #0089FF;
}

.igbtxt {
	display: block;
	float: left;
	padding: 30px 0;
	color: #333333;
	font-size: 16px;
	text-align: left;
}

.igbtxt:nth-child(1) {
	width: 22%;
}

.igbtxt:nth-child(2){
	width: 36%;
}
.igbtxt:nth-child(3) {
	width: 24%;
}

.igbtxt:nth-child(4) {
	width: 12%;
}

.igbtxt:nth-child(5) {
	width: 5%;
}

.ibjj {
	position: relative;
	display: block;
	width: 31px;
	height: 31px;
	margin: 0 auto;
	border-radius: 50%;
	border-right: 2px solid #0E3ED6;
	transition: 0.45s;
}

.ibjj:before,
.ibjj:after {
	content: "";
	position: absolute;
	background: #0E3ED6;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.ibjj:before {
	width: 14px;
	height: 1px;
}

.ibjj:after {
	width: 1px;
	height: 14px;
	transition: 0.45s;
}

.igzk {
	display: none;
	color: #333333;
	font-size: 16px;
	padding: 60px 50px;
}

.join2list {
	padding: 70px 0 130px 0;
}

.join2list ul {
	margin-left: -3%;
}

.join2list li {
	position: relative;
	float: left;
	width: 30.333%;
	margin: 58px 0 0 3%;
}

.jl2pic {
	overflow: hidden;
}

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

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

.jl2wz {
	position: relative;
	background: #F9F9F9;
	padding: 30px 30px 80px 30px;
	z-index: 3;
	text-align: justify;
}

.jl2wz:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 0;
	background: #003B5C;
	z-index: -3;
	transition: 0.85s;
}

.join2list li:hover .jl2wz:before {
	height: 100%;
}

.jl2date {
	display: block;
	color: #0E3ED6;
	font-size: 12px;
}

.jl2bt {
	color: #333333;
	font-size: 20px;
	margin-top: 20px;
	font-weight: normal;
	height: 70px;
	overflow: hidden;
}

.jl2ms {
	color: #999999;
	font-size: 14px;
	margin-top: 20px;
	height: 49px;
	overflow: hidden;
}

.join2list li:hover .jl2date,
.join2list li:hover .jl2bt,
.join2list li:hover .jl2ms {
	color: #fff;
}

.ibpic img {
    display: block;
    width: 100%;
}
.sybtimg img { max-width:100%;height:auto;}




.news-box {
  padding: 110px 0 89px;
}
.news-top {
  position: relative;
}
.news-top .pagetion {
  bottom: 46px !important;
  padding-right: 48px;
  width: 50%;
  box-sizing: border-box;
  display: flex;
  justify-content: flex-end;
}
.news-top .pagetion .swiper-pagination-bullet {
  margin-left: 7px;
  width: 8px;
  height: 8px;
  background: #fff;
  opacity: 0.57;
}
.news-top .pagetion .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
}
.news-slide {
  position: relative;
  overflow: hidden;
}
.news-slide .item {
  display: flex;
}
.news-slide .item:hover figure img {
  transform: scale(1.06);
}
.news-slide .item:hover .news-texts strong {
  color: #242424;
}
.news-slide .item figure {
  display: block;
  line-height: 1;
  width: 50%;
  overflow: hidden;
}
.news-slide .item figure img {
  display: block;
  width: 100%;
  height: auto;
  transition: 0.76s;
}
.news-info {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50%;
  border: 1px solid #DDDDDD;
  border-left: none;
      background: #ebf0f4;
}
.news-info .technology-more2 {
  margin-top: 60px;
}
.mt60 {
  margin-top: 60px;
}
.mt40 {
  margin-top: 40px;
}
.news-wrap {
  width: 81.71%;
}
.news-time {
  margin-bottom: 22px;
  display: flex;
}
.news-time .ispan {
  display: inline-block;
  margin-right: 22px;
  color: #999999;
  font-size: 14px;
  font-family: "DINCond";
  line-height: 1.2;
}
.news-time .ispan i {
  display: inline-block;
  position: relative;
  top: 5px;
  margin-right: 14px;
  color: #004E7B;
  font-style: normal;
  font-size: 17px;
  font-weight: bold;
}
.news-texts strong {
  display: block;
  margin-bottom: 28px;
  line-height: 1.2;
  color: #333333;
  font-size: 18px;
  transition: 0.38s;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.news-texts p {
  color: #999999;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-align: justify;
}
.news-dit {
  position: absolute;
  right: 5%;
  bottom: 10%;
  z-index: 10;
  display: flex;
}
.news-dit span {
  display: block;
  margin-left: 28px;
  width: 42px;
  height: 42px;
  text-align: center;
  line-height: 42px;
  border-radius: 50%;
  color: #fff;
  background: rgba(0, 0, 0, 0.15);
  cursor: pointer;
  transition: 0.4s;
}
.news-dit span:first-child {
  margin-left: 0;
}
.news-dit span:hover {
  background: #004E7B;
}
.news-li {
  margin-top: 94px;
  padding-bottom: 19px;
  display: flex;
  flex-wrap: wrap;
}
.news-li li {
  position: relative;
  z-index: 2;
  box-sizing: border-box;
  margin-right: 2%;
  margin-bottom: 70px;
  width: 23.5%;
  border: 1px solid #DDDDDD;
  background: #fff;
}
.news-li li:before {
  content: "";
  width: 0;
  height: 10px;
  background: #3773ef;
  position: absolute;
  right: 0;
  bottom: 0;
  transition: 0.5s;
  z-index: -1;
}
.news-li li:hover,
.news-li li.active {
  color: #004E7B;
}
.news-li li:hover:before,
.news-li li.active:before {
  width: 100%;
  right: auto;
  left: 0;
}
.news-li li:before {
  bottom: -1px;
}
.news-li li:hover {
  border-color: #fff;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.16);
}
.news-li li:hover figure img {
  transform: scale(1.08);
}
.news-li li:nth-child(4n+4) {
  margin-right: 0;
}
.news-li li a {
  display: block;
  padding: 29px 33px 80px;
  transition: 0.5s;
}
.news-li li a figure {
  overflow: hidden;
}
.news-li li a figure img {
  transition: 0.6s;
  width: 100%;
  display: block;
}
.news-down {
  padding-top: 16px;
}
.news-texts1 {
  height: 122px;
}
.news-texts1 strong {
  margin-bottom: 26px;
}
.news-texts1 p {
  line-height: 1.5;
}
.pages {
  display: flex;
  justify-content: center;
}
.pages a {
  display: block;
  margin-right: 18px;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  color: #999999;
  font-size: 16px;
  text-align: center;
  line-height: 42px;
}
.pages a:hover,
.pages a.active {
  background: #004E7B;
  color: #fff;
}
.pages a:last-child {
  margin-right: 0;
}
.pages a:first-child,
.pages a:last-child {
  background: rgba(0, 0, 0, 0.15);
  color: #fff;
}
.pages a:first-child:hover,
.pages a:last-child:hover {
  background: #004E7B;
}


.process-list {
  margin-top: 90px;
  display: flex;
}
.process-list li {
  margin-right: 7%;
  position: relative;
  width: 20%;
}
.process-list li:last-child {
  margin-right: 0;
}
.process-list li strong {
  display: flex;
  position: relative;
  z-index: 2;
  height: 140px;
  padding-bottom: 20px;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #fff;
  font-size: 20px;
  background: linear-gradient(to bottom, #37a1ef 0%, #3774ef 100%);
  font-weight: normal;
  border-radius: 5px;
}
.process-list li strong i {
  display: block;
  position: absolute;
  left: 0;
  top: 40%;
  transform: translateY(-50%);
  width: 100%;
  font-style: normal;
  z-index: -1;
  text-align: center;
  color: #fff;
  opacity: 0.05;
  font-size: 5.57vw;
  font-family: "DINCond";
}
.process-list li b img {padding-top:0.8rem;}
.process-list li b {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -46px;
  bottom: -46px;
  width: 77px;
  height: 77px;
  text-align: center;
  line-height: 77px;
 background: linear-gradient(to bottom, #37a1ef 0%, #3774ef 100%);
  border: 8px solid #fff;
  border-radius: 50%;
  z-index: 3;
  color: #fff;
  font-size: 39px;
  font-weight: normal;
}
.process-list li span {
  display: block;
  position: absolute;
  z-index: 2;
  left: 100%;
  margin-left: 23px;
  top: 74px;
  width: 44px;
  height: 29px;
  background: url(../images/arrow3.png) center no-repeat;
}
.process {
  padding: 0px 0 130px;
}

.pagination {
    display: inline-block;
	
}

.pagination li {
    display: inline;
	
}

.pagination li a, .pagination li span {
    color: #333;
    padding: 4px 8px;
    border: 1px solid #dcdcdc;
    margin-right: 3px;
	font-size:1rem;
}

.pagination li.active a{
    background-color: #337ab7;
    color: #fff;
    border-color: #2e6da4;
}

.pagination li.disabled a{
    color:#bbb;
    cursor: not-allowed;
    border-color:#ddd;
}
.technology-more2 img {
 
}
.technology-more2:hover {
  
}
.technology-more2:hover i {
  
}
.technology-more2 i {
 
}
.secMenu{ text-align: right; margin-top: 26px; height: 32px; margin-bottom: 5%; z-index:99; position:relative;}
.secMenu a { color:#333; display: inline-block; font-size: 14px; margin-left: 37px; line-height: 32px;}
#nowMenu { color: #299de9; font-weight: bold; position: relative}
.secMenu a:after { content: ''; display: block; width:0; height: 2px; background: #299de9; margin-top: 4px; -webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;}
#nowMenu:after { content: ''; display: block; width:20px; height: 2px; background: #299de9; margin-top: 4px;}
.secMenu a:hover:after { width:20px; }

.iTitle2 { clear: both; position: relative;margin-top: -100px;margin-bottom:2rem;}
.iTitle2 .p1 {text-transform:uppercase; font-size: 1.2rem; color: #242424;line-height:2;}
.iTitle2 .p2 { font-size: 1.6rem; color: #242424; line-height: 30px; width: 100%;}



.zpfm-div .list { clear: both;}
.zpfm-div .list ul li {  width: 22.75%; margin-right: 3%; height: 330px; overflow: hidden; float: left; position: relative; margin-bottom: 30px; background: #f5f5f5;-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;}
.zpfm-div .list ul li:nth-child(4n) {margin-right:0}
.zpfm-div .list2 ul li { height: 380px;}
.zpfm-div .list ul li a { display:block; width: 100%; height: 100%;}
.zpfm-div .list ul li .d0 { width:100%; height: 208px; position: absolute; left: 0; top: -208px; z-index: 1; text-align: center;background: url("../images/npic103.png") repeat center center; -webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;}
.zpfm-div .list ul li .d0 span { display:block; width: 110px; height: 40px; line-height: 40px; margin: 0 auto; color: #fff; border: 1px solid #fff; margin-top: 0; -webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;}
.zpfm-div .list ul li .d1 { width: 100%; height: 208px; overflow: hidden;}
.zpfm-div .list ul li .d1 img { display:block; width: 100%; height: 100%;-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;}
.zpfm-div .list ul li .d2 { clear: both;width: 84%; padding: 20px 8%;}
.zpfm-div .list ul li .d2 .t1 { color: #333333; line-height: 22px; font-weight: bold;}
.zpfm-div .list ul li .d2 .t2 { color: #808080; line-height: 22px; margin-bottom: 15px;}
.zpfm-div .list ul li .d2 .t3 { color: #333333; line-height: 24px; font-weight: bold;}
.zpfm-div .list ul li .d2 .t4 { color: #808080; line-height: 22px; text-align: justify;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;}
.zpfm-div .list ul li:hover { background:#299de9;}
.zpfm-div .list ul li:hover .t1 { color: #fff;}
.zpfm-div .list ul li:hover .t2 { color: #b1dcf8;}
.zpfm-div .list ul li:hover .t3 { color: #fff;}
.zpfm-div .list ul li:hover .t4 { color: #b1dcf8;}
.zpfm-div .list ul li:hover .d1 img {transform: scale(1.08, 1.08); }
.zpfm-div .list ul li:hover .d0 { top: 0;}
.zpfm-div .list ul li:hover .d0 span{ margin-top: 90px;}
.loading { clear:both; widows: 150px; height: 48px; line-height: 48px; text-align: center; line-height: 48px;background: url("../images/npic55.png") no-repeat center center; margin-bottom: 30px;  }
.loading a { color:#fff; font-size: 15px;}
.zpfm-div #sec1 { padding-top:90px;}
.zpfm-div #sec2 { padding-top:90px;}
.zpfm-div #sec3 { padding-top:90px;}
.zpfm-div #sec4 { padding-top:90px;}
.zpfm-div #sec5 { padding-top:90px;}
.zpfm-div #sec6 { padding-top:90px;}

.fy{ clear:both; width:100%; margin:0 auto; margin-top:30px; margin-bottom:30px; font-size:14px; text-align: center;}
.fy b{ display:inline-block; width:24px; height:24px; background:#299de9; line-height:24px; margin:0 4px; color:#fff; font-weight:100; text-align:center; border-radius: 50%}
.fy a{ display:inline-block; padding:0 8px;height:24px; text-align:center; line-height:24px;margin:0 5px; font-size:14px; background:#fff;}



.service1List {
	margin-bottom: 100px;
}

.service1List li {
	position: relative;
	margin-top: 25px;
	padding: 100px 0;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	height: auto;
}

.slodd .sl2pic {
	float: right;
}

.sleven .sl2pic {
	float: left;
}

.slodd .sl2cont {
	float: left;
}

.sleven .sl2cont {
	float: right;
}

.sl2pic {
	width: 60%;
	position: relative;
	overflow: hidden;
}

.sl2pic img {
	width: 100%;
	display: block;
	animation: fixed-header infinite 15s;
	-webkit-animation: fixed-header infinite 15s;
	-moz-animation: fixed-header infinite 15s;
	-ms-animation: fixed-header infinite 15s;
}

.sl2cont {
	width: 35%;
	padding: 0 12%;
	color: #fff;
}

.sc2tit {
	font-size: 26px;
	line-height: 1.5;
	font-weight: bold;
}
.sc2titen {color:#b9ddef;font-weight:bold;}
.sc2txt1 {
	font-size: 18px;
	margin-top: 5px;
}

.sc2txt2 {
	margin-top: 20px;
	font-size: 16px;
}

.sc2txt2 span {
	display: block;
	position: relative;
	
}
.ab1left {
	float: left;
	width: 47%;
	position: relative;
	z-index: 1;
}

.gybt1 {
	display: block;
	color: #ffffff;
	font-size: 32px;
	line-height: 1.5;
	font-weight: normal;
}

.gybt2 {
	display: block;
	font-family: "DINCond-Regular";
	color: #ffffff;
	font-size: 28px;
	line-height: 1.5;
}

.al1lable {
	color: #2D56A4;
	font-size: 24px;
	margin-top: 120px;
	line-height: 1.5;
	font-weight: normal;
}

.al1nr {
	color: #ffffff;
	font-size: 14px;
	margin-top: 50px;
	/*height: 200px;
	overflow-y: scroll;
	padding-right: 30px;*/
}

.al1nr::-webkit-scrollbar {
	width: 3px;
	background: #E8E8E8;
}

.al1nr::-webkit-scrollbar-thumb {
	width: 3px;
	background: #2D56A4;
}

.al1nr::-webkit-scrollbar-corner {
	background: none;
}

.al1nr::-webkit-scrollbar:horizontal {
	height: 9px;
}

.ab1right {
	position: relative;
	z-index: 1;
	float: right;
	width: 40%;
	margin-top: 140px;
	overflow: hidden;
}

.aboutaaa {margin:0 auto 100px;}
.about-lt {
	padding: 50px 0 0 0;
}
.sybt {
    
    font-size: 32px;
    line-height: 1.5;
}
.altlist {
	position: relative;
	overflow: hidden;
	margin-left: -2%;
	/* padding-bottom: 100px; */
	margin-top: 30px;
}
.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;
}

.alil {
	float: left;
	width: 22.5%;
	margin: 30px 0 30px 2%;
	cursor: pointer;
	transition: 0.45s;
	padding: 20px;
	box-sizing: border-box;
	box-shadow: 0 3px 6px #ccc;
}

.alil:hover .alzp img {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	transform: scale(1.05);
}

.alil:hover .awmore {
	color: #003B5C;
}

.alil:hover .awmore em {
	background: #003B5C;
}

.alil:hover {
	box-shadow: 0 3px 6px #898989;
}

.alzp {
	overflow: hidden;
}

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

.alwz {
	margin-top: 50px;
}

.awname {
	color: #333333;
	font-size: 20px;
	margin-top: 5px;
}

.anzw {
	display: inline-block;
	vertical-align: middle;
	color: #333333;
	font-size: 16px;
	font-weight: normal;
}

.awdesc {
	color: #666666;
	font-size: 16px;
	margin-top: 25px;
	height: 56px;
	overflow: hidden;
}

.awmore {
	display: block;
	text-align: right;
	color: #666666;
	font-size: 14px;
	text-transform: uppercase;
}

.awmore em {
	display: inline-block;
	vertical-align: middle;
	width: 35px;
	height: 1px;
	background: #666666;
	margin-right: 10px;
}

.alttop .sybt {
	float: left;
}

.altpn {
	float: right;
}

.atpicon {
	display: inline-block;
	vertical-align: middle;
	width: 42px;
	height: 42px;
	text-align: center;
	line-height: 42px;
	border: 1px solid #333333;
	color: #333333;
	font-size: 12px;
	margin-left: 8px;
}

.atpicon:hover {
	color: #fff;
	border: 1px solid #003B5C;
	background: #003B5C;
}
.sybt22 {color:#242424;font-size:2rem;}
.sybtenen {color:#242424;font-size:1.2rem; display:block;}

.dc-list-wrap {
	margin: 40px 0 100px 0;
}
.clear0 {clear:both;}
.dlw-time {
	float: left;
	width: 10%;
	color: #3f66ff;
	font-size: 1.2rem;
	font-weight: normal;
	padding-top: 16px;
	padding-bottom: 16px;
	line-height: 1.5;
	text-align:center;
}
.dlw-time span { display:block;font-size:1rem;}

.dlw-bot {
	position: relative;
	float: left;
	width: 100%;
	border-left: 1px solid #999999;
	padding: 20px 0 30px 0;
}
.db-cont p {padding-top:1rem;font-size:1rem;}

.db-c {
	position: absolute;
	display: block;
	width: 10px;
	height: 10px;
	background: #3f66ff;
	border-radius: 50%;
	left: -5px;
	top: 28px;
	
}

.db-cont {
	margin-left: 5%;
	color: #666666;
	font-size: 14px;
	display:block;
	background:#f6f9fb;
	padding-bottom:1rem;
}
.db-cont:hover {background:url(../images/hoverbg.jpg) no-repeat; background-size:cover;color:#ffffff;}
.db-cont:hover .dlw-time {color:#ffffff;}



.ab1bg {
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;
	margin-top:3rem;
}

.ab1list {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	border-right: 1px solid #fff;
}

.ab1list li {
	position: relative;
	flex: 1;
	border-left: 1px solid #fff;
	padding: 50px 50px;
	z-index: 3;
}

.ab1list li.active::before {
	left: 0;
	width: 100%;
}

.ab1list li.active:after {
	height: 197px;
}

.ab1list li.active .al1txt1 {
	color: #fff;
}
.ab1list li.active .al1txt1en {
	color: #fff;
}

.ab1list li.active .al1txt2 {
	opacity: 1;
	visibility: visible;
}

.ab1list li:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 0;
	height: 100%;
	background: #4e72ff;
	z-index: -3;
	transition: 0.85s;
}

.ab1list li:after {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 5px;
	height: 0;
	background: #fff;
	transition: 0.85s;
}

.al1txt1 {
	display: block;
	color: #666666;
	font-size: 30px;
	font-weight: normal;
}

.al1txt2 {
	opacity: 0;
	visibility: hidden;
	transition: 0.45s;
	color: #FCFCFC;
	font-size: 16px;
	margin-top: 40px;
}



.news-content { margin:0 auto; margin-bottom:80px; line-height: 32px; }
.news-content .newsconL { width:71%; float: left; overflow: hidden;}
.news-content .newsconR { width:24%; float: right; background: #f5f5f5; padding: 15px; overflow: hidden;}
.newsdetail-content { width:100%; margin:0 auto}
.newsdetail-content p { margin-bottom:10px;}
.newsdetail-content img { max-width:100%!important; display: block; height: auto!important;margin:0 auto;}
.newsdetail-title { width: 100%; overflow: hidden; padding: 8px 0 13px 0; border-bottom:1px dashed #e1e0e6; margin-bottom: 35px; text-align:center }
.newsdetail-title .title { font-weight: normal; font-size: 24px; line-height: 30px; color: #202020; margin-bottom: 10px; }
.newsdetail-title .info { color: #696969; }
.news-content .newsconR .news1 { font-size: 19px; color: #fff; background: #299de9; padding-left: 16px; height: 46px; line-height: 46px; font-weight: bold;}
.news-content .newsconR .news2 a { padding: 8px 0; border-bottom: 1px dashed #ddd; display: block; width: 100%; height: 100%;}
.news-content .newsconR .news2 p.p1 { font-size: 15px; line-height: 22px;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;background: url("../images/dian.jpg") no-repeat left 7px; padding-left: 15px;}
.news-content .newsconR .news2 p.p2 { font-size: 13px; padding-left: 15px;}
.newsdetail-content video { display:block; max-width: 850px; margin: 0 auto; height: auto; background-size: cover; margin-bottom: 20px;object-fit:fill;}

.newsconR a {color: #525252;}
.newsconR a:hover {
    color: #d80c18;
}


.uptop {text-align:center;}
.uptop img {max-width:60%;margin-top:0.5rem;}


.icdesc {font-weight:normal;}







@media screen and (max-width: 1000px) {
	.icnr {text-align:left;}
	.icnr .iccont {padding-left:5%;}
	.ibitem {
		float: none;
		width: 100%;
	}
	.icdetail,
	.ibitem:hover .icline {
		display: none;
	}
	.ibitem:hover .icicon {
		width: 90px;
		height: 90px;
		line-height: 90px;
		border-radius: 50%;
		background: url(../images/op2.png) repeat;
	}
	.iccont {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	.icicon,
	.icdesc {
		display: inline-block;
		vertical-align: middle;
	}
	.icdesc {
		margin-top: 0;
		margin-left: 10px;
	}
	
	.ibpic img {
		width: 100%;
		height: auto;
	}
	
	.ibitem:hover .icicon img {max-width:50px;}
	.home .row2 .text .d2 {width:90%;}
	.home .row2 .list .li {width:42%;margin-bottom:2rem;}
	.fb1logo {display:none;}
	.ftcd { display:none;}
	.fr1item:not(:first-child),.fr1item {margin-left:0;float:none;}
	.fb1right {float:left;}
	.fwbot2 {border-top:2px solid #9bb9f7;}
	.fr1item {margin-bottom:1rem;}
.news-content .newsconL { width:100%; float: none; overflow: hidden;}
.news-content .newsconR { width:100%; float: none; }	
	
	.ab1list li:before {
    left: 0;
    width: 100%;
}
.al1txt1, .al1txt2 {
    color: #fff;
}
.al1txt1 {
    font-size: 18px;
}
.al1txt2 {
    opacity: 1;
    visibility: visible;
    margin-top: 15px;
}
		.ab1list li:after {
		width: 3px;
		height: 50px;
	}
	.ab1list li {
		padding: 20px;
	}
	.ab1list {
		display: block;
		border-right: none;
	}
	.ab1list li {
		flex: auto;
		border-left: none;
	}
	.ab1list li:not(:first-child) {
		margin-top: 1px;
	}
	.al1txt1 {
		font-size: 18px;
	}
	.awmore {
		margin-top: 5px;
	}
	.altlist {
		margin-top: 20px;
	}
	.alil {
		width: 47.5%;
		padding: 5px;
		margin: 15px 0 0 2%;
	}
	.ab1left, .ab1right {
    float: none;
    width: 100%;
}


.sl2cont {
    width: 90%;
    padding: 0 5%;
}	
	.sc2tit {
    font-size: 20px;
}
.sc2txt2 {
    font-size: 14px;
}
.sc2txt2 {
    margin-top: 5px;
}
	.service1List li {
		padding: 30px 0;
		background-position: center center;
	}
	.aceng {
		font-size: 18px;
		padding-bottom: 10px;
	}
	.actxt2 {
		margin-top: 10px;
		font-size: 14px;
	}
	.actxt2 p {
		margin-top: 0;
	}
	
.zpfm-div .list ul li { width: 22.75%; margin-right: 3%; height: auto;}
.zpfm-div .list ul li .d0 {height:188px;top:-188px}
.zpfm-div .list ul li .d1 {height:auto;}
.zpfm-div .list ul li:hover .d0 span{ margin-top: 73px;}
	
	 .news-box {
    padding: 50px 0;
  }
  .news-slide .item {
    display: block;
  }
  .news-slide .item figure {
    width: 100%;
  }
  .news-top .pagetion {
    display: none;
  }
  .news-info {
    box-sizing: border-box;
    width: 100%;
    border-left: 1px solid #ddd;
  }
  .news-wrap {
    padding: 38px 0;
    width: 90%;
  }
  .news-dit {
    right: 5%;
    bottom: 30px;
  }
  .news-dit span {
    margin-left: 18px;
  }
  .news-li li {
    margin-right: 4%;
    margin-bottom: 50px;
    width: 48%;
  }
  .news-li li:nth-child(3n+3) {
    margin-right: 4%;
  }
  .news-li li:nth-child(2n+2) {
    margin-right: 0;
  }
  
  
.ibright {
    margin-top: 30px;
}
.index-ys {
		padding: 40px 0;
	}
	.ibleft,
	.ibright {
		float: none;
		width: 100%;
	}
	.ibright {
		margin-top: 30px;
	}
	.iltxt2 {
		font-size: 16px;
		margin-top: 20px;
	}
	.irqh {
		padding: 15px 20px;
	}
	.irtxt {
		font-size: 16px;
	}
	.irline {
		height: 2px;
		margin-top: 11px;
	}
	.irqh.active .irline {
		width: 100px;
	}
	.index-pt {
		margin-top: 50px;
	}
	.iptlist {
		margin-top: 30px;
		height: auto;
	}
	.iptlist {
		display: block;
	}
	.ilyc {
		width: 100%;
	}
	.ilzc {
		flex: auto;
	}
	.ilzc li {
		position: static;
		display: block;
		width: 100%;
		height: auto;
		padding: 20px 15px;
	}
	.izbt {
		font-size: 18px;
	}
	.izmore {
		margin-top: 20px;
	}
	.gymore {
		width: 110px;
		height: 32px;
		line-height: 32px;
		font-size: 12px;
	}
	.gymore em {
		width: 20px;
	}
	.ilyc {
		display: none;
	}

	
	
	.igbtxt:nth-child(1) {
		width: 60%;
	}
	.igbtxt:nth-child(4) {
		width: 30%;
	}
	.igbtxt:nth-child(5) {
		width: 10%;
	}
	.join2list li {
		width: 97%;
	}
	.ibpic img {
		height: 156px;
	}
	.st3rm .st3pic {
		height: 160px;
	}
	.sl1gjc {
		width: 98%;
	}
	
	.insides-banner {
		margin-top: 55px;
	}
	.ibmenu {margin-top:0;}
	.imtxt {
    display: inline-block;
    vertical-align: top;
    position: relative;
    color: #666666;
    font-size: 16px;
    padding: 0 20px;
    z-index: 3;
}
.imtxt:hover, .imtxt.active {
    color: #fff;
}
.imtxt:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 0;
    height: 100%;
    background: #2D56A4;
    z-index: -3;
    transition: 0.45s;
}
.imtxt:hover:before, .imtxt.active:before {
    left: 0;
    width: 100%;
}
.imtxt:before {border-top:0;}

 .w77 {width:95%;}
 .iTitle2 { clear: both; position: relative;margin-top: 0;margin-bottom:2rem;}
 
  .dynamic-btn.prev {
    left: -30px;
  }
  .dynamic-btn.next {
    right: -30px;
  }
  
  .ab1list li .al1txt1en {
    color: #fff;
}
}
@media screen and (max-width: 641px) {
	
	.ibpic {
		
	}
	.icicon i {
		font-size: 40px;
	}
	.icicon i img { max-width:40px;max-height:40px;}
	.icptb{
		width: 40px;
		height: 40px;
	}
	.icicon {
		width: 55px;
		height: 55px;
		line-height: 55px;
	}
	.ibitem:hover .icicon {
		width: 55px;
		height: 55px;
		line-height: 55px;
	}
	.icdesc {
		font-size: 20px;
	}
	
	
	.dlw-time {
		width: 18%;
		font-size: 20px;
	}
	.sc2tit {
    font-size: 16px;
}

	.news-li li {
    margin-bottom: 40px;
    width: 100%;
    margin-right: 0 !important;
}

 .process {
    padding: 20px 0 20px;
  }
  .process-list {
    flex-wrap: wrap;
  }
  .process-list li {
    margin-bottom: 70px;
    margin-right: 0;
    box-sizing: border-box;
    width: 100%;
  }
  .process-list li:last-child {
    margin-bottom: 0;
  }
  .process-list li span {
    display: none;
  }
  .w77 {width:95%;}
  
  
  .zpfm-div .list ul li { width: 100%; margin-bottom: 20px; background: #f5f5f5;}
.zpfm-div .list ul li a { display:block; width: 100%; height: 100%;}
.zpfm-div .list ul li .d1 { width: 100%; }
.zpfm-div .list ul li .d1 img { display:block; width: 100%; height: auto}
.zpfm-div .list ul li .d2 { clear: both;width: 100%; padding: 5% 6%;}
.zpfm-div .list ul li .d2 .t1 { color: #333333; line-height: 24px; font-weight: bold;}
.zpfm-div .list ul li .d2 .t2 { color: #808080; line-height: 24px;}
.zpfm-div .list ul li .d2 .t3 { color: #333333; line-height: 24px; font-weight: bold; margin-top: 15px;}
.zpfm-div .list ul li .d2 .t4 { color: #808080; line-height: 22px; text-align: justify;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;}



 .dynamic-wr {
    display: flex;
    justify-content: center;
  }
  .dynamic-wr .prev {
    margin-right: 20px;
  }
  .dynamic-swiper {
    margin-top: 10px;
  }
  
  .dynamic-btn {
    position: relative;
    width: 45px;
    height: 45px;
    line-height: 45px;
    top: 0;
    margin-top: 0;
    left: 0 !important;
    right: 0 !important;
  }
  .dynamic-wr {
    display: flex;
    justify-content: center;
  }
  .dynamic-wr .prev {
    margin-right: 20px;
  }
  .dynamic-swiper {
    margin-top: 10px;
  }
  
	
	}