﻿/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */

html {
	line-height: 1.15; /* 1 */
	-ms-text-size-adjust: 100%; /* 2 */
	-webkit-text-size-adjust: 100%; /* 2 */
}
html, body, p, h1, h2, h3, h4, h5, h6, ul, ol, input, textarea, button {
	margin: 0;
	padding: 0;
	font-family: PingFang SC, Microsoft YaHei, Arial, Helvetica Neue Light, Source Han Sans CN, sans-serif;
}
input, button, select, textarea {
	outline: none;
}
html, body {
	height: 100%;
}
a {
	text-decoration: none;
	/*阻止按钮内部字体选择*/
	-webkit-user-select: none;
	/*移动端点击背景透明*/
	-webkit-tap-highlight-color: rgba(255,0,0,0);
	
}
ul li {
	list-style-type: none;
}
body {
	overflow: scroll;
	overflow-x: hidden;
}
/*公共部分*/
/*logo字体  &#xea09;*/
@font-face {
	font-family: lifesmart-logo;
	/* src: url('../fonts/lifesmart.ttf'), url('../fonts/lifesmart.woff'), url('../fonts/lifesmart.eot');*/   /*  IE9+  */
	src: url('../fonts/iconfont.eot');
  	src: url('../fonts/iconfont.eot') format('embedded-opentype'),
      url('../fonts/iconfont.woff2') format('woff2'),
      url('../fonts/iconfont.woff') format('woff'),
      url('../fonts/iconfont.ttf') format('truetype'),
      url('../fonts/iconfont.svg#iconfont') format('svg');
}
/*logo7字体  &#xea07;*/
@font-face {
	font-family: logo7;
	src: url('../fonts/lifesmart.ttf'), url('../fonts/lifesmart.woff'), url('../fonts/lifesmart.eot'); /* IE9+ */
}
/*三横 &#xf008;*/
@font-face {
	font-family: nav-icon1;
	src: url('../fonts/icon.ttf'), url('../fonts/icon.woff'), url('../fonts/icon.eot'); /* IE9+ */
}
/*关闭&#xe800;*/
@font-face {
	font-family: close-icon;
	src: url('../fonts/icon.ttf'), url('../fonts/icon.woff'), url('../fonts/icon.eot'); /* IE9+ */
}
/*call-icon 电话 &#xe801*/
@font-face {
	font-family: call-icon;
	src: url('../fonts/icon.ttf'), url('../fonts/icon.woff'), url('../fonts/icon.eot'); /* IE9+ */
}
/*email-icon 邮件 &#xe802*/
@font-face {
	font-family: email-icon;
	src: url('../fonts/icon.ttf'), url('../fonts/icon.woff'), url('../fonts/icon.eot'); /* IE9+ */
}
/*up-icon 向上&#xe803*/
@font-face {
	font-family: up-icon;
	src: url('../fonts/icon.ttf'), url('../fonts/icon.woff'), url('../fonts/icon.eot'); /* IE9+ */
}
/*down-icon 向下 &#xe804*/
@font-face {
	font-family: down-icon;
	src: url('../fonts/icon.ttf'), url('../fonts/icon.woff'), url('../fonts/icon.eot'); /* IE9+ */
}
/*left-icon 向左 &#xe805*/
@font-face {
	font-family: left-icon;
	src: url('../fonts/icon.ttf'), url('../fonts/icon.woff'), url('../fonts/icon.eot'); /* IE9+ */
}
/*right-icon 向右 &#xe806*/
@font-face {
	font-family: right-icon;
	src: url('../fonts/icon.ttf'), url('../fonts/icon.woff'), url('../fonts/icon.eot'); /* IE9+ */
}
/*download-icon 向下 &#xe807*/
@font-face {
	font-family: download-icon;
	src: url('../fonts/icon.ttf'), url('../fonts/icon.woff'), url('../fonts/icon.eot'); /* IE9+ */
}
/*down2-icon 向下 &#xe808*/
@font-face {
	font-family: down2-icon;
	src: url('../fonts/icon.ttf'), url('../fonts/icon.woff'), url('../fonts/icon.eot'); /* IE9+ */
}
/*down2-icon 飞机 &#xe809*/
@font-face {
	font-family: icon-plain;
	src: url('../fonts/icon-plain.ttf'), url('../fonts/icon-plain.woff'), url('../fonts/icon-plain.eot'); /* IE9+ */
}
body {
	background: #eee;
}



/*头部导航开始*/
.nav-icon {
	width: 30px;
	text-align: center;
	font-size: 0.27rem;
}
.nav-icon2 {
	text-align: center;
}
.nav {
	color: #982325;
	overflow: hidden;
}
.content-warning {
	color: #FF9090;
	margin-top: 12px;
}

@media screen and (min-width: 769px) {
.header-wrap {
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.header {
	width: 100%;
	height: 100%;
	position: absolute;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}


.navindex a {
	color: #000;
}



.nav a {
	color: #982325;
}


.nav-logo {
	float: left;
	margin: 15px 0 0 30px;
}
.nav-logo a {
	font-family: lifesmart-logo;
	font-size: 20px;
	line-height: 30px;
}


.nav-list {
	float: right;
	margin-top: 25px;
}
.nav-list a {
	float: right;
	
	display: block;
	margin-right: 32px;
	padding: 0px 4px 2px;
	font-size: 16px;
	line-height: 28px;
	font-weight: 300;
}
.nav-list a:first-child {
	margin-right: 26px;
}


.mobile_nav {
	display: none;
}
.mobile-img {
	display: none;
}
/*footer*/
footer {
	width: 100%;
	background: #747A7D;
}
.footer-mobile {
	display: none;
}
.footer {
	width: 1292px;
	margin: 0 auto;
	color: #fff;
	font-size: 14px;
}
.contact-information {
	padding-top: 70px;
	border-bottom: 1px solid #fff;
	line-height: 70px;
}
.call {
	margin-right: 50px;
}
.call-icon {
	font-family: call-icon;
	font-size: 12px;
}
.email-icon {
	font-family: email-icon;
	font-size: 12px;
}
.company-link {
	margin-top: 23px;
	padding-bottom: 57px;
	overflow: hidden;
	border-bottom: 1px solid #fff;
}
.company-link ul, .social-net, .store, .about-us {
	width: 110px;
	margin-left: 126.4px;
}
.company-link ul:first-child {
	margin-left: 0;
}
.company-link ul {
	float: left;
	line-height: 45px;
	font-weight: 600;
}
.company-link ul li {
	font-weight: 300;
}
.company-link ul li a, .social-net a, .store a {
	display: inline;
	color: #e7e7e7;
}
.company-link a {
	color: #fff;
	line-height: 45px;
}
.social-net, .store {
	float: left;
	line-height: 36px;
}
.social-net a, .store a, .company-link ul li .estate-link, .about-us .about-title {
	font-weight: 600;
	color: #fff;
}
.about-us ul:nth-child(4), .about-us ul:last-child {
	margin-left: 0;
}
.social-net a, .store a {
	display: block;
}
.msg-send {
	float: right;/*background: #707679;*/
}
.msg-send textarea {
	width: 383px;
	height: 163px;
	padding: 13px 17px;
	display: block;
	background: #707679;
	border: none;
	box-shadow: 0px 0px 4px 0px #565B5D inset;
	resize: none;
}
.content-warning {
	width: 383px;
}
.msg-send input, .msg-send button {
	width: 181px;
	height: 50px;
	margin-top: 12px;
	border: none;
}
.msg-send input {
	margin-right: 16px;
	padding-left: 17px;
	background: #707679;
	box-shadow: 0px 0px 4px 0px #565B5D inset;
}
.msg-send button {
	width: 198px;
	background: #F4BA00;
	color: #fff;
	font-weight: 600;
	font-size: 14px;
	box-shadow: 0px 1px 2px 0px #000;
	cursor: pointer;
}
  /*占位符颜色*/
  .msg-send textarea::-webkit-input-placeholder, .msg-send input::-webkit-input-placeholder {
 color: #898F92;
 font-weight: 600;
}
 .msg-send textarea:-moz-placeholder, .msg-send input:-moz-placeholder {
 color: #898F92;
 font-weight: 600;
}
 .msg-send textarea::-moz-placeholder, .msg-send input::-moz-placeholder {
 color: #898F92;
 font-weight: 600;
}
 .msg-send textarea:-ms-input-placeholde, .msg-send input:-ms-input-placeholde {
 color: #898F92;
 font-weight: 600;
}
/*输入框字体颜色大小*/
.msg-send input[placeholder], [placeholder], *[placeholder], .msg-send textarea[placeholder], [placeholder], *[placeholder] {
	color: #fff !important;
	font-size: 14px !important;
}
.copyright {
	margin-top: 15px;
	font-weight: 300;
	overflow: hidden;
	padding-bottom: 35px;
}
.copyright div {
	float: left;
}
.copyright a {
	float: right;
	color: #fff;
}
}

@media screen and (max-width: 1520px) {
.footer {
 width: calc((1292 / 1520) *100%);
	margin: 0 auto;
	color: #fff;
	font-size: 14px;
}
.msg-send input, .msg-send button {
	display: block;
	margin-right: 0;
}
.msg-send textarea {
	width: 164px;
}
.content-warning {
	width: 164px;
}
}

@media screen and (max-width: 1300px) {
.social-net img {
	width: 70px;
}
.company-link ul, .social-net, .store, .about-us {
	width: 70px;
	margin-left: calc((100% - 280px - 198px) / 4);
}
.msg-send {
	float: left;
	margin-left: calc((100% - 280px - 199px) / 4);
}
}

@media screen and (max-width: 970px) {
.copyright div:first-child {
	font-size: 12px;
}
}

@media screen and (max-width: 850px) {
.copyright div:last-child {
	font-size: 12px;
}
}

/*769px以下尺寸*/
@media screen and (max-width: 768px) {
body {
	background: #fff;
}
.nav-logo {
	position: relative;
}
.nav-logo a {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	font-family: lifesmart-logo;
	font-size: 0.4rem;
	line-height: 1.78rem;
	color: #000;
}
.mobile-nav-list a {
  color: #9B9B9B;
}
.nav-list {
	display: none;
}
.mobile_nav {
	display: block;
}
.mobile-img img {
	width: 100%;
	height: auto;
	line-height: 1.78rem;
}
.nav {
	color: #982325;
	overflow: hidden;
}
.nav-icon {
	height: 1.78rem;
	font-family: nav-icon1;
	font-weight: lighter;
	line-height: 1.78rem;
	margin-right: 0.45rem;
	float: right;
	font-weight: 100;
	font-size: 0.4rem;
	-webkit-tap-highlight-color: rgba(255,0,0,0);
}
.nav-icon2 {
	display: none;
	font-family: close-icon;
}
.mobile-nav-list {
	width: 100%;
	position: absolute;
	display: none;
	top: 1.77rem;
	z-index: 2;
	background: #fff;
}
.mobile-nav-list a {
	display: block;
	line-height: 1.78rem;
	font-size: 0.4rem;
	font-weight: 300;
	text-align: center;
	border-top: 1px solid #eee;
}
/*footer*/
.footer {
	display: none;
}
.footer-mobile {
	font-size: 0.35rem;
	background: #747A7D;
}
.mobile-qr-code {
	padding: 0.6rem 0;
}
.mobile-qr-code p {
	font-size: 0.32rem;
	color: #CACACA;
	font-weight: 600;
	line-height: 1rem;
	text-align: center;
}
.mobile-qr-code img {
	width: 2.9rem;
	display: block;
	margin: 0 auto;
}
.mobile-icon {
	padding: 0.26rem 0;
	text-align: center;
	background: #555758;
	border-bottom: 1px solid #747A7D;
}
.mobile-icon p {
	font-size: 0.32rem;
	font-weight: 600;
	line-height: 0.44rem;
}
.mobile-icon p:last-child {
	color: #fff;
}
.mobile-icon p:first-child {
	color: #8A8B8C;
}
.call-icon {
	font-family: call-icon;
}
.email-icon {
	font-family: email-icon;
}
.product-up-icon, .about-up-icon {
	font-family: up-icon;
}
.product-down-icon, .about-down-icon {
	font-family: down-icon;
}
.mobile-footer-link {
	color: #fff;
	padding: 0.45rem;
	line-height: 1rem;
}
.mobile-footer-link a {
	color: #fff;
	display: block;
	border-bottom: 1px solid #B2B2B2;
}
.about-us-sort, .product-sort {
	border-bottom: 1px solid #B2B2B2;
	-webkit-tap-highlight-color: rgba(255,0,0,0);
}
.product-up-icon, .product-down-icon, .about-up-icon, .about-down-icon {
	display: block;
	float: right;
	cursor: pointer;
}
.mobile-product-link a, .mobile-about-us a, .product-up-icon, .about-up-icon {
	display: none;
	font-size: 0.32rem;
	margin-left: 0.32rem;
	cursor: pointer;
}
.mobile-msg-send {
	width: calc( 100% - 0.9rem);
	margin: 0.45rem;
}
.mobile-msg-send textarea {
 width: calc(100% - 0.37rem * 2);
	height: 2.23rem;
	padding: 0.37rem;
	resize: none;
	background: #64686A;
	border: none;
	box-shadow: 0px 0px 4px 0px #565B5D inset;
	border-radius: 0;
}
.content-warning {
 width: calc(100% - 0.37rem * 2);
}
.mobile-msg-send input {
	width: calc((100% - 0.9rem - 0.74rem) / 2 - 0.185rem);
	height: 1rem;
	margin-top: 0.33rem;
	padding: 0 0.37rem;
	background: #64686A;
	border: none;
	box-shadow: 0px 0px 4px 0px #565B5D inset;
	border-radius: 0;
}
.mobile-msg-send button {
	width: calc((100% - 0.9rem - 0.74rem) / 2 + 0.555rem);
	height: 1rem;
	margin: 0.33rem 0 0 0.37rem;
	text-align: center;
	background: #555758;
	color: #fff;
	border: none;
	font-size: 0.35rem;
	font-weight: 600;
	cursor: pointer;
}
  /*占位符颜色*/
  .mobile-msg-send textarea::-webkit-input-placeholder, .mobile-msg-send input::-webkit-input-placeholder {
 color: #898F92;
 font-weight: 600;
}
 .mobile-msg-send textarea:-moz-placeholder, .mobile-msg-send input:-moz-placeholder {
 color: #898F92;
 font-weight: 600;
}
 .mobile-msg-send textarea::-moz-placeholder, .mobile-msg-send input::-moz-placeholder {
 color: #898F92;
 font-weight: 600;
}
 .mobile-msg-send textarea:-ms-input-placeholde, .mobile-msg-send input:-ms-input-placeholde {
 color: #898F92;
 font-weight: 600;
}
.mobile-msg-send input[placeholder], [placeholder], *[placeholder], .msg-send textarea[placeholder], [placeholder], *[placeholder] {
	color: #fff !important;
	font-size: 0.35rem !important;
}
.mobile-copyright a {
	margin: 1.12rem 0 0 0.45rem;
	font-size: 0.35rem;
	color: #fff;
}
.mobile-copyright p {
	margin: 0.66rem 0 0 0.45rem;
	padding-bottom: 1.51rem;
	font-size: 0.32rem;
	color: #fff;
}


}

