.ff {
	font-family: 'iconfont' !important;
}

.clearfix {
	zoom: 1;
}

.clearfix:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: '';
}


@font-face {
	font-family: 'iconfont';
	src: url('./../fonts/iconfont.eot');
	src: url('../fonts/iconfont.eot') format('embedded-opentype'), url('../fonts/iconfont.woff') format('woff'), url('../fonts/iconfont.ttf') format('truetype');
}

body.fixed {
	position: fixed;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

body.searchactive {
	position: fixed;
	overflow: hidden;
	width: 100%;
	height: 100%;
}
.top .active{
	color: #086ad8;
}
@media (min-width: 1350px) {
	.container {
		width: 1200px;
	}
}

@media (max-width: 767px) {
	.col-xs-6:nth-child(2n+1) {
		padding-right: 7.5px;
	}

	.col-xs-6:nth-child(2n) {
		padding-left: 7.5px;
	}
}

li,
ol,
ul {
	list-style: none;
}
button,
input,
textarea {
    resize: none;
    border: none;
    outline: none;
}


input[type=number] {
	-moz-appearance: textfield;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	margin: 0;
	-webkit-appearance: none;
}


.img-box {
	position: relative;
	display: block;
	overflow: hidden;
	height: 0;
	padding-bottom: 100%;
}

.img-box img {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
}

.img-box img[src=''],
.img-box img:not([src]) {
	opacity: 0;
	border: 0;
}

.header {
	z-index: 99999;
	top: 0;
	width: 100%;
	height: 90px;
	-webkit-transition: all .4s;
	transition: all .4s;
	background-color: #fff;
}

@media (max-width: 1199px) {
	.header {
		height: 75px;
		z-index: 99999;
	}
}

.header .top {
	height: 30px;
	text-align: right;
	background-color: #5486bc0d;
}

@media (max-width: 1199px) {
	.header .top {
		height: 30px;
	}
}

.header .top p {
	line-height: 30px;
	display: inline-block;
	margin: 0;
}

@media (max-width: 1199px) {
	.header .top p {
		font-size: 12px;
		line-height: 30px;
	}
}

.header .top p:nth-child(1):before {
	width: 16px;
	height: 16px;
	margin-right: 5px;
	content: ' ';
	display: inline-block;
	vertical-align: middle;
	background: url(../images/zh-cn.png) no-repeat;
}

.header .top p:nth-child(2):before {
	width: 16px;
	height: 16px;
	margin-right: 5px;
	content: ' ';
	display: inline-block;
	vertical-align: middle;
	background: url(../images/en-us.png) no-repeat;
}

.header .top p a:hover {
	/* text-decoration: underline; */
	color: #5486BC;
}


.header .logo {
	position: relative;
	float: left;
	height: 80px;
	margin-top: 5px;
	max-width: 430px;
	-webkit-transition: all .4s;
	transition: all .4s;
}

@media (max-width: 1199px) {
	.header .logo {
		height: 60px;
		margin-top: 10px;
	}
}

.header .logo a {
	display: block;
	height: 100%;
}

.header .logo img {
	display: inline-block;
	height: 100%;
}

.header .nav-collapse {
	position: absolute;
	z-index: 10;
	top: 6px;
	right: 20px;
	display: none;
	float: right;
	width: 20px;
	height: 40px;
	padding: 0;
	cursor: pointer;
	background: none;
}

@media (max-width: 1199px) {
	.header .nav-collapse {
		display: block;
		margin-top: 2px;
	}

	.header .nav-collapse.nav-collapse-1 {
		position: absolute;
		z-index: 9999;
		top: 10px;
		right: 20px;
		display: block;
		margin-top: 8px;
		border: none;
	}

	.header .nav-collapse.nav-collapse-1 .btn-line {
		background-color: #000 !important;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.header .nav-collapse.nav-collapse-xs:hover .btn-line {
		background-color: #000;
	}
}

.header .nav-collapse .btn-line {
	position: absolute;
	left: 50%;
	width: 20px;
	height: 2px;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: #999;
}

.header .nav-collapse .btn-line:nth-child(3),
.header .nav-collapse .btn-line:nth-child(1) {
	position: absolute;
	display: block;
	width: 20px;
	height: 2px;
	content: '';
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	background-color: #999;
}

.header .nav-collapse .btn-line:nth-child(1) {
	top: 35%;
}

.header .nav-collapse .btn-line:nth-child(2) {
	top: 50%;
}

.header .nav-collapse .btn-line:nth-child(3) {
	top: 65%;
}

.header .nav-collapse.active {
	border-color: transparent;
}

.header .nav-collapse.active .btn-line {
	background-color: #fff;
}

.header .nav-collapse.active .btn-line:nth-child(2) {
	-webkit-transform: translateX(-50px);
	-ms-transform: translateX(-50px);
	transform: translateX(-50px);
	opacity: 0;
}

.header .nav-collapse.active .btn-line:nth-child(1) {
	top: 50%;
	left: 50%;
	-webkit-transform: translateX(-50%) rotateZ(45deg);
	-ms-transform: translateX(-50%) rotate(45deg);
	transform: translateX(-50%) rotateZ(45deg);
}

.header .nav-collapse.active .btn-line:nth-child(3) {
	top: 50%;
	left: 50%;
	-webkit-transform: translateX(-50%) rotateZ(-45deg);
	-ms-transform: translateX(-50%) rotate(-45deg);
	transform: translateX(-50%) rotateZ(-45deg);
}

.header .top-nav .container {
	position: relative;
}

@media (min-width: 1200px) {
	.header .nav {
		display: inline-block;
		float: right;
	}
}

@media (max-width: 1199px) {
	.header .nav {
		position: fixed;
		z-index: 9998;
		top: 0;
		left: 0;
		display: none;
		width: 100%;
		height: 100%;
		padding: 0 26px;
		-webkit-transition: left .3s;
		transition: left .3s;
		text-align: left;
		text-align: center;
		background: #fafafa;
		/* background-color: #000; */
	}

	.header .nav .tbl {
		display: table;
		width: 100%;
		height: 100%;
	}

	.header .nav .tbl-cell {
		display: table-cell;
		height: 100%;
		vertical-align: top;
	}
}

@media (max-width: 767px) {
	.header .nav {
		width: 100%;
		padding: 30px;
	}
}

.header .nav.left-100 {
	left: -100%;
}

.header .nav.left-200 {
	left: -200%;
}

@media (min-width: 1200px) {
	.header .nav .nav-list1>li {
		float: left;
	}

	.header .nav .nav-list1>li>a {
		font-size: 16px;
		line-height: 90px;
		position: relative;
		display: block;
		overflow: hidden;
		padding: 0 20px;
		-webkit-transition: all .4s;
		transition: all .4s;
	}

	.header .nav .nav-list1>li:hover>a,
	.header .nav .nav-list1>li.active>a {
		color: rgb(42, 129, 184);
		 
	}

	.header .nav .nav-list1 .nav-list2 {
		position: absolute;
		z-index: 50;
		top: 100%;
		left: 0%;
		display: none;
		min-width: 150px;
		/* margin-left: -10px; */
		padding: 0;
		text-align: center;
		background-color: rgb(42, 129, 184);
		box-shadow: 0 5px 10px rgba(0, 0, 0, .3);
	}

	.header .nav .nav-list1 .nav-list2 li {
		position: relative;
		list-style: none;
		 
	}

	.header .nav .nav-list1 .nav-list2 li:last-child {
		border-bottom: none;
	}

	.header .nav .nav-list1 .nav-list2 li>a {
		line-height: 50px;
		position: relative;
		z-index: 1;
		display: block;
		padding: 0 24px;
      	color:#fff;
		-webkit-transition: -webkit-transform .6s ease;
		transition: -webkit-transform .6s ease;
		transition: transform .6s ease;
		transition: transform .6s ease, -webkit-transform .6s ease;
	}

	.header .nav .nav-list1 .nav-list2 li>a:hover {
		//color: rgba(8, 106, 216, 1);
      	background:rgba(8, 106, 216, 1);
	}

	.header .nav .nav-list1 .nav-list2 li img {
		max-width: 400px;
	}

	.header .nav .nav-list1 .nav-list3 {
		position: absolute;
		top: 0;
		left: 100%;
		display: none;
		min-width: 200px;
		padding: 20px 0;
		text-align: left;
		background-color: rgba(255, 255, 255, .86);
		box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
	}

	.header .nav .nav-list1 .nav-list3 li {
		border-bottom: 1px dashed rgba(255, 255, 255, .2);
	}

	.header .nav .nav-list1 .nav-list3 li>a {
		line-height: 30px;
		padding: 0 20px;
	}
}

@media (min-width: 1200px) and (max-width: 1360px) {
	.header .nav .nav-list1>li>a {
		padding: 0 24px;
	}
}

@media (min-width: 1200px) and (max-width: 1400px) {
	.header .nav .nav-list1 .nav-list2 {
		margin-left: -15px;
	}
}

@media (max-width: 1199px) {
	.header .nav .nav-list1 {
		margin: 20px 0;
		opacity: 0;
	}

	.header .nav .nav-list1>li {
		-webkit-transform: translateX(-25px);
		-ms-transform: translateX(-25px);
		transform: translateX(-25px);
		opacity: 0;
	}

	.header .nav .nav-list1>a {
		font-size: 20px;
		color: #fff;
	}
}

@media (max-width: 1199px) {

	.header .nav .nav-list2,
	.header .nav .nav-list3 {
		display: none;
	}

	.header .nav .nav-list2 a,
	.header .nav .nav-list3 a {
		font-size: 16px;
		line-height: 2;
		margin-top: 5px;
		color: #fff;
	}
}

.header .nav .nav-list2 a,
.header .nav .nav-list3 a {
	display: block;
}

@media (max-height: 580px) {

	.header .nav .nav-list2 a,
	.header .nav .nav-list3 a {
		margin-top: 0;
	}
}

.header .nav-2,
.header .nav-3 {
	display: none;
}

@media (max-width: 1199px) {

	.header .nav-2,
	.header .nav-3 {
		position: absolute;
		z-index: 9999;
		top: 0;
		display: block;
		overflow: hidden;
		width: 100%;
		height: 100%;
		padding: 20px;
		-webkit-transition: left .3s;
		transition: left .3s;
		text-align: left;
		text-align: center;
		/* color: #fff; */
		color: #000;
		background: #fafafa;
		/* background-color: #000; */
	}
}

.header .nav-2 .nav-top .back-btn:before,
.header .nav-3 .nav-top .back-btn:before {
	font-family: 'iconfont';
	font-size: 26px;
	content: '\e9b5';
}

.header .nav-2 .nav-top .nav-title,
.header .nav-3 .nav-top .nav-title {
	font-size: 24px;
	margin: 0;
	text-transform: uppercase;
}

@media (max-width: 767px) {

	.header .nav-2 .nav-top .nav-title,
	.header .nav-3 .nav-top .nav-title {
		font-size: 20px;
		width: 100%;
	}
}

.header .nav-2 .nav-top .nav-collapse-2 .btn-line,
.header .nav-3 .nav-top .nav-collapse-2 .btn-line {
	background-color: #000;
}

.header .nav-2 .content,
.header .nav-3 .content {
	overflow: auto;
	height: 80%;
	margin-top: 12%;
}

@media (max-width: 767px) {

	.header .nav-2 .content ul,
	.header .nav-3 .content ul {
		padding: 0 15px;
	}
}

.header .nav-2 .content ul li,
.header .nav-3 .content ul li {
	font-size: 18px;
	line-height: 50px;
	margin: 25px 0;
	text-align: left;
}

@media (max-width: 767px) {

	.header .nav-2 .content ul li,
	.header .nav-3 .content ul li {
		margin: 0;
	}
}

.header .nav-2 .content ul li.more,
.header .nav-3 .content ul li.more {
	position: relative;
}

.header .nav-2 .content ul li.more:after,
.header .nav-3 .content ul li.more:after {
	font-family: 'iconfont' !important;
	font-size: 16px;
	position: absolute;
	top: 50%;
	right: 0;
	content: '\e72f';
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #fff;
}

.header .nav-2 .content ul li a,
.header .nav-3 .content ul li a {
	display: block;
}

.header .nav-2 {
	left: 100%;
}

.header .nav-3 {
	left: 200%;
}

.header .nav-3 .content ul li {
	font-size: 18px;
}

.header .fade-out ul {
	text-align: left;
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
	.header .fade-out ul {
		padding: 0 5%;
	}
}

@media (max-width: 1199px) {
	.header .fade-out ul .pic {
		display: none !important;
	}
}

@media (max-width: 1199px) {
	.header .fade-out ul.nav-list1 {
		opacity: 1;
	}

	.header .fade-out ul.nav-list1 a {
		/* color: #fff; */
		color: #000;
	}

	.header .fade-out ul.nav-list1>li {
		position: relative;
		margin: 20px 0;
	}

	.header .fade-out ul.nav-list1>li.act {
		-webkit-transition: all .4s;
		transition: all .4s;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
		opacity: 1;
	}

	.header .fade-out ul.nav-list1>li.more:after {
		font-family: 'iconfont';
		font-size: 18px;
		position: absolute;
		top: 50%;
		right: 0;
		margin-top: -14px;
		content: '\e72f';
		color: #000;
		/* color: #fff; */
	}

	.header .fade-out ul.nav-list1>li>a {
		font-size: 20px;
		line-height: 2.5;
		display: block;
		text-transform: uppercase;
	}

	.header .fade-out ul.nav-list1 .nav-list2>li>a {
		font-size: 20px;
	}
}

@media (max-width: 1199px) and (max-width: 767px) {
	.header .fade-out ul.nav-list1>li {
		margin: 0;
	}
}

@media (max-width: 1199px) and (max-height: 768px) {
	.header .fade-out ul.nav-list1 .nav-list2>li>a {
		font-size: 18px;
	}
}

@media (max-width: 1199px) and (max-width: 480px) {
	.header .fade-out ul.nav-list1 .nav-list2>li>a {
		font-size: 14px;
	}
}

.header .fade-out ul.nav2-list2 h4 {
	font-size: 20px;
	line-height: 50px;
}

.header .xs-language {
	position: absolute;
	z-index: 9;
	bottom: 30px;
	left: 35px;
}

@media (min-width: 1200px) {
	.header .xs-language {
		display: none;
	}
}

.header .xs-language a {
	font-size: 16px;
	color: #fff;
}

.header .xs-language span {
	margin: 0 5px;
	color: #fff;
}

.header .search-box {
	position: fixed;
	z-index: 888;
	top: 100%;
	left: 0;
	display: none;
	overflow: hidden;
	width: 100%;
	height: 100%;
	margin-top: 20px;
	margin-top: 0;
	margin-right: 10px;
	padding: 0 3%;
	background-color: rgba(0, 91, 172, .96);
}

.header .search-box .search {
	line-height: 40px;
	overflow: hidden;
	zoom: 1;
	width: 240px;
	border: 1px solid #dbdbdb;
	border-radius: 40px;
}

.header .search-box .search:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: '';
}

.header .search-box .input-text {
	float: left;
	height: 38px;
	padding-left: 10%;
	background: none;
}

@media (min-width: 768px) {
	.header .search-box .input-text {
		width: 100%;
		padding: 0 50px 0 3%;
	}
}

.header .search-box .input-submit {
	line-height: 36px;
	float: right;
	width: 50px;
	-webkit-animation: fadeInLeft 1s 0s ease both;
	animation: fadeInLeft 1s 0s ease both;
	background: none;
}

.header .search-box .input-submit:before {
	font-family: 'iconfont' !important;
	font-size: 22px;
	content: '\e62b';
	color: #fff;
}

@media (min-width: 768px) {
	.header .search-box .input-submit {
		position: absolute;
		right: 0;
		bottom: 20px;
	}
}

.header .search-box.search-xs {
	width: 100%;
	margin: 0;
	border-right: 30px solid transparent;
	border-left: 30px solid transparent;
	background: none;
}

@media (min-width: 1200px) {
	.header .search-box.search-xs {
		display: none;
	}
}

@media (max-width: 1199px) {
	.header .search-box.search-xs {
		position: absolute;
		z-index: 0;
		top: auto;
		right: 0;
		bottom: 0;
		bottom: 30px;
		display: inline-block;
		height: 34px;
	}
}

.header .search-box.search-xs.show {
	z-index: 66;
}

.header .search-box.search-xs.show .search {
	left: 0;
}

.header .search-box.search-xs .search {
	position: absolute;
	z-index: 888;
	top: 0;
	left: 120%;
	width: 100%;
	-webkit-transition: left .3s;
	transition: left .3s;
	border-color: #fff;
	background: #fff;
}

@media (max-width: 360px) {
	.header .search-box.search-xs form .input-text {
		width: 74%;
	}
}

@media (max-width: 767px) {
	.header .search-box.search-xs form .input-text {
		padding-left: 5%;
	}
}

.header .search-box.search-xs .input-submit {
	line-height: 34px;
	background: #fff;
}

.header .search-box.search-xs .input-submit:before {
	color: #104384;
}

.header .search-icon {
	position: absolute;
	z-index: 10;
	top: 18px;
	left: 15px;
	display: inline-block;
	cursor: pointer;
}

.header .search-icon:before {
	font-family: 'iconfont' !important;
	font-size: 18px;
	content: '\e660';
	color: rgba(8, 106, 216, 1);
}

.header .search-lg {
	top: 0;
}

.header .search-lg .logo {
	margin-top: 20px;
	margin-left: 0;
}

.header .search-lg .search {
	position: absolute;
	top: 50%;
	right: 0;
	left: 0;
	width: 100%;
	max-width: 90%;
	margin: auto;
	padding: 0 10px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	border: none;
	border-bottom: 1px solid rgba(255, 255, 255, .8);
	border-radius: 0;
}

.header .search-lg .search p {
	margin-bottom: 50px;
	-webkit-animation: zoomIn 1s 0s ease both;
	animation: zoomIn 1s 0s ease both;
	text-align: center;
	letter-spacing: 2px;
	color: #fff;
}

.header .search-lg .input-text {
	font-size: 20px;
	line-height: 30px;
	width: 80%;
	height: 60px;
	padding: 0;
	padding-bottom: 30px;
	-webkit-animation: zoomIn 1s 0s ease both;
	animation: zoomIn 1s 0s ease both;
	text-align: center;
	color: #fff;
}

.header .search-lg .close-btn {
	position: fixed;
	top: 34px;
	right: 18%;
	cursor: pointer;
}

@media (max-width: 1440px) {
	.header .search-lg .close-btn {
		right: 8%;
	}
}

.header .search-lg .close-btn:before {
	font-family: 'iconfont' !important;
	font-size: 20px;
	content: '\e61b';
	color: #fff;
}

.header .find {
	line-height: 90px;
	display: inline-block;
	float: right;
	margin-left: 40px;
	cursor: pointer;
	-webkit-transition: all .4s;
	transition: all .4s;
	text-align: center;
}

@media (max-width: 1199px) {
	.header .find {
		line-height: 60px;
		position: absolute;
		right: 60px;
		margin-left: 0;
		color: #666;
	}
}

.header .find:before {
	font-family: 'iconfont';
	font-size: 20px;
	float: left;
	content: '\e62b';
}

.header .find:hover {
	color: rgba(8, 106, 216, 1);
}

@media (max-width: 1199px) {
	.header .right {
		display: inline-block;
		float: right;
		margin-right: 0;
	}
}

.header .back-btn {
	position: absolute;
	left: 15px;
}