body {
	color: #000;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, 'PT Sans', serif;
	background: #fff;
	font-size: 14px;
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

dl {
	margin: 0;
}

dt {
	font-weight: normal;
}

ul,
li {
	list-style-type: none;
	margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal;
}

.over {
	overflow-x: auto;
}

a {
	color: #000;
	text-decoration: none;
	outline: none;
	transition: all .3s;
}

a:hover {
	color: inherit;
}

a:focus {
	text-decoration: none;
	color: inherit;
}

img {
	border: 0;
	vertical-align:middle;
	transition: all 0.6s;
	max-width: 100%;
	/*max-height: 100%;*/
}

table {
	border-collapse: collapse;
	table-layout: fixed;
}

table,
th,
td {
	border: 1px solid black;
}

td {
	display: table-cell;
	vertical-align: middle;
	height: 40px;
	text-align: center;
	/*	word-wrap:break-inside;*/
	word-break: break-word;
}

input,
textarea,
select,
button {
	border: 0;
	outline: none;
}

.container {
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
	position: relative;
	z-index: 3;
	margin-top: 1px;
	clear: both;
}

/*公共样式勿删除*/
.clearfix:after {
	content: " ";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	zoom: 1;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.flex {
	display: flex;
	align-items: center;
}

.flex_item {
	flex: 1;
}

video {
	vertical-align: middle;
	background: #000;
	width: 100%;
}

.pull_right {
	float: right;
}

.pull_left {
	float: left;
}

ol,
ul {
	list-style: none;
}

/*pc隐藏模块*/
.m_header,
.m_nav_fixed {
	display: none;
}

.clearfix {
	zoom: 1
}

.container:after,
.container_1200:after,
.row:after {
	clear: both;
}

*:before,
*:after,
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.inp_control {
	display: block;
	width: 100%;
	height: 28px;
	*height: 18px;
	padding: 7px 8px;
	font-size: 14px;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 2px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.container:before,
.container:after,
.container_1200:before,
.container_1200:after,
.row:before,
.row:after {
	display: table;
	content: " ";
}

/*头部*/
.header {
	position: relative;
	z-index: 999;
}

.header .container_1200 {
	position: relative;
	z-index: 2;
}

/*logo*/
.header .logo_box {
	margin: 10px 0;
	font-size: 0;
	line-height: 0;
}

.header .logo_box h1 {
	font-size: 0;
}

/*搜索框*/
.header .header_search {
	display: -moz-inline-stack;
	display: inline-block;
	*display: inline;
	zoom: 1;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	margin-top: 27px;
}

.header .header_search .inp {
	display: -moz-inline-stack;
	display: inline-block;
	*display: inline;
	position: relative;
	padding: 8px 36px 8px 10px;
	margin-bottom: 0;
	width: 240px;
	border-radius: 40px;
	zoom: 1;
	background: rgb(255, 255, 255);
	/*The Fallback color,这里也可以使用一张图片来代替*/
	background: rgba(255, 255, 255, 0.3);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#4Cffffff,endColorstr=#4Cffffff)";
	/*Filter for IE8 */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#4Cffffff, endColorstr=#4Cffffff);
	/*Filter for older IEs */
}

.header .header_search .inp input {
	*height: 20px;
	background: transparent;
	color: #fff;
	font-size: 12px;
	border: none;
	box-shadow: none;
}

.header .header_search .inp input::-webkit-input-placeholder {
	color: #fff;
}

.header .header_search .inp input:-ms-input-placeholder {
	color: #fff;
}

.header .header_search .inp input:-moz-placeholder {
	color: #fff;
}

.header .header_search .inp input::-moz-placeholder {
	color: #fff;
}

.header .btn_search {
	position: absolute;
	top: 3px;
	right: 0;
	height: 36px;
	width: 30px;
	line-height: 36px;
	text-align: center;
	background: transparent url(../images/icon_sear.png) no-repeat left center;
	outline: none;
	border: none;
}

.header.head_sticky {
	background: #fff;
	box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.3);
}

.header .btn_search .iconfont {
	font-size: 22px;
	color: #333;
}

.banner {
	@include bg_cover;
	position: relative;
	z-index: -2;
}

/*导航*/
.header_right {
	text-align: right;
}

.nav_list {
	font-size: 0;
	line-height: 0;
	position: relative;
}

.nav_list>li {
	display: -moz-inline-stack;
	display: inline-block;
	*display: inline;
	vertical-align: top;
	zoom: 1;
	text-align: center;
}

.nav_list>li>a {
	display: block;
	padding: 0 35px;
	color: #333;
	font-size: 16px;
}

.nav_list>li>a>span {
	display: block;
	padding: 15px 0 20px;
	line-height: 1;
	color: #333;
	font-size: 16px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

/*stick*/
.header.is_stuck .header_search {
	height: 0;
	overflow: hidden;
	display: block;
}

.header.is_stuck {
	height: 70px;
}

.header.is_stuck .nav_list>li>a>span {
	line-height: 70px;
}

/*nav_normal*/
.nav_normal>li {
	position: relative;
}

.nav_normal>li .dropdown_menu {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	display: none;
	z-index: 1;
}

.nav_normal .dropdown_menu li {
	width: 100%;
}

.nav_normal .dropdown_menu li a {
	display: block;
	width: 100%;
	height: 35px;
	border-bottom: 1px solid #f5f5f5;
	background: #f9f9f9;
	line-height: 35px;
	text-align: center;
	font-size: 14px;
	color: #666;
}

.nav_normal .nav_line {
	display: -moz-inline-stack;
	display: inline-block;
	*display: inline;
	height: 3px;
	width: 0px;
	background: #59caff;
	border-radius: 1px;
	line-height: 0;
	font-size: 0;
	position: relative;
}

/*nav_tile*/
.droplist_tile {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	z-index: 1;
}

.drop_tile {
	display: none;
}

.nav_tile .nav_line {
	position: absolute;
	left: 0;
	bottom: -1px;
	display: -moz-inline-stack;
	display: inline-block;
	*display: inline;
	height: 3px;
	width: 0px;
	visibility: hidden;
	background: #59caff;
	border-radius: 1px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.nav_tile .nav_line:after {
	content: '';
	position: absolute;
	vertical-align: middle;
	border-bottom: 4px dashed;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
	color: #59caff;
	left: 50%;
	bottom: 100%;
	margin-left: -2px;
}

/*banner*/
.banner_full,
.banner_full .banner_box,
.banner_full .banner_slick,
.banner_full .slick-list,
.banner_full .slick-track {
	padding-top: 0;
	height: 100%;
}

.banner_full .banner_item {
	width: 100%;
	font-size: 0;
	line-height: 0;
	position: relative;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

.container_lun {
	width: 86%;
	margin: auto;
	position: relative;
}

.index_block .container_lun {
	width: 71%;
}

.index_news .container_lun {
	width: 71%;
}

.header {
	position: fixed;
	width: 100%;
	z-index: 999;

	.logo_box {
		a {
			position: relative;
			height: 80px;
			display: inline-block;
			vertical-align: top;
			width: 250px;
		}

		.logo_w {
			position: absolute;
			top: 0;
			left: 0;
			height: 80px;
			z-index: 2;
		}

		.logo_color {
			position: absolute;
			top: 0;
			left: 0;
			height: 80px;
			z-index: 1;
			opacity: 0;
			-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
			filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
		}
	}

	.nav_list {

		&>li.active>a>span,
		&>li.on>a>span,
		&>li:hover>a>span {
			color: $nav_color;

			.caret {
				color: $nav_color;
			}
		}
	}

	.nav_list>li>a>span {
		font-size: 20px;
		line-height: 99px;
		padding: 0 0 0;
		color: #fff;

		.caret {
			display: inline-block;
			width: 0;
			height: 0;
			margin-left: 2px;
			vertical-align: middle;
			border-top: 4px dashed;
			border-right: 4px solid transparent;
			border-left: 4px solid transparent;
		}
	}

	.droplist_tile {
		//background:rgba(0,0,0,0.3);
		//-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#4C000000,endColorstr=#4C000000)";
		/*Filter for IE8 */
		//filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#4C000000,endColorstr=#4C000000);
		/*Filter for older IEs */
		background: #e0e0e1;

		.sub_list {
			text-align: center;

			.sub_item {
				text-align: left;
				@include inline_block;
				min-width: 130px;
				vertical-align: top;
				padding-top: 25px;
				padding-bottom: 35px;
				margin: 0 2%;
			}

			h2 {
				font-size: 18px;
				color: #333;
				font-weight: normal;
				padding-bottom: 5px;
				border-bottom: 1px solid #d0d0d0;

				a {
					font-size: 18px;
					color: #333;
					margin: 0 5px;
				}

				&.no_bor {
					padding-bottom: 0;
					border-bottom: none;
				}
			}

			a {
				display: block;
				font-size: 14px;
				color: #666;
				line-height: 2;
				padding-right: 5px;
			}

			a.on,
			a:hover {
				color: $nav_color;
			}
		}
	}

	&.head_sticky {
		background: #fff;
		box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.3);

		.logo_box {
			.logo_color {
				opacity: 1;
				-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
			}

			.logo_w {
				opacity: 0;
				-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
			}
		}

		.nav_list>li>a>span {
			color: #444;

			.caret {
				color: #444;
			}
		}

		.nav_list {

			&>li.active>a>span,
			&>li.on>a>span,
			&>li:hover>a>span {
				color: $nav_color;

				.caret {
					color: $nav_color;
				}
			}
		}

		.header_search {
			margin-top: 27px;
		}

		.header_search .inp {
			background: rgb(0, 0, 0);
			/*The Fallback color,这里也可以使用一张图片来代替*/
			background: rgba(0, 0, 0, 0.2);
			-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#33000000,endColorstr=#33000000)";
			/*Filter for IE8 */
			filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#33000000, endColorstr=#33000000);
			/*Filter for older IEs */
		}

		.droplist_tile {
			//background:rgb(0,0,0);
			/*The Fallback color,这里也可以使用一张图片来代替*/
			//background:rgba(0,0,0,0.9);
			//-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#D8000000,endColorstr=#D8000000)";
			/*Filter for IE8 */
			//filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#D8000000,endColorstr=#D8000000);
			/*Filter for older IEs */
		}
	}
}

.bounce {
	-webkit-animation-name: bounce;
	-moz-animation-name: bounce;
	-o-animation-name: bounce;
	animation-name: bounce;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	animation-fill-mode: both;
	-webkit-animation-duration: 2s;
	-moz-animation-duration: 2s;
	-ms-animation-duration: 2s;
	-o-animation-duration: 2s;
	animation-duration: 2s;
}

@-webkit-keyframes bounce {

	0%,
	20%,
	50%,
	80%,
	100% {
		-webkit-transform: translateY(0);
	}

	40% {
		-webkit-transform: translateY(15px);
	}

	60% {
		-webkit-transform: translateY(15px);
	}
}

@keyframes bounce {

	0%,
	20%,
	50%,
	80%,
	100% {
		transform: translateY(0);
	}

	40% {
		transform: translateY(15px);
	}

	60% {
		transform: translateY(15px);
	}
}

.banner {
	@include bg_cover;
	position: relative;
	z-index: -2;
}

.banner_box {
	background-size: cover;
	background-attachment: fixed;
	padding: 23% 0;
	color: #fff;
	position: relative;
	height: 100%;
	min-height: 450px;
	background: radial-gradient(ellipse at center, rgba(5, 15, 20, .2) 0, rgba(5, 15, 20, .6) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33050f14', endColorstr='#99050f14', GradientType=1);

	h1 {
		font-size: 65px;
		line-height: 1.4;
		text-align: center;
		color: #fff;
		font-weight: 700;
		margin-bottom: 15px;
		text-transform: uppercase;
		text-shadow: 0 2px 3px rgba(0, 0, 0, .5);
	}

	h3 {
		color: #fff;
		font-size: 22px;
		text-align: center;
		letter-spacing: 2px;
		font-weight: 300;
	}

	#video {
		position: fixed;
		top: 50%;
		left: 50%;
		min-width: 100%;
		min-height: 100%;
		width: auto;
		height: auto;
		z-index: -100;
		-webkit-transform: translateX(-50%) translateY(-50%);
		transform: translateX(-50%) translateY(-50%);
		background: url(/Public/Images/home/phpcms/zh-cn/static_bg_2.jpg) center no-repeat;
		background-color: rgba(0, 0, 0, .5);
		background-size: cover;
		-webkit-transition: 1s opacity;
		transition: 1s opacity;
	}
}

.header {
	position: fixed;
	width: 100%;
	z-index: 999
}

.header .logo_box a {
	position: relative;
	height: 80px;
	display: inline-block;
	vertical-align: top;
	width: 250px
}

.header .logo_box .logo_w {
	position: absolute;
	top: 0;
	left: 0;
	height: 80px;
	z-index: 2
}

.header .logo_box .logo_color {
	position: absolute;
	top: 0;
	left: 0;
	height: 80px;
	z-index: 1;
	opacity: 0;
	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0)
}

.header .nav_list>li.active>a>span,
.header .nav_list>li.on>a>span,
.header .nav_list>li:hover>a>span {
	color: #59caff
}

.header .nav_list>li.active>a>span .caret,
.header .nav_list>li.on>a>span .caret,
.header .nav_list>li:hover>a>span .caret {
	color: #59caff
}

.header .nav_list>li>a>span {
	font-size: 20px;
	line-height: 99px;
	padding: 0 0 0;
	color: #758bec;
	font-weight:bold;
}

.header .nav_list>li>a>span .caret {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 2px;
	vertical-align: middle;
	border-top: 4px dashed;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent
}

.header .droplist_tile {
	background: #e0e0e1
}

.header .droplist_tile .sub_list {
	text-align: center
}

.header .droplist_tile .sub_list .sub_item {
	text-align: left;
	display: -moz-inline-stack;
	display: inline-block;
	*display: inline;
	zoom: 1;
	min-width: 130px;
	vertical-align: top;
	padding-top: 25px;
	padding-bottom: 35px;
	margin: 0 1.8%
}

.header .droplist_tile .sub_list h2 {
	font-size: 18px;
	color: #333;
	font-weight: normal;
	padding-bottom: 5px;
	border-bottom: 1px solid #d0d0d0
}

.header .droplist_tile .sub_list h2 a {
	font-size: 18px;
	color: #1169ac;
	margin: 0 5px
}

.header .droplist_tile .sub_list h2.no_bor {
	padding-bottom: 0;
	border-bottom: none
}

.header .droplist_tile .sub_list a {
	display: block;
	font-size: 14px;
	color: #666;
	line-height: 2;
	padding-right: 5px
}

.header .droplist_tile .sub_list a.on,
.header .droplist_tile .sub_list a:hover {
	color: #59caff
}

.header.head_sticky {
	background: #fff;
	box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.3)
}

.header.head_sticky .logo_box .logo_color {
	opacity: 1;
	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100)
}

.header.head_sticky .logo_box .logo_w {
	opacity: 0;
	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0)
}

.header.head_sticky .nav_list>li>a>span {
	color: #444
}

.header.head_sticky .nav_list>li>a>span .caret {
	color: #444
}

.header.head_sticky .nav_list>li.active>a>span,
.header.head_sticky .nav_list>li.on>a>span,
.header.head_sticky .nav_list>li:hover>a>span {
	color: #59caff
}

.header.head_sticky .nav_list>li.active>a>span .caret,
.header.head_sticky .nav_list>li.on>a>span .caret,
.header.head_sticky .nav_list>li:hover>a>span .caret {
	color: #59caff
}

.header.head_sticky .header_search {
	margin-top: 27px
}

.header.head_sticky .header_search .inp {
	background: #000;
	background: rgba(0, 0, 0, 0.2);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#33000000,endColorstr=#33000000)";
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#33000000, endColorstr=#33000000)
}

.bounce {
	-webkit-animation-name: bounce;
	-moz-animation-name: bounce;
	-o-animation-name: bounce;
	animation-name: bounce;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	animation-fill-mode: both;
	-webkit-animation-duration: 2s;
	-moz-animation-duration: 2s;
	-ms-animation-duration: 2s;
	-o-animation-duration: 2s;
	animation-duration: 2s
}

@-webkit-keyframes bounce {

	0%,
	20%,
	50%,
	80%,
	100% {
		-webkit-transform: translateY(0)
	}

	40% {
		-webkit-transform: translateY(15px)
	}

	60% {
		-webkit-transform: translateY(15px)
	}
}

@keyframes bounce {

	0%,
	20%,
	50%,
	80%,
	100% {
		transform: translateY(0)
	}

	40% {
		transform: translateY(15px)
	}

	60% {
		transform: translateY(15px)
	}
}

.banner {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
	z-index: -2
}

.banner_box {
	background-size: cover;
	background-attachment: fixed;
	padding: 23% 0;
	color: #fff;
	position: relative;
	height: 100%;
	min-height: 450px;
	background: radial-gradient(ellipse at center, rgba(5, 15, 20, 0.2) 0, rgba(5, 15, 20, 0.6) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33050f14', endColorstr='#99050f14', GradientType=1)
}

.banner_box h1 {
	font-size: 65px;
	line-height: 1.4;
	text-align: center;
	color: #fff;
	font-weight: 700;
	margin-bottom: 15px;
	text-transform: uppercase;
	text-shadow: 0 2px 3px rgba(0, 0, 0, 0.5)
}

.banner_box h3 {
	color: #fff;
	font-size: 22px;
	text-align: center;
	letter-spacing: 2px;
	font-weight: 300
}

.banner_box #video {
	position: fixed;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -100;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	background-color: rgba(0, 0, 0, 0.5);
	background-size: cover;
	-webkit-transition: 1s opacity;
	transition: 1s opacity
}

.header .search {
	margin-left: 50px;
}

.header .form-control {
	width: 98px;
	height: 32px;
	border-radius: 0;
	margin: 32px 0 0 30px;
}

@media screen and (max-width:1500px) {
	.container_lun {
		width: 1200px
	}

	.header .nav_list>li>a>span {
		font-size: 16px;
	}

	.header .nav_list>li>a {
		padding: 0 15px;
	}

	.about .culture .container {
		width: 1200px;
	}
}
@media screen and (max-width: 767px){
.banner_box2 .swiper-slide img {
	display: block !important !important;
	width: 100% !important;
	height: 100% !important;
}
.index_block .container_lun {
    width: 100% !important;
}
.banner_max{background-size: cover !important;height: auto !important;}
.banner_box2 {
	height: 200px !important;
	    min-height: 200px !important;
}
.banner_box2 .swiper-slide img {
	width: auto !important;
	height: 200px !important;
	margin: 0 auto !important;
}
}

@media screen and (min-width: 1921px){
.banner_box2 .swiper-slide img {
	display: block !important;
	width: 70% !important;
	
	height: 100% !important;
	margin: 0 auto !important;
}

.header .container_lun {
    width: 65% !important;
}
.container_lun {
    width: 70% !important;
    margin: auto;
    position: relative;
}
.banner_box2 {
    background-size: cover;
    background-attachment: fixed;
    color: #fff;
    position: relative;
	width: 100% !important;
	margin: 0 auto !important;
    height: 100%;
    min-height: 650px;
    background-color: #3988da  !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33050f14', endColorstr='#99050f14', GradientType=1);
}

.banner_max .banner_dis {
    padding: 5.19% 0px 10% 0  !important;
    text-align: center;
    width: 70%  !important;
    margin: 0 auto;
	    background-size: cover !important;
}

.banner_max {
    background-size: auto, auto;
    position: relative;
    background-repeat: no-repeat;
    background-position: top center;
    display: block;
    width: 100%;
    margin: 0 auto;

    background-color: #3988da !important;
    /* background-size: cover; */
}
.container {
    width: 70%;
    padding: 0px;
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 3;
    margin-top: 1px;
    clear: both;
}

}
@media (max-width:1200px) {

	/*移动端隐藏模块*/
	.header,
	.m_hide {
		display: none;
	}

	.banner_full {
		height: 60%;
	}

	/*移动端头部*/
	.m_header {
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		background: #fff;
		border-bottom: 1px solid #f0f0f0;
		z-index: 99999;
	}

	.m_header {
		height: 50px;
	}

	.m_header .logo_box {
		display: inline;
		display: inline-block;
		display: -moz-inline-stack;
		height: 50px;
		line-height: 0;
		font-size: 0;
		zoom: 1;
	}

	.m_header .logo_box img {
		height: 50px;
	}

	/*手机X*/
	.nav_toggle {
		color: #fff;
		-webkit-transform: scale(0.7);
		-moz-transform: scale(0.7);
		-ms-transform: scale(0.7);
		-o-transform: scale(0.7);
		transform: scale(0.7);
		transform-origin: 50% 50%;
		position: absolute;
		top: 50%;
		right: 8px;
		margin-top: -13px;
		z-index: 999;
	}

	.nav_toggle {
		cursor: pointer;
		padding: 10px 35px 16px 0px;
	}

	.nav_toggle span,
	.nav_toggle span:before,
	.nav_toggle span:after {
		cursor: pointer;
		border-radius: 2px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		-o-border-radius: 2px;
		height: 5px;
		width: 35px;
		background: #0068b7;
		position: absolute;
		display: block;
		content: '';
	}

	.nav_toggle span:before {
		top: -10px;
	}

	.nav_toggle span:after {
		bottom: -10px;
	}

	.nav_toggle span,
	.nav_toggle span:before,
	.nav_toggle span:after {
		transition: all 500ms ease-in-out;
		-webkit-transition: all 500ms ease-in-out;
		-moz-transition: all 500ms ease-in-out;
		-o-transition: all 500ms ease-in-out;
	}

	.nav_toggle.active span {
		background-color: transparent;
	}

	.nav_toggle.active span:before,
	.nav_toggle.active span:after {
		top: 0;
	}

	.nav_toggle.active span:before {
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
	}

	.nav_toggle.active span:after {
		transform: translateY(-10px) rotate(-45deg);
		-webkit-transform: translateY(-10px) rotate(-45deg);
		-ms-transform: translateY(-10px) rotate(-45deg);
		top: 10px;
	}

	/*移动端导航normal*/
	.m_header .m_nav {
		display: none;
		position: fixed;
		top: 50px;
		left: 0;
		bottom: 0;
		width: 100%;
		background: #fff;
		z-index: 2;
		overflow: auto;
	}

	.m_header .m_nav_list a {
		display: block;
		width: 100%;
		padding: 0 20px;
		line-height: 35px;
		text-align: left;
		font-size: 15px;
		color: #333;
	}

	.m_header .m_nav_list>li {
		border-bottom: 1px solid #f0f0f0;
		transition: transform .5s ease;
		transform: matrix(1, -1, 0, 1, 200, 100);
	}

	.m_header .m_nav_list>li>a {
		opacity: 0;
	}

	.m_header .m_nav_list .dropdown .dropdown_menu {
		height: 0;
		overflow: hidden;
	}

	.m_header .m_nav_list .dropdown .dropdown_menu.on {
		height: auto;
	}

	.m_header .m_nav_list .dropdown_menu>li {
		border-top: 1px solid #f0f0f0;
		background: #f5f5f5;
	}

	/*移动端导航fixed*/
	.m_nav_fixed {
		display: block;
		position: fixed;
		top: 10px;
		left: 10px;
		right: 10px;
		max-width: 300px;
		float: left;
		-webkit-perspective: 1000px;
		-moz-perspective: 1000px;
		perspective: 1000px;
		-webkit-perspective-origin: 50% 200%;
		-moz-perspective-origin: 50% 200%;
		perspective-origin: 50% 200%;
	}

	.m_nav_fixed:first-child {
		margin-right: 100px;
	}

	.m_nav_fixed button {
		background: #ccc;
		border: none;
		width: 48px;
		height: 45px;
		text-indent: -9999px;
		overflow: hidden;
		position: relative;
		cursor: pointer;
		outline: none;
	}

	.m_nav_fixed button:hover,
	.m_nav_fixed button.nav_btn_active,
	.m_nav_fixed ul {
		background: #aaa;
	}

	.m_nav_fixed button:after {
		content: '';
		position: absolute;
		width: 68%;
		height: 5px;
		background: #fff;
		top: 10px;
		left: 16%;
		box-shadow: 0 10px 0 #fff, 0 20px 0 #fff;
	}

	.m_nav_fixed ul {
		padding: 0;
		list-style: none;
		-webkit-transform-style: preserve-3d;
		-moz-transform-style: preserve-3d;
		transform-style: preserve-3d;
	}

	.m_nav_fixed li {
		position: relative;
	}

	.m_nav_fixed li a {
		display: block;
		position: relative;
		padding: 15px 20px;
		font-size: 16px;
		line-height: 20px;
		font-weight: 300;
		color: #fff;
		outline: none;
	}

	.no-touch .m_nav_fixed li a:hover {
		background: rgba(255, 248, 213, 0.1);
	}

	.m_nav_fixed li.nav_back>a {
		padding-left: 30px;
		background: rgba(0, 0, 0, 0.1);
	}

	.m_nav_fixed li.nav_back:after,
	.m_nav_fixed li>a:not(:only-child):after {
		position: absolute;
		top: 0;
		line-height: 50px;
		speak: none;
		-webkit-font-smoothing: antialiased;
		content: ">";
		color: #fff;
		transform: scaley(1.5);
		-webkit-transform: scaley(1.5);
		/* Safari 和 Chrome */
		-o-transform: scaley(1.5);
		/* Opera */
		-moz-transform: scaley(1.5);
		/* Firefox */
	}

	.m_nav_fixed li.nav_back:after {
		left: 10px;
		top: 3px;
		color: rgba(212, 204, 198, 0.8);
		-webkit-transform: rotate(180deg) scaley(1.5);
		-moz-transform: rotate(180deg) scaley(1.5);
		transform: rotate(180deg) scaley(1.5);
	}

	.m_nav_fixed li>a:after {
		right: 10px;
		color: rgba(0, 0, 0, 0.15);
	}

	.m_nav_fixed .m_nav_list {
		margin: 5px 0 0 0;
		position: absolute;
		width: 100%;
		opacity: 0;
		pointer-events: none;
		-webkit-transform: translateY(10px);
		-moz-transform: translateY(10px);
		transform: translateY(10px);
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		backface-visibility: hidden;
	}

	.m_nav_fixed .m_nav_list.m_nav_toggle {
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}

	.m_nav_fixed .m_nav_list.nav_open {
		opacity: 1;
		pointer-events: auto;
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		transform: translateY(0px);
	}

	.m_nav_fixed li .m_nav_sub {
		display: none;
	}

	.m_nav_list.m_subview li,
	.m_nav_list.m_subview li.m_subview_open>a,
	.m_nav_list.m_subview li.m_subview>a {
		display: none;
	}

	.m_nav_list.m_subview li.m_subview,
	.m_nav_list.m_subview li.m_subview .m_nav_sub,
	.m_nav_list.m_subview li.m_subview_open,
	.m_nav_list.m_subview li.m_subview_open>.m_nav_sub,
	.m_nav_list.m_subview li.m_subview_open>.m_nav_sub>li {
		display: block;
	}

	.m_nav_fixed>.m_nav_sub {
		position: absolute;
		width: 100%;
		top: 50px;
		left: 0;
		margin: 0;
	}

	/* Animation 移动端二级移入移除动画 */
	.m_nav_list.nav_animate_out_1 {
		-webkit-animation: MenuAnimOut1 0.4s;
		-moz-animation: MenuAnimOut1 0.4s;
		animation: MenuAnimOut1 0.4s;
	}

	.m_nav_list.nav_animate_out_2 {
		-webkit-animation: MenuAnimOut2 0.3s ease-in-out;
		-moz-animation: MenuAnimOut2 0.3s ease-in-out;
		animation: MenuAnimOut2 0.3s ease-in-out;
	}

	.m_nav_list.nav_animate_out_3 {
		-webkit-animation: MenuAnimOut3 0.4s ease;
		-moz-animation: MenuAnimOut3 0.4s ease;
		animation: MenuAnimOut3 0.4s ease;
	}

	.m_nav_list.nav_animate_out_4 {
		-webkit-animation: MenuAnimOut4 0.4s ease;
		-moz-animation: MenuAnimOut4 0.4s ease;
		animation: MenuAnimOut4 0.4s ease;
	}

	.m_nav_list.nav_animate_out_5 {
		-webkit-animation: MenuAnimOut5 0.4s ease;
		-moz-animation: MenuAnimOut5 0.4s ease;
		animation: MenuAnimOut5 0.4s ease;
	}

	@-webkit-keyframes MenuAnimOut1 {
		50% {
			-webkit-transform: translateZ(-250px) rotateY(30deg);
		}

		75% {
			-webkit-transform: translateZ(-372.5px) rotateY(15deg);
			opacity: .5;
		}

		100% {
			-webkit-transform: translateZ(-500px) rotateY(0deg);
			opacity: 0;
		}
	}

	@-webkit-keyframes MenuAnimOut2 {
		100% {
			-webkit-transform: translateX(-100%);
			opacity: 0;
		}
	}

	@-webkit-keyframes MenuAnimOut3 {
		100% {
			-webkit-transform: translateZ(300px);
			opacity: 0;
		}
	}

	@-webkit-keyframes MenuAnimOut4 {
		100% {
			-webkit-transform: translateZ(-300px);
			opacity: 0;
		}
	}

	@-webkit-keyframes MenuAnimOut5 {
		100% {
			-webkit-transform: translateY(40%);
			opacity: 0;
		}
	}

	@-moz-keyframes MenuAnimOut1 {
		50% {
			-moz-transform: translateZ(-250px) rotateY(30deg);
		}

		75% {
			-moz-transform: translateZ(-372.5px) rotateY(15deg);
			opacity: .5;
		}

		100% {
			-moz-transform: translateZ(-500px) rotateY(0deg);
			opacity: 0;
		}
	}

	@-moz-keyframes MenuAnimOut2 {
		100% {
			-moz-transform: translateX(-100%);
			opacity: 0;
		}
	}

	@-moz-keyframes MenuAnimOut3 {
		100% {
			-moz-transform: translateZ(300px);
			opacity: 0;
		}
	}

	@-moz-keyframes MenuAnimOut4 {
		100% {
			-moz-transform: translateZ(-300px);
			opacity: 0;
		}
	}

	@-moz-keyframes MenuAnimOut5 {
		100% {
			-moz-transform: translateY(40%);
			opacity: 0;
		}
	}

	@keyframes MenuAnimOut1 {
		50% {
			transform: translateZ(-250px) rotateY(30deg);
		}

		75% {
			transform: translateZ(-372.5px) rotateY(15deg);
			opacity: .5;
		}

		100% {
			transform: translateZ(-500px) rotateY(0deg);
			opacity: 0;
		}
	}

	@keyframes MenuAnimOut2 {
		100% {
			transform: translateX(-100%);
			opacity: 0;
		}
	}

	@keyframes MenuAnimOut3 {
		100% {
			transform: translateZ(300px);
			opacity: 0;
		}
	}

	@keyframes MenuAnimOut4 {
		100% {
			transform: translateZ(-300px);
			opacity: 0;
		}
	}

	@keyframes MenuAnimOut5 {
		100% {
			transform: translateY(40%);
			opacity: 0;
		}
	}

	.m_nav_list.nav_animate_in_1 {
		-webkit-animation: MenuAnimIn1 0.3s;
		-moz-animation: MenuAnimIn1 0.3s;
		animation: MenuAnimIn1 0.3s;
	}

	.m_nav_list.nav_animate_in_2 {
		-webkit-animation: MenuAnimIn2 0.3s ease-in-out;
		-moz-animation: MenuAnimIn2 0.3s ease-in-out;
		animation: MenuAnimIn2 0.3s ease-in-out;
	}

	.m_nav_list.nav_animate_in_3 {
		-webkit-animation: MenuAnimIn3 0.4s ease;
		-moz-animation: MenuAnimIn3 0.4s ease;
		animation: MenuAnimIn3 0.4s ease;
	}

	.m_nav_list.nav_animate_in_4 {
		-webkit-animation: MenuAnimIn4 0.4s ease;
		-moz-animation: MenuAnimIn4 0.4s ease;
		animation: MenuAnimIn4 0.4s ease;
	}

	.m_nav_list.nav_animate_in_5 {
		-webkit-animation: MenuAnimIn5 0.4s ease;
		-moz-animation: MenuAnimIn5 0.4s ease;
		animation: MenuAnimIn5 0.4s ease;
	}

	@-webkit-keyframes MenuAnimIn1 {
		0% {
			-webkit-transform: translateZ(-500px) rotateY(0deg);
			opacity: 0;
		}

		20% {
			-webkit-transform: translateZ(-250px) rotateY(30deg);
			opacity: 0.5;
		}

		100% {
			-webkit-transform: translateZ(0px) rotateY(0deg);
			opacity: 1;
		}
	}

	@-webkit-keyframes MenuAnimIn2 {
		0% {
			-webkit-transform: translateX(-100%);
			opacity: 0;
		}

		100% {
			-webkit-transform: translateX(0px);
			opacity: 1;
		}
	}

	@-webkit-keyframes MenuAnimIn3 {
		0% {
			-webkit-transform: translateZ(300px);
			opacity: 0;
		}

		100% {
			-webkit-transform: translateZ(0px);
			opacity: 1;
		}
	}

	@-webkit-keyframes MenuAnimIn4 {
		0% {
			-webkit-transform: translateZ(-300px);
			opacity: 0;
		}

		100% {
			-webkit-transform: translateZ(0px);
			opacity: 1;
		}
	}

	@-webkit-keyframes MenuAnimIn5 {
		0% {
			-webkit-transform: translateY(40%);
			opacity: 0;
		}

		100% {
			-webkit-transform: translateY(0);
			opacity: 1;
		}
	}

	@-moz-keyframes MenuAnimIn1 {
		0% {
			-moz-transform: translateZ(-500px) rotateY(0deg);
			opacity: 0;
		}

		20% {
			-moz-transform: translateZ(-250px) rotateY(30deg);
			opacity: 0.5;
		}

		100% {
			-moz-transform: translateZ(0px) rotateY(0deg);
			opacity: 1;
		}
	}

	@-moz-keyframes MenuAnimIn2 {
		0% {
			-moz-transform: translateX(-100%);
			opacity: 0;
		}

		100% {
			-moz-transform: translateX(0px);
			opacity: 1;
		}
	}

	@-moz-keyframes MenuAnimIn3 {
		0% {
			-moz-transform: translateZ(300px);
			opacity: 0;
		}

		100% {
			-moz-transform: translateZ(0px);
			opacity: 1;
		}
	}

	@-moz-keyframes MenuAnimIn4 {
		0% {
			-moz-transform: translateZ(-300px);
			opacity: 0;
		}

		100% {
			-moz-transform: translateZ(0px);
			opacity: 1;
		}
	}

	@-moz-keyframes MenuAnimIn5 {
		0% {
			-moz-transform: translateY(40%);
			opacity: 0;
		}

		100% {
			-moz-transform: translateY(0);
			opacity: 1;
		}
	}

	@keyframes MenuAnimIn1 {
		0% {
			transform: translateZ(-500px) rotateY(0deg);
			opacity: 0;
		}

		20% {
			transform: translateZ(-250px) rotateY(30deg);
			opacity: 0.5;
		}

		100% {
			transform: translateZ(0px) rotateY(0deg);
			opacity: 1;
		}
	}

	@keyframes MenuAnimIn2 {
		0% {
			transform: translateX(-100%);
			opacity: 0;
		}

		100% {
			transform: translateX(0px);
			opacity: 1;
		}
	}

	@keyframes MenuAnimIn3 {
		0% {
			transform: translateZ(300px);
			opacity: 0;
		}

		100% {
			transform: translateZ(0px);
			opacity: 1;
		}
	}

	@keyframes MenuAnimIn4 {
		0% {
			transform: translateZ(-300px);
			opacity: 0;
		}

		100% {
			transform: translateZ(0px);
			opacity: 1;
		}
	}

	@keyframes MenuAnimIn5 {
		0% {
			transform: translateY(40%);
			opacity: 0;
		}

		100% {
			transform: translateY(0);
			opacity: 1;
		}
	}

	.m_nav_fixed>.m_nav_sub.nav_animate_in_1 {
		-webkit-animation: SubMenuAnimIn1 0.4s ease;
		-moz-animation: SubMenuAnimIn1 0.4s ease;
		animation: SubMenuAnimIn1 0.4s ease;
	}

	.m_nav_fixed>.m_nav_sub.nav_animate_in_2 {
		-webkit-animation: SubMenuAnimIn2 0.3s ease-in-out;
		-moz-animation: SubMenuAnimIn2 0.3s ease-in-out;
		animation: SubMenuAnimIn2 0.3s ease-in-out;
	}

	.m_nav_fixed>.m_nav_sub.nav_animate_in_3 {
		-webkit-animation: SubMenuAnimIn3 0.4s ease;
		-moz-animation: SubMenuAnimIn3 0.4s ease;
		animation: SubMenuAnimIn3 0.4s ease;
	}

	.m_nav_fixed>.m_nav_sub.nav_animate_in_4 {
		-webkit-animation: SubMenuAnimIn4 0.4s ease;
		-moz-animation: SubMenuAnimIn4 0.4s ease;
		animation: SubMenuAnimIn4 0.4s ease;
	}

	.m_nav_fixed>.m_nav_sub.nav_animate_in_5 {
		-webkit-animation: SubMenuAnimIn5 0.4s ease;
		-moz-animation: SubMenuAnimIn5 0.4s ease;
		animation: SubMenuAnimIn5 0.4s ease;
	}

	@-webkit-keyframes SubMenuAnimIn1 {
		0% {
			-webkit-transform: translateX(50%);
			opacity: 0;
		}

		100% {
			-webkit-transform: translateX(0px);
			opacity: 1;
		}
	}

	@-webkit-keyframes SubMenuAnimIn2 {
		0% {
			-webkit-transform: translateX(100%);
			opacity: 0;
		}

		100% {
			-webkit-transform: translateX(0px);
			opacity: 1;
		}
	}

	@-webkit-keyframes SubMenuAnimIn3 {
		0% {
			-webkit-transform: translateZ(-300px);
			opacity: 0;
		}

		100% {
			-webkit-transform: translateZ(0px);
			opacity: 1;
		}
	}

	@-webkit-keyframes SubMenuAnimIn4 {
		0% {
			-webkit-transform: translateZ(300px);
			opacity: 0;
		}

		100% {
			-webkit-transform: translateZ(0px);
			opacity: 1;
		}
	}

	@-webkit-keyframes SubMenuAnimIn5 {
		0% {
			-webkit-transform: translateZ(-200px);
			opacity: 0;
		}

		100% {
			-webkit-transform: translateZ(0);
			opacity: 1;
		}
	}

	@-moz-keyframes SubMenuAnimIn1 {
		0% {
			-moz-transform: translateX(50%);
			opacity: 0;
		}

		100% {
			-moz-transform: translateX(0px);
			opacity: 1;
		}
	}

	@-moz-keyframes SubMenuAnimIn2 {
		0% {
			-moz-transform: translateX(100%);
			opacity: 0;
		}

		100% {
			-moz-transform: translateX(0px);
			opacity: 1;
		}
	}

	@-moz-keyframes SubMenuAnimIn3 {
		0% {
			-moz-transform: translateZ(-300px);
			opacity: 0;
		}

		100% {
			-moz-transform: translateZ(0px);
			opacity: 1;
		}
	}

	@-moz-keyframes SubMenuAnimIn4 {
		0% {
			-moz-transform: translateZ(300px);
			opacity: 0;
		}

		100% {
			-moz-transform: translateZ(0px);
			opacity: 1;
		}
	}

	@-moz-keyframes SubMenuAnimIn5 {
		0% {
			-moz-transform: translateZ(-200px);
			opacity: 0;
		}

		100% {
			-moz-transform: translateZ(0);
			opacity: 1;
		}
	}

	@keyframes SubMenuAnimIn1 {
		0% {
			transform: translateX(50%);
			opacity: 0;
		}

		100% {
			transform: translateX(0px);
			opacity: 1;
		}
	}

	@keyframes SubMenuAnimIn2 {
		0% {
			transform: translateX(100%);
			opacity: 0;
		}

		100% {
			transform: translateX(0px);
			opacity: 1;
		}
	}

	@keyframes SubMenuAnimIn3 {
		0% {
			transform: translateZ(-300px);
			opacity: 0;
		}

		100% {
			transform: translateZ(0px);
			opacity: 1;
		}
	}

	@keyframes SubMenuAnimIn4 {
		0% {
			transform: translateZ(300px);
			opacity: 0;
		}

		100% {
			transform: translateZ(0px);
			opacity: 1;
		}
	}

	@keyframes SubMenuAnimIn5 {
		0% {
			transform: translateZ(-200px);
			opacity: 0;
		}

		100% {
			transform: translateZ(0);
			opacity: 1;
		}
	}

	.m_nav_fixed>.m_nav_sub.nav_animate_out_1 {
		-webkit-animation: SubMenuAnimOut1 0.4s ease;
		-moz-animation: SubMenuAnimOut1 0.4s ease;
		animation: SubMenuAnimOut1 0.4s ease;
	}

	.m_nav_fixed>.m_nav_sub.nav_animate_out_2 {
		-webkit-animation: SubMenuAnimOut2 0.3s ease-in-out;
		-moz-animation: SubMenuAnimOut2 0.3s ease-in-out;
		animation: SubMenuAnimOut2 0.3s ease-in-out;
	}

	.m_nav_fixed>.m_nav_sub.nav_animate_out_3 {
		-webkit-animation: SubMenuAnimOut3 0.4s ease;
		-moz-animation: SubMenuAnimOut3 0.4s ease;
		animation: SubMenuAnimOut3 0.4s ease;
	}

	.m_nav_fixed>.m_nav_sub.nav_animate_out_4 {
		-webkit-animation: SubMenuAnimOut4 0.4s ease;
		-moz-animation: SubMenuAnimOut4 0.4s ease;
		animation: SubMenuAnimOut4 0.4s ease;
	}

	.m_nav_fixed>.m_nav_sub.nav_animate_out_5 {
		-webkit-animation: SubMenuAnimOut5 0.4s ease;
		-moz-animation: SubMenuAnimOut5 0.4s ease;
		animation: SubMenuAnimOut5 0.4s ease;
	}

	@-webkit-keyframes SubMenuAnimOut1 {
		0% {
			-webkit-transform: translateX(0%);
			opacity: 1;
		}

		100% {
			-webkit-transform: translateX(50%);
			opacity: 0;
		}
	}

	@-webkit-keyframes SubMenuAnimOut2 {
		0% {
			-webkit-transform: translateX(0%);
			opacity: 1;
		}

		100% {
			-webkit-transform: translateX(100%);
			opacity: 0;
		}
	}

	@-webkit-keyframes SubMenuAnimOut3 {
		0% {
			-webkit-transform: translateZ(0px);
			opacity: 1;
		}

		100% {
			-webkit-transform: translateZ(-300px);
			opacity: 0;
		}
	}

	@-webkit-keyframes SubMenuAnimOut4 {
		0% {
			-webkit-transform: translateZ(0px);
			opacity: 1;
		}

		100% {
			-webkit-transform: translateZ(300px);
			opacity: 0;
		}
	}

	@-webkit-keyframes SubMenuAnimOut5 {
		0% {
			-webkit-transform: translateZ(0);
			opacity: 1;
		}

		100% {
			-webkit-transform: translateZ(-200px);
			opacity: 0;
		}
	}

	@-moz-keyframes SubMenuAnimOut1 {
		0% {
			-moz-transform: translateX(0%);
			opacity: 1;
		}

		100% {
			-moz-transform: translateX(50%);
			opacity: 0;
		}
	}

	@-moz-keyframes SubMenuAnimOut2 {
		0% {
			-moz-transform: translateX(0%);
			opacity: 1;
		}

		100% {
			-moz-transform: translateX(100%);
			opacity: 0;
		}
	}

	@-moz-keyframes SubMenuAnimOut3 {
		0% {
			-moz-transform: translateZ(0px);
			opacity: 1;
		}

		100% {
			-moz-transform: translateZ(-300px);
			opacity: 0;
		}
	}

	@-moz-keyframes SubMenuAnimOut4 {
		0% {
			-moz-transform: translateZ(0px);
			opacity: 1;
		}

		100% {
			-moz-transform: translateZ(300px);
			opacity: 0;
		}
	}

	@-moz-keyframes SubMenuAnimOut5 {
		0% {
			-moz-transform: translateZ(0);
			opacity: 1;
		}

		100% {
			-moz-transform: translateZ(-200px);
			opacity: 0;
		}
	}

	@keyframes SubMenuAnimOut1 {
		0% {
			transform: translateX(0%);
			opacity: 1;
		}

		100% {
			transform: translateX(50%);
			opacity: 0;
		}
	}

	@keyframes SubMenuAnimOut2 {
		0% {
			transform: translateX(0%);
			opacity: 1;
		}

		100% {
			transform: translateX(100%);
			opacity: 0;
		}
	}

	@keyframes SubMenuAnimOut3 {
		0% {
			transform: translateZ(0px);
			opacity: 1;
		}

		100% {
			transform: translateZ(-300px);
			opacity: 0;
		}
	}

	@keyframes SubMenuAnimOut4 {
		0% {
			transform: translateZ(0px);
			opacity: 1;
		}

		100% {
			transform: translateZ(300px);
			opacity: 0;
		}
	}

	@keyframes SubMenuAnimOut5 {
		0% {
			transform: translateZ(0);
			opacity: 1;
		}

		100% {
			transform: translateZ(-200px);
			opacity: 0;
		}
	}

	.banner_box #video {
		display: none;
	}

	body {
		padding-top: 50px;
	}

	.container {
		padding-right: 10px;
		padding-left: 10px;
	}
}

.containers {
	width: 1220px;
	padding-right: 10px;
	padding-left: 10px;
	margin-right: auto;
	margin-left: auto;
}

.banner_max {
	background-size: auto, auto;
	position: relative;
	background-repeat: no-repeat;
	background-position: top center;
	display: block;
	
}

.banner_max .banner_dis {
	padding: 13% 0px 10% 0;
	text-align: center;
	height:650px;
}

.banner_max .banner_dis h2 {
	font-size: 32px;
}

.banner_max .banner_dis h3 {
	font-size: 20px;
}

.banner_max .banner_dis {
	padding: 13% 0px 10% 0;
	text-align: center;
}

.banner_max .banner_dis h2 {
	font-size: 60px;
	color: #fff;
	font-weight: normal;
	margin-bottom: 30px;
}

.banner_max .banner_dis h3 {
	font-size: 36px;
	color: #fff;
	font-weight: normal;
}

.cp_i .product_list {
	margin: 1.5% 0px;
}

.cp_i .product a {
	width: 23.5%;
	float: left;
	margin-right: 2%;
	margin-bottom:1%;
}

.cp_i .product a:nth-child(4n) {
	margin-right: 0;
}

.cp_i .product .n_r {
	position: relative;
	margin-bottom: 2%;
}

.cp_i .product .n_r:after {
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .1);
	content: "";
	position: absolute;
	top: 0;
	left: 0;
}

.cp_i .product .n_r:hover:after {
	background-color: rgba(0, 0, 0, .5);
}

.cp_i .product .t_p {
	overflow: hidden;
}

.cp_i .product .t_p img {
	width: 100%;
	height: auto;
	display: block;
	transition: all 1s;
	-o-transition: all 1s;
	-ms-transition: all 1s;
	-moz-transition: all 1s;
	-webkit-transition: all 1s;
}

.product .n_r:hover .t_p img {
	transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
}

.product .w_z {
	position: absolute;
	left: 5%;
	top: 50%;
	z-index: 9;
	width: 90%;
	text-align: center;
	color: #fff;
	text-shadow: 0 0 10px #444;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}

.product .w_z h3 {
	font-size: 20px;
	line-height: 32px;
	font-weight: bold;
	color: #fff;
}

.product .w_z p {
	line-height: 24px;
}

@media screen and (max-width:767px) {
	.banner_max .banner_dis h2 {
		font-size: 22px;
	}
	
	.banner_max .banner_dis{height:auto !important;    background-size: cover !important;}

	.banner_max .banner_dis h3 {
		font-size: 16px;
	}

	.language {
		margin-top: 20px;
		text-align: center;
	}

	.language a {
		padding: 0 10px;
	}

	.banner_box {
		min-height: inherit;
	}

	.banner_box h1 {
		font-size: 30px;
	}

	.banner_box h3 {
		font-size: 18px;
	}

	.containers {
		width: 100%;
	}

	.cp_i .product a {
		width: 100%;
		margin-top: 5%;
	}
}

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

.footer {
	font-size: 12px;
	/* 	margin-top:50px;
	*/
	background-color: #e2e2e2;
}

.footer .bd {
	width: 71%;
	margin: 0 auto;
	padding: 0 15px 25px;
	display: flex;
	flex-wrap: wrap;
}

.footer .footer_category {
	width: 16%;
	padding-right: 20px;
}

.footer .footer_category ul {
	line-height: 20px;
}

.footer .footer_category ul li a {
	font-weight: 600;
}

.footer .footer_category ul img {
	width: 32px;
	margin: 3px 0;
}

.footer .footer_category h4 {
	font-weight: bold;
	font-size: 17px;
	padding: 25px 0 10px;
}

.footer .ft {
	text-align: center;
	background-color: #262626;
	padding: 20px 0;
	color: #c1c1c1;
}

.footer .ft li {
	display: inline-block;
}

.footer .ft a {
	color: #c1c1c1;
	padding: 0 15px;
}

.footer .ft p {
	margin-top: 13px;
}

.banner .box span {
	position: absolute;
	top: 10%;
	padding: 1% 1.3%;
	color: #fff;
	left: 0;
	font-size: 25px;
	background: rgba(51, 51, 51, .6);
	width: 18%;
	z-index: 9;
	min-width: 150px;
}

.banner .more {
	position: absolute;
	bottom: 8%;
	right: 3%;
	line-height: 40px;
	width: 152px;
	border: 1px solid #fff;
	background-color: red;
	color: #fff;
	text-align: center;
	font-size: 20px;
}

.banner .swiper-pagination-bullet {
	opacity: 1;
	background-color: #fff;
}

.banner .swiper-pagination {
	bottom: 30px;
}

.banner .swiper-pagination-bullet-active {
	background: red;
}

.homepage .wrap {
	display: flex;
	justify-content: space-between;
}

.homepage .wrap .side {
	width: 24%;
}

.homepage .wrap .side .pic {
	width: 96px;
	margin-right: 15px;
}

.homepage .wrap .side ol {
	padding-top: 10px;
	font-weight: bold;
}

.homepage .wrap .side ol li {
	margin-top: 15px;
	line-height: 20px;
}

.homepage .wrap .side ul li {
	line-height: 22px;
	padding-top: 20px;
}

.homepage .wrap .side ul li a {
	color: #1845ab;
	font-weight: bold;
}

.homepage .wrap .video {
	width: 48%;
}

.homepage .wrap .video video {
	width: 100%;
	height: 370px;
}

.homepage .wrap .video p {
	margin: 30px 0 20px;
}

.homepage .wrap .video p a {
	color: #1845ab;
}

.homepage .wrap .title {
	font-size: 24px;
	border-bottom: 2px solid #d15757;
	padding-top: 25px;
	padding-bottom: 5px;
	color: #838383;
}

.homepage .wrap .title b {
	color: #ed1a21;
}

.footer_menu {
	display: none;
}

.listpage a {
	color: #1845ab;
}

.leftmenu_withsubmenu .multilevel ul .dropdown_rarrow.on {
	transform: rotate(90deg);
}

@media (max-width:768px) {
	.container {
		padding: 0 15px;
		width: 100%;
	}

	.header {
		padding: 12px 50px 12px 0;
	}

	.header .logo {
		width: 180px;
	}

	.header .top {
		padding: 0;
	}

	.header .lange span,
	.header .search {
		display: none;
	}

	.header .nav {
		display: none;
	}

	.banner .box span {
		font-size: 14px;
	}

	.m_nav {
		position: absolute;
		right: 15px;
		top: 20px;
		width: 25px;
		z-index: 99;
	}

	.m_nav i {
		display: block;
		height: 2px;
		background: #999;
		margin-bottom: 6px;
	}

	.header .nav {
		display: none;
		padding-top: 15px;
	}

	.header .nav>li {
		margin: 0;
	}

	.header .nav>li>a {
		line-height: 40px;
		padding: 0;
	}

	.cross i:nth-of-type(1) {
		-webkit-transform: translateY(8px) rotate(-45deg);
		-ms-transform: translateY(8px) rotate(-45deg);
		transform: translateY(8px) rotate(-45deg);
	}

	.cross i:nth-of-type(2) {
		opacity: 0;
	}

	.cross i:nth-of-type(3) {
		-webkit-transform: translateY(-8px) rotate(45deg);
		-ms-transform: translateY(-8px) rotate(45deg);
		transform: translateY(-8px) rotate(45deg);
	}

	.homepage .wrap {
		display: block;
	}

	.homepage .wrap .video,
	.homepage .wrap .side {
		width: 100%;
	}

	/* 	.footer {
	margin:0 -15px;
}
*/
	.footer .bd {
		display: none;
	}

	.footer .ft ul {
		display: none;
	}

	.footer .ft p {
		margin: 0;
	}

	.footer_menu li {
		display: inline-block;
		padding: 5px 10px;
	}

	.footer_menu {
		display: block;
		background-color: #e2e2e2;
		text-align: center;
		padding: 15px 0;
		margin-top: 40px;
	}

	.footer .footer_category {
		width: 100%;
		padding: 0;
	}

	.homepage .wrap .title {
		font-size: 18px;
	}

	.banner .more {
		display: none;
	}

	.banner .swiper-pagination {
		bottom: 10px;
	}
}

.rte_content form div.form-col-1 {
	float: left !important;
	clear: left !important;
	width: 47% !important;
	margin-right: 0 !important;
	margin-left: 0 !important;
	padding-bottom: 10px;
}

.rte_content form div.form-col-2 {
	float: right !important;
	clear: right !important;
	width: 47% !important;
	padding-left: 0 !important;
	margin-right: 0 !important;
	margin-left: 0 !important;
	padding-bottom: 10px;
}

.rte_content form div.form-col-full {
	width: 100%;
	float: left !important;
	padding-right: 0px !important;
	margin-right: 0 !important;
	margin-left: 0 !important;
	padding-bottom: 10px;
}

.rte_content form div.form-col-consent label {
	display: inline;
}

/* Captcha fix */
.rte_content form .pd-captcha {
	float: left !important;
	position: relative !important;
	width: 190px !important;
	left: 0 !important;
	display: block !important;
}

.rte_content form p label {
	display: block !important;
	float: left !important;
	margin: 0 !important;
	padding: 10px 0px !important;
	text-align: left !important;
	width: auto !important;
}

.rte_content form span.value {
	display: block;
	margin-left: 0px !important;
}

#pardot-form p.error.no-label {
	margin-left: 0 !important;
	margin-bottom: 3px;
	font-size: 14px;
}

#pardot-form .clearfix::after {
	content: "";
	clear: both;
	display: table;
}

#pardot-form p.error .label .red-color,
.rte_content form div.error,
.rte_content form p.error,
.rte_content form span.error {
	clear: left;
	display: block;
	font-weight: bold;
	margin-top: 2px;
	padding-left: 166px;
	color: #ED1C24 !important;
}

#pardot-form p.errors {
	background: #ED1C24 !important;
}

#pardot-form p.error.no-label {
	margin-left: 0 !important;
	margin-bottom: 3px;
	font-size: 14px;
	color: #ED1C24 !important;
}

/* --------------------------------------------------------------
            FORM STYLES
        ----------------------------------------------------------------- */
/* Border-box box model FTW! */
#pardot-form,
#pardot-form *,
#pardot-form *:before,
#pardot-form *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* Override form margin and padding set in the default stylesheet. Inherit font and color from page. */
#pardot-form {
	margin: 0;
	padding: 0;
	font: inherit;
	color: inherit;
}

/* Override form field wrapper margin and padding set in the default stylesheet. */
#pardot-form .form-field,
#pardot-form .submit {
	margin: 4px 0;
	padding: 0;
}

#pardot-form .submit {
	margin-top: 10px;
}

/* Remove top margin from first from field wrapper. */
#pardot-form .form-field:first-child {
	margin-top: 0;
}

/* Set default input style. */
#pardot-form input {
	border: 1px solid #ccc;
	border-radius: 3px;
	box-sizing: border-box;
	color: #2c3e50;
	font-size: 14px;
	padding: 7px 15px;
}

/* When labels are not floated left,set width on text inputs,textareas,and selects to 100%. */
#pardot-form input.text,
#pardot-form input.date,
#pardot-form textarea {
	width: 100%;
	resize: none;
	font-family: inherit;
	color: inherit;
	border: 1px solid #ccc;
	padding: 2px 4px;
}

#pardot-form select {
	width: 100%;
	border: 1px solid #ccc;
	font-family: inherit;
	color: inherit;
	padding: 4px 2px;
}

/* When labels are floated left,set width on field labels to a percentage of available width. In browsers that support calc(),use static label width instead and the form field will consume the remaining width. */
#pardot-form.label-left .field-label {
	width: 35%;
	width: calc(115px);
}

/* When labels are floated left,set width on text inputs,textareas,and selects to a percentage. In supported browsers,set width to 100% minus the width of the label instead. */
#pardot-form.label-left input.text,
#pardot-form.label-left input.date,
#pardot-form.label-left textarea,
#pardot-form.label-left select {
	width: 65%;
	width: calc(100% - 115px);
}

/* When labels are floated left,indent supporting form elements by the same amount as the field label. */
#pardot-form.label-left span.value,
#pardot-form.label-left .description,
#pardot-form.label-left .no-label>*,
#pardot-form.label-left .submit,
#pardot-form.label-left .error.no-label {
	margin-left: 35%;
	margin-left: calc(115px);
}

/* Remove unnecessary left padding on required radio/checkbox field labels when label alignment is set to above and the required symbol is set to default in form styling options. */
#pardot-form label.inline {
	padding-left: 10px;
	font-weight: 300;
}

/* Backup styles in case padding is added to text inputs. */
#pardot-form input.date {
	padding-left: 20px;
	background-position: left center;
}

#pardot-form .submit input {
	background-color: #ED1C24;
	color: #fff;
	width: 150px;
	margin-left: 0px;
	font-weight: 700;
}

/* --------------------------------------------------------------
            BASE
        ----------------------------------------------------------------- */
/* Set default background colour */
.bgcolour {
	background-color: #eee;
}

/* Set custom background colours for specific blocks,also update font colours if dark BG  */
.header.bgcolour {
	/* background-color:#eee;
	*/
}

.footer.bgcolour {
	/* background-color:#eee;
	*/
}

.block-one.bgcolour {
	background-color: #20232c;
	color: #fff;
}

.block-two.bgcolour {
	/* background-color:#eee;
	*/
}

/* --------------------------------------------------------------
            TEMPLATE DETAILS
        ----------------------------------------------------------------- */
.cta-container {
	display: inline-block;
	vertical-align: middle;
	float: none;
}

.cta p {
	margin-bottom: 0;
	font-size: 21px;
	font-weight: 200;
}

.block-two .thumbnail img {
	max-width: 100%;
}

/* Grey BG */
.grey {
	background-color: #eee;
}

/* --------------------------------------------------------------
            SPACING
        ----------------------------------------------------------------- */
/* make element edge to edge */
.flush {
	padding-left: 0;
	padding-right: 0;
}

/* vertical padding */
.vpadding {
	padding-top: 20px;
	padding-bottom: 20px;
}

/* top padding only */
.tpadding {
	padding-top: 20px;
	padding-bottom: 0px;
}

/* bottom padding only */
.bpadding {
	padding-top: 0px;
	padding-bottom: 20px;
}

/* large vertical padding */
.vpaddingLG {
	padding-top: 50px;
	padding-bottom: 50px;
}

/* --------------------------------------------------------------
            SOCIAL
        ----------------------------------------------------------------- */
/* Social container spacing */
.social {
	padding-top: 15px;
	line-height: 20px;
	float: left;
}

/* Make everything within social display next to one another */
.social * {
	display: inline;
	line-height: 20px;
}

/* Social list spacing */
.social-list {
	padding-left: 10px;
	margin: 0px;
}

/* Social list display next to one another */
.social-list li {
	display: inline;
}

/* Disable underlines on image link hover */
.social-list a:hover {
	text-decoration: none;
}

/* Share button image specific style */
#share-buttons img {
	width: 20px;
	border: 0;
	box-shadow: 0;
	display: inline;
}

/* --------------------------------------------------------------
            RESPONSIVE
        ----------------------------------------------------------------- */
/* xs */
@media(max-width:767px) {
	.pull-right {
		float: none !important;
		text-align: center;
	}

	.social {
		text-align: center;
		float: none;
	}

	.cta {
		padding-top: 20px;
		text-align: center;
	}

	.cta-container {
		width: 100%;
	}

	.cta p {
		margin-bottom: 0;
	}

	.jumbotron {
		margin-bottom: 0;
	}
}

/* sm @media(max-width:768px) {
	*/
@media(max-width:480px) {
	#pardot-form.label-left .field-label {
		width: 100%;
		text-align: left;
	}

	#pardot-form.label-left input.text,
	#pardot-form.label-left input.date,
	#pardot-form.label-left textarea,
	#pardot-form.label-left select {
		width: 100%;
	}

	#pardot-form.label-left span.value,
	#pardot-form.label-left .description,
	#pardot-form.label-left .no-label>*,
	#pardot-form.label-left .submit,
	#pardot-form.label-left .error.no-label {
		width: 100%;
	}

	#pardot-form.label-left span.value,
	#pardot-form.label-left .description,
	#pardot-form.label-left .no-label>*,
	#pardot-form.label-left .submit,
	#pardot-form.label-left .error.no-label {
		margin-left: 0;
	}

	.rte_content form p {
		margin-left: 0px !important;
		padding-left: 0px !important;
	}

	.rte_content form div.form-col-1 {
		width: 100% !important;
	}

	.rte_content form div.form-col-2 {
		width: 100% !important;
	}
}

/* md */
@media(max-width:992px) {}

/* lg */
@media(min-width:1200px) {}

.rightnav {
	position: fixed;
	z-index: 15;
	right: 0.05rem;
	top: 60%;
	transform: translateY(-50%);
}

.rightnav .ream {
	width: 65px;
	height: 65px;
	margin-bottom: 5px;
	text-align: center;
	background: #008cd6;
	position: relative;
	border-radius: 4px;
}

.rightnav .ream a {
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
}

.rightnav .ream .tm {
	padding-top: 0.8rem;
	display: block;
	margin: 0rem auto 0;
}

.rightnav .ream .top {
	color: #fff;
	line-height: 1.5;
}

.rightnav .ream .ico {
	position: absolute;
	left: 0px;
	top: 0;
	line-height: 65px;
	text-align: center;
	width: 100%;
	transition: all ease 0.3s;
	opacity: 1;
}

.rightnav .ream .ico img {
	border: 0px;
	vertical-align: middle;
}

.rightnav .ream .txt {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	opacity: 0;
	line-height: 1.5;
	transition: all ease 0.3s;
}

.s14 {
	font-size: calc(12px + 2 * 100vw / 1920);
}

.rightnav .ream .codx {
	position: absolute;
	right: 102%;
	top: 0px;
	display: none;
	background: #fff;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.rightnav .ream .codx .ewm {
	display: block;
	width: 1rem;
	height: 1rem;
	/*   width: 65px; */
	width: 127px;
	height: 65px;
	line-height: 65px;
}

.rightnav .ream .codx .ewm img {
	width: 100%;
	display: block;
}

.rightnav .ream .mouse {
	position: absolute;
	right: 102%;
	top: 0px;
	display: none;
	background: #fff;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	font-size: 0;
	white-space: nowrap;
	text-align: left;
	padding: 12px;
	border-top: solid 2px #008cd6;
}

.rightnav .ream .mouse .img {
	display: inline-block;
	vertical-align: middle;
	width: 44px;
	height: 36px;
	margin-right: 22px;
}

.rightnav .ream .mouse .img img {
	width: 100%;
	display: block;
}

.rightnav .ream .mouse .som {
	width: calc(100% - 4.875rem);
	display: inline-block;
	vertical-align: top;
}

.rightnav .ream .mouse .som .tel {
	width: 100%;
	color: #191919;
	line-height: 34px;
}

.rightnav .ream .mouse .som em {
	color: #008cd6;
}

.rightnav .ream:hover .ico {
	opacity: 0;
}

.rightnav .ream:hover .txt {
	opacity: 1;
}

.rightnav .ream:hover .mouse {
	display: block;
}

.rightnav .ream:hover .codx {
	display: block;
}

.rightnav .ream:hover .mouse {
	display: block;
}

@media (max-width: 900px) {
	.rightnav .ream {
		width: 50px;
		height: 50px;
	}

	.rightnav .ream .ico {
		line-height: 50px;
	}

	.rightnav {
		display: none;
	}
}

.product_category_menu {
	background: #f0f0f0;
}

.leftmenu_withsubmenu h3 {
	padding: 12px;
}

.leftmenu_withsubmenu ul li {
	border-bottom: 1px solid #fff;
}

.leftmenu_withsubmenu ul li.active ul {
	display: block;
}

.leftmenu_withsubmenu ul li ul {
	padding: 10px 0px;
}

.leftmenu_withsubmenu ul li ul li {
	padding: 8px 0px;
	border-bottom: 0px;
}

.choicelangue {
	position: relative;
}

.choicelanguebtn img {
	height: 30px;
	margin-top: 35px;
	margin-left: 30px;
}

.language {
	width: 350px;
	height: auto;
	overflow: hidden;
	position: absolute;
	background: #fff;
	right: 0px;
	display: none;
	border: 1px solid #ccc;
	z-index: 100
}

.lantitle {
	font-size: 18px;
	padding: 10px;
	font-weight: 800;
}

.landes {
	font-size: 14px;
	padding: 5px 10px;
	background: #ddd;
	border-top: 1px solid #ccc;
}

.lancolse {
	position: absolute;
	right: 0px;
	top: 0px;
	border: 1px solid #ddd;
	padding: 2px 5px;
	background: #ddd;
	color: #333;
}

.lanlist {
	padding: 10px;
	overflow: hidden;
}

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

.lanlist li img {
	height: 24px;
	padding-right: 4px;
}

.nav_list {
	font-size: 16px;
	line-height: 30px;
}

.nav_list li {
	position: relative;
}

.nav_list li .erji {
	display: none;
	position: absolute;
	left: 0px;
	top: 99px;
	width: 280px;
	text-align: left;
	background: rgba(0, 0, 0, 0.8);
}

.nav_list li .erji li {
	padding: 5px 10px;
}

.nav_list li .erji li:hover {
	padding: 5px 10px;
	background: rgba(255, 255, 255, 0.3);
}

.nav_list li .erji li a {
	color: #fff;
	font-size: 15px;
}

.nav_list li ul li .sanji {
	display: none;
	position: absolute;
	width: 280px;
	left: 280px;
	top: 0px;
	text-align: left;
	background: rgba(0, 0, 0, 0.8);
}

.nav_list li ul li .sanji li {
	padding: 5px 10px;
}

.nav_list li ul li .sanji li a {
	color: #fff;
}

.jiantou {
	float: right;
	font-style: normal;
}

.nav_list li:hover .erji {
	display: block;
}

.nav_list li ul li:hover .sanji {
	display: block;
}

.banner_box2 {
	background-size: cover;
	background-attachment: fixed;
	color: #fff;
	position: relative;
	height: 100%;
	min-height: 650px;

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33050f14', endColorstr='#99050f14', GradientType=1)
}

.banner_box2 .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
}



.bannertext {
	position: absolute;
	top: 50%;
	width: 100%;
	text-align: center;
	font-size: 22px;
}