@charset "utf-8";
.tu .img2 img, .tu .img1 img{
	width: 100%!important;
	height: auton!important;
}
.proList li .img2 img, .proList li .img1 img{
		width: 100%!important;
	height: auto!important;
	}
html {
	min-height: 100%
}
body {
	padding: 0;
	margin: 0 auto;
	font-size: 14px;
	font-family: 'Microsoft Yahei';
	color: #333;
	width: 100%;
	zoom: 1;
	line-height: 1.42857143;
	word-wrap: break-word;
	-webkit-text-size-adjust: none;
	-webkit-tap-highlight-color: transparent;
	-webkit-tap-highlight: transparent;
	-webkit-font-smoothing: antialiased
}
dd, dl, dt, h1, h2, h3, h4, h5, h6, li, p, ul {
	margin: 0;
	padding: 0
}
li, ul {
	list-style: none
}
input, select, textarea {
	font-family: 'Microsoft Yahei';
	-moz-border-radius: 0;
	-o-border-radius: 0;
	-ms-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	color: #666460
}
input:focus {
	outline: 0
}
button, input, select, textarea {
	outline: 0
}
button, input[type=button], input[type=file], input[type=submit] {
	cursor: pointer;
	-webkit-appearance: none
}
textarea {
	resize: none
}
input, select, textarea {
	margin: 0;
	padding: 0
}
audio, canvas, progress, video {
	display: inline-block;
	vertical-align: baseline
}
article, aside, figcaption, figure, footer, header, hgroup, nav, section {
	display: block
}
figcaption, figure {
	margin: 0;
	padding: 0
}
img, li, ul {
	vertical-align: top
}
img {
	border: none;
	border: 0;
	max-width: 100%
}
a {
	color: #333;
	text-decoration: none;
	-webkit-tap-highlight-color: transparent
}
a:focus {
	outline: 0;
	-moz-outline: none
}
.clearfix:after {
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	height: 0;
	clear: both;
	content: " "
}
@media screen and (max-width:1000px) {
body {
	padding-top: 113px
}
}
@media screen and (max-width:767px) {
body {
	padding-top: 81px
}
}
.shadow {
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: 1;
	background: rgba(0, 0, 0, .4);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .5s cubic-bezier(.395, 0, 0, 1) .1s, z-index 0s linear 0s;
	-moz-transition: all .5s cubic-bezier(.395, 0, 0, 1) .1s, z-index 0s linear 0s;
	-o-transition: all .5s cubic-bezier(.395, 0, 0, 1) .1s, z-index 0s linear 0s;
	-ms-transition: all .5s cubic-bezier(.395, 0, 0, 1) .1s, z-index 0s linear 0s;
	transition: all .5s cubic-bezier(.395, 0, 0, 1) .1s, z-index 0s linear 0s
}
.navOpen .shadow, .shareOpen .shadow {
	opacity: 1;
	z-index: 99;
	visibility: visible
}
.navClose {
	display: block;
	width: 52px;
	height: 52px;
	position: absolute;
	left: -373px;
	top: 50%;
	margin-top: -26px;
	z-index: 99;
	-webkit-transition: all .5s cubic-bezier(.395, 0, 0, 1);
	-moz-transition: all .5s cubic-bezier(.395, 0, 0, 1);
	-o-transition: all .5s cubic-bezier(.395, 0, 0, 1);
	-ms-transition: all .5s cubic-bezier(.395, 0, 0, 1);
	transition: all .5s cubic-bezier(.395, 0, 0, 1);
	cursor: pointer
}
.navClose:hover {
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg)
}
.navClose .cls-1 {
	fill: none;
	stroke: #fff;
	stroke-miterlimit: 10
}
.navOpen .navClose {
	left: 373px
}
@media screen and (max-width:767px) {
.navClose {
	width: 20px;
	height: 20px;
	left: auto;
	right: -100%;
	top: 20px;
	margin-top: 0;
	position: fixed;
	z-index: 100
}
.navClose .cls-1 {
	stroke: #111
}
.navOpen .navClose {
	left: auto;
	right: 20px
}
}
.navBox {
	position: fixed;
	width: 54px;
	left: 0;
	top: 0;
	bottom: 0;
	z-index: 100;
	background: #fff;
	-webkit-transition: all .4s cubic-bezier(.395, 0, 0, 1);
	-moz-transition: all .4s cubic-bezier(.395, 0, 0, 1);
	-o-transition: all .4s cubic-bezier(.395, 0, 0, 1);
	-ms-transition: all .4s cubic-bezier(.395, 0, 0, 1);
	transition: all .4s cubic-bezier(.395, 0, 0, 1)
}
.navBox:hover {
	background-color: #f9f9f9
}
.navBox .inner {
	position: relative;
	height: 100%;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	transition: all .5s
}
.navBox .menuBtn {
	width: 54px;
	text-align: center;
	position: absolute;
	top: 50%;
	cursor: pointer;
	transform: translateY(-9px);
}
.navBox .menuBtn span {
	display: block;
	width: 14px;
	height: 2px;
	background: #000;
}
.navBox .menuBtn span.t {
}
.navBox .menuBtn span.c {
	margin-top: 2px;
}
.navBox .menuBtn span.b {
	margin-top: 2px;
}
@media screen and (max-width:767px) {
.navBox {
	width: 24px;
	bottom: auto;
	right: 15px;
	left: auto;
	top: 35px;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	-ms-transition: none;
	transition: none
}
.navBox:hover {
	background-color: #fff
}
.navBox, .navBox .menuBtn {
	width: 24px;
	height: 16px
}
.navBox .menuBtn {
	margin-top: -2px;
	padding-left:0!important;
}
.navBox .menuBtn span {
	width: 24px;
	position: static;
	margin-left: 0;
	margin-bottom: 5px
}
.navBox .menuBtn span.b, .navBox .menuBtn span.c, .navBox .menuBtn span.t {
	margin-top: 0
}
.navBox .menuBtn span.b {
	margin-bottom: 0
}
}
.navBox .navLevels {
	width: 288px;
	text-align: center;
	position: fixed;
	left: -288px;
	top: 0;
	bottom: 0;
	background: #fff;
	overflow: auto;
	z-index: 99;
	-webkit-transition: all .5s cubic-bezier(.395, 0, 0, 1);
	-moz-transition: all .5s cubic-bezier(.395, 0, 0, 1);
	-o-transition: all .5s cubic-bezier(.395, 0, 0, 1);
	-ms-transition: all .5s cubic-bezier(.395, 0, 0, 1);
	transition: all .5s cubic-bezier(.395, 0, 0, 1);
	padding: 50px 35px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box
}
.navOpen .navBox .navLevels {
	left: 0
}
@media screen and (max-width:767px) {
.navBox .navLevels {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	overflow-y: auto;
	overflow-x: hidden;
	left: -100%
}
}
.navBox .navFlex {
	width: 100%;
	min-height: 100%;
	-webkit-display: flex;
	-moz-display: flex;
	-o-display: flex;
	-ms-display: flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-o-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column
}
.navBox .mainNav {
	-webkit-display: flex;
	-moz-display: flex;
	-o-display: flex;
	-ms-display: flex;
	display: flex;
	-webkit-align-items: center;
	-moz-align-items: center;
	-o-align-items: center;
	-ms-align-items: center;
	align-items: center;
	-webkit-flex-grow: 1;
	-moz-flex-grow: 1;
	-o-flex-grow: 1;
	-ms-flex-grow: 1;
	flex-grow: 1
}
.navBox .mainNav ul {
	width: 100%
}
.navBox .mainNav li {
	margin: 8px 0;
	position: relative
}
.navBox .mainNav li:first-child {
	margin-top: 0
}
.navBox .mainNav li:last-child {
	margin-bottom: 0
}
.navBox .mainNav li a.navA {
	display: block;
	padding: 14px 0;
	line-height: 20px;
	position: relative;
	left: 0;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	-ms-transition: all .2s;
	transition: all .2s;
	color: #494949
}
.navBox .mainNav li a.navA:hover {
	left: -10px
}
.navBox .mainNav li a.navA .btnv {
	display: block;
	width: 24px;
	height: 24px;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -12px
}
.navBox .mainNav li a.navA .btnv:after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-right: 6px solid transparent;
	border-top: 7px solid #010101;
	border-left: 6px solid transparent;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -3px;
	-moz-transition: all cubic-bezier(.395, 0, 0, 1) .5s;
	-o-transition: all cubic-bezier(.395, 0, 0, 1) .5s;
	-ms-transition: all cubic-bezier(.395, 0, 0, 1) .5s;
	transition: all cubic-bezier(.395, 0, 0, 1) .5s;
	z-index: 99
}
.navBox .mainNav dl {
	display: none;
	padding: 13px 0
}
.navBox .mainNav dd {
	margin: 8px 0
}
.navBox .mainNav dd a {
	display: block;
	line-height: 20px;
	color: #494949
}
.navBox .mainNav li.down .btnv:after {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)
}
@media screen and (max-width:767px) {
.navBox .mainNav li a.navA:hover {
	left: 0
}
}
.navBox .navCart {
	padding: 25px 0
}
.navBox .navCart a {
	padding-top: 12px;
	padding-bottom: 13px;
	font-size: 16px;
	display: block;
	background-color: #397ee0;
	color: #fff;
	line-height: 22px;
	-webkit-transition: background .4s ease-in-out;
	-moz-transition: background .4s ease-in-out;
	-o-transition: background .4s ease-in-out;
	-ms-transition: background .4s ease-in-out;
	transition: background .4s ease-in-out
}
.navBox .navCart svg {
	display: inline-block;
	width: 18px;
	height: 16px;
	margin-right: 10px
}
.navBox .navCart svg .cls-1 {
	fill: #fff
}
.navBox .navCart a:hover {
	background: #6f000f
}
.header {
	position: fixed;
	left: 0;
	right: 0;transition:all 0.5s;
	top: 0;
	z-index: 96;
	padding-left: 68px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box
}
.logo {
	width: 200px
}
.logo {
	padding-top: 20px;
	float: left;
transition:all 0.5s;
	display: inline
}
.logo a {
	display: block
}
.logo svg {
	height: 68px;
	width: 88px
}
.logo svg .cls-1 {
	fill: none
}
.logo svg .cls-2 {
	fill: #136cad
}
.logo svg .cls-3 {
	fill: #00a0da
}
.logo svg .cls-4 {
	fill: #ed803c
}
.logo svg .cls-5 {
	fill: #e35a28
}
.header .user {
	width: 130px;
transition:all 0.5s;
	float: right;
	display: inline
}
.kf a {
	padding-bottom: 13px;
	padding-top: 10px;
	text-align: center;
	color: #fff;
	display: block;
	background-color: #C0182F;
	-webkit-transition: all ease-in-out .4s;
	-moz-transition: all ease-in-out .4s;
	-o-transition: all ease-in-out .4s;
	-ms-transition: all ease-in-out .4s;
	transition: all ease-in-out .4s
}
.kf span, .kf svg {
	display: inline-block;
	line-height: 24px
}
.kf svg {
	height: 20px;
	width: 18px;
	position: relative;
	top: 4px;
	margin-right: 9px;
	enable-background: new 0 0 18 19.8
}
.kf svg .st0 {
	fill: #FFF
}
.kf em {
	font-style: normal
}
.kf a:hover {
	background: #6f000f;
}
.btns {
	text-align: center;
transition:all 0.5s;
	padding: 21px 0
}
.btns .car, .btns .search {
	display: inline-block;
	cursor: pointer
}
.btns .search {
	margin-right: 42px
}
.search svg .cls-1 {
	fill: #444;
	-webkit-transition: all ease-in-out .5s;
	-moz-transition: all ease-in-out .4s;
	-o-transition: all ease-in-out .4s;
	-ms-transition: all ease-in-out .4s;
	transition: all ease-in-out .4s
}
.search svg {
	width: 16px;
	height: 16px
}
.car {
	position: relative
}
.car i {
	font-size: 12px;
	font-style: normal;
	text-align: center;
	display: block;
	color: #fff;
	width: 18px;
	height: 18px;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	-o-border-radius: 18px;
	-ms-border-radius: 18px;
	border-radius: 18px;
	line-height: 18px;
	position: absolute;
	right: -12px;
	top: -12px;
	background-color: #767676;
	border: 1px solid #fff;
	-webkit-transition: all ease-in-out .4s;
	-moz-transition: all ease-in-out .4s;
	-o-transition: all ease-in-out .4s;
	-ms-transition: all ease-in-out .4s;
	transition: all ease-in-out .4s
}
.car svg .cls-1 {
	fill: #444;
	-webkit-transition: all ease-in-out .4s;
	-moz-transition: all ease-in-out .4s;
	-o-transition: all ease-in-out .4s;
	-ms-transition: all ease-in-out .4s;
	transition: all ease-in-out .4s
}
.car svg {
	width: 18px;
	height: 16px
}
.car:hover svg .cls-1, .search:hover svg .cls-1 {
	fill: #6f000f
}
.car:hover i {
	background-color: #6f000f
}
.language {
	padding: 14px 33px 15.5px 36px;
	text-align: center;
transition:all 0.5s;
	float: right;
	display: inline;
	position: relative
}
.language a.now {
	display: inline-block;
	color: #a0a0a0;
	text-align: center;
	font-size: 13px;
	padding-right: 14px;
	position: relative;
	line-height: 20px;
	-webkit-transition: all ease-in-out .4s;
	-moz-transition: all ease-in-out .4s;
	-o-transition: all ease-in-out .4s;
	-ms-transition: all ease-in-out .4s;
	transition: all ease-in-out .4s
}
.language a.now img {
	width: 31px;
	height: 20px;
	margin-right: 12px
}
.language a.now:after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 6px solid #a0a0a0;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -3px;
	-webkit-transition: all ease-in-out .4s;
	-moz-transition: all ease-in-out .4s;
	-o-transition: all ease-in-out .4s;
	-ms-transition: all ease-in-out .4s;
	transition: all ease-in-out .4s
}
.language:hover a.now {
	color: #000
}
.language:hover a.now:after {
	-webkit-transform: rotate(-180deg);
	-moz-transform: rotate(-180deg);
	-o-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	transform: rotate(-180deg);
	border-top-color: #000
}
.language .box {
	position: absolute;
	left: 50%;
	width: 180px;
	margin-left: -90px;
	top: 49px;
	padding: 5px 0 12px 0;
	box-shadow: 0 6px 8px #f2f2f2;
	background: #fff;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .5s cubic-bezier(.395, 0, 0, 1);
	-moz-transition: all .5s cubic-bezier(.395, 0, 0, 1);
	-o-transition: all .5s cubic-bezier(.395, 0, 0, 1);
	-ms-transition: all .5s cubic-bezier(.395, 0, 0, 1);
	transition: all .5s cubic-bezier(.395, 0, 0, 1);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box
}
.language .scroll-pane {
	width: 100%;
	overflow: auto;
	max-height: 192px;
	background: #fff
}
.language .box a {
	text-align: left;
	display: block;
	padding: 6px 0 6px 31px;
	color: #a0a0a0;
	line-height: 20px;
	-webkit-transition: all ease-in-out .4s;
	-moz-transition: all ease-in-out .4s;
	-o-transition: all ease-in-out .4s;
	-ms-transition: all ease-in-out .4s;
	transition: all ease-in-out .4s
}
.language .box a img {
	width: 31px;
	height: 20px;
	margin-right: 12px
}
.language .box a:hover {
	background-color: #f6f6f6;
	color: #000
}
.language:hover .box {
	opacity: 1;
	visibility: visible
}
.fixHtml .header {
	background: #fff;transition:all 0.5s;
	-webkit-box-shadow: 0 0 3px #ccc;
	-moz-box-shadow: 0 0 3px #ccc;
	-o-box-shadow: 0 0 3px #ccc;
	-ms-box-shadow: 0 0 3px #ccc;
	box-shadow: 0 0 3px #ccc;
	padding-right: 54px
}
.fixHtml .header .logo {
	width: 200px;
	padding-top: 8px;
	padding-bottom: 8px
}
.fixHtml .header .language {
	margin-right: 100px;
	padding-left: 0;
	padding-right: 0;
	top: 15px
}
.fixHtml .header .user {
	position: relative;
	top: 15px
}
.fixHtml .header .btns {
	width: 100px;
	padding-top: 19px;
	padding-bottom: 10px;
	position: absolute;
	right: 130px;
	top: 0
}
.fixHtml .header .btns .search {
	margin-right: 10px
}
@media screen and (max-width:767px) {
.header {
	padding: 15px
}
.fixHtml .header {
	padding-right: 15px
}
.fixHtml .header .logo, .logo {
	width: 120px;
	padding: 0
}
.logo {
	padding-top: 0;
	float: none;
	display: block
}
.logo svg {
	width: 120px;
	height: 49px
}
.fixHtml .header .user, .header .user {
	width: auto;
	display: block;
	float: none;
	top: 0;
	position: static
}
.btns, .fixHtml .header .btns {
	padding: 0
}
.fixHtml .header .btns {
	width: auto;
	position: static;
	top: 0
}
.btns .car, .btns .search, .fixHtml .header .language, .kf, .language {
	display: block;
	position: absolute;
	top: 50%
}
.kf {
	right: 190px;
	margin-top: -13px
}
.btns .car, .btns .search {
	margin-top: -9px
}
.btns .search {
	margin-right: 0;
	right: 223px
}
.fixHtml .header .btns .search {
	margin-right: 0
}
.btns .car {
	right: 256px
}
.kf a {
	padding: 0;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	-ms-transition: none;
	transition: none
}
.kf a, .kf a:hover {
	background: 0 0
}
.kf em {
	display: none
}
.kf svg {
	margin-right: 0
}
.kf svg .st0 {
	fill: #397ee0
}
.search svg {
	width: 18px;
	height: 18px
}
.car svg {
	width: 20px;
	height: 18px
}
.fixHtml .header .language, .language {
	padding: 0;
	height: 20px;
	float: none;
	right: 54px;
	margin-top: -10px;
	margin-right: 0
}
.language .box {
	top: 30px;
	box-shadow: 0 0 8px #f2f2f2
}
.language .box a {
	padding-left: 12px
}
}
@media screen and (max-width:374px) {
.btns .car, .btns .search, .kf, .language {
	margin-top: 0;
	top: auto
}
.btns .car, .btns .search, .kf {
	bottom: 10px
}
.kf {
	right: 83px
}
.btns .search {
	right: 116px
}
.btns .car {
	right: 155px
}
.fixHtml .header .language, .language {
	top: 10px;
	right: 66px
}
.fixHtml .header .language {
	margin-top: 0
}
}
.searchFix {
	display: flex;
	align-items: center;
	justify-content: center;
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	background: #fff;
	z-index: 102;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all ease-in-out .4s;
	-moz-transition: all ease-in-out .4s;
	-o-transition: all ease-in-out .4s;
	-ms-transition: all ease-in-out .4s;
	transition: all ease-in-out .4s
}
.searFlex {
	opacity: 1;
	visibility: visible
}
.searchBox {
	width: 100%;
	max-width: 845px;
	padding: 80px 90px 0 90px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	position: relative
}
.searchBox .closeBtn {
	display: block;
	cursor: pointer;
	position: absolute;
	width: 16px;
	height: 16px;
	right: 0;
	top: 0
}
.searchBox .closeBtn svg {
	width: 16px;
	height: 16px
}
.searchBox .closeBtn svg .cls-1 {
	fill: #999
}
.searchBox .inputBox {
	padding-left: 75px;
	position: relative
}
.searchBox .inputBox span {
	width: 42px;
	position: absolute;
	left: 0;
	top: 3px
}
.searchBox .inputBox span svg {
	width: 42px;
	height: 42px
}
.searchBox .inputBox input {
	width: 100%;
	background: 0 0;
	border: none;
	font-size: 28px;
	color: #323232;
	border-bottom: 1px solid #1a1a1a;
	padding-bottom: 11px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box
}
.searchBox .inputBox input:-moz-placeholder {
color:#cecece
}
.searchBox .inputBox input::-moz-placeholder {
color:#cecece
}
　　 .searchBox .inputBox input::-webkit-input-placeholder {
color:#cecece
}
.searchBox .inputBox input:-ms-input-placeholder {
color:#cecece
}
.searchBox .inputBox input::placeholder {
color:#cecece
}
.onSearch .closeBtn svg .cls-1 {
	fill: #111
}
.onSearch .inputBox input:-moz-placeholder {
color:#111
}
.onSearch .inputBox input::-moz-placeholder {
color:#111
}
.onSearch .inputBox input::-webkit-input-placeholder {
color:#111
}
.onSearch .inputBox input:-ms-input-placeholder {
color:#111
}
.onSearch .inputBox input::placeholder {
color:#111
}
@media screen and (max-width:936px) {
.searchBox {
	padding-left: 30px;
	padding-right: 30px
}
.searchBox .closeBtn {
	right: 30px
}
}
@media screen and (max-width:767px) {
.searchBox {
	padding-left: 15px;
	padding-right: 15px
}
.searchBox .closeBtn {
	right: 15px
}
.searchBox .inputBox {
	padding-left: 42px
}
.searchBox .inputBox span {
	width: 24px;
	top: 50%;
	margin-top: -12px
}
.searchBox .inputBox input {
	font-size: 16px
}
}
.fixBox {
	position: fixed;
	right: 18px;
	top: 50%;
	z-index: 99;
	margin-top: -70.5px
}
.fixBox a {
	display: block;
	width: 26px;
	text-align: center;
	cursor: pointer
}
.fixBox .wx {
	margin: 32px 0
}
.fixBox a path {
	fill: #7f7f7f;
	-webkit-transition: all ease-out .4s;
	-moz-transition: all ease-out .4s;
	-o-transition: all ease-out .4s;
	-ms-transition: all ease-out .4s;
	transition: all ease-out .4s
}
.fixBox .wx .cls-2 {
	fill: none
}
.fixBox .share svg {
	width: 16px;
	height: 17px
}
.fixBox .wx svg {
	width: 26px;
	height: 26px
}
.fixBox .toTop svg {
	width: 15px;
	height: 19px
}
.fixBox a:hover path {
	fill: #000
}
.shareFix, .wxFix {
	opacity: 0;
	visibility: hidden;
	background: #fff;
	border: 1px solid #ddd;
	position: fixed;
	left: 50%;
	top: 50%;
	z-index: -1;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .5s cubic-bezier(.395, 0, 0, 1) .1s, z-index 0s linear 0s;
	-moz-transition: all .5s cubic-bezier(.395, 0, 0, 1) .1s, z-index 0s linear 0s;
	-o-transition: all .5s cubic-bezier(.395, 0, 0, 1) .1s, z-index 0s linear 0s;
	-ms-transition: all .5s cubic-bezier(.395, 0, 0, 1) .1s, z-index 0s linear 0s;
	transition: all .5s cubic-bezier(.395, 0, 0, 1) .1s, z-index 0s linear 0s
}
.shareShow {
	opacity: 1;
	visibility: visible;
	z-index: 100
}
.shareTi, .wxTi {
	text-align: right
}
.shareTi a, .wxTi a {
	display: inline-block;
	width: 12px;
	height: 12px;
	cursor: pointer
}
.shareTi .cls-1, .wxTi .cls-1 {
	stroke: #000
}
.shareFix {
	width: 300px;
	height: 116px;
	margin-left: -150px;
	margin-top: -58px
}
.shareTi {
	background: #f1f1f1;
	border-bottom: 1px solid #ddd;
	padding: 10px
}
.shareTi span {
	font-weight: 700;
	float: left;
	display: inline
}
.shareFix .shareList {
	padding: 14px 10px
}
.shareFix .shareList li {
	width: 25%;
	text-align: center;
	float: left;
	display: inline;
	font-size: 12px;
	color: #666
}
.shareFix .bdsharebuttonbox a {
	width: 24px;
	height: 24px;
	display: inline-block;
	float: none;
	padding: 0;
	margin: 0
}
.shareFix .bdsharebuttonbox span {
	display: block
}
.wxFix {
	width: 218px;
	height: 272px;
	padding: 10px;
	margin-top: -136px;
	margin-left: -109px;
	text-align: center
}
.wxFix .pic {
	margin-top: 4px;
	margin-bottom: 10px
}
.pages {
	text-align: center;
	padding: 90px 0
}
.pages a {
	display: inline-block;
	width: 28px;
	height: 28px;
	-webkit-border-radius: 28px;
	-moz-border-radius: 28px;
	-o-border-radius: 28px;
	-ms-border-radius: 28px;
	border-radius: 28px;
	text-align: center;
	line-height: 28px;
	color: #b9b9b9;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	margin: 0 2px
}
.pages a.cur, .pages a:hover {
	background-color: #397ee0;
	color: #fff
}
.footer {
	position: relative;
	padding-bottom: 25px;
	padding-top: 112px
}
@media screen and (max-width:767px) {
.footer {
	padding-top: 40px
}
}
.footer:before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: 1px;
	background-color: #e7e7e7;
	z-index: 8;
	-webkit-transition: all .5s cubic-bezier(.395, 0, 0, 1) .1s, z-index 0s linear 0s;
	-moz-transition: all .5s cubic-bezier(.395, 0, 0, 1) .1s, z-index 0s linear 0s;
	-o-transition: all .5s cubic-bezier(.395, 0, 0, 1) .1s, z-index 0s linear 0s;
	-ms-transition: all .5s cubic-bezier(.395, 0, 0, 1) .1s, z-index 0s linear 0s;
	transition: all .5s cubic-bezier(.395, 0, 0, 1) .1s, z-index 0s linear 0s
}
.navOpen .footer:before, .shareOpen .footer:before {
	z-index: 98
}
.footer .contain {
	width: 1002px;
	margin: 0 auto;
	padding: 0 54px
}
@media screen and (max-width:1128px) {
.footer .contain {
	width: auto
}
}
@media screen and (max-width:767px) {
.footer .contain {
	padding-left: 15px;
	padding-right: 15px
}
}
.footer a {
	-webkit-transition: all ease-in-out .4s;
	-moz-transition: all ease-in-out .4s;
	-o-transition: all ease-in-out .4s;
	-ms-transition: all ease-in-out .4s;
	transition: all ease-in-out .4s
}
.footer a:hover {
	color: #C0182F
}
.floor1, .floor1 a {
	color: #888
}
.floor1 dl {
	float: left;
	display: inline
}
.floor1 .list1 {
	width: 315px
}
.floor1 .list2 {
	width: 356px
}
.floor1 .list4 {
	width: 328px
}
.floor1 .list2 dt {
	float: left;
	display: inline;
	width: 50%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box
}
@media screen and (max-width:1128px) {
.floor1 .list1 {
	width: 40%
}
.floor1 .list2 {
	width: 20%
}
.floor1 .list2 dt {
	width: auto;
	float: none;
	display: block
}
.floor1 .list4 {
	width: 40%
}
}
@media screen and (max-width:767px) {
.floor1 .list4 {
	margin-top: 0
}
}
.floor1 dt {
	font-size: 16px;
	padding-left: 14px;
	position: relative;
	margin-bottom: 25px
}
.floor1 dt:last-child {
	margin-bottom: 0
}
.floor1 dt:before {
	content: '';
	display: block;
	width: 8px;
	height: 8px;
	border: 1px solid grey;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -3px
}
.floor1 dd {
	padding-left: 14px
}
.floor1 .h2 a, .floor1 .tel {
	font-size: 16px;
	color: #888
}
.floor1 .h2 a:hover {
	color: #4286e6
}
.floor1 ul {
	padding-top: 11px
}
.floor1 li {
	width: 50%;
	float: left;
	display: inline;
	margin-top: 10px
}
.floor1 li a {
	font-size: 12px;
	color: #999
}
.floor1 .tel span {
	font-size: 24px;
	font-weight: 700;
	color: #666
}
.floor1 .txt {
	padding: 16px 0
}
.floor1 .txt p {
	margin-top: 8px
}
.floor1 .phone {
	font-size: 12px;
	color: #999
}
.floor1 .phone .pic {
	display: inline-block;
	width: 54px;
	height: 54px;
	overflow: hidden;
	position: relative;
	z-index: 3;
	-webkit-transition: transform .4s ease-in-out;
	-moz-transition: transform .4s ease-in-out;
	-o-transition: transform .4s ease-in-out;
	-ms-transition: transform .4s ease-in-out;
	transition: transform .4s ease-in-out;
	-webkit-transform-origin: 0 100%;
	-moz-transform-origin: 0 100%;
	-o-transform-origin: 0 100%;
	-ms-transform-origin: 0 100%;
	transform-origin: 0 100%
}
.floor1 .phone span {
	position: relative;
	top: -2px
}
.floor1 .phone .pic:hover {
	-webkit-transform: scale(3.8);
	-o-transform: scale(3.8);
	-ms-transform: scale(3.8);
	-moz-transform: scale(3.8);
	transform: scale(3.8);
	-webkit-box-shadow: 0 1px 3px #ddd;
	-moz-box-shadow: 0 1px 3px #ddd;
	-o-box-shadow: 0 1px 3px #ddd;
	-ms-box-shadow: 0 1px 3px #ddd;
	box-shadow: 0 1px 3px #ddd
}
@media screen and (max-width:479px) {
	.floor1 dl {
	width: 100%!important
}
}
@media screen and (max-width:767px) {
.floor1 .list1 {
	margin-bottom: 25px
}
.floor1 .tel span {
	font-size: 18px
}
.floor1 .phone .pic:hover {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}
.floor1 .list2 dt {
	width: 50%;
	float: left;
	display: inline;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box
}
}
.floor2 {
	text-align: right;
	margin-top: 40px
}
.floor2 a {
	width: 26px;
	text-align: center;
	display: inline-block;
	cursor: pointer
}
.floor2 a .cls-1 {
	fill: #7f7f7f;
	-webkit-transition: all .5s cubic-bezier(.395, 0, 0, 1) .1s;
	-moz-transition: all .5s cubic-bezier(.395, 0, 0, 1) .1s;
	-o-transition: all .5s cubic-bezier(.395, 0, 0, 1) .1s;
	-ms-transition: all .5s cubic-bezier(.395, 0, 0, 1) .1s;
	transition: all .5s cubic-bezier(.395, 0, 0, 1) .1s
}
.floor2 a .cls-2 {
	fill: none
}
.floor2 a.fqq {
	margin: 0 13px
}
.floor2 a:hover .cls-1 {
	fill: #111
}
@media screen and (max-width:767px) {
.floor2 {
	text-align: center
}
}
.floor3, .floor3 a {
	color: #999
}
.floor3 {
	font-size: 12px;
	line-height: 20px;
	margin-top: 16px
}
.floor3 em {
	font-style: normal
}
.floor3 .law, .floor3 .links {
	float: left;
	display: inline
}
.floor3 .copyRight {
	float: right;
	display: inline
}
.floor3 .links {
	margin-right: 19px;
	position: relative
}
.floor3 .links .dt {
	padding-right: 17px;
	position: relative
}
.floor3 .links .dt:after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 7px solid #999;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -3px;
	-webkit-transition: all ease-in-out .4s;
	-moz-transition: all ease-in-out .4s;
	-o-transition: all ease-in-out .4s;
	-ms-transition: all ease-in-out .4s;
	transition: all ease-in-out .4s
}
.floor3 .links:hover .dt {
	color: #C0182F
}
.floor3 .links:hover .dt:after {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	border-top-color: #C0182F
}
.floor3 .links .box {
	width: 108px;
	position: absolute;
	left: 50%;
	margin-left: -54px;
	bottom: 19px;
	padding-bottom: 13px;
	z-index: 100;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all ease-in-out .4s;
	-moz-transition: all ease-in-out .4s;
	-o-transition: all ease-in-out .4s;
	-ms-transition: all ease-in-out .4s;
	transition: all ease-in-out .4s
}
.floor3 .links dl {
	padding: 8px 0;
	text-align: center;
	background: #fff;
	-webkit-box-shadow: 0 1px 4px 2px #eee;
	-moz-box-shadow: 0 1px 4px 2px #eee;
	-o-box-shadow: 0 1px 4px 2px #eee;
	-ms-box-shadow: 0 1px 4px 2px #eee;
	box-shadow: 0 1px 4px 2px #eee
}
.floor3 .links a {
	display: block;
	padding: 4px
}
.floor3 .links:hover .box {
	opacity: 1;
	visibility: visible
}
.floor3 .copyRight span {
	margin: 0 20px
}
@media screen and (max-width:767px) {
.floor3 {
	text-align: center
}
.floor3 .copyRight, .floor3 .law, .floor3 .links {
	float: none;
	display: inline-block
}
.floor3 .copyRight {
	display: block;
	margin-top: 10px
}
.floor3 .copyRight span {
	display: block
}
}
.footer2 {
	width: 100%;
	padding-top: 100px;
}
.footer2 .contain {
	width: 100%;
	padding: 0 54px 0 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box
}
.footer2 .floor1 .list1 {
	width: 36%
}
.footer2 .floor1 .list2 {
	width: 20%
}
.footer2 .floor1 .list2 dt {
	float: none;
	display: block;
	width: auto
}
.footer2 .floor1 .list4 {
	width: 44%
}
.footer2 .floor2 {
	margin-top: 37px
}
.footer2 .copyRight, .footer2 .copyRight a {
	color: #999
}
.footer2 .copyRight {
	font-size: 12px;
	float: left;
	display: inline;
	line-height: 26px
}
.footer2 .copyRight a {
	width: auto
}
.footer2 .copyRight span {
	margin: 0 26px 0 0px
}
.footer2 .copyRight a:hover {
	color: #4286e6
}
@media screen and (max-width:1431px) {
.footer2 .floor1 .list1 {
	width: 66%
}
.footer2 .floor1 .list2 {
	width: 34%
}
.footer2 .floor1 .list4 {
	width: 100%;
	margin-top: 50px
}
.footer2 .floor2 {
	text-align: center
}
.footer2 .copyRight {
	float: none;
	display: block;
	margin-bottom: 20px
}
.footer2 .copyRight span {
	display: block
}
}
@media screen and (max-width:1000px) {
.footer2 {
	width: 100%;
	padding-top: 40px;
	margin-top: 80px
}
}
@media screen and (max-width:767px) {
.footer2 .contain {
	padding-left: 15px;
	padding-right: 15px
}
.footer2 .floor1 .list4 {
	margin-top: 0
}
.footer2 .floor1 .list2 {
	margin-bottom: 0
}
.footer2 .floor1 .list2 dt {
	margin-bottom: 25px
}
}
.homePage {
	width: 1248px;
	margin: 0 auto
}
@media screen and (max-width:1374px) {
.homePage {
	width: auto;
	padding-left: 54px;
	padding-right: 54px
}
}
@media screen and (max-width:767px) {
.homePage {
	padding-left: 15px;
	padding-right: 15px
}
}
.homeBan {
	overflow: hidden
}
.homeBan .item {
	-webkit-display: flex;
	-moz-display: flex;
	-o-display: flex;
	-ms-display: flex;
	display: flex;
	-webkit-align-items: center;
	-moz-align-items: center;
	-o-align-items: center;
	-ms-align-items: center;
	align-items: center;
	-moz-justify-content: space-between;
	-o-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-direction: row-reverse;
	-moz-flex-direction: row-reverse;
	-o-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse
}
.homeBan .pic, .homeBan .txts {
}
.homeBan .pic {
	width: 56%;
	right: -30px;
	-webkit-transition: all .8s ease-in-out 1.2s;
	-moz-transition: all .8s ease-in-out 1.2s;
	-o-transition: all .8s ease-in-out 1.2s;
	-ms-transition: all .8s ease-in-out 1.2s;
	transition: all .8s ease-in-out 1.2s
}
.homeBan .txts {
	width: 44%;
	top: 30px;
	-moz-transition: all .8s ease-in-out .4s;
	-o-transition: all .8s ease-in-out .4s;
	-ms-transition: all .8s ease-in-out .4s;
	transition: all .8s ease-in-out .4s;
	padding-left: 114px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box
}
.homeBan .txt1 {
	font-size: 16px;
	color: #a8a8a8
}
.homeBan .txt1 span {
	font-size: 14px;
	display: inline-block;
	padding: 2px 8px;
	background: #f1f1f1;
	color: #333;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	margin-left: 2px
}
.homeBan .txt2 {
	font-size: 48px;
	font-weight: 700;
	color: #000;
	margin-bottom: 17px;
	margin-top: 4px
}
.homeBan .txt3 {
	font-size: 18px;
	color: #b8b8b8;
	margin-bottom: 33px
}
.homeBan .txt3 span {
	display: block
}
.homeBan .more {
	color: #fff;
	font-size: 18px;
	display: inline-block;
	padding: 12px 95px 12px 33px;
	background-color: #C0182F;
	position: relative;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out
}
.homeBan .more:after {
	content: '';
	width: 0;
	height: 0;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 7px solid #fff;
	position: absolute;
	right: 33px;
	top: 50%;
	margin-top: -6px
}
.homeBan .more:hover {
	background-color: #6f000f
}
.homeBan .active .pic, .homeBan .active .txts {
	opacity: 1;
	visibility: visible
}
.homeBan .active .pic {
	right: 0
}
.homeBan .active .txts {
	top: 0
}
@media screen and (max-width:1374px) {
.homeBan .txts {
	padding-left: 0
}
}
@media screen and (max-width:889px) {
.homeBan .txt2 {
	font-size: 34px
}
.homeBan .more {
	font-size: 16px;
	padding: 8px 30px 8px 14px
}
.homeBan .more:after {
	right: 14px;
	border-width: 4px 0 4px 4px;
	margin-top: -4px
}
}
@media screen and (max-width:640px) {
.homeBan .item {
	text-align: center;
	display: block
}
.homeBan .pic, .homeBan .txts {
	width: 100%
}
.homeBan .pic {
	-moz-transition: all .8s ease-in-out .4s;
	-o-transition: all .8s ease-in-out .4s;
	-ms-transition: all .8s ease-in-out .4s;
	transition: all .8s ease-in-out .4s
}
.homeBan .active .txts, .homeBan .txts {
	top: 0
}
.homeBan .txts {
	-webkit-transition: all .8s ease-in-out 1.2s;
	-moz-transition: all .8s ease-in-out 1.2s;
	-o-transition: all .8s ease-in-out 1.2s;
	-ms-transition: all .8s ease-in-out 1.2s;
	transition: all .8s ease-in-out 1.2s;
	padding: 20px 0
}
.homeBan .pic img {
	max-width: 90%
}
.homeBan .txt2 {
	font-size: 20px;
	margin-bottom: 0;
	margin-top: 6px
}
.homeBan .more, .homeBan .txt3 {
}
}
.aboutIndex {
	padding-top: 26px;
	padding-bottom: 100px;
	background: url(../images/about.jpg) no-repeat center;
	margin-top: 105px
}
.aboutIndex .circle, .aboutIndex .dots span {
	position: relative
}
.aboutIndex .circle {
	width: 70px;
	height: 70px;
	-webkit-border-radius: 70px;
	-moz-border-radius: 70px;
	-o-border-radius: 70px;
	-ms-border-radius: 70px;
	border-radius: 70px;
	background-color: #397ee0;
	left: 16%
}
.aboutIndex .dots {
	text-align: right
}
.aboutIndex .dots span {
	display: inline-block;
	width: 48px;
	height: 48px;
	right: 16%;
	background: url(../images/c1.png) no-repeat center
}
.aboutIndex .box {
	padding-bottom: 31px;
	padding-top: 57px
}
.aboutIndex .h2 {
	font-size: 25px;
	color: #6e6e6e;
	text-align: center
}
.aboutIndex .txts {
	width: 294px;
	margin: 0 auto;
	margin-top: 39px;
	color: #7c7c7c;
	line-height: 34px
}
@media screen and (max-width:767px) {
.aboutIndex {
	padding-top: 0;
	padding-bottom: 57px;
	margin-top: 80px
}
.aboutIndex .circle, .aboutIndex .dots {
	display: none
}
.aboutIndex .box {
	padding-bottom: 0
}
.aboutIndex .h2 {
	font-size: 20px
}
.aboutIndex .txts {
	width: auto
}
}
.typesIndex {
	padding-top: 153px;
	padding-bottom: 80px;
}
.typesIndex ul {
	margin-left: -24px;
	margin-right: -24px
}
.typesIndex li {
	width: 33.3333%;
	float: left;
	display: inline;
	padding: 0 24px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box
}
.typesIndex li img {
	width: 100%
}
.typesIndex li div {
	position: relative;
	overflow: hidden
}
.typesIndex li a {
	-webkit-display: flex;
	-moz-display: flex;
	-o-display: flex;
	-ms-display: flex;
	display: flex;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-o-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-o-align-items: center;
	-ms-align-items: center;
	align-items: center;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 9;
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	background: rgba(0, 0, 0, .2);
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out
}
.typesIndex li a:hover {
	background: rgba(0, 0, 0, .4)
}
@media screen and (max-width:1374px) {
.typesIndex ul {
	margin-left: -15px;
	margin-right: -15px
}
.typesIndex li {
	padding-left: 15px;
	padding-right: 15px
}
}
@media screen and (max-width:1090px) {
.typesIndex ul {
	margin-left: -7px;
	margin-right: -7px
}
.typesIndex li {
	padding-left: 7px;
	padding-right: 7px
}
}
@media screen and (max-width:767px) {
.typesIndex {
	padding-top: 80px;
	padding-bottom: 80px
}
.typesIndex li {
	width: 50%;
	margin-bottom: 15px
}
.typesIndex li:last-child {
	margin-bottom: 0
}
}
@media screen and (max-width:450px) {
.typesIndex li {
	width: 100%
}
}
.proIndex {
}
.proIndex li, .proIndex ul {
	-webkit-display: flex;
	-moz-display: flex;
	-o-display: flex;
	-ms-display: flex;
	display: flex
}
.proIndex li {
	text-align: center;
	width: 50%;
	-webkit-align-items: center;
	-moz-align-items: center;
	-o-align-items: center;
	-ms-align-items: center;
	align-items: center;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: center
}
.proIndex li .pic {
	position: relative
}
.proIndex li img {
	display: block;
	width: 100%;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
	-ms-transition: all .3s linear;
	transition: all .3s linear
}
.proIndex li .img1 {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}
.proIndex li .img2 {
	opacity: 0;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	-webkit-transform: scale(.9);
	-moz-transform: scale(.9);
	-o-transform: scale(.9);
	-ms-transform: scale(.9);
	transform: scale(.9)
}
.proIndex li a:hover .img1 {
	opacity: 0;
	-webkit-transform: scale(.9);
	-moz-transform: scale(.9);
	-o-transform: scale(.9);
	-ms-transform: scale(.9);
	transform: scale(.9)
}
.proIndex li a:hover .img2 {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}
.proIndex li .name {
	font-size: 16px;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
	-ms-transition: all .3s linear;
	transition: all .3s linear
}
.proIndex li .kind {
	margin-top: 7px
}
.proIndex li:first-child .item:last-child {
	margin-top: 79px
}
.proIndex li a:hover .name {
	color: #C0182F
}
@media screen and (max-width:767px) {
.proIndex {
	padding-bottom: 80px
}
}
.proPage {
	width: 1418px;
       padding-top: 80px;
	margin: 0 auto
}
@media screen and (max-width:1544px) {
.proPage {
	width: auto;
	padding-left: 130px;
	padding-right: 130px
}
}
@media screen and (max-width:1000px) {
.proPage {
	padding-left: 54px;
	padding-right: 54px
}
}
@media screen and (max-width:767px) {
.proPage {
	padding-left: 15px;
	padding-right: 15px
}
}
  .pcNav{ position: fixed;
  top: 0px;
    right: 0px;
    left: 0px;
	    width: 60%;
    margin: auto;
	transition:all 0.5s;
    z-index: 99!important;
	}
	.fixHtml .pcNav{
		top:26px;}
.proNav {
	text-align: center;
	position: relative;
	z-index: 99
}
.proNav:after, .proSon:after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 1px;
	background: -webkit-linear-gradient(left, transparent, #ebebeb, transparent);
	background: -o-linear-gradient(right, transparent, #ebebeb, transparent);
	background: -moz-linear-gradient(right, transparent, #ebebeb, transparent);
	background: linear-gradient(to right, transparent, #ebebeb, transparent)
}
.proNav li {
	padding-top: 15px;
	padding-bottom: 27px;
	font-size: 16px;
	display: inline-block;
	margin: 0 55px
}
.proNav a, .proNav a:after {
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out
}
.proNav a {
	display: block;
	color: #a5a5a5;
	padding-right: 28px;
	position: relative
}
.proNav a:after {
	content: '';
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 8px solid #a5a5a5;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -4px
}
.proNav li:first-child a {
	padding-right: 0
}
.proNav li:first-child a:after {
	display: none
}
.proNav li.on a {
	color: #C0182F
}
.proNav li.on a:after {
	border-top-color: #C0182F;
	-webkit-transform: rotate(-180deg);
	-moz-transform: rotate(-180deg);
	-o-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	transform: rotate(-180deg)
}
.proLevel {
    margin-left: -30%;
    margin-right: -30%;
	display: none;
	padding-bottom: 1px;
    margin-top: -1px;
	position: relative;
    background-color: #fff;
	z-index: 100;
	border-top:#ececec 1px solid
}
.proLevel.active {
	display: block
}
.proSon {
	display: none
}
.proLevel ul {
	padding-top: 16px;
	padding-bottom: 17px;
	text-align:center;
	position: relative
}
.proLevel li {
	padding: 7px 0;
	display: inline-block;
	width: 12.5%;
	text-align: center
}
.proLevel li a {
	color: #9d9d9d;
}
.proLevel li a:hover {
	color: #C0182F
}
#nav, .minNav {
	display: none
}
@media screen and (max-width:1436px) {
.proNav li {
	margin: 0 3.5%
}
.proLevel {
	padding: 0 30px
}
}
@media screen and (max-width:1181px) {
.proNav li {
	margin: 0 2%
}
}
@media screen and (max-width:1100px) {
.pcNav {
	display: none
}
.minNav, .minNav2 {
	display: block;
	    margin-top: 80px;
	text-align: right
}
.minNav a, .minNav2 a {
	position: relative;
	padding-left: 34px;
	display: inline-block;
	font-size: 16px;
	color: #6f000f;
	line-height: 32px
}
.minNav a svg, .minNav2 a svg {
	position: absolute;
	width: 30px;
	left: 0;
	top: 10px;
}
.minNav2 {
	margin-top: 20px
}
}
@media screen and (max-width:1000px) {
.minNav {
	margin-top: 20px
}
}
.proPage .location {
	margin-top: 40px;
	position: relative;
	z-index: 96
}
.location, .location a {
	color: #a0a0a0
}
.location {
	font-size: 15px;
	padding-left: 95px
}
.location em {
	font-style: normal;
	margin: 0 8px
}
.location a:hover, .location span {
	color: #C0182F
}
@media screen and (max-width:1436px) {
.location {
	padding-left: 0
}
}
@media screen and (max-width:640px) {
.proPage .location {
	margin-top: 20px
}
}
.fixHtml .proLevel, .fixHtml .proNav, .fixHtml .proPage .location {
	z-index: 90
}
@media screen and (max-width:767px) {
.minBav {
	display: block;
	text-align: right
}
.minBav span {
	display: inline-block
}
}
.cateTi {
	text-align: center;
	font-weight: 700;
	font-size: 38px;
	text-transform: capitalize;
	color: #f4f4f4;
	margin-top: 17px
}
.cateTi span {
	display: block;
	font-weight: 400;
	font-size: 24px;
	color: #9c9c9c;
	margin-top: -24px
}
@media screen and (max-width:767px) {
.cateTi div {
	display: none
}
.cateTi span {
	margin-top: 0
}
}
.proList {
	padding-top: 24px
}
.proList ul {
	margin-left: -34px;
	margin-right: -34px
}
.proList li {
	text-align: center;
	width: 25%;
	float: left;
	display: inline;
	padding: 16px 34px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box
}
.proList li .poi {
	position: relative
}
.proList li a {
	display: block;
	cursor: pointer;
	color: #666
}
.proList li .pic {
	position: relative
}
.proList li .pic div {
	text-align: center;
	display: block;
	width: 100%;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
	-ms-transition: all .3s linear;
	transition: all .3s linear
}
.proList li .img1 {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}
.proList li .img2 {
	opacity: 0;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	-webkit-transform: scale(.9);
	-moz-transform: scale(.9);
	-o-transform: scale(.9);
	-ms-transform: scale(.9);
	transform: scale(.9)
}
.proList li .img2 img, .proList li .img1 img{
width: 210px;
    height: 210px;
	}
.proList li .poi:hover .img1 {
	opacity: 0;
	-webkit-transform: scale(.9);
	-moz-transform: scale(.9);
	-o-transform: scale(.9);
	-ms-transform: scale(.9);
	transform: scale(.9)
}
.proList li .poi:hover .img2 {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}
.proList i {
	cursor: pointer;
	display: block;
	width: 19px;
	height: 17px;
	position: absolute;
	right: 30px;
	top: 17px;
	z-index: 9;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
	-ms-transition: all .3s linear;
	transition: all .3s linear;
	background: url(../images/cc.png) no-repeat center
}
.proList i .cls-1 {
	fill: #444;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
	-ms-transition: all .3s linear;
	transition: all .3s linear
}
.proList li .poi:hover i, .proList li.buy i {
	opacity: 1;
	visibility: visible
}
.proList li i:hover, .proList li.buy i {
	background-image: url(../images/cc2.png)
}
.proList li .h2, .proList li .h3, .proList li .h4, .proList li .price {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}
.proList li .h3 {
	margin-top: 15px
}
.proList li .h2 {
	margin-top: 6px
}
.proList li .h4 {
	margin-top: 8px
}
.proList li .price {
	margin-top: 5px;
	color: #C0182F
}
.proList li .price span {
	font-size: 12px;
	margin-right: 4px
}
.proList li .poi:hover .h2 {
	color: #C0182F
}
@media screen and (max-width:1024px) {
.proList ul {
	margin-left: -7px;
	margin-right: -7px
}
.proList li {
	padding-left: 7px;
	padding-right: 7px
}
}
@media screen and (max-width:767px) {
.proList li {
	width: 50%
}
.tu .img2 img, .tu .img1 img{
	width:100%!important;
	height:auto!important;
	}
}
@media screen and (max-width:500px) {
	.proList li {
	width: 100%
}
	}
.proList li .h1 {
	font-size: 16px;
	margin-top: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}
.proList2 {
	margin-bottom: 92px
}
.line .header:before {
	content: '';
	position: absolute;
	width: 1px;
	left: 50%;
	margin-left: -1px;
	top: 0;
	bottom: 0;
	background: #e7e7e7;
	z-index: 9
}
.fixHtml .header:before {
	display: none
}
.prodPage {
	padding-left: 54px;
	background: #fff;
	padding-right: 54px;
	position: relative;
	z-index: 9
}
.goBack {
	display: block;
	position: fixed;
	right: 54px;
	top: 139px;
	z-index: 10
}
.goBack a {
	display: inline-block;
	width: 28px
}
.goBack svg {
	width: 28px;
	height: 21px
}
.goBack .cls-1 {
	fill: #bfbfbf;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out
}
.goBack:hover .cls-1 {
	fill: #377fe0
}
.prodPage .prodLeft, .prodPage .prodRight {
	width: 50%
}
.prodPage .prodLeft {
position: relative;
    position: fixed;
    height: 100%;width: calc(50% - 54px);
    left: 54px;
	box-sizing: border-box;
    top: 0;
    bottom: 0;
}
.prodPage .prodRight {
	height: 100%;
float: right;
	width: 50%;
	z-index: 9;
	color: #9b9b9b;
	border-left: 1px solid #e7e7e7
}
.prodPage .prodRight .scroll-pane {
	height: 100%;
	overflow: hidden;    margin-top: 217px;
	width: 100%;
	outline: 0
}
.prodPage .prodRight .jspDrag {
	background: 0 0
}
.prodPage .prodLeft .location {
	display: none
}
.prodPage .prodLeft .picBig {
	text-align: center;
	margin-top: 217px;
	position: relative
}
.prodPage .prodLeft .picBig img {
	margin-top: -110px;
}
.prodPage .prodLeft .picSmall {
	text-align: right;
	margin-right: 1px;
}
.cateName {
	background: #fff;
	width: 94px;
	height: 204px;
	font-size: 12px;
	left: 0;
	position: absolute;
	top: 140px
}
.cateName .scroll-pane {
	width: 100%;
	height: 100%;
	overflow: hidden
}
.cateName li {
	margin-bottom: 29px
}
.cateName li:last-child {
	margin-bottom: 0
}
.cateName li a {
	color: #9b9b9b
}
.cateName li a:hover {
	color: #c0182f
}
.minNav2 {
	display: none
}
@media screen and (max-width:1000px) {
.cateName {
	display: none
}
.minNav2 {
	display: block
}
}
.prodPage .prodRight .box {
	padding: 138px 54px 124px 54px
}
.prodPage .prodRight .location {
	padding-left: 0
}
.prodRight .orderNum, .prodRight .price {
	color: #b0b0b0
}
.prodRight .orderNum {
	margin-top: 93px
}
.prodRight .orderNum span {
	color: #333
}
.prodRight .name, .prodRight .xh {
	font-weight: 700;
	color: #c0182f
}
.prodRight .name {
	font-size: 26px;
	margin-top: 10px
}
.prodRight .price b, .prodRight .xh {
	font-size: 24px
}
.prodRight .xh {
	margin-top: 6px
}
.prodRight .price {
	margin-top: 36px
}
.prodRight .price span {
	font-size: 16px
}
.prodRight .price b {
	margin-right: 6px;
	margin-left: 3px;
	color: #979797
}
.prodRight .memos {
	width: 602px;
	line-height: 24px;
	margin-top: 37px
}
.prodRight .nums {
	display: inline-block;
	border: 1px solid #c5c5c5;
	margin-top: 53px
}
.prodRight .nums input, .prodRight .nums span {
	height: 48px;
	text-align: center;
	line-height: 48px;
	float: left;
	display: inline
}
.prodRight .nums span {
	font-size: 21px;
	width: 48px;
	cursor: pointer
}
.prodRight .nums span:hover {
	color: #3a7cdf
}
.prodRight .nums input {
	width: 137px;
	background: 0 0;
	border: none;
	font-size: 16px;
	color: #7d7d7d
}
.prodRight .btn {
	margin-top: 44px;
	position: relative;
}
.prodRight .btn a {
	font-size: 15px;
	display: inline-block;
	text-align: center;
	color: #fff;
	background-color: #397ee0;
	line-height: 48px;
	-webkit-transition: background .4s ease-in-out;
	-moz-transition: background .4s ease-in-out;
	-o-transition: background .4s ease-in-out;
	transition: background .4s ease-in-out
}
.prodRight .btn a.buys {
	width: 148px
}
.prodRight .btn a.cars {
	width: 218px;
	cursor: pointer;
	margin-left: 1px
}
.prodRight .btn a.cars span {
	display: inline-block;
	padding-left: 35px;
	position: relative
}
.prodRight .btn a.cars i {
	display: block;
	width: 18px;
	height: 16px;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -8px;
	line-height: normal
}
.prodRight .btn a.cars i .cls-1 {
	fill: #fff
}
.prodRight .btn a:hover {
	background: #6f000f
}
.prodRight .relaTi {
	font-size: 15px;
	color: #999;
	border-bottom: 1px solid #ddd
}
.prodRight .relaTi span {
	display: inline-block;
	padding-bottom: 13px;
	position: relative;
	margin-right: 128px
}
.prodRight .relaTi span:last-child {
	margin-right: 0
}
.prodRight .relaTi span.on {
	color: #c0182f
}
.prodRight .relaTi span.on:after {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -1px;
	height: 2px;
	background-color: #c0182f
}
.prodRight .relaTi1 {
	margin-top: 205px
}
.proList3 ul {
	margin-left: -22px;
	margin-right: -22px;
	margin-top: -16px
}
.proList3 li {
	width: 33.333%;
	padding-left: 22px;
	padding-right: 22px
}
.proList3 li a .h2 {
	color: #333;
	font-size: 16px
}
.tabPannel1 {
	margin-top: 98px
}
.tabPannel .relaTi span {
	cursor: pointer
}
.tabPannel2 {
	margin-top: 58px
}
.relaBox {
	margin-top: 52px
}
.paramList dl {
	padding-left: 160px;
	position: relative;
	line-height: 36px
}
.paramList dt {
	position: absolute;
	left: 0;
	top: 0
}
.paramList dd {
	width: 320px;
	color: #7c7c7c
}
.uploadList li {
	margin-top: 24px;
	padding-left: 26px;
	position: relative
}
.uploadList li:first-child {
	margin-top: 0
}
.uploadList li:before {
	content: '';
	display: block;
	width: 12px;
	height: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-o-border-radius: 12px;
	-ms-border-radius: 12px;
	border-radius: 12px;
	background-color: #eaeaea;
	position: absolute;
	left: 0;
	top: 3px
}
.uploadList li a {
	color: #7c7c7c
}
.uploadList li span {
	margin-left: 11px
}
.uploadList li img {
	position: relative;
	top: 2px
}
.relaPics {
	margin-top: 46px;
	text-align: center
}
.unitList ul {
	margin-left: -15px;
	margin-top: -15px
}
.unitList li {
	padding: 25px 15px;
	text-align: center;
	width: 20%;
	float: left;
	display: inline;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box
}
.unitList li .h2 {
	margin-top: 7px
}
.prodRight .relaTi2 {
	margin-top: 91px
}
@media screen and (max-width:1486px) {
.proList3 ul {
	margin-left: -7px;
	margin-right: -7px
}
.proList3 li {
	padding-left: 7px;
	padding-right: 7px
}
}
@media screen and (max-width:1436px) {
.paramList dd, .prodRight .memos {
	width: auto
}
}
@media screen and (max-width:1414px) {
.unitList ul {
	margin-left: -7px;
	margin-right: -7px
}
.unitList li {
	width: 33.33%;
	padding-left: 7px;
	padding-right: 7px
}
}
@media screen and (max-width:1396px) {
.paramList dl {
	padding-left: 138px
}
}
@media screen and (max-width:1366px) {
.proList3 li {
	width: 50%
}
}
@media screen and (max-width:1000px) {
.line:before {
	display: none
}
.header:before {
	display: none
}
.goBack {
	top: 113px;
	right: 20px
}
.goBack a {
	display: inlne-block
}
.prodPage .prodLeft, .prodPage .prodRight {
	width: 100%
}
.prodPage .prodLeft {
	padding-top: 30px
}
.prodPage .prodLeft .location {
	display: block;
	padding-right: 48px
}
.prodPage .prodRight {
	height: auto
}
.prodPage .prodRight .scroll-pane {
	height: 100%
}
.prodPage .prodRight {
	position: static;
	border-left: none
}
.prodPage .prodRight .location {
	display: none
}
.prodPage .prodRight .box {
	padding: 0 7px
}
.proList3 li {
	width: 33.3333%
}
.unitList li {
	width: 20%
}
}
@media screen and (max-width:767px) {
.prodPage {
	padding-left: 15px;
	padding-right: 15px
}
.prodPage .prodLeft .picSmall {
	text-align: center
}
.cateName {
	display: none
}
.prodRight .name {
	font-size: 22px
}
.prodRight .nums input {
	width: 52px
}
.prodRight .btn a.cars {
	width: 148px;
	margin-left: 0;
	margin-top: 10px
}
.prodRight .relaTi span {
	margin-right: 40px
}
.unitList li {
	width: 25%
}
}
@media screen and (max-width:527px) {
.proList3 li {
	width: 50%
}
.unitList li {
	width: 33.3333%
}
.proList3 li a .h2 {
	font-size: 12px
}
}
@media screen and (max-width:321px) {
.prodRight .btn a.buys {
	width: 123px
}
.prodRight .btn a.cars {
	width: 140px
}
}
.basePage {
	padding: 151px 208px 0 208px
}
.content, .menuList {
	float: left;
	display: inline
}
.menuList {
	width: 24.85%
}
.menuList dl {
	display: block
}
.menuList li {
	margin-bottom: 20px
}
.menuList li a {
	display: block;
	color: #a0a0a0;
	padding-left: 34px
}
.menuList li .menuA {
	font-size: 16px;
	position: relative
}
.menuList li .menuA:before {
	content: '';
	display: block;
	width: 6px;
	height: 6px;
	background-color: #a0a0a0;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -3px
}
.menuList li dl {
	padding-top: 6px;
	padding-bottom: 23px
}
.menuList li dd {
	margin-top: 10px
}
.content {
	width: 75.15%
}
.menuList .cur a, .menuList li a:hover, .menuList li.on .menuA {
	color: #020202
}
.menuList li .menuA:hover:before, .menuList li.on .menuA:before {
	background-color: #020202
}
.content .location {
	padding-left: 0
}
@media screen and (max-width:1348px) {
.basePage {
	width: auto;
	padding-left: 54px;
	padding-right: 54px
}
}
@media screen and (max-width:1000px) {
.basePage {
	padding-top: 30px
}
}
@media screen and (max-width:767px) {
.basePage {
	padding-left: 15px;
	padding-right: 15px
}
.content, .menuList {
	width: 100%
}
.content {
	margin-top: 40px
}
}
.newList li {
	margin-top: 61px
}
.newList a {
	display: block;
	color: #a0a0a0
}
.newList a .h2, .newList a em {
	color: #c0182f
}
.newList a .h2 {
	font-size: 16px;
	margin-top: 15px
}
.newList a .p {
	max-width: 618px;
	margin-top: 22px;
	margin-bottom: 16px
}
.newList a em {
	font-style: normal
}
.newList a:hover .h2, .newList a:hover em {
	color: #020202
}
@media screen and (max-width:1348px) {
.newList a .p {
	max-width: none
}
}
@media screen and (max-width:767px) {
.newList li {
	margin-top: 40px
}
.newList a .h2 {
	margin-top: 10px
}
.newList a .p {
	margin-top: 16px;
	margin-bottom: 10px
}
}
.newInfoPage {
	padding-bottom: 168px
}
.newInfo .time {
	color: #a0a0a0;
	margin-top: 43px
}
.newInfo .h2 {
	font-size: 18px;
	color: #3a7edc;
	margin-top: 34px
}
.newInfo .edit {
	max-width: 768px;
	color: #020202;
	margin-top: 31px;
	margin-bottom: 105px
}
.page2 a {
	color: #3a7edc;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out
}
.page2 ul {
	margin-top: 15px
}
.page2 li {
	width: 50%;
	float: left;
	display: inline
}
.page2 a:hover {
	color: #111
}
.groBox {
	margin-top: 26px
}
.groBox .h2 {
	color: #3a7edc
}
.groBox ul {
	padding-top: 4px
}
.groBox li {
	margin-top: 12px
}
.groBox li a {
	color: #a0a0a0;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out
}
.groBox li a:hover {
	color: #000
}
@media screen and (max-width:1348px) {
.newInfo .edit {
	max-width: none
}
}
@media screen and (max-width:767px) {
.newInfoPage {
	padding-bottom: 70px
}
.page2 li {
	width: 100%
}
}
.aboutInfo {
	max-width: 833px;
	padding-bottom: 102px
}
.aboutInfo .logo2 {
	text-align: center;
	width: 158px;
	margin: 0 auto
}
.aboutInfo .logo2 svg {
	width: 158px;
	height: 12px
}
.aboutInfo .logo2 span {
	font-size: 18px;
	font-weight: 700;
	color: #000;
	margin-top: 5px
}
.aboutInfo .edit {
	margin-top: 30px;
	font-size: 15px;
	color: #666;
	text-indent: 2em;
	line-height: 32px;
	margin-bottom: 38px
}
.aboutInfo .edit .pic {
	text-align: center;
	margin-bottom: 35px;
	text-indent: 0
}
.aboutInfo .edit .stress {
	text-indent: 0;
	padding-left: 2em
}
.aboutInfo .edit .stress p {
	padding-left: 10px;
	position: relative
}
.aboutInfo .edit .stress p:before {
	content: '';
	display: block;
	width: 4px;
	height: 4px;
	border: 1px solid #888;
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	left: 0;
	top: 14px
}
.operaBox .h2 {
	color: #3a7edc
}
.operaBox .list {
	margin-top: 31px
}
.operaBox .list dl {
	width: 25%;
	float: left;
	display: inline
}
.operaBox .list dd {
	margin-top: 10px
}
.operaBox .list a {
	color: #666;
	padding-left: 12px;
	position: relative
}
.operaBox .list a:before {
	content: '';
	background-color: #888;
	display: block;
	width: 4px;
	height: 4px;
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	left: 0;
	top: 8px
}
.operaBox .list a:hover {
	color: #3a7edc
}
.operaBox .list a:hover:before {
	background-color: #3a7edc
}
@media screen and (max-width:1348px) {
.aboutInfo {
	max-width: none
}
}
@media screen and (max-width:1190px) {
.operaBox .list dl {
	width: 50%
}
}
@media screen and (max-width:767px) {
.aboutInfo {
	padding-bottom: 80px
}
}
@media screen and (max-width:374px) {
.operaBox .list dl {
	width: 100%
}
}
.contactPage {
	padding-top: 185px
}
.contactPage .contain {
	width: 968px;
	margin: 0 auto
}
.contactPage .message {
	padding: 0 67px;
	color: #adadad;
	text-align: center
}
.contactPage .message .h2 {
	text-transform: uppercase;
	font-size: 46px;
	color: #e5e5e5
}
.contactPage .message .txts {
	line-height: 28px;
	margin-top: 37px
}
.lxMes {
	margin-top: 154px
}
.lxMes, .lxMes a {
	color: #adadad
}
.lxMes .h2 {
	color: #333;
	font-size: 16px
}
.lxMes .list1, .lxMes .list2 {
	float: left;
	display: inline
}
.lxMes .list1 {
	width: 680px
}
.lxMes .list1 ul {
	margin-top: 22px
}
.lxMes .list1 li {
	float: left;
	display: inline
}
.lxMes .list1 li:first-child {
	width: 364px
}
.lxMes .list1 li p {
	margin-top: 19px
}
.lxMes .list1 .tels {
	color: #333;
	margin-top: 29px
}
.lxMes .list1 .tels span {
	font-size: 22px
}
.lxMes .list2 {
	width: 288px
}
.lxMes .list2 ul {
	margin-top: 16px
}
.lxMes .list2 li {
	padding: 23px 0;
	border-bottom: 1px solid #e8e8e8
}
.lxMes .list2 li:last-child {
	border-bottom: none
}
.lxMes .list2 input, .lxMes .list2 textarea {
	color: #333;
	font-size: 14px;
	width: 100%;
	border: none;
	background: #fff;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.lxMes .list2 :-moz-placeholder {
color:#a8a8a8
}
.lxMes .list2 ::-moz-placeholder {
color:#a8a8a8
}
　　 .lxMes .list2 ::-webkit-input-placeholder {
color:#a8a8a8
}
.lxMes .list2 :-ms-input-placeholder {
color:#a8a8a8
}
.lxMes .list2 ::placeholder {
color:#a8a8a8
}
.lxMes .list2 .on {
	border-bottom-color: transparent
}
.lxMes .list2 .on input, .lxMes .list2 .on textarea {
	color: #333
}
.lxMes .list2 .on :-moz-placeholder {
color:red
}
.lxMes .list2 .on ::-moz-placeholder {
color:red
}
　　 .lxMes .list2 .on ::-webkit-input-placeholder {
color:red
}
.lxMes .list2 .on :-ms-input-placeholder {
color:red
}
.lxMes .list2 .on ::placeholder {
color:red
}
.lxMes .list2 .btn input {
	font-size: 16px;
	height: 48px;
	color: #fff;
	background: #C0182F;
	border: none;
	padding: 0;
	-webkit-transition: background .4s ease-in-out;
	-moz-transition: background .4s ease-in-out;
	-o-transition: background .4s ease-in-out;
	-ms-transition: background .4s ease-in-out;
	transition: background .4s ease-in-out
}
.lxMes .list2 .btn input:hover {
	background: #6f000f
}
.lxMes .list2 span {
	display: block;
	font-size: 14px;
	color: #ff7676;
	margin-top: 14px
}
.lxMes .list11, .lxMes .list21 {
	float: left;
	display: inline
}
.lxMes .list11 {
	width: 680px
}
.lxMes .list11 ul {
	margin-top: 22px
}
.lxMes .list11 li {
	float: left;
	display: inline
}
.lxMes .list11 li:first-child {
	width: 364px
}
.lxMes .list11 li p {
	margin-top: 19px
}
.lxMes .list11 .tels {
	color: #333;
	margin-top: 29px
}
.lxMes .list11 .tels span {
	font-size: 22px
}
.lxMes .list21 {
	width: 288px
}
.lxMes .list21 ul {
	margin-top: 16px
}
.lxMes .list21 li {
	padding: 23px 0;
	border-bottom: 1px solid #e8e8e8
}
.lxMes .list21 li:last-child {
	border-bottom: none
}
.lxMes .list21 input, .lxMes .list21 textarea {
	color: #333;
	font-size: 14px;
	width: 100%;
	border: none;
	background: #fff;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.lxMes .list21 :-moz-placeholder {
color:#a8a8a8
}
.lxMes .list21 ::-moz-placeholder {
color:#a8a8a8
}
　　 .lxMes .list21 ::-webkit-input-placeholder {
color:#a8a8a8
}
.lxMes .list21 :-ms-input-placeholder {
color:#a8a8a8
}
.lxMes .list21 ::placeholder {
color:#a8a8a8
}
.lxMes .list21 .on {
	border-bottom-color: transparent
}
.lxMes .list21 .on input, .lxMes .list21 .on textarea {
	color: #333
}
.lxMes .list21 .on :-moz-placeholder {
color:red
}
.lxMes .list21 .on ::-moz-placeholder {
color:red
}
　　 .lxMes .list21 .on ::-webkit-input-placeholder {
color:red
}
.lxMes .list21 .on :-ms-input-placeholder {
color:red
}
.lxMes .list21 .on ::placeholder {
color:red
}
.lxMes .list21 .btn input {
	font-size: 16px;
	height: 48px;
	color: #fff;
	background: #397ee0;
	border: none;
	padding: 0;
	-webkit-transition: background .4s ease-in-out;
	-moz-transition: background .4s ease-in-out;
	-o-transition: background .4s ease-in-out;
	-ms-transition: background .4s ease-in-out;
	transition: background .4s ease-in-out
}
.lxMes .list21 .btn input:hover {
	background: #6f000f
}
.lxMes .list21 span {
	display: block;
	font-size: 14px;
	color: #ff7676;
	margin-top: 14px
}
.scrollLink {
	text-align: center;
	margin-top: 109px;
	padding-bottom: 117px
}
.scrollLink a {
	display: inline-block;
	width: 26px;
	height: 37px;
	border: 1px solid #a1a1a1;
	-webkit-border-radius: 26px;
	-moz-border-radius: 26px;
	-o-border-radius: 26px;
	-ms-border-radius: 26px;
	border-radius: 26px;
	position: relative
}
.scrollLink a:before {
	content: '';
	display: block;
	width: 2px;
	height: 9px;
	position: absolute;
	left: 50%;
	margin-left: -1px;
	top: -1px;
	background-color: #a1a1a1;
	-moz-animation: mousewheel 2s infinite;
	-o-animation: mousewheel 2s infinite;
	-ms-animation: mousewheel 2s infinite;
	-webkit-animation: mousewheel 2s infinite;
	animation: mousewheel 2s infinite
}
@-webkit-keyframes mousewheel {
0% {
opacity:0
}
50% {
-webkit-transform:translateY(13px);
transform:translateY(13px);
opacity:1
}
100% {
-webkit-transform:translateY(26px);
transform:translateY(26px);
opacity:0
}
}
@keyframes mousewheel {
0% {
opacity:0
}
50% {
-webkit-transform:translateY(13px);
transform:translateY(13px);
opacity:1
}
100% {
-webkit-transform:translateY(26px);
transform:translateY(26px);
opacity:0
}
}
.antor {
	height: 82px;
	margin-top: -82px
}
.mapBox {
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.mapBox div {
	height: 100%
}
.anchorBL {
	display: none
}
.saleList li {
	padding-bottom: 75px;
	padding-top: 87px;
	color: #a8a8a8;
	border-bottom: 1px solid #e8e8e8
}
.saleList li:last-child {
	border-bottom: none
}
.saleList li .h2, .saleList li dd, .saleList li p {
	margin-bottom: 20px
}
.saleList li .h2 {
	color: #333
}
.saleList li dl {
	float: left;
	display: inline;
	margin-right: 85px
}
.saleList li dl:last-child {
	margin-right: 0
}
.saleList li a, .saleList li dd span {
	color: #6393e8
}
.saleList li a {
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out
}
.saleList li a:hover {
	color: #6f000f
}
.saleList li b {
	font-weight: 400;
	display: block
}
@media screen and (max-width:1094px) {
.contactPage .contain {
	width: auto;
	padding-left: 54px;
	padding-right: 54px
}
.contactPage .message {
	padding: 0
}
.lxMes .list1 {
	width: 70%
}
.lxMes .list1 li {
	width: 40%;
	padding-right: 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box
}
.lxMes .list1 li:first-child {
	width: 60%
}
.lxMes .list2 {
	width: 30%
}
.mapBox {
	padding-left: 54px;
	padding-right: 54px
}
.saleList li {
	padding-bottom: 25px;
	padding-top: 37px
}
.saleList li b {
	display: inline
}
}
@media screen and (max-width:1000px) {
.contactPage {
	padding-top: 30px
}
.lxMes, .scrollLink {
	margin-top: 50px
}
.scrollLink {
	padding-bottom: 50px
}
}
@media screen and (max-width:864px) {
.lxMes .list1, .lxMes .list2 {
	width: 100%
}
.lxMes .list2 {
	margin-top: 40px
}
}
@media screen and (max-width:767px) {
.contactPage .message .h2 {
	font-size: 20px
}
.contactPage .message .txts, .lxMes .list1 .tels {
	margin-top: 20px
}
.lxMes .list1 ul, .lxMes .list2 ul {
	margin-top: 0
}
.lxMes .list1 .tels span {
	font-size: 18px
}
.contactPage .contain, .mapBox {
	padding-left: 15px;
	padding-right: 15px
}
.saleList li dl {
	float: none;
	margin-right: 0
}
}
@media screen and (max-width:557px) {
.lxMes .list1 li {
	width: 100%!important;
	padding-right: 0
}
}
.bannerPannel {
	background: #fff;
	height: 100%;
	position: relative;
	z-index: 90
}
.bannerBox {
	padding: 0 13%;
	height: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box
}
.bannerBox .edit {
	width: 100%;
	height: 100%;
	position: relative
}
.bannerBox .pic {
	width: 43.6%;
	position: absolute;
	right: 0;
	bottom: 0
}
.bannerBox .txts {
	display: block;
	color: #f7f7f7;
	font-weight: 700;
	font-size: 92px;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -122px
}
.bannerBox .txts p {
	position: relative
}
.bannerBox .txts b {
	font-weight: 400
}
.bannerBox .txts span {
	font-size: 46px;
	color: #333;
	font-weight: 400;
	position: absolute;
	left: 0;
	right: 0;
	text-align: center;
	letter-spacing: 10px
}
.bannerBox .txts p:first-child span {
	bottom: 17px
}
.bannerBox .txts p:last-child {
	margin-top: -18px;
	left: 1em
}
.bannerBox .txts p:last-child span {
	top: 20px
}
.bannerBox .scrollLinks {
	position: absolute;
	left: 50%;
	margin-left: -14px;
	bottom: 30px
}
.bannerBox .scrollLinks a {
	display: inline-block;
	width: 26px;
	height: 37px;
	border: 1px solid #a1a1a1;
	-webkit-border-radius: 26px;
	-moz-border-radius: 26px;
	-o-border-radius: 26px;
	-ms-border-radius: 26px;
	border-radius: 26px;
	position: relative
}
.bannerBox .scrollLinks a:before {
	content: '';
	display: block;
	width: 2px;
	height: 9px;
	position: absolute;
	left: 50%;
	margin-left: -1px;
	top: -1px;
	background-color: #a1a1a1;
	-moz-animation: mousewheel 2s infinite;
	-o-animation: mousewheel 2s infinite;
	-ms-animation: mousewheel 2s infinite;
	-webkit-animation: mousewheel 2s infinite;
	animation: mousewheel 2s infinite
}
.videoBox {
	position: relative;
	z-index: 0;
	padding-top: 82px
}
.fixVideo {
	position: fixed;
	left: 0;
	right: 0;
	top: 81px;
	bottom: 0;
	z-index: -1;
	overflow: hidden
}
.videoBox .list {
	width: 1280px;
	margin: 0 auto;
	box-sizing: border-box
}
.videoBox ul {
	margin-left: -14px;
	margin-right: -14px;
	padding-top: 40px
}
.videoBox li {
	text-align: center;
	width: 25%;
	padding-left: 14px;
	padding-right: 14px;
	float: left;
	display: inline;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	margin-top: 99px
}
.videoBox li a {
	display: block;
	color: #a9a9a9;
	font-size: 15px
}
.videoBox li a img {
	width: 100%
}
.videoBox .h2 {
	margin-top: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}
.videoBox li a:hover .pic {
	position: relative
}
.videoBox li a:hover .pic:before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(192, 24, 47, 0.58) url(static/images/c3.png) }
	.videoBox li a:hover {
		color: #c0182f;
	}
.bannerBox {
	padding-left: 6%;
	padding-right: 6%
}
.bannerBox .pic {
	left: 0;
	width: auto;
	text-align: right
}
.bannerBox .pic img {
	display: inline-block;
	width: 38%
}
@media screen and (max-width:1406px) {
.bannerBox {
	padding-left: 54px;
	padding-right: 54px
}
.videoBox .list {
	width: auto;
	padding-left: 61px;
	padding-right: 61px
}
.videoBox ul {
	margin-left: -7px;
	margin-right: -7px;
	margin-top: 0
}
.videoBox li {
	padding-left: 7px;
	padding-right: 7px
}
.videoBox li a:hover .pic:before {
	-webkit-background-size: 40px 40px;
	-moz-background-size: 40px 40px;
	-o-background-size: 40px 40px;
	-ms-background-size: 40px 40px;
	background-size: 40px 40px
}
}
@media screen and (max-width:1248px) {
.videoBox li {
	width: 33.3333%
}
}
@media screen and (max-width:1226px) {
.videoPannel .video {
	padding-right: 0
}
}
@media screen and (max-width:1024px) {
.bannerBox .txts {
	text-align: center;
	right: 0;
	margin-top: 0;
	top: 14%
}
.bannerBox .txts p:last-child {
	left: 0
}
.bannerBox .pic {
	text-align: center;
	bottom: 110px
}
.bannerBox .pic img {
	width: 22%
}
.videoBox li {
	margin-top: 50px
}
.videoCenter {
	left: 10%;
	right: 10%
}
}
@media screen and (max-width:767px) {
.bannerBox, .videoBox .list {
	padding-left: 15px;
	padding-right: 15px
}
.bannerBox .txts {
	font-size: 52px
}
.bannerBox .txts b {
	display: none
}
.bannerBox .txts span {
	font-size: 27px;
	position: static
}
.bannerBox .pic img {
	width: 62%
}
.videoBox li {
	width: 50%;
	margin-top: 30px
}
.videoCenter {
	left: 15px;
	right: 15px
}
}
@media screen and (max-width:321px) {
.videoBox li {
	width: 100%
}
}
.shopPage {
	padding: 0
}
.carLeft, .carRight {
	width: 50%
}
.carLeft .box, .carRight .box {
	padding: 54px 0
}
.carLeft {
	color: #989898;
	position: relative
}
.carLeft .box {
	width: 536px;
	float: right;
	display: inlne;
	margin-right: 84px
}
.carRight {
	position: fixed;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: #fafafa
}
.carRight .scroll-pane {
	height: 100%;
	overflow: hidden;
	width: 100%;
	outline: 0
}
.carRight .jspDrag {
	background: 0 0
}
.carRight .box {
	width: 488px;
	margin-left: 66px
}
.carLeft .logo3 {
	width: 260px
}
.carLeft .logo3 svg {
	width: 260px;
	height: 23px
}
.carLeft .location {
	padding-left: 0;
	margin-top: 39px
}
.carLeft .h3 {
	color: #333;
	font-size: 16px;
	margin-top: 37px
}
.carLeft .txt {
	margin-top: 25px;
	line-height: 28px
}
.carLeft .carForm li {
	margin-top: 15px
}
.carLeft .carForm input, .carLeft .carForm textarea {
	color: #333;
	background: #fff;
	border: 1px solid #c5c5c5;
	width: 100%;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	font-size: 15px;
	box-sizing: border-box;
	padding: 12px 10px
}
.carLeft .carForm :-moz-placeholder {
color:#666
}
.carLeft .carForm ::-moz-placeholder {
color:#666
}
　　 .carLeft .carForm ::-webkit-input-placeholder {
color:#666
}
.carLeft .carForm :-ms-input-placeholder {
color:#666
}
.carLeft .carForm ::placeholder {
color:#666
}
.carLeft .carForm .error input {
	color: red;
	border-color: red
}
.carLeft .carForm li.error :-moz-placeholder {
color:red
}
.carLeft .carForm li.error ::-moz-placeholder {
color:red
}
　　 .carLeft .carForm li.error ::-webkit-input-placeholder {
color:red
}
.carLeft .carForm li.error :-ms-input-placeholder {
color:red
}
.carLeft .carForm li.error ::placeholder {
color:red
}
.carLeft .carForm .msg {
	padding: 0 12px;
	color: #ff7676;
	display: block;
	margin-top: 15px
}
.carLeft .carForm li.cols {
	margin-left: -7px;
	margin-right: -7px
}
.carLeft .carForm li div {
	width: 50%;
	padding: 0 7px;
	float: left;
	display: inline;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box
}
.carLeft .carForm .checkBox {
	margin-top: 30px;
	margin-bottom: 19px;
	color: #333;
	position: relative;
	line-height: 21px;
}
.carLeft .carForm .checkBox .quan {
	width: 21px;
	height: 21px;
	border-radius: 100%;
	border: 2px solid #c5c5c5;
	margin-right: 10px;
	padding: 0px;
}
.carLeft .carForm .checkBox .quan svg {
	margin-left: 1px;
	margin-top: 2px;
}
.carLeft .carForm .checkBox input {
	width: 21px;
	height: 21px;
	opacity: 0;
	appearance: none;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -10px;
	z-index: -1
}
.carLeft .carForm .checked .quan {
	border: 2px solid #397ee0;
	background-color: #397ee0;
}
.carLeft .carForm .bz {
	margin-top: 38px
}
.carLeft .carForm .bz label {
	display: block;
	font-size: 16px;
	color: #333;
	margin-bottom: 11px
}
.carLeft .carForm .bz textarea {
	height: 138px
}
.carLeft .carBtn {
	margin-left: -7px;
	margin-right: -7px
}
.carLeft .carBtn li {
	text-align: center;
	padding-left: 7px;
	padding-right: 7px;
	float: left;
	display: inline;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box
}
.carLeft .carBtn a {
	cursor: pointer;
	font-size: 15px;
	padding: 12px 0;
	display: block;
	line-height: 26px
}
.carLeft .carBtn li.look {
	width: 30%
}
.carLeft .carBtn li.look a {
	background-color: #fec720;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out
}
.carLeft .carBtn li.look span {
	display: inline-block;
	padding-right: 38px;
	background: url(../fonts/1fe12ae6ec6a41f2ac0673c48a1a3699.woff) }
.orderList .h2 {
	height: 35px;
	padding-bottom: 0;
	overflow: hidden
}
.orderList .pic {
	top: 3px
}
@media screen and (max-width:416px) {
.orderList .h2 {
	font-size: 13px;
	height: 35px;
	padding-bottom: 0;
	overflow: hidden
}
.orderList .w2, .orderList .w3 {
	width: 22%
}
.orderList .w1 {
	width: 56%
}
.orderList dd .w1 {
	padding-left: 73px
}
}
@media screen and (max-width:408px) {
.carLeft .carBtn li.look {
	width: 50%
}
.carLeft .carBtn li.us {
	width: 100%
}
.carLeft .carForm li div {
	width: 100%
}
.carLeft .carForm li div:last-child {
	margin-top: 15px
}
}
@media screen and (max-width:374px) {
.orderList .w1 {
	width: 48%
}
.orderList .w2, .orderList .w3 {
	width: 26%;
	padding-left: 3px
}
.orderList dd .w1 {
	padding-left: 0
}
.orderList .pic {
	display: none
}
}
.bjFix, .htFix {
	display: none;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 101;
	background: rgba(0, 0, 0, .5);
	overflow: auto
}
.bjFix .box, .htFix .box {
	padding: 26px 176px;
	position: absolute;
	width: 1490px;
	background: #fff;
	left: 50%;
	margin-left: -745px;
	top: 0;
	min-height: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box
}
.overHidde {
	overflow: hidden
}
.bjFix .close, .htFix .close {
	width: 16px;
	display: block;
	position: absolute;
	right: 10px;
	top: 10px;
	cursor: pointer
}
.bjFix .close svg, .htFix .close svg {
	width: 16px;
	height: 16px
}
.bjFix .close .cls-1, .htFix .close .cls-1 {
	fill: none;
	stroke: #333;
	stroke-miterlimit: 10
}
@media screen and (max-width:1508px) {
.bjFix .box, .htFix .box {
	left: 0;
	margin-left: 0
}
}
.rise {
	color: #a8a8a8;
	line-height: 24px
}
.rise dl:first-child {
	float: left;
	display: inline
}
.rise dl:last-child {
	float: right;
	display: inline
}
.logos {
	text-align: center;
	margin-top: 72px
}
.logos svg {
	display: inline-block;
	width: 95px
}
.logos svg .cls-1 {
	fill: none
}
.logos svg .cls-2 {
	fill: #136cad
}
.logos svg .cls-3 {
	fill: #00a0da
}
.logos svg .cls-4 {
	fill: #ed803c
}
.logos svg .cls-5 {
	fill: #e35a28
}
.logos span {
	margin-bottom: 7px;
	margin-top: 10px;
	display: block;
	font-size: 26px;
	font-weight: 700;
	color: #333
}
.logos div {
	font-size: 17px
}
.logos div em, .logos div i {
	color: #a8a8a8;
	font-style: normal
}
.logos div em {
	margin-left: 52px
}
.company {
	margin-top: 83px
}
.company dl {
	float: left;
	display: inline
}
.company dl:first-child {
	width: 637px
}
.company dl:last-child {
	width: 469px
}
.company dt, .paperTi {
	color: #333;
	margin-bottom: 21px;
	font-weight: 700;
	font-size: 20px
}
.company dd {
	font-size: 17px;
	color: #444;
	margin-top: 12px
}
.company dd span {
	color: #999
}
.company dd em {
	font-style: normal
}
.buyBox {
	font-size: 17px;
	margin-top: 70px;
	color: #6a6a6a
}
.buyBox .list dt, .buyBox .list span {
	float: left;
	display: inline;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 10px
}
.buyBox .list .w1 {
	width: 17.63%
}
.buyBox .list .w2 {
	width: 9.76%
}
.buyBox .list .w3 {
	width: 16.99%
}
.buyBox .list .w4 {
	width: 16.63%
}
.buyBox .list .w5 {
	width: 9.22%
}
.buyBox .list .w6 {
	width: 11.75%
}
.buyBox .list .w7 {
	text-align: right;
	width: 5.87%
}
.buyBox .list .w8 {
	width: 12.15%;
	text-align: right;
	padding-right: 0
}
.buyBox .list dl {
	padding: 12px 0;
	border-bottom: 1px solid #f0f0f0
}
.buyBox .list dl:first-child {
	padding: 0
}
.buyBox .list dt {
	padding-bottom: 16px
}
.buyBox .list dd {
	padding: 16px 0
}
.buyBox .list2 {
	padding-bottom: 34px;
	line-height: 44px;
	border-bottom: 1px solid #f0f0f0
}
.buyBox .list2 .txt {
	padding-top: 28px;
	padding-left: 65px;
	width: 51.72%;
	float: left;
	display: inline;
	position: relative;
	line-height: 40px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box
}
.buyBox .list2 .txt span {
	display: block;
	position: absolute;
	left: 0;
	top: 28px
}
.buyBox .list2 dl {
	font-size: 18px;
	padding-top: 26px;
	width: 48.28%;
	text-align: right;
	float: right;
	display: inline
}
.buyBox .list2 dl span {
	float: right;
	display: inline
}
.buyBox .list2 dl .w1 {
	width: 26.15%
}
.buyBox .list2 dl .w2 {
	width: 20.87%
}
.buyBox .list2 dl b {
	color: #333
}
.buyBox .list2 dl .dk {
	font-size: 16px;
	color: #999
}
.buyBox .listw .bv .w3 {
	font-size: 18px;
	color: #333;
	float: right;
	display: inline
}
.buyBox .listw .bv .w3 i {
	font-style: normal;
	margin-left: 18px
}
.buyBox .list2 .bv .w2 {
	width: 24.87%
}
.buyBox .list3 {
	padding-right: 260px;
	position: relative;
	padding-top: 34px
}
.buyBox .list3 dd {
	margin-top: 16px;
	color: #333
}
.buyBox .list3 dd span {
	color: #999
}
.buyBox .list3 dt {
	font-size: 15px;
	padding-top: 71px;
	height: 20px;
	color: #999;
	width: 150px;
	position: absolute;
	right: 0;
	bottom: 0;
	padding-left: 118px
}
.buyBox .list3 dt img {
	width: 98px;
	height: 92px;
	position: absolute;
	left: 0;
	top: 0
}
.thingBox {
	margin-top: 66px
}
.proLists ul {
	margin-left: -14px;
	margin-right: -14px
}
.proLists li {
	text-align: center;
	width: 20%;
	float: left;
	display: inline;
	padding: 16px 14px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box
}
.proLists li a {
	display: block;
	color: #666
}
.proLists li .pic {
	position: relative
}
.proLists li .pic div {
	text-align: center;
	display: block;
	width: 100%;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
	-ms-transition: all .3s linear;
	transition: all .3s linear
}
.proLists li .h2, .proLists li .h3, .proLists li .h4, .proLists li .price {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}
.proLists li .h3 {
	margin-top: 15px
}
.proLists li .h2 {
	font-size: 16px;
	margin-top: 6px
}
.proLists li .h4 {
	margin-top: 8px
}
.proLists li .price {
	margin-top: 5px;
	color: #397ee0
}
.proLists li .price span {
	font-size: 12px;
	margin-right: 4px
}
.proLists a:hover .h2 {
	color: #397ee0
}
.noticeBox {
	color: #888;
	font-size: 17px;
	margin-top: 151px;
	text-align: right;
	line-height: 32px
}
.downBtn {
	display: block;
	font-size: 15px;
	text-align: center;
	line-height: 48px;
	background: #fec720;
	color: #333;
	margin-top: 84px
}
.downBtn span {
	display: inline-block;
	padding-right: 38px;
	background: url(../images/pdf.png) no-repeat right center
}
.htFix .paperTi {
	margin-bottom: 0
}
.rise2 {
	text-align: right;
	color: #A8A8A8
}
.rise2 p {
	float: left;
	display: inline
}
.rise2 em {
	font-style: normal
}
.logos2 span {
	font-size: 24px
}
.htNum {
	margin-top: 44px
}
.htNum p {
	margin-top: 6px;
	font-size: 16px;
	color: #888
}
.sotre {
	margin-top: 69px
}
.sotre .list {
	padding-top: 7px;
	font-size: 17px
}
.sotre .list dl {
	float: left;
	display: inline
}
.sotre .list dd {
	margin-top: 14px
}
.sotre .list dd span {
	color: #999
}
.sotre .list .li1 {
	width: 49.29%
}
.sotre .list .li2 {
	width: 26.01%
}
.sotre .list .li3 {
	width: 24.7%
}
.sotre .list .li3 dd {
	height: 92px;
	position: relative;
	padding-top: 72px;
	font-size: 14px;
	color: #999;
	padding-left: 117px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box
}
.sotre .list .li3 dd img {
	width: 98px;
	height: 92px;
	position: absolute;
	left: 0;
	top: 0
}
.buyBox2 .paperTi {
	margin-bottom: 22px
}
.buyBox2 .list3 {
	padding-right: 0
}
.sendBox {
	font-size: 17px;
	margin-top: 71px
}
.sendBox .li1, .sendBox .li2 {
	width: 50%;
	float: left;
	display: inline
}
.sendBox .li2 .txt, .sendBox dd {
	margin-top: 14px
}
.sendBox .li2 .txt, .sendBox dd span {
	color: #999
}
.lines {
	height: 23px;
	margin-top: 109px;
	position: relative
}
.lines:before {
	content: '';
	position: absolute;
	left: -124px;
	right: -124px;
	height: 1px;
	background: #d0d0d0
}
.perp {
	margin-top: 60px
}
.perp .paperTi {
	margin-bottom: 13px
}
.perp dl {
	font-size: 16px;
	line-height: 30px
}
.perp dd {
	padding: 6px 0
}
.payType dd {
	padding-left: 40px;
	background: url(../images/cs2.jpg) no-repeat 0 10px
}
.payType dd.select {
	background-image: url(../images/c5.png)
}
.xl dd {
	position: relative;
	padding-left: 26px
}
.xl i {
	display: block;
	font-style: normal;
	position: absolute;
	left: 0;
	top: 6px
}
.lawers {
	padding-bottom: 87px;
	margin-top: 77px
}
.lawers dl {
	width: 50%;
	font-size: 17px;
	float: left;
	display: inline
}
.lawers dl span {
	color: #999
}
.lawers dd {
	margin-top: 24px
}
.lawers em {
	padding-left: 40px
}
.carRight .box2 {
	height: 100%;
	position: relative
}
.carRight .box2 a {
	font-size: 16px;
	display: block;
	position: absolute;
	width: 360px;
	height: 48px;
	text-align: center;
	line-height: 48px;
	color: #fff;
	background-color: #397ee0;
	left: 50%;
	margin-left: -180px;
	top: 50%;
	margin-top: -24px
}
@media screen and (max-width:1000px) {
.carRight .box2 {
	padding: 100px 0;
	text-align: center
}
.carRight .box2 a {
	position: static;
	display: inline-block;
	margin-left: 0;
	margin-top: 0
}
}
@media screen and (max-width:422px) {
.carRight .box2 a {
	width: 100%
}
}
.tipFix {
	display: none;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .4);
	z-index: 100
}
.tips {
	display: none;
	width: 456px;
	min-height: 210px;
	padding: 44px 20px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -228px;
	margin-top: -150px;
	background: #fff;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box
}
.tips .pic svg {
	display: inline-block;
	width: 50px;
	height: 50px;
	enable-background: new 0 0 125.7 125.7
}
.tips .pic .st0 {
	fill: #3D7FDD
}
.tips .pic .st1 {
	fill: #FFF
}
.tips .h2 {
	font-size: 16px;
	margin: 13px 0
}
.tips .p {
	color: #387ddd
}
.tips a {
	display: block;
	width: 18px;
	height: 18px;
	position: absolute;
	right: 13px;
	top: 13px;
	z-index: 99;
	cursor: pointer
}
.tips a .cls-1 {
	fill: none;
	stroke: #2d2d2d;
	stroke-miterlimit: 10
}
.orderTip {
	min-height: 220px;
	margin-top: -110px
}
.orderTip .p span {
	cursor: pointer;
	display: inline-block;
	zoom: 1;
	padding: 6px 26px
}
.orderTip .p span.yes {
	color: #fff;
	background-color: #387ddd
}
.orderTip .p span.no {
	background: #ccc;
	color: #666
}
.orderTip4 .p span {
	display: inline;
	padding: 0
}
@media screen and (max-width:485px) {
.tips {
	width: auto;
	left: 15px;
	right: 15px;
	margin-left: 0
}
}
.carLeft .carBtn li.dis a, .carLeft .carBtn li.dis a:hover {
	background: #ccc;
	cursor: default;
}
.ordered .dis, .ordered .dis:hover {
	background: #ccc;
	color: #333;
	cursor: default;
}
.orderList .num em.dis, .orderList .num em.dis:hover {
	cursor: default;
	background: none;
	color: #333;
}
.motai,.motaidingdan {
	position: fixed;
	z-index: 1000;
	display: inline-block;
	display: none;
	left: 50%;
	transform: translateX(-50%);
	height: 50px;
	margin: auto;
	padding: 0px 15px;
	border-radius: 5px;
	top: 50px;
	background-color: #54cb83;
	color: #fff;
	line-height: 50px;
	text-align: center;
}
.motai p,.motaidingdan p {
	display: inline-block;
	height: 50px;
	float: left;
	margin-right: 5px;
}
.motai span,.motaidingdan span {
	float: left;
	display: inline-block;
	height: 50px;
	padding-top: 2px;
}
.bds_qzone {
	background-position: 0px -48px!important;
	background-image: url(../images/fxtb.png)!important;
}
.bds_sqq {
	background-position: 0px 0px!important;
	background-image: url(../images/fxtb.png)!important;
}
.bds_weixin {
	background-image: url(../images/fxtb.png)!important;
	background-position: 0px -24px!important;
}
.bds_tsina {
	background-image: url(../images/fxtb.png)!important;
	background-position: 0px -96px!important;
}
.swiper-slide {
	background-color: #fff;
}
.bj a {
	background: #ccc!important;
	cursor: default!important;
	color: #fff!important;
}
.bjh a {
	background: #fec720!important;
	cursor: pointer!important;
	color: #333!important;
}
.bjh a:hover {
	background: #FEAE20!important;
}
.ht a {
	background: #ccc!important;
	cursor: default!important;
	color: #fff!important;
}
.hth a {
	background: #fec720!important;
	cursor: pointer!important;
	color: #333!important;
}
.hth a:hover {
	background: #FEAE20!important;
}
.list1,.list2,.list3,.list4{
	width:25%!important;
}
.list2 dt{
	width:100%!important;
}
.floor1 ul {
padding-top:unset!important;
}
.floor1 li {
margin-top:unset!important;
margin-bottom:20px!important;
width:100%!important;
}