@charset "utf-8";

html {
	color: #000; /*background:#fff;*/
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

/* 内外边距通常让各个浏览器样式的表现位置不同 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section
	{
	margin: 0;
	padding: 0;
	font-family: Arial, "微软雅黑";
	font-size: 12px;
}

/* 重设 HTML5 标签, IE 需要在 js 中 createElement(TAG) */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section
	{
	display: block;
}

/* HTML5 媒体文件跟 img 保持一致 */
audio,canvas,video {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

/* 要注意表单元素并不继承父级 font 的问题 */
body,button,input,select,textarea {
	font: 12px/1.5 tahoma, arial, \5b8b\4f53;
}

input,select,textarea {
	font-size: 100%;
}

/* 去掉各Table  cell 的边距并让其边重合 */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* IE bug fixed: th 不继承 text-align*/
th {
	text-align: inherit;
}

/* 去除默认边框 */
fieldset,img {
	border: 0;
}

/* ie6 7 8(q) bug 显示为行内表现 */
iframe {
	display: block;
}

/* 去掉 firefox 下此元素的边框 */
abbr,acronym {
	border: 0;
	font-variant: normal;
}

/* 一致的 del 样式 */
del {
	text-decoration: line-through;
}

address,caption,cite,code,dfn,em,th,var {
	font-style: normal;
	font-weight: 700;
}

/* 去掉列表前的标识, li 会继承 */
ol,ul {
	list-style: none;
}

/* 对齐是排版最重要的因素, 别让什么都居中 */
caption,th {
	text-align: center;
}

/* 来自yahoo, 让标题都自定义, 适应多个系统应用
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:700;
} */
q:before,q:after {
	content: '';
}

/* 统一上标和下标 */
sub,sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

/* 让链接在 hover 状态下显示下划线 */
a:hover {
	text-decoration: underline;
}

/* 默认不显示下划线，保持页面简洁 */
ins,a {
	text-decoration: none;
}

/* 清理浮动 */
.fn-clear:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.fn-clear {
	zoom: 1; /* for IE6 IE7 */
}

/* 隐藏, 通常用来与 JS 配合 */
body .fn-hide {
	display: none;
}

.show {
	display: block;
}

.hide {
	display: none;
}

/* 设置内联, 减少浮动带来的bug */
.fn-left,.fn-right {
	display: inline;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.red {
	color: #D5182A;
}

.mb10 {
	margin-bottom: 10px;
}

.mb20 {
	margin-bottom: 20px;
}

.mt10 {
	margin-top: 10px;
}

.ml10 {
	margin-left: 10px;
}

.mr10 {
	margin-right: 10px;
}

.pt10 {
	padding-top: 10px;
}

.pb10 {
	padding-bottom: 10px;
}



/*


body {
	overflow-x: hidden;
}

html,body,div,iframe,blockquote,p,pre,a,address,big,cite,code,del,font,img,ins,small,var,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend
	{
	font-size: 12px;
}

ol,ul {
	list-style: none
}

:focus {
	outline: 0
}

a img {
	border: 0
}

img {
	vertical-align: middle
}

table {
	empty-cells: show
}

ol,ul {
	list-style: none
}

li {
	list-style: none
}

:focus {
	outline: 0
}

button::-moz-focus-inner,input[type=reset]::-moz-focus-inner,input[type=button]::-moz-focus-inner,input[type=submit]::-moz-focus-inner,input[type=file]>input[type=button]::-moz-focus-inner
	{
	border: 0;
	padding: 0
}

a {
	color: black;
	text-decoration: none
}

a:hover {
	color: #E4393C;
	text-decoration: underline
}*/

.w {
	width: 1210px;
	margin: 0 auto
}

.w1 {
	margin-bottom: 10px
}

.lh {
	overflow: hidden;
	zoom: 1
}

.lh li,.lh dl,.lh .item {
	float: left
}

.ld {
	position: relative;
	zoom: 1
}

.ld s,.ld b,.ld .block {
	position: absolute;
	overflow: hidden
}


footer{ width: 100%; border-top: 1px solid #efefef;}
footer .footer-1{ width: 100%; height: 120px; background-color: #e40e13; }
footer .footer-1 .content{ max-width: 1210px; margin: 0 auto; }
footer .footer-1 .content .logo{ box-sizing: content-box; width: 50%; max-width: 180px; height: 80px; display: inline-block; float: left; padding: 20px 0; background-repeat: no-repeat; background-size: contain; background-position: center;}

footer .footer-2{ width: 100%; height: auto; background-color: #efefef; }
footer .footer-2 .content{ max-width: 1210px; margin: 0 auto; }
footer .footer-2 .content nav{ width: 100%; display: inline-block; height: auto; overflow: hidden; }
footer .footer-2 .content nav a{ padding: 0 20px; color: #999; box-sizing: border-box; display: inline-block; float: left;  line-height: 50px;}
footer .footer-2 .content nav a i{ padding-right: 5px; }
footer .copyright{ width: 50%; display: inline-block; line-height: 120px; text-align: right; color: #fff; float: right; padding-right: 10px; box-sizing: border-box; }



.clear {clear: both;}

.h-content{ max-width: 1210px; margin: 0 auto; display: block; padding-top: 20px; padding-left: 20px; padding-right: 20px; }

/*.h-content{ width: 1210px; margin: 0 auto; display: block; padding-top: 20px; }*/
.h-content .b-title{ text-align: center; font-size: 24px; line-height: 80px; position: relative; padding-bottom: 30px; }
.h-content .b-title:before{ content: ''; background-color: #e40e13; width: 20px; height: 3px; position: absolute; top: 60px; left: 50%; margin-left: -10px; }
.h-content .b-title:after{ content: ''; width: 200px; height: 12px; font-size: 12px; position: absolute; top: 40px; left: 50%; margin-left: -100px; color: #999; }
.h-content .content{ border: 0; }
.h-content .content>div{ box-sizing: border-box; }

.h-content.our-service .b-title:after{ content: 'our service';}
.h-content.our-service ul{ list-style: none; margin: 0; padding: 0; display: inline-block; box-sizing: border-box; border: 0 solid #fff; background-color: #efefef; transition: all 0.3s; width: 100%; height: 200px; padding: 10px; }
.h-content.our-service ul li{ list-style: none; margin: 0; padding: 0;}
.h-content.our-service ul li.icon{ height: 50px; line-height: 50px; padding-top: 30px; font-size: 30px; color: #666; display: block; text-align: center; }
.h-content.our-service ul li.title{ height: 30px; line-height: 30px; color: #666; text-align: center; font-size: 20px; }
.h-content.our-service ul li.text{}
.h-content.our-service ul:hover{ border: 5px solid #e40e13; }
.h-content.our-service ul:hover li.icon,.h-content .our-service ul:hover li.title{ color:#e40e13; }

.fixtips .b-title:after{ content: 'fix tips';}
.settingtips .b-title:after{ content: 'setting tips';}

.h-content ul{ list-style: none; margin: 0; padding: 0; display: inline-block; box-sizing: border-box; transition: all 0.3s; width: 100%; height: auto; padding: 0; padding-bottom: 10px; border: 0; }
.h-content ul li{ list-style: none; margin: 0; padding-bottom: 0;}
.h-content ul li.img{ height: 140px; background-color: #efefef; }
.h-content ul li.title{ height: 40px; line-height: 20px; overflow: hidden; color: #666; text-align: left; font-size: 12px; margin-top: 10px; }
.h-content ul li.btn{ height: 30px; line-height: 30px; color: #e40e13; border-bottom: 1px solid #efefef; text-align: right; cursor: pointer; }
.h-content ul li.btn span{ color: #cfcfcf; font-size: 12px; float: left; }
.h-content ul li.btn i{ margin-right: 5px; transition: all 0.3s; }
.h-content ul li.btn:hover i{ margin-right: 0; }
.h-content a{ border: 0; }


.more{ /*width: 100%; max-width: 200px;*/ height: 50px; line-height: 50px; background-color: #e40e13; color: #fff; font-size: 16px; text-align: center;  margin: 10px auto; border-radius: 5px; cursor: pointer; display: inline-block; padding: 0 10px; }
.tofix i,.more i{ margin-right: 10px; transition: all 0.3s; }
.tofix:hover,.more:hover{ color: #fff; text-decoration: none; }
.tofix:hover i,.more:hover i{ margin-right: 2px; font-size: 18px; }

.tofix{ width: 80%; max-width: 600px; font-size: 24px; height: 80px; line-height: 80px; background-color: #e40e13; color: #fff; text-align: center;  margin: 10px auto; border-radius: 5px; cursor: pointer; display: block; }



.wrap_content{ width: 100%; max-width: 1210px; margin: 0 auto; padding-bottom: 10px; }
.search{ position: relative; width: 90%; margin: 0 auto; margin-top: 40px;}
.search label{ position: absolute; left: 15px; top: 50%; margin-top: -10px; width: 20px; height: 20px; font-size: 18px; }
.search #search-input{ padding-left:43px; padding-right:43px; border-radius:23px; width: 100%; height: 46px; font-size: 18px; }
#btn-search{ position: absolute; top: 4px ;right: 5px; }
.orderlist{ min-height: 200px; padding: 0 10px; line-height: 24px; }
.orderlist .list ul{ border-bottom: 1px #ccc dashed; padding: 10px 0; }
.orderlist .list ul:last-child{ border-bottom: none; }
.orders p{ cursor: pointer; text-decoration: underline; line-height: 24px; font-size: 14px; }







.col{ float: left; box-sizing: border-box; padding: 0 5px; }
.col-3{ width: 25%; }
.col-4{ width: 33.3333%; }
.col-5{ width: 41.6666%; }
.col-6{ width: 50%; }

.layui-btn-normal{ background-color:#e40e13 !important; }



@media (max-width: 768px){
	.tofix{ width: 100%; font-size: 16px; height: 60px; line-height: 60px; background-color: #e40e13; color: #fff; text-align: center;  margin: 0 auto; border-radius: 5px; cursor: pointer; display: block; }
	.tofix i{ margin-right: 0; }

	.whatsapp{ width: 100%; max-width: 600px; font-size: 20px; height: 60px; line-height: 60px; background-color: #1ea113; color: #fff; text-align: center;  margin: 0 auto; border-radius: 5px; cursor: pointer; display: block; margin-bottom: 10px; text-decoration: none; }
	.whatsapp i{ width: 40px; height: 40px; background-image: url(../images/whatsapp.png); background-size: cover; background-repeat: no-repeat; background-position: center; display: inline-block; vertical-align:middle; }

	.h-content{ padding-top: 10px; padding-left: 10px; padding-right: 10px; }
	.h-content.our-service ul{ height: auto; }
	.h-content .b-title{ padding-bottom: 20px; }


}