@charset "UTF-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	outline: none;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
*{touch-action: pan-y;}
html {
	overflow-y: scroll;
}
body {
	width: 100%;
	font-family:"微软雅黑";
	background: #fbfaf8;
	font-size: 62.5%;
	line-height: 1;
	word-wrap: break-word; break-word: break-all;
}
br {
	display: block;
	line-height: 1.6em;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
input, textarea {
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	outline: none;
}
.clear {
	clear:both;	
}
.l {
	float:left;	
}
.r {
	float:right;	
}
a {
	color:#666;
	text-decoration:none;	
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
strong, b {
	font-weight: bold;
}
em, i {
	font-style: italic;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
img {
	border: 0;
	max-width: 100%;
}
/** page structure **/
#content {
	max-width: 640px;
	background: #fff;
	margin: 0 auto;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
#header {
	display: block;
	width: 100%;
	height:30px;
	background: #000;
}
#navbar {
	position:relative;
	max-width:640px;
	margin: 0 auto;
}
.select {
	position:absolute;
	top:4px;
	left:10px;
	background:#fff;
	width:107px;
	height:22px;
	border:1px #b4b4b4 solid;
	background:url(../images/select.png) no-repeat center center;
}
.select span {
	display:block;
	width:105px;
	height:22px;
	padding-right:14px;
	line-height:22px;
	text-align:center;
	font-size:1.4em;
	color:#999;
}
.select ul {
	display:none;
	width:92px;
	text-align:center;
	background:#fff;
	font-size:1.4em;
	line-height:2em;
}
.select ul li {
	border-bottom:1px #ccc solid;	
}
.select ul li a {
	color:#999;	
}
.menubtn {
	display:block;
	position:absolute;
	z-index:101;
	top:6px;
	right:10px;
	width:23px;
	height:18px;
	text-decoration: none;
	font-size: 0em;
	line-height: 0em;
	background-image: url(../images/hamburger.png);
	background-position: 50% 50%;
	background-size: 23px 18px;
	background-repeat: no-repeat;
}
/** toggle menu **/
body.openmenu {
	position: fixed;
	overflow: hidden;
}
.overlay {
	position: fixed;
	z-index: 99;
	background-color: rgba(0,0,0,0.5);
	bottom: 0;
	right: 0;
	left: 0;
}
.openmenu .overlay {
	top: 0;
}
#hamburgermenu {
	height: 100%;
	width: 0;
	background: #c71142;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 101;
	overflow: hidden;
	-webkit-box-shadow: 3px 0 7px rgba(0,0,0,0.55);
	-moz-box-shadow: 3px 0 7px rgba(0,0,0,0.55);
	box-shadow: 3px 0 7px rgba(0,0,0,0.55);
}
#hamburgermenu ul {
	margin-top: 45px;
	z-index: 101;
	overflow-y: auto;
	overflow-x: hidden;
}
#hamburgermenu ul li {
	display: block;
}
#hamburgermenu ul li a {
	display: block;
	min-width: 130px;
	height:40px;
	line-height:40px;
	color: #fff;
	font-size: 1.5em;
	text-decoration: none;
	text-align: center;
}
#hamburgermenu ul li a.home {
	padding-left:43px;
	background:url(../images/home.png) no-repeat 65px center;
}
#hamburgermenu li a:hover {
	background: #d21245;
}
#hamburgermenu ul li a.home:hover {
	background:#d21245 url(../images/home.png) no-repeat 65px center;
}
#logo {
	border-bottom:3px #c71142 solid;
	max-width:640px;
	margin:0 auto;
	padding:10px 0;
}
#logo img {
	max-height: 40px;
	margin:0 auto;
}
#banner {
	max-width:640px;
	margin:0 auto;	
}
/* 本例子css */
.slideBox{ width:100%; overflow:hidden; position:relative;}
.slideBox .hd{ height:25px; overflow:hidden; position:absolute; right:0px; bottom:0px; z-index:1;background:url(../images/black0.5.png);width:100%; }
.slideBox .hd ul{ overflow:hidden; zoom:1;text-align:center;}
.slideBox .hd ul li{display:inline-block; margin:4px;  width:14px; height:14px; background:#fff; cursor:pointer;border-radius:7px; }
.slideBox .hd ul li.on{ background:#c71142;}
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%; display:block;  }

#main {
	max-width:640px;
	margin:0 auto;
	min-height:200px;
}
#main .inner {
	margin:0 5px;	
}
#main .h {
	background:url(../images/hborder.png) repeat-x left center;
	text-align:center;
	text-transform:uppercase;
	margin-bottom:20px;
}
#main .h h4 {
	font-weight:normal;
	color:#000000;
	font-size:1.5em;
	background:#fbfaf8;
	display:inline;	
	padding:0 10px;
}
#main .div1 {
margin:10px 0 20px;	
text-align:center;
}
#main .div1 li {
	display:inline-block;	
	width:20%;
	margin:0 2%;
	position:relative;
}
#main .div1 li span {
	position:absolute;
	display:block;
	width:100%;
	color:white;
	top:50%;
	margin-top:-7px;
	left:0;
	text-align:center;	
	font-size:1.2em;
}
#main .div2 .h {
	margin-bottom:10px;	
}
#main .div2 li {
	width:100%;	
	border-bottom:1px #c9c8c6 solid;
	font-size:1.3em;
	background:url(../images/limorebg.png) no-repeat right center;
	line-height:2em;
}
#main .div2 li a {
	padding-left:20px;
	display:block;
	width:90%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	background:url(../images/indexlibg-02.png) no-repeat 6px center;	
}
#main .div2 li a.first {
	background:url(../images/indexlibg.png) no-repeat 6px center;	
}
#main .div2 a.more {
	text-transform:uppercase;
	color:#333;
	background:url(../images/morebg.png) repeat-x;
	display:block;
	line-height:35px;
	box-shadow:0 0 2px rgb(220,219,217);
	text-align:center;
}
#main .div3 {
	margin:20px 0 10px;
	text-transform:uppercase;
	text-align:center;
}
#main .div3 li {
	display:inline-block;
	width:24%;
	margin-right:1px;
	background:#d21245;
}
#main .div3 li a {
	color:white;
	display:block;
	padding:15px 5px;	
	font-size:1.2em;	
}
#main .div3 li a span {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;	
}
#main .div3 .img {
	display:block;
	margin-bottom:5px;
	text-align:center;	
}
#main .div3 .img img {
	width:20%;
	min-width:30px;
	max-width:40px;	
}
#main .div4 .left{
	width:50%;
	position:relative;
}
#main .div4 .left div {
	position:absolute;
	top:50%;
	margin-top:-35px;
	left:0;
	text-align:center;
	width:100%;
	height:100%;	
	color:white;
	text-transform:uppercase;
	font-size:1.2em;
}
#main .div4 .left div img {
	width:20%;	
	min-width:30px;
	max-width:40px;	
	margin:10px 0 5px;
}
#main .div4 .left .img {
	width:100%;	
	height:100%;
}
#main .div4 .right {
	width:45%;
	font-size:1.2em;
	color:#666;
	line-height:1.5em;	
}
#main .div4 .right a {
	display:block;
	text-align:right;
	color:#d21245;
	margin-right:10px;
	text-transform:uppercase;	
}
#footer {
	max-width:640px;
	margin:0 auto;
	line-height:1.5em;	
}
#footer .inner {
	padding:10px 15px;
	background:#d21245;
	color:#fff;
	font-size:1.2em;
/*	margin:0 10px;
*/	border:1px #c71142 solid;
	margin-top:15px;
	border-bottom:0;
/*	border-radius:10px;
*/	border-bottom-left-radius:0;
	border-bottom-right-radius:0;
}
#footer .left {
	width:78%;
}
#footer .right {
	display:block;
	padding-right:25px;
	color:white;
	font-family:Arial, Helvetica, sans-serif;
	text-align:right;
	background:url(../images/top.svg) no-repeat right center;
	min-height:22px;
	line-height:22px;	
}
#head {
	position:relative;
	height:70px;	
}
#head .en {
	display:block;
	position:absolute;
	top:10px;
	right:10px;	
	height:26px;
	line-height:26px;
	width:140px;
	text-align:center;
	border-radius:5px;
	color:white;
	background:#d21245;
}
#main .fenlei {
	padding:30px 0 30px;
	min-height:180px;
}
#main ul.lanmu,#main .fenlei ul{
	text-align:center;
	margin-bottom:20px;
}
#main ul.lanmu li,#main .fenlei ul li {
	width:30%;
	margin:20px 1% 0;
	display:inline-block;
}
#main ul.lanmu li,#main .fenlei ul li {
	*display:inline;	
}
#main ul.lanmu li span,#main .fenlei ul li span {
	display:block;
	margin-top:5px;	
}


@media only screen and (max-width:480px) {
	#main .div3 li a p {
		padding:0 30px;	
	}
}
@media only screen and (max-width:440px) {
	#main .div3 li a p {
		padding:0 10px;	
	}
}

.services-item a {
	display: block;
	text-align: center;
	margin-bottom:5px;
}
.owl-item {
	list-style: none;
}

#main.main2{
	margin-top: 40px;
	min-height: auto;
}
.menubtn {
	height:58px;
}
.prev-quote {
	z-index:100;
}