/**
* @file The mobile side style initializes
* @author wangfei
* @time 2017-8
*/

html {
	color: #000;
	font-family: "Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Hiragino Sans GB W3","Microsoft YaHei UI","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;
}

html,body {
	width: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	/*-webkit-touch-callout: none;*/
	/*-webkit-user-select: none;*/
}

html,body,header,section,footer,div,ul,ol,li,img,a,span,em,del,legend,strong,var,fieldset,form,label,dl,dt,dd,cite,input,button,hr,time,mark,code,figcaption,figure,textarea,h1,h2,h3,h4,h5,h6,p {
	padding: 0;
	outline: 0;
	margin: 0;
	border: 0;
}

main,article,aside,header,nav,section,figcaption,figure,footer {
	display: block;
}

* {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	tap-highlight-color: rgba(0,0,0,0);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	user-select: text;
	outline: none;
}

*:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	clear: both;
}

a {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	tap-highlight-color: rgba(0,0,0,0);
	background-color: transparent;
	text-decoration: none;
}

/*取消某些插件（swiper/Bootstrap)导致a标签出现虚线框/下划线*/
a:focus, a:hover, a:active {
	outline: none;
	text-decoration: none;
	star: expression(this.onFocus=this.blur());
}

input[type="button"][type="summit"]:focus {
	outline: none;
	text-decoration: none;
	star: expression(this.onFocus=this.blur());
}

/*input[type=range] {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}*/

ul, li {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

audio,video {
	display: inline-block;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

img {
	vertical-align: middle;
	border-style: none;
}

[hidden] {
	display: none;
}

/*rem单位换算原理：设计稿[750(苹果6为原型)]切图尺寸px rem=(设计稿尺寸px）/100)*/
@media screen and (min-width: 320px) {
	html {
		font-size: 42.67px;
	}
}

@media screen and (min-width: 360px) {
	html {
		font-size: 48px;
	}
}

@media screen and (min-width: 375px) {
	html {
		font-size: 50px;
	}
}

@media screen and (min-width: 400px) {
	html {
		font-size: 53.33px;
	}
}

@media screen and (min-width: 412px) {
	html {
		font-size: 55.2px;
	}
}

/*命名空间
	.l-: 布局(layouts)
	.o-: 对象(objects)
	.c-: 组件(components)
	.js: js的钩子(JavaScript hooks)
	.is-|.has-: 状态类(state classes)
	.t1|.s1: 排版大小(typography sizes)
	.u-: 实用类(utility classes)
*/

/*不能被选中*/
/*.has-noSelect {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}*/

/*不能被选中*/
/*.has-select {
	-webkit-touch-callout: auto;
	-webkit-user-select: auto;
	-moz-user-select: auto;
	-ms-user-select: auto;
	user-select: auto;
}*/

.u-tl {
	text-align: left;
}

.u-tc {
	text-align: center;
}

.u-tr {
	text-align: right;
}

.u-clear {
	clear: both;
}

.u-fl {
	float: left;
}

.u-fr {
	float: right;
}

.u-fn {
	float: none;
}

.u-none {
	display: none;
}

.u-block {
	display: block;
}

.u-inline {
	display: inline;
}

.u-inblock {
	display: inline-block;
}

.u-intable {
	display: inline-table;
}

.u-hidden {
	visibility: hidden;
}

.u-visible {
	visibility: visible;
}

.u-relative {
	position: relative;
}

.u-absolute {
	position: absolute;
}

.u-fixed {
	position: fixed;
}

/*固定定位于顶部*/
.u-fixed-top {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 1030;
}

/*固定定位于底部*/
.u-fixed-bottom {
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1030;
}

/*固定定位居中*/
.u-fixed-center {
	position: fixed;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	z-index: 1030;
}

/*绝对定位水平居中*/
.u-absolute-X-center {
	position: absolute;
	left: 50%;
	top: 0;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 1020;
}
	
/*绝对定位垂直居中*/
.u-absolute-Y-center {
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 1020;
}

/*绝对定位水平垂直居中*/
.u-absolute-center {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	z-index: 1020;
}

/*吸附在顶部*/
/*目前存在兼容性问题*/
/*@supports 检测是否支持某position: -webkit-sticky特性  使用or | and | not等操作符指定多条规则。*/
@supports ((position: -webkit-sticky) or (position: sticky)) {
	.u-sticky-top {
		position: -webkit-sticky;
		position: -moz-sticky;  
		position: -ms-sticky;
		position: sticky;
		left: 0;
		top: 0;
		z-index: 1030;
	}
}

/*文本超出省略号*/
.u-ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/*2行文本后超出省略号*/
.u-ellipsis-2 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

/*三行文本后超出省略号*/
.u-ellipsis-3 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

/*垂直居中*/
.u-items-center {
	display: -webkit-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -moz-box;
	display: flex;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;/* IE 10 */
	box-align: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	align-items: center;
}

/*水平居中*/
.u-justify-center {
	display: -webkit-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -moz-box;
	display: flex;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	box-pack: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	justify-content: center;
}

/*水平垂直居中*/
.u-flex-center {
	display: -webkit-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -moz-box;
	display: flex;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;/* IE 10 */
	box-pack: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;/* IE 10 */
	box-align: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	align-items: center;
}

/*水平两端对齐（弹性盒子元素会平均地分布在行里）*/
.u-justify-between {
	display: -webkit-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -moz-box;
	display: flex;
	-webkit-box-pack: justify;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;/* IE 10 */
	box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	justify-content: space-between;
}

/*水平两端对齐（弹性盒子元素会平均地分布在行里，两端保留子元素与子元素之间间距大小的一半）*/
.u-justify-around {
	display: -webkit-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -moz-box;
	display: flex;
	-webkit-box-pack: justify;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;/* IE 10 */
	box-pack: justify;
	-webkit-justify-content: space-around;
	-moz-justify-content: space-around;
	justify-content: space-around;
}

/*弹性盒子元素将向行起始位置对齐（从左到右排布）*/
.u-justify-start {
	display: -webkit-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -moz-box;
	display: flex;
	-webkit-box-pack: justify;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;/* IE 10 */
	box-pack: justify;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	justify-content: flex-start;
}

/*弹性盒子元素将向行结束位置对齐(从右向左排布)*/
.u-justify-end {
	display: -webkit-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -moz-box;
	display: flex;
	-webkit-box-pack: justify;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;/* IE 10 */
	box-pack: justify;
	-webkit-justify-content: flex-end;
	-moz-justify-content: flex-end;
	justify-content: flex-end;
}

/*默认情况下，项目都排在一条线（又称"轴线"）上 --（默认不换行）：nowrap*/
/*如果一条轴线排不下-- 换行，第一行在上方。*/
.u-flex-wrap {
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;/* IE 10 */
	flex-wrap: wrap;
}

/*换行，第一行在下方。*/
.u-wrap-reverse {
	-webkit-flex-wrap: wrap-reverse;
	-moz-flex-wrap: wrap-reverse;
	-ms-flex-wrap: wrap-reverse;/* IE 10 */
	flex-wrap: wrap-reverse;
}

/*决定主轴的方向（即项目的排列方向）----默认水平方向（row）*/
/*主轴为水平方向，起点在右端（由右向左）*/
.u-row-reverse {
	-webkit-flex-direction: row-reverse;
	-moz-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse; 
}

/*主轴为垂直方向，起点在上沿（由上到下）*/
.u-row-column {
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

/*主轴为垂直方向，起点在下沿(由下到上)*/
.u-column-reverse {
	-webkit-flex-direction: column-reverse;
	-moz-flex-direction: column-reverse;
	-ms-flex-direction: column-reverse;
	flex-direction: column-reverse;
}

html,body{
	width: 100%;
	height: auto;
}
.l-warp{
	width: 100%;
	height: auto;
	overflow: hidden;
	max-width: 500px;
	margin: 0 auto;
	padding-bottom: 0.86rem;
}
.section{
	width: 100%;
	height: auto;
	overflow: hidden;
	position: relative;
	font-size: 0;
}
.l-cont{
	width: 100%;
	height: auto;
	padding: 0 0.3rem;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}
.bg{
	width: 100%;
	height: auto;
}
.section1{
	background: #F7F7F7;
	overflow: initial;
	padding-bottom: 7.2rem;
}
.section1-top{
	width: 100%;
	height: auto;
	padding: 0.5rem 0 0 0; 
	overflow: hidden;
}
.logo{
	width: 2.03rem;
	height: 0.56rem;
	margin-top: 2px;
}
.tel-box{
	padding: 0 0.2rem;
	border-left: 1px solid #fff;
	margin-left: 0.2rem;
}
.tel-icon{
	width: 0.46rem;
	height: 0.46rem;
	margin-right: 0.1rem;
	margin-top: 2px;
}
.tel-desc p:nth-child(1){
	font-size: 0.26rem;
	color: #fff;
}
.tel-desc p:nth-child(2){
	font-size: 0.24rem;
	color: #fff;
	margin-top: -2px;
}
.section1-center{
	width: 100%;
	height: auto;
	padding-top: 1rem;
	color: #fff;
	text-align: center;
}
.section1-center p:nth-child(1){
	font-size: 0.36rem;
	margin-bottom: 0.24rem;
}
.section1-center p:nth-child(2){
	font-size: 0.80rem;
	margin-bottom: 0.24rem;
	line-height: 0.88rem;
}
.section1-center p:nth-child(3){
	display: inline-block;
	padding: 0 0.2rem;
	height: 0.44rem;
	line-height: 0.44rem;
	background: #fff;
	color: #f02233;
	font-size: 0.28rem;
	margin-bottom: 0.4rem;
	border-radius: 0.1rem;
}
.link-btn{
	display: inline-block;
	width: 4.9rem;
	height: 0.88rem;
	line-height: 0.88rem;
	background-color: #f02233;
	box-shadow: 0px 7px 9px 0px rgba(255, 149, 0, 0.58);
	border-radius: 0.1rem;
	font-size: 0.3rem;
	color: #fff;
}
.link-btn img{
	width: 0.14rem;
	height: 0.24rem;
	margin-left: 0.2rem;
}

.form-box{
	width: 100%;
	height: auto;
	padding: 0.3rem;
}
.form{
	width: 100%;
	height: auto;
	background: #fff;
	padding: 0.4rem;
	border-radius: 0.1rem;
	-moz-border-radius: 0.1rem;
	-webkit-border-radius: 0.1rem;
	box-shadow: 0px 7px 30px 4px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0px 7px 30px 4px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 7px 30px 4px rgba(0, 0, 0, 0.1);
}
.form-title{
	font-size: 0.4rem;
	color: #000;
	margin-bottom: 0.3rem;
	line-height: normal;
}
.form-title i{
	font-style:normal;
	color: #f02233;
}
.form-name,.form-phone{
	width: 100%;
	height: 0.8rem;
	border: 1px solid #c2c2c2;
	background: #f7f7f7;
	margin-bottom: 0.2rem;
}
.form-name input,.form-phone input{
	width: 100%;
	height: 100%;
	text-indent: 0.3rem;
	background: transparent;
}
.submit-btn{
	width: 100%;
	height: 0.8rem;
	line-height: 0.8rem;
	background: #f02233;
	font-size: 0.24rem;
	color: #fff;
	margin-bottom: 0.2rem;
}
.form-tip{
	width: 100%;
	font-size: 0.24rem;
	text-align: left;
	color: #999;
	line-height: normal;
	margin-bottom: 0.5rem;
}
.tips-title{
	font-size: 0.32rem;
	color: #333;
	margin-bottom: 0.4rem;
}
.tips-lists{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.tips-list{
	width: 25%;
	float: left;
}
.tips-list img{
	width: 0.68rem;
	height: 0.7rem;
	margin-bottom: 0.1rem;
}
.tips-list p:nth-of-type(1){
	font-size: 0.26rem;
	color: #333;
	margin-bottom: 0.1rem;
}
.tips-list p:nth-of-type(2){
	font-size: 0.20rem;
	color: #666;
}
.section2{
	width: 100%;
	height: auto;
	background: #fff;
}
.l-cont2{
	width: 100%;
	padding: 0.6rem 0.3rem;
	height: auto;
	overflow: hidden;
}
.section2 .l-cont2{
	background: #fff;
}
.l-desc{
	padding: 0.6rem 0.3rem;
}
.l-desc img{
	width: 100%;
	height: auto;
}
.l-ii1,.l-ii2{
	font-size: 0.34rem;
	color: #333;
	text-align: center;
}
.l-ii1 strong{
	font-size: 0.52rem;
	color: #F02233;
}
.title{
	font-size: 0.46rem;
	color: #333;
	padding-bottom: 0.08rem;
	text-align: center;
}
.title2{
	font-size: 0.28rem;
	color: #999;
	text-align: center;
}

.section3{
	background: #F7F7F7;
	padding-top: 2.2rem;
}

.section3 .l-cont{
	top: 0.6rem;
}
.section2-desc{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.partition {
	background-color: #f02233;
}
.partition .title{
	padding-top: 0.3rem; 
	padding-bottom: 0.26rem;
	color: #fff;
}
.section4 .l-cont2{
	padding: 0.6 0.3rem;
}

.cluom-lis{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.cluom-li{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.cluom{
	width: 33.3333%;
	height: auto;
	float: left;
	text-align: center;
}
.cluom2{
	width: 50%;
	height: auto;
	float: left;
	text-align: center;
	margin-top: 0.6rem;
}
.cluom-li .cluom2:nth-of-type(1){
	padding-left: 10%;
}
.cluom-li .cluom2:nth-of-type(2){
	padding-right: 10%;
}
.cluom img{
	width: 0.86rem;
	height: 0.86rem;
	margin-bottom: 0.2rem;
}
.cluom p:nth-of-type(1){
	font-size: 0.28rem;
	line-height: 0.3rem;
	color: #333333;
	margin-bottom: 0.15rem;
}
.cluom p:nth-of-type(2){
	font-size: 0.24rem;
	line-height: 0.36rem;
	color: #999;
}
.section5{
	background: #fff;
}
.video{
	width: 100%;
	height: auto;
}
.play-box{
	width: 100%;
	height: 4.22rem;
	position: relative;
	font-size: 0;
}
.play-img {
	width: 100%;
	height: 100%;
	background: url(../img/video.png) center center no-repeat;
	background-size: cover;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}
.play-icon{
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	z-index: 2;
	text-align: center;
}
.play-icon img{
	width: 1rem;
	height: 1rem;
}
.play-icon p{
	color:#fff;
	font-size: 0.28rem;
	margin-top: 0.1rem;
}
.video-box{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	font-size: 0;
	outline: 0;
}
.video video{
	width: 100%;
	height: 100%;
	display: block;
	background: transparent;
	font-size: 0;
	outline: 0;
	/* object-fit: cover; */
}
.section6{
	background: #f7f7f7;	
}
.section6 .l-cont{
	top: 0.6rem;
}
.section6 .section2-desc{
	margin-top: 0.3rem;
}
.desc-lis{
	margin-top: 0.35rem;
}
.lis-icon1{
	width: 1.4rem;
	height: 1.4rem;
	margin-bottom: 0.16rem;
	margin-right: 0.3rem;
}
.lis-cont{
	width: calc(100% - 1.7rem);
	width: -webkit-calc(100% - 1.7rem);
}
.lis-title{
	font-size: 0.3rem;
	color: #f02233;
	margin-bottom: 0.18rem;
}
.lis-desc{
	text-align: left;
	font-size: 12px;
	line-height: 0.36rem;
	color: #666666;
}
.section7{
	background: #fff;
}
.section7 .l-cont2{
	padding: 0.6rem 0 0 0;
}
.section7 .l-cont2 .l-desc{
	padding: 0.6rem 0 0 0;
}

.section8{
	background: #fff;
}
.l-desc-lists{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.l-desc-list{
	width: 33.3333%;
	height: auto;
	float: left;
	text-align: center;
}
.l-desc-list img{
	width: 1rem;
	height: 1rem;
	margin-bottom: 0.1rem;
}
.l-desc-list p{
	font-size: 0.3rem;
	color: #333;
}
.l-hint{
	font-size: 0.28rem;
	line-height: 0.44rem;
	color: #666666;
	text-align: center;
}
.section9{
	background: #fffaf5;
}
.section9 .l-desc{
	padding: 0.6rem 0.2rem 0 0.2rem;
}

.section10 .l-desc{
	padding: 0.6rem 0 0 0;
}

.section11{
	background-image: linear-gradient(0deg, #ffc62b 0%, #ffd700 100%);
}
.section11 .title{
	color: #452500;
}
.section11 .title2{
	color: #452500;
}

.section11-box{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 0.6rem;
}
.box-lis{
	width: 33.3333%;
	height: auto;
	float: left;
	text-align: center;
}
.box-lis img{
	width: 0.88rem;
	height: 0.88rem;
	margin-bottom: 0.3rem;
}
.box-lis p:nth-of-type(1){
	font-size: 0.28rem;
	color: #452500;
	margin-bottom: 0.16rem;
}
.box-lis p:nth-of-type(2){
	font-size: 0.2rem;
	letter-spacing: 1px;
	line-height: 0.36rem;
	color: #452500;
}
.footer{
	width: 100%;
	height: 0.88rem;
	font-size: 0;
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 9;
}
.tel2{
	width: 40%;
	height: 0.88rem;
	float: left;
	background: #fff;
	text-align: center;
}
.tel2 p:nth-of-type(1){
	font-size: 0.2rem;
	line-height: 0.3rem;
	color: #666666;
	margin-top: 0.14rem;
}
.tel2 p:nth-of-type(2){
	font-size: 0.28rem;
	color: #666666;
}
.foot-btn{
	width: 60%;
	height: 0.88rem;
	line-height: 0.88rem;
	float: left;
	background: #f02233;;
	text-align: center;
	font-size: 0.26rem;
	color: #fff;
}
@media screen and (max-width: 340px) {
	.desc-lis{
		margin-top: 0.2rem;
	}
}
@media screen and (min-width: 420px) {
	.section1 {
		padding-bottom: 7.4rem;
	}
	.section1-center {
		padding: 1.4rem 0.38rem 0 0.38rem;
	}
	.lis-box{
		width: 98.4%;
	}
}

@media screen and (min-width: 450px) {
	.section1 {
		padding-bottom: 7.2rem;
	}
	.section1-center {
		padding: 1.6rem 0.38rem 0 0.38rem;
	}
}

@media screen and (min-width: 480px) {
	.section1 {
		padding-bottom: 7rem;
	}
	.section1-center {
		padding: 1.8rem 0.38rem 0 0.38rem;
	}
	.lis-box{
		width: 98.8%;
	}
}