html {
	margin: 0;
	padding: 0;
	border: 0;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(0,0,0,0)
}
body, div, span, h1, h2, h3, p, a, ul, li, form {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 14px;
	font: inherit;
	vertical-align: baseline
}
body {
	font-size: 14px;
	color: #333;
	background: #fff;
	font-family: "Microsoft YaHei", "simsun", "Helvetica Neue", Arial, Helvetica, sans-serif
}
img {
	border: 0;
	vertical-align: bottom
}
::-webkit-input-placeholder {
color:#999
}
:-moz-placeholder {
color:#999
}
::-moz-placeholder {
color:#999
}
:-ms-input-placeholder {
color:#ccc
}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
*:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
button::-moz-focus-inner, input::-moz-focus-inner {
padding:0;
border:0
}
input:focus, button:focus {
	outline: 0
}
input::-ms-clear {
display:none
}
a {
	background: transparent
}
a:active, a:hover {
	outline: 0
}
a:focus {
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px
}
b {
	font-weight: bold
}
button, input {
	margin: 0;
	font: inherit
}
button {
	overflow: visible
}
button {
	text-transform: none
}
button {
	-webkit-appearance: button;
	cursor: pointer
}
button::-moz-focus-inner, input::-moz-focus-inner {
padding:0;
border:0
}
input {
	line-height: normal
}

.button:active {
	background-image: none;
	outline: 0;
	transition: all .3s cubic-bezier(0.175, 0.885, 0.32, 1) 0s
}
.button:hover {
	transition: all .3s cubic-bezier(0.175, 0.885, 0.32, 1) 0s
}
.button.bg-main {
	color: #fff
}
.layout {
	width: 100%
}
.container, .container-layout {
	margin: 0 auto;
	padding: 0 10px
}

@font-face {
	font-family: 'FontAwesome';
	src: url('../fonts/fontawesome-webfont.eot');
	src: url('../fonts/fontawesome-webfont.eot') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff') format('woff'), url('../fonts/fontawesome-webfont.ttf') format('truetype'), url('../fonts/fontawesome-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal
}
[class*='icon-']:before {
	display: inline-block;
	font-family: "FontAwesome";
	font-weight: normal;
	font-style: normal;
	vertical-align: baseline;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
.icon-gear:before {
	content: "\f013"
}
.icon-navicon:before {
	content: "\f0c9"
}
.icon-truck:before {
	content: "\f0d1"
}
.icon-thumbs-up:before {
	content: "\f164"
}
.icon-long-arrow-right:before {
	content: "\f178"
}
.icon-cubes:before {
	content: "\f1b3"
}
.drop-menu {
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	z-index: 1;
	float: left;
	min-width: 160px;
	padding: 5px 0;
	margin: 1px 0 0;
	list-style: none;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ccc;
	border: 1px solid rgba(0,0,0,.15);
	border-radius: 4px;
	-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
	box-shadow: 0 6px 12px rgba(0,0,0,.175)
}
.drop-menu a {
	color: #333;
	padding: 5px 20px;
	display: block;
	clear: both;
	white-space: nowrap;
	transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s
}
.drop-menu a:hover, .drop-menu a:focus {
	background: #f5f5f5;
	transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s
}
.input {
	font-size: 14px;
	padding: 6px;
	border: solid 1px #ddd;
	width: 100%;
	height: 34px;
	line-height: 20px;
	display: block;
	border-radius: 0px;
	-webkit-appearance: none;
	box-shadow: 0 1px 1px rgba(0,0,0,0.075) inset;
	transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s
}
.input:focus {
	border-color: #09c;
	transition: all .3s cubic-bezier(0.175, 0.885, 0.32, 1) 0s
}
.input-group {
	border-collapse: separate;
	display: table;
	position: relative
}
.input-group .addbtn, .input-group .input {
	display: table-cell
}
.input-group .addbtn {
	width: 1%;
	white-space: nowrap;
	vertical-align: middle
}
.input-group .addbtn .button {
	font-weight: normal
}
.input-group .input {
	width: 100%
}
.input-group .input:first-child {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0
}
.input-group .addbtn:last-child .button {
	border-left: 0 none
}
.input-group .addbtn:last-child .button {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}
.banner {
	position: relative;
	width: 100%;
	overflow: hidden
}
.carousel {
	position: relative;
	list-style: none;
	padding: 0
}
.carousel .item {
	display: nones;
	float: left;
	position: relative
}
.carousel img {
	display: block;
	max-width: 100%;
	height: auto
}
.icon-navicon {
	display: none
}
@media(max-width:760px) {
.icon-navicon {
	display: block
}
.nav-navicon {
	display: none
}
}
.nav {
	list-style: none;
	padding: 5px 0 0 0;
	margin: 0
}
.nav li {
	position: relative
}
.nav a {
	color: #333;
	line-height: 20px;
	padding: 5px 0;
	transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;
	display: block
}
.nav a:hover {
	transition: all .3s cubic-bezier(0.175, 0.885, 0.32, 1) 0s
}
.nav .active a {
	font-weight: bold
}
@media(min-width:760px) {
.nav {
	padding: 0
}
.nav-inline li {
	display: inline-block;
	vertical-align: top
}
.nav-inline li a {
	padding: 5px 20px;
	line-height: 20px;
	display: block
}
}
.nav-pills a {
	display: block;
	border-radius: 2em;
	margin-bottom: 2px;
	padding: 5px 20px
}
.nav-pills .active a, .nav-pills a:hover {
	background: #f5f5f5
}
@media(min-width:760px) {
.nav-pills.nav-inline a {
	margin: 0
}
}
.navbar {
	position: relative
}
@media(min-width:760px) {
.navbar-big .nav-pills a {
	margin: 5px 0
}
}
.nav ul {
	display: block;
	list-style: none;
	padding: 0
}
.nav ul a {
	font-weight: normal;
	padding: 5px 20px
}
.nav-menu .drop-menu {
	display: none;
	margin-top: -1px
}
.nav-menu ul {
	padding: 5px 0
}
.nav-menu li:hover ul {
	display: block
}
.nav-menu ul a {
	line-height: 20px;
	background: #fff;
	font-size: inherit;
	border: 0;
	border-radius: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 0;
	text-indent: 0
}
.nav-menu ul a {
	color: #333
}
@media(min-width:760px) {
.nav-menu ul {
	position: absolute;
	display: none;
	left: 100%;
	top: -6px;
	z-index: 1;
	float: left;
	min-width: 160px;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ccc;
	border: 1px solid rgba(0,0,0,.15);
	border-radius: 4px;
	-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
	box-shadow: 0 6px 12px rgba(0,0,0,.175)
}
.nav-menu ul a {
	padding-left: 20px
}
.nav-menu li:hover ul {
	display: block
}
.nav-inline.nav-menu ul {
	top: 100%;
	left: 0
}
.nav-inline.nav-menu ul li {
	display: block
}
.nav-inline.nav-menu ul a {
	display: block;
	padding: 5px 20px;
	text-align: left;
	font-size: inherit
}
.nav-inline.nav-menu ul a:hover {
	background: #f5f5f5
}
}
h1 {
	font-size: 24px
}
h2 {
	font-size: 20px
}
h3 {
	font-size: 18px
}
p {
	margin-bottom: 0px;
	line-height: 24px
}
.text-left {
	text-align: left
}
.text-center {
	text-align: center
}
.text-right {
	text-align: right
}
.height-big {
	line-height: 30px
}
ul {
	padding-left: 20px
}
.float-right {
	float: right!important
}
.clearfix:after, .layout:after, .container:after, .container-layout:after, .line:after, .navbar:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	overflow: hidden
}
.clearfix, .layout, .container, .container-layout, .line, .navbar {
	display: block
}
.padding-big {
	padding: 20px
}
.padding-big-top {
	padding-top: 20px
}
.padding-big-right {
	padding-right: 20px
}
.padding-big-bottom {
	padding-bottom: 20px
}
.padding-big-left {
	padding-left: 20px
}
.padding {
	padding: 10px
}
.padding-top {
	padding-top: 10px
}
.padding-bottom {
	padding-bottom: 10px
}
.margin-big-top {
	margin-top: 20px
}
.margin-big-bottom {
	margin-bottom: 20px
}
.fadein {
	-webkit-animation: 1s ease-out backwards;
	-moz-animation: 1s ease-out backwards;
	-ms-animation: 1s ease-out backwards;
	animation: 1s ease-out backwards
}
.fadein {
	-webkit-animation-name: a-fadein;
	-moz-animation-name: a-fadein;
	-ms-animation-name: a-fadein;
	animation-name: a-fadein
}
@-webkit-keyframes a-fadein {
0% {
opacity:0
}
100% {
opacity:1
}
}
@-moz-keyframes a-fadein {
0% {
opacity:0
}
100% {
opacity:1
}
}
@-ms-keyframes a-fadein {
0% {
opacity:0
}
100% {
opacity:1
}
}
@keyframes a-fadein {
0% {
opacity:0
}
100% {
opacity:1
}
}
.text-white {
	color: #fff
}
.nav-menu ul a:hover {
	background-color: #f5f5f5
}
.bg-gray {
	background-color: #999
}
.button:hover, .button:focus {
	background-color: #f5f5f5
}
[class*='icon-']:before {
	display: inline-block;
	font-family: "FontAwesome";
	font-weight: normal;
	font-style: normal;
	vertical-align: baseline;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
a {
	color: #333;
	text-decoration: none
}
a:focus, a:hover {
	color: #0a8
}
.nav a:hover {
	color: #0a8
}
.bg-main {
	background-color: #0a8
}
.bg-sub {
	background-color: #0ae
}
.border-main, .button.bg-main {
	border-color: #0a8
}
.button.bg-main:hover, .button.bg-main:focus {
	color: #fff;
	border-color: #0ab;
	background-color: #0ab
}
.pointer.border-main li {
    border-color: #0d70da;
}
.pointer.border-main li.active {

    background-color: #0d70da;

}

.pointer li {

    border: solid 1px #ddd;
    width: 10px;
    height: 10px;
    margin: 1px;
    display: inline-block;
    border-radius: 10px;
    cursor: pointer;

}

.banner .pointer {
	position: absolute;
	bottom: 0;
	padding: 15px
}
.banner .pager-prev, .banner .pager-next {
	position: absolute;
	display: none;
	top: 50%;
	margin-top: -25px
}
.banner .pager-prev {
	left: 20px
}
.banner .pager-next {
	right: 20px
}
.banner:hover .pager-prev, .banner:hover .pager-next {
	display: block
}

@font-face {
	font-family: 'FontAwesome';
	src: url('../fonts/fontawesome-webfont.eot');
	src: url('../fonts/fontawesome-webfont.eot') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff') format('woff'), url('../fonts/fontawesome-webfont.ttf') format('truetype'), url('../fonts/fontawesome-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal
}
[class*='icon-']:before {
	display: inline-block;
	font-family: "FontAwesome";
	font-weight: normal;
	font-style: normal;
	vertical-align: baseline;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-angle-left:before {
	content: "\f104"
}
.icon-angle-right:before {
	content: "\f105"
}

.border-main{color: #fff; border-color: #138df2;}

.pager-prev, .pager .pager-prev, .pager-next, .pager .pager-next {

    font-size: 36px;
    padding: 0;
    color: #ddd;
    border: solid 1px #ddd;
        border-top-color: rgb(221, 221, 221);
        border-right-color: rgb(221, 221, 221);
        border-bottom-color: rgb(221, 221, 221);
        border-left-color: rgb(221, 221, 221);
    background-color: rgba(255,255,255,.2);
    width: 50px;
    height: 50px;
    line-height: 45px;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    cursor: pointer;

}