@font-face {
	font-family: "YKR";
	src: url("../fonts/yanonekaffeesatz-regular.woff2") format("woff2"), url("../fonts/yanonekaffeesatz-regular.woff") format("woff"), url("../fonts/yanonekaffeesatz-regular.ttf") format("truetype"), url("../fonts/yanonekaffeesatz-regular.eot") format("embedded-opentype"), url("../fonts/yanonekaffeesatz-regular.svg") format("svg"), url("../fonts/YanoneKaffeesatz-Regular.otf") format("opentype"); }
@font-face {
	font-family: "ROBR";
	src: url("../fonts/roboto-regular.woff2") format("woff2"), url("../fonts/ROBOTO-REGULAR.woff") format("woff"), url("../fonts/roboto-regular.ttf") format("truetype"), url("../fonts/roboto-regular.eot") format("embedded-opentype"), url("../fonts/roboto-regular.svg") format("svg"), url("../fonts/ROBOTO-REGULAR.otf") format("opentype"); }
@font-face {
	font-family: "ROBB";
	src: url("../fonts/roboto-bold.woff2") format("woff2"), url("../fonts/ROBOTO-BOLD.woff") format("woff"), url("../fonts/roboto-bold.ttf") format("truetype"), url("../fonts/roboto-bold.eot") format("embedded-opentype"), url("../fonts/roboto-bold.svg") format("svg"), url("../fonts/ROBOTO-BOLD.otf") format("opentype"); }

@font-face {
    font-family: "Montserrat";
    src: url("../fonts/Montserrat/Montserrat-Regular.woff2") format("woff2"),url("../fonts/Montserrat/Montserrat-Regular.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: "ft";
    src: url("../fonts/os.woff2") format("woff2");
    font-style: normal;
    font-display: swap
}

input::-webkit-input-placeholder {
	color: #999; }

input::-moz-placeholder {
	color: #999; }

input:-moz-placeholder {
	color: #999; }

input:-ms-input-placeholder {
	color: #999; }

.left {
	float: left; }

.right {
	float: right; }

.table {
	width: 100%;
	height: 100%;
	display: table; }
	.table .table-cell {
		width: 100%;
		height: 100%;
		display: table-cell;
		vertical-align: middle; }

.fY {
	font-family: YKR; }

.fR {
	font-family: ROBR; }

.fRB {
	font-family: ROBB; }

.en {
	font-size: 42px;
	line-height: 42px; }
	@media (max-width: 1600px) {
		.en {
			font-size: 34px;
			line-height: 34px; } }
	@media (max-width: 1366px) {
		.en {
			font-size: 30px;
			line-height: 30px; } }
	@media (max-width: 1024px) {
		.en {
			font-size: 26px;
			line-height: 26px; } }

.cn {
	font-size: 30px;
	line-height: 42px; }
	@media (max-width: 1600px) {
		.cn {
			font-size: 30px;
			line-height: 32px; } }
	@media (max-width: 1366px) {
		.cn {
			font-size: 24px;
			line-height: 24px; } }
	@media (max-width: 1024px) {
		.cn {
			font-size: 20px;
			line-height: 20px; } }

.w1600 {
	width: 1600px;
	height: auto;
	margin: 0 auto;
	max-width: 83.3%; }
	@media (max-width: 1024px) {
		.w1600 {
			max-width: 92%; } }

.main {
	width: 100%;
	overflow: hidden;
	height: auto;
	background-color: #f2f2f2; }

.index-banner {
	width: 100%;
	height: auto;
	margin-top: -40px;
	position: relative; }
	.index-banner ul {
		width: 100%;
		height: auto; }
		.index-banner ul li {
			width: 100%;
			height: auto; }
		.index-banner ul li a{
		display:block;}
	.index-banner .btns {
		width: 100%;
		height: auto;
		position: absolute;
		bottom: 4%;
		left: 0;
		text-align: center;
		z-index: 10; }
		.index-banner .btns span {
			width: 12px;
			height: 12px;
			border-radius: 12px;
			background-color: #fff;
			opacity: 1;
			display: inline-block;
			margin: 0 5px;
			cursor: pointer;
			transition: all .5s; }
			.index-banner .btns span.swiper-pagination-bullet-active {
				width: 40px;
				background-color: #19599e; }
	@media (max-width: 1024px) {
		.index-banner {
			margin-top: 70px; }
			.index-banner .btns {
				bottom: 15px; }
				.index-banner .btns span {
					width: 10px;
					height: 10px;
					border-radius: 10px; }
					.index-banner .btns span.swiper-pagination-bullet-active {
						width: 24px; } }
	@media (max-width: 414px) {
		.index-banner {
			margin-top: 60px; } }

.header-box {
	width: 100%;
	height: 70px;
	background:#fff;
	position:relative;
	0position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	z-index: 10000; }
 @media (max-width:1024px){
		.header-box {
				position:absolute;
		}
 }
	.header-box .header-pc {
		height: 100%;
		margin: 0 auto;
		background-color: #fff;
		position: relative;
		0box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); 
	}
		.header-box .header-pc .logo {
			width: 216px;
			height: 64px;
			display: block;
			float: left;
			padding:3px 17px;}
			.header-box .header-pc .logo img{
				height:100%;
			}
		.header-box .header-pc .search {
			width: 70px;
			height: 70px;
			float: right;
			background-color: #19599e;
			background-image: url(../images/search.png);
			background-repeat: no-repeat;
			background-position: center center;
			cursor: pointer; }
		.header-box .header-pc .nav {
			float: right;
			margin-right: 3.75%; }
			.header-box .header-pc .nav ul li {
				width: 113px;
				height: auto;
				float: left;
				position: relative; }
				.header-box .header-pc .nav ul li .tits {
					width: 100%;
					height: 70px;
					line-height: 70px;
					text-align: center;
					display: block;
					font-size: 16px;
					color: #222;
					position: relative; }
					.header-box .header-pc .nav ul li .tits:after {
						width: 11px;
						height: 14px;
						position: absolute;
						background-repeat: no-repeat;
						background-image: url(../images/nav_line.png);
						content: '';
						top: 30px;
						right: -5px; }
					.header-box .header-pc .nav ul li .tits:before {
						width: 0;
						height: 4px;
						position: absolute;
						bottom: 0;
						left: 50%;
						transform: translateX(-50%);
						transition: width 0.5s,left 0.5s;
						background-color: #19599e;
						content: ""; }
				.header-box .header-pc .nav ul li .mnav {
					/*width: 100%;*/
					height: auto;
					background-color: #fff;
					border-top: 1px solid #e5e5e5;
					border-bottom: 2px solid #19599e;
					position: absolute;
					top: 70px;
					/*left: 0;*/
					z-index: 10000;
					display: none;
					padding-top: 10px;
					padding-bottom: 10px; }
					.header-box .header-pc .nav ul li .mnav .nav-new {
						width: 100%;
						margin: 0 auto;
						height: auto;
						position: relative; }
						.header-box .header-pc .nav ul li .mnav .nav-new .item {
							/*width: 18.75%;*/
							height: auto;
							float: left;
							padding: 0 15px; }
							/*.header-box .header-pc .nav ul li:nth-child(2) .mnav .nav-new .item
							{
								width: 15%;
								margin: 0 2.5%;
							}
							.header-box .header-pc .nav ul li:nth-child(2) .mnav .nav-new .line.line1{
								left:20%;
							}
							.header-box .header-pc .nav ul li:nth-child(2) .mnav .nav-new .line.line2{
								left:40%;
							}
							.header-box .header-pc .nav ul li:nth-child(2) .mnav .nav-new .line.line3{
								left:60%;
							}
							.header-box .header-pc .nav ul li:nth-child(2) .mnav .nav-new .line.line4{
								left:80%;
							}*/
							.header-box .header-pc .nav ul li .mnav .nav-new .item .tit {
								width: 100%;
								height: auto;
								display: block;
								margin-bottom: 11px; }
								.header-box .header-pc .nav ul li .mnav .nav-new .item .tit .pic {
									width: 100%;
									height: auto; }
								.header-box .header-pc .nav ul li .mnav .nav-new .item .tit .t {
									font-size: 18px;
									line-height: 20px;
									color: #666;
									margin-top: 18px; }
									.header-box .header-pc .nav ul li .mnav .nav-new .item .tit .t:hover {
										color: #19599e; }
							.header-box .header-pc .nav ul li .mnav .nav-new .item .it-new {
								width: 100%;
								height: auto;
								line-height: 30px; }
								.header-box .header-pc .nav ul li .mnav .nav-new .item .it-new .t {
									width: calc(100% - 15px);
									padding-left: 15px;
									height: auto;
									display: block;
									font-size: 14px;
									color: #666;
									position: relative; }
									.header-box .header-pc .nav ul li .mnav .nav-new .item .it-new .t:after {
										width: 4px;
										height: 4px;
										background-color: #19599e;
										position: absolute;
										top: 14px;
										left: 0;
										content: ''; }
									.header-box .header-pc .nav ul li .mnav .nav-new .item .it-new .t.t1 {
										width: calc(50% - 15px);
										float: left; }
									.header-box .header-pc .nav ul li .mnav .nav-new .item .it-new .t:hover {
										color: #19599e; }
							.header-box .header-pc .nav ul li .mnav .nav-new .item .it {
								width: 100%;
								height: auto; }
								.header-box .header-pc .nav ul li .mnav .nav-new .item .it a {
									width: 100%;
									padding-left: 15px;
									height: auto;
									display: block;
									font-size: 16px;
									line-height: 35px;
									color: #666;
									float: left;
									white-space: nowrap;
									position: relative; }
									.header-box .header-pc .nav ul li .mnav .nav-new .item .it a:after {
										width: 5px;
										height: 5px;
										background-color: #19599e;
										position: absolute;
										top: 13px;
										left: 0;
										content: ''; }
									.header-box .header-pc .nav ul li .mnav .nav-new .item .it a:hover {
										color: #19599e; }
						.header-box .header-pc .nav ul li .mnav .nav-new .line {
							width: 1px;
							height: 100%;
							position: absolute;
							top: 0;
							background-color: #19599e; }
							.header-box .header-pc .nav ul li .mnav .nav-new .line.line1 {
								left: 25%; }
							.header-box .header-pc .nav ul li .mnav .nav-new .line.line2 {
								left: 50%; }
							.header-box .header-pc .nav ul li .mnav .nav-new .line.line3 {
								left: 75%; }
					@media (max-width: 1580px) {
						.header-box .header-pc .nav ul li .mnav .nav-new .item .it-new .t {
							width: calc(100% - 10px);
							padding-left: 10px; }
							.header-box .header-pc .nav ul li .mnav .nav-new .item .it-new .t.t1 {
								width: calc(50% - 10px); }
						.header-box .header-pc .nav ul li .mnav .nav-new .item .it a {
							padding-left: 10px; } }
					@media (max-width: 1400px) {
						.header-box .header-pc .nav ul li .mnav .nav-new .item {
							width: 22%;
							margin: 0 1.5%; } }
				.header-box .header-pc .nav ul li:hover .tits {
					color: #19599e; }
					.header-box .header-pc .nav ul li:hover .tits:before {
						width: 60px; }
				.header-box .header-pc .nav ul li:hover .mnav {
					display: block; }
				.header-box .header-pc .nav ul li:last-child .tits:after {
					display: none; }
				.header-box .header-pc .nav ul li.on .tits {
					color: #19599e; }
					.header-box .header-pc .nav ul li.on .tits:before {
						width: 60px; }
		.header-box .header-pc .search-box {
			width: 400px;
			height: auto;
			position: absolute;
			top: 0;
			right: 0;
			background-color: #fff;
			z-index: -1;
			border-top: 1px solid #ccc;
			opacity: 0;
			transition: all .5s; }
			.header-box .header-pc .search-box .search-new {
				width: 100%;
				height: auto;
				margin: 0 auto; }
				.header-box .header-pc .search-box .search-new .search-item {
					width: 80%;
					height: auto;
					float: left; }
					.header-box .header-pc .search-box .search-new .search-item .text {
						width: calc(100% - 80px);
						float: left;
						height: 80px;
						padding-left: 20px;
						background: none;
						border: none;
						font-size: 16px;
						line-height: 80px;
						color: #999; }
					.header-box .header-pc .search-box .search-new .search-item .submit {
						width: 40px;
						height: 40px;
						margin-top: 20px;
						background-size: cover;
						background-position: center center;
						background-image: url(../images/search_bg.png);
						border: none;
						background-color: none;
						border-radius: 100%;
						overflow: hidden;
						float: right; }
				.header-box .header-pc .search-box .search-new .search-close {
					width: 20px;
					height: 20px;
					float: right;
					margin-right: 6.25%;
					margin-top: 30px;
					display: block;
					background-position: center center;
					background-repeat: no-repeat;
					background-image: url(../images/search_close.png); }
			.header-box .header-pc .search-box.on {
				top: 70px;
				opacity: 1;
				z-index: 9000; }
	.header-box .header-m {
		width: 100%;
		height: 70px;
		background-color: #fff;
		position: fixed;
		top: 0;
		left: 0;
		display: none; }
		.header-box .header-m .logo {
			height: 34px;
			display: block;
			float: left;
			padding:18px; }
			.header-box .header-m .logo img{
					width:auto;
					height:100%;
			}
		.header-box .header-m .nav-click {
			width: 30px;
			height: 100%;
			display: block;
			float: right;
			margin-right: 3%;
			background-position: center center;
			background-repeat: no-repeat;
			background-image: url(../images/nav_click.png); }
		.header-box .header-m .sidebar {
			width: 100%;
			height: 100%;
			position: fixed;
			top: 0;
			left: 100%;
			transition: left 0.2s;
			z-index: 15; }
			.header-box .header-m .sidebar .bg {
				width: 100%;
				height: 100%;
				position: absolute;
				top: 0;
				left: 0;
				background-color: rgba(0, 0, 0, 0.5); }
			.header-box .header-m .sidebar .sidebar-new {
				width: 350px;
				height: 100%;
				background-color: #fff;
				float: right;
				position: relative;
				z-index: 10000;
				overflow-x: hidden;
				overflow-y: auto; }
				.header-box .header-m .sidebar .sidebar-new .logo1 {
					width: 234px;
					margin-left: 30px;
					display: block;
					margin-top: 15px; }
				.header-box .header-m .sidebar .sidebar-new .nav {
					width: calc(100% - 60px);
					height: auto;
					padding: 30px; }
					.header-box .header-m .sidebar .sidebar-new .nav ul {
						width: 100%;
						height: auto; }
						.header-box .header-m .sidebar .sidebar-new .nav ul li {
							width: 100%;
							height: auto; }
							.header-box .header-m .sidebar .sidebar-new .nav ul li .tits {
								width: 100%;
								height: auto;
								font-size: 20px;
								line-height: 50px;
								color: #333;
								display: block; }
								.header-box .header-m .sidebar .sidebar-new .nav ul li .tits span {
									float: left; }
								.header-box .header-m .sidebar .sidebar-new .nav ul li .tits i {
									width: 32px;
									height: 50px;
									float: right;
									display: block;
									background-position: center center;
									background-repeat: no-repeat;
									background-image: url(../images/down.png);
									background-size: 24px;
									transform: rotate(-90deg); }
							.header-box .header-m .sidebar .sidebar-new .nav ul li dl {
								width: 100%;
								height: auto;
								display: none; }
								.header-box .header-m .sidebar .sidebar-new .nav ul li dl dd {
									font-size: 18px;
									line-height: 45px; }
									.header-box .header-m .sidebar .sidebar-new .nav ul li dl dd .tit {
										width: 100%;
										height: auto;
										color: #333;
										display: block; }
										.header-box .header-m .sidebar .sidebar-new .nav ul li dl dd .tit span {
											margin-left: 20px;
											float: left; }
										.header-box .header-m .sidebar .sidebar-new .nav ul li dl dd .tit i {
											width: 32px;
											height: 45px;
											float: right;
											display: block;
											background-position: center center;
											background-repeat: no-repeat;
											background-image: url(../images/down.png);
											background-size: 24px; }
										.header-box .header-m .sidebar .sidebar-new .nav ul li dl dd .tit.on i {
											transform: rotate(-180deg); }
									.header-box .header-m .sidebar .sidebar-new .nav ul li dl dd .mnav {
										width: 100%;
										height: auto;
										display: none; }
										.header-box .header-m .sidebar .sidebar-new .nav ul li dl dd .mnav a {
											width: calc(100% - 40px);
											padding-left: 40px;
											display: block;
											font-size: 16px;
											line-height: 40px;
											color: #333; }
			.header-box .header-m .sidebar.on {
				left: 0; }
	@media (max-width: 1024px) {
		.header-box {
			height: 70px; }
			.header-box .header-pc {
				display: none; }
			.header-box .header-m {
				display: block; } }
	@media (max-width: 414px) {
		.header-box {
			height: 60px; }
			.header-box .header-m {
				height: 60px; }
				.header-box .header-m .logo {
					height: 30px;
					padding: 15px; }
				.header-box .header-m .nav-click {
					width: 26px;
					background-size: 100% auto; }
				.header-box .header-m .sidebar .sidebar-new {
					width: 300px; }
					.header-box .header-m .sidebar .sidebar-new .logo1 {
						width: 170px; }
					.header-box .header-m .sidebar .sidebar-new .nav {
						padding: 20px 30px; }
						.header-box .header-m .sidebar .sidebar-new .nav ul li .tits {
							font-size: 16px; }
						.header-box .header-m .sidebar .sidebar-new .nav ul li dl dd .tit {
							font-size: 16px; }
							.header-box .header-m .sidebar .sidebar-new .nav ul li dl dd .tit span {
								margin-left: 15px; }
						.header-box .header-m .sidebar .sidebar-new .nav ul li dl dd .mnav a {
							font-size: 14px;
							width: calc(100% - 30px);
							padding-left: 30px; } }

.index {
	width: 100%;
	height: auto;
	background-color: #f2f2f2;
	padding-bottom: 180px; }
	.index .index-box1 {
		height: auto;
		margin: 0 auto;
		position: relative; }
		.index .index-box1 .con {
			width: 68.75%;
			float: right;
			height: auto;
			background-repeat: no-repeat;
			background-position: center center;
			background-size: cover;
			background-image: url(../images/index_bg1.jpg); }
			.index .index-box1 .con .con-new {
				width: 42%;
				float: right;
				margin-right: 9%;
				padding-bottom: 4%; }
				.index .index-box1 .con .con-new .title {
					width: 100%;
					height: auto;
					padding-top: 27%; }
					.index .index-box1 .con .con-new .title .en {
						font-size: 36px;
						line-height: 36px;
						color: #878787;
						text-transform: uppercase; }
					.index .index-box1 .con .con-new .title .cn {
						font-size: 34px;
						line-height: 36px;
						color: #666;
						margin-top: 13px; }
					.index .index-box1 .con .con-new .title .line {
						width: 40px;
						height: 2px;
						background-color: #19599e;
						margin-top: 31px; }
				.index .index-box1 .con .con-new .conn {
					width: 100%;
					height: auto;
					text-align: justify;
					margin-top: 24px; }
					.index .index-box1 .con .con-new .conn .t {
						font-size: 18px;
						line-height: 28px;
						color: #666; }
					.index .index-box1 .con .con-new .conn .t1 {
						font-size: 16px;
						line-height: 28px;
						color: #999;
						margin-top: 8px; }
					.index .index-box1 .con .con-new .conn .more-click {
						width: 100%;
						height: 80px;
						border-top: 1px solid #e5e5e5;
						border-bottom: 1px solid #e5e5e5;
						display: block;
						text-align: center;
						font-size: 24px;
						line-height: 80px;
						color: #999;
						display: none;
						margin-top: 2%; }
				.index .index-box1 .con .con-new .bot {
					width: 108%;
					height: auto;
					margin-top: 40px; }
					.index .index-box1 .con .con-new .bot .item {
						width: 33.3333333333%;
						float: left;
						height: auto;
						text-align: center;
						position: relative; }
						.index .index-box1 .con .con-new .bot .item .num {
							font-size: 46px;
							line-height: 46px;
							color: #19599e; }
						.index .index-box1 .con .con-new .bot .item .t {
							width: 140px;
							height: auto;
							margin: 11px auto 0;
							max-width: 96%;
							font-size: 14px;
							line-height: 22px;
							color: #222; }
						.index .index-box1 .con .con-new .bot .item:nth-child(1) {
							width: calc(31.2% - 30px);
							padding-right: 30px; }
						.index .index-box1 .con .con-new .bot .item:nth-child(2) {
							width: 37.2%; }
						.index .index-box1 .con .con-new .bot .item:nth-child(3) {
							width: 31.6%; }
						.index .index-box1 .con .con-new .bot .item:after {
							width: 22px;
							height: 30px;
							position: absolute;
							top: 18px;
							right: -11px;
							content: '';
							display: block;
							background-repeat: no-repeat;
							background-position: center center;
							background-size: cover;
							background-image: url(../images/index_line1.png); }
						.index .index-box1 .con .con-new .bot .item:last-child:after {
							display: none; }
		.index .index-box1 .video-box {
			width: 60%;
			height: auto;
			position: absolute;
			left: 0;
			top: 30%;
			cursor: pointer; }
			.index .index-box1 .video-box .icon {
				width: 60px;
				height: 60px;
				position: absolute;
				bottom: 30px;
				right: 30px;
				background-repeat: no-repeat;
				background-position: center;
				background-size: cover;
				background-image: url(../images/index_icon4.png); }
	.index .index-box2 {
		width: 100%;
		height: auto;
		position: relative;
		margin-top: 10%; }
		.index .index-box2 .img {
			display: block; }
		.index .index-box2 .img3 {
			display: none; }
		.index .index-box2 .list {
			width: 100%;
			height: 100%;
			position: absolute;
			top: 0;
			left: 0; }
			.index .index-box2 .list ul {
				width: 100%;
				height: 100%; }
				.index .index-box2 .list ul li {
					width: 25%;
					height: 100%;
					float: left;
					position: relative;
					background-repeat: no-repeat;
					background-size: cover;
					background-position: center center; }
					.index .index-box2 .list ul li a {
						width: 100%;
						height: 100%;
						display: block; }
						.index .index-box2 .list ul li a .icon {
							/*width: 250px;
							height: 250px;*/
							margin: 15% auto 0;
							transition: all .5s;
							padding: 0px;
							box-sizing:border-box;
							overflow: hidden;
							border-radius: 0%;
							border: 0px #fff solid;}
							.index .index-box2 .list ul li a .icon img{
								width: 100%;
								border-radius: 0%;
							}
							.index .index-box2 .list ul li a .icon .img1 {
								display: block; }
							.index .index-box2 .list ul li a .icon .img2 {
								display: none; }
						.index .index-box2 .list ul li a .en {
							width: 100%;
							height: auto;
							text-align: center;
							margin-top: 30px;
							font-size: 40px;
							line-height: 40px;
							color: #fff;
							text-transform: uppercase;
							opacity: 0;
							transition: opacity .5s; }
						.index .index-box2 .list ul li a .cn {
							text-align: center;
							font-size: 18px;
							line-height: 30px;
							color: #fff;
							margin-top: 10px;
							opacity: 0;
							transition: opacity .5s; }
					@media (min-width: 1024px) {
						.index .index-box2 .list ul li:hover {
							background-image: url(../images/index_bg1.png); }
							.index .index-box2 .list ul li:hover a .icon {
								margin: 0 auto; }
								.index .index-box2 .list ul li:hover a .icon .img1 {
									display: none; }
								.index .index-box2 .list ul li:hover a .icon .img2 {
									display: block; }
							.index .index-box2 .list ul li:hover a .en {
								opacity: 1; }
							.index .index-box2 .list ul li:hover a .cn {
								opacity: 1; } }
		.index .index-box2 .line {
			width: 100%;
			height: 1px;
			background-color: rgba(255, 255, 255, 0.3);
			top: 50%;
			margin-top: -0.5px;
			left: 0;
			display: none;
			position: absolute; }
		.index .index-box2 .line1 {
			width: 1px;
			height: 100%;
			background-color: rgba(255, 255, 255, 0.3);
			left: 50%;
			margin-left: -0.5px;
			top: 0;
			position: absolute;
			display: none; }
	.index .index-box3 {
		height: auto;
		margin: 3.5% auto 0; }
		.index .index-box3 ul {
			width: 100%;
			height: auto; }
			.index .index-box3 ul li {
				width: 100%;
				height: auto;
				position: relative;
				overflow: hidden;
				margin-bottom: 4.5%; }
				.index .index-box3 ul li .title {
					width: 100%;
					height: auto; }
					.index .index-box3 ul li .title .t {
						display: inline-block;
						font-size: 18px;
						line-height: 20px; }
						.index .index-box3 ul li .title .t em {
							width: 6px;
							height: 16px;
							display: block;
							float: left;
							background-color: #19599e;
							margin-top: 2px; }
						.index .index-box3 ul li .title .t span {
							color: #222;
							display: block;
							float: left;
							margin-left: 20px; }
						.index .index-box3 ul li .title .t i {
							text-transform: uppercase;
							color: #19599e;
							display: block;
							float: left;
							margin-left: 22px; }
						.index .index-box3 ul li .title .t.right {
							margin-right: 30px; }
							.index .index-box3 ul li .title .t.right em {
								float: right; }
							.index .index-box3 ul li .title .t.right span {
								float: right;
								margin-left: 0;
								margin-right: 20px; }
							.index .index-box3 ul li .title .t.right i {
								float: right;
								margin-left: 0;
								margin-right: 20px; }
				.index .index-box3 ul li .box {
					width: 100%;
					height: auto;
					margin-top: 6.8%;
					position: relative; }
					.index .index-box3 ul li .box .pic {
						width: 50%;
						height: auto; }
					.index .index-box3 ul li .box .con {
						width: 50%;
						height: 109.5%;
						position: absolute;
						bottom: 0;
						background-color: #fff;
						left: 0; }
						.index .index-box3 ul li .box .con .con-new {
							width: 70%;
							margin-left: 19.625%;
							color: #878787; }
							.index .index-box3 ul li .box .con .con-new .en {
								text-transform: uppercase; }
							.index .index-box3 ul li .box .con .con-new .cn {
								margin-top: 14px; }
							.index .index-box3 ul li .box .con .con-new .line {
								width: 40px;
								height: 2px;
								background-color: #19599e;
								opacity: 0.4;
								margin-top: 31px; }
							.index .index-box3 ul li .box .con .con-new .tits {
								font-size: 22px;
								line-height: 48px;
								color: #666;
								margin-top: 14px; }
								.index .index-box3 ul li .box .con .con-new .tits span {
									font-size: 26px;
									margin: 0 7px; }
							.index .index-box3 ul li .box .con .con-new .tag {
								width: 100%;
								height: auto;
								margin-top: 12px; }
								.index .index-box3 ul li .box .con .con-new .tag .item {
									width: 70px;
									height: auto;
									float: left;
									margin-right: 30px;
									margin-bottom: 10px; }
									.index .index-box3 ul li .box .con .con-new .tag .item .icon {
										width: 68px;
										height: 68px;
										border: 1px solid rgba(0, 0, 0, 0.2);
										background-position: center center;
										background-repeat: no-repeat; }
									.index .index-box3 ul li .box .con .con-new .tag .item p {
										width: 150%;
										margin-left: -25%;
										font-size: 12px;
										line-height: 18px;
										color: #999;
										text-align: center;
										margin-top: 9px; }
							.index .index-box3 ul li .box .con .con-new .but {
								width: 100%;
								margin-top: 67px; }
								.index .index-box3 ul li .box .con .con-new .but .video-box {
									width: 140px;
									height: 45px;
									background-color: #19599e;
									display: block;
									float: left;
									margin-right: 30px;
									text-align: center;
									font-size: 18px;
									line-height: 45px;
									color: #fff;
									display: none;
									float: left; }
									.index .index-box3 ul li .box .con .con-new .but .video-box span {
										padding-right: 34px;
										background-repeat: no-repeat;
										background-position: right center;
										background-image: url(../images/m_icon1.png);
										background-size: 24px; }
								.index .index-box3 ul li .box .con .con-new .but .more {
									width: 180px;
									height: 50px;
									text-align: center;
									font-size: 18px;
									line-height: 50px;
									color: #fff;
									display: block;
									background-color: #19599e;
									position: relative;
									float: left; }
									.index .index-box3 ul li .box .con .con-new .but .more span {
										display: inline-block;
										padding-right: 49px;
										background-repeat: no-repeat;
										background-position: right center;
										background-image: url(../images/index_icon5.png);
										position: relative;
										z-index: 5; }
									.index .index-box3 ul li .box .con .con-new .but .more:after {
										width: 100%;
										height: 100%;
										position: absolute;
										z-index: 4;
										background-color: #19599e;
										content: '';
										top: 0;
										left: 0; }
									@media (min-width: 1024px) {
										.index .index-box3 ul li .box .con .con-new .but .more:hover:after {
											animation: hoverAnimation .5s linear; } }
						.index .index-box3 ul li .box .con .line-click {
							width: 20px;
							height: 100%;
							position: absolute;
							bottom: 0;
							cursor: pointer;
							background-repeat: no-repeat;
							background-position: center center;
							z-index: 6;
							background-color: #ccc;
							transition: left .2s,right .2s; }
							.index .index-box3 ul li .box .con .line-click.l1 {
								left: 0;
								background-image: url(../images/index_i1.png); }
							.index .index-box3 ul li .box .con .line-click.l2 {
								right: 0;
								background-image: url(../images/index_i2.png); }
						.index .index-box3 ul li .box .con .conn {
							width: 100%;
							height: 100%;
							top: 0;
							transition: all .5s;
							background-color: rgba(0, 0, 0, 0.7);
							color: #fff;
							z-index: 5;
							position: absolute;
							transition: left .5s,right .5s;
							cursor: pointer; }
							.index .index-box3 ul li .box .con .conn .icon {
								width: 80px;
								height: 80px;
								background-repeat: no-repeat;
								background-position: center center;
								background-size: cover;
								background-image: url(../images/index_video.png);
								margin: 0 auto; }
							.index .index-box3 ul li .box .con .conn .t {
								text-align: center;
								font-size: 30px;
								line-height: 48px;
								margin-top: 21px;
								text-transform: capitalize; }
							.index .index-box3 ul li .box .con .conn .t1 {
								text-align: center;
								font-size: 22px;
								line-height: 22px;
								margin-top: 6px; }
							.index .index-box3 ul li .box .con .conn .conn-close {
								width: 20px;
								height: 100%;
								position: absolute;
								top: 0;
								background-position: center center;
								background-repeat: no-repeat;
								cursor: pointer; }
							.index .index-box3 ul li .box .con .conn.cc1 {
								left: calc(-100% + 20px); }
								.index .index-box3 ul li .box .con .conn.cc1 .conn-close {
									background-image: url(../images/arrow_01.png);
									right: 26px; }
							.index .index-box3 ul li .box .con .conn.cc2 {
								right: calc(-100% + 20px); }
								.index .index-box3 ul li .box .con .conn.cc2 .conn-close {
									background-image: url(../images/arrow_02.png);
									left: 26px; }
						.index .index-box3 ul li .box .con.c1 {
							left: auto;
							right: 0; }
				.index .index-box3 ul li.on .box .con .line-click.l1 {
					left: -20px; }
				.index .index-box3 ul li.on .box .con .line-click.l2 {
					right: -20px; }
				.index .index-box3 ul li.on .box .con .conn {
					z-index: 6; }
					.index .index-box3 ul li.on .box .con .conn.cc1 {
						left: 0; }
					.index .index-box3 ul li.on .box .con .conn.cc2 {
						right: 0; }
	.index_news {
		height: auto;
		margin: 4.2% auto 0; }
		.index_news .title {
			width: 100%;
			height: auto; }
			.index_news .title .tits {
				float: left;
				font-size: 30px;
				line-height: 36px;
				color: #878787; }
				.index_news .title .tits .t {
					text-transform: uppercase; }
				.index_news .title .tits .t1 {
					margin-top: 12px; }
				.index_news .title .tits .line {
					width: 40px;
					height: 2px;
					background-color: #19599e;
					margin-top: 31px; }
			.index_news .title .btn {
				width: 104px;
				height: auto;
				float: right;
				margin-top: 34px; }
				.index_news .title .btn a {
					width: 44px;
					height: 44px;
					border: 1px solid #878787;
					display: block;
					border-radius: 44px;
					background-repeat: no-repeat;
					background-position: center center;
					transition: all .5s; }
					.index_news .title .btn a.prev {
						float: left;
						background-image: url(../images/index_prev.png); }
					.index_news .title .btn a.next {
						float: right;
						background-image: url(../images/index_next.png); }
					@media (min-width: 1024px) {
						.index_news .title .btn a:hover {
							background-color: #19599e;
							border: 1px solid #19599e; }
							.index_news .title .btn a:hover.prev {
								background-image: url(../images/index_prev_h.png); }
							.index_news .title .btn a:hover.next {
								background-image: url(../images/index_next_h.png); } }
		.index_news .list {
			width: 100%;
			height: auto; }
			.index_news .list .item {
				width: 100%;
				height: auto;
				width: 33.3333333333%;
				float: left;
				padding-bottom: 30px;
				padding-top: 30px; }
				.index_news .list .item .list-new {
					width: 100%;
					height: auto;
					position: relative; }
					.index_news .list .item .list-new ul {
						width: 100%;
						height: auto; }
						.index_news .list .item .list-new ul li {
							width: 100%;
							height: auto;
							float: left;
							padding-bottom: 75px;
							border-top: 10px solid #f2f2f2; }
							.index_news .list .item .list-new ul li .con {
								width: 82.4%;
								height: auto;
								padding-top: 10%;
								margin: 0 auto;
								transition: color .5s; }
								.index_news .list .item .list-new ul li .con .time {
									font-size: 16px;
									line-height: 16px;
									color: #878787;
									font-weight: bold;
									font-family: Arial; }
									.index_news .list .item .list-new ul li .con .time .span {
										float: right;
										color: #878787; }
									.index_news .list .item .list-new ul li .con .time i {
										float: left; }
								.index_news .list .item .list-new ul li .con .tits {
									font-size: 18px;
									line-height: 40px;
									height: 80px;
									color: #666;
									display: -webkit-box;
									-webkit-line-clamp: 2;
									-webkit-box-orient: vertical;
									overflow: hidden;
									text-overflow: ellipsis;
									margin-top: 9%;
									display: block; }
								.index_news .list .item .list-new ul li .con .pic {
									width: 100%;
									height: auto;
									overflow: hidden;
									margin-top: 10%;
									display: block; }
									.index_news .list .item .list-new ul li .con .pic img {
										transition: transform 1.5s; }
							.index_news .list .item .list-new ul li:hover {
								background-color: #fff;
								box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
								z-index: 10;
								border-top: 10px solid #19599e; }
								.index_news .list .item .list-new ul li:hover .con .time span {
									color: #19599e; }
								.index_news .list .item .list-new ul li:hover .con .tits {
									color: #19599e; }
								.index_news .list .item .list-new ul li:hover .con .pic img {
									transform: scale(1.1); }
							.index_news .list .item .list-new ul li.on {
								background-color: #fff;
								box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
								z-index: 10;
								border-top: 10px solid #19599e; }
								.index_news .list .item .list-new ul li.on .con .time span {
									color: #19599e; }
								.index_news .list .item .list-new ul li.on .con .tits {
									color: #19599e; }
					.index_news .list .item .list-new .btns {
						width: 104px;
						height: auto;
						position: absolute;
						bottom: 15px;
						left: 50%;
						margin-left: -52px;
						z-index: 5; }
						.index_news .list .item .list-new .btns a {
							width: 44px;
							height: 44px;
							border: 1px solid #878787;
							display: block;
							border-radius: 44px;
							background-repeat: no-repeat;
							background-position: center center;
							transition: all .5s; }
							.index_news .list .item .list-new .btns a.prev {
								float: left;
								background-image: url(../images/index_prev.png); }
							.index_news .list .item .list-new .btns a.next {
								float: right;
								background-image: url(../images/index_next.png); }
							@media (min-width: 1024px) {
								.index_news .list .item .list-new .btns a:hover {
									background-color: #19599e;
									border: 1px solid #19599e; }
									.index_news .list .item .list-new .btns a:hover.prev {
										background-image: url(../images/index_prev_h.png); }
									.index_news .list .item .list-new .btns a:hover.next {
										background-image: url(../images/index_next_h.png); } }
	@media (max-width: 1830px) {
		.index .index-box1 .con .con-new .title {
			padding-top: 15%; }
			.index .index-box1 .con .con-new .title .line {
				margin-top: 20px; }
		.index .index-box1 .con .con-new .conn {
			margin-top: 12px; }
			.index .index-box1 .con .con-new .conn .t {
				font-size: 16px;
				line-height: 24px; }
		.index .index-box1 .con .con-new .bot {
			margin-top: 25px; } }
	@media (max-width: 1770px) {
		.index .index-box3 ul li .box .con .con-new {
			width: 80%;
			margin-left: 10%; }
			.index .index-box3 ul li .box .con .con-new .line {
				margin-top: 20px; }
			.index .index-box3 ul li .box .con .con-new .tits {
				line-height: 30px; }
			.index .index-box3 ul li .box .con .con-new .tag .item {
				width: 60px; }
				.index .index-box3 ul li .box .con .con-new .tag .item .icon {
					width: 58px;
					height: 58px;
					background-size: 34px auto; }
			.index .index-box3 ul li .box .con .con-new .but {
				margin-top: 30px; } }
	@media (max-width: 1600px) {
		.index .index-box1 .con .con-new .title .en {
			font-size: 30px;
			line-height: 30px; }
		.index .index-box1 .con .con-new .title .cn {
			font-size: 24px;
			line-height: 24px; } }
	@media (max-width: 1560px) {
		.index .index-box1 .con .con-new {
			width: 60%; }
			.index .index-box1 .con .con-new .title {
				padding-top: 12%; }
		.index .index-box1 .video-box {
			width: 50%; } }
	@media (max-width: 1440px) {
		.index_news .list .item .list-new .btns {
			height: 36px; }
		.index_news .list .item .list-new .btns .a {
			width: 34px;
			height: 34px; } }
	@media (max-width: 1390px) {
		.index .index-box2 .list ul li a .en {
			font-size: 30px;
			line-height: 30px; }
		.index .index-box2 .list ul li a .cn {
			font-size: 16px;
			line-height: 24px; }
		.index .index-box3 ul li .box .con .con-new {
			width: 90%;
			margin-left: 10%; }
			.index .index-box3 ul li .box .con .con-new .line {
				margin-top: 20px; }
			.index .index-box3 ul li .box .con .con-new .tits {
				line-height: 30px; }
			.index .index-box3 ul li .box .con .con-new .tag .item {
				width: 50px; }
				.index .index-box3 ul li .box .con .con-new .tag .item .icon {
					width: 48px;
					height: 48px;
					background-size: 34px auto; }
			.index .index-box3 ul li .box .con .con-new .but {
				margin-top: 30px; }
		.index_news .title .tits {
			font-size: 30px;
			line-height: 30px; }
		.index_news .list .item .list-new ul li .con .tits {
			font-size: 20px;
			line-height: 30px;
			height: 60px; } }
	@media (max-width: 1366px) {
		.index .index-box1 .con .con-new .title .en {
			font-size: 30px;
			line-height: 30px; }
		.index .index-box1 .con .con-new .title .cn {
			font-size: 24px;
			line-height: 24px; } }
	@media (max-width: 1330px) {
		.index .index-box2 .list ul li a .icon {
			width: 200px;
			height: 150px; }
		.index .index-box2 .list ul li a .en {
			margin-top: 20px; } }
	@media (max-width: 1280px) {
		.index .index-box1 .con .con-new .title .line {
			margin-top: 15px; }
		.index .index-box1 .con .con-new .bot {
			margin-top: 25px; }
			.index .index-box1 .con .con-new .bot .item .num {
				font-size: 34px;
				line-height: 34px; }
		.index .index-box1 .video-box {
			overflow: hidden; }
			.index .index-box1 .video-box img {
				width: 130%;
				margin-left: -15%; }
		.index_news .list .item .list-new .btns {
			width: 84px;
			margin-left: -42px;
			bottom: 12px; }
		.index_news .list .item .list-new ul li {
			padding-bottom: 60px; } }
	@media (max-width: 1250px) {
		.index .index-box3 ul li .box .con .con-new .tits {
			margin-top: 5px;
			font-size: 18px; } }
	@media (max-width: 1024px) {
		.index .index-box1 {
			width: 100%;
			max-width: 100%; }
			.index .index-box1 .con {
				width: 100%;
				float: none; }
				.index .index-box1 .con .con-new {
					width: 92%;
					margin: 0 auto;
					float: none; }
					.index .index-box1 .con .con-new .title {
						padding-top: 5%; }
					.index .index-box1 .con .con-new .bot {
						width: 100%; }
			.index .index-box1 .video-box {
				width: 92%;
				position: relative;
				margin: 4% auto 0; }
				.index .index-box1 .video-box img {
					width: 100%;
					margin-left: 0; }
				.index .index-box1 .video-box .icon {
					width: 50px;
					height: 50px;
					background-size: cover;
					top: 0;
					left: 0;
					bottom: 0;
					right: 0;
					margin: auto; }
		.index .index-box2 .list ul li a .icon {
			width: 200px;
			height: 150px;
			margin: 0 auto; }
		.index .index-box2 .list ul li a .en {
			font-size: 26px;
			line-height: 26px;
			opacity: 1;
			margin-top: 15px; }
		.index .index-box2 .list ul li a .cn {
			opacity: 1;
			font-size: 16px;
			line-height: 20px;
			margin-top: 5px; }
		.index_news .title .tits {
			font-size: 26px;
			line-height: 26px; }
			.index_news .title .tits .line {
				margin-top: 20px; }
		.index_news .list .item .list-new ul li .con {
			width: 90%; }
			.index_news .list .item .list-new ul li .con .tits {
				font-size: 18px;
				line-height: 26px;
				height: 26px;
				margin-top: 5%; } }
	@media (max-width: 960px) {
		.index .index-box3 ul li .title .t.right {
			float: left; }
			.index .index-box3 ul li .title .t.right em {
				float: left; }
			.index .index-box3 ul li .title .t.right span {
				float: left;
				margin-left: 10px;
				margin-right: 0; }
			.index .index-box3 ul li .title .t.right i {
				float: left;
				margin-left: 10px;
				margin-right: 0; }
		.index .index-box3 ul li .box .pic {
			width: 100%;
			float: none; }
		.index .index-box3 ul li .box .con {
			width: 100%;
			height: auto;
			position: relative;
			padding: 5% 0; }
			.index .index-box3 ul li .box .con .con-new {
				width: 91.3%;
				float: none;
				margin: 0 auto; }
				.index .index-box3 ul li .box .con .con-new .cn {
					margin-top: 5px; }
				.index .index-box3 ul li .box .con .con-new .tag {
					display: none; }
				.index .index-box3 ul li .box .con .con-new .line {
					margin-top: 10px; }
				.index .index-box3 ul li .box .con .con-new .but .video-box {
					display: block; }
				.index .index-box3 ul li .box .con .con-new .but .more {
					width: 138px;
					height: 43px;
					border: 1px solid #19599e;
					background-color: rgba(0, 0, 0, 0);
					color: #19599e; }
					.index .index-box3 ul li .box .con .con-new .but .more span {
						background-image: url(../images/index_icon5_h.png); }
					.index .index-box3 ul li .box .con .con-new .but .more:after {
						display: none; }
			.index .index-box3 ul li .box .con .line-click {
				display: none; }
			.index .index-box3 ul li .box .con .conn {
				display: none; } }
	@media (max-width: 830px) {
		.index_news .list .item {
			width: 100%;
			margin-bottom: 5%; } }
	@media (max-width: 768px) {
		.index {
			padding-bottom: 5%; }
			.index .index-box2 .img {
				display: none; }
			.index .index-box2 .img3 {
				display: block; }
			.index .index-box2 .list ul li {
				width: 50%;
				height: 50%; }
				.index .index-box2 .list ul li a .icon {
					width: 100%;
					height: auto; }
				.index .index-box2 .list ul li a .en {
					margin-top: 5px; }
			.index .index-box2 .line {
				display: block; }
			.index .index-box2 .line1 {
				display: block; } }
	@media (max-width: 600px) {
		.index .index-box1 .con .con-new .conn .more-click {
			height: 45px;
			line-height: 45px;
			font-size: 18px; } }
	@media (max-width: 550px) {
		.index_news .title .tits .t1 {
			font-size: 20px;
			line-height: 20px;
			margin-top: 5px; }
		.index_news .title .tits .line {
			margin-top: 10px; }
		.index_news .title .btn {
			width: 88px;
			margin-top: 10px; }
			.index_news .title .btn .a {
				width: 38px;
				height: 38px; }
		.index_news .list .item .list-new ul li {
			background-color: #fff;
			border-top: 4px solid #19599e; }
			.index_news .list .item .list-new ul li .con {
				padding-top: 6%; }
				.index_news .list .item .list-new ul li .con .time span {
					color: #19599e; }
				.index_news .list .item .list-new ul li .con .tits {
					color: #19599e;
					font-size: 16px;
					line-height: 24px;
					height: 24px; }
				.index_news .list .item .list-new ul li .con .pic {
					margin-top: 6%; }
			.index_news .list .item .list-new ul li.on {
				border-top: 4px solid #19599e; } }
	@media (max-width: 490px) {

		.index {
			padding-bottom: 0; }
			.index .index-box1 .con .con-new .title .en {
				font-size: 26px;
				line-height: 26px; }
			.index .index-box1 .con .con-new .title .cn {
				font-size: 22px;
				line-height: 22px;
				margin-top: 5px; }
			.index .index-box1 .con .con-new .conn {
				margin-top: 15px; }
				.index .index-box1 .con .con-new .conn .t {
					font-size: 16px;
					line-height: 26px; }
			.index .index-box1 .con .con-new .bot .item .num {
				font-size: 28px;
				line-height: 28px; }
			.index .index-box1 .con .con-new .bot .item .t {
				margin-top: 5px; }
			.index .index-box2 .img3 {
				width: 120%;
				margin-left: -10%; }
			.index .index-box2 .list ul li a .icon {
				/*width: 120px;
				height: 80px;*/ 
				width:100%;
				height:auto;
			}
			.index .index-box2 .list ul li a .en {
				margin-top: 5px;
				font-size: 20px;
				line-height: 20px; }
			.index .index-box2 .list ul li a .cn {
				font-size: 16px;
				line-height: 18px; color:#666;  margin-top:10px;}
			.index .index-box2 .line {
				display: block; }
			.index .index-box2 .line1 {
				display: block; }
			.index .index-box3 ul li .box {
				margin-top: 3%; }
				.index .index-box3 ul li .box .con .con-new .tits {
					font-size: 16px;
					line-height: 24px; }
					.index .index-box3 ul li .box .con .con-new .tits span {
						font-size: 20px; }
				.index .index-box3 ul li .box .con .con-new .but {
					margin-top: 20px; }
					.index .index-box3 ul li .box .con .con-new .but .video-box {
						width: 120px;
						height: 40px;
						font-size: 16px;
						line-height: 40px; }
						.index .index-box3 ul li .box .con .con-new .but .video-box span {
							background-size: 20px;
							padding-right: 30px; }
					.index .index-box3 ul li .box .con .con-new .but .more {
						width: 119px !important;
						height: 38px !important;
						font-size: 16px;
						line-height: 38px !important; }
						.index .index-box3 ul li .box .con .con-new .but .more span {
							padding-right: 20px; } }

.foot {
	width: 100%;
	height: auto;
	position: relative; }
	.foot .footer {
		width: 100%;
		height: auto;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;
		margin: 0 auto;
		padding-top: 100px;
		padding-bottom: 50px; }
		.foot .footer .foott .tits {
			font-size: 22px;
			line-height: 22px;
			color: #fff; }
		.foot .footer .foott .table-box {
			width: 100%;
			height: auto;
			margin-top: 45px; }
			.foot .footer .foott .table-box .t {
				width: 20%;
				height: 65px;
				border-bottom: 1px solid #7d7d7d;
				float: left;
				margin-right: 2.5%;
				font-size: 16px;
				line-height: 65px;
				color: #999; }
				.foot .footer .foott .table-box .t span {
					float: left; }
					.foot .footer .foott .table-box .t span i {
						color: #ffc81f;
						margin-right: 10px; }
				.foot .footer .foott .table-box .t .text {
					width: calc(100% - 75px);
					float: left;
					margin-left: 25px;
					height: 65px;
					border: none;
					background: none;
					color: #999;
					font-size: 16px;
					line-height: 65px; }
				.foot .footer .foott .table-box .t .tt {
					float: right; }
					.foot .footer .foott .table-box .t .tt .it {
						float: left;
						padding-left: 20px;
						font-size: 14px;
						line-height: 65px;
						color: #999;
						margin-left: 18px;
						position: relative;
						cursor: pointer; }
						.foot .footer .foott .table-box .t .tt .it:after {
							width: 7px;
							height: 7px;
							left: 0;
							top: 50%;
							margin-top: -4.5px;
							content: '';
							border-radius: 7px;
							border: 1px solid #ccc;
							display: block;
							position: absolute; }
						.foot .footer .foott .table-box .t .tt .it.on:after {
							border: 2px solid #ffc81f;
							margin-top: -5.5px; }
				.foot .footer .foott .table-box .t.t1 .text {
					width: 30%; }
			.foot .footer .foott .table-box .submit {
				width: 9.375%;
				height: 56px;
				float: right;
				background-color: #19599e;
				text-align: center;
				font-size: 16px;
				line-height: 56px;
				color: #fff;
				border: none;
				margin-top: 10px; }
		.foot .footer .footer-new {
			margin: 5% auto 0; }
			.foot .footer .footer-new .nav {
				width: 475px;
				height: auto;
				float: left; }
				.foot .footer .footer-new .nav .tits {
					width: 100%;
					height: auto;
					font-size: 22px;
					line-height: 24px;
					color: #fff; }
				.foot .footer .footer-new .nav .nav-new {
					width: 100%;
					height: auto;
					position: relative;
					margin-top: 32px; }
					.foot .footer .footer-new .nav .nav-new ul {
						width: 100%;
						height: auto; }
						.foot .footer .footer-new .nav .nav-new ul li .tit {
							width: 100px;
							font-size: 16px;
							line-height: 30px;
							padding-right: 10px;
							box-sizing: border-box;
							color: #fff;
							background-repeat: no-repeat;
							background-position: right center;
							display: block;
							text-overflow: ellipsis;
						    white-space: nowrap;
						    overflow: hidden; }
						.foot .footer .footer-new .nav .nav-new ul li .mnav {
							width: 340px;
							/*height: 145px;*/
							background-color: rgba(0, 0, 0, 0.2);
							position: absolute;
							top: -5px;
							right: -0px;
							display: none; }
							.foot .footer .footer-new .nav .nav-new ul li .mnav dl {
								width: 100%;
								height: auto;
								padding-top: 10px;
								padding-bottom: 10px; }
								.foot .footer .footer-new .nav .nav-new ul li .mnav dl dd {
									width: 100%;
									float: left;
									padding-left: 22px;
									height: auto;
									font-size: 14px;
									line-height: 26px;
									box-sizing:border-box; }
									.foot .footer .footer-new .nav .nav-new ul li .mnav dl dd a {
										color: #bbb;
										display: block; 
										text-overflow: ellipsis;
									    white-space: nowrap;
									    overflow: hidden;}
										.foot .footer .footer-new .nav .nav-new ul li .mnav dl dd a:hover {
											color: #19599e; }
									.foot .footer .footer-new .nav .nav-new ul li .mnav dl dd.t {
										width: calc(50% - 22px); }
						.foot .footer .footer-new .nav .nav-new ul li.on .tit {
							background-image: url(../images/footer_icon1.png); }
						.foot .footer .footer-new .nav .nav-new ul li.on .mnav {
							display: block; }
			.foot .footer .footer-new .footer-contact {
				float: left;
				margin-left: 60px; }
				.foot .footer .footer-new .footer-contact .tits {
					font-size: 22px;
					line-height: 24px;
					color: #fff; }
				.foot .footer .footer-new .footer-contact .tit {
					font-size: 16px;
					line-height: 18px;
					color: #fff;
					margin-top: 37px; }
				.foot .footer .footer-new .footer-contact .tit1 {
					font-size: 24px;
					line-height: 30px;
					color: #19599e !important;
					margin-top: 17px; }
			.foot .footer .footer-new .footer-right {
				width: 385px;
				float: right;
				max-width: 30%; }
				.foot .footer .footer-new .footer-right .share a {
					width: 25px;
					height: 20px;
					display: block;
					padding: 0;
					float: right;
					margin: 0 0 0 25px;
					background-repeat: no-repeat;
					background-position: center center; }
					.foot .footer .footer-new .footer-right .share a.bds_tsina {
						background-image: url(../images/wb.png); }
					.foot .footer .footer-new .footer-right .share a.bds_weixin {
						background-image: url(../images/wx.png); }
				.foot .footer .footer-new .footer-right .nnav {
					font-size: 16px;
					line-height: 28px;
					color: #bbb;
					text-align: right;
					margin-top: 56px; }
					.foot .footer .footer-new .footer-right .nnav span {
						font-size: 12px;
						display: inline-block;
						float: right;
						margin: 0 10px; }
					.foot .footer .footer-new .footer-right .nnav a {
						color: #bbb;
						display: inline-block;
						float: right; }
						.foot .footer .footer-new .footer-right .nnav a:hover {
							color: #fff; }
				.foot .footer .footer-new .footer-right .tits {
					text-align: right;
					font-size: 14px;
					line-height: 28px;
					color: #bbb;
					margin-top: 5px; }
						.foot .bottom-wap{
								display:none;
						}
	.foot .bottom {
		width: 100%;
		height: 220px;
		position: absolute;
		left: 0;
		top: -110px; }
		.foot .bottom .bottom-new {
			width: 1600px;
			height: 100%;
			margin: 0 auto;
			background-color: #fff;
			box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
			position: relative; }
			.foot .bottom .bottom-new:before {
				width: 100%;
				height: 8px;
				background-color: #19599e;
				position: absolute;
				bottom: 0;
				left: 0;
				content: ''; }
			.foot .bottom .bottom-new .item {
				width: 33.3333333333%;
				height: 100%;
				float: left;
				position: relative; }
				.foot .bottom .bottom-new .item a {
					width: 100%;
					height: 100%;
					display: block; }
					.foot .bottom .bottom-new .item a .icon {
						width: 58px;
						height: 58px;
						border: 1px solid #878787;
						border-radius: 58px;
						background-position: center center;
						background-repeat: no-repeat;
						margin: 48px auto 0;
						transition: margin .5s,background .5s,border .5s; }
						.foot .bottom .bottom-new .item a .icon.i1 {
							background-image: url(../images/footer_icon2.png); }
						.foot .bottom .bottom-new .item a .icon.i2 {
							background-image: url(../images/footer_icon3.png); }
						.foot .bottom .bottom-new .item a .icon.i3 {
							background-image: url(../images/footer_icon4.png); }
					.foot .bottom .bottom-new .item a .t {
						text-align: center;
						font-size: 22px;
						line-height: 24px;
						color: #666;
						margin-top: 18px; }
					.foot .bottom .bottom-new .item a .t1 {
						text-align: center;
						font-size: 14px;
						line-height: 26px;
						color: #999;
						margin-top: 4px; }
				.foot .bottom .bottom-new .item:after {
					width: 59px;
					height: 84px;
					position: absolute;
					right: -30px;
					top: 70px;
					background-repeat: no-repeat;
					background-position: center center;
					background-size: cover;
					background-image: url(../images/footer_line.png);
					content: ''; }
				.foot .bottom .bottom-new .item:last-child:after {
					display: none; }
				@media (min-width: 1024px) {
					.foot .bottom .bottom-new .item:hover a .icon {
						margin: 28px auto 0;
						background-color: #19599e;
						border: 1px solid #19599e; }
						.foot .bottom .bottom-new .item:hover a .icon.i1 {
							background-image: url(../images/footer_icon2_h.png); }
						.foot .bottom .bottom-new .item:hover a .icon.i2 {
							background-image: url(../images/footer_icon3_h.png); }
						.foot .bottom .bottom-new .item:hover a .icon.i3 {
							background-image: url(../images/footer_icon4_h.png); } }
	@media (max-width: 1690px) {
		.foot .footer .foott .table-box .t .tt .it {
			margin-left: 8px;
			padding-left: 15px; }
		.foot .footer .foott .table-box .t .text {
			margin-left: 15px; } }
	@media (max-width: 1300px) {
		.foot .footer .foott .table-box .t .text {
			margin-left: 10px; }
		.foot .footer .foott .table-box .t.t1 .text {
			width: 20%; } }
	@media (max-width: 1160px) {
		.foot .footer .footer-new .footer-right .nnav {
			margin-top: 15px; } }
	@media (max-width: 1024px) {
		.foot .footer .foott {
			display: none; }
		.foot .footer .footer-new {
			margin: 0 auto; } }
	@media (max-width: 990px) {
		.foot .bottom {
			height: 160px;
			top: -80px; }
			.foot .bottom .bottom-new .item a .icon {
				margin: 30px auto 0;
				width: 48px;
				height: 48px;
				background-size: 24px; }
			.foot .bottom .bottom-new .item a .t {
				font-size: 18px;
				line-height: 18px;
				margin-top: 10px; }
			.foot .bottom .bottom-new .item:after {
				height: 40px;
				top: 55px; }
		.foot .footer .footer-new .nav {
			display: none; }
		.foot .footer .footer-new .footer-contact {
			width: 50%;
			margin-left: 0; }
		.foot .footer .footer-new .footer-right {
			width: 50%;
			max-width: 100%; } }
	@media (max-width: 768px) {
		
			.foot .bottom-pc{
				display:none;
			}
			.foot .bottom-wap{
				display:block;
			}
			.foot .bottom {
				position: fixed;
				bottom: 0;
				left: 0;
				height: 70px;
				top: auto;
				background-color: #f6f6f6;
				z-index: 1000; }
				.foot .bottom .bottom-new {
					width: 100%;
					max-width: 100%; }
					.foot .bottom .bottom-new .item {
						border-right: 1px solid #e5e5e5;
						box-sizing: border-box; }
						.foot .bottom .bottom-new .item a {
							height: calc(100% - 10px);
							padding-top: 10px; }
							.foot .bottom .bottom-new .item a .icon {
								width: 100%;
								margin: 0 auto;
								height: 30px;
								background-size: auto 100%;
								border: none; }
								.foot .bottom .bottom-new .item a .icon.i1 {
									/*background-image: url(../images/f_icon1.png);*/ }
								.foot .bottom .bottom-new .item a .icon.i2 {
									/*background-image: url(../images/f_icon2.png);*/ }
								.foot .bottom .bottom-new .item a .icon.i3 {
									/*background-image: url(../images/f_icon3.png); */}
							.foot .bottom .bottom-new .item a .t {
								font-size: 14px;
								margin-top: 5px; }
							.foot .bottom .bottom-new .item a .t1 {
								display: none; }
						.foot .bottom .bottom-new .item:after {
							display: none; }
						.foot .bottom .bottom-new .item:last-child {
							border-right: none; }
					.foot .bottom .bottom-new:before {
						display: none; } }
	@media (max-width: 540px) {
		
			.foot .footer .footer-new .footer-contact {
				width: 100%;
				float: none; }
			.foot .footer .footer-new .footer-right {
				width: 100%;
				float: none;
				margin-top: 20px; }
				.foot .footer .footer-new .footer-right .share a {
					float: left;
					margin: 0 20px 0 0; }
				.foot .footer .footer-new .footer-right .nnav {
					text-align: left; }
					.foot .footer .footer-new .footer-right .nnav a {
						float: left; }
					.foot .footer .footer-new .footer-right .nnav span {
						float: left; }
				.foot .footer .footer-new .footer-right .tits {
					width: 385px;
					max-width: 100%;
					text-align: left; } }

.banner {
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden; }
	.banner .con {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0; }
		.banner .con .con-new {
			width: 1600px;
			height: 100%;
			max-width: 83.3%;
			margin: 0 auto;
			position: relative; }
			.banner .con .con-new .title {
				position: absolute;
				bottom: 10%;
				left: 0;
				text-shadow:2px 2px 5px #666;
				color: #fff; }
				.banner .con .con-new .title .en {
					text-transform: uppercase; }
				.banner .con .con-new .title .cn {
					margin-top: 5%; }
				.banner .con .con-new .title .line {
					width: 40px;
					height: 2px;
					background-color: #19599e;
					margin-top: 10%; }
	@media (max-width: 1200px) {
		.banner .con .con-new .title {
			bottom: 12%; } }
	@media (max-width: 1024px) {
		.banner {
			margin-top: 70px; }
			.banner .con .con-new {
				max-width: 94%; } }
	@media (max-width: 600px) {
		.banner img {
			width: 130%;
			margin-left: -15%; }
		.banner .con .con-new .title {
			font-size: 24px;
			line-height: 30px; } }
	@media (max-width: 414px) {
		.banner {
			margin-top: 60px; } }



.new-show {
    margin-top: 0px;
    display: flex;
    flex-wrap: wrap;
}

.new-top {
    float: left;
    width: 44.725%;
}

.new-top ul li a {
    display: block;
    overflow: hidden;
}

.new-top ul li a img {
    max-width: 100%;
}

.new-top .owl-carousel .owl-dots {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 52px;
    background-color: rgb(0 0 0 / 60%);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.new-top .owl-carousel .owl-dots button.owl-dot {
    display: inline-block;
    width: 9px;
    height: 9px;
    border: solid 1px #fff;
    border-radius: 50%;
    margin: 0 5px;
}

.new-top .owl-carousel .owl-dots button.active {
    background-color: #fff;
}

.new-warp {
    float: right;
    width: calc(100% - 44.725%);
    background-color: #fdfdfd;
    padding-left: 60px;
    padding-right: 40px;
        box-sizing: border-box;
}

.new-warp .new-list {
    display: none;
    padding-top: 10px;
}

.new-list ul li a {
    display: block;
    padding-top: 25px;
    padding-bottom: 15px;
    background: url(../images/nicon1.png)no-repeat right center;
}

.new-list ul li a:hover {
    background: url(../images/niconh.png)no-repeat right center;
}

.new-list ul li+li a {
    border-top: solid 1px #ddd;
}

.new-list ul li a h3 {
    font-size: 20px;
    color: #333;
    font-weight: bold;
    transition: all .3s ease;
}

.new-list ul li a:hover h3 {
    color: #19599e;
}

.new-list ul li a p {
    font-size: 16px;
    color: #666;
    padding-right: 20%;
    margin-top: 10px;
    display: -webkit-box;
    /**对象作为伸缩盒子模型展示**/
    -webkit-box-orient: vertical;
    /**设置或检索伸缩盒子对象的子元素的排列方式**/
    -webkit-line-clamp: 1;
    /**显示的行数**/
    overflow: hidden;
    /**隐藏超出的内容**/
}

.new-list ul li a span {
    display: block;
    font-size: 16px;
    font-family: Arial;
    color: #999;
    margin-top: 15px;
}


@media(max-width: 1440px) {
    .new-top {
        width: 50%;
    }
    .new-warp {
        width: 50%;
    }
    .new-list ul li a {
        padding-top: 20px;
        padding-bottom: 10px;
    }
    .new-list ul li a span {
        margin-top: 10px;
    }
}

@media(max-width: 1199px) {
    .news {
        padding-top: 50px;
        padding-bottom: 70px;
    }
    .new-show {
        margin-top: 30px;
    }
    .new-warp {
        padding-left: 40px;
        padding-right: 30px;
    }
    .new-list ul li a h3 {
        font-size: 18px;
    }
    .new-list ul li a p {
        font-size: 14px;
        margin-top: 5px;
    }
    .new-list ul li a span {
        font-size: 14px;
    }
    .new-list ul li a {
        padding-top: 10px;
    }
    .new-warp .new-list {
        padding-top: 2px;
    }
}

@media(max-width: 991px) {
    .new-cfn {
        margin-top: 20px;
    }
    .new-list ul li a h3 {
        font-size: 17px;
    }
    .new-list ul li a p {
        font-size: 12px;
        line-height: initial;
    }
    .new-list ul li a span {
        line-height: initial;
        font-size: 12px;
        margin-top: 5px;
    }
    .new-warp {
        padding-left: 30px;
        padding-right: 20px;
    }
    .new-list ul li a {
        background-size: 25px 25px;
    }
}

@media(max-width: 650px) {
    .new-top {
        float: none;
        width: 100%;
    }
    .new-warp {
        float: none;
        width: 100%;
    }
    .new-list ul li a {
        padding: 15px 0;
    }
    .new-list ul li a p {
        margin-top: 10px;
    }
    .new-list ul li a span {
        margin-top: 10px;
    }
    .new-warp {
        padding: 0 15px;
    }
    .news {
        background-color: #f9f9f9;
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .new-cfn ul li a {
        font-size: 17px;
        padding-left: 25px;
    }
    .new-cfn ul li:nth-child(1) a {
        padding-left: 30px;
    }
    .new-top .owl-carousel .owl-dots {
        height: 40px;
    }

    .new-show {
        margin-top: 0px;
    }
}

@media(max-width: 320px) {
    .new-cfn ul li a {
        font-size: 17px;
        padding-left: 22px;
    }
    .new-cfn ul li:nth-child(1) a {
        padding-left: 27px;
    }
    .new-list ul li a p {
        margin-top: 5px;
    }
    .new-list ul li a span {
        margin-top: 5px;
    }
    .new-list ul li a {
        padding: 10px 0;
    }
}




.index_news .title {
			width: 100%;
			height: auto; padding-bottom: 30px;}
			.index_news .title .tits {
				float: none;
				font-size: 30px;
				line-height: 36px;
				color: #878787; 
				text-align: center;}
				.index_news .title .tits .t {
					text-transform: uppercase; }
				.index_news .title .tits .t1 {
					margin-top: 12px; }
				.index_news .title .tits .line {
					width: 40px;
					height: 2px;
					background-color: #19599e;
					margin-top: 31px;  margin:16px auto 0px;}





.top_xf {
	width: 100px;
	height: 100px;
	display: none;
	position: fixed;
	bottom: 10%;
	right: 3%;
	z-index: 10001;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(../images/top.png); }
	@media (max-width: 600px) {
		.top_xf {
			width: 50px;
			height: 50px; } }

.ewm-tk {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	z-index: 20000; }
	.ewm-tk .bg {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background-color: rgba(0, 0, 0, 0.5); }
	.ewm-tk .ewm {
		width: 300px;
		height: 300px;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		z-index: 5;
		overflow: hidden;
		transform: scale(0.7);
		transition: transform .5s; }
		.ewm-tk .ewm .ewm-new {
			width: 100%;
			height: 100%; }
	.ewm-tk.on .ewm {
		transform: scale(1); }

.zoomMask {
	position: absolute;
	background: url(../images/mask.png);
	z-index: 1000; }

.zoomDiv {
	z-index: 10000;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100px;
	height: 100px;
	border: 1px solid #e5e5e5;
	box-sizing: border-box;
	background: #ffffff;
	display: black;
	text-align: center;
	overflow: hidden; }

.vvvv {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10000;
	background-color: rgba(0, 0, 0, 0.5);
	display: none; }

@keyframes hoverAnimation {
	from {
		top: 0;
		left: 0;
		opacity: 1;
		width: 100%;
		height: 100%; }
	to {
		top: -10px;
		left: -10px;
		opacity: 0;
		width: calc(100% + 20px);
		height: calc(100% + 20px);
		opacity: 0; } }
@-moz-keyframes hoverAnimation {
	from {
		top: 0;
		left: 0;
		opacity: 1;
		width: 100%;
		height: 100%; }
	to {
		top: -10px;
		left: -10px;
		opacity: 0;
		width: calc(100% + 20px);
		height: calc(100% + 20px);
		opacity: 0; } }
@-webkit-keyframes hoverAnimation {
	from {
		top: 0;
		left: 0;
		opacity: 1;
		width: 100%;
		height: 100%; }
	to {
		top: -10px;
		left: -10px;
		opacity: 0;
		width: calc(100% + 20px);
		height: calc(100% + 20px);
		opacity: 0; } }
@-o-keyframes hoverAnimation {
	from {
		top: 0;
		left: 0;
		opacity: 1;
		width: 100%;
		height: 100%; }
	to {
		top: -10px;
		left: -10px;
		opacity: 0;
		width: calc(100% + 20px);
		height: calc(100% + 20px);
		opacity: 0; } }