@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: #0e5dce

}

.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: 88px

}

.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: #397ee0;

	-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: #0e5dce

}

.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: #0e5dce

}

.car:hover i {

	background-color: #0e5dce

}

.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: 80px;

	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: 60px;

	padding: 0

}

.logo {

	padding-top: 0;

	float: none;

	display: block

}

.logo svg {

	width: 60px;

	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: #4286e6

}

.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:767px) {

.floor1 dl {

	width: 100%!important

}

.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: #6b9fe8

}

.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: #6b9fe8

}

.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: #397ee0;

	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: #0e5dce

}

.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: #3a7edf

}

@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: #4e8def

}

.proNav li.on a:after {

	border-top-color: #4e8def;

	-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: #4e8def

}

#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: #0e5dce;

	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: #3a7edc

}

@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: #397ee0

}

.proList li .price span {

	font-size: 12px;

	margin-right: 4px

}

.proList li .poi:hover .h2 {

	color: #397ee0

}

@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: #719ce4

}

.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: #3a7cdf

}

.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: #0e5dce

}

.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: #397ee0

}

.prodRight .relaTi span.on:after {

	content: '';

	display: block;

	position: absolute;

	left: 0;

	right: 0;

	bottom: -1px;

	height: 2px;

	background-color: #397ee0

}

.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: #719ce4

}

.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: #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 .list2 .btn input:hover {

	background: #0e5dce

}

.lxMes .list2 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: #0e5dce

}

.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(89, 137, 204, .8) url(../images/c3.png) no-repeat center

}

.videoBox li a:hover {

	color: #6f9ce4

}

.videoPoup {

	display: none;

	position: fixed;

	left: 0;

	top: 0;

	bottom: 0;

	right: 0;

	z-index: 10000;

	background: rgba(255, 255, 255, .7)

}

.videoCenter {

	position: absolute;

	left: 18.8%;

	right: 18.8%;

	top: 50%

}

.videoPannel .close {

	width: 100%;

	text-align: right

}

.videoPannel .close a {

	cursor: pointer;

	display: inline-block;

	width: 18px;

	height: 18px

}

.videoPannel .close svg .cls-1 {

	fill: #999

}

.videoPannel .close a:hover svg .cls-1 {

	fill: #397ee0

}

.videoPannel .video {

	padding-right: 30px;

	margin-top: 18px

}

.videoPannel .video video {

	-webkit-box-shadow: 0 3px 5px #ccc;

	-moz-box-shadow: 0 3px 5px #ccc;

	-o-box-shadow: 0 3px 5px #ccc;

	-ms-box-shadow: 0 3px 5px #ccc;

	box-shadow: 0 3px 5px #ccc

}

@media screen and (max-width:1557px) {

.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(../images/pdf.png) no-repeat right center

}

.carLeft .carBtn li.us {

	width: 40%

}

.carLeft .carBtn li.us a {

	background-color: #397ee0;

	color: #fff;

	-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 a:hover {

	background: #f9bb00

}

.carLeft .carBtn li.us a:hover {

	background: #0e5dce

}

.carLeft .payCodes, .carLeft .tipss p, .carLeft .tous {

	margin-top: 24px

}

.carLeft .payCodes dd {

	display: inline-block

}

.carLeft .payCodes dd img {

	width: 110px;

	height: 110px

}

.carLeft .payCodes dd:first-child {

	margin-right: 50px

}

.carLeft .tous {

	color: #fd4243

}

.carRight .h3 {

	font-size: 16px;

	color: #333

}

.orderList dl {

	border-bottom: 1px solid #e1e1e1

}

.orderList dd, .orderList dt {

	padding: 20px 0

}

.orderList .w1, .orderList .w2, .orderList .w3 {

	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-top: 7px

}

.orderList dt .w1, .orderList dt .w2, .orderList dt .w3 {

	font-size: 15px;

	color: #a0a0a0;

	padding-top: 0

}

.orderList .w1 {

	width: 60%

}

.orderList .w2, .orderList .w3 {

	text-align: right;

	width: 20%;

	padding-left: 10px

}

.orderList dd .w1 {

	padding-left: 78px;

	position: relative;

	min-height: 56px

}

.orderList .pic {

	border: 1px solid #e1e1e1;

	position: absolute;

	left: 0;

	top: 0

}

.orderList .pic, .orderList .pic img {

	width: 61px;

	height: 61px

}

.orderList .pic i {

	display: block;

	cursor: pointer;

	width: 18px;

	height: 18px;

	background: url(../images/cx.png) no-repeat center;

	position: absolute;

	opacity: 0;

	visibility: hidden;

	right: -9px;

	top: -9px

}

.show:hover i {

	opacity: 1;

	visibility: visible

}

.orderList .h2 {

	padding-bottom: 5px

}

.orderList .num em, .orderList .num input {

	text-align: center;

	font-size: 17px;

	float: left;

	display: inline;

	line-height: 24px

}

.orderList .num input {

	margin: 0 2px;

	font-size: 14px;

	width: 48px;

	background: 0 0;

	border: none

}

.orderList .num em {

	transition: all .4s ease-in-out;

	width: 24px;

	font-style: normal;

	cursor: pointer

}

.orderList .num em:hover {

	background: #000;

	color: #fff

}

.orderList .w3 b {

	display: none

}

.count dd, .getMoney {

	text-align: right

}

.count span, .getMoney span {

	float: left;

	display: inline

}

.count {

	padding: 13px 0

}

.count dd span {

	color: #a0a0a0

}

.count dd {

	padding: 5px 0

}

.getMoney {

	font-size: 24px;

	font-weight: 700;

	padding-top: 20px;

	border-top: 1px solid #e1e1e1

}

.getMoney span {

	font-size: 16px;

	font-weight: 400

}

.ordered,.orderedchu {

	text-align: right;

	margin-top: 33px

}



.ordered input {

	background: #ccc!important;

    cursor: default!important;

    color: #fff!important;

	width: 208px;

	height: 48px;



	

	border: none;

	-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

}

.orderedchu input {

	width: 208px;

	height: 48px;

	color: #fff;

	background: #397ee0;

	border: none;

	-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

}

.orderedchu input:hover {

	background: #0e5dce

}

@media screen and (max-width:1480px) {

.carLeft, .carRight {

	padding-left: 54px;

	padding-right: 54px;

	-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 .box, .carRight .box {

	width: auto;

	margin: 0;

	float: none;

	display: block

}

}

@media screen and (max-width:1276px) {

.carLeft .carBtn {

	margin-left: -3px;

	margin-right: -3px

}

.carLeft .carBtn li {

	padding-left: 3px;

	padding-right: 3px

}

.carLeft .carBtn li.look, .carLeft .carBtn li.us {

	width: 33.3333%

}

.carLeft .carBtn a {

	font-size: 14px;

	padding: 8px 0

}

.carLeft .carBtn li.look span {

	padding-right: 24px;

	background-size: 14px auto

}

}

@media screen and (max-width:1000px) {

.carLeft, .carRight {

	width: 100%;

	padding-left: 74px;

	padding-right: 74px

}

.carRight {

	position: static

}

}

@media screen and (max-width:992px) {

.orderList .pic i {

	display: none

}

.orderList .w3 b {

	display: block;

	color: #397ee0;

	margin-top: 5px

}

}

@media screen and (max-width:767px) {

.carLeft, .carRight {

	padding-left: 15px;

	padding-right: 15px

}

.carLeft .logo3 {

	width: auto;

	padding: 30px 0;

	position: fixed;

	top: 0;

	left: 0;

	right: 0;

	background: #fff;

	z-index: 9

}

.carLeft .logo3 svg {

	width: 153px;

	padding-left: 15px

}

.fixHtml .carLeft .logo3 {

	-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

}

}

@media screen and (max-width:536px) {

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



}