@charset "utf-8"; 
@import 'config.less'; 


// 全局div滚动条样式
div {
	::-webkit-scrollbar {width: 8px; height: 10px;}
	::-webkit-scrollbar-track {background-color: #f3f6f9; border-left: #e6ebf5 1px solid; border-bottom: #e6ebf5 1px solid; border-radius: 0;} /* 滚动条的滑轨背景颜色 */
	::-webkit-scrollbar-thumb {background-color: #ccc; .radius(5px);} /* 滑块颜色 */
	::-webkit-scrollbar-button {background-color: #bbb; width: 0px; height: 0px;} /* 滑轨两头的监听按钮颜色 */
	::-webkit-scrollbar-corner {background-color: #000;} /* 横向滚动条和纵向滚动条相交处尖角的颜色 */
}


/*isScroll*/
.wrapper {
	position: relative; z-index: 1; width: 100%; overflow: hidden; cursor: move; 
}
.scroller {
	position: relative; z-index: 1; width: 100%; overflow: hidden; -webkit-tap-highlight-color: rgba(0,0,0,0); 
	-webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); 
	-webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; 
	-webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; -o-text-size-adjust: none; text-size-adjust: none; 
	ul {
		list-style: none; padding: 0; margin: 0; width: 100%; overflow: hidden; 
	}
	li {
		width: 100%; overflow: hidden; padding: 0; 
	}
}


/*数据交互动画*/
.loadingMask {
	position: fixed; z-index: 998; width: 100%; height: 100%; top: 0; left: 0; display: none;
}
.loadingBox {
	position: fixed; z-index: 999; width: auto; height: 60px; overflow: hidden; padding: 0 25px 0 76px;
	background: url("../images/loading4.gif")  12px 0 no-repeat; background-size: 60px 60px; background-color: #fff;
	left: 49%; top: 49%; display: none;
	font-size: 12px; color: #555; line-height: 60px;
	.radius(10px); .boxShadow(0 0 20px #ddd);
}


/*提示信息弹窗*/
.alert-box{
	position: fixed; z-index: 699; width: auto; min-width: 50px; height: auto; overflow: hidden; border: #f0f0f0 1px solid; padding: 12px 0 12px 46px; display: none;
	background: url("../images/prompt-success.png") 12px 10px no-repeat; background-size: 24px 24px; background-color: #fff;
	.radius(); .boxShadow(0 0 10px #ccc);
	p {
		float: left; width: auto; max-width: 420px; height: auto; overflow: hidden; padding: 0 18px 0 0; margin: -1px 0 0 0;
		font-size: 13px; color: #333; line-height: 21px;
	}
}
.alert-box.warn {
	background: url("../images/prompt-warn.png") 12px 10px no-repeat; background-size: 24px 24px; background-color: #fff;
}
.alert-box.fail {
	background: url("../images/prompt-error.png") 12px 10px no-repeat; background-size: 24px 24px; background-color: #fff;
}


/*popups-msg*/
.popupsBoxBg {
	position: fixed; z-index: 598; width: 100%; height: 100%; overflow: hidden; background-color: #000; top: 0; left: 0; display: none;
	.opacity();
}
.popupsBox {
	position: fixed; z-index: 599; width: 520px; height: auto; overflow: hidden; background-color: #fff; padding: 5px 0; display: none;
	-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;
	box-shadow: 0 0 5px #00227c; -moz-box-shadow: 0 0 5px #00227c; -webkit-box-shadow: 0 0 5px #00227c;
}
.popupsBiaoti {
	clear: both; width: auto; height: auto; overflow: hidden; padding: 15px 0; margin: 0 10px 0 25px;
	font-size: 16px; color: #000; line-height: 20px;
	&::after {
		position: absolute; z-index: 1; content: " "; width: 470px; height: 1px; left: 25px; top: 55px; background-color: #dedede;
		.transformY();
	}
	p {
		float: right; width: 50px; height: 50px; overflow: hidden; margin: -15px 0; cursor: pointer;
		img {
			float: left; width: 14px; height: 14px; margin: 18px 0 0 18px; cursor: pointer;
			transition: all .5s; -ms-transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s;
		}
		&:hover img {
			transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);
		}
	}
}
.popupsBoxNeirong {
	height: auto; overflow: hidden; overflow-y: auto; max-height: 450px; padding: 20px 25px;
	font-size: 13px; color: #333; line-height: 20px;
}
.popusanniuBox {
	clear: both; width: auto; hight: auto; overflow: hidden; padding: 15px 25px 10px 25px;
	div {
		float: right; width: auto; height: 38px; overflow: hidden; min-width: 55px; padding: 0 13px; text-align: center; cursor: pointer; background-color: @mainColor; border: @mainColor 1px solid; margin-left: 5px;
		font-size: 13px; color: #fff; line-height: 38px; .radius(); .transitionAll();
		&:hover {
			background-color: darken(@mainColor, 10%); color: #fff; border: darken(@mainColor, 10%) 1px solid;
		}
	}
	div.cancel{
		background-color: #fff; color: #333; border: #ccc 1px solid;
		&:hover{
			background-color: #f1f1f1; color: #000; border: #ccc 1px solid;
		}
	}
}


/*超链接*/
.a-view{
	font-size: 13px; color: @assistColor1; .transitionAll();
	&:hover{
		color: darken(@assistColor1, 10%); text-decoration: underline;
	}
}
.a-update{
	font-size: 13px; color: @mainColor; .transitionAll();
	&:hover{
		color: darken(@mainColor, 10%); text-decoration: underline;
	}
}
.a-delete{
	font-size: 13px; color: @assistColor2; margin-left: 6px; .transitionAll();
	&:hover{
		color: darken(@assistColor2, 10%); text-decoration: underline;
	}
}

/** 翻页 */
.Pgdivbox{
	clear: both; width: auto; height: auto; overflow: hidden; padding: 5px 0; margin: 85px 0 60px 0; text-align: center;
	font-size: 16px; color: #555; line-height: 35px;
	input {
		width: 50px; height: 33px; border: 1px solid #f5f5f5; background-color: #fff; text-align: center; margin: 0 5px;
		font-size: 16px; color: #333;
		.radius(); .boxShadow(0 0 3px 2px #eee);
	}
	span {
		display: inline-block; width: auto; min-width: 20px; height: 35px; text-align: center; padding: 0 8px; margin: 0 3px; background-color: #fff;
		font-size: 16px; color: #333; line-height: 35px; cursor: pointer;
		.radius(); .boxShadow(0 0 3px 2px #eee); .transitionAll();
		&:hover{
			background-color: #005fb9; color: #fff;
		}
	}
	span.current{
		background-color: #005fb9; color: #fff;
	}
	span.more{
		cursor: default;
		&:hover {
			background-color: #fff; color: #333;
		}
	}
	span.btn {
		padding: 0 15px; background-color: #005fb9; color: #fff;
	}
	span.disabled{
		color: #ccc; cursor: default;
		&:hover {
			background-color: #fff; color: #ccc;
		}
	}
}

/** 顶部菜单 */
.headerBg {
	clear: both; width: 100%; height: 60px; overflow: hidden; background-color: #fff; border-bottom: 1px solid #e2e2e2;
}
.headerBox {
	position: fixed; z-index: 50; width: calc(~'100% - 40px'); height: 60px; overflow: hidden; left: 0; top: 0; padding: 0 20px; .transitionAll();
	div {
		div.logo {
			float: left; width: 150px; height: 38px; margin: 11px 50px 0 0; .transitionAll();
			background: url("../images/logo_header.png") 0 0 no-repeat; background-size: 150px 38px;
		}
		ul.menu {
			float: left;
			li {
				float: left;
				a {
					display: inline-block; padding: 20px 20px;
					font-size: 16px; color: #e0e0e0; line-height: 20px;
				}
				a.select {
					color: #fff; font-weight: 600;
				}
			}
		}
		div.operate {
			float: right;
			div.fdj {
				float: left; width: 50px; height: 60px; overflow: hidden; margin: 0 18px 0 0; cursor: pointer;
				background: url("../images/fxj_white.png") 20px 20px no-repeat; background-size: 20px 20px;
			}
			div.language {
				float: left; font-size: 13px; color: #fff;
				a {
					display: inline-block; float: left; padding: 20px 0; margin: 0 0 0 10px;
					font-size: 16px; color: #fff; line-height: 20px;
					&:first-child {
						margin-left: 0;
					}
				}
				a.select {
					font-weight: 600;
				}
				span {
					float: left; margin: 18px 0 0 10px;
				}
			}
		}
	}
	&:hover {
		background-color: #fff; border-bottom: 1px solid #e2e2e2;
		div {
			div.logo {
				background: url("../images/logo_bottom.png") 0 0 no-repeat; background-size: 150px 38px;
			}
			ul.menu {
				li {
					a {
						color: #333; .transitionAll();
						&:hover {
							color: #005fb9; text-decoration: none;
						}
					}
					a.select {
						color: #005fb9;
					}
				}
			}
			div.operate {
				div.fdj {
					background: url("../images/fxj_black.png") 20px 20px no-repeat; background-size: 20px 20px;
				}
				div.language {
					a {
						color: #333;
						&:hover {
							text-decoration: none;
						}
					}
					a.select {
						color: #005fb9;
					}
					span {
						color: #333;
					}
				}
			}
		}
	}
}
.headerMenuSelect, .headerMenuNoBranner, .firstShow {
	background-color: #fff; border-bottom: 1px solid #e2e2e2;
	div {
		div.logo {
			background: url("../images/logo_bottom.png") 0 0 no-repeat; background-size: 150px 38px;
		}
		ul.menu {
			li {
				a {
					color: #333; .transitionAll();
				}
				a.select {
					color: #005fb9;
				}
			}
		}
		div.operate {
			div.fdj {
				background: url("../images/fxj_black.png") 20px 20px no-repeat; background-size: 20px 20px;
			}
			div.language {
				a {
					color: #333;
				}
				a.select {
					color: #005fb9;
				}
				span {
					color: #333;
				}
			}
		}
	}
}
.secondMenuBox {
	position: fixed; z-index: 50; width: calc(~'100% - 40px'); height: 0px; overflow: hidden; padding: 0 20px; background-color: #fff; left: 0; top: 61px;
	.transitionAll();
	div.menuUl {
		ul {
			clear: both; width: auto; height: auto; overflow: hidden; margin: 0 0 0 220px; display: none;
			li {
				float: left; margin-right: 60px;
				&:last-child {
					margin-right: 0;
				}
				a {
					font-size: 15px; color: #333; line-height: 38px;
					.transitionAll();
					&:hover {
						color: #005fb9; text-decoration: none;
					}
				}
				table {
					border-top: 1px solid #ccc; margin: 15px 0 10px 0;
					tr {
						td {
							padding: 20px 55px 0 0; vertical-align: top;
							a {
								font-size: 14px; color: #555; line-height: 22px;
							}
						}
					}
				}
			}
			&:nth-child(2) {
				margin-left: 325px;
			}
			&:nth-child(3) {
				margin-left: 428px;
			}
			&:nth-child(4) {
				margin-left: 455px;
			}
		}
		ul.show {
			display: block;
		}
	}
}


/** 底部 */
.bottomBox {
	clear: both; width: auto; height: auto; overflow: hidden; background-color: #e4e9ef; padding: 60px 20px;
	div.webWBox {
		div.bottomLogo {
			clear: both; width: auto; height: auto; overflow: hidden; border-bottom: 1px solid #a1a6aa; padding: 0 0 30px 0;
			img {
				float: left; width: 221px; height: 56px; margin: 0 65px 0 0;
			}
			p {
				float: left; padding: 12px 0 0 0; font-size: 14px; color: #333; line-height: 22px;
			}
		}
		div.bottomMenu {
			clear: both; width: auto; height: auto; overflow: hidden; padding: 20px 0 0 0;
			ul {
				float: left; padding: 0 65px 0 0; max-width: 200px;
				li {
					clear: both; padding: 5px 0;
					a {
						font-size: 15px; color: #505050; line-height: 20px;
						.transitionAll();
						&:hover {
							color: #005fb9; text-decoration: none;
						}
					}
					&:first-child {
						padding: 5px 0 15px 0;
						a {
							font-size: 18px; color: #000;
							&:hover {
								color: #005fb9;
							}
						}
					}
				}
				&:nth-child(2) {
					padding-right: 20px;
				}
				&:nth-child(6) {
					max-width: 360px;
				}
			}
			img.ewm {
				float: left; width: 125px; height: 125px; margin: 25px 0 0 0;
			}
		}
		div.bottomMenuEn {
			ul {
				padding: 0 45px 0 0; max-width: 150px;
				&:nth-child(2) {
					padding-right: 45px;
				}
				&:nth-child(3) {
					padding-right: 0px;
				}
				&:nth-child(6) {
					max-width: 290px;
				}
			}
		}
	}
}


/** 幻灯片 */
.bannerBox {
	position: relative; z-index: 1; width: 100%; height: 800px; overflow: hidden; margin: 0 auto; background-color: #f6f6f6;
	img {
		position: absolute; z-index: 1; width: 100%; height: 800px; margin-left: 100%;
		&:first-child {
			margin-left: 0;
		}
	}
}
.bannerDotBox {
	position: relative; z-index: 5; width: 100%; height: auto; overflow: hidden; text-align: center; margin: -60px 0 36px 0;
	span {
		display: inline-block; width: 18px; height: 18px; overflow: hidden; background-color: #fff;
		margin-left: 10px; cursor: pointer;
		.radius(50%); .transitionAll(.35s);
		&:first-child {
			margin-left: 0;
		}
	}
	span.select {
		background-color: #009b4c;
	}
}


/*public*/
.opacity0 {
	.opacity(0, 0);
}
.webBody {
	clear: both; width: auto; height: auto; overflow: hidden; padding: 0 20px;
}
.boxBg1 {
	background: url("../images/bg1.png") 100% 0 no-repeat; background-size: 885px 664px;
}
.boxBg2 {
	background: url("../images/homeNewBg.png") 0 0 no-repeat; background-size: 885px 795px;
}
.greyBgBox {
	clear: both; width: auto; height: auto; overflow: hidden; padding: 0 20px 20px 20px;
	background-color: #f1f2f7;
}
.greyBgBox1 {
	clear: both; width: auto; height: auto; overflow: hidden; padding: 0 20px 20px 20px;
	background-color: #f8f9fd;
}
.webWBox {
	clear: both; width: auto; height: auto; min-width: 1150px; max-width: 1420px; overflow: hidden; margin: 0 auto;
	div.breadcrumbs {
		clear: both; padding: 13px 0;
		font-size: 13px; color: #005fb9; line-height: 20px;
		span {
			padding: 0 3px; color: #777;
		}
		a {
			color: #777;
			&:hover {
				color: #005fb9; text-decoration: none;
			}
		}
	}
	div.label {
		position: relative; width: 225px; height: 50px; overflow: hidden; margin: 55px auto 60px auto; padding: 0 0 0 6px; text-align: center;
		font-size: 32px; color: #000; line-height: 50px; font-weight: 600; letter-spacing: 5px; word-spacing: 5px;
		&::before {
			position: absolute; z-index: 1; content: " "; width: 27px; height: 34px; left: 0; top: 9px;
			background: url("../images/label1.png") 0 0 no-repeat; background-size: 27px 34px;
		}
		&::after {
			position: absolute; z-index: 1; content: " "; width: 27px; height: 34px; right: 0; top: 9px;
			background: url("../images/label2.png") 0 0 no-repeat; background-size: 27px 34px;
		}
	}
	div.labelEn {
		width: 270px; letter-spacing: 0px; word-spacing: 5px; padding: 0 0;
	}
	p.link {
		position: relative; z-index: 5; width: auto; height: 20px; overflow: hidden; text-align: right; margin: -35px 0 35px 0;
		a {
			margin-right: 10px;
			font-size: 18px; color: #005fb9; line-height: 20px; letter-spacing: 1px; word-spacing: 1px;
			&:hover {
				text-decoration: none;
			}
		}
	}
}
.webLabel {
	position: relative; z-index: 2; width: auto; height: 30px; overflow: hidden; padding: 0 0 0 15px; margin: 60px 0 45px 0;
	font-size: 26px; color: #000; line-height: 30px; word-spacing: 3px; letter-spacing: 3px;
	&::before {
		position: absolute; z-index: 10; content: " "; width: 2px; height: 26px; background-color: #005fb9; left: 0; top: 3px;
		.radius(2px);
	}
}
.webLabelEn {
	word-spacing: 0px; letter-spacing: 0px;
}
.imgGray {
	-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%);
	-o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; cursor: default;
}
.top40 {
	margin-top: 40px;
}


/** 首页 */
.homeNewBox {
	clear: both; width: auto; height: auto; overflow: hidden; padding: 0 0 70px 0;
	div.single {
		float: left; width: 49%; height: auto; overflow: hidden; margin-left: 2%; background-color: #fff;
		.radius();
		&:first-child {
			margin-left: 0;
		}
		div {
			img {
				clear: both; width: 100%; height: auto; overflow: hidden;
			}
			p {
				clear: both; width: auto; height: 73px; overflow: hidden; margin: -73px 0 0 0; padding: 0 36px;
				font-size: 26px; color: #fff; line-height: 73px;
 				a {
					position: relative; z-index: 20; float: right; margin: 5px 0 0 0;
					font-size: 18px; color: #fff; line-height: 73px;
				}
			}
		}
		ul {
			clear: both; width: auto; height: auto; overflow: hidden; padding: 25px 36px 15px 36px;
			li {
				position: relative; width: auto; height: auto; overflow: hidden; padding: 20px 0 20px 23px; border-bottom: #d3d3d3 1px dashed;
				&::before {
					position: absolute; z-index: 2; content: " "; width: 7px; height: 7px; left: 0; top: 33px; background-color: #777; .radius(50%;)
				}
				&:last-child {
					border-bottom: none;
				}
				a {
					display: inline-block; float: left; width: 75%;
					font-size: 18px; color: #333; line-height: 30px;
					.textellipsis();
					&:hover {
						color: #005fb9; text-decoration: none;
					}
				}
				span {
					float: right; font-size: 18px; color: #555; line-height: 30px;
				}
			}
		}
	}
}
.homeYyznTitleBox {
	clear: both; width: auto; height: auto; overflow: hidden; background-color: #f1f2f7; padding: 30px 30px 25px 30px;
	.radius(5px);
	dl {
		float: left; width: 14.2%; height: auto; overflow: hidden;
		dt {
			position: relative; width: 106px; height: 106px; overflow: hidden; background-color: #fff; margin: 0 auto;
			text-align: center; cursor: pointer;
			.radius(50%); .transitionAll();
			img {
				float: left; width: 70px; height: 70px; margin: 18px 0 0 18px;
			}
		}
		dd {
			position: relative; z-index: 5; width: 80%; height: auto; overflow: hidden; text-align: center; margin: 12px auto 0 auto;
			font-size: 18px; color: #555; line-height: 26px; letter-spacing: 1px; word-spacing: 1px;
			.textellipsis(); .transitionAll();
		}
	}
	dl.select {
		dt {
			.boxShadowInset(10px 10px 15px -5px #e1e1e1);
		}
		dd {
			color: #005fb9;
		}
	}
}
.homeYyznContentBox {
	clear: both; width: auto; height: auto; overflow: hidden; padding: 30px 40px 60px 40px;
	table {
		clear: both; width: 100%; height: auto; overflow: hidden; display: none;
		.transitionAll();
		tr {
			td {
				text-align: left; vertical-align: top;
				label {
					display: inline-block; clear: both; width: auto; height: auto; overflow: hidden; margin: 30px 0 0 0;
					font-size: 26px; color: #000; line-height: 36px; letter-spacing: 1px; word-spacing: 1px;
				}
				p {
					clear: both; width: auto; height: auto; overflow: hidden; margin: 35px 0 60px 0;
					font-size: 18px; color: #666; line-height: 32px;
				}
				a {
					display: inline-block; clear: both; width: 145px; height: 42px; overflow: hidden; text-align: center; border: #005fb9 1px solid;
					font-size: 18px; color: #005fb9; line-height: 42px; letter-spacing: 1px; word-spacing: 1px;
					.radius(); .transitionAll();
					&:hover {
						background-color: #005fb9; color: #fff; text-decoration: none;
					}
				}
				img {
					width: 510px; height: auto; margin: 0 0 40px 0;
				}
			}
		}
	}
	table.select {
		display: block;
	}
}
.homeProductBox {
	clear: both; width: auto; height: auto; overflow: hidden; padding: 20px 0 60px 0;
	div.content {
		float: left; width: 63%; height: 425px; overflow: hidden; vertical-align: top;
		background: url("../images/homeProductBg.png") 100% 0 no-repeat; background-size: 452px 426px; background-color: #f3f4f9;
		.radius(); .transitionAll(); .boxShadow(0 12px 10px -8px #999);
		table {
			clear: both; width: auto; height: 285px; margin: 80px 0 60px 40px; display: none;
			tr {
				td {
					text-align: left; vertical-align: top; padding: 0 55px 0 0;
					label {
						display: inline-block; position: relative; z-index: 10; margin: 0 0 20px 0;
						font-size: 26px; color: #005fb9; line-height: 36px;
						.textellipsismore (2);
					}
					p {
						position: relative; z-index: 10;
						font-size: 18px; color: #666; line-height: 30px;
						.textellipsismore (5);
					}
					a {
						display: inline-block; clear: both; width: 145px; height: 42px; overflow: hidden; text-align: center; border: #005fb9 1px solid; margin: 30px 0 0 0;
						font-size: 18px; color: #005fb9; line-height: 42px; letter-spacing: 1px; word-spacing: 1px;
						.radius(); .transitionAll();
						&:hover {
							background-color: #005fb9; color: #fff; text-decoration: none;
						}
					}
				}
			}
		}
	}
	div.proType {
		float: right; width: 36%; height: 450px; overflow: hidden;
		div.listBigBox {
			clear: both; width: 100%; height: auto; overflow: hidden;
			.transitionAll();
			div.listBox {
				float: left; width: 100%; height: auto; overflow: hidden;
				div {
					float: left; width: 30%; height: 200px; overflow: hidden; margin: 0 1.5% 25px 1.5%; box-sizing: border-box;
					border: #fff 2px solid; border-bottom: none; text-align: center; cursor: pointer;
					.radius(6px); .boxShadow(0 10px 10px -8px #999); .gradientLine(180deg, #f4f4fc, #f9f9fb, #fff); .transitionAll();
					img {
						width: 70px; height: 70px; margin: 25px auto 10px auto;
					}
					p {
						position: relative; z-index: 10; width: 80%; height: 78px; overflow: hidden; margin: 0 auto; text-align: center;
						font-size: 18px; color: #555; line-height: 26px;
						.textellipsismore ();
					}
					&:hover {
						.boxShadowInset(13px 13px 18px -13px #aaa);
					}
				}
				div.select {
					.boxShadowInset(13px 13px 18px -13px #aaa);
				}
			}
		}
	}
	div.proOperBox {
		clear: both;
		img {
			float: right; width: 46px; height: 46px; margin: 0 15px 0 2px; cursor: pointer;
		}
	}
}
.homeCompanyInfo {
	clear: both; width: auto; height: auto; overflow: hidden; padding: 0 20px;
	background: url("../images/homeAboutUsBg.jpg") 0 0 no-repeat; background-size: 100% 100%;
	div.label {
		color: #fff;
		&::before {
			background: url("../images/label3.png") 0 0 no-repeat; background-size: 27px 34px;
		}
		&::after {
			background: url("../images/label4.png") 0 0 no-repeat; background-size: 27px 34px;
		}
	}
	table {
		clear: both; width: 100%; height: auto; overflow: hidden; background-color: #fff; margin: 0 0 100px 0;
		.radius(8px);
		tr {
			td {
				padding: 50px 50px; text-align: justify; vertical-align: top;
				&:last-child {
					padding: 50px 35px;
				}
				img {
					width: auto; height: auto; .transitionAll(); .radius();
					&:hover {
						.boxShadow(10px 12px 10px -10px #555);
					}
				}
				p {
					padding: 10px 0; margin: 0 0 10px 0;
					font-size: 28px; color: #005fb9; line-height: 40px; letter-spacing: 2px; word-spacing: 2px;
				}
				div {
					position: relative; z-index: 5; width: auto; height: auto; overflow: hidden;
					font-size: 18px; color: #666; line-height: 32px;
					.textellipsismore (7);
				}
				a.link {
					display: inline-block; clear: both; width: 145px; height: 42px; overflow: hidden; text-align: center; border: #005fb9 1px solid; margin: 60px 0 0 0;
					font-size: 18px; color: #005fb9; line-height: 42px; letter-spacing: 1px; word-spacing: 1px;
					.radius(); .transitionAll();
					&:hover {
						background-color: #005fb9; color: #fff; text-decoration: none;
					}
				}
				a.en {
					margin-top: 38px;
				}
			}
		}
	}
}

/** 产品中心 */
.productOper {
	div.proOperBox {
		clear: both;
		img {
			float: right; width: 46px; height: 46px; margin: 0 15px 0 2px; cursor: pointer;
			&:first-child {
				margin-right: 0;
			}
		}
	}
}
.productMuluBox {
	clear: both; width: auto; height: auto; overflow: hidden; padding: 0 0 45px 0; margin: 80px 0 0 0;
	div.mlBox {
		clear: both; width: 100%; height: 360px; overflow: hidden; margin: 0 0 10px 0;
		div.allMlBox {
			clear: both; width: auto; height: 340px; overflow: hidden; padding: 0 0 20px 0; .transitionAll(.5s);
			div.single {
				position: relative; float: left; width: 20%; height: 280px; overflow: hidden; background-color: #fff; padding: 30px 0; margin: 0 0 20px 20px; cursor: pointer;
				.radius(5px); .transitionAll(); .gradientLine(180deg, #f3f4f9, #f7f8fc, #fefefe); .boxShadow(0 10px 10px -8px #888);
				div.img {
					clear: both; width: 106px; height: 106px; overflow: hidden; margin: 30px auto 33px auto;
					.radius(53px); .boxShadow(3px 3px 3px -1px #bbb);
					div {
						clear: both; width: 106px; height: 106px; overflow: hidden; background-color: #f8f9fd;
						.radius(53px); .boxShadowInset(10px 10px 12px -8px #ddd); .transitionAll();
						img {
							float: left; width: 70px; height: 70px; margin: 18px 0 0 18px;
						}
					}
				}
				p {
					display: inline-block; position: relative; z-index: 10; width: 70%; height: auto; padding: 0 15%;
					font-size: 26px; color: #000; line-height: 36px; text-align: center;
					.textellipsismore(); .transitionAll();
				}
				&:hover {
					.gradientLine(180deg, #005fb9, #005fb9, #005fb9); background-color: #005fb9; .boxShadow(0 10px 10px -8px #888);
					div.img {
						.boxShadow(2px 2px 2px 2px #004a9f);
					}
					p {
						color: #fff;
					}
				}
			}
		}
	}
	div.secondProductBox {
		position: absolute; z-index: 50; width: auto; height: auto; overflow: hidden; padding: 0 15px 15px 0; margin: -35px 0 0 0; display: none;
		div.sjx {
			clear: both; width: 0; height: 0; margin: 10px 0 0 50px;
			border-left: 18px solid transparent;
			border-right: 18px solid transparent;
			border-bottom: 26px solid #f6f7fb;
			.transitionAll();
		}
		div.content {
			float: left; width: auto; height: auto; overflow: hidden; padding: 30px 10px; background-color: #f6f7fb;
			.radius(8px); .transitionAll(); .boxShadow(5px 5px 5px #bbb);
			div {
				clear: both; width: auto; height: auto; overflow: hidden; display: none;
				dl {
					float: left; width: 242px; height: auto; overflow: hidden; border-right: #ccc 1px solid; padding: 0 50px;
					&:last-child {
						border-right: none;
					}
					a {
						display: inline-block; clear: both; width: 100%; font-size: 18px; color: #555; line-height: 30px;
						.textellipsis();
						&:hover {
							color: #005fb9; text-decoration: none;
						}
					}
				}
			}
		}
	}
}
.productNewBox {
	clear: both; width: auto; height: auto; overflow: hidden; padding: 0 0 70px 0;
	div.newBox {
		clear: both; width: 100%; height: 220px; overflow: hidden; margin: 0 0 10px 0;
		div.allNewBox {
			clear: both; width: auto; height: 200px; overflow: hidden; padding: 0 0 20px 0; .transitionAll(.5s);
			div {
				position: relative; float: left; width: 31.3%; height: 140px; overflow: hidden; background-color: #fff; padding: 30px 0; margin: 0 0 20px 20px;
				.transitionAll(); .radius(5px); .boxShadow(0 10px 10px -8px #888);
				label {
					display: inline-block; position: relative; z-index: 10; width: 86%; height: auto; padding: 0 7%;
					font-size: 20px; color: #555; line-height: 24px;
					.textellipsis(); .transitionAll();
				}
				span {
					display: inline-block; position: relative; z-index: 10; width: 86%; height: auto; padding: 15px 7%;
					font-size: 18px; color: #666; line-height: 24px;
					.transitionAll();
				}
				a {
					display: inline-block; float: right; width: 145px; height: 42px; overflow: hidden; text-align: center; border: #005fb9 1px solid; margin: 18px 7% 0 0;
					font-size: 18px; color: #005fb9; line-height: 42px; letter-spacing: 1px; word-spacing: 1px;
					.radius(); .transitionAll();
				}
				&:hover {
					.boxShadow(0 13px 13px -8px #555);
					label, span {
						color: #005fb9;
					}
					a {
						background-color: #005fb9; color: #fff; text-decoration: none;
					}
				}
			}
		}
	}
}
.productLearnMoreBox {
	clear: both; width: auto; height: auto; overflow: hidden; padding: 0 0 20px 0; margin: 0 0 40px 0;
	div {
		float: left; width: 24.6%; height: 200px; overflow: hidden; margin-left: 0.5%; text-align: center; vertical-align: middle; align-items: center; cursor: pointer;
		.transitionAll(); .radius(2px);
		span {
			display: inline-block; margin: 82px 0 0 0;
			font-size: 26px; color: #fff; line-height: 36px; letter-spacing: 3px; word-spacing: 3px;
		}
		&:nth-child(1) {
			margin-left: 0;
			background: url("../images/p1.jpg") 0 0 no-repeat; background-size: 350px 200px;
		}
		&:nth-child(2) {
			background: url("../images/p2.jpg") 0 0 no-repeat; background-size: 350px 200px;
		}
		&:nth-child(3) {
			background: url("../images/p3.jpg") 0 0 no-repeat; background-size: 350px 200px;
		}
		&:nth-child(4) {
			background: url("../images/p4.jpg") 0 0 no-repeat; background-size: 350px 200px;
		}
		&:hover {
			background-size: 410px 260px; background-position: -30px -30px;
			.boxShadow(0 13px 13px -8px #555);
		}
	}
	div.en {
		span {
			letter-spacing: 0px; word-spacing: 0px;
		}
	}
}
.productInfoMenu {
	float: left; width: 260px; height: auto; overflow: hidden; overflow-y: auto; //max-height: calc(~'100vh - 150px');
	margin: 8px 0 90px -20px; padding: 35px 0 15px 0; background-color: #fff;
	.boxShadow(0 0 13px #ddd); .transitionAll();
	img.loading {
		float: left; width: 26px; height: 26px; margin: 20px 102px;
	}
	div {
		clear: both; width: auto; height: auto; overflow: hidden;
		.transitionAll();
		&:first-child {
			border-top: none;
		}
		p {
			display: inline-block; clear: both; width: 72%; padding: 16px 16% 16px 12%; margin: 0 0;
			background: url("../images/right.svg") 95% 18px no-repeat; background-size: 18px 18px; cursor: pointer;
			font-size: 16px; color: #333; line-height: 22px;
		}
		p.select {
			background: url("../images/down.svg") 95% 18px no-repeat; background-size: 18px 18px;
			background-color: #e9f2fb; color: #005fb9;
		}
		label {
			display: inline-block; clear: both; width: 90%; height: auto; overflow: hidden; padding: 5px 10% 5px 0;
			font-size: 14px; color: #666; line-height: 20px; cursor: pointer;
			.transitionAll();
			&:first-child {
				margin-top: 10px;
			}
		}
		label.select {
			color: #005fb9;
		}
	}
	div.child {
		padding: 0 0; margin-left: 25px; height: 0px; .transitionAll();
		p {
			clear: both; width: auto; padding: 10px 25px 10px 23px; background: url("../images/add.svg") 0 13px no-repeat; background-size: 16px 16px;
			color: #666;
		}
		p.select {
			background: url("../images/reduce.svg") 0 13px no-repeat; background-size: 16px 16px;
			color: #005fb9;
		}
	}
}
.productInfoContent {
	float: left; width: calc(~'100% - 340px'); min-width: 830px; height: auto; min-height: 380px; overflow: hidden; padding: 0 40px; //calc(~'100% - 420px')
	div.title {
		clear: both; width: 92%; max-width: 1250px; min-width: 800px; height: auto; overflow: hidden; padding: 20px 3%; margin: 30px auto; background-color: #005fb9;
		.radius();
		table{
			clear: both; width: 100%; height: auto; overflow: hidden;
			tr {
				td {
					width: auto; text-align: left; vertical-align: middle;
					font-size: 24px; color: #fff; line-height: 32px;
					&:last-child {
						text-align: right; font-size: 26px; line-height: 65px; letter-spacing: 2px; word-spacing: 2px;
						span {
							cursor: pointer;
							img {
								float: right; width: 58px; height: 65px; margin: 0 0 0 15px;
							}
						}
					}
				}
			}
		}
	}
	div.content {
		clear: both; width: 92%; max-width: 1250px; min-width: 800px; height: auto; overflow: hidden; padding: 0 3%; margin: 0 auto 90px auto;
		img {
			width: auto; max-width: 100%; height: auto;
		}
	}
}
.productPdfBox {
	clear: both; width: auto; height: auto; overflow: hidden; margin: 0 0 70px 0;
	div.typeBox {
		clear: both; width: auto; height: auto; overflow: hidden; margin: 47px 0 0 0; display: none;
		div {
			float: left; width: 42%; height: 320px; overflow: hidden; background-color: #f8f9fd; margin: 0 0 38px 0; padding: 40px 3%;
			.radius(10px); .boxShadow(0 10px 10px -8px #555);
			table {
				tr {
					td {
						text-align: left; vertical-align: top; padding: 0 0 0 13.5%;
						&:first-child {
							width: 235px; padding-left: 0;
						}
						img {
							float: left; width: 235px; height: 320px;
						}
						p {
							position: relative; z-index: 10; width: 100%; height: auto; overflow: hidden; margin: 70px 0 0 0;
							font-size: 26px; color: #000; line-height: 36px;
							.textellipsismore (2); .transitionAll();
						}
						span {
							display: inline-block; clear: both; width: 100%; height: auto; overflow: hidden; margin: 20px 0 0 0;
							font-size: 18px; color: #555; line-height: 26px;
							.transitionAll();
						}
						a {
							display: inline-block; clear: both; width: 110px; height: 42px; overflow: hidden; text-align: center; border: #005fb9 1px solid; margin: 60px 0 0 0;
							font-size: 18px; color: #005fb9; line-height: 42px; letter-spacing: 1px; word-spacing: 1px;
							.radius(); .transitionAll();
						}
					}
				}
			}
			&:hover {
				table {
					tr {
						td {
							p {
								color: #005fb9;
							}
							span {
								color: #005fb9;
							}
							a {
								background-color: #005fb9; color: #fff; text-decoration: none;
							}
						}
					}
				}
			}
		}
	}
}

/** 技术支持 */
.yyznLabelBox {
	clear: both; width: auto; height: auto; overflow: hidden;
	span {
		display: inline-block; float: left; width: auto; height: 50px; overflow: hidden; padding: 0 26px; background-color: #f1f2f7;
		margin: 0 22px 13px 0; cursor: pointer;
		font-size: 20px; color: #333; line-height: 50px;
		.radius(25px); .transitionAll();
		&:last-child {
			margin-right: 0;
		}
		&:hover {
			.gradientLine(90deg, #0261bb, #247cdd, #55a3eb); color: #fff;
		}
	}
	span.select {
		.gradientLine(90deg, #0261bb, #247cdd, #55a3eb); color: #fff;
	}
}
.yyznConBox {
	clear: both; width: auto; height: auto; overflow: hidden; background-color: #f8f9fd; padding: 60px 110px; margin: 27px 0 55px 0;
	.radius();
	div {
		img {
			width: auto; max-width: 100%; height: auto;
		}
	}
}
.yyznTable {
	clear: both; width: 100%; height: auto; overflow: hidden; margin: 0 0 80px 0;
	tr {
		td {
			text-align: left; vertical-align: top;
			font-size: 18px; color: #333; line-height: 32px;
			img {
				float: left; width: 100%; height: auto;
			}
			a.link {
				display: inline-block; position: relative; z-index: 10; clear: both; width: 150px; height: 42px; overflow: hidden; text-align: center;
				border: #005fb9 1px solid; margin: 60px 0 0 0;
				font-size: 18px; color: #005fb9; line-height: 42px; letter-spacing: 1px; word-spacing: 1px;
				.radius(); .transitionAll();
				&:hover {
					background-color: #005fb9; color: #fff; text-decoration: none;
				}
			}
		}
	}
}
.jszcJswzBox {
	clear: both; width: auto; height: auto; overflow: hidden; padding: 0 0 45px 0;
	div.content {
		float: left; width: 31.3%; height: auto; overflow: hidden; margin: 0 1%; padding: 20px 0 0 0; background-color: #fafafc;
		.radius(8px); .boxShadow(0 10px 15px #ccc);
		label {
			display: inline-block; clear: both; width: 86%; height: auto; overflow: hidden;
			padding: 20px 0 0 0; margin: 0 7%; cursor: pointer;
			font-size: 24px; color: #000; line-height: 36px;
			.textellipsismore (2); .transitionAll();
		}
		div {
			clear: both; width: 86%; height: auto; overflow: hidden; border-top: 1px solid #555; margin: 20px 7%  0 7%; padding: 17px 0 0 0; cursor: pointer;
			font-size: 18px; color: #555; line-height: 32px;
			.transitionAll();
		}
		span {
			float: right; margin: 18px 7% 25px 0; font-size: 18px; color: #555; line-height: 20px;
		}
		dl {
			clear: both; width: 0px; height: 7px; overflow: hidden; background-color: #fff; margin: 15px 0 0 0;
			.transitionAll(); .gradientLine(90deg, #005fca, #2e84d1, #57a4ec);
		}
		&:hover {
			label {
				color: #005fb9;
			}
			dl {
				width: 100%;
			}
		}
	}
	a {
		display: inline-block; position: relative; z-index: 10; float: right; width: 150px; height: 42px; overflow: hidden; text-align: center;
		border: #005fb9 1px solid; margin: 40px 1% 0 0;
		font-size: 18px; color: #005fb9; line-height: 42px; letter-spacing: 1px; word-spacing: 1px;
		.radius(); .transitionAll();
		&:hover {
			background-color: #005fb9; color: #fff; text-decoration: none;
		}
	}
}
.jszcWtwzBox {
	clear: both; width: auto; height: auto; overflow: hidden; padding: 60px 10px;
	div {
		float: left; width: 46%; height: auto; overflow: hidden; background-color: #fff; text-align: center; padding: 40px 0 30px 0; cursor: pointer;
		.boxShadow(0 12px 10px -10px #999); .transitionAll();
		p {
			clear: both; width: 80%; height: auto; overflow: hidden; margin: 0 auto; padding: 17px 0 0 0;
			font-size: 24px; color: #000; line-height: 36px; letter-spacing: 3px; word-spacing: 3px;
			.transitionAll();
		}
		p.en {
			letter-spacing: 0px; word-spacing: 0px;
		}
		&:last-child {
			float: right;
		}
		&:hover {
			.boxShadow(0 16px 10px -10px #999);
			p {
				color: #005fb9;
			}
		}
	}
}
.jszcCjwtTable {
	clear: both; width: 100%; min-width: 1150px; height: auto; overflow: hidden;
	tr {
		td {
			text-align: left; vertical-align: top;
			div {
				clear: both; width: 70%; height: auto; overflow: hidden; padding: 70px 0 0 60px;
				label {
					display: inline-block; clear: both; width: auto; height: 34px; overflow: hidden; padding: 0 0 0 46px;
					background: url("../images/label1.png") 0 0 no-repeat; background-size: 27px 34px;
					font-size: 31px; color: #000; line-height: 32px; font-weight: 600; letter-spacing: 5px; word-spacing: 5px;
				}
				ul {
					clear: both; width: auto; height: auto; overflow: hidden; margin: 45px 0 0 0;
					li {
						display: flex; clear: both; width: auto; height: 90px; overflow: hidden; padding: 0 0 15px 108px; text-align: left; vertical-align: middle; align-items: center;
						background: url("../images/Q.jpg") 0 5px no-repeat; background-size: 80px 80px;
						p {
							clear: both; width: 100%; height: auto; overflow: hidden; vertical-align: middle; align-items: center;
							font-size: 22px; color: #000; line-height: 32px; cursor: pointer;
							.transitionAll(); .textellipsismore (2);
						}
						&:hover {
							p {
								color: #005fb9;
							}
						}
					}
				}
				a {
					display: inline-block; position: relative; z-index: 10; float: right; width: 150px; height: 42px; overflow: hidden; text-align: center;
					border: #005fb9 1px solid; margin: 15px 1% 0 0;
					font-size: 18px; color: #005fb9; line-height: 42px; letter-spacing: 1px; word-spacing: 1px;
					.radius(); .transitionAll();
					&:hover {
						background-color: #005fb9; color: #fff; text-decoration: none;
					}
				}
			}
		}
	}
}
.jswzBox {
	clear: both; width: auto; height: auto; overflow: hidden; background-color: #fff; padding: 38px 38px;
	.radius();
	table {
		clear: both; width: 100%; height: auto; overflow: hidden; margin: 0 0 30px 0;
		tr {
			td {
				height: auto; overflow: hidden; border-bottom: #ddd 1px dashed; text-align: left; vertical-align: top;
				dl {
					clear: both; width: auto; height: auto; overflow: hidden; margin: 30px 0 0 0; cursor: pointer;
					dt {
						float: right; width: 15%; height: auto; overflow: hidden;
						img {
							float: right; width: 58px; height: 65px; margin: 0 0 0 0;
						}
					}
					dd {
						float: left; width: 83%; height: auto; overflow: hidden; padding: 0 0 0 0;
						a {
							display: inline-block; position: relative; z-index: 2;
							font-size: 22px; color: #000; line-height: 32px;
							.textellipsismore (2);
						}
						span {
							display: inline-block; clear: both; width: 100%; height: auto; overflow: hidden; padding: 15px 0 30px 0;
							font-size: 18px; color: #555; line-height: 28px;
						}
					}
					&:hover {
						dd {
							a {
								color: #005fb9; text-decoration: none;
							}
							span {
								color: #005fb9;
							}
						}
					}
				}
			}
		}
	}
}

/** 新闻动态 */
.productListBox {
	clear: both; width: auto; height: auto; overflow: hidden; padding: 0 0 45px 0; margin: -18px 0 0 0;
	div.content {
		float: left; width: 31.3%; height: auto; overflow: hidden; margin: 0 1% 60px 1%; background-color: #fafafc;
		.radius(8px); .boxShadow(0 10px 15px #ccc);
		img.zs {
			clear: both; width: 100%; height: auto; overflow: hidden;
		}
		div {
			clear: both; width: auto; height: auto; overflow: hidden; padding: 0 28px; border-top: 1px solid #d8d9dd; cursor: pointer;
			label {
				display: inline-block; clear: both; width: 100%; height: 30px; overflow: hidden; padding: 20px 0; cursor: pointer;
				font-size: 22px; color: #000; line-height: 30px;
				.textellipsis(); .transitionAll();
			}
			p {
				padding: 30px 0 0 0; font-size: 18px; color: #555; line-height: 40px;
				img {
					float: right; width: 40px; height: 40px;
				}
			}
		}
		dl {
			clear: both; width: 0px; height: 7px; overflow: hidden; background-color: #fff; margin: 15px 0 0 0;
			.transitionAll(); .gradientLine(90deg, #005fca, #2e84d1, #57a4ec);
		}
		&:hover {
			div {
				label {
					color: #005fb9;
				}
			}
			dl {
				width: 100%;
			}
		}
	}
}
.cpmoanyTable {
	clear: both; width: 100%; height: auto; overflow: hidden; margin: -15px 0 0 0;
	tr {
		td {
			text-align: center; vertical-align: top; overflow: hidden;
			&:first-child {
				width: 56%; padding-right: 55px;
			}
			div {
				clear: both; width: 100%; height: auto; overflow: hidden; border-bottom: 1px dashed #cacbcf; padding: 40px 0;
				img {
					clear: both; width: 100%; height: auto; overflow: hidden; margin: 0 0 30px 0;
				}
				p.label {
					display: inline-block;position: relative; width: 100%; height: auto; overflow: hidden; padding: 0 0 15px 0;
					a {
						display: inline-block; float: left; width: 100%;font-size: 22px; color: #000; line-height: 32px;
						word-break: break-all; .transitionAll();
						&:hover {
							color: #005fb9; text-decoration: none;
						}
					}
					span {
						display: inline-block; float: right; width: 25%; height: auto; overflow: hidden; text-align: right;
						font-size: 18px; color: #555; line-height: 32px;
					}
				}
				p.summary {
					clear: both; width: 100%; height: auto; overflow: hidden;
					label {
						clear: both; width: 100%; height: auto; overflow: hidden;
						font-size: 16px; color: #555; line-height: 28px;
						.textellipsismore();
					}
					span {
						font-size: 18px; color: #555; line-height: 32px;
						display: inline-block; padding: 5px 0 0 0;
					}
				}
				&:first-child {
					padding-top: 0;
				}
				&:last-child {
					border-bottom: none;
				}
			}
		}
	}
}
.cpmoanyTableList {
	clear: both; width: 100%; height: auto; overflow: hidden;
	tr {
		td {
			text-align: left; vertical-align: top; overflow: hidden; padding: 0 0 40px 0;
			&:first-child {
				width: 33%; padding-right: 45px;
			}
			img {
				clear: both; width: 100%; height: auto; overflow: hidden;
			}
			div {
				clear: both; width: 100%; height: auto; overflow: hidden;
				p.title {
					display: inline-block;position: relative; width: 100%; height: auto; overflow: hidden; padding: 0 0 15px 0;
					a {
						display: inline-block; float: left; width: 100%;font-size: 24px; color: #000; line-height: 36px;
						word-break: break-all; .transitionAll();
						&:hover {
							color: #005fb9; text-decoration: none;
						}
					}
					span {
						display: inline-block; float: right; width: 25%; height: auto; overflow: hidden; text-align: right; margin: 40px 0 -33px 0;
						font-size: 18px; color: #555; line-height: 32px;
					}
				}
				p.summary {
					clear: both; width: 100%; height: auto; overflow: hidden;
					label {
						clear: both; width: 100%; height: auto; overflow: hidden;
						font-size: 18px; color: #555; line-height: 30px;
						.textellipsismore(6);
					}
					span {
						font-size: 18px; color: #555; line-height: 32px;
						display: inline-block; padding: 15px 0 0 0;
					}
				}
			}
		}
	}
}
.hbdtListBox {
	clear: both; width: 100%; height: auto; overflow: hidden; border-bottom: 1px dashed #ccc;
	.transitionAll(1s);
	div.title {
		clear: both; width: 100%; height: auto; overflow: hidden; cursor: pointer;
		p {
			float: left; width: 90%; height: auto; overflow: hidden; padding: 30px 0;
			font-size: 24px; color: #000; line-height: 36px;
		}
		em {
			display: inline-block; float: right; width: 30px; height: 30px; overflow: hidden; margin: 42px 0 0 0;
			.transitionAll();
			image {
				float: left; width: 30px; height: 15px; margin: 7px 0 0 0;
			}
		}
		&:hover {
			p {
				color: #005fb9;
			}
		}
	}
	ul {
		clear: both; width: 100%; height: auto; overflow: hidden; display: none;
		li {
			clear: both; padding: 0 0 30px 0; margin: -5px 0 0 0;
			font-size: 16px; color: #555; line-height: 28px;
			a {
				display: inline-block; background: url("../images/pdfIco.png") 0 3px no-repeat; background-size: 23px 26px; padding: 3px 0 3px 35px; margin: 0 0 0 0;
				color: #333; line-height: 30px;
				&:hover {
					color: #005fb9; text-decoration: none;
				}
			}
		}
	}
}
.hbdtListBoxOpen {
	div.title {
		em {
			margin: 27px 0 0 0; .transformRotate (180deg);
		}
	}
	ul {
		display: block;
	}
}
.question {
	div.title {
		p {
			padding: 30px 0 30px 85px; background: url("../images/Q.jpg") 0 17px no-repeat; background-size: 60px 60px;
		}
	}
	ul {
		li {
			padding: 15px 0 40px 85px; background: url("../images/A.png") 0 10px no-repeat; background-size: 60px 60px;
		}
	}
}
.newHbdt {
	clear: both; width: auto; height: auto; overflow: hidden; min-width: 1150px;
	img {
		clear: both; width: 100%; height: auto; overflow: hidden;
	}
	div {
		position: relative; z-index: 10; width: 310px; height: 90px; overflow: hidden; margin: -92px auto 0 auto; border: 1px solid #eee; text-align: center;
		font-size: 30px; color: #fff; font-weight: 600; line-height: 90px; letter-spacing: 3px; word-spacing: 3px; cursor: pointer;
		.radius(); .transitionAll();
		&:hover {
			background: #fff; color: #005fb9;
		}
	}
	div.en {
		width: 420px; letter-spacing: 0px; word-spacing: 0px;
	}
}
.newDetailBox {
	clear: both; width: auto; height: auto; overflow: hidden; background-color: #f8f9fd; padding: 45px 90px; margin: 3px 0 60px 0; text-align: left;
	font-size: 18px; color: #222; line-height: 32px;
	.radius();
	p.title {
		clear: both; width: 80%; height: auto; overflow: hidden; padding: 5px 20px 50px 20px; margin: 0 auto; text-align: center;
		font-size: 32px; color: #000; line-height: 46px;
	}
	img {
		width: auto; max-width: 100%; height: auto;
	}
}
.newDetailMore {
	clear: both; width: auto; height: auto; overflow: hidden; background-color: #f8f9fd; padding: 20px 35px; margin: -40px 0 40px 0;
	.radius();
	p {
		clear: both; width: 100%; height: 45px; overflow: hidden;
		font-size: 18px; color: #005fb9; line-height: 45px;
		.textellipsis();
		a {
			font-size: 18px; color: #333; line-height: 45px;
			.transitionAll();
			&:hover {
				color: #005fb9; text-decoration: none;
			}
		}
	}
}


/** 在线留言 */
.messageBox {
	background: url("../images/messageBg.png") 100% 200px no-repeat; background-size: 1346px 1248px; margin: 40px 0 0 0; padding: 0 0 75px 0;
	.radius();
	div.formBox {
		clear: both; width: 1280px; height: auto; overflow: hidden; background-color: #f7f8fc; margin: 0 auto;
		div.label {
			position: relative; width: 225px; height: 50px; overflow: hidden; margin: 55px auto 60px auto; padding: 0 0 0 6px; text-align: center;
			font-size: 32px; color: #000; line-height: 50px; font-weight: 600; letter-spacing: 5px; word-spacing: 5px;
			&::before {
				position: absolute; z-index: 1; content: " "; width: 27px; height: 34px; left: 0; top: 9px;
				background: url("../images/label1.png") 0 0 no-repeat; background-size: 27px 34px;
			}
			&::after {
				position: absolute; z-index: 1; content: " "; width: 27px; height: 34px; right: 0; top: 9px;
				background: url("../images/label2.png") 0 0 no-repeat; background-size: 27px 34px;
			}
		}
		div.labelEn {
			width: 270px; letter-spacing: 0px; word-spacing: 5px; padding: 0 0;
		}
		div.form {
			clear: both; width: auto; height: auto; overflow: hidden; margin: 0 150px;
			table {
				clear: both; width: 100%; height: auto; overflow: hidden;
				tr {
					td {
						width: 47%; padding: 0 3.5% 25px 3.5%;
						p {
							clear: both; padding: 5px 0 6px 3px;
							font-size: 16px; color: #555; line-height: 20px;
							span {
								color: #ff0000; padding: 0 0 0 5px;
							}
						}
						input {
							width: 92%; height: 52px; border: 1px solid #e5eaee; background-color: #fff; padding: 0 4%;
							font-size: 16px; color: #333; line-height: 22px;
							.radius();
						}
						textarea {
							width: 96.2%; height: 280px; border: 1px solid #e5eaee; background-color: #fff; padding: 15px 1.9%;
							font-size: 16px; color: #333; line-height: 24px; resize: none;
							.radius();
						}
						div {
							clear: both; width: 160px; height: 53px; overflow: hidden; border: 1px solid #005fb9; margin: 50px auto;
							font-size: 16px; color: #005fb9; line-height: 53px; word-spacing: 1px; letter-spacing: 1px; text-align: center; cursor: pointer;
							.radius(); .transitionAll();
							&:hover {
								background-color: #005fb9; color: #fff;
							}
						}
					}
				}
			}
		}
	}
}


/** 关于我们 */
.tableGzjj {
	clear: both; width: 100%; height: auto; overflow: auto; margin: 0 0 85px 0;
	tr {
		td {
			width: 50%; height: auto; text-align: left; vertical-align: top;
			img {
				float: left; width: 100%; height: auto; margin: 0 0 0 0;
				.transitionAll();
				&:hover {
					margin: -5px -5px 5px 5px; .boxShadow(0 15px 10px -10px #888);
				}
			}
			p {
				padding: 8px 0;
			}
			&:last-child {
				width: auto; padding-left: 50px;
				font-size: 16px; color: #555; line-height: 27px; letter-spacing: 1px; word-spacing: 1px;
			}
		}
		td.en {
			&:last-child {
				letter-spacing: 0px; word-spacing: 0px;
			}
		}
	}
}
.tableQywh {
	clear: both; width: 100%; height: auto; overflow: auto; margin: 0 0 0 0;
	tr {
		td {
			width: 32%; padding: 0 1% 15px 1%; vertical-align: top;
			div {
				clear: both; width: auto; height: auto; overflow: hidden; background-color: #fff; padding: 0 0 30px 0;
				.radius(); .boxShadow(0 15px 10px -10px #ccc);
				img {
					clear: both; width: 100%; height: auto; margin: 0 0 0 0;
					.transitionAll();
				}
				label {
					clear: both; width: auto; height: auto; overflow: hidden; display: inline-block; padding: 26px 28px 10px 28px;
					font-size: 26px; color: #000; font-weight: 600; line-height: 38px; letter-spacing: 2px; word-spacing: 2px;
				}
				p {
					clear: both; width: auto; height: auto; overflow: hidden; padding: 0 28px;
					font-size: 18px; color: #666; line-height: 30px; letter-spacing: 1px; word-spacing: 1px;
				}
				&:hover {
					img {
						margin: -5px 5px 5px -5px;
					}
				}
			}
			div.en {
				label {
					letter-spacing: 0px; word-spacing: 0px;
				}
				p {
					letter-spacing: 0px; word-spacing: 0px;
				}
			}
		}
	}
}
.ryzsBox {
	clear: both; width: 100%; height: auto; overflow: hidden; margin: 0 0 100px 0;
	tr {
		td {
			text-align: center; vertical-align: middle;
			img.jt {
				width: 45px; height: 45px; cursor: pointer;
			}
			div {
				clear: both; width: 100%; height: 520px; overflow: hidden;
				div {
					clear: both; width: auto; height: auto; overflow: hidden;
					img {
						float: left; width: 100%; height: 100%;
					}
				}
			}
		}
	}
}

/** 联系我们 */
.contactUsAdd {
	clear: both; width: auto; height: auto; overflow: hidden;
	dl {
		float: left; width: calc(~'50% - 35px'); height: auto; overflow: hidden; background-color: #f8f9fd; padding: 0 0 20px 0; margin: 0 0 60px 0;
		.radius(3px 3px 0 0);
		dt {
			clear: both; height: auto; height: auto; overflow: hidden; padding: 20px 35px;
			font-size: 20px; color: #fff; line-height: 32px;
			.gradientLine(90deg, #0260b8, #2f84d4, #56a6ef); .transitionAll(0.1s);
		}
		dd {
			clear: both; width: auto; height: auto; overflow: hidden; padding: 20px 40px;
			.transitionAll(0.1s);
			p {
				clear: both; padding: 12px 0 12px 33px;
				font-size: 17px; color: #555; line-height: 26px; letter-spacing: 1px; word-spacing: 1px;
				img {
					float: left; width: 28px; height: 28px; margin: 0 0 0 -40px;
				}
			}
		}
		&:nth-child(even) {
			margin-left: 70px;
		}
	}
}

/** 全局搜索 */
.allSeachBox {
	clear: both; width: 620px; height: 50px; overflow: hidden; margin: 20px auto 50px auto;
	input {
		float: left; width: 489px; height: auto; padding: 11px 15px; border: #ccc 1px solid; border-right: none;
		font-size: 18px; color: #333; line-height: 26px;
		.radius(3px 0 0 3px);
	}
	div {
		float: left; width: 100px; height: 50px; overflow: hidden; background-color: #005fb9; text-align: center;
		font-size: 20px; color: #fff; line-height: 50px; cursor: pointer; word-spacing: 2px; letter-spacing: 2px;
		.radius(0 3px 3px 0); .transitionAll();
		&:hover {
			background-color: #1b5994;
		}
	}
}
.allSeachList {
	clear: both; width: auto; height: auto; overflow: hidden; text-align: center; padding: 30px 50px; margin: 0 0 90px 0;
	span {
		display: inline-block; padding: 80px 0; font-size: 16px; color: #999; word-spacing: 1px; letter-spacing: 1px;
	}
	div {
		clear: both; width: auto; height: auto; overflow: hidden; padding: 25px 0; border-top: #ddd 1px dashed; border-bottom: #ddd 1px dashed;
		margin: -1px 0 0 0;
		em {
			display: inline-block; float: left; padding: 3px 10px; background-color: #f8f8f8; border: #ccc 1px solid; margin: 5px 0 0 0;
			font-size: 13px; color: #333; line-height: 20px; font-style: normal;
			.radius();
		}
		a {
			float: left; margin: 0 13px 0 0;
			font-size: 22px; color: #000; line-height: 36px;
			.transitionAll();
			&:hover {
				color: #005fb9; text-decoration: none;
			}
		}
	}
}