﻿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;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body{
	font-size: 1em;
	font-family: "Microsoft YaHei",Georgia,sans-serif;
}
ul {
	list-style: none;
}
a {
	text-decoration: none;
	outline: none;
}
img {
	max-width: 100%;
}
h1 {
	width: 100%;
}
*,
*:before,
*:after { 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
body {
	width: 100%;
	background-color: #f2f2f2;
}
/*   reset   */

/**  slider  **/

.slider h3{	background:#fff;color:#3498db;position:relative;text-align:center;}

/*  footer  */
#footer{height:2em;line-height:2em;width:95%;}
#footer p {margin-top: 1em;text-align: center;font-size: 0.875em;height: 1.786em;line-height: 1.786em;color: #666;}


/*  快捷菜单  */
nav.arc {
    position:fixed;
    bottom: 45px;
    left: 5px;
    /*background:#F00;*/
    z-index: 999;
    width:40px;height:40px;
}

a {
    -webkit-tap-highlight-color:hsla(0,0%,0%,0.0);
}
.arc > a {
    position: absolute;
    width: 40px;
    height: 40px;
    /*background: #F00;*/
    bottom: 36px;
    left: -1px;
    z-index: 2;
    border-radius:20px;
    font-size: 38px;
    text-align:center;
    line-height:40px;
    color:#FFF;
    text-decoration:none;
}
.arc ul {
    padding:0;
    margin:0;
    list-style-type:none;
}
.arc li {
    position:absolute;
    left:0px;
    top:-35px;
}
.arc li a {
    border: 2px solid #ccc;
    width: 35px;
    height: 35px;
    position: absolute;
    top:0;
    left:0;
    border-radius: 100%;
    overflow:hidden;
    text-decoration:none;
}
.arc li a:hover{border: 3px solid #aaa; }
.ani0-open { -webkit-transition: -webkit-transform 300ms; -webkit-transform: translate(0px, -130px);
    -ms-transition: -ms-transform 300ms; -ms-transform: translate(0px, -130px);
}
.ani1-open { 
    -ms-transition: -ms-transform 300ms; -ms-transform: translate(65px, -113px);
    -webkit-transition: -webkit-transform 300ms; -webkit-transform: translate(65px, -113px);
}
.ani2-open { 
    -webkit-transition: -webkit-transform 300ms; -webkit-transform: translate(113px, -65px);
-ms-transition: -ms-transform 300ms; -ms-transform: translate(113px, -65px);}
.ani3-open { 
    -webkit-transition: -webkit-transform 300ms; -webkit-transform: translate(130px, 0px);
    -ms-transition: -ms-transform 300ms; -ms-transform: translate(130px, 0px);
}
.ani0-open > a, .ani1-open > a, .ani2-open > a, .ani3-open > a{
    -webkit-transition: -webkit-transform 300ms ease-in-out 0s;
    -ms-transition: -ms-transform 300ms ease-in-out 0s; 
    -webkit-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
}
.ani0-close {-webkit-transition: -webkit-transform 300ms;-ms-transition: -ms-transform 300ms;}
.ani1-close { -webkit-transition: -webkit-transform 300ms;-ms-transition: -ms-transform 300ms;}
.ani2-close { -webkit-transition:-webkit-transform 300ms;-ms-transition:-ms-transform 300ms;}
.ani3-close { -webkit-transition: -webkit-transform 300ms;-ms-transition: -ms-transform 300ms;}
.ani0-close > a, .ani1-close > a, .ani2-close > a, .ani3-close > a{
    -webkit-transition: -webkit-transform 300ms ease-in-out 0s;
    -ms-transition: -ms-transform 300ms ease-in-out 0s;
    -ms-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
}

/*animation*/
.qnav-index { background: #fff url(../images/menu/wei+_ico.png) center center no-repeat; background-position: -2px -2px;}
.qnav-phone { background: #fff url(../images/menu/wei+_ico.png) center center no-repeat;background-position: -1px -41px;}
.qnav-cart { background: #fff url(../images/menu/wei+_ico.png) center center no-repeat;background-position: -1px -81px;}
.qnav-map { background: #fff url(../images/menu/wei+_ico.png) center center no-repeat;background-position: 0px -120px;}
.qnav-product { background:#fff url(../images/menu/wei+_ico.png) center center no-repeat;background-position: -1px -161px;}
.qnav-custom { background:#fff  url(../images/menu/wei+_ico.png) center center no-repeat;background-position: 0px -200px;}
.qnav-share { background:#fff url(../images/menu/wei+_ico.png) center center no-repeat;background-position: 0px -240px;}

/*  /快捷菜单  */