* {

	margin: 0;

	padding: 0;

	font-family: 'Microsoft YaHei';

}



body {

	position: relative;

	overflow-x: hidden;

}



@-ms-viewport {

	width: auto !important;

}



html,

body,

ul,

li,

ol,

p,

h1,

h2,

h3,

h4,

h5,

h6,

form,

img,

div {

	margin: 0;

	padding: 0;

}



i {

	font-style: normal;

}



a {

	cursor: pointer;

	text-decoration: none;

}



a:visited {

	text-decoration: none !important;

}



a:hover {

	text-decoration: none !important;

}



a:focus {

	color: #333333;

	text-decoration: none !important;

	border: none;

}



ul,

li {

	display: block;

	list-style: none;

}



button {

	border: none;

}



a:focus,

button:focus,

input:focus,

textarea:focus {

	border: none;

	outline: none;

}



.fr {

	float: right;

}



.fl {

	float: left;

}



.clear {

	clear: both;

}



.container {

	margin: 0 auto;

}



@media (min-width: 1470px) {

	.container {

		width: 1320px;

	}

}



.nav_container:after {

	content: '';

	display: table;

	clear: both;

}





/*nav*/



.header {

	z-index: 10;

	position: fixed;

	left: 0;

	right: 0;

	top: 0;

	margin: auto;

	background-color: #FFFFFF;

	-webkit-transition: all .4s;

	transition: all .4s;

}



.header:after {

	position: absolute;

	bottom: 0;

	content: '';

	width: 100%;

	height: 5px;

	background-color: #1f6ed4;

}



.header .logo {

	position: relative;

	float: left;

	height: 115px;

	padding-left: 185px;

	margin-top: 8px;

	-webkit-transition: all .4s;

	transition: all .4s;

	z-index: 5;

}



.header .logo a {

	display: block;

	height: 100%;

}



.header .logo img {

	float: left;

	display: inline-block;

	height: 100%;

}



@media (max-width: 1199px) {

	.header .logo {

		height: 80px;

		margin-top: 5px;

		margin-bottom: 10px;

	}

}



@media (max-width: 991px) {

	.header .logo {

		height: 60px;

	}

}



.header .top_main {

	position: relative;

	float: right;

}



.header .top_box {

	padding: 0 185px 0 0px;

	background: url(../images/common/top_bg.jpg) no-repeat;

	background-size: cover;

	-webkit-transition: all .5s;

	transition: all .5s;

	margin-left: 30px;

}



.header .top_box:after {

	content: '';

	display: table;

	clear: both;

}



.header .top_box .top p {

	float: right;

}



.header .top_box .top p span {

	font-size: 14px;

	font-weight: bold;

	color: #f6faf9;

}



.header .top_box .top p a {

	font-size: 14px;

	line-height: 40px;

	color: #f6faf9;

	margin-right: 10px;

}



.header .top_box .top p a:hover{

	text-decoration: underline !important;

}



.header .top_box .top p:before {

	display: inline-block;

	vertical-align: middle;

	font-family: 'iconfont' !important;

	font-size: 14px;

	line-height: 26px;

	content: '\e666';

	color: #1f6ed4;

	text-align: center;

	margin-right: 10px;

	width: 26px;

	height: 26px;

	border-radius: 50%;

	background-color: #ecf1f6;

}



.header .top_box .top p:first-child:before {

	content: '\e68b';

	font-size: 22px;

	margin-left: 25px;

	line-height: 28px;

}



@media (max-width: 1570px) {

	.header .top_box {

		padding: 0 50px 0 38px;

	}

}



@media (max-width: 1300px) {

	.header .top_box {

		padding: 0 30px 0 38px;

	}

}



@media (max-width: 1199px) {

	.header .top_main {

		width: 100%;

		position: absolute;

		float: none;

	}

	.header .top_box {

		padding: 0 15px 0 38px;

	}

	.header .top_box .top {

		display: none;

	}

}



.header .pc-search {

	float: right;

	margin-top: 30px;

	margin-left: 70px;

	margin-right: 185px;

	-webkit-transition: all .4s;

	transition: all .4s;

}



.header .pc-search .ipt {

	display: inline-block;

	vertical-align: middle;

	width: 140px;

	position: relative;

	border-radius: 20px;

	overflow: hidden;

	border: solid 1px #d2d2d2;

}



.header .pc-search .ipt input {

	font-family: Arial;

	width: 100%;

	height: 34px;

	font-size: 12px;

	padding: 0px 35px 0px 15px;

	border: none;

	color: #666666;

	background-color: none;

}



.header .pc-search input::-webkit-input-placeholder,

.header .pc-search textarea::-webkit-input-placeholder {

	color: #666666;

}



.header .pc-search input:-o-placeholder,

.header .pc-search textarea:-o-placeholder {

	color: #666666;

}



.header .pc-search input::-moz-placeholder,

.header .pc-search textarea::-moz-placeholder {

	color: #666666;

}



.header .pc-search input:-ms-input-placeholder,

.header .pc-search textarea:-ms-input-placeholder {

	color: #666666;

}



.header .pc-search input:focus::-webkit-input-placeholder,

.header .pc-search textarea:focus::-webkit-input-placeholder {

	color: #999999;

}



.header .pc-search input:focus::-o-placeholder,

.header .pc-search textarea:focus::-o-placeholder {

	color: #999999;

}



.header .pc-search input:focus::-moz-placeholder,

.header .pc-search textarea:focus::-moz-placeholder {

	color: #999999;

}



.header .pc-search input:focus::-ms-input-placeholder,

.header .pc-search textarea:focus::-ms-input-placeholder {

	color: #999999;

}



.header .pc-search .submit {

	position: absolute;

	top: 0;

	right: 10px;

	padding: 0;

	background: none;

	line-height: 34px;

}



.header .pc-search .submit:before {

	font-family: 'iconfont' !important;

	font-size: 16px;

	content: '\e655';

	color: #666666;

}



.header .pc-search .search-msg {

	display: inline-block;

	vertical-align: middle;

}



@media (max-width: 1199px) {

	.header .pc-search {

		margin-left: 0px;

	}

	.header .pc-search .ipt {

		width: 120px;

		margin-right: 35px;

	}

	.header .pc-search .search-msg {

		display: none;

	}

	.header .pc-search .submit {

		line-height: 34px;

	}

}



@media (max-width: 991px) {

	.header .pc-search {

		margin-top: 20px;

	}

}



.header .top-nav {

	float: right;

	-webkit-transition: all .4s;

	transition: all .4s;

}



.header .nav-collapse {

	position: absolute;

	z-index: 10;

	top: 6px;

	right: 15px;

	display: none;

	float: right;

	width: 20px;

	height: 40px;

	padding: 0;

	cursor: pointer;

	background: none;

}



@media (max-width: 1570px) {

	.header .top-nav {

		padding-right: 50px;

	}

}



@media (max-width: 1300px) {

	.header .top-nav {

		padding-right: 30px;

	}

}



@media (max-width: 1199px) {

	.header .nav-collapse {

		display: block;

		margin-top: 22px;

	}

}



@media (max-width: 1199px) {

	.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: #999 !important;

	}

}



@media (max-width: 991px) {

	.header .nav-collapse {

		display: block;

		margin-top: 12px;

	}

}



@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);

}



@media (min-width: 1200px) {

	.header .nav {

		display: inline-block;

		vertical-align: middle;

	}

}



@media (max-width: 1199px) {

	.header .nav {

		position: fixed;

		z-index: 9998;

		top: 0;

		left: 0;

		display: none;

		width: 100%;

		height: 100%;

		padding-right: 50px;

		-webkit-transition: left .3s;

		transition: left .3s;

		text-align: left;

		text-align: center;

		background: #fafafa;

		background-color: #1f6ed4;

	}

	.header .nav .tbl {

		display: table;

		width: 100%;

		height: 100%;

	}

	.header .nav .tbl-cell {

		display: table-cell;

		height: 100%;

		vertical-align: middle;

	}

}



@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;

		position: relative;

		padding: 0 0 0 30px;

	}

	.header .nav .nav-list1>li>a {

		font-size: 16px;

		color: #333333;

		line-height: 100px;

		position: relative;

		display: block;

		overflow: hidden;

		/*padding: 0 0 0 28px;*/

		-webkit-transition: all .3s;

		transition: all .3s;

		text-transform: uppercase;

	}

	.header .nav .nav-list1>li:first-child:before {

		content: '';

		display: inline-block;

		width: 30px;

		height: 100%;

		background: url(../images/common/line.jpg) no-repeat;

		background-size: 100% 100%;

		position: absolute;

		left: 30px;

		bottom: 0;

	}

	.header .nav .nav-list1>li>a:before {

		display: inline-block;

		content: '/';

		padding-right: 30px;

		color: #e5e5e5;

	}

	.header .nav .nav-list1>li:first-child>a {

		padding-left: 60px;

	}

	.header .nav .nav-list1>li:first-child>a:before {

		display: none;

	}

	.header .nav .nav-list1>li.active a {

		font-weight: bold;

	}

	.header .nav .nav-list1>li:hover:after,

	.header .nav .nav-list1>li.active:after {

		content: '';

		display: block;

		width: 100%;

		height: 5px;

		background-color: #00a674;

		position: absolute;

		bottom: 0;

		z-index: 1;

	}

	.header .nav .nav-list1 .nav-list2 {

		position: absolute;

		z-index: 50;

		top: 100%;

		display: none;

		min-width: 130px;

		padding: 20px 0;

		text-align: center;

		text-align: left;

		background-color: #1f6ed4;

	}

	.header .nav .nav-list1 .nav-list2 li {

		position: relative;

		list-style: none;

	}

	.header .nav .nav-list1 .nav-list2 li>a {

		font-family: Arial;

		font-size: 14px;

		font-weight: normal;

		line-height: 30px;

		position: relative;

		z-index: 1;

		display: block;

		padding: 0 20px;

		-webkit-transition: -webkit-transform .6s ease;

		transition: -webkit-transform .6s ease;

		transition: transform .6s ease;

		transition: transform .6s ease -webkit-transform .6s ease;

		color: #fff;

	}

	.header .nav .nav-list1 .nav-list2 li>a:hover {

		-webkit-transform: translateX(6px);

		-ms-transform: translateX(6px);

		transform: translateX(6px);

		text-decoration: underline;

	}

	.header .nav .nav-list1 .nav-list2 li img {

		max-width: 400px;

	}

	.header .nav .nav-list1 .nav-list3 {

		position: absolute;

		top: -20px;

		left: 100%;

		display: none;

		min-width: 280px;

		padding: 20px 0;

		text-align: left;

		background-color: #1f6ed4;

	}

	.header .nav .nav-list1 .nav-list3 li>a {

		line-height: 30px;

		padding: 0 20px;

	}

}



@media (max-width: 1875px) {

	.header .logo {

		padding-left: 100px;

	}

	.header .top_box {

		padding: 0 100px 0 0px;

		margin-left: 25px;

	}

	.header .pc-search {

		margin-right: 100px;

	}

	.header .nav .nav-list1>li {

		padding: 0 0 0 25px;

	}

	.header .nav .nav-list1>li>a:before {

		padding-right: 25px;

	}

	.header .nav .nav-list1>li:first-child:before {

		left: 25px;

	}

}



@media (max-width: 1620px) {

	.header .pc-search {

		margin-right: 100px;

		margin-left: 0px;

	}

	.header .top_box {

		margin-left: 20px;

	}

	.header .nav .nav-list1>li {

		padding: 0 0 0 20px;

	}

	.header .nav .nav-list1>li>a:before {

		padding-right: 20px;

	}

	.header .nav .nav-list1>li>a:before {

		padding-right: 20px;

	}

	.header .nav .nav-list1>li:first-child:before {

		left: 20px;

	}

	.header .nav .nav-list1>li:first-child>a {

		padding-left: 40px;

	}

}



@media (max-width: 1495px) {

	.header .logo {

		padding-left: 80px;

	}

	.header .top_box {

		padding: 0 80px 0 0px;

		margin-left: 18px;

	}

	.header .pc-search {

		margin-right: 80px;

		margin-left: 0px;

	}

	.header .nav .nav-list1>li {

		padding: 0 0 0 18px;

	}

	.header .nav .nav-list1>li>a:before {

		padding-right: 18px;

	}

	.header .nav .nav-list1>li:first-child:before {

		left: 18px;

	}

}



@media (max-width: 1420px) {

	.header .logo {

		padding-left: 50px;

	}

	.header .top_box {

		padding: 0 50px 0 0px;

		margin-left: 16px;



	}

	.header .pc-search {

		margin-right: 50px;

		margin-left: 0px;

	}

	.header .nav .nav-list1>li {

		padding: 0 0 0 13px;

	}

	.header .nav .nav-list1>li>a:before {

		padding-right: 16px;

	}

	.header .nav .nav-list1>li:first-child:before {

		left: 16px;

	}

}



@media (max-width: 1330px) {

	.header .logo {

		padding-left: 26px;

	}

	.header .top_box {

		padding: 0 26px 0 0px;

		margin-left: 14px;

	}

	.header .pc-search {

		margin-right: 26px;

		margin-left: 0px;

	}

	.header .nav .nav-list1>li {

		padding: 0 0 0 10px;

	}

	.header .nav .nav-list1>li>a:before {

		padding-right: 14px;

	}

	.header .nav .nav-list1>li:first-child:before {

		left: 14px;

	}

}



@media (max-width: 1225px) {

	.header .logo {

		padding-left: 26px;

	}

	.header .top_box {

		padding: 0 26px 0 0px;

		margin-left: 12px;

	}

	.header .pc-search {

		margin-right: 26px;

		margin-left: 0px;

	}

	.header .nav .nav-list1>li {

		padding: 0 0 0 10px;

	}

	.header .nav .nav-list1>li>a:before {

		padding-right: 12px;

	}

	.header .nav .nav-list1>li:first-child:before {

		left: 12px;

	}

}



@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;

	}

	.header .nav .nav-list1>li:first-child>a {

		padding-left: 0px;

	}

}



@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;

		background: #fafafa;

		background-color: #1f6ed4;

	}

}



.header .nav-2 .nav-top .back-btn:before,

.header .nav-3 .nav-top .back-btn:before {

	font-family: 'iconfont';

	font-size: 20px;

	content: '\e727';

}



.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-title a,

	.header .nav-3 .nav-top .nav-title a {

		color: #fff;

	}

}



.header .nav-2 .nav-top .nav-collapse-2 .btn-line,

.header .nav-3 .nav-top .nav-collapse-2 .btn-line {

	background-color: #fff;

}



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

	color: #fff;

}



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

	}

	.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: '\e728';

		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 .back-btn {

	position: absolute;

	left: 15px;

}



.header.fixed-header {}



@media (min-width: 1200px) {

	.header.fixed-header .logo {

		height: 70px;

	}

	.header.fixed-header .top_main {

		position: relative;

		float: none;

	}

	.header.fixed-header .pc-search {

		margin-left: 50px;

	}

	.header.fixed-header .nav .nav-list1>li>a {

		line-height: 89px;

	}

	.header.fixed-header .top_box {

		display: none;

	}

	.header.fixed-header .top-nav {

		/*padding-left: 90px;*/

	}

}



@media (max-width: 1600px) {

	.header.fixed-header .pc-search {

		margin-left: 0px;

	}

}





/*footer*/



.footer {

	font-size: 0;

}



.footer .foot {

	width: 100%;

	height: 100%;

	position: relative;

	background: url(../images/banner/footer_banner.jpg) center no-repeat;

	background-size: cover;

	z-index: 2;

	padding: 100px 0 0 0;

}



.footer .foot .container>ul {

	padding: 0;

	text-align: justify;

	text-justify: distribute-all-lines;

	padding-bottom: 40px;

}



@media (max-width: 1199px) {

	.footer .foot {

		padding: 0 0 0px 0;

	}

	.footer .foot .container>ul {

		padding: 0;

		text-align: justify;

		text-justify: distribute-all-lines;

		padding-bottom: 15px;

	}

}



.footer .foot .container>ul:after {

	display: inline-block;

	overflow: hidden;

	width: 100%;

	height: 0;

	margin: 0;

	content: '';

}



@media (max-width: 1199px) {

	.footer .foot .container>ul:after {

		display: none;

	}

}



@media (max-width: 1199px) {

	.footer .foot .container>ul {

		display: block;

		overflow: hidden;

		margin: 0 -15px;

	}

}



.footer .foot .container>ul>li {

	display: inline-block;

	vertical-align: top;

}



@media (min-width: 1200px) {

	.footer .foot .container>ul>li {

		display: inline-block;

		vertical-align: top;

		word-break: break-all;

	}

}



@media (max-width: 1199px) {

	.footer .foot .container>ul>li {

		display: inline-block;

		width: 25%;

		margin-right: -4px;

		padding: 0 15px;

		vertical-align: top;

	}

}



@media (max-width: 991px) {

	.footer .foot .container>ul>li {

		width: 100%;

	}

}



.footer .foot .container>ul>li h3 {

	font-size: 16px;

	font-weight: bold;

	color: #333333;

	padding-top: 10px;

}



@media (max-width: 991px) {

	.footer .foot .container>ul>li h3:after {

		font-family: 'iconfont' !important;

		font-size: 14px;

		content: '\e628';

		float: right;

		line-height: 24px;

	}

	.footer .foot .container>ul>li.current .title-foot h3:after {

		content: '\e623';

	}

}



.footer .foot .container>ul>li .item {

	text-align: left;

}



@media (max-width: 1199px) {

	.footer .foot .container>ul>li .item {

		margin-top: 10px;

	}

}



.footer .foot .container>ul>li .item-1 a {

	font-size: 14px;

	line-height: 25px;

	display: block;

	-webkit-transition: all .4s;

	transition: all .4s;

	color: #666666;

}



.footer .foot .container>ul>li .item-1 a:hover {

	color: #1060c8;

	-webkit-transform: translateX(8px);

	-ms-transform: translateX(8px);

	transform: translateX(8px);

}



.footer .foot .container>ul>li .info-down {

	margin-top: 20px;

	/*padding-left: 15px;*/

}



@media (max-width: 991px) {

	.footer .foot .container>ul>li .info-down {

		display: none;

		padding-bottom: 10px;

	}

}



.footer .foot .container>ul>li .item-2 p.address,

.footer .foot .container>ul>li .item-2 p.tel,

.footer .foot .container>ul>li .item-2 p.fax,

.footer .foot .container>ul>li .item-2 p.email,

.footer .foot .container>ul>li .item-2 p.website {

	position: relative;

	margin: 10px 0;

	padding-left: 30px;

}



.footer .foot .container>ul>li .item-2 p.address:before,

.footer .foot .container>ul>li .item-2 p.tel:before,

.footer .foot .container>ul>li .item-2 p.fax:before,

.footer .foot .container>ul>li .item-2 p.email:before,

.footer .foot .container>ul>li .item-2 p.website:before {

	font-family: 'iconfont' !important;

	font-size: 16px;

	position: absolute;

	top: 0;

	left: 0;

	content: '\e661';

	color: #1060c8;

}



.footer .foot .container>ul>li .item-2 p.address a,

.footer .foot .container>ul>li .item-2 p.tel a,

.footer .foot .container>ul>li .item-2 p.fax a,

.footer .foot .container>ul>li .item-2 p.email a,

.footer .foot .container>ul>li .item-2 p.website a {

	color: #666666;

}



.footer .foot .container>ul>li .item-2 .tel {

	padding-bottom: 20px;
	/*padding-bottom: 45px;*/

}



.footer .foot .container>ul>li .item-2 .tel .tel_number {

	position: absolute;

	top: 0;

	left: 100px;

}



.footer .foot .container>ul>li .item-2 .tel .tel_number a {

	display: block;

}



.footer .foot .container>ul>li .item-2 p.address a:hover,

.footer .foot .container>ul>li .item-2 p.tel a:hover,

.footer .foot .container>ul>li .item-2 p.fax a:hover,

.footer .foot .container>ul>li .item-2 p.email a:hover,

.footer .foot .container>ul>li .item-2 p.website a:hover {

	text-decoration: underline;

	color: #1060c8;

}



.footer .foot .container>ul>li .item-2 p.tel:before {

	content: '\e666';

}



.footer .foot .container>ul>li .item-2 p.fax:before {

	font-size: 18px;

	content: '\e6d3';

	left: 1px;

}



.footer .foot .container>ul>li .item-2 p.email:before {

	font-size: 26px;

	content: '\e68b';

	left: -3px;

}



.footer .foot .container>ul>li .item-2 p.website:before {

	content: '\e606';

	left: 3px;

}



.footer .foot .container>ul>li .info-down img {

	max-width: 100%;

}



.footer .foot .container>ul>li .msg p {

	font-size: 14px;

	line-height: 25px;

	display: block;

	-webkit-transition: all .4s;

	transition: all .4s;

	color: #666666;

	position: relative;

}



.footer .foot .container>ul>li .msg p a {

	display: inline-block;

}



.footer .foot .container>ul>li:last-child .info-down .ipt_form {

	margin-bottom: 40px;

}



.footer .foot .container>ul>li:last-child .info-down .ipt_form input {

	display: inline-block;

	vertical-align: top;

	width: 288px;

	min-height: 48px;

	border: solid 1px #1060c8;

	background: transparent;

	font-size: 14px;

	line-height: 46px;

	color: #666666;

	padding: 0 12px;

}



.footer .foot .container>ul>li:last-child .info-down .ipt_form button {

	display: inline-block;

	vertical-align: top;

	width: 120px;

	line-height: 46px;

	background-color: #1060c8;

	border: solid 1px #1060c8;

	font-size: 14px;

	color: #f0f2f7;

	-webkit-transition: all .4s;

	transition: all .4s;

}



.footer .foot .container>ul>li:last-child .info-down .ipt_form button:hover {

	background-color: #FFFFFF;

	color: #1060c8;

}



.footer .foot .container>ul>li:last-child .info-down h3:after {

	display: none;

}



.footer .foot .container>ul>li:last-child .attention {

	padding-top: 20px;

}



.footer .foot .container>ul>li:last-child .attention ul li {

	display: inline-block;

}



.footer .foot .container>ul>li:last-child .attention ul li a {

	display: inline-block;

	width: 33px;

	height: 33px;

	line-height: 33px;

	background-color: #1060c8;

	margin-right: 10px;

	position: relative;

}



.footer .foot .container>ul>li:last-child .attention ul li a:before {

	font-family: 'iconfont' !important;

	font-size: 14px;

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	margin: 0 auto;

	content: '\e66d';

	color: #FFFFFF;

	text-align: center;

}



.footer .foot .container>ul>li:last-child .attention ul li.icon-wechat a:before {

	content: '\e614';

}



.footer .foot .container>ul>li:last-child .attention ul li.icon-weibo a:before {

	content: '\e715';

}



.footer .foot .container>ul>li:last-child .attention ul li:hover a {

	-webkit-transform: translateY(-3px);

	-ms-transform: translateY(-3px);

	transform: translateY(-3px);

}



@media (max-width: 991px) {

	.footer .foot .container>ul>li:last-child .info-down .ipt_form input {

		width: 200px;

		line-height: 46px;

	}

	.footer .foot .container>ul>li:last-child .info-down .ipt_form {

		margin-bottom: 20px;

	}

}



@media (max-width: 320px) {

	.footer .foot .container>ul>li:last-child .info-down .ipt_form input {

		width: 150px;

	}

}



.footer .copyright {

	background-color: rgba(255, 255, 255, .66);

	padding: 27px 0;

}



.footer .copyright p {

	font-size: 14px;

	line-height: 24px;

	text-align: center;

	margin: 0;

	color: #666666;

}



.footer .copyright p a {

	font-size: 14px;

	line-height: 24px;

	display: inline-block;

	-webkit-transition: all .4s;

	transition: all .4s;

	color: #666666;

	margin-left: 10px;

}



.footer .copyright a:hover {

	color: #1060c8;

}



@media (max-width: 991px) {

	.footer .copyright {

		padding: 15px 0;

		text-align: center;

	}

}





/*img*/



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

}





/*pages*/



.page {

	margin-top: 30px;

	text-align: center;

}



.page li {

	display: inline-block;

	vertical-align: top;

}



.page li a {

	font-size: 14px;

	height: 32px;

	padding: 0 11px;

	line-height: 32px;

	border: solid 1px #e5e5e5;

	background-color: #FFFFFF;

	text-align: center;

	color: #888888;

	margin: 0 4px;

	cursor: pointer;

	-webkit-transition: all .2s;

	transition: all .2s;

}



.page li a {

	display: block;

}



.page li:hover a,

.page li.active a {

	color: #fff;

	border-color: #1f6ed4;

	background-color: #1f6ed4;

}



.page li:last-child a {

	padding: 0;

	border: none;

	cursor: default;

}



.page li:last-child:hover a {

	color: #888888;

	background-color: #FFFFFF;

}



@media (max-width: 991px) {

	.page {

		margin-top: 20px;

	}

}





/*table*/



.table-box {

	width: 100%;

	max-width: 100%;

	overflow: auto;

	padding-top: 15px;

}



table {

	width: 100%; //width: auto;

	max-width: 100%;

	border-spacing: 0;

	// text-align: center;

	border-collapse: collapse;

	padding: 0;

	margin: 0;

}



table tr,

table td {

	vertical-align: middle;

	width: auto !important;

	height: auto !important; // word-break: break-word;

}



table tr:nth-child(odd) {

	// background-color: rgb(242, 242, 242);

}



table td {

	padding: 8px 20px !important;

	border: 1px solid #dcdcdc;

	/*background-color: #dcdcdc;*/

	&:first-child {

		background-color: #b5b5b5;

	}

}



table tr p,

table tr span {

	background: none !important;

	margin: 0 !important;

	padding: 0 !important;

}





/*online*/



.online-wrap .btn {

	line-height: 36px;

	position: fixed;

	z-index: 9;

	right: 0;

	bottom: 0;

	width: 40px;

	height: 40px;

	padding: 0;

	-webkit-transform-origin: center center;

	-ms-transform-origin: center center;

	transform-origin: center center;

	text-align: center;

	border-radius: 0;

	background-color: rgba(0, 0, 0, .7);

}



@media (min-width: 992px) {

	.online-wrap .btn {

		display: none;

	}

}



.online-wrap .btn:before {

	font-family: 'iconfont' !important;

	font-size: 18px;

	display: inline-block;

	content: '\e629';

	-webkit-transition: -webkit-transform .3s;

	transition: -webkit-transform .3s;

	transition: transform .3s;

	transition: transform .3s, -webkit-transform .3s;

	color: #fff;

}



.online-wrap .btn.active:before {

	-webkit-transform: rotateZ(225deg);

	-ms-transform: rotate(225deg);

	transform: rotateZ(225deg);

}



.online-wrap .online {

	position: fixed;

	z-index: 8;

	right: 0;

	bottom: 23%;

	-webkit-transition: right .3s;

	transition: right .3s;

}



@media (max-width: 991px) {

	.online-wrap .online {

		right: -60px;

		bottom: 90px;

	}

	.online-wrap .online.active {

		right: 0;

	}

}



.online-wrap .online a {

	position: relative;

	display: block;

	width: 48px;

	height: 48px;

	border-radius: 10px;

	background-color: rgba(0, 0, 0, .7);

	-webkit-transition: all .4s;

	transition: all .4s;

	line-height: 48px;

	text-align: center;

	margin-bottom: 5px;

}



.online-wrap .online a:hover {

	background-color: rgba(6, 109, 207, .7);

}



.online-wrap .online a:before {

	font-family: 'iconfont' !important;

	font-size: 20px;

	color: #fff;

}



.online-wrap .icon-qq:before {

	content: '\e62d';

}



.online-wrap .icon-skype:before {

	content: '\e617';

}



.online-wrap .icon-whatsapp:before {

	content: '\e751';

}



.online-wrap .icon-email:before {

	content: '\e6a4';

}



.online-wrap .icon-wechat:before {

	content: '\e607';

}



.online-wrap .icon-arrow-top:before {

	content: '\e616';

}



@media (max-width: 768px) {

	.online-wrap .online a {

		line-height: 40px;

		width: 40px;

		height: 40px;

	}

	.online-wrap .online a:before {

		font-size: 18px;

	}

}



.online-wrap .online .icon-tel .tel-num {

	position: absolute;

	top: 0;

	right: 48px;

	display: none;

	-webkit-transition: all .3s;

	transition: all .3s;

	white-space: nowrap;

}



.online-wrap .online .icon-tel .tel-num p {

	font-family: Arial;

	padding: 0 10px;

	color: #fff;

	border-radius: 5px;

	background-color: #43a047;

	margin-right: 5px;

}



.online-wrap .online .icon-tel:hover .tel-num {

	display: block;

}



.online-wrap .online .icon-wechat:hover .mask {

	display: block;

}



.online-wrap .online .icon-wechat .mask {

	position: absolute;

	z-index: 10;

	top: 0;

	right: 100%;

	display: none;

	width: 130px;

	height: 130px;

	padding-right: 5px;

}



.online-wrap .online .icon-wechat .mask .mask-box {

	border: 1px solid #e5e5e5;

	background-color: #fff;

}



.online-wrap .online .icon-wechat .mask img {

	display: block;

	width: 100%;

}



.online-wrap .online .icon-wechat .mask p {

	font-size: 13px;

	line-height: 16px;

	margin: 5px 0 8px 0;

	color: #888;

}





/*zoom*/



.zoomDiv {

	z-index: 9;

	display: none;

	overflow: hidden;

	text-align: center;

	border: 1px solid #ccc;

	background: #fff;

}



@media (min-width: 768px) {

	.zoomDiv {

		position: absolute;

	}

}



.zoomMask {

	position: absolute;

	z-index: 1;

	cursor: move;

	background: url(../images/common/mask.png) repeat scroll 0 0 transparent;

}



@media (max-width: 767px) {

	.zoomMask {

		display: none;

	}

}



.ell-num {

	display: -webkit-box;

	overflow: hidden;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 6;

}



.ell-1 {

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

}