@charset "gb2312";
/* 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';
 src: url('img/font_398496_nvyisn4k24i.woff2?t=1652407592414') format('woff2'),  url('img/font_398496_nvyisn4k24i.woff?t=1652407592414') format('woff'),  url('img/font_398496_nvyisn4k24i.ttf?t=1652407592414') format('truetype');
}
.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;
}
.header_sub1 {
	background: #fff;
	padding: 20px 0;
}
.logo {
	float: left;
	background: url(img/logo.png) no-repeat 0% 50%;
	padding: 0 0 0 250px;
	height: 50px;
	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(img/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: 16px;
	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 {
}
.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);
}
.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;
}
.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 {
	float: left;/* padding: 0 20px; *//* width: 14%; *//* padding: 0 10px; */
}
.nav li a {
	line-height: 44px;
	height: 44px;
	font-size: 15px;
	color: #fff;
	padding: 0 25px;
	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;
	padding: 90px 0 0 0;
	width: 550px;
	background: url(img/footerLogo_new.png) no-repeat;/* min-height: 400px; */
}
.footer_sub1_sub1 .hd {
	padding: 0 0 0 175px;
	color: #fff;
}
.footer_sub1_sub1 .hd .QR {
	float: left;
	margin-left: -175px;
}
.footer_sub1_sub1 .hd .QR img {
	width: 145px;
	border: 5px solid #fff;
	border-radius: 5px;
}
.footer_sub1_sub1 .hd .QR span {
	display: block;
	text-align: center;
	color: #999;
	font-size: 18px;
	line-height: 1;
	padding: 12px 0 0 0;
}
.footer_sub1_sub1 .hd .tel {
	line-height: 1;
	font-size: 28px;
	font-weight: bold;
	margin-bottom: 10px;
}
.footer_sub1_sub1 .hd .tel span {
	font-size: 20px;
	font-weight: normal;
	display: block;
	padding: 0px 0 10px;
}
.footer_sub1_sub1 .hd ul {
}
.footer_sub1_sub1 .hd li {
	font-size: 18px;
	line-height: 33px;
	padding: 0 0 0 140px;
	float: left;
}
.footer_sub1_sub1 .hd li span {
	float: left;
	margin-left: -140px;
	position: relative;
	padding: 0 0 0 30px;
}
.footer_sub1_sub1 .hd li span img {
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -11px;
}
.footer_sub1_sub1 .bd p {
	font-size: 18px;
	color: #fff;
	line-height: 1;
	padding: 30px 0 30px;
}
.footer_sub1_sub1 .bd a {
	display: inline-block;
	line-height: 40px;
	border: 1px solid #f60;
	color: #f60;
	border-radius: 4px;
	text-align: center;
	font-size: 14px;
	margin-right: 14px;
	padding: 0 10px;
}
.footer_sub1_sub1 .bd a i {
	font-size: 18px;
	padding: 0 5px 0 0;
}
.footer_sub1_sub1 .bd a:hover {
	color: #fff;
	background: #006edd;
	border-color: #006edd;
}
.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: #1b1d1f;
	position: absolute;
	top: 50%;
	margin-top: -1px;
	left: 0;
}
.footer_sub1_sub2 .sub {
}
.footer_sub1_sub2 .sub li {
	line-height: 30px;
	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(img/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(img/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;
	margin-left: 3px;
}
.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%;
}
.main_service {
	padding: 56px 0;
	background: #f1f1f1;
}
.main_service ul {
	margin: 0 -10px;
}
.main_service li {
	float: left;
	width: 33.33333%;
	padding: 4px 10px;
}
.main_service li a {
	display: block;
	background-color: #3c85ff;
	min-height: 100px;
	background-position: right bottom;
	background-repeat: no-repeat;
	color: #fff;
	border-radius: 15px;
	overflow: hidden;
	line-height: 1;
	padding: 20px 0 0px 55px;
	cursor: auto
}
.main_service li a h2 {
	font-size: 26px;
	font-weight: bold;
}
.main_service li a p {
	font-size: 20px;
	margin-top: 15px;
}
.main_service li.first {
}
.main_service li.first a {
	min-height: 208px;
}
.main_service li.first a h2 {
	font-size: 30px;
	line-height: 36px;
}
.mainTitle {
	padding: 60px 0 40px;
	background: url(img/titleLine.png) no-repeat 50% 130px;
	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: 1920px;
	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%;
}
.mainProList a h3 {
	font-size: 18px;
	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;
}
.mainPro {
	text-align: center;
	padding: 50px 0 70px;
}
.mainPro ul {
	margin: 0 -20px;
}
.mainPro li {
	float:left;
	width: 50%;
	padding: 0 20px 40px;
}
.mainPro li a {
	display: block;
	background: #f7f9fd;
	line-height: 1;
}
.mainPro li .pic {
	position: relative;
}
.mainPro li .pic img {
}
.mainPro li a .pic span {
	position: absolute;
	left: 50%;
	bottom: 0;/* margin-left: -25%; */
	transform: translateX(-50%);
	display: block;
	min-width: 84%;
	background: #6999fe;
	line-height: 40px;
	font-size: 20px;
	color: #fff;
	border-radius: 15px 15px 0 0;
}
.mainPro li .bd {
	border: 1px solid #f1f1f1;
	border-width: 0 1px 1px 1px;
	padding: 30px 0 35px;
}
.mainPro li a .logos {
	display: inline-block;
	position: relative;
	padding: 2px 10px 0 0;
	margin: 0 7px 0 0;
	min-height: 20px;
	vertical-align: middle;
}
.mainPro li a .logos img {
	float: left;
	max-height: 20px;
}
.mainPro li a .logos:before {
	content:'';
	width: 1px;
	height: 16px;
	background: #444;
	position: absolute;
	right: 0;
	top: 2px;
}
.mainPro li a h2 {
	display: inline-block;
	line-height: 20px;
	font-size: 20px;
	vertical-align: top;
	color: #222;
}
.mainPro li a p {
	font-size: 16px;
	color: #222;
	padding: 15px 0 25px;
}
.mainPro li a .price {
	display: inline-block;
	background: #222;
	height: 36px;
	border-radius: 36px;
	color: #fff;
	line-height: 36px;
	padding: 0 52px 0 28px;
	font-size: 24px;
	position: relative;
}
.mainPro li a .price em {
	font-size: 16px;
	padding: 0 3px;
}
.mainPro li a .price i {
	width: 26px;
	height: 26px;
	text-align: center;
	background: #fff;
	border-radius: 26px;
	color: #222;
	font-size: 14px;
	display: block;
	line-height: 27px;
	position: absolute;
	right: 9px;
	top: 5px;
	text-indent: 2px;
	overflow: hidden;
}
.mainPro li a:hover .price {
	background:#3c85ff
}
.mainPro li a:hover .price i {
	color:#3c85ff
}
.mainPro .more {
	text-align: center;
	padding: 20px 0 0 0;
}
.mainPro .more a {
	display: inline-block;
	width: 200px;
	height: 52px;
	border: 1px solid #949494;
	line-height: 50px;
	text-align: center;
	font-size: 18px;
	color: #222;
}
.mainPro .more a i {
	font-weight: normal;
	padding: 0 0 0 5px;
}
.mainPro .hd {
	text-align: center;
	margin-bottom: 65px;
}
.mainPro .hd ul {
	display: inline-block;
	width: 45%;
	margin: 0;
	vertical-align: top;
}
.mainPro .hd li {
	width: 50%;
	float: left;
	padding: 0;
}
.mainPro .hd li a {
	display: block;
	height: 85px;
	line-height: 84px;
	border-bottom: 1px solid #969697;
	font-size: 30px;
	color: #6a6a6a;
	text-align: center;
	background: none;
	position: relative;
}
.mainPro .hd li a:before {
	content:'';
	width: 100%;
	height: 3px;
	background: #484848;
	position: absolute;
	left: 0;
	bottom: -2px;
	border-radius: 3px;
	display: none;
}
.mainPro .hd li.on a {
	color: #1a1a1a;
}
.mainPro .hd li.on a:before {
	display:block;
}
.main_buyPro {
	background: #ececec;/* display: none; */
}
.main_buyPro a {
	display: block;
	color: #333333;
	min-height: 560px;
	padding: 165px 0 0 0;
	background: url("img/buy_pro.gif") no-repeat right bottom;
}
.main_buyPro a h2 {
	font-size: 38px;
	line-height: 55px;
}
.main_buyPro a p {
	font-size: 26px;
	line-height: 1;
	padding: 28px 0 47px
}
.main_buyPro a span {
	display: block;
	font-size: 20px;
	line-height: 1;
	padding: 0 66px 0 0;
	position: relative;
	float: left;
}
.main_buyPro a span i {
	position: absolute;
	right: 0;
	top: 2px;
	width: 45px;
	height: 17px;
	background: url("img/buy_pro_arrow.gif") no-repeat 0 0;
}
.main_buyPro a span:hover i {
	background-position: 0 bottom;
}
.main_buyPro a span:hover {
	color:#45b4ff
}
.mainCaseWrap {
	padding: 0 0 60px;
	background: url(img/001-02.jpg) no-repeat 50% 50%;
	background-size: cover;
	-ms-behavior: url(../lib/backgroundsize.min.htc);
	behavior: url(../lib/backgroundsize.min.htc);
}
.mainCaseWrap .Title {
	text-align: center;
	padding: 63px 0 37px;
}
.mainCaseWrap .Title p {
	color: #fff;
	font-size: 38px;
	line-height: 60px;
	display: inline-block;
	padding: 0 0 14px;
	border-bottom: 1px solid #959ba0;
}
.mainCaseWrap .Title span {
	font-weight: bold;
}
.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 { }
.mainCaseList li { width: 33.33%; float: left; }
.mainCaseList li a { display: block; overflow: hidden; padding: 0 15px; }
.mainCaseList li .pic { position: relative; }
.mainCaseList li .pic .mask { position: absolute; width: 100%; height: 100%; background: #006edd; opacity: .2; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#2F000000, endColorstr=#2F000000);
}
.mainCaseList li .pic i { position: absolute; left: 50%; top: 50%; margin: -30px 0 0 -30px; width: 60px; height: 60px; background: #006edd; opacity: .8; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#8F000000, endColorstr=#8F000000);
z-index: 3; border-radius: 100%; text-align: center; line-height: 60px; color: #fff; font-size: 22px; }
.mainCaseList li a p { font-size: 16px; color: #333; line-height: 60px; background: #fff; padding: 0 10px; text-align: center; }
.mainCaseList li a:hover p { color: #fff; background: #006edd; }
.mainCaseList li .mask { display: none; }
.mainCaseList li a:hover .mask { display: block; }
.mainCaseList li .pic i { top: -40px; opacity: 0 }
.mainCaseList li a:hover .pic i { top: 50%; opacity: .8 }*/
.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; */
}
.mainCustomersTitle {
	text-align: center;
	padding: 63px 0 37px;
}
.mainCustomersTitle p {
	color: #484848;
	font-size: 38px;
	line-height: 60px;
	display: inline-block;
	padding: 0 30px 14px;
	border-bottom: 1px solid #d6d6d6;
}
.mainCustomersTitle span {
	font-weight: bold;
}
.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 .firstNews a p {
}
.mainNews .firstNews a:hover p {
}
.mainNews .lastNews {
}
.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 {
}
.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 80px;
	position: relative;
}
.seciont-about .detailWrap {
	position: absolute;
	left: 50%;
	margin-left: -450px;
	line-height: 1;
	top: 94px;
	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 img {
}
.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 {
	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;
}
.BreadCrumbDropBox {
}
.BreadCrumbDropHd {
}
.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>li {
}
.BreadCrumbDropBd h3 {
}
.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 li {
}
.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.page-num-current, .pages a:hover, .pages strong {
	background: #006edd;
	color: #fff;
	border-color: #006edd;
}

.pages span {
    display: inline-block;
    margin: 0 5px;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 0 13px;
    line-height: 34px;
    /* background: #fff; */
}
/*a:hover {
    color: #006edd;
}*/
.pages a.disabled {
	color: #ddd;
	cursor: default;
	background: none;
	border-color: #ddd;
}
.loadingWrap {
}
.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(img/brandTop.png);
}
.brandTop_title {
}
.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:before {
	content: "";
	width: 66px;
	height: 80px;
	background-image: url(img/brandTop.png);
	background-position: 0 0;
	position: absolute;
	left: 10px;
	top: 0px;
	z-index: 2;
	width: 0;
	height: 0;
}
.brandTopList li:after {
	content: "";
	width: 23px;
	height: 64px;
	background-image: url(img/brandTop.png);
	background-position: -23px -1031px;
	position: absolute;
	right: 30px;
	top: -20px;
}
.brandTopList li.NO2:before {
	background-position: -66px 0;
}
.brandTopList li.NO3:before {
	background-position: -132px 0;
}
.brandTopList li.NO4:before {
	background-position: -198px 0;
}
.brandTopList li.NO5:before {
	background-position: -264px 0;
}
.brandTopList li.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(img/brandTop.png);
	background-position: 0 -980px;
	position: absolute;
	left: 573px;
	top: 30px;
	display: none;
}
/*.brandTopList .bd:before { content: ""; width: 150px; height: 150px; background-image: url(img/brandTop2.png); background-position: 0 -0px; position: absolute; left: 140px; top: 53px; }
.brandTopList li.NO2 .bd:before { background-position: -150px 0px; }
.brandTopList li.NO3 .bd:before { background-position: -300px 0px; }
.brandTopList li.NO4 .bd:before { background-position: -450px 0px; }
.brandTopList li.NO5 .bd:before { background-position: -600px 0px; }
.brandTopList li.NO6 .bd:before { background-position: 0px -150px; }
.brandTopList li.NO7 .bd:before { background-position: -150px -150px; }
.brandTopList li.NO8 .bd:before { background-position: -300px -150px; }
.brandTopList li.NO9 .bd:before { background-position: -450px -150px; }
.brandTopList li.NO10 .bd:before { background-position: -600px -150px; }*/
.brandTopList .bd:before {
	content: "";
	width: 110px;
	height: 110px;
	background-image: url(img/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 {/* 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("img/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 -16px;
}
.brandTopList .picList .item {
	float: left;
	width: 25%; /*padding: 0 16px; */
}
.brandTopList .picList a {
	border: none;
	padding: 0 30px 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;
}
.brandTopList .picList img {
}
 @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;
}
}
.brandInfo {
	height: 280px;
	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: -300px; background: #fff; min-height: 300px; border-radius: 5px; overflow: hidden; }
.proSideBar .title { background: #006edd; text-align: center; line-height: 80px; font-size: 28px; color: #337fe0; font-family: "Arial"; position: relative; }
.proSideBar .title strong { display: block; position: absolute; left: 0; top: 0; width: 100%; color: #fff; font-size: 30px; }
.proSideBar ul { padding: 20px; }
.proSideBar li.m { max-height: 400px; transition: max-height 0.5s; overflow: hidden; }
.proSideBar a.hd { height: 40px; border: 2px solid #ddd; display: block; line-height: 36px; font-size: 16px; color: #333; text-indent: 20px; position: relative; }
.proSideBar a.hd i { width: 20px; height: 20px; border-radius: 100%; background: #ddd; color: #fff; text-align: center; line-height: 24px; text-indent: 0; position: absolute; right: 20px; top: 50%; margin-top: -10px; font-size: 14px; overflow: hidden; }

.proSideBar .on a.hd { color: #006edd; border-color: #006edd }
.proSideBar .on a.hd i { background: #006edd }
.proSideBar a.hd:hover { color: #006edd; border-color: #006edd }
.proSideBar a.hd:hover i { background: #006edd }
.proSideBar .sub { padding: 10px 0 10px 20px; }
.proSideBar .sub li { }
.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: 50px; }
.proSideBar li.m.close .hd i { transform: rotate(-90deg); }*/
.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(img/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: 500px;
	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 li {
}
.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: 51px;
}
.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 dt {
}
.proFilter .typeList {
}
.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(img/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(img/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(img/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: 99;
	background: #000;
}
.proDetailTabHd.on .box {
	position: fixed;
}
.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(img/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(img/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(img/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(img/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(img/proDetail_07.jpg) repeat-x #e7e9e8;
	min-height: 500px;
	padding: 0 0 75px 0;
}
.proDetailCon_sub7 h2 {
	background: url(img/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(img/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(img/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(img/proDetail_08-02.png)
}
.proDetailCon_sub9 dt:nth-of-type(3) h2 {
background-image: url(img/proDetail_08-03.png)
}
.proDetailCon_sub9 dt:nth-of-type(4) h2 {
background-image: url(img/proDetail_08-04.png)
}
.proDetailCon_sub9 dt:nth-of-type(5) h2 {
background-image: url(img/proDetail_08-05.png)
}
.proDetailCon_sub9 dt:nth-of-type(6) h2 {
background-image: url(img/proDetail_08-06.png)
}
.proDetailCon_sub9 dt:nth-of-type(7) h2 {
background-image: url(img/proDetail_08-07.png)
}
 .proDetailCon_sub9 dt:nth-of-type(8) h2 {
background-image: url(img/proDetail_08-08.png)
}
.proDetailCon_sub9 dt:nth-of-type(9) h2 {
background-image: url(img/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;
}
.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;
}
.downList ul {
	border-top: 1px 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;

}

.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(img/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 {
	
	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(img/HistoryIcon.png) no-repeat;
	width: 60px;
	height: 60px;
	position: absolute;
	top: 0;
	left: 150px;
	z-index: 2;
}
.aboutHistory dd:before {
	content: '';
	background: url(img/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(img/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 {
}
 @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;
}
}

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