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

@font-face {
	font-family: ArialBlack;
	src: url(../fonts/Asterix-Blink.ttf)
}

body {
	background: #f5f5f5
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color: #ccc;
	font-family: melbourneregular, Arial, "Hiragino Sans GB", "Microsoft YaHei", sans-serif
}

html.overflowHidden {
	overflow: hidden
}

.n_row .checkbox{
    width: 100%;
    display: flex;
    align-items: center;
    font-size: 12px;
}

.n_row .checkbox input{
    width: 20px;
    margin-right: 5px;
}

.n_row .checkbox .c_tips{
    color: rgba(0,0,0,.5);
}

.n_row .checkbox .c_tips span{
    text-decoration: underline;
    cursor: pointer;
    padding: 0px 3px;
}

.n_row .checkbox .c_tips span:hover{
    color: rgba(0,0,0,1);
}

.userGuojia{
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid rgba(0,0,0,.1);
}

.userGuojia .utips{
    width: 100%;
    height: 12px;
    line-height: 12px;
    font-size: 12px;
    opacity: 0.3;
}

.n_pics{
    width: 100%;
    position: relative;
}

.n_pics ul{
    width: 30%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 60%;
    -webkit-transform: translateY(-50%);
    color: #fff;
}

.n_pics ul li{
    width: 100%;
    border-top: 1px solid rgba(255,255,255,.5);
    position: relative;
    padding-top: 15px;
    margin-top: 15px;
}

.n_pics ul li .b{
    font-size: 16px;
}

.n_form{
    width: 800px;
    height: auto;
    margin: 0px auto;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 3vw;
}

.n_row{
    width: 49%;
    position: relative;
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    flex-wrap: wrap;
}

.n_row.full{
    width: 100%;
}

.n_row.ts .input,.n_row.ts .r{
    width: calc(50% - 50px);
}

.n_row label{
    width: 100%;
}


.n_row .select{
    width: 80px;
    height: 40px;
    position: relative;
    border: none;
    border-bottom: 1px solid rgba(0,0,0,.1);
    padding-left: 10px;
    position: relative;
}
.n_row select{
    width: 100%;
    height: 40px;
    border: none;
    position: relative;
    background: transparent;
}

.n_row .select:after,.n_row .r:after,.n_row .input:after,.n_row .label:after{
    width: auto;
    position: absolute;
    left: 0px;
    top: 0px;
    content: '*';
    line-height: 40px;
    color: rgba(0,0,0,1);
}

.n_row .word{
    width: 20px;
    line-height: 40px;
    position: relative;
}

.n_row .input.i2{
    width: calc(30% - 15px);
    position: relative;
}

.n_row .input.i2:nth-child(2){
    width: calc(30% - 15px);
}

.n_row .input.i2:last-child{
    width: calc(70% - 15px);
}

.userAddress{
    line-height: 1.7;
}



.n_row .label{
    width: 100%;
    height: auto;
    position: relative;
    line-height: 40px;

    padding-left: 15px;
}

.n_row .r{
    width: calc(100% - 100px);
    height: 40px;
    padding-left: 15px;
    border: none;
    border-bottom: 1px solid rgba(0,0,0,.1);
    position: relative;
}

.n_row textarea{
    width: 100%;
    height: 150px;
    position: relative;
    border: 1px solid rgba(0,0,0,.1);
    padding: 15px;
    line-height: 25px;
}

.n_row .input{
    width: 100%;
    height: 40px;
    padding-left: 15px;
    border: none;
    border-bottom: 1px solid rgba(0,0,0,.1);
}

.n_row input{
    width: 100%;
    height: 40px;
    position: relative;
    background: transparent;
    outline: none;
    border: none;
}

.n_pics ul li a{
    font-size: 36px;
    display: block;
    font-family: ArialBlack;
}

._h90vh {
	height: 90vh
}

._desc {
	line-height: 2;
	margin: 50px auto;
	font-size: 16px
}

.npic_list{
    width: 100%;
    margin-top: 2vw;
    margin-bottom: 3vw;
}

._pageMinTitle.c{
    text-align: center;
}

.npic_list ul{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.npic_list ul li{
    width: 32%;
    position: relative;
    margin-right: 2%;
}

.npic_list ul li:nth-child(3n){
    margin-right: 0%;
}

._fontFArial {
	font-family: ArialBlack;
	font-style: inherit
}

._color_2cb8af {
	color: #2cb8af
}

._pT50 {
	padding-top: 50px
}

._pLR30 {
	padding-left: 30px;
	padding-right: 30px
}

._mLR30 {
	margin-left: 30px;
	margin-right: 30px
}

._inBanner {
	position: relative;
	height: auto;
	overflow: hidden
}

._inBanner:after {
	content: '';
	position: absolute;
	top: 0;
	width: 100%;
	height: 20%;
	background: linear-gradient(top, rgb(0, 0, 0, .32) 22%, rgba(2, 2, 2, 0) 100%);
	background: -o-linear-gradient(top, rgb(0, 0, 0, .32) 22%, rgba(2, 2, 2, 0) 100%);
	background: -ms-linear-gradient(top, rgb(0, 0, 0, .32) 22%, rgba(2, 2, 2, 0) 100%);
	background: -moz-linear-gradient(top, rgb(0, 0, 0, .32) 22%, rgba(2, 2, 2, 0) 100%);
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, .32) 22%, rgba(2, 2, 2, 0) 100%)
}

.navBar {
	width: 50px;
	height: 196px;
	position: fixed;
	top: 50%;
	-webkit-transform: translateY(-50%);
	z-index: 100;
	right: 0px;
}

.wx_box {
	margin: 30px;
	text-align: center;
}

.wx_list {
	width: 100%;
	margin-top: 30px;
}

.wx_list ul {
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.wx_list ul li {
	width: 24%;
	height: auto;
	position: relative;
	background: #fff;
	padding: 35px 15px;
	border-radius: 10px;
	text-align: left;
}

.wx_list ul li .p {
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-bottom: 5px;
	line-height: 20px;

}

.wx_list ul li .p span {
	width: 40px;
}

.wx_list ul li .p p {
	width: calc(100% - 40px);
}

.wx_list ul li b {
	display: block;
	font-size: 16px;
	font-weight: bold;
	line-height: 35px;
	position: relative;
}

.navBar a {
	width: 50px;
	height: 50px;
	background: #2cb8af;
	border-radius: 45px;
	margin-bottom: 15px;
	display: block;
	position: relative;
	cursor: pointer;
	right: 0px;
	-webkit-transition: all .35s;
}

.navBar a .icon {
	width: 30px;
	height: auto;
	position: absolute;
	left: 10px;
	top: 10px;
	padding: 3px;
}

.navBar a:hover {
	width: 130px;
	right: 80px;
	position: relative;
}

.navBar a .txt {
	width: 100px;
	height: auto;
	line-height: 30px;
	position: absolute;
	left: 50px;
	top: 10px;
	color: #fff;
	font-size: 16px;
}

.md_input {
	box-sizing: border-box;
	border: 1px solid #e1e7ee;
	height: 40px;
	width: 100%;
	outline: 0;
	margin-right: 2%;
	text-indent: 25px;
	background: #fff;
}

._form.form1 .double.threeRows .input.last-child {
	width: 66%;
	margin-right: 0%;
}

._form.form1 ._form_box .fb_textarea {
	height: 40px;
	padding: 10px;
	padding-left: 25px;
}

._mobile {
	display: none
}

.nav {
	position: fixed;
	z-index: 25;
	width: 100%;
	display: flex;
	justify-content: center;
	color: #fff;
	align-items: center;
	background: rgba(45, 184, 175, 0);
	transition: ease .4s;
	top: 0
}

.nav.active,
.nav.fixedActive {
	background: #2db8af;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, .08)
}

.nav a {
	margin: 0 1.5%;
	width: 80px;
	display: block;
	text-align: center;
	line-height: 64px;
	padding: 10px 0;
	font-size: 16px;
	font-weight: 700;
	transition: ease .4s
}

.nav a.img{
    width: 122px;
}

.nav a.img img{
    border: 1px solid #fff;
}

.nav .link {
	position: relative
}

.nav .link:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	transform: scaleX(0);
	height: 4px;
	background-color: #fff;
	transition: transform .5s cubic-bezier(.19, 1, .22, 1);
	transition-delay: .1s;
	transform-origin: right
}

.nav .logo {
	width: 100px
}

.nav .link.active:after {
	transform-origin: left;
	transform: scaleX(1)
}

.nav.active a,
.nav.fixedActive a {
	padding: 5px 0;
	line-height: 54px
}

.nav.active .logo,
.nav.fixedActive .logo {
	width: 70px
}

.arrowToBottom {
	z-index: 5;
	width: 50px;
	height: 50px;
	bottom: 3.1%;
	margin-left: -25px;
	margin-top: -25px;
	cursor: pointer
}

.arrowToBottom i {
	width: 10px;
	height: 10px;
	top: -5px;
	margin-left: -5px;
	transform: translateZ(0) scale(0);
	animation: square 4s linear infinite;
	background: #fff;
	border-radius: 50%
}

.arrowToBottom,
.arrowToBottom i {
	display: block;
	position: absolute;
	left: 50%
}

.arrowToBottom i:first-child {
	animation-delay: .8s
}

.arrowToBottom i:nth-child(2) {
	animation-delay: 1.6s
}

.arrowToBottom i:nth-child(3) {
	animation-delay: 2.4s
}

.arrowToBottom i:nth-child(4) {
	animation-delay: 3.2s
}

@keyframes square {
	0% {
		transform: translateZ(0) scale(0)
	}

	30% {
		transform: translate3d(0, 15px, 0) scale(.35)
	}

	50% {
		transform: translate3d(0, 30px, 0) scale(1)
	}

	70% {
		transform: translate3d(0, 45px, 0) scale(.35)
	}

	100% {
		transform: translate3d(0, 60px, 0) scale(0)
	}
}

.banner {
	position: relative
}

.bannerSwiper .picBox {
	position: relative;
	overflow: hidden
}

.bannerSwiper .pic {
	background-size: cover;
	background-position: center
}

.bannerSwiper ._w1500 {
	color: #fff;
	position: absolute;
	bottom: 10%;
	z-index: 5;
	left: 50%;
	transform: translateX(-50%)
}

.bannerSwiper .btnSwiper {
	display: inline-block;
	font-size: 30px;
	cursor: pointer;
	transition: color ease .4s;
	visibility: hidden;
	opacity: 0
}

.bannerSwiper .btnSwiper i {
	transition: transform ease .4s;
	display: block
}

.bannerSwiper .btnSwiper.button-next {
	margin-left: 25px
}

.bannerSwiper .tabNumber {
	float: right;
	display: flex;
	align-items: center;
	font-family: DINCondensedBold
}

.bannerSwiper .tabNumber .n {
	font-size: 30px;
	margin-right: 15px
}

.bannerSwiper .tabNumber .c {
	font-size: 16px;
	margin-left: 15px
}

.banner ._bannerBtn {
	position: absolute;
	width: 40%;
	top: 0;
	height: 100%;
	z-index: 5
}

.banner ._bannerBtn.leftBtn {
	left: 0;
	cursor: url(../images/L.ico), pointer
}

.banner ._bannerBtn.rightBtn {
	right: 0;
	cursor: url(../images/R.ico), pointer
}

._pageTitle {
	text-align: center;
	padding-top: 70px;
	position: relative;
	width: 100%;
}

.singePage{
    font-size: 16px;
    line-height: 1.7;
    position: relative;
}

.singePage.c{
    text-align: center;
}

.singePage b{
    display: block;
    font-size: 30px;
    color: #2cb8af;
}

._pageTitle:after {
	content: '';
	position: absolute;
	width: 1px;
	height: 0;
	background: #2cb8af;
	top: 0;
	left: 50%;
	transition: ease 1s
}

._pageTitle.activeLine:after {
	height: 70px
}

._pageTitle p {
	font-weight: 700;
	text-transform: uppercase;
	line-height: 3
}

._pageTitle h3 {
	color: #1b1b1b;
	font-weight: lighter
}

._pageMinTitle {
	position: relative
}

._pageMinTitle h3 {
	font-weight: lighter
}

._pageMinTitle p {
	font-weight: 700;
	line-height: 3;
	text-transform: uppercase
}

._tabLink {
	text-align: center;
	margin: 50px auto 50px
}

._tabLink a {
	font-size: 16px;
	color: #8e8e8e;
	position: relative;
	margin: 0 20px
}

.form_submit.active{
    opacity: 0.5;
    cursor: no-drop;
}

.infor_box{
    width: 100%;
    height: auto;
    position: relative;
    background: #fff;
    display: flex;
    flex-wrap: wrap;
}
.infor_box .left{
    width: 50%;
}

.pageContactus .infor .left li{
    width: 100%;
}

.pageContactus .infor .left ul{
    margin-bottom: 0px;
}

._tabLink a:after {
	content: '';
	position: absolute;
	background: #32b9b0;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	right: 110%;
	top: 50%;
	transform: translate(-50%, -150%);
	opacity: 0;
	transition: ease-out .4s
}

._tabLink a.active {
	color: #32b9b0
}

._tabLink a.active:after {
	opacity: 1;
	transform: translate(-50%, -50%)
}

._more {
	width: 160px;
	line-height: 38px;
	text-align: center;
	display: block;
	border: 1px solid #2cb8af;
	position: relative;
	margin: 0 auto;
	color: #2cb8af;
	transition: background ease-out .4s, color ease-out .4s
}

._more:after {
	content: '';
	position: absolute;
	height: calc(100% + 6px);
	border: 1px solid #2cb8af;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: calc(100% - 6px);
	color: #2cb8af
}

._more.white {
	border-color: #fff;
	color: #fff
}

._more.white::after {
	border-color: #fff
}

.plateBrand .summary {
	text-align: center;
	color: #8e8e8e;
	line-height: 2;
	margin: 50px auto;
	font-size: 16px
}

.plateBrand .minPlate {
	display: flex;
	justify-content: space-between;
	margin-top: 50px
}

.plateBrand .minPlate .img {
	color: #fff;
	width: 49%;
	position: relative;
	background: #000
}

.plateBrand .minPlate .img img {
	opacity: .8
}

.plateBrand .minPlate .text {
	position: absolute;
	bottom: 15px;
	left: 0;
	text-align: center;
	width: 100%
}

.plateProduct {
	margin-top: 30px;
	margin-bottom: 30px;
	position: relative
}

.plateProduct:after {
	content: '';
	position: absolute;
	height: 40%;
	background: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .71) 100%);
	background: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .71) 100%);
	background: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .71) 100%);
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .71) 100%);
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .71) 100%);
	width: 100%;
	bottom: 0;
	z-index: 5
}

.plateProduct ._more {
	position: absolute;
	bottom: calc(30px + 10%);
	left: 50%;
	transform: translateX(-50%);
	z-index: 10
}

.plateProduct .productBg {
	position: relative;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0
}

.plateProduct .productBg li {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	visibility: hidden;
	transition: ease 1s;
	overflow: hidden
}

.plateProduct .productBg li.active {
	opacity: 1;
	visibility: inherit
}

.plateProduct .productBg .img {
	position: absolute;
	top: 0;
	height: 100%;
	width: 100%;
	background-size: cover;
	background-position: center;
	transition: ease 1s
}

.plateProduct .productBg .active .img {
	transform: scale(1.05)
}

.plateProduct .summary {
	color: #fff;
	position: absolute;
	left: 60px;
	bottom: 11%;
	width: 27%;
	z-index: 10
}

.plateProduct .summary .description {
	margin-bottom: 0
}

.productLogo {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	width: 33%;
	z-index: 20
}

.productLogo ul {
	display: flex;
	align-items: center
}

.productLogo ul a {
	display: block;
	position: relative;
	border: 1px solid rgba(255, 255, 255, .1)
}

.plateService .content {
	background: #fff;
	display: flex;
	flex-wrap: wrap
}

.plateService .L {
	width: 40%;
	position: relative
}

.plateService .L:after {
	content: '';
	position: absolute;
	background: url(../images/lineWatch.png) center/cover;
	height: 100%;
	left: 57%;
	width: 46%
}

.plateService .L .text {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 60px;
	width: 70%
}

.plateService .L .text ._more {
	float: left
}

.plateService .L .summary {
	line-height: 2;
	margin: 50px auto;
	color: #8e8e8e;
	font-size: 16px
}

.plateService .L ._pageTitle {
	text-align: left;
	display: inline-block
}

.plateService .R {
	width: 60%;
	position: relative
}

.plateService .R ul {
	display: flex;
	flex-wrap: wrap;
	padding: 50px 30px;
	justify-content: space-between
}

.plateService .R li {
	width: 33%
}

.plateService .R .title {
	line-height: 3;
	font-size: 16px;
	text-align: center
}

.plateScenes .swiperScenes {
	height: 100%
}

.plateScenes .swiperScenes .li {
	width: 80vw
}

.plateScenes .swiperScenes .swiper-pagination {
	bottom: 2%;
	opacity: 0;
	visibility: hidden
}

.plateScenes .swiperScenes .swiper-pagination span {
	background: #fff
}

.plateScenes .scrollbar {
	width: 1200px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 5%;
	height: 1px;
	background: #fff;
	z-index: 5
}

.plateScenes .scrollbar .swiper-scrollbar-drag {
	background: #2db8af;
	height: 4px;
	margin-top: -1px;
	cursor: pointer
}

.plateScenes .ul {
	height: 100%;
	position: relative
}

.plateScenes .pic {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden
}

.plateScenes .title {
	font-size: 16px;
	color: #fff;
	position: absolute;
	left: 10%;
	width: 80%;
	text-align: center;
	bottom: 4%;
	z-index: 5
}

.plateScenes .pic:after {
	content: '';
	position: absolute;
	left: 0;
	height: 20%;
	width: 100%;
	bottom: 0;
	background: linear-gradient(top, rgba(0, 0, 0, 0), #000 100%);
	background: -o-linear-gradient(top, rgba(0, 0, 0, 0), #000 100%);
	background: -ms-linear-gradient(top, rgba(0, 0, 0, 0), #000 100%);
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0), #000 100%);
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), #000 100%)
}

.plateScenes .img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center
}

.plateNews {
	position: relative
}

.plateNews ul {
	display: flex;
	flex-wrap: wrap
}

.plateNews ul li {
	width: calc(100% / 3);
	transition: box-shadow ease-out .4s
}

.plateNews ul li a {
	position: relative;
	display: block;
	background: #fff;
	transition: ease .4s
}

.plateNews ul li:nth-child(2) a {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column-reverse
}

.plateNews ul li .pic {
	width: 100%;
	position: relative;
	overflow: hidden
}

.plateNews ul li .pic:before {
	content: '';
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	border: 3px solid #72d9bf;
	z-index: 5;
	box-sizing: border-box;
	opacity: 0;
	transition: ease-out .4s
}

.plateNews ul li .pic img {
	transition: ease-out .4s
}

.plateNews ul li .pic:after {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 20px solid #fff;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0;
	transition: ease-out .4s
}

.plateNews li .summary {
	position: relative
}

.plateNews ul li .text {
	padding: 10% 16%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%)
}

.plateNews li .timer {
	color: rgba(54, 54, 54, .4);
	transition: ease .4s;
	display: none
}

.plateNews li .timer span {
	color: #363636;
	text-transform: uppercase;
	padding-right: 5px;
	border-right: 1px solid #363636;
	margin-right: 5px;
	position: relative;
	transition: ease .4s
}

.plateNews li .timer span:after {
	content: '';
	position: absolute;
	width: 30px;
	height: 1px;
	background: #363636;
	right: 110%;
	top: 50%;
	transition: ease .4s
}

.plateNews li h4 {
	color: #363636;
	font-size: 20px;
	font-weight: initial;
	margin: 25px 0 15px;
	transition: ease .4s
}

.plateNews li .Introduction {
	color: #8d8d8d;
	line-height: 1.8;
	transition: ease .4s;
	height: 50px
}

.plateNews ul li:nth-child(2) .pic:after {
	top: 0;
	bottom: auto;
	border-bottom: none;
	border-top: 20px solid #fff
}

.plateNews ol {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	position: relative;
	margin-top: 30px;
	margin-bottom: 30px
}

.plateNews ol:after {
	content: '';
	width: 33%
}

.plateNews ol li {
	width: 33%;
	margin-top: 15px
}

.plateNews ol li:nth-child(1),
.plateNews ol li:nth-child(2),
.plateNews ol li:nth-child(3) {
	margin-top: 0
}

.plateNews ol li a {
	padding: 3vw;
	display: block;
	transition: ease .4s;
	background: #fff
}

.plateNews ol .text {
	position: relative
}

.home.plateNews ol {
	display: none
}

.newsHide {
	display: none
}

.pageNews {
	margin-top: 50px;
	margin-bottom: 50px
}

.plateFeatures {
	margin-top: 30px;
	background: #fff;
	padding: 30px 0;
	position: relative;
	z-index: 5
}

.plateFeatures ul {
	display: flex;
	justify-content: center
}

.plateFeatures li {
	display: flex;
	width: 22%
}

.plateFeatures li a {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between
}

.plateFeatures li a span {
	width: 80px;
	height: 80px;
	display: block;
	text-align: center;
	line-height: 80px;
	background: #2db8af;
	color: #fff;
	border-radius: 50%;
	font-size: 40px;
	margin-right: 20px;
	overflow: hidden;
	position: relative;
	transition: ease .4s
}

.plateFeatures li i {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	transition: ease-out .4s
}

.plateFeatures li i.top {
	transform: translateY(-100%);
	opacity: 0
}

.plateFeatures li i.bottom {
	opacity: 1
}

.plateFeatures li .title {
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	width: calc(100% - 100px)
}

.plateFeatures li .title h3 {
	font-size: 16px;
	font-weight: 100
}

.plateFeatures li .title p {
	text-transform: uppercase;
	font-family: ArialBlack;
	display: block;
	width: 100%
}

.footer {
	background: #2cb8af;
	color: #fff;
	margin-bottom: 30px;
	position: relative;
	z-index: 5
}

.footer .top {
	padding: 20px 60px;
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid rgba(255, 255, 255, .2)
}

.footer .Features {
	display: flex;
	width: 100px;
	justify-content: space-between;
	align-items: center
}

.footer .Features a {
	width: 34px;
	height: 34px;
	border: 1px solid #fff;
	border-radius: 50%;
	display: block;
	text-align: center;
	line-height: 34px;
	font-size: 20px;
	position: relative;
	transition: ease .4s
}

.footer .Features .wechat {
	max-width: 120px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 130%;
	opacity: 0;
	visibility: hidden;
	transition: ease .4s
}

.footer .webNav {
	padding: 60px;
	display: flex;
	justify-content: space-between
}

.footer .webNav .web {
	width: 68%
}

.footer .webNav ul {
	display: flex;
	justify-content: space-between;
	text-transform: uppercase
}

.footer .webNav li a {
	display: block;
	color: rgba(255, 255, 255, .7)
}

.footer .webNav li a+a {
	margin-top: 20px
}

.footer .webNav li a:nth-child(1) {
	font-size: 16px;
	color: #fff
}

.footer .webNav .infor {
	text-align: right;
	font-size: 16px
}

.footer .webNav .infor p:nth-child(2) {
	margin: 10px auto
}

.footer .webNav .infor .tips {
	text-transform: uppercase;
	color: rgba(255, 255, 255, .4);
	font-family: ArialBlack
}

.footer .webNav .infor .phone {
	font-size: 36px
}

.footer .copyright {
	padding: 0 60px;
	line-height: 30px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	color: rgba(255, 255, 255, .5);
	border-top: 1px solid rgba(255, 255, 255, .2)
}

.pageService {
	margin-top: 30px;
	margin-bottom: 30px
}

.pageService .plateService {
	padding-bottom: 30px
}

.pageService ._service {
	text-align: center;
	margin-top: 30px
}

._service.service1 ul {
	margin-top: 30px
}

.service {
	padding-top: 30px;
	margin-bottom: 30px
}

.service ._w1300 {
	margin-top: 30px
}

.service ._pageMinTitle {
	text-align: center
}

.service ._form {
	margin: 0
}

.device {
	padding-top: 30px;
	margin-bottom: 30px;
	background: #fff
}

.device ._pageMinTitle {
	text-align: center
}

.device ul {
	display: flex;
	justify-content: space-around;
	margin-top: 30px
}

.device li {
	display: block;
	text-align: center
}

.device li .icon {
	display: block;
	font-size: 50px;
	width: 80px;
	height: 80px;
	line-height: 80px;
	border-radius: 50%;
	border: 1px solid #ccc;
	margin-bottom: 15px
}

.device li span {
	font-size: 18px
}

.deviceSwiper {
	margin-top: 30px
}

.deviceSwiper .tabBtn {
	width: 1400px;
	margin: 15px auto 0;
	display: flex;
	justify-content: space-between;
	display: none
}

.deviceSwiper .tabBtn i {
	width: 40px;
	height: 40px;
	line-height: 40px;
	display: block;
	background: #fff;
	border-radius: 50%;
	text-align: center;
	color: #2db8af;
	font-weight: 700;
	font-size: 20px;
	transition: ease .4s
}

.deviceSwiper .tabBtn .btn {
	max-width: 48%;
	cursor: pointer
}

.deviceSwiper .tabBtn .BtnL {
	display: flex;
	align-items: center
}

.deviceSwiper .tabBtn .BtnR {
	display: flex;
	align-items: center;
	flex-direction: row-reverse
}

.deviceSwiper .tabBtn .BtnL i {
	margin-right: 15px
}

.deviceSwiper .tabBtn .BtnR i {
	margin-left: 15px
}

.deviceSwiper .tabBtn span {
	display: block;
	line-height: 40px;
	height: 40px;
	overflow: hidden;
	width: 80%
}

.deviceSwiper .li {
	position: relative;
	width: 1400px
}

.deviceSwiper .li:after {
	content: '';
	position: absolute;
	left: 0;
	height: 20%;
	width: 100%;
	bottom: 0;
	background: linear-gradient(top, rgba(0, 0, 0, 0), #000 100%);
	background: -o-linear-gradient(top, rgba(0, 0, 0, 0), #000 100%);
	background: -ms-linear-gradient(top, rgba(0, 0, 0, 0), #000 100%);
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0), #000 100%);
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), #000 100%)
}

.deviceSwiper .li .title {
	position: absolute;
	width: calc(100% - 30px);
	left: 15px;
	bottom: 15px;
	text-align: center;
	font-size: 16px;
	overflow: hidden;
	color: #fff;
	padding: 0 5%;
	z-index: 5
}

.pageBrand {
	margin-top: 30px
}

.pageBrand .content {
	display: flex;
	flex-wrap: wrap;
	background: #fff;
	margin-top: 50px
}

.pageBrand .R {
	background: url(../images/bg_brandPage.jpg) bottom/cover;
	color: #fff
}

.pageBrand .L,
.pageBrand .R {
	width: 50%;
	height: 700px;
	position: relative
}

.pageBrand .descBox {
	width: 80%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.pageInherited {
	display: flex;
	flex-wrap: wrap
}

.pageInherited .L,
.pageInherited .R {
	width: 50%;
	position: relative
}

.pageInherited .L {
	background: url(../images/bg_inherited.jpg) center top/cover;
	color: #fff
}

.pageInherited .L .descBox {
	width: 80%;
	position: absolute;
	top: 12%;
	left: 50%;
	transform: translate(-50%, 0)
}

.pageInherited .R ul {
	padding: 12% 10%
}

.pageInherited .R li {
	position: relative
}

.pageInherited .R li+li {
	margin-top: 25px
}

.pageInherited .R .year {
	font-size: 20px;
	font-weight: 700;
	line-height: 22px;
	width: 100%
}

.pageInherited .R .description {
	line-height: 1.8;
	position: relative;
	margin-top: 10px
}

.pageInherited .R .description h3 {
	font-size: 16px;
	font-weight: 700;
	line-height: 1.4
}

.pageInherited .R .description:after {
	content: '';
	position: absolute;
	width: 30px;
	height: 2px;
	background: #2db8af;
	left: -18%;
	top: 10px;
	opacity: 0
}

.pageInherited.Mirror {
	flex-direction: row-reverse;
	height: 700px
}

.pageInherited.Mirror .description {
	width: 80%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.pageInherited.Mirror .L {
	background: url(../images/bg_merchants.jpg) center top/cover
}

.plateproduct {
	position: relative;
	width: 100%
}

.plateproduct .secListing {
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 5;
	width: 80%;
	display: flex;
	left: 50%;
	flex-wrap: wrap
}

.plateproduct .secListing li {
	width: 20%;
	cursor: pointer;
	transition: ease 1s
}

.plateproduct .secListing li.active {
	background: rgba(255, 255, 255, .1)
}

.plateproduct .secListing li img {
	max-width: 240px;
	opacity: .7;
	margin: 0 auto
}

.plateproduct .productBg {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	left: 0;
	background: #000
}

.plateproduct .productBg li {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	left: 0;
	opacity: 0;
	transition: ease 1s
}

.plateproduct .productBg li.active {
	opacity: 1
}

.plateproduct .productBg .pic {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	opacity: .5
}

.PageProduct {
	background: #fff;
	position: fixed;
	padding-top: 30px;
	top: 0;
	z-index: 30;
	opacity: 0;
	visibility: hidden;
	height: 100vh;
	overflow-y: auto;
	width: 100%
}

.PageProduct .collection {
	display: flex;
	flex-wrap: wrap;
	height: auto
}

.PageProduct .collection .btnOff {
	position: fixed;
	right: 65px;
	top: 45px;
	z-index: 5;
	font-size: 34px;
	color: #fff;
	cursor: pointer;
	transition: ease .4s;
	opacity: 0;
	visibility: hidden;
	z-index: 5;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .8)
}

html.overflowHidden .PageProduct .collection .btnOff {
	opacity: 1;
	visibility: inherit
}

.PageProduct .collection .L {
	width: 50%;
	position: relative;
	background: #2db8af
}

.PageProduct .collection #list {
	width: 100%;
	padding: 0
}

.PageProduct .collection .descBox {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #fff;
	width: 80%
}

.PageProduct .collection .descBox .pic {
	max-width: 300px;
	margin: 0 auto
}

.PageProduct .collection .descBox .pic img {
	margin: 0 auto
}

.PageProduct .collection .descBox .title {
	text-align: center;
	margin-top: 25px
}

.PageProduct .collection .R {
	width: 50%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap
}

.PageProduct .collection .R img {
	width: 100%
}

.PageProduct .collection .pagination {
	position: absolute;
	z-index: 5;
	text-align: center
}

.PageProduct .collection .pagination span {
	opacity: 1;
	background: #fff
}

.PageProduct .collection .pagination span.swiper-pagination-bullet-active {
	background: #2db8af
}

.PageProduct .productList {
	width: 100%;
	position: relative;
	z-index: 1
}

.PageProduct .productList .li {
	position: relative;
	text-align: center
}

.PageProduct .productList .title {
	font-size: 16px
}

.PageProduct .productList .btnContactCustomerService {
	position: relative;
	width: 40%;
	text-align: center;
	line-height: 42px;
	border: 1px solid #2db8af;
	color: #2db8af;
	font-size: 16px;
	margin: 15px auto 0;
	z-index: 10;
	transition: ease .4s;
	display: block
}

.PageProduct .ul {
	margin: 30px auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	position: relative
}

.PageProduct .ul:after {
	content: '';
	display: block;
	width: 30%
}

.PageProduct .ul .li {
	width: 30%;
	margin-top: 30px;
	position: relative
}

.PageProduct .ul .li:nth-child(1),
.PageProduct .ul .li:nth-child(2),
.PageProduct .ul .li:nth-child(3) {
	margin-top: 0
}

.PageProduct .ul .li .picBox {
	position: relative
}

.PageProduct .ul .li .picBox img {
	position: relative;
	z-index: 5
}

.PageProduct .ul .li .picBox:after {
	content: '';
	position: absolute;
	bottom: 0;
	width: 100%;
	background: #f1f1f1;
	height: 50%;
	left: 0;
	opacity: 0
}

.PageProduct .ul .li .title {
	line-height: 3
}

.PageProduct .ul .model {
	height: 20px
}

.PageProduct .ul .price {
	height: 20px
}

.PageProduct .ul .li:nth-child(2n) .picBox:after {
	background: #fbe7d7
}

.pageContactus {
	display: flex;
	flex-wrap: wrap;
	margin-top: calc(84px);
	height: auto;
}

.pageContactus .L .infor .name {
	background: #fff;
	padding: 20px 20px 5px;
	font-size: 24px;
	font-weight: bold;
}

.pageContactus .infor ul {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	background: #fff;
	padding: 20px;
	box-sizing: border-box;
	margin-bottom: 25px;
	padding-top: 0px;
}

.pageContactus .L {
	background: url(../images/bg1.jpg)
}

.pageContactus .R img {
	max-width: initial;
	width: initial
}

.pageContactus .L,
.pageContactus .R {
	height: 100%;
	position: relative
}

.pageContactus .L {
	width: 60%;
	padding: 30px
}

.pageContactus .L .content {
	position: relative;
	top: 0%;
	width: 95%;
	left: 0%;
}

.pageContactus .L .infor {
	line-height: 1.8;
	margin-top: 20px
}

.pageContactus .infor li {
	display: flex;
	justify-content: space-between;
	width: 46%;
	border-bottom: 1px solid rgba(0, 0, 0, .1);
	padding-bottom: 15px;
	margin-bottom: 15px;
}

.pageContactus .infor li+li {}

.pageContactus .infor .L {
	padding: 0;
	background: 0 0;
	width: 80%
}

.pageContactus .infor .R {
	width: 48px;
	display: flex;
	align-content: center;
	align-items: center;
	align-self: center;
	height: auto
}

.pageContactus .infor .R a {
	display: inline-block
}

.pageContactus .infor .R span {
	display: block;
	text-align: center
}

.pageContactus .infor .title {
	color: #2db8af;
	display: flex;
	align-items: center;
}
.pageContactus .infor .title .zn p{
    width: 30px;
    height: 30px;
    position: relative;
    background: #2db8af;
    border-radius: 5px;
    padding: 5px;
    margin-left: 10px;
}
.pageContactus .infor .title .zn span{
    color: #959595;    
}

.pageContactus .infor .title .zn:hover p{
    opacity: 0.7;
}
.pageContactus .infor .title .zn:hover span{
    color: #3e3e3e;
}
.pageContactus .infor .phone {
	color: #2db8af;
	font-size: 2vw;
	font-weight: 700;
	display: block;
	line-height: 1;
	transition: ease .4s;
	font-family: ArialBlack;
}

.pageContactus .infor .R i {
	color: #2db8af;
	font-size: 25px;
	width: 48px;
	height: 48px;
	display: block;
	border: 2px solid #2db8af;
	text-align: center;
	line-height: 48px;
	border-radius: 50%;
	transition: ease .4s
}

.pageContactus .L .infor p {
	text-transform: uppercase;
	color: #959595
}

.pageContactus .L .infor .zn{
    width: calc(100% - 50px);
    display: flex;
    align-items: center;
}
.pageContactus .L .infor .zn span{
    margin-left: 5px;
}
.pageContactus .L .infor p a+a {
	margin-left: 10px
}

.pageContactus .L .weChat {
	width: 160px;
	margin-top: 40px;
	text-align: center
}

.pageContactus .L .weChat span {
	font-size: 16px;
	font-weight: 700
}

.pageContactus .L .weChat img {
	margin-bottom: 5px;
	margin-top: 25px
}

.pageContactus .R {
	width: 40%;
	height: 100vh;
}

.pageMember {
	margin-top: 30px;
	padding-top: 70px
}

.pageMember .content {
	display: flex;
	justify-content: space-between
}

.pageMessageList .pageMember .content {
	padding: 25px
}

.pageMember .content .L {
	width: 23%;
	padding: 0
}

.pageMember .content .infor {
	background: #fff;
	padding: 45px 0;
	margin-bottom: 25px
}

.pageMember .content .infor img {
	margin: 0 auto 20px;
	width: 70px
}

.pageMember .content .infor p {
	text-align: center;
	font-size: 16px
}

.pageMember .content .box {
	background: #fff;
	padding-top: 25px
}

.pageMessageList .pageMember .content .L {
	padding: 0
}

.pageMember .content .L ul {
	margin-top: 30px;
	height: 80%;
	display: flex;
	flex-wrap: wrap;
	align-content: baseline
}

.pageMember .content .L ul li {
	font-size: 16px;
	width: 100%;
	border-bottom: 1px solid rgba(255, 255, 255, .8);
	position: relative
}

.pageMember .content .L ul li:after {
	content: '';
	position: absolute;
	left: 0;
	width: 5px;
	height: 100%;
	background: rgba(25, 97, 92, .6);
	top: 0;
	opacity: 0
}

.pageMember .content .L ul li.active {
	background: #2db8af;
	color: #fff;
	border-bottom: 1px solid rgba(255, 255, 255, .8)
}

.pageMember .content .L ul li.active:after {
	opacity: 1
}

.pageMember .content .L ul i {
	font-size: 24px;
	margin-right: 5px
}

.pageMember .content .L li a {
	line-height: 62px;
	height: 62px;
	display: flex;
	padding: 0 15px
}

.pageMember .content .L ul li+li {
	margin-top: 0
}

.pageMember .content .L h3 {
	font-size: 24px;
	padding: 0 25px
}

.pageMember .content .R {
	width: 76%;
	background: #fff;
	padding: 25px;
	display: flex;
	flex-wrap: wrap;
	align-content: baseline;
	justify-content: flex-end
}

.pageMember .content .R form {
	width: 100%
}

.pageMember .content .input {
	width: 100%
}

.pageMember .content .input textarea {
	width: 100%;
	padding: 22px 15px 40px;
	border: 1px solid #c9d8db;
	height: 200px
}

.pageMember .content .R .simditor {
	border: 1px solid #c9d8db
}

.pageMember .content .R .input+.input {
	margin-top: 15px
}

.pageMember .content .R .input>input {
	border: 1px solid #c9d8db;
	width: 30%;
	line-height: 42px;
	padding: 0 15px;
	margin-right: 5px
}

.pageMember .content .btnSubmit {
	width: 160px;
	line-height: 38px;
	margin-top: 15px;
	text-align: center;
	border: 1px solid #c9d8db;
	background: #fff;
	cursor: pointer;
	float: left
}

.pageMember .R.notes table {
	width: 100%;
	margin-top: 30px;
	table-layout: fixed
}

.pageMember .R.notes tbody {
	text-align: left
}

.pageMember .R.notes .li {
	cursor: pointer
}

.pageMember .R.notes tbody .tit {
	width: 20%
}

.pageMember .R.notes tbody .frm {
	width: 40%
}

.pageMember .R.notes .th {
	font-size: 16px
}

.pageMember .R.notes .th tr {
	line-height: 56px
}

.pageMember .R.notes .th td {
	border-top: 1px solid rgba(0, 0, 0, .1)
}

.pageMember .R.notes table tr {
	line-height: 42px
}

.pageMember .R.notes table td,
.pageMember .R.notes table th {
	padding: 0 10px;
	border-bottom: 1px solid rgba(0, 0, 0, .1);
	height: 43px;
	line-height: 43px;
	overflow: hidden;
	word-break: keep-all;
	white-space: nowrap;
	text-overflow: ellipsis
}

.pageMember .R.notes table span {
	cursor: pointer
}

.pageMember .btnAddList {
	width: 140px;
	text-align: center;
	line-height: 36px;
	background: #2db8af;
	color: #fff;
	height: 36px
}

.pageMember ._PageTurningNumber.min ._JumpNumber {
	display: none
}

.pageMember ._PageTurningNumber.min a {
	padding: 5px 10px
}

._MessageList ul {
	width: 100%;
	margin-top: 30px
}

._MessageList li {
	border-bottom: 1px solid #e2e2e2;
	padding-bottom: 25px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between
}

._MessageList li+li {
	margin-top: 25px
}

._MessageList .LPlate {
	width: 17%
}

._MessageList .LPlate img {
	display: inline-block;
	width: 32px
}

._MessageList .CPlate {
	width: 80%
}

._MessageList .CPlate .title {
	font-size: 16px
}

._MessageList .CPlate .summary {
	margin-top: 15px;
	color: #757575;
	line-height: 1.7
}

._MessageList .RPlate {
	width: 10%;
	text-align: right
}

._MessageList .name {
	line-height: 33px;
	margin-left: 15px;
	width: calc(100% - 53px);
	overflow: hidden;
	height: 33px;
	display: inline-block
}

._MessageList .LPlate .timer {
	font-size: 12px;
	color: #ccc;
	padding-left: 51px
}

._MessageList .text img {
	display: inline-block
}

._MessageList .reply {
	padding: 10px;
	background: rgba(236, 236, 236, .6);
	border: 1px solid #ccc;
	width: 100%;
	margin-top: 15px
}

._MessageList .timer {
	font-size: 12px;
	color: #ccc;
	margin-top: 10px
}

._MessageList .reply .text {
	margin-top: 0
}

.simditor .simditor-toolbar>ul>li:nth-child(12) {
	display: none
}

.PageLogIn {
	background: rgba(0, 0, 0, .8);
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 30;
	opacity: 0;
	visibility: hidden;
	transition: ease .4s
}

.PageLogIn.active {
	opacity: 1;
	visibility: inherit
}

.PageLogIn .LogInHolder {
	display: flex;
	flex-wrap: wrap;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	height: 60%;
	width: 800px
}

.PageLogIn .btnOff {
	position: absolute;
	right: 15px;
	font-size: 26px;
	top: 15px;
	cursor: pointer
}

.PageLogIn .LogInHolder .L {
	width: 50%;
	padding: 20px;
	color: #fff;
	background: rgba(45, 184, 175, .95);
	display: flex;
	align-items: center;
	text-align: center
}

.PageLogIn .LogInHolder .text {
	width: 100%
}

.PageLogIn .LogInHolder .text h1 {
	font-size: 24px
}

.PageLogIn .LogInHolder .text p {
	font-size: 16px
}

.PageLogIn .LogInHolder .R {
	width: 50%;
	background: #fff;
	padding: 30px;
	display: flex;
	align-items: center
}

.PageLogIn .LogInHolder .form {
	width: 80%
}

.PageLogIn .LogInHolder .btn {
	display: flex
}

.PageLogIn .LogInHolder .Captcha {
	display: flex;
	flex-wrap: wrap
}

.PageLogIn .LogInHolder .Captcha .btn {
	padding: 10px 0;
	width: 110px;
	cursor: pointer;
	text-align: center;
	display: block;
	background: #ffd747;
	border-radius: 45px
}

.PageLogIn .LogInHolder .Captcha input {
	width: calc(100% - 140px)
}

.PageLogIn .LogInHolder .input+.input {
	margin-top: 30px;
	justify-content: space-between
}

.PageLogIn .LogInHolder input {
	border: 0;
	border-bottom: 1px solid #eee;
	padding: 10px 0;
	width: 100%;
	font-size: 14px;
	transition: border ease .4s
}

.PageLogIn .LogInHolder .submit {
	width: 100%;
	text-align: center;
	line-height: 40px;
	background: #2db8af;
	color: #fff;
	border-radius: 45px;
	margin-top: 30px;
	cursor: pointer;
	display: block
}

.PageLogIn .LogInHolder .cancel {
	width: 80px;
	text-align: center;
	line-height: 38px;
	color: #2db8af;
	border: 1px solid #2db8af;
	border-radius: 5px;
	margin-top: 30px;
	cursor: pointer;
	display: block;
	margin-left: 15px
}

.pageMessageList {
	position: relative;
	margin-top: 30px;
	margin-bottom: 30px
}

.pageMessageList .contentList {
	background: #fff;
	padding: 25px;
	margin-top: 30px;
	margin-bottom: 30px
}

.pageMessageList .contentList li:last-of-type {
	border-bottom: none
}

.pageMessageList .pageMember {
	margin: 0 auto;
	padding: 0;
	background: #ffff;
	border: 1px solid #e5e5e5
}

.pageMessageList .pageMember.active {
	display: block
}

.pageMessageList .avatar {
	margin-bottom: 15px
}

.pageMessageList .avatar img {
	display: block;
	margin: 0 auto
}

.pageMessageList .pageMember .name {
	text-align: center;
	color: #454545;
	margin: 0 auto;
	width: 100%;
	font-weight: 700;
	font-size: 20px
}

.pageMessageList .pageMember .R {
	padding: 0
}

.notesList .contentList {
	padding: 0
}

.notesList .contentList li {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	line-height: 60px;
	transition: ease .4s;
	padding: 0 20px;
	height: 60px;
	overflow: hidden
}

.notesList .contentList li:nth-child(1) {
	line-height: 66px;
	font-size: 16px
}

.notesList .contentList li+li {
	border-top: 1px solid #dedede
}

.notesList .contentList li a {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	line-height: 60px;
	width: 100%;
	height: 60px
}

.notesList .contentList li .title {
	width: 54%;
	display: flex
}

.notesList .contentList li .title i {
	font-size: 30px;
	margin-right: 10px;
	color: #2db8af;
	transition: ease .4s
}

.notesList .contentList li .name {
	width: 14%;
	padding: 0 15px
}

.notesList .contentList li .see {
	width: 10%;
	text-align: center
}

.notesList .contentList li .timer {
	text-align: right;
	width: 22%
}

.modalBox {
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	left: 0;
	z-index: 50;
	background: rgba(0, 0, 0, .2);
	opacity: 0;
	visibility: hidden
}

.modalBox.active {
	opacity: 1;
	visibility: inherit
}

.modalBox .content {
	box-shadow: 0 6px 24px rgba(0, 0, 0, .24);
	border-radius: 2px;
	position: absolute;
	top: 50%;
	left: 50%;
	background: #fff;
	width: 400px;
	height: 250px;
	z-index: 20;
	transform: translate(-50%, -50%);
	padding: 30px 50px
}

.modalBox i {
	display: block;
	color: #2cb8af;
	font-size: 60px;
	text-align: center
}

.modalBox p {
	text-align: center;
	color: #575757;
	font-size: 20px;
	font-weight: 700;
	padding: 8px 0
}

.modalBox .btnDel {
	padding: 6px 8px;
	line-height: 20px;
	border-radius: 1px;
	width: 80px;
	border: 1px solid #2cb8af;
	text-align: center;
	color: #2cb8af;
	position: absolute;
	bottom: 30px;
	right: 50px;
	cursor: pointer;
	transition: ease .4s
}

.modalBox .btnCancel {
	padding: 6px 8px;
	line-height: 20px;
	border-radius: 1px;
	width: 80px;
	background: #2cb8af;
	text-align: center;
	color: #fff;
	position: absolute;
	bottom: 30px;
	left: 50px;
	cursor: pointer;
	transition: ease .4s
}

.pageVip {
	padding-top: 30px;
	background: #fff;
	padding-bottom: 30px
}

.pageVip .content {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between
}

.pageVip .L {
	width: 67%
}

.pageVip .R {
	width: 31%
}

.pageVip .top {
	position: relative
}

.pageVip .top .btn {
	background: url(../images/login.jpg);
	color: #fff;
	display: flex;
	flex-wrap: wrap;
	padding: 30px 20px;
	cursor: pointer
}

.pageVip .top .phoneText {
	margin-top: 5px
}

.pageVip .top .dropOut {
	cursor: pointer
}

.pageVip .top .minLogo {
	display: block;
	width: 50px;
	height: 50px;
	background: #fff;
	border-radius: 50%;
	position: relative
}

.pageVip .top .minLogo img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.pageVip .top .title {
	display: flex;
	flex-wrap: wrap;
	margin-left: 5%;
	width: 69%
}

.pageVip .top p {
	display: block;
	width: 100%;
	color: rgba(255, 255, 255, .7)
}

.pageVip .top p.cn {
	font-size: 16px;
	color: #fff
}

.pageVip .content ul {
	margin-top: 10px;
	background: url(../images/menu_bg.jpg) center/cover;
	color: #fff
}

.pageVip .content ul li {
	height: 120px;
	position: relative
}

.pageVip .content ul li a {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 0 20px;
	position: relative;
	height: 100%;
	z-index: 5
}

.pageVip .content ul li+li {
	border-top: 1px solid rgba(255, 255, 255, .3)
}

.pageVip .content ul li:after {
	content: '';
	position: absolute;
	top: 5px;
	left: 5px;
	width: calc(100% - 12px);
	height: calc(100% - 12px);
	border: 1px solid #fff;
	opacity: 0;
	transition: ease .4s;
	z-index: 1
}

.pageVip .content li .tile {
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	width: 90%
}

.pageVip .content li p {
	width: 100%
}

.pageVip .content li .cn {
	font-size: 16px;
	height: 32px
}

.pageVip .content li .en {
	font-weight: 700;
	height: 16px;
	font-size: 12px;
	color: rgba(255, 255, 255, .7)
}

.pageVip .content li .icon {
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	font-size: 30px;
	font-weight: 700;
	width: 10%;
	text-align: right;
	opacity: 0;
	transition: ease .4s
}

.menuMobileWrapper {
	position: fixed;
	top: 0;
	right: 0;
	width: 0;
	height: 100%;
	overflow: hidden;
	background: #fff;
	z-index: 35;
	transition: width .6s cubic-bezier(.65, .005, .35, .995)
}

.menuMobileWrapper .navMobile {
	line-height: 54px;
	display: block;
	position: absolute;
	right: 0;
	top: 7px;
	width: 100vw
}

.menuMobileWrapper .logo {
	display: block;
	width: 70px;
	margin: 0 auto
}

.menuMobileWrapper ul {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translate(0, -50%);
	width: 100vw;
	z-index: 20
}

.menuMobileWrapper ul li {
	line-height: 62px;
	font-size: 26px;
	border-bottom: 1px solid rgba(74, 74, 74, .2);
	margin: 0 6%;
	position: relative;
	transition: ease .5s
}

.menuMobileWrapper ul li:after,
.menuMobileWrapper ul li:before {
	content: '';
	width: 10px;
	height: 2px;
	background-color: rgba(42, 42, 42, .5);
	right: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%)
}

.menuMobileWrapper ul li:before {
	transform: rotate(90deg)
}

.menuMobileWrapper ul li a {
	display: block
}

.menuMobileWrapper.active {
	width: 100%;
	transition: width .65s cubic-bezier(.4, 0, .1, 1)
}

.footer .Features a:hover img {
	opacity: 1;
	visibility: inherit
}

.menuMobileWrapper ul li.active:after,
.menuMobileWrapper ul li.active:before {
	background-color: #2db8af
}

.menuMobileWrapper ul li.active:before {
	transform: translateY(-50%) rotate(135deg)
}

.menuMobileWrapper ul li.active:after {
	transform: translateY(-50%) rotate(45deg)
}

@media screen and (min-width:1200px) {
	.nav .link:hover:after {
		transform-origin: left;
		transform: scaleX(1)
	}

	.bannerSwiper .btnSwiper:hover {
		color: #2db8af
	}

	.bannerSwiper .button-next:hover i {
		transform: translateX(10px)
	}

	.bannerSwiper .button-prev:hover i {
		transform: translateX(-10px)
	}

	._tabLink a:hover {
		color: #2db8af
	}

	._tabLink a:hover:after {
		opacity: 1;
		transform: translate(-50%, -50%)
	}

	._more:hover:after {
		transform: translate(-50%, -50%) scale(1.2);
		opacity: 0;
		transition: ease-out .4s
	}

	._more:hover {
		background: #2db8af;
		color: #fff
	}

	._more.white:hover {
		background: #fff;
		color: #2db8af
	}

	.plateNews li:hover a {
		background: #72d9bf;
		color: #fff
	}

	.plateNews li:hover .pic:after {
		border-top-color: #72d9bf;
		border-bottom-color: #72d9bf
	}

	.plateNews ul li:nth-child(2):hover .pic:after {
		border-top: 20px solid #72d9bf
	}

	.plateNews li:hover .timer {
		color: rgba(255, 255, 255, .4)
	}

	.plateNews li:hover .timer span {
		color: #fff;
		border-right: 1px solid #fff
	}

	.plateNews li:hover .timer span:after {
		background: #fff
	}

	.plateNews li:hover h4 {
		color: #fff
	}

	.plateNews li:hover .Introduction {
		color: #fff
	}

	.plateNews ul li:hover {
		box-shadow: 0 15px 30px rgba(0, 0, 0, .1)
	}

	.plateNews ul li:hover .pic img {
		transform: scale(1.05)
	}

	.plateNews ul li:hover .pic:before {
		opacity: 1
	}

	.plateFeatures li:hover span {
		background: #72d9bf
	}

	.plateFeatures li:hover .top {
		transform: translateY(0);
		opacity: 1
	}

	.plateFeatures li:hover .bottom {
		transform: translateY(100%);
		opacity: 0
	}

	.footer .webNav li a:hover {
		color: #fff;
		text-decoration: underline
	}

	.deviceSwiper .tabBtn .btn:hover i {
		background: #2db8af;
		color: #fff
	}

	.deviceSwiper .tabBtn .btn:hover span {
		color: #2db8af
	}

	.PageProduct .collection .btnOff:hover {
		opacity: .4
	}

	.pageMember .content .L ul li:hover {
		background: #2db8af;
		color: #fff;
		border-bottom: 1px solid rgba(255, 255, 255, .8)
	}

	.pageMember .content .L ul li:hover:after {
		content: '';
		opacity: 1
	}

	.pageMember .content .btnSubmit:hover {
		color: #fff;
		background: #2db8af
	}

	.pageMember .R.notes .li:hover {
		background: rgba(45, 184, 175, .1)
	}

	.pageMember .R.notes tbody.th:hover {
		background: 0 0;
		color: #3e3e3e
	}

	.pageMember .R.notes table span:hover {
		color: #2db8af
	}

	.PageLogIn .LogInHolder input:hover {
		border-bottom: 1px solid #2cafa6
	}

	.notesList .contentList li:hover {
		background: rgba(45, 184, 175, .8);
		color: #ffff
	}

	.notesList .contentList li:hover .title i {
		color: #fff
	}

	.notesList .contentList li:nth-child(1):hover {
		background: #fff;
		color: #3e3e3e
	}

	.modalBox .btnCancel:hover,
	.modalBox .btnDel:hover {
		box-shadow: 0 2px 8px rgba(0, 0, 0, .24)
	}

	.pageVip .content ul li:hover:after {
		opacity: 1
	}

	.pageVip .content ul li:hover .icon {
		opacity: 1;
		transform: translateX(20px)
	}

	.PageProduct .productList .btnContactCustomerService:hover {
		background: #2db8af;
		color: #fff
	}

	.PageProduct .productList .li:hover .bg {
		opacity: 1;
		visibility: inherit
	}

	.footer .Features a:hover {
		background: #fff
	}

	.footer .Features a:hover i {
		color: #72d9bf
	}

	.pageContactus .infor .phone:hover {
		color: rgba(45, 184, 175, .57)
	}

	.pageContactus .infor .R:hover i {
		opacity: .6
	}
}

@media screen and (max-width:1500px) {
	.plateFeatures li a span {
		width: 70px;
		height: 70px;
		line-height: 70px;
		font-size: 30px
	}

	.plateFeatures li .title {
		width: calc(100% - 90px)
	}

	.plateFeatures li .title h3 {
		font-size: 20px
	}

	.footer .webNav {
		padding: 30px 60px
	}

	.footer .webNav li a+a {
		margin-top: 10px
	}

	.pageBrand .descBox {
		width: 80%
	}

	.pageInherited .R ul {
		padding: 12%
	}

	.PageProduct .collection .descBox .pic {
		max-width: 150px
	}

	.form_submit {
		width: 140px;
		line-height: 42px;
		height: 42px
	}

	.deviceSwiper .li {
		width: 100%
	}

	.deviceSwiper .tabBtn {
		width: 100%
	}

	.pageVip .top .title {
		margin-left: 4%;
		width: 69%
	}

	.pageVip .top .minLogo {
		width: 62px;
		height: 62px
	}

	.pageVip .top .minLogo img {
		width: 90%
	}

	.pageVip .top p.cn {
		font-size: 22px
	}

	.pageVip .top p {
		font-size: 12px
	}

	.pageVip .content ul li {
		height: 150px
	}

	._more {
		width: 140px;
		line-height: 32px
	}

	._font30 {
		font-size: 26px
	}

	._pageTitle p {
		line-height: 2
	}

	.PageProduct .productList .btnContactCustomerService {
		width: 34%;
		font-size: 14px;
		line-height: 36px
	}

	.deviceSwiper .li .title {
		line-height: 50px;
		font-size: 16px
	}

	.pageMember .content .L {
		width: 18%
	}

	._MessageList .LPlate {
		width: 18%
	}

	.pageMember .content .R {
		width: 80%
	}

	._MessageList .CPlate {
		width: 77%
	}
}

@media screen and (max-width:1400px) {
	.plateproduct .secListing li img {
		width: 100%
	}

	.pageContactus .infor .phone {
		font-size: 30px
	}

	.pageContactus .infor .R i {
		width: 40px;
		height: 40px;
		line-height: 40px;
		font-size: 20px
	}

	.pageContactus .infor li+li {
		margin-top: 20px
	}

	.pageContactus .L .weChat {
		margin-top: 30px
	}

	.pageContactus .L .weChat img {
		margin-top: 15px
	}

	.pageContactus .L .content {
		width: 90%;
		left: 5%
	}
}

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

	.banner,
	.bannerSwiper .pic {
		height: 70vh
	}

	._pageTitle:after {
		height: 50px
	}

	._pageTitle {
		padding-top: 50px
	}

	._pT50 {
		padding-top: 30px
	}

	.plateBrand .minPlate .description {
		width: 90%;
		margin: 0 auto
	}

	.plateProduct {
		height: 70vh
	}

	.productLogo {
		width: 40%
	}

	.plateProduct .summary {
		width: 40%;
		left: 30px
	}

	.plateProduct ._more {
		bottom: 30px
	}

	.plateService .L .text {
		left: 30px;
		width: 80%
	}

	.plateService .R .title {
		font-size: 16px
	}

	.plateScenes {
		height: 60vh
	}

	.footer .webNav .infor .phone {
		font-size: 24px
	}

	.footer .webNav .infor p:nth-child(2) {
		margin: 5px auto
	}

	.footer .top {
		padding: 20px 30px
	}

	.footer .webNav {
		padding: 30px 30px
	}

	.footer .copyright {
		padding: 0 30px
	}

	.plateNews ul li .text {
		padding: 10% 8%
	}

	.plateNews li .timer span:after {
		opacity: 0
	}

	.plateNews li h4 {
		margin: 5px 0 10px;
		font-size: 16px
	}

	.plateFeatures li a span {
		width: 60px;
		height: 60px;
		line-height: 60px;
		font-size: 24px;
		margin-right: 10px
	}

	.plateFeatures li a {
		justify-content: stretch
	}

	.plateFeatures li .title h3 {
		font-size: 18px
	}

	.plateFeatures li .title p {
		font-size: 12px
	}

	.plateFeatures ul {
		justify-content: space-evenly
	}

	.pageBrand .L,
	.pageBrand .R {
		width: 100%;
		height: auto
	}

	.pageBrand .descBox {
		position: relative;
		left: 0;
		top: 0;
		transform: translate(0, 0);
		margin: 0 auto;
		width: 94%;
		padding: 30px 0
	}

	._inBanner {
		height: 40vh
	}

	._tabLink {
		margin: 20px auto 30px
	}

	.plateService .R ul {
		padding: 30px
	}

	._service.service1 .text {
		width: 96%;
		position: relative;
		top: 0;
		left: 0;
		transform: translate(0, 0);
		margin: 0 auto
	}

	.form_submit {
		width: 120px;
		line-height: 36px;
		height: 36px;
		font-size: 14px
	}

	.pageVip .top p.cn {
		font-size: 16px
	}

	.pageVip .top .btn {
		padding: 15px 20px
	}

	.pageVip .top .minLogo {
		width: 40px;
		height: 40px
	}

	.pageVip .top .minLogo img {
		width: 80%
	}

	.pageVip .R {
		width: 31%
	}

	.pageVip .top .dropOut {
		bottom: 15px;
		font-size: 12px
	}

	.pageVip .content ul li {
		height: 100px
	}

	.pageVip .content li .cn {
		font-size: 20px
	}

	.pageVip .content {
		width: 100%
	}
}

@media screen and (max-width:768px) {
    .singePage b{
        font-size: 20px;
    }
    .n_form{
        width: 100%;
    }
	._pc {
		display: none
	}
	.n_pics ul{
	    position: relative;
        left: 0px;
        top: 0px;
        background: #2cb8af;
        width: 100%;
        -webkit-transform: translateY(0%);
        padding: 25px;
	}
	.n_pics ._pageMinTitle{
	    display: none;
	}
	.n_pics ul li a{
	    font-size: 28px;
	}
	.n_pics ul li{
	    border-top: none;
	    padding: 0px;
	    margin: 0px;
	}
    .n_row{
        width: 100%;
    }
	._mobile {
		display: block
	}

	.nav {
		background: #2db8af;
		box-shadow: 2px 2px 2px rgba(0, 0, 0, .08)
	}

	.nav .logo {
		width: 70px
	}

	.nav a {
		padding: 5px 0;
		line-height: 54px
	}

	.Hamburger {
		position: fixed;
		top: 18px;
		z-index: 36;
		width: 30px;
		right: 15px;
		height: 20px
	}

	.Hamburger:after,
	.Hamburger:before {
		content: '';
		width: 100%;
		height: 2px;
		background: #fff;
		position: absolute;
		transition: ease .4s;
		box-shadow: 1px 1px 1px rgba(0, 0, 0, .8)
	}

	.Hamburger:after {
		bottom: 3px
	}

	.Hamburger:before {
		top: 3px
	}

	.Hamburger.active:after,
	.Hamburger.active:before {
		background: #2db8af;
		box-shadow: 1px 1px 1px rgba(0, 0, 0, 0)
	}

	.Hamburger.active:after {
		bottom: 9px;
		transform: rotate(-45deg)
	}

	.Hamburger.active:before {
		top: 8px;
		transform: rotate(45deg)
	}

	.nav .link,.nav .img {
		display: none
	}

	.plateBrand .minPlate .img {
		width: 100%
	}

	.plateBrand .minPlate .img+.img {
		margin-top: 25px
	}

	.plateBrand .minPlate {
		flex-wrap: wrap
	}

	.plateBrand .minPlate .description {
		margin: 15px auto 0
	}

	.plateBrand .minPlate .text {
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%)
	}

	.plateBrand .minPlate .img img {
		opacity: .6
	}

	.plateProduct .summary {
		position: relative;
		width: 96%;
		left: 0;
		bottom: 0;
		margin: 0 auto;
		color: #3e3e3e
	}

	.productLogo {
		position: relative;
		transform: translate(0, 0);
		left: 0;
		top: 0;
		width: 90%;
		margin: 0 auto;
		height: auto
	}

	.plateProduct {
		height: auto
	}

	.plateProduct .productBg {
		height: 100%;
		position: absolute;
		bottom: 0;
		background: #000
	}

	.plateService .L {
		width: 100%
	}

	.plateService .L .text {
		position: relative;
		left: 0;
		width: 90%;
		margin: 0 auto;
		top: 0;
		transform: translate(0, 0)
	}

	.plateService .L .text:after {
		content: '';
		display: block;
		clear: both
	}

	.plateService .L .summary {
		margin: 20px auto
	}

	.plateService .R {
		width: 100%
	}

	.plateService .R ul {
		width: 90%;
		padding: 0;
		margin: 0 auto
	}

	.plateScenes {
		height: 35vh
	}

	._inBanner {
		height: 300px
	}

	.pageInherited .L,
	.pageInherited .R {
		width: 100%
	}

	.pageInherited .R ul {
		padding: 0;
		width: 90%;
		margin: 30px auto 0
	}

	.pageInherited .R .year {
		transform: translateX(0)
	}

	.pageInherited .L .descBox {
		position: relative;
		width: 90%;
		top: 0;
		left: 0;
		transform: translate(0, 0);
		margin: 0 auto
	}

	.pageInherited .L {
		background: no-repeat;
		color: #3e3e3e
	}

	.pageInherited {
		padding: 30px 0
	}

	.plateFeatures ul {
		flex-wrap: wrap;
		width: 90%;
		margin: 0 auto
	}

	.plateFeatures li {
		width: 50%
	}

	.plateFeatures li:nth-child(1),
	.plateFeatures li:nth-child(2) {
		margin-bottom: 15px
	}

	._pageTitle {
		padding-top: 0
	}

	._pageTitle:after {
		opacity: 0;
		overflow: hidden
	}

	.pageService ._pageTitle {
		display: none
	}

	.plateproduct .secListing {
		left: 50%;
		transform: translate(-50%, -50%);
		width: 90%
	}

	.plateproduct .secListing li {
		margin-bottom: 15px
	}

	.PageProduct .collection .L,
	.PageProduct .collection .R {
		width: 100%
	}

	.PageProduct .collection .descBox {
		position: relative;
		top: 0;
		left: 0;
		transform: translate(0, 0);
		width: 96%;
		margin: 0 auto
	}

	._pLR30 {
		padding-left: 10px;
		padding-right: 10px
	}

	._mLR30 {
		margin-left: 10px;
		margin-right: 10px
	}

	.PageProduct {
		padding-top: 10px;
		over-flow: auto;
		-webkit-overflow-scrolling: touch
	}

	.PageProduct .ul .li {
		width: 48%
	}

	.PageProduct .collection .btnOff {
		right: auto;
		top: 18px;
		left: 15px
	}

	.pageService .plateService {
		padding: 30px 0;
		background: #fff
	}

	._service.service1 .L,
	._service.service1 .R {
		width: 100%;
		height: auto
	}

	._service.service1 .R {
		height: 300px
	}

	._service.service1 li {
		flex-wrap: wrap
	}

	._service.service1 li .pic {
		position: relative
	}

	._service.service1 .text h2 {
		margin-bottom: 10px
	}

	.bannerSwiper ._w1500 {
		bottom: 5%
	}

	.banner {
		margin-top: 54px
	}

	.plateNews ol li,
	.plateNews ul li {
		width: 32%
	}

	.plateNews ul li:nth-child(2) a {
		flex-direction: column
	}

	.plateNews ul li .pic {
		display: none
	}

	.plateNews ul {
		justify-content: space-between;
		display: none
	}

	.plateNews ol {
		margin: 15px auto;
		width: 94%
	}

	.home.plateNews ol {
		display: block
	}

	.plateNews ul li .text {
		padding: 15px
	}

	.newsHide {
		display: block
	}

	.pageContactus .L {
		width: 100%;
		padding: 30px 10px
	}

	.pageContactus {
		height: auto;
		position: relative;
		margin-top: 54px
	}

	.pageContactus .L .content {
		position: relative;
		top: 0;
		transform: translateY(0);
		width: 100%;
		left: 0
	}

	.pageContactus .R {
		height: 300px;
		position: relative;
		right: 0;
		width: 100%
	}

	.pageContactus .L .infor {
		margin-top: 15px
	}

	.pageContactus .L .weChat {
		width: 160px;
		margin: 15px auto
	}

	.PageLogIn .LogInHolder {
		width: 90%
	}

	.PageLogIn .LogInHolder .L,
	.PageLogIn .LogInHolder .R {
		width: 100%;
		padding: 25px
	}

	.pageContactus .infor ul {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap
	}

	.pageContactus .infor li {
		width: 100%
	}
}

@media screen and (max-width:767px) {
	._form.form1 .double.threeRows .input.last-child {
		width: 100%;
	}

	.wx_list ul li {
		width: 100%;
		margin-bottom: 15px;
		padding: 15px;
	}

	._inBanner {
		height: auto;
		margin-top: 54px
	}

	._inBanner img {
		width: 120%;
		max-width: inherit;
		position: relative;
		left: 50%;
		transform: translateX(-50%)
	}

	.bannerSwiper .btnSwiper {
		font-size: 18px
	}

	.bannerSwiper .tabNumber .c,
	.bannerSwiper .tabNumber .n {
		font-size: 18px
	}

	.plateBrand .minPlate {
		margin-top: 30px
	}

	._more {
		width: 100px;
		line-height: 26px;
		font-size: 12px
	}

	.plateBrand .minPlate .text {
		position: relative;
		top: 0;
		left: 0;
		transform: translate(0, 0);
		bottom: 0;
		padding-top: 15px
	}

	.plateBrand .minPlate .img {
		background: 0 0;
		color: #3e3e3e
	}

	.plateBrand .minPlate .img img {
		opacity: 1
	}

	.pageBrand .content {
		margin-top: 10px
	}

	.plateFeatures {
		display: none
	}

	.footer .webNav {
		padding: 10px 3%;
		flex-wrap: wrap
	}

	.footer .webNav .web {
		width: 100%;
		display: none
	}

	.footer .webNav .infor {
		width: 100%;
		text-align: center
	}

	.footer .copyright {
		padding: 5px 3%;
		text-align: center;
		line-height: 2;
		font-size: 12px
	}

	.footer .copyright a {
		display: inline-block;
		width: 100%
	}

	.footer .copyright p {
		width: 100%;
		line-height: 1.4
	}

	.footer .copyright span {
		display: block
	}

	.pageInherited .R li+li {
		margin-top: 10px
	}

	.pageInherited .R ul {
		width: 100%;
		margin: 20px auto 0
	}

	.pageInherited .L .descBox {
		width: 100%
	}

	._mLR30 {
		margin-left: 0;
		margin-right: 0
	}

	.footer {
		margin-bottom: 0;
		text-align: center
	}

	.footer .top .footerLogo {
		display: none
	}

	.footer .top {
		padding: 10px 3%
	}

	.footer .Features {
		width: 100%;
		justify-content: center
	}

	.footer .Features a {
		margin: 0 10px
	}

	.plateproduct .secListing li {
		width: 32%;
		margin: 5px 0
	}

	.plateproduct .secListing {
		justify-content: space-between;
		position: relative;
		top: 0;
		left: 0;
		transform: translate(0, 0);
		margin: 0 auto
	}

	.plateproduct .secListing:after {
		content: '';
		display: block;
		width: 32%
	}

	.pageInherited {
		width: 94%;
		margin: 0 auto
	}

	.pageInherited.Mirror {
		height: auto;
		padding-top: 0
	}

	._tabLink {
		margin: 20px auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: center
	}

	._tabLink a {
		margin: 5px 0;
		width: 24%;
		display: block;
		font-size: 14px
	}

	._tabLink a.active:after,
	._tabLink a:after {
		overflow: hidden;
		opacity: 0
	}

	.plateService .L .text {
		width: 94%;
		padding-bottom: 30px
	}

	.plateService .R ul {
		width: 94%
	}

	.plateService .R li {
		width: 49%;
		margin-bottom: 10px
	}

	.plateService .R .title {
		font-size: 14px;
		line-height: 1.8
	}

	.plateService .L:after {
		opacity: 0;
		visibility: hidden
	}

	._service.service1 .L {
		margin-bottom: 15px
	}

	._service.service1 .R {
		width: 93%;
		margin: 0 auto
	}

	._service.service1 li {
		height: auto;
		background: #f5f5f5
	}

	._service.service1 li+li {
		margin-top: 15px
	}

	.service ._w1300 {
		margin-top: 15px
	}

	._form.form1 .double.threeRows .input {
		width: 100%
	}

	._form.form1 ._form_box .fb_textarea {
		padding: 10px
	}

	.deviceSwiper .li .title {
		line-height: 1.6;
		font-size: 14px;
		width: 100%;
		left: 0;
		position: relative;
		bottom: 0;
		color: #3e3e3e;
		padding: 0 1%
	}

	.deviceSwiper {
		margin-top: 15px
	}

	.deviceSwiper .tabBtn span {
		display: none
	}

	.deviceSwiper .tabBtn {
		transform: translateY(-50%);
		justify-content: space-between;
		position: absolute;
		top: 50%;
		margin: 0;
		z-index: 5;
		width: 93%;
		left: 4%
	}

	.deviceSwiper .tabBtn i {
		margin: 0 !important;
		width: 36px;
		height: 36px;
		line-height: 36px;
		font-size: 16px
	}

	.menuMobileWrapper ul li {
		font-size: 16px;
		line-height: 48px;
		opacity: 0
	}

	.menuMobileWrapper ul li.active {
		color: #2db8af
	}

	.menuMobileWrapper ul li:nth-child(1) {
		transform: translateY(50px)
	}

	.menuMobileWrapper ul li:nth-child(2) {
		transform: translateY(100px)
	}

	.menuMobileWrapper ul li:nth-child(3) {
		transform: translateY(150px)
	}

	.menuMobileWrapper ul li:nth-child(4) {
		transform: translateY(200px)
	}

	.menuMobileWrapper ul li:nth-child(5) {
		transform: translateY(250px)
	}

	.menuMobileWrapper ul li:nth-child(6) {
		transform: translateY(300px)
	}

	.menuMobileWrapper ul li:nth-child(7) {
		transform: translateY(350px)
	}

	.menuMobileWrapper.active ul li:nth-child(1) {
		transition: ease .7s .2s
	}

	.menuMobileWrapper.active ul li:nth-child(2) {
		transition: ease .7s .25s
	}

	.menuMobileWrapper.active ul li:nth-child(3) {
		transition: ease .7s .3s
	}

	.menuMobileWrapper.active ul li:nth-child(4) {
		transition: ease .7s .35s
	}

	.menuMobileWrapper.active ul li:nth-child(5) {
		transition: ease .7s .4s
	}

	.menuMobileWrapper.active ul li:nth-child(6) {
		transition: ease .7s .45s
	}

	.menuMobileWrapper.active ul li:nth-child(7) {
		transition: ease .7s .5s
	}

	.menuMobileWrapper.active ul li {
		transform: translateY(0);
		opacity: 1
	}

	._desc {
		margin: 20px auto 0;
		font-size: 14px
	}

	._pageMinTitle p {
		line-height: 2;
		font-size: 12px;
		font-weight: lighter;
		color: #26bfcc
	}

	.pageInherited.Mirror .description {
		position: relative;
		top: 0;
		left: 0;
		transform: translate(0, 0);
		width: 100%
	}

	.pageBrand .descBox {
		padding: 30px 0
	}

	._font24 {
		font-size: 20px
	}

	.plateService .L .summary {
		font-size: 14px;
		text-align: center
	}

	.pageService .plateService {
		padding: 30px 0
	}

	._pageMinTitle {
		text-align: center
	}

	.pageService ._service {
		background: #f5f5f5
	}

	._service.service1 .text h2 {
		font-size: 18px;
		font-weight: initial
	}

	._service.service1 .summary {
		font-size: 14px
	}

	._service.service1 .summary span {
		font-size: 14px !important
	}

	.service {
		background: #fff;
		margin-bottom: 0;
		padding-bottom: 30px
	}

	.device {
		padding: 30px 0;
		margin: 0;
		background: #f5f5f5
	}

	.deviceSwiper .li .pic {
		margin-bottom: 15px
	}

	.deviceSwiper .li:after {
		opacity: 0;
		visibility: hidden
	}

	.pageNews {
		margin: 0 auto 30px
	}

	.pageNews ._pageTitle {
		display: none
	}

	.plateNews ol li,
	.plateNews ul li {
		width: 100%
	}

	.plateNews ol li:nth-child(1),
	.plateNews ol li:nth-child(2),
	.plateNews ol li:nth-child(3) {
		margin-top: 15px
	}

	.plateNews ol li:nth-child(1) {
		margin-top: 0
	}

	._PageTurningNumber * {
		display: inline-block
	}

	._PageTurningNumber a {
		padding: 8px;
		font-size: 12px
	}

	._tabLink a:after {
		right: 95%
	}

	.pageVip ._pageTitle {
		display: none
	}

	.pageVip {
		padding-top: 0;
		background: #f5f5f5
	}

	.pageVip .content {
		flex-direction: column-reverse
	}

	.pageVip .R {
		width: 100%;
		margin-bottom: 15px
	}

	.pageVip .L {
		width: 100%
	}

	.pageVip .content ul li {
		height: auto;
		padding: 15px 0
	}

	.pageVip .content li .cn {
		font-size: 16px;
		height: auto
	}

	.pageContactus .L {
		width: 100%
	}

	.pageContactus .R {
		position: relative !important;
		width: 100%;
		height: 200px;
		margin-bottom: 30px
	}

	.pageContactus .L .weChat {
		margin: 15px auto 0;
		width: 165px;
		font-size: 12px
	}

	.pageContactus .infor .phone {
		font-size: 22px
	}

	.PageProduct .ul {
		width: 100%;
		margin: 0 auto 30px
	}

	.PageProduct .ul .li .title {
		line-height: 1.6;
		font-size: 14px;
		max-height: 44px;
		overflow: hidden;
		margin-bottom: 10px
	}

	.PageProduct .productList .btnContactCustomerService {
		width: 100%;
		margin: 10px auto 0;
		line-height: 32px
	}

	.PageProduct .collection .L {
		padding-bottom: 25px
	}

	.plateproduct {
		height: auto;
		padding: 60px 0;
		margin-top: 54px
	}

	._form.form1 ._form_box .fb_input {
		background: #fff
	}

	._pageMinTitle h3 {
		font-weight: lighter
	}

	.notesList .contentList li {
		padding: 0 10px
	}

	.notesList .contentList li:nth-child(1) {
		font-size: 14px
	}

	.notesList .contentList li .name {
		padding: 0;
		text-align: center
	}

	.notesList .contentList li .title i {
		font-size: 20px
	}

	.pageMessageList .pageMember .content {
		padding: 15px
	}

	.pageMember .content .L {
		width: 100%
	}

	.pageMember .content .R {
		width: 100%;
		margin-top: 25px
	}

	.pageMember .content .R .input>input {
		padding: 0 5px;
		line-height: 36px
	}

	.pageMember .content .R .input+.input {
		margin-top: 10px
	}

	.pageMember .content .input textarea {
		padding: 10px 5px;
		height: 160px
	}

	.pageMember .content .btnSubmit {
		width: 120px;
		line-height: 32px;
		margin-top: 10px
	}

	.pageMessageList .contentList {
		margin: 20px auto;
		padding: 10px
	}

	._MessageList ul {
		margin-top: 0
	}

	._MessageList li {
		padding-bottom: 10px
	}

	._MessageList li+li {
		margin-top: 10px
	}

	._MessageList .LPlate {
		width: 100%
	}

	._MessageList .CPlate {
		width: 100%;
		margin-top: 10px
	}

	._MessageList .LPlate .timer {
		padding-left: 0;
		margin-top: 5px
	}

	._MessageList .reply {
		margin-top: 10px
	}

	._MessageList .name {
		margin-left: 5px
	}

	.PageProduct .collection .btnOff {
		right: auto;
		top: 10px;
		left: 10px
	}

	.plateProduct {
		margin: 0;
		padding: 30px 0 90px
	}

	.plateProduct ._pageMinTitle,
	.plateProduct ._pageMinTitle p {
		color: #fff
	}

	.plateProduct .summary .description {
		color: #fff
	}

	.plateProduct .productBg li.active {
		opacity: .6
	}

	.plateService {
		padding: 30px 0;
		background: #fff
	}

	.plateService .L ._pageTitle {
		text-align: center;
		display: block
	}

	.plateService .L .text ._more {
		float: none
	}

	.plateScenes .title {
		width: 90%;
		font-size: 14px;
		left: 5%
	}

	.plateScenes .pic:after {
		height: 30%
	}

	.pageMember {
		padding: 30px 0;
		margin-top: 0
	}

	.pageMember .content {
		flex-wrap: wrap
	}

	.pageMember .content .infor {
		padding: 25px 0
	}

	.pageMember .content .L ul {
		margin-top: 20px
	}

	.pageMember .content .L h3 {
		font-size: 20px
	}

	.pageMember .content .L li a {
		height: 40px;
		line-height: 40px;
		font-size: 14px
	}

	.PageLogIn .LogInHolder .form {
		width: 100%
	}
}