.banner, .header-m, .i-banner, footer, header, main {
	transition: all .5s;
	-webkit-transition: all .5s
}

.mauto2 {
	max-width: 1400px
}

header {
	position: fixed;
	z-index: 5;
	left: 0;
	top: 0;
	width: 100%;
	box-shadow: 1px 1px 10px rgba(0,0,0,.1)
}

.header {
	color: #fff;
	border-bottom: 1px solid rgba(255,255,255,.2)
}

	.header.cur {
		background: #fff;
		color: #333
	}

		.header.cur .logo img {
			display: none
		}

			.header.cur .logo img:first-child {
				display: initial
			}

		.header.cur .language {
			color: #888;
			background: url(../images/language_icon1s.png) no-repeat left center
		}

			.header.cur .language em {
				background: url(../images/language_icon2s.png) no-repeat right center
			}

			.header.cur .language ul::after {
				border-bottom: 6px solid #014896
			}

			.header.cur .language ul li {
				border-bottom: 1px solid rgba(255,255,255,.1)
			}

			.header.cur .language ul a {
				color: #fff;
				background: #014896
			}

	.header .logo {
		height: 90px;
		line-height: 90px;
		overflow: hidden
	}

		.header .logo img:first-child {
			display: none
		}

	.header nav ul li {
		position: relative;
		float: left;
		margin: 0 22px
	}

		.header nav ul li:hover .sub-nav {
			visibility: visible;
			opacity: 1;
			top: 91px
		}

		.header nav ul li > a {
			height: 90px;
			line-height: 90px;
			font-size: 17px
		}

		.header nav ul li .sub-nav {
			visibility: hidden;
			opacity: 0;
			z-index: 1;
			top: 110px;
			left: 50%;
			width: 150px;
			background: rgba(39,54,121,.9);
			transform: translateX(-50%);
			-webkit-transform: translateX(-50%);
			transition: all .5s;
			-webkit-transition: all .5s
		}

			.header nav ul li .sub-nav a {
				display: block;
				line-height: 23px;
				padding: 8px 0;
				text-align: center;
				color: #fff
			}

				.header nav ul li .sub-nav a:hover {
					background: #d9282c
				}

	.header .language {
		height: 90px;
		cursor: pointer;
		padding-left: 30px;
		background: url(../images/language_icon1.png) no-repeat left center
	}

		.header .language em {
			padding-right: 17px;
			background: url(../images/language_icon2.png) no-repeat right center
		}

		.header .language ul {
			top: 91px;
			left: 0
		}

			.header .language ul::after {
				position: absolute;
				content: '';
				left: 50%;
				top: -6px;
				border-bottom: 6px solid #fff;
				border-left: 6px solid transparent;
				border-right: 6px solid transparent;
				transform: translateX(-50%);
				-webkit-transform: translateX(-50%)
			}

			.header .language ul li {
				border-bottom: 1px solid #f7f8f8
			}

				.header .language ul li:last-child {
					border: none
				}

			.header .language ul a {
				display: block;
				height: 35px;
				line-height: 35px;
				color: #333
			}

				.header .language ul a:hover {
					color: #fff;
					background: #d9282c
				}

footer {
	background: #2d2d2d
}

	footer .link {
		padding: 0 2.2%;
		border-left: 1px solid #424242;
		border-right: 1px solid #424242;
		-webkit-align-items: inherit;
		align-items: inherit
	}

		footer .link dl {
			line-height: 30px;
			padding: 0 16px;
			max-width: 200px;
		}

		footer .link dt {
			font-size: 17px;
			color: #d6d6d6;
			font-weight: 700;
			margin-bottom: 8px
		}

		footer .link dd {
			color: #777
		}

			footer .link dd a {
				line-height: 20px;
			}

	footer .txt-w {
		width: 320px
	}

		footer .txt-w .txt {
			color: #888;
			line-height: 22px
		}

	footer .select {
		width: 250px;
		height: 44px;
		line-height: 44px;
		color: #ababab;
		font-size: 15px;
		padding: 0 24px;
		background: #545556 url(../images/select_bg.jpg) no-repeat right center
	}

		footer .select option {
			font-size: 15px;
			color: #ababab
		}

	footer .txt-w2 i {
		color: #888
	}

		footer .txt-w2 i img {
			vertical-align: -3px;
			margin-right: 8px
		}

	footer .txt-w2 em {
		font-size: 26px;
		color: #e60012
	}

	footer .code {
		line-height: 22px
	}

		footer .code .pic {
			width: 100px;
			height: 100px
		}

	footer .copyright {
		line-height: 22px;
		padding: .2rem;
		color: #5b5b5b;
		background: #222
	}

	footer a:hover {
		text-decoration: underline
	}

.i-banner .slick-arrow {
	width: .16rem;
	height: .32rem;
	opacity: .6
}

	.i-banner .slick-arrow:hover {
		opacity: 1
	}

.i-banner .slick-prev {
	left: 5%;
	background: url(../images/banner_l.png) no-repeat center/cover
}

.i-banner .slick-next {
	right: 5%;
	background: url(../images/banner_r.png) no-repeat center/cover
}

.i-banner .slick-dots {
	display: none !important
}

.i-banner a {
	display: block;
	min-height: 85px
}

.i-banner .dn {
	display: none !important
}

#gotop {
	position: fixed;
	right: 2%;
	bottom: 4%;
	width: 48px;
	height: 80px;
	cursor: pointer;
	background: url(../images/gotop.png) no-repeat center
}

.i-title em {
	font-size: 34px;
	color: #222
}

.i-title span {
	width: 48px;
	height: 3px;
	background: #e60012;
	display: inline-block;
}

.i-pro ul {
	margin-left: -.3rem
}

.i-pro li {
	width: 26.83%;
	padding-left: .3rem;
	margin-bottom: .3rem
}

	.i-pro li a:hover .info {
		visibility: visible;
		opacity: 1;
		transform: scale(1);
		-webkit-transform: scale(1)
	}

	.i-pro li:first-child {
		width: 46.34%
	}

		.i-pro li:first-child .imgs {
			padding-bottom: 85%
		}

.i-pro .imgs {
	padding-bottom: 71.6%
}

.i-pro .info {
	visibility: hidden;
	opacity: 0;
	top: 0;
	left: 0;
	padding: 6%;
	transform: scale(1,0);
	-webkit-transform: scale(1,0);
	background: rgba(1,73,150,.3)
}

.i-pro h3 {
	height: 60px;
	line-height: 30px;
	font-size: 20px
}

.i-pro .icon {
	width: 32px;
	height: 32px;
	background: url(../images/more.png) no-repeat center
}

.i-about {
	background: url(../images/about_bg.jpg) no-repeat bottom center
}

	.i-about .txt {
		color: #6c6c6d
	}

	.i-about em {
		font-size: 25px;
		color: #333
	}

.i-about-txt {
	padding: .29rem 0;
	background: #1d7ee6 url(../images/i_about_txt.jpg) no-repeat bottom center
}

	.i-about-txt li {
		padding: .3rem 4%
	}

	.i-about-txt em {
		font-size: 22px
	}

	.i-about-txt .txt {
		line-height: 20px;
		margin-top: 3px
	}

.i-case ul {
	margin-left: -.3rem
}

.i-case li {
	padding-left: .3rem;
	margin-bottom: .2rem
}

	.i-case li a:hover h3 {
		visibility: visible;
		opacity: 1
	}

.i-case .imgs {
	padding-bottom: 63.15789474%
}

.i-case h3 {
	visibility: hidden;
	opacity: 0;
	left: 0;
	bottom: 0;
	height: 50px;
	line-height: 50px;
	padding: 0 .1rem;
	background: rgba(1,73,150,.7)
}

.i-news ul {
	margin-left: -.24rem
}

.i-news li {
	padding-left: .24rem;
	margin-bottom: .24rem
}

	.i-news li a {
		padding: .34rem .3rem;
		border: 1px solid #ddd
	}

		.i-news li a:hover {
			background: #1d7ee6;
			border-color: #1d7ee6
		}

			.i-news li a:hover, .i-news li a:hover .date, .i-news li a:hover .date em, .i-news li a:hover .els2, .i-news li a:hover h3 {
				color: #fff
			}

.i-news .date em {
	font-size: 34px;
	color: #333
}

.i-news h3 {
	font-size: 18px
}

.i-news .els2 {
	height: 40px;
	line-height: 20px;
	color: #888
}

.banner {
	height: 4.5rem
}

	.banner h2 {
		font-size: 36px
	}

	.banner em {
		position: relative
	}

		.banner em::after {
			position: absolute;
			content: '';
			left: 50%;
			bottom: 0;
			width: 30px;
			height: 3px;
			background: #fff;
			transform: translateX(-50%);
			-webkit-transform: translateX(-50%)
		}

@media (min-width:1024px) {
	.banner {
		margin-top: 90px
	}
}

.main-nav-p {
	background: #f4f5f7
}

	.main-nav-p ul {
		font-size: 0
	}

	.main-nav-p li {
		display: inline-block
	}

		.main-nav-p li.cur a, .main-nav-p li:hover a {
			color: #014896;
		}

			.main-nav-p li.cur a::after, .main-nav-p li:hover a::after {
				width: 100%
			}

		.main-nav-p li a {
			position: relative;
			display: block;
			height: 66px;
			line-height: 66px;
			font-size: 16px;
			color: #444;
			margin-right: .5rem
		}

			.main-nav-p li a::after {
				position: absolute;
				content: '';
				left: 0;
				bottom: 0;
				width: 0;
				height: 2px;
				background: #014896;
				transition: all .3s;
				-webkit-transition: all .3s
			}

.main-home {
	height: 66px;
	line-height: 66px;
	padding-left: 20px;
	font-size: 13px;
	background: url(../images/main_home.png) no-repeat left center
}

	.main-home i {
		color: #d62126
	}

	.main-home a:hover {
		color: #014896;
		text-decoration: underline
	}

.content {
	min-height: 400px
}

.li28 {
	line-height: 28px
}

.honor h2 {
	font-size: 24px
}

.honor .sliders-w {
	width: calc(100% - 240px)
}

.honor .slider {
	padding: 0 30px
}

	.honor .slider .date {
		font-size: 24px;
		padding-bottom: 20px
	}

		.honor .slider .date::after, .honor .slider .date::before {
			position: absolute;
			content: ''
		}

		.honor .slider .date::after {
			left: 50%;
			bottom: 0;
			width: 7px;
			height: 7px;
			border-radius: 50%;
			background: #273679;
			transform: translateX(-50%);
			-webkit-transform: translateX(-50%)
		}

		.honor .slider .date::before {
			left: 0;
			bottom: 3px;
			width: 100%;
			height: 1px;
			background: #e2e2e2
		}

	.honor .slider .txt {
		padding: 0 .3rem
	}

	.honor .slider .slick-arrow {
		top: 30px;
		width: 30px;
		height: 30px;
		transform: translateY(0);
		-webkit-transform: translateY(0)
	}

	.honor .slider .slick-prev {
		left: 0;
		background: url(../images/honor_l.png) no-repeat center
	}

	.honor .slider .slick-next {
		right: 0;
		background: url(../images/honor_r.png) no-repeat center
	}

	.honor .slider .slick-dots {
		display: none !important
	}

.honor .pic {
	width: 240px
}

.case-list ul {
	margin-left: -.3rem
}

.case-list li {
	padding-left: .3rem;
	margin-bottom: .3rem
}

	.case-list li a:hover h3 {
		visibility: visible;
		opacity: 1
	}

.case-list .imgs {
	padding-bottom: 63.15789474%
}

.case-list h3 {
	visibility: hidden;
	opacity: 0;
	left: 0;
	bottom: 0;
	height: 50px;
	line-height: 50px;
	padding: 0 .1rem;
	background: rgba(1,73,150,.7)
}

.video-list ul {
	margin-left: -.3rem
}

.video-list li {
	padding-left: .3rem;
	margin-bottom: 25px
}

	.video-list li a:hover h3 {
		color: #fff;
		background: #014896
	}

.video-list .imgs {
	padding-bottom: 65.78947368%
}

	.video-list .imgs::after {
		position: absolute;
		content: '';
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,.4) url(../images/video_icon.png) no-repeat center
	}

.video-list h3 {
	font-size: 17px;
	height: 56px;
	line-height: 56px
}

.message .item {
	border: 1px solid #ececec
}

.message .row-w {
	margin-left: -.2rem
}

.message .lg-6 {
	padding-left: .2rem;
	margin-bottom: .2rem
}

.message .txt, .message textarea {
	font-size: 15px;
	background: #f5f5f5
}

.message .txt {
	width: 100%;
	height: 52px;
	line-height: 52px;
	padding: 0 20px
}

.message .verification {
	border: none
}

	.message .verification .txt {
		width: calc(100% - 170px);
		border: 1px solid #ececec
	}

	.message .verification .pic {
		width: 160px;
		height: 52px
	}

.message textarea {
	height: 150px;
	padding: 20px
}

.message .btn input {
	height: 54px;
	line-height: 54px;
	font-size: 17px;
	background: #1d7ee5
}

.news-list .list1 {
	margin-left: -.3rem
}

	.news-list .list1 li {
		padding-left: .3rem;
		margin-bottom: .3rem
	}

	.news-list .list1 a {
		box-shadow: 0 0 10px rgba(0,0,0,.1)
	}

	.news-list .list1 .imgs {
		padding-bottom: 65.78947368%
	}

	.news-list .list1 .info {
		padding: .2rem
	}

	.news-list .list1 h3 {
		font-size: 17px
	}

	.news-list .list1 .date {
		font-size: 13px;
		color: #888
	}

.news-list .list2 {
	border-top: 1px solid #f1f1f1
}

	.news-list .list2 a {
		padding: .48rem 0;
		border-bottom: 1px solid #f1f1f1
	}

		.news-list .list2 a:hover {
			background: #f3f3f5
		}

	.news-list .list2 .date {
		font-size: 13px;
		color: #888
	}

	.news-list .list2 .els2 {
		color: #888;
		height: 48px;
		line-height: 24px
	}

	.news-list .list2 i {
		color: #e60012
	}

.news-info .head {
	border-bottom: 1px solid #eee
}

.news-info h3 {
	font-size: 26px
}

.news-info .page {
	font-size: 16px;
	border-top: 1px solid #eee
}

	.news-info .page a {
		height: 45px;
		line-height: 45px
	}

		.news-info .page a img {
			vertical-align: -3px
		}

		.news-info .page a:hover {
			color: #d5132d;
			text-decoration: underline
		}

	.news-info .page .l-btn img {
		margin-right: 15px
	}

	.news-info .page .r-btn img {
		margin-left: 15px
	}

.join-list li {
	margin-bottom: 10px
}

	.join-list li.cur .head {
		color: #fff;
		background: #273679
	}

	.join-list li.cur .btn {
		background: url(../images/join_btns.png) no-repeat center
	}

.join-list .head {
	padding: .18rem .3rem;
	line-height: 25px;
	background: #f6f6f6;
	cursor: pointer
}

.join-list h3 {
	width: calc(100% - 550px)
}

.join-list .info-w {
	width: 530px
}

	.join-list .info-w .info {
		width: calc(100% - 17px)
	}

		.join-list .info-w .info span {
			margin: 0 20px
		}

.join-list .btn {
	width: 17px;
	height: 25px;
	background: url(../images/join_btn.png) no-repeat center
}

.join-list .txt {
	padding: .4rem;
	background: #f6f6f6
}

.pro .pro-nav {
	width: 260px;
	margin-top: -.83rem
}

	.pro .pro-nav h2 {
		padding: .23rem .3rem;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		background: #d9282c
	}

		.pro .pro-nav h2 em {
			font-size: 22px;
			margin-bottom: 5px
		}

	.pro .pro-nav .link {
		background: #f2f3f8
	}

		.pro .pro-nav .link li {
			position: relative
		}

			.pro .pro-nav .link li::after {
				position: absolute;
				content: '';
				top: 50%;
				right: .26rem;
				width: 6px;
				height: 11px;
				background: url(../images/pro_nav_icon.png) no-repeat center;
				transform: translateY(-50%);
				-webkit-transform: translateY(-50%)
			}

			.pro .pro-nav .link li.cur a, .pro .pro-nav .link li:hover > a {
				color: #fff;
				background: #273679
			}

			.pro .pro-nav .link li > a {
				display: block;
				color: #444;
				padding: 12px .3rem;
				line-height: 22px;
				border-bottom: 1px solid #e6e5e5;
				background: #f2f3f8
			}

			.pro .pro-nav .link li dl {
				background: #fff;
				width: 120px;
				position: absolute;
				left: 100%;
				top: 0px;
				box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
				padding: 10px 0;
				display: none;
				z-index: 999
			}

				.pro .pro-nav .link li dl dd {
					line-height: 28px;
					border-bottom: #ddd dotted 1px;
					margin: 0 10px;
				}

					.pro .pro-nav .link li dl dd a {
						font-size: 12px;
						color: #666;
						font-weight: normal;
						display: inline;
						padding: 0;
						text-align: left;
					}

						.pro .pro-nav .link li dl dd a:hover {
							color: #f60;
						}


	.pro .pro-nav h3 {
		color: #444
	}

		.pro .pro-nav h3 img {
			margin-right: 12px
		}

	.pro .pro-nav .list li {
		margin-bottom: .2rem
	}

	.pro .pro-nav .list .imgs {
		padding-bottom: 80%
	}

	.pro .pro-nav .list em {
		left: 0;
		bottom: 0;
		height: 36px;
		line-height: 36px;
		background: rgba(0,0,0,.4)
	}

.pro .pro-con {
	width: calc(100% - 310px);
	margin-top: -66px
}

	.pro .pro-con ul {
		margin-top: .6rem;
		margin-left: -.25rem
	}

	.pro .pro-con li {
		padding-left: .25rem;
		margin-bottom: .3rem
	}

		.pro .pro-con li a:hover .info {
			border-color: #273679;
			background: #273679
		}

			.pro .pro-con li a:hover .info, .pro .pro-con li a:hover .info em, .pro .pro-con li a:hover .info h3 {
				color: #fff
			}

	.pro .pro-con .imgs {
		padding-bottom: 88%; /* height: 200PX; */
	}

	.pro .pro-con .info {
		padding: 10PX;
		border: 1px solid #e5e5e5
	}

	.pro .pro-con h3 {
		font-size: 17px;
		/*margin-bottom: 7px*/
	}

.pro-title {
	font-size: 15px;
	color: #555;
	padding-left: 13px;
	height: .66rem;
	line-height: .66rem
}

	.pro-title::after {
		position: absolute;
		content: '';
		left: 0;
		top: 50%;
		width: 3px;
		height: 15px;
		background: #d9282c;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%)
	}

.pro-info .head .con-l {
	width: calc(100% - 670px)
}

	.pro-info .head .con-l .pic {
		border: 1px solid #e8e8e8;
		height: 4rem
	}

		.pro-info .head .con-l .pic img {
			max-width: 100%;
			max-height: 100%
		}

.pro-info .head .con-r {
	width: 620px
}

	.pro-info .head .con-r h3 {
		font-size: 24px;
		border-bottom: 1px solid #ccc
	}

	.pro-info .head .con-r .label {
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd
	}

		.pro-info .head .con-r .label em {
			width: 150px;
			height: 50px;
			line-height: 50px;
			background: #f8f8f8
		}

		.pro-info .head .con-r .label .info {
			width: calc(100% - 100px);
			padding: 0 15px;
			font-size: 15px
		}

.pro-info .b-info .title {
	background: #f4f4f4
}

	.pro-info .b-info .title em {
		height: 52px;
		line-height: 52px;
		padding: 0 .58rem;
		background: #273679
	}

.pro-info .b-info .txt {
	padding: .3rem .44rem;
	border: 1px solid #eee
}

.pro-info .page .link {
	width: calc(100% - 180px)
}

	.pro-info .page .link a {
		height: 30px;
		line-height: 30px
	}

		.pro-info .page .link a:hover {
			color: #d9282c;
			text-decoration: underline
		}

.pro-info .page .btn a {
	min-width: 160px;
	height: 50px;
	line-height: 50px;
	font-size: 15px;
	background: #d9282c
}

.zoomLens {
	cursor: move !important
}

.ZoomContainer {
	overflow: hidden
}

#imgzoom {
	display: none;
	position: absolute;
	z-index: 1;
	top: 0;
	right: -320px;
	width: 310px;
	height: 310px;
	background: #fff
}

.contact .add {
	height: auto;
}

	.contact .add img {
		max-width: inherit
	}

.contact .txt {
	color: #555;
	padding: .46rem .42rem;
	border: 1px solid #ddd
}

	.contact .txt em {
		font-size: 20px;
		color: #333
	}

.slick-dots div.slick-active, .slick-dots div:focus, .slick-dots div:hover {
	background: #014896
}

.in-page {
	color: #888
}

	.in-page a, .in-page span {
		padding: .08rem .15rem;
		border: 1px solid #e8e8e8
	}

	.in-page a {
		margin-bottom: 5px
	}

		.in-page a.cur, .in-page a:hover {
			color: #fff;
			border-color: #014896;
			background: #014896
		}

.tab-head li {
	cursor: pointer
}

.tab-body li {
	visibility: hidden;
	opacity: 0;
	height: 0;
	overflow: hidden;
	transition: all .3s;
	-webkit-transition: all .3s
}

	.tab-body li.cur {
		visibility: visible;
		opacity: 1;
		height: inherit
	}

.edit {
	overflow: hidden
}

	.edit span {
		display: inline
	}

	.edit img {
		width: auto !important;
		height: auto !important
	}

.fix-wrap {
	display: none;
	z-index: 999;
	position: fixed;
	background: rgba(0,0,0,.8)
}

	.fix-wrap, .fix-wrap svg {
		top: 0;
		left: 0;
		width: 100%;
		height: 100%
	}

		.fix-wrap .hide, .fix-wrap circle {
			transition: all .8s;
			-webkit-transition: all .8s
		}

		.fix-wrap .hide {
			position: fixed;
			top: 5%;
			right: 5%;
			width: 49px;
			height: 49px;
			border-radius: 50%;
			cursor: pointer;
			overflow: hidden;
			background: 0 0
		}

			.fix-wrap .hide::after, .fix-wrap .hide::before {
				z-index: 1;
				position: absolute;
				content: '';
				top: 50%;
				left: 50%;
				width: 1px;
				height: 50%;
				margin-top: -25%;
				background: #fff
			}

			.fix-wrap .hide::before {
				transform: rotate(45deg);
				-webkit-transform: rotate(45deg)
			}

			.fix-wrap .hide::after {
				transform: rotate(-45deg);
				-webkit-transform: rotate(-45deg)
			}

			.fix-wrap .hide:hover {
				transform: rotate(-180deg);
				-webkit-transform: rotate(-180deg)
			}

				.fix-wrap .hide:hover circle {
					fill: none;
					stroke-dasharray: 145
				}

		.fix-wrap svg {
			position: absolute
		}

		.fix-wrap circle {
			stroke-dasharray: 0 145
		}

.fix-video .video-wrap {
	min-width: 55%;
	max-width: 55%;
	margin: 0 auto
}

.fix-video video {
	width: 100%;
	height: 100%;
	padding: 10px;
	border-radius: 5px;
	border: 1px solid #3a3a3a;
	box-shadow: 0 0 5px rgba(0,0,0,.5);
	background: #2d2d2d;
	object-fit: cover;
	animation: ReturnToNormal .5s both;
	-webkit-animation: ReturnToNormal .5s both
}

.fix-pic {
	overflow: auto
}

	.fix-pic img {
		max-height: 100%;
		animation: zoomIn .5s both;
		-webkit-animation: zoomIn .5s both
	}

.fix-pics {
	background: rgba(0,0,0,.7)
}

.fix-pic-slider {
	color: #fff
}

	.fix-pic-slider .item {
		position: relative;
		width: 100%;
		height: 100vh;
		cursor: grab;
		cursor: -webkit-grab;
		background-color: transparent
	}

		.fix-pic-slider .item:active {
			cursor: grabbing;
			cursor: -webkit-grabbing
		}

		.fix-pic-slider .item::after {
			position: absolute;
			content: '';
			z-index: -1;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			margin: auto;
			width: 50px;
			height: 50px;
			border-radius: 5px;
			box-shadow: 0 0 10px rgba(255,255,255,.1);
			background: rgba(255,255,255,.9)
		}

	.fix-pic-slider em, .fix-pic-slider img {
		position: absolute;
		left: 0;
		bottom: 0
	}

	.fix-pic-slider img {
		top: 0;
		right: 0;
		margin: auto;
		width: auto;
		height: auto;
		max-width: 100%;
		max-height: 100%;
		object-fit: inherit
	}

	.fix-pic-slider em {
		width: 100%;
		line-height: 25px;
		font-weight: 700;
		text-align: center;
		font-size: 16px;
		padding: 10px;
		box-shadow: 0 0 10px rgba(255,255,255,.1);
		background: rgba(0,0,0,.7)
	}

	.fix-pic-slider .slick-arrow {
		width: 45px;
		height: 45px;
		border-radius: 5px;
		box-shadow: 0 0 5px rgba(255,255,255,.1);
		background: rgba(0,0,0,.3);
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		transition: all .5s;
		-webkit-transition: all .5s
	}

		.fix-pic-slider .slick-arrow::after {
			position: absolute;
			content: '';
			top: 50%;
			border: solid #fff;
			padding: 6px
		}

		.fix-pic-slider .slick-arrow:hover {
			background: rgba(0,0,0,.9)
		}

	.fix-pic-slider .slick-prev {
		left: 1%;
		animation: slideInLeft .5s both;
		-webkit-animation: slideInLeft .5s both
	}

		.fix-pic-slider .slick-prev::after {
			left: 50%;
			border-width: 0 1px 1px 0;
			transform: translateX(-25%) translateY(-50%) rotate(135deg);
			-webkit-transform: translateX(-25%) translateY(-50%) rotate(135deg)
		}

	.fix-pic-slider .slick-next {
		right: 1%;
		animation: slideInRight .5s both;
		-webkit-animation: slideInRight .5s both
	}

		.fix-pic-slider .slick-next::after {
			right: 50%;
			border-width: 1px 0 0 1px;
			transform: translateX(25%) translateY(-50%) rotate(135deg);
			-webkit-transform: translateX(25%) translateY(-50%) rotate(135deg)
		}

	.fix-pic-slider .slick_page {
		position: absolute;
		top: 0;
		left: 0;
		padding: 15px;
		font-size: 16px;
		font-weight: 700
	}

		.fix-pic-slider .slick_page i {
			font-size: 22px
		}

		.fix-pic-slider .slick_page div {
			display: none
		}

			.fix-pic-slider .slick_page div.slick-active {
				display: block
			}

@media (max-width:1400px) {
	.mauto2 {
		max-width: 96%
	}
}

@media (max-width:1300px) {
	footer .link dl {
		padding: 0 15px
	}
}

@media (max-width:1200px) {
	.mauto {
		max-width: 92%
	}

	footer .txt-w2 {
		display: none
	}
}

@media (max-width:1024px) {
	body {
		padding-top: 70px !important
	}

	header {
		height: 70px
	}

	.header-m {
		left: 0;
		top: 0;
		width: 100%;
		height: 70px;
		background: #fff
	}

		.header-m::after {
			display: none;
			position: fixed;
			content: '';
			top: 70px;
			left: 0;
			width: 100%;
			height: 100%;
			background: rgba(0,0,0,.5)
		}

		.header-m .logo {
			position: absolute;
			left: 50%;
			line-height: 70px;
			/*transform: translateX(-50%);*/
			-webkit-transform: translateX(-50%);
			width:67%
		}

			.header-m .logo img {
				max-height: 100%
			}

		.header-m .m-menu-b {
			display: block;
			position: absolute;
			top: 0;
			left: 0;
			width: 60px;
			height: 70px;
			cursor: pointer
		}

			.header-m .m-menu-b::after, .header-m .m-menu-b::before {
				position: absolute;
				content: '';
				top: 50%;
				left: calc(35px / 2);
				width: 25px;
				height: 1px;
				z-index: 999;
				transition: all .3s ease-out .3s;
				-webkit-transition: all .3s ease-out .3s;
				background: #222
			}

			.header-m .m-menu-b::before {
				transform: translateY(-4px) rotate(0);
				-webkit-transform: translateY(-4px) rotate(0)
			}

			.header-m .m-menu-b::after {
				transform: translateY(4px) rotate(0);
				-webkit-transform: translateY(4px) rotate(0)
			}

		.header-m .m-menu {
			display: none;
			z-index: 888;
			position: fixed;
			width: 100%;
			width: 260px;
			height: 100%;
			top: 0;
			left: -260px;
			opacity: 1;
			background: #fafafa;
			text-align: left;
			padding-top: 70px
		}

			.header-m .m-menu::after {
				position: absolute;
				top: 70px;
				content: '';
				width: 100%;
				height: 1px;
				background: #ebebeb
			}

		.header-m .nav {
			height: calc(100% - 82px);
			overflow-x: hidden;
			overflow-y: auto
		}

			.header-m .nav > li {
				border-bottom: 1px solid #ebebeb;
				animation: resize .5s both;
				-webkit-animation: resize .5s both
			}

				.header-m .nav > li > a {
					position: relative;
					display: block;
					width: 100%;
					font-size: 15px;
					padding: 0 40px;
					color: #666;
					vertical-align: middle;
					text-overflow: ellipsis;
					white-space: nowrap;
					word-wrap: break-word;
					overflow: hidden;
					height: 50px;
					line-height: 50px
				}

					.header-m .nav > li > a::after {
						position: absolute;
						left: 20px;
						top: 50%;
						margin-top: -5px;
						content: '';
						width: 8px;
						height: 8px;
						border: 1px solid #999;
						border-radius: 50%;
						background: 0 0;
						transition: all .3s;
						-webkit-transition: all .3s
					}

				.header-m .nav > li .sub-nav {
					display: none
				}

					.header-m .nav > li .sub-nav a {
						position: relative;
						display: block;
						line-height: 24px;
						padding: 12px 40px;
						background: #f2f2f2;
						color: #4e4e4e
					}

						.header-m .nav > li .sub-nav a::after, .header-m .nav > li .sub-nav a::before {
							position: absolute;
							content: '';
							width: 0;
							height: 0;
							left: 20px;
							top: 20px;
							border: 5px solid transparent;
							overflow: hidden;
							transition: all .3s;
							-webkit-transition: all .3s
						}

						.header-m .nav > li .sub-nav a::before {
							left: 21px;
							border-left: 5px solid #555
						}

						.header-m .nav > li .sub-nav a::after {
							border-left: 5px #ebebeb solid
						}

				.header-m .nav > li.cur {
					position: relative
				}

					.header-m .nav > li.cur::after, .header-m .nav > li.cur::before {
						position: absolute;
						content: '';
						background: #999;
						transition: all .5s;
						-webkit-transition: all .5s
					}

					.header-m .nav > li.cur::before {
						top: 19px;
						right: 25px;
						width: 2px;
						height: 12px
					}

					.header-m .nav > li.cur::after {
						top: 24px;
						right: 20px;
						width: 12px;
						height: 2px
					}

				.header-m .nav > li.active::after {
					background: #fff
				}

				.header-m .nav > li.active::before {
					height: 0
				}

				.header-m .nav > li.active > a {
					color: #fff;
					background: #014896
				}

					.header-m .nav > li.active > a::after {
						border-color: #fff;
						background: #fff
					}

				.header-m .nav > li.active .sub-nav li {
					animation: ReturnToNormal .5s both;
					-webkit-animation: ReturnToNormal .5s both
				}

		.header-m .m-language {
			position: absolute;
			left: 0;
			bottom: 0;
			width: 100%;
			text-align: center
		}

			.header-m .m-language a {
				color: #666;
				height: 40px;
				line-height: 40px;
				font-size: 16px;
				display: block;
				border-bottom: 1px solid #ebebeb;
				animation: slideInUp 1.5s both;
				-webkit-animation: slideInUp 1.5s both
			}

		.header-m .m-search-b {
			display: block;
			position: absolute;
			top: 0;
			right: 0;
			width: 40px;
			height: 70px;
			cursor: pointer;
			background: url(../fonts/7450c85d7bd647f38fb66952db455b49.woff) no-repeat left center;
			background-size: 23px
		}

	html.active {
		height: 100%;
		overflow: hidden
	}

		html.active body {
			height: 100%;
			overflow: hidden
		}

		html.active .header-m {
			left: 260px
		}

			html.active .header-m::after {
				display: block
			}

			html.active .header-m .m-menu-b::after, html.active .header-m .m-menu-b::before {
				background: #000
			}

			html.active .header-m .m-menu-b::before {
				transform: translateY(0) rotate(225deg);
				-webkit-transform: translateY(0) rotate(225deg)
			}

			html.active .header-m .m-menu-b::after {
				transform: translateY(0) rotate(-225deg);
				-webkit-transform: translateY(0) rotate(-225deg)
			}

			html.active .header-m .m-menu {
				display: block;
				left: 0
			}

		html.active .banner, html.active .i-banner, html.active footer, html.active main {
			transform: translateX(260px);
			-webkit-transform: translateX(260px)
		}
}

@media (max-width:767px) {
	.i-banner .sm-db {
		display: block !important
	}

	.i-about-txt li {
		padding: .15rem 4% 6%
	}

	.i-about-txt em {
		font-size: 46px
	}

	.banner {
		height: 3rem
	}

		.banner h2 {
			display: none
		}

	.main-nav-p {
		display: none
	}

	.main-nav-m {
		display: block;
		position: relative;
		z-index: 1;
		cursor: pointer
	}

		.main-nav-m .title {
			position: relative;
			height: 45px;
			line-height: 45px;
			padding: 0 10px;
			background: #014896
		}

			.main-nav-m .title strong {
				color: #fff;
				font-size: 16px;
				font-weight: 700
			}

			.main-nav-m .title i {
				position: absolute;
				content: '';
				width: 45px;
				height: 100%;
				right: 0
			}

				.main-nav-m .title i::after, .main-nav-m .title i::before {
					position: absolute;
					top: 50%;
					content: '';
					width: 12px;
					height: 1px;
					background: #fff;
					transition: all .3s;
					-webkit-transition: all .3s
				}

				.main-nav-m .title i::before {
					left: 46%;
					transform: rotate(40deg) scaleY(1.5);
					-webkit-transform: rotate(40deg) scaleY(1.5)
				}

				.main-nav-m .title i::after {
					right: 46%;
					transform: rotate(-40deg) scaleY(1.5);
					-webkit-transform: rotate(-40deg) scaleY(1.5)
				}

			.main-nav-m .title.active i::before {
				transform: rotate(-40deg) scaleY(1.5);
				-webkit-transform: rotate(-40deg) scaleY(1.5)
			}

			.main-nav-m .title.active i::after {
				transform: rotate(40deg) scaleY(1.5);
				-webkit-transform: rotate(40deg) scaleY(1.5)
			}

		.main-nav-m ul {
			display: none;
			position: absolute;
			top: 45px;
			width: 100%;
			padding: 0 10px;
			background: rgba(1,72,150,.8);
			color: #fff
		}

			.main-nav-m ul li {
				animation: ReturnToNormal .5s both;
				-webkit-animation: ReturnToNormal .5s both
			}

				.main-nav-m ul li a {
					display: block;
					height: 45px;
					line-height: 45px;
					border-bottom: 1px solid rgba(255,255,255,.55)
				}

	.fix-video .video-wrap {
		max-width: 90%
	}
}

@keyframes resize {
	60%,75%,90%,from,to {
		animation-timing-function: cubic-bezier(.215,.61,.355,1)
	}

	0% {
		opacity: 0;
		transform: scale(5,5)
	}

	100% {
		opacity: 1;
		transform: scale(1,1)
	}
}

@-webkit-keyframes resize {
	60%,75%,90%,from,to {
		-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1)
	}

	0% {
		opacity: 0;
		-webkit-transform: scale(5,5)
	}

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

@keyframes ReturnToNormal {
	from {
		opacity: 0;
		transform-origin: right bottom;
		transform: rotate3d(0,0,1,45deg)
	}

	to {
		opacity: 1;
		transform-origin: right bottom;
		transform: none
	}
}

@-webkit-keyframes ReturnToNormal {
	from {
		opacity: 0;
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate3d(0,0,1,45deg)
	}

	to {
		opacity: 1;
		-webkit-transform-origin: right bottom;
		-webkit-transform: none
	}
}