@charset "utf-8";

/* CSS Document */
*::selection {
	background: rgba(0, 110, 221, 0.05);
}

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

.ani,
.ani * {
	transition-property: all;
	-ms-transition-property: all;
	-moz-transition-property: all;
	-webkit-transition-property: all;
	-o-transition-property: all;
	transition-duration: .2s;
	-ms-transition-duration: .2s;
	-moz-transition-duration: .2s;
	-webkit-transition-duration: .2s;
}

.noani,
.noani * {
	transition-duration: 0s;
	-ms-transition-duration: 0s;
	-moz-transition-duration: 0s;
	-webkit-transition-duration: 0s;
}

from,
div,
dl,
dd,
dt,
ol,
ul,
li,
a,
img,
input,
h1,
h2,
h3,
h4,
h5,
h6,
table,
a,
p,
form,
em,
i {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
}

ul,
li,
dl,
dd,
dt,
h1,
h2,
h3,
h4,
h5,
h6,
form,
em,
i {
	list-style-type: none;
	font-style: normal;
	font-size: inherit;
}

body {
	margin: 0 auto;
	padding: 0;
	font: normal 14px/2 "Microsoft YaHei", "SimHei", "SimSun", "Helvetica Neue", Arial;
	/* font: normal 14px/2 "Helvetica Neue", "Arial", "PingFang SC", "\5FAE\8F6F\96C5\9ED1", "SimHei", "SimSun"; */
	color: #666;
	word-break: break-all;
	text-align: justify;
	background: #f5f5f5;
	min-width: 1400px;
}

img,
li {
	vertical-align: top;
}

input {
	font-family: "Microsoft YaHei"
}

.clear {
	clear: both;
}

.clearfix {
	zoom: 1;
}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
}

.clearBlock {
	display: inline-block;
	width: 100%;
}

*:focus {
	outline: none;
}

a {
	text-decoration: none;
	color: #666;
}

a:hover {
	color: #006edd;
}

.fl {
	float: left !important;
}

.fr {
	float: right !important;
}

.wrap {
	max-width: 1380px;
	margin: 0 auto;
}

img {
	max-width: 100%;
}

.scale img {
	opacity: 1;
	transform: scale(1, 1);
}

.scale:hover img {
	opacity: 0.95;
	transform: scale(1.1, 1.1);
}

.textindent {
	text-indent: 0 !important;
}

.border-none {
	border: none !important;
}

.text-overflow {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.hidden {
	display: none !important;
}

.vh-center {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.h-center {
	position: absolute;
	left: 50%;
	transform: translateX(-50%)
}

.v-center {
	position: absolute;
	top: 50%;
	transform: translateY(-50%)
}

@font-face {
	font-family: 'iconfont';
	/* project id 398496 */
	src: url('//at.alicdn.com/t/font_398496_jrhdtxd2c3g.eot');
	src: url('//at.alicdn.com/t/font_398496_jrhdtxd2c3g.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_398496_jrhdtxd2c3g.woff2') format('woff2'), url('//at.alicdn.com/t/font_398496_jrhdtxd2c3g.woff') format('woff'), url('//at.alicdn.com/t/font_398496_jrhdtxd2c3g.ttf') format('truetype'), url('//at.alicdn.com/t/font_398496_jrhdtxd2c3g.svg#iconfont') format('svg');
}

.iconfont {
	font-family: "iconfont" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
	vertical-align: middle;
}

.bgsize {
	-ms-behavior: url(../lib/backgroundsize.min.htc);
	behavior: url(../lib/backgroundsize.min.htc);
}

/*=====================================*/
.pageHeader {
	background-color: #000;
	position: fixed;
	width: 100%;
	z-index: 99;
	top: 0;
}

.header_sub1 {
	background: #fff;
	padding: 20px 0;
}

.logo {
	float: left;
	background: url(../../images/logo.png) no-repeat 0% 50%;
	padding: 0 0 0 600px;
	height: 70px;
	line-height: 50px;
	font-size: 18px;
	color: #333;
}

.logo:hover {
	color: #333;
}

.logo h1,
.logo h2 {
	text-indent: -99999px;
	line-height: 0;
	height: 0;
}

.topTel {
	float: right;
	padding: 0 0 0 50px;
	background: url(../../images/tel.png) no-repeat 0 50%;
	/* height: 40px; */
	margin-top: 2px;
	font-size: 14px;
	line-height: 1;
	color: #666;
}

.topTel span {
	display: block;
	height: 28px;
	margin-top: 5px;
	font-size: 28px;
	color: #ff3f00;
	font-family: "Arial";
}

.header_sub2 {
	height: 44px;
	position: relative;
}

.mainNav {
	float: left;
}

.mainNavHd {
	width: 220px;
	background: #006edd;
}

.mainNavHd a {
	display: block;
	color: #fff;
	line-height: 44px;
	height: 44px;
	overflow: hidden;
	text-align: center;
}

.mainNavHd a h3 {
	display: inline-block;
	font-size: 16px;
	padding: 0 5px;
}

.mainNavHd a i {}

.mainNavHd a i.first {}

.mainNavHd a i.last {
	position: absolute;
}

.mainNavWrap.on .mainNavHd a i.last {
	transform: rotate(180deg);
}

.mainNavBd {
	display: none;
	position: absolute;
	/* background: #000; */
	/*width: 100%;*/
	z-index: 7
}

.mainNavBdWrap {
	/* width:100%; */
	position: relative;
	height: 680px;
	padding: 0 0 0 220px;
}

.mainNavBd .hd {
	position: absolute;
	left: 0;
	width: 220px;
	background: rgba(0, 0, 0, 0.8);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#8F000000, endColorstr=#8F000000);
}

.mainNavBd .hd a {
	display: block;
	height: 60px;
	line-height: 60px;
	color: #fff;
	font-size: 14px;
	padding: 0 40px;
}

.mainNavBd .hd a i {
	float: right;
}

.mainNavBd .hd a:hover,
.mainNavBd .hd li.on a {
	background: #047ffc;
}

.mainNavBd .hd a:hover i,
.mainNavBd .hd li.on a i {
	margin-right: -20px;
}

.mainNavBd .bd {
	background: #fff;
}

.mainNavBd .bd .bdBox {
	border: 1px solid #ddd;
}

.mainNavBd .bd a h2,
.mainNavBd .bd a i {
	height: 78px;
	line-height: 78px;
	padding: 0 60px;
	color: #006edd;
	font-size: 16px;
}

.mainNavBd .tag {
	border-top: 1px solid #ddd;
	text-align: left;
	padding: 25px 40px 0 60px;
	height: 78px;
}

.mainNavBd .tag a {
	display: inline-block;
	font-size: 14px;
	color: #333;
	margin-right: 40px;
}

.mainNavBd .tag a:hover {
	color: #006edd;
}

/* .mainNavBd .col6 .tag { padding-top: 10px; } */
.mainNavBd .list {
	width: 1150px;
	max-height: 530px;
	overflow: auto;
}

.mainNavBd .list li {
	float: left;
	width: 25%;
	border: 1px solid #ddd;
	border-width: 1px 0 0 1px;
	text-align: center;
}

.mainNavBd .list a {
	display: block;
	font-size: 18px;
	line-height: 26px;
	height: 260px;
	padding-top: 20px;
}

.mainNavBd .list img {
	display: block;
	margin: 0px auto 0;
	opacity: 1;
	transform: scale(1, 1);
	width: 85%;
	height: 200px;
}

.mainNavBd .list a:hover img {
	display: block;
	margin: 0px auto 0;
	opacity: 0.95;
	transform: scale(1.1, 1.1);
}

.mainNavBd .list a h3 {
	color: #333;
	padding-top: 5px;
	font-size: 14px;
}

.mainNavBd .list a span {
	color: #ff3f00;
}

.mainNavBd .listXitong {}

.mainNavBd .listXitong h3 {
	line-height: 56px;
	font-size: 16px;
	text-indent: 60px;
	border-top: 1px solid #ddd;
}

.mainNavBd .listXitong h3 a {
	color: #006edd;
}

.mainNavBd .listXitong h3 a:hover {}

.mainNavBd .listXitong ul {
	padding: 0 40px;
}

.mainNavBd .listXitong li {
	float: left;
	width: 33.333%;
	padding: 0 20px;
}

.mainNavBd .listXitong li a {
	text-align: center;
	display: block;
}

.mainNavBd .listXitong li img {
	border: 1px solid #ddd;
}

.mainNavBd .listXitong li a p {
	font-size: 14px;
	color: #333;
	line-height: 43px;
}

.mainNavBd .listXitong li a:hover p {
	color: #006edd;
}

.mainNavBd .listXitong .line {
	height: 1px;
	background: #ddd;
}

.nav {
	float: left;
	width: 68%;
}

.nav ul {
	/* padding: 0 0 0 20px; */
}

.nav li .sub {
	position: absolute;
	background: #000;
	display: none;
	width: 120px;
}

.nav li {
	float: left;
	position: relative;
	/* padding: 0 20px; */
	/* width: 14%; */
	/* padding: 0 10px; */
}

.nav li a {
	line-height: 44px;
	height: 44px;
	font-size: 15px;
	color: #fff;
	padding: 0 20px;
	display: block;
	text-align: center;
}

.nav li a:hover {
	background: #006edd;
	color: #fff !important;
}

.nav li.on>a {
	color: #006edd;
}

.topSearch {
	width: 160px;
	height: 24px;
	line-height: 24px;
	float: right;
	margin-top: 10px;
	background: #333;
	border-radius: 4px;
	position: relative;
	padding: 0 40px 0 10px;
}

.topSearch .text {
	background: none;
	width: 100%;
	height: 24px;
	line-height: 24px;
	color: #fff;
}

.topSearch .btn {
	width: 40px;
	height: 24px;
	text-align: center;
	color: #999;
	position: absolute;
	right: 0;
	top: 0;
	background: none;
	border: none;
}

.pageFooter {
	background: #1b1d1f;
	color: #999;
	margin-top: 60px;
}

.pageFooter a {
	color: #999;
}

.pageFooter a:hover {
	color: #006edd;
}

.footer_sub1 {
	padding: 70px 0 60px;
}

.footer_sub1_sub1 {
	float: left;
	width: 484px;
	background: url(../../images/footerLine_v.gif) repeat-y 100% 0;
	min-height: 200px;
}

.footer_sub1_sub1 .hd,
.footer_sub1_sub1 .bd {
	width: 410px;
}

.footer_sub1_sub1 .hd {
	background: url(../../images/footerLogo.png) no-repeat 0 0;
	padding: 0 0 20px 290px;
}

.footer_sub1_sub1 .hd a {
	display: block;
	line-height: 48px;
	border: 1px solid #f60;
	color: #f60;
	border-radius: 4px;
	text-align: center;
	font-size: 14px;
	margin-bottom: 14px;
}

.footer_sub1_sub1 .hd a i {
	font-size: 18px;
	padding: 0 5px 0 0;
}

.footer_sub1_sub1 .hd a:hover {
	color: #fff;
	background: #006edd;
	border-color: #006edd;
}

.footer_sub1_sub1 .bd ul {
	margin: 0 -20px;
}

.footer_sub1_sub1 .bd li {
	float: left;
	width: 33.333%;
	padding: 0 20px;
}

.footer_sub1_sub1 .bd a {
	display: block;
	text-align: center;
	font-size: 14px;
}

.footer_sub1_sub1 .bd a img {
	display: block;
	border-radius: 4px;
}

.footer_sub1_sub1 .bd a:hover {}

.footer_sub1_sub2 {
	float: right;
}

.footer_sub1_sub2 li.m {
	float: left;
	padding: 0 0 0 70px;
}

.footer_sub1_sub2 li.m:first-of-type {
	padding-left: 0;
}

.footer_sub1_sub2 li.m h3 {
	font-size: 18px;
	color: #fff;
	line-height: 1;
	position: relative;
	padding: 0 0 0 30px;
	margin-bottom: 27px;
	/* left: -30px; */
	/* text-indent: 30px; */
}

.footer_sub1_sub2 li.m h3:before {
	content: '';
	width: 20px;
	height: 2px;
	background: #fff;
	position: absolute;
	top: 50%;
	margin-top: -1px;
	left: 0;
}

.footer_sub1_sub2 .sub {}

.footer_sub1_sub2 .sub li {
	line-height: 40px;
	padding: 0 0 0 30px;
}

.footer_sub1_sub2 .sub li a {
	display: block;
}

.footer_sub1_sub2 .sub li a:hover {
	margin-left: -10px
}

.footer_sub1_sub2 .last {}

.footer_sub1_sub2 .lastCon {
	padding: 13px 0 0 0;
}

.footer_sub1_sub2 .last .tel {
	background: url(../../images/tel.png) no-repeat 0 0;
	font-size: 28px;
	line-height: 1;
	color: #ff3f00;
	padding: 0 0 0 45px;
}

.footer_sub1_sub2 .last .tel span {
	display: block;
	font-size: 12px;
	color: #999;
	/* height: 16px; */
	line-height: 1;
	padding-top: 2px;
}

.footer_sub1_sub2 .last p {
	padding: 12px 0 0 25px;
}

.footer_sub1_sub2 .last p i {
	color: #fff;
	width: 20px;
	line-height: 28px;
	margin-left: -25px;
	text-align: left;
	display: inline-block;
}

.footer_Links {
	background: url(../../images/footerLine_h.gif) repeat-x 0 0;
	padding: 30px 0 30px 80px;
	text-align: left;
}

.footer_Links span {
	margin-left: -80px;
	color: #fff;
	display: inline-block;
	width: 78px;
}

.footer_Links a {
	display: inline-block;
	/* line-height: 28px; */
	margin-right: 40px;
}

.footer_copy {
	height: 60px;
	line-height: 60px;
	background: #000;
	text-align: center;
}

.footer_copy a {
	display: inline-block;
}

.footer_copy img {
	display: inline-block;
	vertical-align: middle;
	margin: 0 3px;
	border-radius: 5px;
}

.FloatTool {
	position: fixed;
	right: 0;
	top: 30%;
	z-index: 999;
}

.FloatTool ul {}

.FloatTool li {
	background: #fff;
	position: relative;
}

.FloatTool li:last-of-type a {
	border: none;
}

.FloatTool li>a {
	width: 50px;
	height: 50px;
	background: #ddd;
	text-align: center;
	display: block;
	/* font-size: 24px; */
	/* color: #fff; */
	position: relative;
	z-index: 33;
	border-bottom: 1px solid #fff;
}

.FloatTool li>a i {
	width: 50px;
	line-height: 50px;
	font-size: 24px;
	color: #fff;
	position: ABSOLUTE;
	left: 0;
	top: 0;
}

.FloatTool li>a:hover {
	background: #006edd;
	color: #fff;
}

.FloatTool li>a:hover i {
	transform: rotateY(360deg);
	transition-duration: .5s;
	-ms-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-webkit-transition-duration: .5s;
}

.FloatTool .sub {
	display: none;
	position: absolute;
	top: 0;
	right: 50px;
	text-align: center;
	background: #006edd;
	COLOR: #FFF;
	border-radius: 5px 0 0 5px;
	font-size: 12px;
}

.FloatTool .tel {
	width: 150px;
	display: block;
	padding: 5px 7px;
	right: -150px;
}

.FloatTool .tel p {
	display: block;
	font-size: 16px;
	color: #fff;
	text-align: center;
	line-height: 16px;
	background: #1d81e5;
	padding: 9px 0;
	margin: 2px 0;
}

.FloatTool .tel span {
	display: block;
	font-size: 14px;
}

.FloatTool .QR {
	width: 130px;
	display: block;
	padding: 8px 10px 8px 10px;
	right: -150px;
}

.FloatTool .QR span {
	display: block;
}

.FloatTool .shangqiao,
.FloatTool .QQ {
	width: 150px;
	display: block;
	padding: 5px 7px;
	right: -150px;
}

.FloatTool .shangqiao a,
.FloatTool .QQ a {
	display: block;
	font-size: 16px;
	color: #fff;
	text-align: center;
	line-height: 40px;
	background: #1d81e5;
	margin: 2px 0;
}

.FloatTool .shangqiao a:hover,
.FloatTool .QQ a:hover {
	background: #2190ff;
}

.FloatTool .toTop {
	/* line-height: 1.2; */
	/* padding: 10px 0; */
}

.FloatTool .toTop span {
	display: none;
	font-size: 12px;
}

.FloatTool li:hover .tel,
.FloatTool li:hover .QR,
.FloatTool li:hover .shangqiao,
.FloatTool li:hover .QQ {
	right: 50px;
}

.FloatTool li .sub:hover+a {
	background: #006edd;
	color: #fff;
}

.FloatTool li .sub:hover+a i {
	transform: rotateY(360deg);
	transition-duration: .5s;
	-ms-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-webkit-transition-duration: .5s;
}

@media(max-width:1400px) {
	.wrap {
		padding: 0 15px;
	}

	.footer_sub1_sub1 {
		width: 470px;
	}

	.footer_sub1_sub2 li.m {
		padding: 0 0 0 45px;
	}
}

@media(max-width:1300px) {
	.footer_sub1_sub1 {
		width: 440px;
	}

	.footer_sub1_sub2 li.m {
		padding: 0 0 0 35px;
	}

	.nav {
		width: auto;
	}

	.nav li {
		width: auto;
		padding: 0px 10px;
	}

	.nav li a {
		padding: 0px 10px;
	}
}

/*==/===================================*/
/*==闂傚倸鍊搁崐宄懊归崶褉鏋栭柡鍥ュ灩缁愭鏌熼悧鍫熺凡闁告垹濮撮埞鎴︽偐鐎圭姴顥濈紓浣哄閸ㄥ爼寮婚敐澶婄婵犲灚鍔栫紞妤呮⒑闁偛鑻晶楣冩煙閸戙倖瀚�===================================*/
.focusBanner {
	position: relative;
}

.focusBanner .prev,
.focusBanner .next {
	top: 50%;
	position: absolute;
	color: #fff;
	font-size: 24px;
	text-align: center;
	width: 60px;
	height: 60px;
	border-radius: 60px;
	line-height: 60px;
	background: rgb(0, 0, 0);
	display: block;
	left: 60px;
	z-index: 2;
	opacity: 0;
	margin-top: -30px;
}

.focusBanner:hover .prev,
.focusBanner:hover .next {
	opacity: 1;
	background: #006edd;
}

.focusBanner .next {
	right: 60px;
	left: inherit;
}

.focusBanner .hd {
	position: absolute;
	text-align: center;
	z-index: 2;
	bottom: 20px;
	width: 100%;
	height: 4px;
}

.focusBanner .hd ul {}

.focusBanner .hd li {
	width: 30px;
	height: 4px;
	background: rgb(0, 0, 0);
	opacity: .3;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3F000000, endColorstr=#3F000000);
	border-radius: 4px;
	display: inline-block;
	margin: 0 4px;
	text-indent: -9999px;
}

.focusBanner .hd li.on {
	background: #006edd;
	opacity: 1;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#9F000000, endColorstr=#9F000000);
}

.focusBanner .bd {
	width: 100% !important;
}

.focusBanner .bd li {
	height: 680px;
	width: 100% !important;
}

.focusBanner .bd li a {
	display: block;
	height: 100%;
}

.mainTitle {
	padding: 30px 0 40px;
	background: url(../../images/titleLine.png) no-repeat 50% 100px;
	text-align: center;
}

.mainTitle h2 {
	font-size: 30px;
	font-weight: bold;
	line-height: 1;
	color: #333;
}

.mainTitle span {
	font-size: 14px;
	color: #999;
	font-family: "Arial";
	display: block;
	height: 40px;
	line-height: 30px;
	text-transform: uppercase;
}

.mainProList {
	padding: 0 80px 25px;
	max-width: 1540px;
	margin: 0 auto;
}

.mainProList ul {
	margin: 0 -20px;
}

.mainProList li {
	float: left;
	width: 25%;
	padding: 0 20px 35px;
}

.mainProList a {
	display: block;
	text-align: center;
	line-height: 1;
}

.mainProList .pic {
	overflow: hidden;
}

.mainProList .pic img {
	width: 100%;
	height: 240px;
}

.mainProList a h3 {
	font-size: 16px;
	color: #333;
	padding: 20px 15px 0;
}

.mainProList a h4 {
	font-size: 14px;
	color: #999;
	padding: 10px 10px;
	height: 48px;
	overflow: hidden;
}

.mainProList a span {
	color: #ff3f00;
	font-size: 24px;
	line-height: 30px;
	height: 30px;
	overflow: hidden;
	display: inline-block;
}

.mainProList a span i {
	font-size: 14px;
}

.mainProList a:hover h3 {
	color: #006edd;
}

.mainCaseWrap {
	padding: 0 0 60px;
	background: url(../../images/001-02.jpg) no-repeat 50% 50%;
	background-size: cover;
	-ms-behavior: url(../lib/backgroundsize.min.htc);
	behavior: url(../lib/backgroundsize.min.htc);
}

.mainCaseWrap .mainTitle {
	background-image: url(../../images/titleLine2.png);
}

.mainCaseWrap .mainTitle h2 {
	color: #fff;
}

.mainCaseWrap .more {
	display: block;
	margin: 40px auto 0;
	font-size: 14px;
	color: #fff;
	border: 1px solid #fff;
	width: 140px;
	height: 40px;
	line-height: 38px;
	border-radius: 40px;
	text-align: center;
}

.mainCaseWrap .more:hover {
	background: #006edd;
	border-color: #006edd;
}

.mainCaseScrool {
	/*margin: 0 -15px;*/
	margin: 0 -1px;
	position: relative;
}

.mainCaseScrool .prev,
.mainCaseScrool .next {
	top: 50%;
	position: absolute;
	color: #fff;
	font-size: 20px;
	text-align: center;
	width: 50px;
	height: 50px;
	border-radius: 50px;
	line-height: 50px;
	background: #006edd;
	display: block;
	left: -70px;
	z-index: 2;
	opacity: 0.3;
	margin-top: -25px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3F000000, endColorstr=#3F000000);
}

.mainCaseScrool .prev:hover,
.mainCaseScrool .next:hover {
	opacity: 1;
	background: #006edd;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#9F000000, endColorstr=#9F000000);
}

.mainCaseScrool .next {
	right: -70px;
	left: inherit;
}

.mainCaseList {
	overflow: hidden;
	border-radius: 5px;
}

.mainCaseList .tempWrap {
	margin: 0 auto;
}

.mainCaseList ul {
	margin: 0 auto;
}

.mainCaseList li {
	width: 100%;
	float: left;
	border-radius: 5px;
}

.mainCaseList li a {
	display: block;
	overflow: hidden;
	/* padding: 0 15px; cursor: inherit */
}

.mainCaseList li a img {
	border-radius: 5px;
	border: 1px solid #006edd
}

@media(max-width:1440px) {
	.mainCaseList {
		width: 90%;
		margin: 0 auto;
	}

	.mainCaseScrool .prev {
		left: 10px;
	}

	.mainCaseScrool .next {
		right: 10px;
	}
}

.mainCustomers {
	padding: 0 0 60px;
}

.mainCustomers ul {
	margin: 0 -10px;
}

.mainCustomers li {
	float: left;
	padding: 0 10px 20px;
	width: 25%;
}

.mainCustomers a {
	display: block;
	border-radius: 6px;
	border: 1px solid #ddd;
	overflow: hidden;
	/*cursor: inherit;*/
}

.mainCustomers a:hover {
	/* box-shadow: 0px 0px 5px 3px #e7e7e7; */
}

.mainNewsWrap {}

.mainNewsWrap dl {
	margin: 0 -20px;
}

.mainNewsWrap dd {
	width: 50%;
	padding: 0 20px;
	float: left;
}

.mainNewsTitle {
	padding: 0 0 20px;
}

.mainNewsTitle a {
	display: block;
	height: 35px;
}

.mainNewsTitle a h2 {
	font-size: 30px;
	line-height: 1;
	font-weight: bold;
	color: #000;
	display: inline-block;
}

.mainNewsTitle a span {
	font-family: "Arial";
	font-size: 14px;
	text-transform: uppercase;
	line-height: 1;
	display: inline-block;
}

.mainNewsTitle a i {
	border: 1px solid #dedede;
	width: 28px;
	height: 28px;
	display: inline-block;
	float: right;
	text-align: center;
	line-height: 28px;
	border-radius: 100%;
	font-size: 14px;
	color: #dedede;
}

.mainNewsTitle a:hover i {
	background: #006edd;
	color: #fff;
	border-color: #006edd;
}

.mainNews {}

.mainNews .firstNews {
	padding: 20px 0;
	border-bottom: 1px solid #ddd;
}

.mainNews .firstNews a {
	display: block;
	padding: 0px 0 0px 120px;
	position: relative;
}

.mainNews .firstNews a .date {
	width: 100px;
	float: left;
	margin-left: -120px;
	border-right: 1px solid #ddd;
	font-family: "Arial";
	line-height: 40px;
	font-size: 38px;
	font-weight: bold;
	color: #006edd;
	text-align: center;
}

.mainNews .firstNews a .date span {
	display: block;
	font-weight: normal;
	font-size: 16px;
	line-height: 20px;
}

.mainNews .firstNews a h3 {
	font-size: 18px;
	color: #006edd;
	line-height: 30px;
	padding: 0 40px 0 0;
}

.mainNews .firstNews a i {
	position: absolute;
	right: 0;
	color: #006edd;
	font-size: 20px;
	line-height: 34px;
}

.mainNews .lastNews li {
	border-bottom: 1px solid #ddd;
	line-height: 50px;
}

.mainNews .lastNews a {
	display: block;
	padding: 0 90px 0 15px;
	position: relative;
}

.mainNews .lastNews a h3 {
	color: #333;
}

.mainNews .lastNews a span {
	color: #999;
	float: right;
	margin-right: -90px;
	text-align: right;
	font-size: 12px;
}

.mainNews .lastNews a:hover h3 {
	color: #006edd;
}

.mainNews .lastNews a:before {
	content: '';
	width: 4px;
	height: 4px;
	background: #999;
	position: absolute;
	top: 50%;
	margin-top: -2px;
	left: 0;
}

.mainNews .lastNews a:hover:before {
	background: #006edd;
}


.mainQAWrap ul {
	padding: 0 0 20px;
}

.mainQAWrap li {
	border-bottom: 1px dotted #ddd;
	padding: 20px 0;
}

.mainQAWrap li a {
	line-height: 20px;
}

.mainQAWrap li a h3 {
	margin-bottom: 10px;
	padding: 0 0 0 30px;
	font-size: 16px;
	color: #333;
}

.mainQAWrap li a p {
	padding: 0 0 0 30px;
	color: #999;
}

.mainQAWrap li a h3:before,
.mainQAWrap li a p:before {
	content: "Q";
	width: 20px;
	height: 20px;
	background: #006edd;
	border-radius: 4px;
	display: block;
	float: left;
	text-align: center;
	color: #fff;
	line-height: 20px;
	font-size: 12px;
	margin-left: -30px;
}

.mainQAWrap li a p:before {
	content: "A";
	background: #ff3f00;
}

.mainQAWrap li a:hover p {
	color: #006edd;
}

.mainQAWrap .bd {
	height: 160px;
}

.mainQAWrap .bd a {
	display: block;
	height: 100%;
	padding: 40px 0 0 40px;
	font-size: 16px;
	line-height: 60px;
	color: #333;
}

.mainQAWrap .bd a i {
	width: 120px;
	height: 40px;
	line-height: 40px;
	color: #fff;
	background: #ff3f00;
	text-align: center;
	border-radius: 40px;
	display: block;
}

.mainQAWrap .bd a:hover i {
	background: #006edd;
}

.seciont-about {
	text-align: center;
	background: none;
	margin: 0px auto 10px;
	position: relative;
}

.seciont-about .detailWrap {
	position: absolute;
	left: 50%;
	margin-left: -450px;
	line-height: 1;
	top: 64px;
	z-index: 2;
	width: 900px;
}

.seciont-about h2 {
	line-height: 1;
	color: #fff;
	font-weight: lighter;
	font-size: 38px;
	text-shadow: 0px 2px 3px rgba(15, 17, 21, 0.82);
}

.seciont-about span,
.seciont-about p {
	font-size: 30px;
	margin-top: 28px;
	display: block;
}


.seciont-about .hd {
	/* position: absolute; */
	/* left: 0; */
	/* top: 94px; */
	text-align: center;
	/* width: 100%; */
	/* z-index: 9; */
}

.seciont-about .hd ul {
	/* position: absolute; */
	/* left: 0; */
	/* top: 220px; */
	/* text-align: center; */
	/* width: 100%; */
	padding: 35px 0 0 0;
}

.seciont-about .hd li {
	margin: 0 25px;
	font-size: 22px;
	line-height: 46px;
	background: #babec8;
	border-radius: 46px;
	color: #fff;
	padding: 0 30px;
	cursor: pointer;
	display: inline-block;
}

.seciont-about .hd li.on {
	background: #6999fe;
}



/*==/闂傚倸鍊搁崐宄懊归崶褉鏋栭柡鍥ュ灩缁愭鏌熼悧鍫熺凡闁告垹濮撮埞鎴︽偐鐎圭姴顥濈紓浣哄閸ㄥ爼寮婚敐澶婄婵犲灚鍔栫紞妤呮⒑闁偛鑻晶楣冩煙閸戙倖瀚�===================================*/
.BreadCrumb.wrap {
	margin-top: 134px;
}

.BreadCrumb {
	font-size: 14px;
	color: #999;
	line-height: 50px;
}

.BreadCrumb i {
	font-size: 14px;
}

.BreadCrumb span {
	color: #666
}

.BreadCrumb a {
	color: #999;
}

.BreadCrumb a:hover {
	color: #006edd;
}

.BreadCrumb .selects {
	display: inline-block;
	border: 1px solid #ddd;
	border-radius: 4px;
	padding: 0 5px;
	margin-right: 5px;
	line-height: 26px;
	color: #666 !important;
	height: 28px;
	overflow: hidden;
	vertical-align: middle;
	background: #fefefe;
}

.BreadCrumb .selects i {
	float: right;
	display: block;
	line-height: 28px;
}

.BreadCrumb .selects:hover {
	color: #006edd !important;
	border-color: #006edd;
}

/*闂傚倸鍊搁崐宄懊归崶褉鏋栭柡鍥ュ灩缁愭鏌熼悧鍫熺凡闁告垹濮撮埞鎴︽偐鐎圭姴顥濈紓浣哄閸ㄦ娊鍩€椤掑倹鍤€閻庢凹鍠楅弲璺何旈崨顓犵暰闂佺ǹ鐬奸崑鐐哄煕閹达附鍋ｉ柟顓熷笒婵″ジ鏌＄€ｎ偄鐏撮柡宀嬬磿閳ь剨缍嗘禍鍫曟偂閸忕⒈娈介柣鎰皺缁犲鏌熼鐣岀煉闁瑰磭鍋ゆ俊鐑芥晜缁涘鎴烽梻鍌氬€风粈渚€骞栭锕€纾归柛顐ｆ礀绾惧綊鏌″搴′簮闁稿鎸搁～婵嬵敆閸屾簽銊╂⒑閸濆嫯顫﹂柛鏃€鍨块獮鍐閵堝懎绐涙繝鐢靛Т鐎氼亞妲愰弴銏♀拻濞达絽鎽滅粔鐑樸亜閵夛附宕岀€规洘顨呴～婊堝焵椤掆偓椤曪綁顢曢敃鈧粻濠氭偣閸パ冪骇妞ゃ儲绻堝娲濞戞艾顣哄┑鈽嗗亝椤ㄥ﹪銆侀弮鍫濋唶闁哄洨鍟块幏娲煟閻樺厖鑸柛鏂跨焸瀵悂骞嬮敂鐣屽幐闁诲函缍嗘禍鍫曟偂閸忕⒈娈介柣鎰皺缁犲鏌熼鐣岀煉闁瑰磭鍋ゆ俊鐑芥晜缁涘鎴烽梻鍌氬€风粈渚€骞夐敓鐘冲仭妞ゆ牜鍋涚壕濠氭煙閹规劦鍤欑紒鐙€鍨堕弻銊╂偆閸屾稑顏�*/
.BreadCrumbPro {
	background: rgba(105, 111, 114, .4);
	border-bottom: 1px solid rgb(105, 111, 114);
	border-bottom: 1px solid rgba(105, 111, 114, .4);
	/* color: #fff; */
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}

.BreadCrumbPro a:hover {
	color: #fff;
}

.BreadCrumbPro span {
	color: #fff;
}

.BreadCrumbDrop {
	display: inline-block;
	line-height: 30px;
	position: relative;
}

.BreadCrumbDropHd a {
	color: #fff !important;
	display: block;
	position: relative;
	padding: 0 20px 0 0;
}

.BreadCrumbDropHd a i {
	position: absolute;
	/* text-align: center; */
	display: INLINE-BLOCK;
	width: 20px;
	height: 20px;
	right: 0;
	top: 50%;
	margin-top: -10px;
	line-height: 20px;
}

.BreadCrumbDrop .on .BreadCrumbDropHd i {
	transform: rotate(180deg);
}

.BreadCrumbDropBd {
	position: absolute;
	line-height: 30px;
	display: none;
}

.BreadCrumbDropBd>ul {
	background: rgba(255, 255, 255, .9);
	position: relative;
	width: 190px;
	padding: 15px 0;
}

.BreadCrumbDropBd h3 a {
	color: #5a5a5a;
	display: block;
	text-indent: 20px;
}

.BreadCrumbDropBd h3 a i {
	font-size: 12px;
	float: right;
	padding: 0 20px 0 0;
}

.BreadCrumbDropBd h3 a:hover,
.BreadCrumbDropBd h3 a:hover i,
.BreadCrumbDropBd .on h3 a,
.BreadCrumbDropBd .on h3 a i {
	background: #006edd;
	color: #fff;
}

.BreadCrumbDropBd .sub {
	position: absolute;
	left: 191px;
	top: 15px;
	display: none;
	width: 190px;
	background: rgba(255, 255, 255, .9);
}

.BreadCrumbDropBd .on .sub {
	display: block !important;
}

.BreadCrumbDropBd .sub a {
	display: block;
	text-indent: 20px;
	color: #5a5a5a;
}

.BreadCrumbDropBd .sub a:hover,
.BreadCrumbDropBd .sub .on a {
	background: #006edd;
	color: #fff;
}

.pages {
	text-align: center;
}

.pages a,
.pages strong {
	display: inline-block;
	margin: 0 5px;
	border: 1px solid #ddd;
	border-radius: 5px;
	padding: 0 13px;
	line-height: 34px;
	/* background: #fff; */
}

.pages a.on,
.pages a:hover,
.pages strong {
	background: #006edd;
	color: #fff;
	border-color: #006edd;
}

.pages a.disabled {
	color: #ddd;
	cursor: default;
	background: none;
	border-color: #ddd;
}

.loadingWrap .loading {
	width: 40%;
	margin: 0 auto;
	background: #fff;
	line-height: 40px;
	text-align: center;
	border: 1px solid #ddd;
	border-radius: 5px;
}

.loading .icon {
	width: 20px;
	height: 20px;
	border: 1px #006edd solid;
	border-radius: 50%;
	-webkit-animation: rotation 1s ease-in-out infinite;
	-moz-animation: rotation 1s ease-in-out infinite;
	animation: rotation 1s ease-in-out infinite;
	display: inline-block;
	position: relative;
	vertical-align: middle;
	margin: 0 10px;
}

.loading .icon:after {
	width: 5px;
	height: 5px;
	background-color: #006edd;
	border-radius: 100%;
	position: absolute;
	content: "";
	top: 0px;
}

@-webkit-keyframes rotation {
	0% {
		-webkit-transform: rotate(0deg)
	}

	100% {
		-webkit-transform: rotate(360deg)
	}
}

@-moz-keyframes rotation {
	0% {
		-moz-transform: rotate(0deg)
	}

	100% {
		-moz-transform: rotate(360deg)
	}
}

@keyframes rotation {
	0% {
		transform: rotate(0deg)
	}

	100% {
		transform: rotate(360deg)
	}
}

.select {
	position: relative;
	/* width: 100px; */
	/* min-width: 134px; */
	height: 36px;
	/* border: 1px solid #f1f1f1; */
	cursor: pointer;
	border-radius: 4px;
}

.select:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -2px;
	border-top: 5px solid #666;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
}

.select .select_text {
	padding: 0 30px 0 10px;
	height: 36px;
	line-height: 36px;
}

.select_ul {
	display: none;
	position: absolute;
	top: 34px;
	left: -1px;
	width: 134px;
	min-width: 134px;
	border: 1px solid #f1f1f1;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	background: #fff;
	z-index: 2;
}

.select_ul li {
	line-height: 36px;
	text-indent: 10px;
}

.select_ul li:hover {
	color: #fff;
	background: rgb(21, 136, 252);
}

.select_ul li.cur {
	color: #fff;
	background: #006edd;
}

/*==闂傚倸鍊搁崐宄懊归崶褉鏋栭柡鍥ュ灩缁愭鏌熼悧鍫熺凡闁告垹濮撮埞鎴︽偐鐎圭姴顥濈紓浣哄閸ㄥ爼寮婚敐澶婄闁挎繂鎲涢幘缁樼厸闁告侗鍠楅崐鎰版煛瀹€瀣埌闁宠娴锋禒锔剧矙婢剁ǹ顥氶梻浣告啞閸旀洖顕ｉ崼鏇ㄦ晩闁逞屽墴濮婄粯鎷呴崫銉ㄥ銈冨劜閹瑰洤鐣峰Δ鈧～婊堝焵椤掆偓椤曪綁顢曢敃鈧粻鑽ょ磽娴ｈ偂鎴濃枍閵忋倖鈷戦悹鎭掑妼濞呮劙鏌熼崙銈嗗===================================*/
.brandIconImg {
	background-image: url(../../images/brandTop.png);
}

.brandTopList {
	margin-top: -40px;
}

.brandTopList li {
	/* height: 415px; */
	background-position: 0 0;
	position: relative;
	padding: 40px;
	background: #fff;
	margin: 40px 0 0 0;
	box-shadow: 0px 0px 5px 4px #e6e6e6;
	border-radius: 5px;
}

.brandTopList li a {
	position: relative;
}

.brandTopList li:after {
	content: "";
	width: 23px;
	height: 64px;
	background-image: url(../../images/brandTop.png);
	background-position: -23px -1031px;
	position: absolute;
	right: 30px;
	top: -20px;
}

.brandTopList li a.no2:before {
	background-position: -66px 0;
}

.brandTopList li a.no3:before {
	background-position: -132px 0;
}

.brandTopList li a.no4:before {
	background-position: -198px 0;
}

.brandTopList li a.no5:before {
	background-position: -264px 0;
}

.brandTopList li a.no6:before {
	background-position: -330px 0;
}

.brandTopList li.NO7:before {
	background-position: -396px 0;
}

.brandTopList li.NO8:before {
	background-position: -462px 0;
}

.brandTopList li.NO9:before {
	background-position: -528px 0;
}

.brandTopList li.NO10:before {
	background-position: -594px 0;
}

.brandTopList .bd {
	position: relative;
	padding: 40px 40px 40px 460px;
}

.brandTopList .bd:after {
	content: "";
	width: 13px;
	height: 176px;
	background-image: url(../../images/brandTop.png);
	background-position: 0 -980px;
	position: absolute;
	left: 573px;
	top: 30px;
	display: none;
}

.brandTopList .bd:before {
	content: "";
	width: 110px;
	height: 110px;
	background-image: url(../../images/brandTop3.png);
	background-position: 0 -0px;
	position: absolute;
	left: 160px;
	top: 50px;
}

.brandTopList li.NO2 .bd:before {
	background-position: -110px 0px;
}

.brandTopList li.NO3 .bd:before {
	background-position: -220px 0px;
}

.brandTopList li.NO4 .bd:before {
	background-position: -330px 0px;
}

.brandTopList li.NO5 .bd:before {
	background-position: -440px 0px;
}

.brandTopList li.NO6 .bd:before {
	background-position: 0px -110px;
}

.brandTopList li.NO7 .bd:before {
	background-position: -110px -110px;
}

.brandTopList li.NO8 .bd:before {
	background-position: -220px -110px;
}

.brandTopList li.NO9 .bd:before {
	background-position: -330px -110px;
}

.brandTopList li.NO10 .bd:before {
	background-position: -440px -110px;
}

.brandTopList a {
	display: block;
	border: 1px solid #ddd;
	color: #333;
	position: relative;
}

.brandTopList li>a:after {
	content: '';
	width: 1px;
	height: 100%;
	background: #ddd;
	position: absolute;
	left: 31%;
	top: 0;
	margin-left: -2px;
}

.brandTopList dl {
	overflow: hidden;
	padding: 0 0 0px;
	border-bottom: 1px solid #ddd;
}

.brandTopList dd {
	width: 23%;
	float: left;
	border-left: 1px solid #ddd;
	line-height: 58px;
	margin: 0px 0 0 -1px;
	text-align: center;
	overflow: hidden;
	height: 60px;
}

.brandTopList dd:nth-of-type(4n+1) {
	width: 31%;
	/* text-indent: -50px; */
}

.brandTopList dd:nth-of-type(4n+4) {
	border-right: none;
}

.brandTopList a dd {
	font-size: 16px;
	/* color: #111; */
}

.brandTopList a dd .star {
	color: #f10;
}

.brandTopList a p {
	position: relative;
	padding: 0 0 0 120px;
	line-height: 40px;
	font-size: 16px;
	color: #333;
	float: left;
	width: 100%;
	zoom: 1;
}

.brandTopList a p:before {
	content: '';
	width: 1px;
	height: 100%;
	background: #ddd;
	position: absolute;
	z-index: 2;
	left: 90px;
}

.brandTopList a p:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
}

.brandTopList a p span {
	text-indent: 0;
	/* position: absolute; */
	/* left: 485px; */
	/* top: 50%; */
	/* font-size: 12px; */
	/* height: 36px; */
	line-height: 36px;
	/* margin-top: -17px; */
	width: 60px;
	text-align: right;
	margin-left: -120px;
	float: left;
	position: relative;
}

.brandTopList a p span:before {
	content: '';
	width: 6px;
	height: 6px;
	background: #ddd;
	position: absolute;
	border-radius: 5px;
	top: 15px;
	left: 88px;
}

.brandTopList a p span:after {
	content: '';
}

.brandTopList a .btn {
	width: 112px;
	height: 27px;
	border: 1px solid #bababa;
	line-height: 25px;
	font-size: 12px;
	color: #616161;
	text-indent: 15px;
	background: url("../../images/arrow.png") right -3px;
	background-repeat: no-repeat;
	position: absolute;
	left: 158px;
	bottom: 50px;
	z-index: 2
}

.brandTopList a .btn:hover {
	background-position: right -34px;
	background-color: #006edd;
	color: #fff;
	border-color: #fff;
}

.brandTopList .picList {
	overflow: hidden;
	position: relative;
}

.brandTopList .picList h4 {
	font-size: 16px;
	line-height: 55px;
	color: #333;
}

.brandTopList .picList .list {
	margin: 0 -0px;
}

.brandTopList .picList .item {
	float: left;
	width: 25%;
	/*padding: 0 16px; */
}

.brandTopList .picList a {
	border: none;
	padding: 0 0px 0 0;
}

.brandTopList .picList a.prev,
.brandTopList .picList a.next {
	width: 30px;
	height: 60px;
	background: rgba(0, 110, 221, 0.8);
	color: #fff;
	text-align: center;
	line-height: 60px;
	position: absolute;
	left: 0;
	top: 120px;
	z-index: 2;
}

.brandTopList .picList a.next {
	left: inherit;
	right: 0;
}

.brandTopList .picList a.prevStop,
.brandTopList .picList a.nextStop {
	display: none;
}

@media(max-width: 1400px) {
	.brandTopList dd:nth-of-type(3n+2) {
		border: none;
	}
}

@media(max-device-width: 1200px) {
	.brandTopList dd:nth-last-of-type(2) {
		border-left: none;
	}

	.brandTopList li>a:after {
		left: 33.3333%;
	}

	.brandTopList .bd:before {
		left: 70px;
	}

	.brandTopList .bd {
		padding: 40px 30px 50px 380px;
	}

	.brandTopList a p {
		font-size: 14px;
	}
}

@media(max-device-width: 1024px) {
	.brandTopList .bd {
		padding: 40px 30px 50px 410px;
	}

	.brandTopList a .btn {
		left: 70px;
	}
}



/*==/闂傚倸鍊搁崐宄懊归崶褉鏋栭柡鍥ュ灩缁愭鏌熼悧鍫熺凡闁告垹濮撮埞鎴︽偐鐎圭姴顥濈紓浣哄閸ㄥ爼寮婚敐澶婄闁挎繂鎲涢幘缁樼厸闁告侗鍠楅崐鎰版煛瀹€瀣埌闁宠娴锋禒锔剧矙婢剁ǹ顥氶梻浣告啞閸旀洖顕ｉ崼鏇ㄦ晩闁逞屽墴濮婄粯鎷呴崫銉ㄥ銈冨劜閹瑰洤鐣峰Δ鈧～婊堝焵椤掆偓椤曪綁顢曢敃鈧粻鑽ょ磽娴ｈ偂鎴濃枍閵忋倖鈷戦悹鎭掑妼濞呮劙鏌熼崙銈嗗===================================*/
/*==闂傚倸鍊搁崐宄懊归崶褉鏋栭柡鍥ュ灩缁愭鏌熼悧鍫熺凡闁告垹濮撮埞鎴︽偐鐎圭姴顥濈紓浣哄閸ㄥ爼寮婚敐澶婄闁挎繂鎲涢幘缁樼厸闁告侗鍠楅崐鎰版煛瀹€瀣瘈鐎规洘甯掕灒閻炴稈鈧厖澹曢梺鍝勭▉閸嬧偓闁稿鎸搁～婵嬵敆閸屾簽銊╂⒑閸濆嫯顫﹂柛鏃€鍨块獮鍐閵堝懎绐涙繝鐢靛Т鐎氼亞妲愰弴銏♀拻濞达絽鎽滅粔鐑樸亜閵夛附宕岀€规洘顨呴～婊堝焵椤掆偓椤曪綁顢曢敃鈧粻鑽ょ磽娴ｈ偂鎴濃枍閵忋倖鈷戦悹鎭掑妼濞呮劙鏌熼崙銈嗗===================================*/
.proDetailFocusBox .brandInfo {
	display: none;
}

.brandInfo {
	height: 290px;
	background-position: 50% 50%;
	margin-bottom: 20px;
	border-radius: 5px;
	font-size: 16px;
	color: #fff;
	line-height: 40px;
}

.brandInfo dl {
	padding: 50px 0 0 10px;
}

.brandInfo dd {
	float: left;
	text-align: center;
	width: 260px;
	position: relative;
}

.brandInfo dd img {
	border-radius: 5px;
	width: 180px;
	height: 180px;
}

.brandInfo dd p {
	line-height: 30px;
	font-size: 20px;
	position: absolute;
	left: 260px;
	top: 0;
	width: 200px;
	text-align: left;
	line-height: 1;
}

.brandInfo dt {
	float: left;
	font-size: 16px;
	color: #fff;
	line-height: 40px;
	position: relative;
	margin-top: 26px;
	overflow: hidden;
}

.brandInfo dt:before {
	content: '';
	width: 1px;
	height: 90%;
	background: #DDD;
	position: absolute;
	left: 82px;
	top: 10px;
}

.brandInfo dt p {
	padding: 10px 40px 10px 115px;
	position: relative;
	line-height: 20px;
}

.brandInfo dt p span {
	margin-left: -115px;
	float: left;
}

.brandInfo dt p:before {
	content: '';
	width: 5px;
	height: 5px;
	border-radius: 5px;
	background: #ddd;
	position: absolute;
	left: 80px;
	top: 20px;
	margin-top: -3px;
}

@media(max-device-width: 1200px) {
	.brandInfo dl {
		padding-left: 550px !important;
	}

	.brandInfo dt {
		font-size: 14px;
	}
}

.proContainer {
	padding: 0 0 0 280px;
}

.proSideBar {
	width: 260px;
	float: left;
	margin-left: -280px;
	background: #fff;
	min-height: 300px;
	border-radius: 5px;
	overflow: hidden;
	border: 1px solid #ddd;
}

.proSideBar .title {
	background: url(../../images/proSideBarBg.jpg) repeat-x 0 bottom #fff;
	text-align: center;
	line-height: 52px;
	font-size: 28px;
	color: #337fe0;
	font-family: "Arial";
	position: relative;
	text-indent: -99999px;
}

.proSideBar .title strong {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	color: #333;
	font-size: 20px;
	text-indent: 0;
	font-weight: normal;
}

.proSideBar ul {
	padding: 0;
}

.proSideBar li.m {
	max-height: 400px;
	transition: max-height 0.5s;
	overflow: hidden;
}

.proSideBar a.hd {
	/* height: 40px; */
	border: 1px solid #ddd;
	border-width: 1px 0 0 0;
	display: block;
	line-height: 50px;
	font-size: 16px;
	color: #333;
	text-indent: 40px;
}

.proSideBar .hdBox {
	position: relative;
}

.proSideBar .hdBox i {
	width: 20px;
	height: 20px;
	border-radius: 100%;
	/* background: #ddd; */
	color: #ddd;
	text-align: center;
	line-height: 24px;
	text-indent: 0;
	position: absolute;
	right: 20px;
	top: 50%;
	margin-top: -10px;
	font-size: 16px;
	overflow: hidden;
	font-weight: bold;
	cursor: pointer;
}

.proSideBar .on a.hd {
	color: #006edd;
	border-color: #006edd;
	background: #006edd;
	color: #fff !important;
}

.proSideBar .on .hdBox i {
	background: #006edd
}

.proSideBar a.hd:hover {
	color: #006edd;
	/* border-color: #006edd */
}

.proSideBar .hdBox:hover i {
	background: #006edd
}

.proSideBar .sub {
	padding: 5px 0 5px 40px;
	border-top: 1px solid #ddd;
}

.proSideBar .sub a {
	font-size: 14px;
	color: #666;
	line-height: 30px;
	padding: 0 0 0 15px;
	height: 30px;
	display: block;
}

.proSideBar .sub a:before {
	content: '';
	width: 6px;
	height: 6px;
	border: 1px solid #ddd;
	float: left;
	margin-left: -15px;
	margin-top: 11px;
	border-radius: 6px;
}

.proSideBar .sub a:hover,
.proSideBar .sub a:hover:before,
.proSideBar .sub li.on a,
.proSideBar .sub li.on a:before {
	color: #006edd;
	border-color: #006edd
}

.proSideBar li.m.close {
	max-height: 54px;
}

.proSideBar li.m.close .hdBox i {
	transform: rotate(-90deg);
}

.proList {
	padding: 0;
	width: 100%;
}

.proList ul {
	margin: 0 -5px;
	padding-bottom: 10px;
}

.proList li {
	width: 33.333%;
	padding: 0 5px 20px;
}

.proList li a {
	background: #fff;
	padding: 0 0 15px;
	border-radius: 5px;
	overflow: hidden;
}

.proFilter,
.filterSort {
	padding: 20px 40px 10px;
	margin-bottom: 20px;
	color: #333;
	line-height: 46px;
	background: #fff;
	border-radius: 5px;
}

.proFilter dl,
.filterSort dl {
	border-bottom: 1px dashed #ddd;
	padding: 0 0 0 90px;
}

.proFilter dl:last-of-type {
	border: none;
}

.proFilter dd,
.filterSort dd {
	font-weight: bold;
	float: left;
	margin-left: -90px;
}

.proFilter .typeList li {
	float: left;
	padding: 0 40px 0 0;
}

.proFilter .typeList a {
	font-size: 14px;
	color: #333;
	line-height: 46px;
	display: block;
}

.proFilter .typeList a:hover {
	color: #006edd;
}

.proFilter .typeList li.on a {
	color: #006edd;
}

.proFilter .selectBox {
	float: left;
	padding: 5px 20px 0 0;
}

.proFilter .select3 .select_ul {
	width: 210px;
}

.proFilter .typebrand {
	padding: 0 60px 0px 0;
	margin-bottom: 20px;
	max-height: 100px;
	transition: max-height .5s;
	overflow: hidden;
}

.proFilter .typebrand ul {
	/* max-height: 98px; */
	/* transition: max-height 1s; */
	/* overflow: hidden; */
	margin: 1px 0 0 1px;
}

.proFilter .typebrand li {
	float: left;
	width: 12.5%;
	margin: -1px 0 0 -1px;
}

.proFilter .typebrand li a {
	display: block;
	height: 50px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	border: 1px solid #ddd;
	/* border-width: 0 1px 1px 0; */
	position: relative;
	z-index: 2;
}

.proFilter .typebrand li a .text {
	display: none;
}

.proFilter .typebrand li a:hover {
	border-color: #006edd;
	/* position: relative; */
	z-index: 3;
}

.proFilter .typebrand li a i {
	background: url(../../images/selectIcon.png) no-repeat 100% 100%;
	position: absolute;
	border: 2px solid #006edd;
	display: none;
	top: -1px;
	right: -1px;
	bottom: -1px;
	left: -1px;
	z-index: 4444;
}

.proFilter .typebrand li.on a i {
	display: block;
}

.proFilter .typebrand li.on a {
	z-index: 3
}

.proFilter .brandMore {
	float: right;
	margin-right: -60px;
	width: 60px;
}

.proFilter .brandMore span {
	display: block;
	width: 100%;
	line-height: 50px;
	text-align: right;
	cursor: pointer;
}

.proFilter .typebrand .close,
.proFilter .typebrand.on .open {
	display: none;
}

.proFilter .typebrand.on .close {
	display: block;
}

.proFilter .typebrand.on {
	max-height: 150px;
}

.proFilter .typebrandClose {
	padding-right: 0;
}

.proFilter .typebrandClose .brandMore {
	display: none;
}

.filterSort {
	padding: 0 40px;
	line-height: 46px;
}

.filterSort dl {
	border-bottom: none;
}

.filterSort ul {}

.filterSort li {
	float: left;
	padding: 0 40px 0 0;
}

.filterSort li a {
	display: block;
	position: relative;
	color: #333;
}

.filterSort .arrow {}

.filterSort .arrow a {
	padding: 0 18px 0 0;
}

.filterSort .arrow a i {
	font-size: 12px;
	position: absolute;
	right: 0;
	line-height: 1;
	color: #ddd;
}

.filterSort .icon_up {
	top: 13px;
}

.filterSort .icon_down {
	bottom: 12px;
}

.filterSort li a:hover,
.filterSort li.on a,
.filterSort li.on.up .icon_up,
.filterSort li.on.down .icon_down {
	color: #006edd;
}

.filterSort li.on.up .icon_down,
.filterSort li.on.down .icon_up {
	color: #ddd;
}

.proFilterList {}

.proFilterList ul {
	margin: 0 -10px;
	padding-bottom: 20px;
}

.proFilterList li {
	width: 25%;
	padding: 0 10px 20px;
}

/*==/闂傚倸鍊搁崐宄懊归崶褉鏋栭柡鍥ュ灩缁愭鏌熼悧鍫熺凡闁告垹濮撮埞鎴︽偐鐎圭姴顥濈紓浣哄閸ㄥ爼寮婚敐澶婄闁挎繂鎲涢幘缁樼厸闁告侗鍠楅崐鎰版煛瀹€瀣瘈鐎规洘甯掕灒閻炴稈鈧厖澹曢梺鍝勭▉閸嬧偓闁稿鎸搁～婵嬵敆閸屾簽銊╂⒑閸濆嫯顫﹂柛鏃€鍨块獮鍐閵堝懎绐涙繝鐢靛Т鐎氼亞妲愰弴銏♀拻濞达絽鎽滅粔鐑樸亜閵夛附宕岀€规洘顨呴～婊堝焵椤掆偓椤曪綁顢曢敃鈧粻鑽ょ磽娴ｈ偂鎴濃枍閵忋倖鈷戦悹鎭掑妼濞呮劙鏌熼崙銈嗗===================================*/
/*==闂傚倸鍊搁崐宄懊归崶褉鏋栭柡鍥ュ灩缁愭鏌熼悧鍫熺凡闁告垹濮撮埞鎴︽偐鐎圭姴顥濈紓浣哄閸ㄥ爼寮婚敐澶婄闁挎繂鎲涢幘缁樼厸闁告侗鍠楅崐鎰版煛瀹€瀣瘈鐎规洘甯掕灒閻炴稈鈧厖澹曢梺鍝勭▉閸嬧偓闁稿鎸搁～婵嬵敆閸屾簽銊╂⒑閸濆嫯顫﹂柛鏃€鍨块獮鍐閵堝懎绐涙繝鐢靛Т鐎氼亞妲愰弴銏♀拻濞达絽鎽滅粔鐑樸亜閵夛附宕岀€规洘顨呴～婊堝焵椤掆偓椤曪綁顢曢敃鈧粻鑽ょ磽娴ｈ偂鎴濃枍閵忋倖鈷戦悹鎭掑妼濞呮劙鏌熼崙銈嗗===================================*/
.proDetailFocusBox {
	height: 740px;
	background: url(../../images/proDetail_01.jpg) no-repeat 50% 50% #1e1e1e;
	position: relative;
}

.proFocusContainer {}

.proFocus {
	width: 50%;
	height: 740px;
	float: left;
}

.proFocus .bd {
	height: 600px;
	max-width: 600px;
	margin-top: 32px;
}

.proFocus .bd img {}

.proFocus .hd {
	max-width: 600px;
	position: relative;
	padding: 0 50px;
}

.proFocus .hd ul {
	padding: 0;
}

.proFocus .hd li {
	float: left;
	padding: 0 10px;
	width: 20%;
}

.proFocus .hd li img {
	/* width: 80px; height: 80px;*/
	border: 1px solid #bbb;
}

.proFocus .hd li.on img {
	border: 2px solid #006edd;
}

.proFocus .prev,
.proFocus .next {
	top: 50%;
	position: absolute;
	color: #999;
	font-size: 16px;
	text-align: center;
	width: 40px;
	height: 40px;
	border-radius: 40px;
	line-height: 40px;
	/* background: #999; */
	border: 1px solid #999;
	display: block;
	left: 0;
	z-index: 2;
	margin-top: -20px;
}

.proFocus .next {
	left: inherit;
	right: 0;
}

.proFocus .prev:hover,
.proFocus .next:hover {
	color: #fff;
	background: #006edd;
	border-color: #006edd
}

.proFocusInfo {
	width: 50%;
	padding: 90px 0 0 90px;
	float: left;
}

.proFocusInfo h1 {
	font-size: 24px;
	font-weight: bold;
	color: #fff;
	line-height: 1.5;
	padding: 0 0 15px;
}

.proFocusInfo .canshu {
	border: 1px solid #fff;
	border: 1px solid rgba(255, 255, 255, .4);
	border-width: 1px 0;
	color: #fff;
	text-align: left;
	padding: 10px 0 15px 0;
}

.proFocusInfo .canshu h2 {
	font-size: 20px;
	font-weight: bold;
	padding: 0 0 10px;
}

.proFocusInfo .canshu span {
	display: inline-block;
	font-size: 18px;
	color: #e0e0e0;
	padding: 0 25px 0 0;
}

.proFocusInfo .type {
	line-height: 40px;
	padding: 10px 0;
}

.proFocusInfo .type dl {
	padding: 10px 0 0px 60px;
}

.proFocusInfo .type dd {
	float: left;
	width: 60px;
	color: #ddd;
	font-size: 18px;
	margin-left: -60px;
}

.proFocusInfo .type dt {}

.proFocusInfo .type dt span {
	font-size: 36px;
	font-family: "Arial";
	color: #fff;
}

.proFocusInfo .type dt i {
	font-size: 18px;
	font-family: "Arial";
	padding: 2px;
	color: #fff;
}

.proFocusInfo .type dt a {
	border: 1px solid #fff;
	text-align: center;
	display: inline-block;
	width: 120px;
	border-radius: 4px;
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
	line-height: 38px;
	color: #fff;
}

.proFocusInfo .type dt a:hover {
	color: #0f98ff;
	border-color: #0f98ff;
}

.proFocusInfo .type dt a.on {
	background: #006edd;
	color: #fff;
	border-color: #006edd;
}

.proFocusInfo .type dt a.disable {
	cursor: not-allowed;
	border-color: #7a7a7a;
	color: #7a7a7a;
	background: none;
}

.proFocusInfo .bd {
	padding: 15px 0 0 0;
}

.proFocusInfo .bd a {
	border: 1px solid #fff;
	text-align: center;
	display: inline-block;
	width: 194px;
	border-radius: 4px;
	line-height: 48px;
	color: #fff;
	font-size: 18px;
}

.proFocusInfo .bd a:hover {
	border-color: #006edd;
	background: #006edd;
}

.ProHot_list {
	padding: 40px 0;
}

.ProHot_list .t {
	background: url(../../images/proDetail_02.png) no-repeat 0 center;
	padding: 0 0 0 40px;
	line-height: 30px;
	font-size: 28px;
	color: #333;
}

.ProHot_list .t span {
	font-size: 14px;
	color: #999;
	font-family: 'Arial';
	text-transform: uppercase;
}

.ProHot_list ul {
	margin: 0 -10px;
	padding: 20px 0 0 0;
}

.ProHot_list li {
	float: left;
	width: 25%;
	padding: 0 10px;
}

.ProHot_list li a {
	display: block;
}

.ProHot_list li a img {
	border-radius: 5px;
}

.proDetailTabWrap {}

.proDetailTabHd {
	height: 50px;
	position: relative;
}

.proDetailTabHd .box {
	height: 50px;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	background: #000;
}

.proDetailTabHd.on .box {
	position: relative;
}

.proDetailTabHd ul {
	overflow: hidden;
}

.proDetailTabHd li {
	float: left;
	width: 16%;
	border-right: 1px solid #666;
	/*margin-left: -1px;*/
}

.proDetailTabHd li a {
	display: block;
	line-height: 50px;
	font-size: 18px;
	color: #fff;
	text-align: center;
}

.proDetailTabHd li a:hover {
	color: #006edd
}

.proDetailTabHd li.on a {
	background: #006edd;
	color: #fff;
}

/*闂傚倸鍊搁崐椋庢閿熺姴纾婚柛鏇ㄥ幗瀹曞弶鎱ㄥ璇蹭壕閻庢鍣崑濠囩嵁濡吋瀚氶柛娆忣樈濡喖姊绘笟鈧褔鎮ч崱妞㈡稑螖閸滀焦鏅滈梺鍓插亝濞叉﹢鎮￠弴銏＄厪濠㈣埖锚閻忥繝鎮楀鐐*/
.proDetailCon_sub1 {
	background: url(../../images/proDetail_03.jpg) no-repeat 50% 50%;
	background-size: cover;
}

.proDetailCon_sub1 img {
	display: block;
	margin: 0 auto;
}

/*闂傚倸鍊搁崐宄懊归崶褉鏋栭柡鍥ュ灩缁愭鏌熼悧鍫熺凡闁告垹濮撮埞鎴︽偐鐎圭姴顥濈紓浣哄閸ㄦ娊鍩€椤掑倹鍤€閻庢凹鍠楅弲璺何旈崨顓犵暰闂佺ǹ鐬奸崑鐐哄煕閹达附鍋ｉ柟顓熷笒婵″ジ鏌＄€ｎ偄鐏撮柡宀嬬磿閳ь剨缍嗘禍鍫曟偂閸忕⒈娈介柣鎰皺缁犲鏌熼鐣岀煉闁瑰磭鍋ゆ俊鐑芥晜缁涘鎴烽梻鍌氬€风粈渚€骞栭锕€纾归柛顐ｆ礀绾惧綊鏌″搴′簮闁稿鎸搁～婵嬫倷椤掆偓椤忥拷*/
.proDetailCon_sub2 {
	background: #f1f1f1;
	padding: 0 0 70px;
}

.proDetailCon_sub2 h2 {
	font-size: 28px;
	color: #333;
	font-weight: bold;
	line-height: 145px;
	border-bottom: 1px solid #ddd;
	margin-bottom: 75px;
}

.proDetailCon_sub2 .left,
.proDetailCon_sub2 .right,
.proDetailCon_sub2 p {
	zoom: 1;
}

.proDetailCon_sub2 .left:after,
.proDetailCon_sub2 .right:after,
.proDetailCon_sub2 p:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
}

.proDetailCon_sub2 .left {
	width: 50%;
	float: left;
	padding: 0 50px 0 0;
	font-size: 18px;
	color: #333;
	line-height: 50px;
}

.proDetailCon_sub2 .right {
	width: 50%;
	float: left;
}

.proDetailCon_sub2 p {}

.proDetailCon_sub2 table {
	margin-top: 70px;
	border-collapse: collapse;
	background: #e6e6e6;
	border-radius: 10px;
	overflow: hidden;
}

.proDetailCon_sub2 table,
.proDetailCon_sub2 table th,
.proDetailCon_sub2 table td {
	border: 2px solid #e6e6e6;
	text-align: center;
	font-size: 16px;
	line-height: 60px;
	color: #333;
}

.proDetailCon_sub2 table th {
	background: #e6e6e6;
	font-weight: normal;
	font-size: 18px;
}

.proDetailCon_sub2 table td {
	background: #fff;
	padding: 15px 10px;
	line-height: 30px;
	max-width: 340px;
}

/*闂傚倸鍊搁崐宄懊归崶褉鏋栭柡鍥ュ灩缁愭鏌熼悧鍫熺凡闁告垹濮撮埞鎴︽偐鐎圭姴顥濈紓浣哄閸ㄥ爼寮婚敐澶婄闁挎繂鎲涢幘缁樼厸闁告侗鍠楅崐鎰版煛瀹€瀣瘈鐎规洘甯掕灒閻炴稈鈧厖澹曢梺鍝勭▉閸嬧偓闁稿鎸搁～婵嬵敆閸屾簽銊╂⒑閸濆嫯顫﹂柛鏃€鍨块獮鍐閵堝懎绐涙繝鐢靛Т鐎氼亞妲愰弴銏♀拻濞达絽鎽滅粔鐑樸亜閵夛附宕岀€规洘顨呴～婊堝焵椤掆偓椤曪綁顢曢敃鈧粻鑽ょ磽娴ｈ偂鎴濃枍閵忋倖鈷戦悹鎭掑妼濞呮劙鏌熼崙銈嗗*/
.proDetailCon_sub3 {
	background: url(../../images/proDetail_04.jpg) no-repeat center bottom #17191f;
	background-size: 100% auto;
	padding: 0 0 180px;
}

.proDetailCon_sub3 h2 {
	font-size: 28px;
	color: #fff;
	line-height: 1;
	padding: 100px 0 80px;
}

.proDetailCon_sub3 ul {}

.proDetailCon_sub3 li {
	zoom: 1;
	float: left;
	width: 50%;
	padding: 0 50px 30px 170px;
	color: #bbb;
	font-size: 16px;
	line-height: 24px;
}

.proDetailCon_sub3 li:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
}

.proDetailCon_sub3 li img {
	float: left;
	margin-left: -120px;
}

.proDetailCon_sub3 li h3 {
	font-size: 22px;
	line-height: 1;
	color: #fff;
	padding: 2px 0 6px;
}

.proDetailCon_sub3 li p {
	min-height: 96px;
	overflow: hidden;
}

/*闂傚倸鍊搁崐宄懊归崶褉鏋栭柡鍥ュ灩缁愭鏌熼悧鍫熺凡闁告垹濮撮埞鎴︽偐鐎圭姴顥濈紓浣哄閸ㄦ娊鍩€椤掑倹鍤€閻庢凹鍠楅弲璺何旈崘顏嗙効闂佽法鍣﹂幏锟�*/
.proDetailCon_sub4 {}

.proDetailCon_sub4 a {
	display: block;
}

.proDetailCon_sub4 img {
	width: 100%;
}

/*闂傚倸鍊搁崐宄懊归崶褉鏋栭柡鍥ュ灩缁愭鏌熼悧鍫熺凡闁告垹濮撮埞鎴︽偐鐎圭姴顥濈紓浣哄閸ㄥ爼寮婚敐澶婄闁挎繂鎲涢幘缁樼厸闁告侗鍘介幉鍝ョ磼鏉堛劌娴€殿噮鍣ｉ獮瀣攽閸℃瑯鍟囬梻鍌欑劍閹爼宕愰弽顓熷亱闁绘ǹ宕靛畵渚€鐓崶銊﹀暗闁哄棗顑夐弻鐔封枔閸喗鐏撳銈庢緛閹凤拷*/
.proDetailCon_sub5 {
	background: url(../../images/proDetail_05.jpg) no-repeat 50% 50%;
	background-size: cover;
	padding: 0 0 60px;
}

.proDetailCon_sub5 h2 {
	font-size: 28px;
	color: #fff;
	line-height: 1;
	padding: 80px 0 30px;
}

/*闂傚倸鍊搁崐宄懊归崶褉鏋栭柡鍥ュ灩缁愭鏌熼悧鍫熺凡闁告垹濮撮埞鎴︽偐鐎圭姴顥濈紓浣哄閸ㄨ泛顫忓ú顏勫瀭妞ゆ洖鎳庨崜杈╃磽閸屾氨袦闁稿鎹囧濠氬磼濞嗘劗銈板┑鐐差槹濞茬喎鐣锋导鏉戠疀闁哄鐏濋崵鎴炵節閻㈤潧校闁肩懓澧界划濠氼敍閻愬鍙嗛梺缁樻礀閸婂湱鈧熬鎷�*/
.proDetailCon_sub6 {
	background: url(../../images/proDetail_06.jpg) no-repeat 50% bottom;
	background-size: 100% 100%;
	height: 928px;
	padding: 0 0 60px;
	text-align: center;
}

.proDetailCon_sub6 h2 {
	font-size: 48px;
	color: #fff;
	line-height: 1;
	padding: 80px 0 30px;
}

.proDetailCon_sub6 p {
	font-size: 24px;
	color: #d4dadf;
	line-height: 40px;
	height: 120px;
	width: 850px;
	margin: 0 auto;
}

.proDetailCon_sub6 img {
	display: block;
	margin: 0 auto;
}

/*闂傚倸鍊搁崐宄懊归崶褉鏋栭柡鍥ュ灩缁愭鏌熼悧鍫熺凡闁告垹濮撮埞鎴︽偐鐎圭姴顥濈紓浣哄閸ㄥ爼寮婚敐澶婄闁挎繂鎲涢幘缁樼厸闁告侗鍠楅崐鎰版煛瀹€瀣瘈鐎规洘甯掕灒閻炴稈鈧厖澹曢梺鍝勭▉閸嬧偓闁稿鎸搁～婵嬵敆娴ｇ晫顢呴梻渚€鈧偛鑻晶顔界節閳ь剟鏌嗗鍛紱闂侀潧鐗嗛ˇ顖炲几娓氣偓閺岀喖骞戦幇闈涙濠碘槅鍋呴敃銏ゅ蓟閺囥垹閱囨繝闈涙祩濡偛顪冮妶鍛寸崪闁瑰嚖鎷�*/
.proDetailCon_sub7 {
	background: url(../../images/proDetail_07.jpg) repeat-x #e7e9e8;
	min-height: 500px;
	padding: 0 0 75px 0;
}

.proDetailCon_sub7 h2 {
	background: url(../../images/proDetail_07-2.png) no-repeat center bottom;
	line-height: 1;
	font-size: 48px;
	color: #000;
	padding: 110px 0 55px;
	margin-bottom: 85px;
	text-align: center;
}

.proDetailCon_sub7 dl {
	margin: 0 -5px;
}

.proDetailCon_sub7 dd {
	padding: 0 5px;
	float: left;
	width: 11.510791%;
	cursor: pointer;
}

/*.proDetailCon_sub7 dd.on{display: none;}*/
.proDetailCon_sub7 dt {
	padding: 0 5px;
	float: left;
	width: 65.467625%;
}

.proDetailCon_sub7 dl img {
	border-radius: 15px;
}

.proDetailCon_sub7 .left {
	width: 65.467625%;
	float: left;
	padding: 0 5px;
}

.proDetailCon_sub7 .right {
	width: 34.532375%;
	float: left;
}

.proDetailCon_sub7 .right dd {
	width: 33.3333%;
	overflow: hidden;
}

/*闂傚倸鍊搁崐宄懊归崶褉鏋栭柡鍥ュ灩缁愭鏌熼悧鍫熺凡闁告垹濮撮埞鎴︽偐鐎圭姴顥濈紓浣哄閸ㄥ爼寮婚敐澶婄闁挎繂鎲涢幘缁樼厸闁告侗鍠楅崐鎰版煛瀹€瀣瘈鐎规洘甯掕灒閻炴稈鈧厖澹曢梺鍝勭▉閸嬧偓闁稿鎸搁～婵嬵敆閸屾簽銊╂⒑閸濆嫯顫﹂柛鏃€鍨块獮鍐閵堝懎绐涙繝鐢靛Т鐎氼亞妲愰弴銏♀拻濞达絿鍎ら崵鈧梺鎼炲€栭悧鐘荤嵁韫囨稒鏅搁柨鐕傛嫹*/
.proDetailCon_sub8 {
	background: #fff;
	padding: 80px 0;
}

.proDetailCon_sub8 dl,
.proDetailCon_sub8 dd,
.proDetailCon_sub8 p {
	zoom: 1;
}

.proDetailCon_sub8 dl:after,
.proDetailCon_sub8 dd:after,
.proDetailCon_sub8 p:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
}

.proDetailCon_sub8 dl {
	padding: 0 0 0 420px;
}

.proDetailCon_sub8 h3 {
	float: left;
	margin-left: -420px;
	font-size: 18px;
	color: #000;
	line-height: 30px;
}

.proDetailCon_sub8 p {
	padding: 0 0 0 230px;
	font-size: 14px;
	color: #333;
	line-height: 30px;
}

.proDetailCon_sub8 span {
	float: left;
	margin-left: -210px;
}

.proDetailCon_sub8 dt {
	height: 1px;
	background: #e1e1e1;
	margin: 35px 0;
}

.proDetailCon_sub8 dt:before {
	content: "";
	width: 325px;
	height: 1px;
	background: #e1e1e1;
	float: left;
	margin-left: -420px;
}

/*闂傚倸鍊搁崐宄懊归崶褉鏋栭柡鍥ュ灩缁愭鏌熼悧鍫熺凡闁告垹濮撮埞鎴︽偐鐎圭姴顥濈紓浣哄閸ㄥ爼寮婚敐澶婄闁挎繂鎲涢幘缁樼厸闁告侗鍠楅崐鎰版煛瀹€瀣瘈鐎规洘甯掕灒閻炴稈鈧厖澹曢梺鍝勭▉閸嬧偓闁稿鎸搁～婵嬵敆娴ｇ晫顢呴梻浣哥秺椤ユ挻绻涢埀顒侇殽閻愯揪鑰挎い銏＄懇閹崇偤濡烽敂璁虫埛闂傚倸鍊风粈渚€骞栭锕€纾归柛顐ｆ礀绾惧綊鏌″搴′簮闁稿鎸搁～婵嬫倷椤掆偓椤忥拷*/
.proDetailCon_sub9 {
	background: #fff;
	padding: 80px 0 80px 0;
}

/*.proDetailCon_sub9 h2 { background: url(../../images/proDetail_08.png) no-repeat center 0; padding: 100px 0 20px 0; font-size: 28px; color: #333; text-align: center; border-bottom: 1px solid #ddd; line-height: 1; position: relative; }
.proDetailCon_sub9 h2:before { content: ""; width: 60px; height: 3px; background: #006edd; position: absolute; left: 50%; bottom: -2px; margin-left: -30px; }
.proDetailCon_sub9 dl { overflow: hidden; padding: 0 0 40px; }
.proDetailCon_sub9 dd { padding: 40px 0 40px 320px; border-top: 1px solid #ddd; margin-top: -1px; zoom: 1; line-height: 24px; color: #333; }
.proDetailCon_sub9 dd:after { content: ""; display: block; clear: both; height: 0; }
.proDetailCon_sub9 dd h3 { margin-left: -320px; float: left; font-size: 18px; padding: 10px 0; }
.proDetailCon_sub9 dd p { padding: 10px 0; }
.proDetailCon_sub9 dd img { padding: 10px 0; }*/
.proDetailCon_sub9 h2 {
	background: url(../../images/proDetail_08.png) no-repeat center 0;
	padding: 100px 0 20px 0;
	font-size: 28px;
	color: #333;
	text-align: center;
	border-bottom: 1px solid #ddd;
	line-height: 1;
	position: relative;
}

.proDetailCon_sub9 h2:before {
	content: "";
	width: 60px;
	height: 3px;
	background: #006edd;
	position: absolute;
	left: 50%;
	bottom: -2px;
	margin-left: -30px;
}

.proDetailCon_sub9 dt:nth-of-type(2) h2 {
	background-image: url(../../images/proDetail_08-02.png)
}

.proDetailCon_sub9 dt:nth-of-type(3) h2 {
	background-image: url(../../images/proDetail_08-03.png)
}

.proDetailCon_sub9 dt:nth-of-type(4) h2 {
	background-image: url(../../images/proDetail_08-04.png)
}

.proDetailCon_sub9 dt:nth-of-type(5) h2 {
	background-image: url(../../images/proDetail_08-05.png)
}

.proDetailCon_sub9 dt:nth-of-type(6) h2 {
	background-image: url(../../images/proDetail_08-06.png)
}

.proDetailCon_sub9 dt:nth-of-type(7) h2 {
	background-image: url(../../images/proDetail_08-07.png)
}

.proDetailCon_sub9 dt:nth-of-type(8) h2 {
	background-image: url(../../images/proDetail_08-08.png)
}

.proDetailCon_sub9 dt:nth-of-type(9) h2 {
	background-image: url(../../images/proDetail_08-09.png)
}

.proDetailCon_sub9 dl {
	overflow: hidden;
	padding: 0 0 0px;
}

.proDetailCon_sub9 dd {
	padding: 40px 0 40px 270px;
	border-top: 1px solid #ddd;
	margin-top: -1px;
	zoom: 1;
	line-height: 24px;
	color: #333;
}

.proDetailCon_sub9 dd:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
}

.proDetailCon_sub9 dd:last-of-type {
	padding-bottom: 0;
}

.proDetailCon_sub9 dd h3 {
	margin-left: -270px;
	float: left;
	font-size: 22px;
	padding: 10px 0 10px 15px;
	font-weight: bold;
	color: #393939;
	max-width: 230px;
	line-height: 30px;
	text-align: left;
}

.proDetailCon_sub9 dd p {
	padding: 10px 0;
}

.proDetailCon_sub9 dd img {
	padding: 10px 0;
}

.proDetailCon_sub9 dd img.NoPadding {
	padding: 0;
}

.proDetailCon_sub9 dd p img {
	padding: 0;
}

/*闂傚倸鍊搁崐宄懊归崶褉鏋栭柡鍥ュ灩缁愭鏌熼悧鍫熺凡闁告垹濮撮埞鎴︽偐鐎圭姴顥濈紓浣哄閸ㄥ爼寮婚敐澶婄闁挎繂鎲涢幘缁樼厸闁告侗鍠楅崐鎰版煙椤旂厧妲婚柍璇查叄楠炲洭顢楅崒銈呭壃濠碉紕鍋戦崐鏍暜濡ゅ懏鍋傞柨鐔哄Х瀹撲線鐓崶銊р姇闁稿浜濋妵鍕冀閻㈤潧鍩屽┑鐐茬墳閹凤拷*/
.proDetailCon_sub10 {
	background: #fff;
	padding: 0 0 20px;
}

.proDetailCon_sub10 h2 {
	font-size: 28px;
	color: #333;
	line-height: 1;
	padding: 80px 0;
}

.proDetailCon_sub10 ul {}

.proDetailCon_sub10 li {
	zoom: 1;
	float: left;
	width: 50%;
	padding: 0 50px 50px 170px;
	color: #7a7a7a;
	font-size: 16px;
	line-height: 24px;
}

.proDetailCon_sub10 li:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
}

.proDetailCon_sub10 li img {
	float: left;
	margin-left: -120px;
}

.proDetailCon_sub10 li h3 {
	font-size: 22px;
	line-height: 1;
	color: #333;
	padding: 10px 0;
}

.proDetailCon_sub10 li p {
	min-height: 72px;
	overflow: hidden;
}

/*==/闂傚倸鍊搁崐宄懊归崶褉鏋栭柡鍥ュ灩缁愭鏌熼悧鍫熺凡闁告垹濮撮埞鎴︽偐鐎圭姴顥濈紓浣哄閸ㄥ爼寮婚敐澶婄闁挎繂鎲涢幘缁樼厸闁告侗鍠楅崐鎰版煛瀹€瀣瘈鐎规洘甯掕灒閻炴稈鈧厖澹曢梺鍝勭▉閸嬧偓闁稿鎸搁～婵嬵敆閸屾簽銊╂⒑閸濆嫯顫﹂柛鏃€鍨块獮鍐閵堝懎绐涙繝鐢靛Т鐎氼亞妲愰弴銏♀拻濞达絽鎽滅粔鐑樸亜閵夛附宕岀€规洘顨呴～婊堝焵椤掆偓椤曪綁顢曢敃鈧粻鑽ょ磽娴ｈ偂鎴濃枍閵忋倖鈷戦悹鎭掑妼濞呮劙鏌熼崙銈嗗===================================*/
/*==闂傚倸鍊搁崐宄懊归崶褉鏋栭柡鍥ュ灩缁愭鏌熼悧鍫熺凡闁告垹濮撮埞鎴︽偐鐎圭姴顥濈紓浣哄閸ㄥ爼寮婚敐澶婄闁挎繂鎲涢幘缁樼厸闁告侗鍠楅崐鎰版煛瀹€瀣瘈鐎规洘甯掕灒閻炴稈鈧厖澹曢梺鍝勭▉閸嬧偓闁稿鎸搁～婵嬵敆娴ｇ晫顢呴梻浣告啞閻楁鎮ч悩璇茬疇闁跨喓濮村洿闂佹悶鍎滈崨顓炵===================================*/
.stytemTopNav {
	height: 0;
	position: relative;
}

.stytemTopNavItem {
	height: 40px;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	/* background: #eef2fa; */
	background: rgba(0, 0, 0, .2);
	z-index: 3;
}

.stytemTopNav.on .stytemTopNavItem {
	position: fixed;
}

.stytemTopNav ul {}

.stytemTopNav li {
	float: left;
	width: 33.333%;
	border-right: 1px solid rgba(0, 0, 0, .2);
	border-left: 1px solid rgba(255, 255, 255, .2);
}

.stytemTopNav li a {
	display: block;
	text-align: center;
	line-height: 40px;
	color: #fff;
	position: relative;
}

.stytemTopNav li a:hover {
	/* color: #006edd; */
}

.stytemTopNav li.last a {
	float: left;
}

.stytemTopNav li.on {
	background: #fff;
}

.stytemTopNav li.on a {
	color: #333;
}

.stytemTopNav li.on a:after {
	content: '';
	width: 0;
	height: 0;
	border: 10px solid #000;
	border-color: #006edd #006edd00;
	border-width: 0px 5px 5px 5px;
	position: absolute;
	left: 50%;
	margin-left: -2px;
	bottom: 0;
}

.stytemTopNav li:first-of-type {
	border-left: none;
}

.stytemTopNav li:last-of-type {
	border-right: none;
}

.stytemListPage {}

.stytemListBanner {
	height: 662px;
	background-position: 50% 50%;
	text-align: center;
}

.stytemListBanner a {
	line-height: 1;
	color: #000;
	display: block;
	text-align: left;
	height: 100%;
}

.stytemListBanner a .fl {
	padding: 150px 0 0 110px;
}

.stytemListBanner a h3 {
	font-size: 48px;
	color: #000;
	font-weight: bold;
}

.stytemListBanner a p {
	font-size: 24px;
	padding: 20px 0 20px;
	line-height: 34px;
}

.stytemListBanner a span {
	font-size: 18px;
	color: #fff;
	background: #006edd;
	line-height: 40px;
	display: inline-block;
	text-align: center;
	border-radius: 40px;
	z-index: 2;
	padding: 0 60px;
}

.stytemListBanner2 a {}

.stytemListBanner2 a h3,
.stytemListBanner2 a p {
	color: #fff;
}

.stytemListBanner2 a .fr {
	padding: 50px 0 0 0;
}

.stytemList {
	position: relative;
	z-index: 2;
	margin-top: 80px;
	margin-bottom: 90px;
	background: #fff;
	border-radius: 5px;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.14);
	padding: 20px 8px;
}

.stytemList ul {}

.stytemList li {
	float: left;
	width: 33.333%;
	padding: 0 12px 0;
}

.stytemList li a {
	display: block;
	background: #fff;
	text-align: left;
	line-height: 1;
	font-size: 16px;
	padding: 0px 0 30px 0;
	overflow: hidden;
}

.stytemList li a h3 {
	font-size: 20px;
	color: #333;
	font-weight: bold;
	padding: 20px 0 10px;
	text-indent: 20px;
}

.stytemList li a p {
	color: #666;
	padding: 0 0 30px;
	text-indent: 20px;
}

.stytemList li a span {
	color: #006edd;
	text-indent: 20px;
	display: inline-block;
	line-height: 1;
}

.stytemList li a img {}

.stytemList li a .pic {
	overflow: hidden;
	border-radius: 5px;
}

.stytemList li a:hover h3,
.stytemList li a:hover p {
	color: #006edd;
}

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

/*==/闂傚倸鍊搁崐宄懊归崶褉鏋栭柡鍥ュ灩缁愭鏌熼悧鍫熺凡闁告垹濮撮埞鎴︽偐鐎圭姴顥濈紓浣哄閸ㄥ爼寮婚敐澶婄闁挎繂鎲涢幘缁樼厸闁告侗鍠楅崐鎰版煛瀹€瀣瘈鐎规洘甯掕灒閻炴稈鈧厖澹曢梺鍝勭▉閸嬧偓闁稿鎸搁～婵嬵敆娴ｇ晫顢呴梻浣告啞閻楁鎮ч悩璇茬疇闁跨喓濮村洿闂佹悶鍎滈崨顓炵===================================*/
/*==闂傚倷娴囧畷鍨叏閺夋嚚娲晝閸屾氨顔囬梺瑙勫劶濡嫰寮告笟鈧弻鐔煎箲閹伴潧娈┑鈽嗗亝閿曘垽寮婚弴銏犻唶婵犻潧娴傚Λ鐐差渻閵堝懐绠伴柣鏍帶椤繘鎼圭憴鍕／闂侀潧枪閸庢煡鎮楁ィ鍐┾拺闁告繂瀚烽崕蹇斻亜椤撶姴鍘撮柣娑卞枦缁犳稑鈽夊▎蹇婂亾婵犳碍鐓犻柟顓熷笒閸旀粍绻涢崨顐㈢伈婵﹥妞藉畷顐﹀礋椤愮喎浜鹃柛顐ｆ礀绾惧綊鏌″搴′簮闁稿鎸搁～婵嬵敆閸屾簽銊╂⒑閸濆嫯顫﹂柛鏃€鍨块獮鍐閵堝懎绐涙繝鐢靛Т鐎氼亞妲愰弴銏♀拻濞达絿鍎ら崵鈧梺鎼炲€栭悧鐘荤嵁韫囨稒鏅搁柨鐕傛嫹===================================*/
.downFilter {}

.downFilter dl {
	padding-left: 140px;
}

.downFilter dd {
	margin-left: -140px;
}

.downListWrap {
	background: #fff;
	padding: 40px 0;
	border-radius: 5px;
	padding-top: 0;
}

.downListTop {
	line-height: 40px;
	color: #000;
}

.downListTop .leftIcon {
	font-size: 40px;
	float: left;
}

.downListTop h1 {
	float: left;
	font-size: 18px;
	color: #333;
	padding: 0 60px 0 10px;
}

.downListTop .selectWrap {
	float: left;
}

.downListTop .selectBox {
	float: left;
	padding: 2px 40px 0 0;
}

.downListTop .selectBox .select {
	border: 1px solid #006edd;
	min-width: 180px;
}

.downListTop .select .select_text {
	padding-right: 40px;
	padding-left: 20px;
}

.downListTop .select:after {
	border-top-color: #fff;
}

.downListTop .select:before {
	content: "";
	width: 30px;
	height: 34px;
	background: #006edd;
	position: absolute;
	right: 0;
	top: 0;
}

.downListTop .select_ul {
	top: 35px;
	width: 180px;
}

.downListTop .Search {
	float: left;
}

.downListTop .Search {
	width: 340px;
	height: 36px;
	line-height: 34px;
	float: left;
	margin-top: 2px;
	background: #fff;
	border-radius: 4px;
	position: relative;
	padding: 0 70px 0 20px;
	border: 1px solid #006edd;
}

.downListTop .Search .text {
	background: none;
	width: 100%;
	height: 24px;
	line-height: 24px;
}

.downListTop .Search .btn {
	width: 60px;
	height: 34px;
	text-align: center;
	color: #fff;
	position: absolute;
	right: 0;
	top: 0;
	background: #006edd;
	border: none;
}

.downList {
	padding: 40px 0;
	padding-top: 0;
}

.downList ul {
	border-top: 0px solid #ddd;
}

.downList li {
	border-bottom: 1px solid #ddd;
	padding: 20px 200px 20px 0;
}

.downList a {
	display: block;
}

.downList a.btn {
	text-align: center;
	float: right;
	margin-right: -200px;
	width: 120px;
	line-height: 38px;
	color: #006edd;
	height: 40px;
	display: block;
	border: 1px solid #006edd;
	border-radius: 5px;
}

.downList a.btn:hover {
	background: #006edd;
	color: #fff;
}

.downList a.left {
	padding: 0 0 0 50px;
	line-height: 1;
	font-size: 14px;
	color: #999;
}

.downList a.left i {
	font-size: 40px;
	color: #9f9f9f;
	line-height: 1;
	float: left;
	margin-left: -50px;
}

.downList a.left h2 {
	font-size: 18px;
	color: #333;
	padding: 0 0 7px 0;
}

.downList a.left p {}

.downList a.left:hover h2 {
	color: #006edd;
}

.downContainer {
	padding: 0 360px 0 0;
}

.downDetailRight {
	float: right;
	margin-right: -360px;
	width: 340px;
}

.downDetailRight .hotDown {
	background: #fff;
	border-radius: 5px;
	overflow: hidden;
	margin-bottom: 20px;
}

.downDetailRight .hotDown h2 {
	background: #006edd;
	line-height: 50px;
	font-size: 20px;
	text-align: center;
	color: #fff;
}

.downDetailRight .hotDown ul {
	padding: 0 20px 20px 20px;
	overflow: hidden;
}

.downDetailRight .hotDown li {
	border-top: 1px dotted #ddd;
	margin-top: -1px;
}

.downDetailRight .hotDown li a {
	padding: 15px 0 15px 40px;
	display: block;
	line-height: 30px;
	font-size: 16px;
	color: #333;
}

.downDetailRight .hotDown li a h3 {}

.downDetailRight .hotDown li a i {
	float: left;
	margin-left: -40px;
	width: 30px;
	height: 30px;
	font-size: 16px;
	font-family: "Arial";
	color: #fff;
	background: #DDD;
	border-radius: 100%;
	text-align: center;
}

.downDetailRight .hotDown li a:hover h3 {
	color: #006edd;
}

.downDetailRight .hotDown li:nth-of-type(-n+3) a h3 {
	color: #006edd;
}

.downDetailRight .hotDown li:nth-of-type(1) a i {
	background: #fcd000;
}

.downDetailRight .hotDown li:nth-of-type(2) a i {
	background: #ffb187;
}

.downDetailRight .hotDown li:nth-of-type(3) a i {
	background: #d3a87f;
}

.downDetailRight .hotPro {
	background: #fff;
	border-radius: 5px;
	padding: 0 20px 10px;
}

.downDetailRight .hotPro .hd {
	line-height: 60px;
	border-bottom: 1px solid #ddd;
}

.downDetailRight .hotPro .hd h2 {
	color: #333;
	font-size: 16px;
	float: left;
}

.downDetailRight .hotPro .hd a {
	float: right;
	line-height: 60px;
}

.downDetailRight .hotPro ul {
	padding: 20px 0 0 0
}

.downDetailRight .hotPro li {}

.downDetailRight .hotPro a {
	display: block;
	text-align: center;
	line-height: 1;
}

.downDetailRight .hotPro .pic {
	overflow: hidden;
	border-radius: 5px;
}

.downDetailRight .hotPro .pic img {
	width: 100%;
	border-radius: 5px;
}

.downDetailRight .hotPro a h3 {
	font-size: 14px;
	color: #333;
	line-height: 50px;
}

.downDetailRight .hotPro a:hover h3 {
	color: #006edd;
}

.downDetailWrap {
	background: #fff;
	border-radius: 5px;
	padding: 30px 40px;
	float: left;
}

.downDetailHd {
	border-bottom: 1px solid #ddd;
	padding-bottom: 15px;
}

.downDetailHd h1 {
	font-size: 30px;
	color: #333;
	font-weight: bold;
	text-align: center;
	line-height: 50px;
}

.downDetailHd .info {
	text-align: center;
}

.downDetailHd .info p {
	display: inline-block;
	line-height: 30px;
}

.downDetailHd .info .share {
	display: inline-block;
	overflow: hidden;
	height: 30px;
	vertical-align: middle;
}

.downDetailWrap .downBtn {
	text-align: center;
	border-bottom: 1px dashed #ddd;
	padding: 40px 0;
}

.downDetailWrap .downBtn a {
	text-align: center;
	width: 200px;
	height: 50px;
	line-height: 50px;
	font-size: 18px;
	color: #fff;
	border-radius: 50px;
	background: #006edd;
	display: inline-block
}

.downDetailWrap .downBtn a i {
	font-size: 24px;
	padding: 0 0 0 5px;
}

.downDetailCon {
	font-size: 16px;
	color: #333;
	padding: 40px 0;
	min-height: 917px;
}

.downDetailCon img {
	display: block;
	margin: 0 auto;
}

.downDetailCon p {
	padding: 8px 0;
}

.downDetailCon img {
	padding: 8px 0;
}

.downTagWrap {
	padding: 40px 80px 40px 0;
	color: #333;
	line-height: 30px;
	border-bottom: 1px solid #ddd;
}

.downTagWrap i {
	display: inline-block;
}

.downTagWrap i em {
	padding: 0 5px 0 0;
}

.downTagWrap a.span {
	display: inline-block;
	background: #007edd;
	color: #fff;
	padding: 0 10px;
	margin-left: 20px;
	border-radius: 5px;
}

.downTagWrap a.backBtn {
	float: right;
	width: 80px;
	height: 30px;
	text-align: center;
	font-size: 14px;
	border-radius: 5px;
	margin-right: -80px;
	border: 1px solid #006edd;
	color: #006edd;
}

.downPage {
	margin: 0 -20px;
}

.downPage ul {
	/* margin: 0 -20px; */
	padding: 30px 0 0 0;
}

.downPage li {
	width: 50%;
	padding: 0 20px;
	float: left;
}

.downPage li:last-of-type a,
.downPage li:last-of-type {
	text-align: right
}

.downPage li a {
	display: block;
}

/*==/闂傚倷娴囧畷鍨叏閺夋嚚娲晝閸屾氨顔囬梺瑙勫劶濡嫰寮告笟鈧弻鐔煎箲閹伴潧娈┑鈽嗗亝閿曘垽寮婚弴銏犻唶婵犻潧娴傚Λ鐐差渻閵堝懐绠伴柣鏍帶椤繘鎼圭憴鍕／闂侀潧枪閸庢煡鎮楁ィ鍐┾拺闁告繂瀚烽崕蹇斻亜椤撶姴鍘撮柣娑卞枦缁犳稑鈽夊▎蹇婂亾婵犳碍鐓犻柟顓熷笒閸旀粍绻涢崨顐㈢伈婵﹥妞藉畷顐﹀礋椤愮喎浜鹃柛顐ｆ礀绾惧綊鏌″搴′簮闁稿鎸搁～婵嬵敆閸屾簽銊╂⒑閸濆嫯顫﹂柛鏃€鍨块獮鍐閵堝懎绐涙繝鐢靛Т鐎氼亞妲愰弴銏♀拻濞达絿鍎ら崵鈧梺鎼炲€栭悧鐘荤嵁韫囨稒鏅搁柨鐕傛嫹===================================*/
/*==闂傚倸鍊搁崐宄懊归崶褉鏋栭柡鍥ュ灩缁愭鏌熼悧鍫熺凡闁告垹濮撮埞鎴︽偐鐎圭姴顥濈紓浣哄閸ㄥ爼寮婚敐澶娢ч幖杈剧磿娴煎洭姊洪崫銉ヤ户闁轰浇顕ч～蹇涙惞鐟欏嫬纾梺闈浨归崕鏌ユ倵妤ｅ啯鈷戦柛婵嗗閸庡繑銇勯鐘插幋闁绘侗鍠涚粻娑樷槈濞嗗繆鍋撴繝姘厾闁诡厽甯掗崝婊勭箾閸涱偄鐏叉慨濠冩そ瀹曨偊宕熼鐔蜂壕闁割偅娲栫壕褰掓煛瀹ュ骸浜愰柛瀣尭椤繈鎮欓鈧锟�===================================*/
.newsContainer {
	padding: 0 360px 0 0;
}

.newsSideBar {
	float: right;
	margin-right: -360px;
	width: 340px;
}

.newsSideBar .sideBarItem {
	margin: 0 0 20px;
	background: #fff;
	border-radius: 5px;
	padding: 0 20px;
}

.newsSideBar .sideBarItem:last-of-type {
	margin: 0;
}

.newsSideBar .sideBarItemT {
	line-height: 60px;
	border-bottom: 1px solid #ddd;
	height: 61px;
}

.newsSideBar .sideBarItemT h2 {
	color: #333;
	font-size: 16px;
	float: left;
}

.newsSideBar .sideBarItemT a {
	float: right;
	line-height: 60px;
}

.newsSideBar .sideBarItemCon {}

.newsSideBar .tag {
	padding: 10px 0;
}

.newsSideBar .tag ul {
	margin: 0 -10px;
}

.newsSideBar .tag li {
	float: left;
	width: 50%;
	padding: 10px;
}

.newsSideBar .tag a {
	display: block;
	border: 1px solid #ddd;
	text-align: center;
	font-size: 14px;
	color: #666;
	line-height: 36px;
	border-radius: 36px;
}

.newsSideBar .tag a:hover {
	background: #006EDD;
	COLOR: #FFF;
	border-color: #006edd;
}

.newsSideBar .pro ul {
	padding: 20px 0 20px 0;
}

.newsSideBar .pro li {}

.newsSideBar .pro a {
	display: block;
	text-align: center;
	line-height: 1;
}

.newsSideBar .pro .pic {
	overflow: hidden;
	border-radius: 5px;
}

.newsSideBar .pro .pic img {
	width: 100%;
	border-radius: 5px;
}

.newsSideBar .pro a h3 {
	font-size: 14px;
	color: #333;
	line-height: 1;
	padding-top: 20px;
}

.newsSideBar .pro a:hover h3 {
	color: #006edd;
}

.newsSideBar .News {
	padding: 14px 0 20px 0;
}

.newsSideBar .News li {
	border-bottom: 1px dotted #ddd;
	line-height: 40px;
}

.newsSideBar .News a {
	display: block;
	padding: 0 60px 0 15px;
	position: relative;
}

.newsSideBar .News a h3 {
	color: #333;
}

.newsSideBar .News a span {
	color: #999;
	float: right;
	margin-right: -60px;
	text-align: right;
	font-size: 12px;
}

.newsSideBar .News a:hover h3 {
	color: #006edd;
}

.newsSideBar .News a:before {
	content: '';
	width: 4px;
	height: 4px;
	background: #999;
	position: absolute;
	top: 50%;
	margin-top: -2px;
	left: 0;
}

.newsSideBar .News a:hover:before {
	background: #006edd;
}

.newsLeftWrap {
	background: #fff;
	border-radius: 5px;
	float: left;
	width: 100%;
	padding: 0 40px;
}

.newsTypeList {
	overflow: hidden;
}

.newsTypeList dl {
	padding: 40px 0 40px 340px;
	border-top: 1px solid #ddd;
	margin-top: -1px;
}

.newsTypeList dd {
	float: left;
	margin-left: -340px;
	width: 300px;
	position: relative;
}

.newsTypeList dd a {
	display: block;
	color: #fff;
	line-height: 1;
	text-align: center;
	padding: 0;
}

.newsTypeList dd img {
	border-radius: 5px;
}

.newsTypeList dd h2 {
	position: absolute;
	left: 0;
	top: 90px;
	width: 100%;
	font-size: 30px;
}

.newsTypeList dd p {
	position: absolute;
	top: 135px;
	left: 0;
	width: 100%;
	font-size: 16px;
}

.newsTypeList dt {}

.newsTypeList li {
	line-height: 40px;
	float: left;
	width: 100%;
}

.newsTypeList li a {
	display: block;
	padding: 0 100px 0 15px;
	position: relative;
	font-size: 15px;
}

.newsTypeList li a h3 {
	color: #333;
}

.newsTypeList li a span {
	color: #999;
	float: right;
	margin-right: -90px;
	text-align: right;
	font-size: 12px;
	font-size: 14px;
}

.newsTypeList li a:hover h3 {
	color: #006edd;
}

.newsTypeList li a:before {
	content: '';
	width: 4px;
	height: 4px;
	background: #999;
	position: absolute;
	top: 50%;
	margin-top: -2px;
	left: 0;
}

.newsTypeList li a:hover:before {
	background: #006edd;
}

.newsList {
	padding: 0 0 40px;
}

.newsList ul {
	margin-bottom: 40px;
	min-height: 522px;
}

.newsList li {
	padding: 40px 0;
	border-bottom: 1px solid #ddd;
}

.newsList li a {
	display: block;
	padding: 0 100px 0 260px;
	font-size: 14px;
	color: #666;
	position: relative;
}

.newsList li a .pic {
	/* width: 240px; */
	/* height: 180px; */
	width: 240px;
	height: 141px;
	border-radius: 5px;
	margin-left: -260px;
	float: left;
	background-position: center center;
	background-size: cover;
}

.newsList li a h2 {
	font-size: 20px;
	color: #333;
	padding: 25px 0 15px;
	padding: 15px 0;
	line-height: 1;
}

.newsList li a p {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	line-height: 2;
	height: 56px;
}

.newsList li a .info {
	/* padding: 20px 0 0 0; */
	padding: 10px 0 0 0;
	font-size: 12px;
}

.newsList li a .arrow {
	display: block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border: 1px solid #9d9d9d;
	border-radius: 40px;
	color: #9d9d9d;
	font-size: 16px;
	padding: 0;
	float: left;
	text-align: center;
	position: absolute;
	right: 20px;
	top: 50%;
	margin-top: -20px;
}

.newsList li a:hover {
	padding: 0 80px 0 280px;
}

.newsList li a:hover h2 {
	color: #006edd;
}

.newsList li a:hover .arrow {
	right: 0;
	color: #006edd;
	border-color: #006edd;
}

.NewsDetailCon {
	color: #666;
	padding: 30px 0 0 0;
}

.NewsDetailCon img {
	border-radius: 10px;
	display: block;
	margin: 0 auto 20px;
}

.NewsDetailCon p {
	padding: 0 0 15px;
}

/*==/闂傚倸鍊搁崐宄懊归崶褉鏋栭柡鍥ュ灩缁愭鏌熼悧鍫熺凡闁告垹濮撮埞鎴︽偐鐎圭姴顥濈紓浣哄閸ㄥ爼寮婚敐澶娢ч幖杈剧磿娴煎洭姊洪崫銉ヤ户闁轰浇顕ч～蹇涙惞鐟欏嫬纾梺闈浨归崕鏌ユ倵妤ｅ啯鈷戦柛婵嗗閸庡繑銇勯鐘插幋闁绘侗鍠涚粻娑樷槈濞嗗繆鍋撴繝姘厾闁诡厽甯掗崝婊勭箾閸涱偄鐏叉慨濠冩そ瀹曨偊宕熼鐔蜂壕闁割偅娲栫壕褰掓煛瀹ュ骸浜愰柛瀣尭椤繈鎮欓鈧锟�===================================*/
/*==闂傚倸鍊搁崐宄懊归崶褉鏋栭柡鍥ュ灩缁愭鏌熼悧鍫熺凡闁告垹濮撮埞鎴︽偐鐎圭姴顥濈紓浣哄閸ㄤ即鈥旈崘顏佸亾閿濆簼閭柛娆忓閺屾稖绠涢幘鏉戞灎濠殿喖锕ㄥ▍锝夊箲閸曨垰惟闁靛濡囬埀顒勭畺濮婃椽宕崟闈涘壈濡炪値鍘鹃崗姗€鎮伴璺ㄧ杸婵炴垶鐟ラ埀顒€顭烽弻銈夊箒閹烘垵濮曞┑鐐叉噷閸ㄨ棄顫忓ú顏勪紶闁告洦鍋€閸嬫捇宕奸弴鐐碉紮闂佸搫绋侀崑鈧柛瀣尭椤繈鎮欓鈧锟�===================================*/
.aboutWrap {
	background: #fff;
	border-radius: 5px;
	margin-top: 40px;
	min-height: 300px;
	padding: 0 40px 30px;
}

.aboutNavWrap {
	height: 60px;
	border-bottom: 1px solid #ddd;
}

.aboutNavWrap ul {
	overflow: hidden;
	float: left;
}

.aboutNavWrap li {
	float: left;
	padding: 0 40px 0 0;
	position: relative;
}

.aboutNavWrap li:before {
	content: '';
	width: 1px;
	height: 10px;
	background: #ddd;
	position: absolute;
	left: -20px;
	top: 50%;
	margin-top: -5px;
}

.aboutNavWrap li a {
	color: #333;
	height: 60px;
	line-height: 57px;
	font-size: 16px;
	display: block;
	padding: 0 12px;
}

.aboutNavWrap li.on a,
.aboutNavWrap li a:hover {
	color: #006edd;
	border-bottom: 3px solid #006edd;
}

.aboutNavWrap .BreadCrumb {
	padding: 10px 0 0 0;
	float: right;
}

.aboutCompany {
	font-size: 16px;
	color: #333;
}

.aboutCompany h2 {
	background: url(../../images/titleLine.png) no-repeat 50% 100%;
	font-size: 30px;
	font-weight: bold;
	line-height: 1;
	color: #333;
	padding: 60px 0 23px 0;
	text-align: center;
	margin-bottom: 30px;
}

.aboutCompany p {
	text-indent: 0px;
	padding: 10px 0;
}

.aboutCompany img {
	margin: 10px 0;
}

.aboutTeam {
	padding: 0 120px;
}

.aboutTeam ul {
	padding: 40px 0 10px;
}

.aboutTeam li {
	padding: 40px 0 40px 340px;
}

.aboutTeam img {
	float: left;
	margin-left: -340px;
}

.aboutTeam .text {
	color: #000;
	float: left;
}

.aboutTeam h3 {
	font-size: 30px;
	line-height: 1;
	padding: 60px 0 0 0;
	color: #333;
	font-weight: bold;
}

.aboutTeam h4 {
	font-size: 20px;
	line-height: 1;
	padding: 20px 0 25px;
	color: #333;
}

.aboutTeam p {
	font-size: 16px;
	color: #666;
}

.aboutTeam li.even {
	padding: 40px 340px 40px 0px;
}

.aboutTeam .even .text {
	float: left;
	padding: 0 70px 0 0;
}

.aboutTeam .even img {
	float: right;
	margin: 0 -340px 0 0;
}

.aboutHistory {
	padding: 60px 80px 30px;
}

.aboutHistory h2 {
	color: #333;
	font-weight: bold;
	font-size: 30px;
	text-align: center;
}

.aboutHistory dl {
	position: relative;
}

.aboutHistory .con {
	position: relative;
}

.aboutHistory .con:after {
	content: '';
	position: absolute;
	width: 1px;
	height: 100%;
	background: #ddd;
	top: 0;
	left: 180px;
}

.aboutHistory dd {
	font-size: 30px;
	font-weight: bold;
	color: #006edd;
	position: relative;
	line-height: 60px;
	padding: 10px 0;
}

.aboutHistory dd i {
	background: url(../../images/HistoryIcon.png) no-repeat;
	width: 60px;
	height: 60px;
	position: absolute;
	top: 0;
	left: 150px;
	z-index: 2;
}

.aboutHistory dd:before {
	content: '';
	background: url(../../images/HistoryIcon.png) no-repeat 0 -80px;
	width: 10px;
	height: 6px;
	position: absolute;
	left: 120px;
	top: 50%;
	margin-top: -3px;
}

.aboutHistory dt {}

.aboutHistory dt p {
	font-size: 16px;
	/*line-height: 24px;*/
	color: #333;
	padding: 15px 0 15px 230px;
}

.aboutHistory dt p span {
	margin-left: -230px;
	width: 190px;
	float: left;
	text-indent: 70px;
	position: relative;
}

.aboutHistory dt p span:before {
	content: '';
	background: url(../../images/HistoryIcon.png) no-repeat 0 -60px;
	width: 16px;
	height: 16px;
	position: absolute;
	right: 1px;
	top: 50%;
	margin-top: -8px;
	z-index: 2;
}

.aboutContact {
	padding: 60px 40px 50px;
}

.aboutContact .hd {
	text-align: center;
	line-height: 1;
	color: #666;
	padding: 0 0 60px;
}

.aboutContact h2 {
	font-size: 30px;
	font-weight: bold;
	color: #333;
}

.aboutContact p {
	padding: 20px 0 0 0;
}

.aboutContact ul {
	text-align: center;
	overflow: hidden;
	padding: 5px 0 80px;
}

.aboutContact li {
	width: 25%;
	float: left;
	padding: 0 40px;
	position: relative;
	color: #333;
	font-size: 16px;
	line-height: 24px;
}

.aboutContact li:before {
	content: '';
	width: 1px;
	height: 165px;
	background: #ddd;
	position: absolute;
	left: -1px;
	top: 0;
}

.aboutContact li i {
	font-size: 60px;
	color: #666;
	line-height: 1;
}

.aboutContact li h3 {
	font-size: 20px;
	padding: 16px 0 0 0;
}

.aboutContact li p {
	padding: 10px 0 0 0;
}

.aboutContact li img {
	border: 1px solid #ddd;
	width: 100px;
}

.aboutContact .map {}

.page {
	text-align: center;
	line-height: 38px;
	/*font-size: 0;*/
}

.page a,
.page span,
.page i {
	display: inline-block;
	margin: 0 5px;
	font-style: normal;
	height: 40px;
	line-height: 40px;
	min-width: 45px;
	border: 1px solid #e7e7e7;
	padding: 0 20px;
	font-size: 12px;
}

.page a:hover,
.page span:hover,
.page a.current,
.page span.current {
	background: #006edd;
	border: 1px solid #006edd;
	font-weight: bold;
	color: #FFFFFF;
}

@media(max-width: 1400px) {
	.aboutNavWrap li {
		padding: 0 25px 0 0;
	}
}

/*==/闂傚倸鍊搁崐宄懊归崶褉鏋栭柡鍥ュ灩缁愭鏌熼悧鍫熺凡闁告垹濮撮埞鎴︽偐鐎圭姴顥濈紓浣哄閸ㄤ即鈥旈崘顏佸亾閿濆簼閭柛娆忓閺屾稖绠涢幘鏉戞灎濠殿喖锕ㄥ▍锝夊箲閸曨垰惟闁靛濡囬埀顒勭畺濮婃椽宕崟闈涘壈濡炪値鍘鹃崗姗€鎮伴璺ㄧ杸婵炴垶鐟ラ埀顒€顭烽弻銈夊箒閹烘垵濮曞┑鐐叉噷閸ㄨ棄顫忓ú顏勪紶闁告洦鍋€閸嬫捇宕奸弴鐐碉紮闂佸搫绋侀崑鈧柛瀣尭椤繈鎮欓鈧锟�===================================*/
@media(max-device-width: 1300px) {

	/*.footer_sub1 { padding: 40px 0; }
.footer_sub1_sub1 { width: 370px; }
.footer_sub1_sub1 .hd, .footer_sub1_sub1 .bd { width: 350px; }
.footer_sub1_sub1 .hd { padding: 0 0 20px 220px; background-size: 200px auto; }
.footer_sub1_sub1 .hd a { line-height: 38px; margin-bottom: 10px; }*/
	.proFocusInfo .type dt a {
		width: 32%;
		margin-right: 1%;
	}
}

@media(max-device-width: 1024px) {
	.wrap {
		padding-left: 60px !important;
		padding-right: 60px !important;
	}

	.mainNavBdWrap {
		width: calc(100% - 60px)
	}

	.focusBanner .bd li {
		height: 600px;
		background-size: cover !important;
	}

	.mainCaseScrool .prev {
		left: 0px;
	}

	.mainCaseScrool .next {
		right: 0px;
	}

	.brandInfo {
		background-position: left center;
	}

	.downListTop .Search {
		width: 240px;
	}

	.aboutNavWrap li {
		padding: 0 10px 0 0;
	}

	.aboutNavWrap li a {
		padding: 0 17px;
	}
}

.show-pc-wrap {
	display: block;
}

.show-m-wrap {
	display: none;
}

@media (max-width:780px) {
	.page {
		line-height: 32px;
	}

	.page a,
	.page span,
	.page i {
		margin: 2px;
		height: 34px;
		min-width: 34px;
		padding: 0 10px;
	}

	.show-pc-wrap {
		display: none;
	}

	.show-m-wrap {
		display: block;
	}

	.headerSubNav li {
		width: auto;
	}
}

/*********************************************************************************/


.Header-bar {
	background: #fff;
	position: absolute;
}

.pageIndex {}

.pageIndex .mainNavHull {
	height: 90px;
	position: relative;
}

.pageIndex .mainNavBar {
	height: 90px;
	width: 100%;
	background: #f2f3f5;
	position: absolute;
	top: 0;
	z-index: 2;
	overflow: hidden;
}

.pageIndex .mainNav {
	height: 90px;
	/*position: relative;*/
}

.pageIndex .mainNav ul {
	height: 90px;
	background: #f2f3f5;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 5;
}

.pageIndex .mainNav li {
	float: left;
	/* width: 14.28%; */
	/*padding: 0 33px;*/
	width: auto;
	padding: 0 20px;
}

.pageIndex .mainNav li:first-of-type {
	padding-left: 0;
}

.pageIndex .mainNav li:last-of-type {
	padding-right: 0;
}

.pageIndex .mainNav li a {
	display: block;
	font-size: 26px;
	color: #1d2023;
	text-align: center;
	position: relative;
	line-height: 90px;
}

.pageIndex .mainNav li a:before {
	content: '';
	position: absolute;
	left: 0;
	top: 65px;
	width: 100%;
	height: 2px;
	background: #006edd;
	opacity: 0;
}

.pageIndex .mainNav li.on a {
	color: #006edd;
}

.pageIndex .mainNav li.on a:before {
	opacity: 1;
}

.pageIndex .mainNavHull.on .mainNavBar {
	position: fixed;
}

.pageIndex .mainNav .arrow {}

.pageIndex .mainNav .prev {
	width: 60px;
	height: 90px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9;
	background-image: -moz-linear-gradient(180deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
	background-image: -webkit-linear-gradient(0deg, rgb(242 243 245) 0%, rgb(255 255 255 / 0%) 100%);
	background-image: -ms-linear-gradient(180deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
}

.pageIndex .mainNav .next {
	width: 60px;
	height: 90px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 9;
	background-image: -moz-linear-gradient(180deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
	background-image: -webkit-linear-gradient(180deg, rgb(242 243 245) 0%, rgb(255 255 255 / 0%) 100%);
	background-image: -ms-linear-gradient(180deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
}

.pageIndex .mainNav .swiper-button-disabled {
	opacity: 0;
}

.pageIndex .banner {}

.pageIndex .banner li {
	position: relative;
	background: #006edd;
}

.pageIndex .banner .desc {
	width: 100%;
	color: #fff;
	padding: 65px 40px 0;
	min-height: 420px;
}

.pageIndex .banner .desc h2 {
	font-size: 50px;
	line-height: 65px;
	margin-bottom: 30px;
	border-bottom: 1px solid #fff;
	padding: 0 0 30px;
}

.pageIndex .banner .desc p {
	font-size: 30px;
	line-height: 46px;
	/* padding: 0 0 0 15px; */
	position: relative;
}

.pageIndex .banner .desc p:before {
	content: '';
	width: 8px;
	height: 8px;
	color: #fff;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -4px;
	background: #fff;
	border-radius: 8px;
	opacity: 0;
}

.pageIndex .banner .swiper-pagination {
	bottom: 50px;
}

.pageIndex .banner .swiper-pagination-bullet {
	width: 100px;
	height: 2px;
	border-radius: 0;
	background: #fff;
	opacity: .4;
}

.pageIndex .banner .swiper-pagination-bullet-active {
	opacity: 1;
}

.pageIndex .banner .iconHull {
	background: #fff;
	height: 100px;
	line-height: 100px;
}

.pageIndex .banner .iconHull dl {
	padding: 0 5%;
}

.pageIndex .banner .iconHull dd {
	float: left;
	width: 30%;
	text-align: center;
	font-size: 30px;
	color: #757d8f;
	position: relative;
}

.pageIndex .banner .iconHull dd:before {
	content: '';
	width: 2px;
	height: 22px;
	background: #f2f3f5;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -11px;
}

.pageIndex .banner .iconHull dd:first-of-type:before {
	content: '';
	opacity: 0;
}

.pageIndex .banner .iconHull dd img {
	vertical-align: revert;
	margin: 0 10px;
}

.pageIndex .search {
	padding: 50px 40px;
}

.pageIndex .search form {
	border: 2px solid #006edd;
	border-radius: 25px;
	height: 80px;
	position: relative;
	padding: 0 125px 0 90px;
}

.pageIndex .search i {
	width: 76px;
	height: 40px;
	border-right: 2px solid #e1e6f3;
	font-size: 36px;
	line-height: 40px;
	color: #006edd;
	font-weight: bold;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -20px;
	text-align: center;
}

.pageIndex .search .text {
	line-height: 76px;
	display: block;
	width: 100%;
	background: none;
	font-size: 30px;
}

.pageIndex .search .btn {
	width: 124px;
	height: 72px;
	background: #006edd;
	color: #fff;
	border-radius: 20px;
	position: absolute;
	right: 2px;
	top: 2px;
	font-size: 30px;
	font-weight: normal;
}

.pageIndex .search .tips {
	display: none;
	width: calc(100% + 4px);
	background: #fff;
	border-radius: 25px;
	border: 3px solid #eff2f9;
	position: absolute;
	left: -2px;
	top: 80px;
	z-index: 3;
	padding: 15px 25px 25px;
}

.pageIndex .search.on .tips {
	display: block;
}

.pageIndex .search .tips li {
	padding: 15px 0;
}

.pageIndex .search .tips li a {
	display: block;
	text-align: right;
	line-height: 50px;
	font-size: 26px;
	color: #687183;
}

.pageIndex .search .tips li a span {
	float: left;
	background: #eff2f9;
	border-radius: 25px;
	padding: 0 20px;
}

.pageIndex .search .searchClose {
	text-align: center;
	font-size: 26px;
	color: #687183;
	line-height: 34px;
}

.pageIndex .search .searchClose i {
	width: auto;
	height: auto;
	border: none;
	position: initial;
	margin: 0;
	color: #b8b8b8;
	font-size: 20px;
	padding: 0 0 0 10px;
}

.pageIndex .pro {
	padding: 0 40px 90px;
}

.pageIndex .pro .hd {
	position: relative;
}

.pageIndex .pro .hd p {
	font-size: 34px;
	line-height: 52px;
	color: #fff;
	position: absolute;
	left: 50px;
	top: 50%;
	transform: translateY(-50%);
}

.pageIndex .pro li {
	padding: 30px 0 0;
	width: calc(50% - 20px);
	float: left;
	margin: 0 10px;
}

.pageIndex .pro li a {
	display: block;
	background: #fff;
}

/*.pageIndex .pro li .pic{float: left;width: 345px;margin-left: -345px;}*/
.pageIndex .pro li .pic img {
	width: 100% !important;
	height: 255px !important;
}

.pageIndex .pro li a h3 {
	font-size: 30px;
	line-height: 40px;
	color: #1d2023;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	padding: 25px 0 0;
	min-height: 110px;
	margin-bottom: 15px;
}

.pageIndex .pro li a .desc {
	font-size: 22px;
	line-height: 1;
	color: #465066;
	margin-bottom: 20px;
	height: 45px;
}

.pageIndex .pro li a .desc span {
	padding: 0 10px;
	color: #d2d2d6;
}

.pageIndex .pro li a .price {
	border: 1px solid #006edd;
	background: #006edd;
	font-size: 26px;
	color: #fff;
	text-align: center;
	border-radius: 5px;
	line-height: 44px;
	padding: 0 0px 0 0;
	overflow: hidden;
	max-width: 250px;
	margin: 0 auto;
}

.pageIndex .pro li a .price span {
	display: block;
	float: left;
	width: 50%;
	background: #fff;
	color: #006edd;
	text-align: center;
	border-radius: 5px 0 0 5px;
	font-size: 30px;
	line-height: 47px;
	height: 47px;
	overflow: hidden;
}

.pageIndex .pro li a .price em {
	font-size: 24px;
}

.pageIndex .pro .more,
.pageIndex .keHu .more {
	text-align: center;
	padding: 30px 0 0 0;
}

.pageIndex .pro .more a,
.pageIndex .keHu .more a {
	font-size: 28px;
	line-height: 66px;
	color: #626262;
	border: 2px solid #c1c1c1;
	padding: 0 30px;
	display: inline-block;
	border-radius: 5px;
}

.pageIndex .pro .more a i,
.pageIndex .keHu .more a i {
	color: #626262;
	margin: 0 0 0 10px;
	/* display: inline-block; */
	vertical-align: top;
}

.pageIndex .pro2 {
	padding-bottom: 120px;
}

.pageIndex .pro2 li a {
	padding: 0 30px 0 360px;
}

.pageIndex .pro2 li a .pic {
	margin-left: -360px;
}

.pageIndex .pro2 li a h3 {
	padding-top: 60px;
	min-height: 140px;
}

.pageIndex .pro2 li a .desc {
	line-height: 40px;
	margin-bottom: 20px;
}

.pageIndex .about {
	position: relative;
}

.pageIndex .about .desc {
	position: absolute;
	left: 0;
	top: 120px;
	width: 100%;
	padding: 0 40px;
	color: #fff;
	text-align: center;
}

.pageIndex .about .desc h2 {
	font-size: 46px;
	line-height: 68px;
	margin: 20px 0 20px 0;
	/* font-weight: lighter; */
}

.pageIndex .about .desc p {
	font-size: 30px;
	line-height: 44px;
	/* font-weight: lighter; */
}

.pageIndex .case {
	padding: 120px 0px 80px;
	width: calc(100% - 80px);
	margin: 0 auto;
}

.pageIndex .case h2,
.pageIndex .keHu h2 {
	text-align: center;
	line-height: 1;
	font-size: 46px;
	color: #1d2023;
	margin-bottom: 60px;
}

.pageIndex .case li .bd {
	padding: 40px 40px 40px;
	position: relative;
}

.pageIndex .case li .bd img {
	position: absolute;
	right: 40px;
	top: 45px;
	max-width: 130px;
}

.pageIndex .case li a {
	background: #fff;
	display: block;
	text-align: left;
	box-shadow: 0px 3px 59px 0px rgba(71, 113, 201, 0.08);
}

.pageIndex .case li a img {
	width: 100%;
	max-height: 430px;
}

.pageIndex .case li a h2 {
	font-size: 34px;
	line-height: 46px;
	color: #1d2023;
	margin-bottom: 20px;
	max-width: 440px;
	text-align: left;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.pageIndex .case li a .desc {
	font-size: 30px;
	line-height: 53px;
	color: #465066;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.pageIndex .case li a p {
	font-size: 24px;
	line-height: 1;
	color: #445164;
}

.pageIndex .case .swiper-pagination {
	bottom: 50px;
	height: 2px;
}

.pageIndex .case .swiper-pagination-bullet {
	width: 70px;
	height: 2px;
	border-radius: 0;
	background: #bdc4dc;
	opacity: .4;
	vertical-align: top;
}

.pageIndex .case .swiper-pagination-bullet-active {
	opacity: 1;
	background: #006edd
}

.pageIndex .keHu {
	background: #fff;
	padding: 0px 40px 120px 40px;
}

.pageIndex .keHu ul {
	overflow: hidden;
}

.pageIndex .keHu li {
	float: left;
	width: 33%;
	border: 1px solid #e8e8e8;
	border-width: 1px;
	margin: 0;
}

.pageIndex .keHu li a {
	display: block;
	text-align: center;
	padding: 50px 0;
	/* border: 1px solid #ddd; */
	/* border-width: 1px 0 0 1px; */
}

.pageIndex .keHu .more {
	padding: 80px 0 0 0;
}