/* @font-face {
	font-family: Roboto;
	src: url('../fonts/Roboto-Light.ttf');
	font-weight: 300 !important
}

@font-face {
	font-family: Thin;
	src: url('../fonts/Roboto-Thin.ttf')
}

@font-face {
	font-family: medium;
	src: url('../fonts/DIN Medium.ttf'), url('../fonts/DIN Medium.eot')
} */

html,
body {
	height: 100%
}

html {
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%;
	-webkit-tap-highlight-color: transparent
}

*,
article,
aside,
audio,
body,
button,
dd,
div,
dl,
dt,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
input,
legend,
li,
menu,
nav,
ol,
p,
pre,
section,
td,
textarea,
th,
ul,
video {
	margin: 0;
	padding: 0;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

*,
:after,
:before {
	box-sizing: border-box
}

ul,
li,
dl,
dt,
dd,
ol {
	list-style: none;
	margin: 0;
	padding: 0
}

img::-moz-selection {
	background: 0 0
}

img::selection {
	background: 0 0
}

img::-moz-selection {
	background: 0 0
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal;
	line-height: 1.4
}

body {
	-webkit-font-smoothing: antialiased;
	overflow-x: hidden
}

input::-webkit-search-cancel-button {
	display: none
}

button,
input,
select,
textarea {
	margin: 0;
	vertical-align: middle;
	border: none;
	background: none
}

input[type=password],
input[type=email],
input[type=number],
input[type=url],
input[type=date],
input[type=search],
input[type=text],
select,
textarea,
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none
}

button,
input[type=button],
input[type=reset],
input[type=submit],
select {
	cursor: pointer
}

input,
textarea,
select,
button {
	outline: none
}

button,
input {
	line-height: normal
}

textarea {
	resize: none
}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill{
	 -webkit-box-shadow: 0 0 0px 1000px #fff inset  
 }

button,
input,
select,
textarea,
body {
	font-size: 14px;
	color: #333;
	/* font-family: Roboto;
	font-weight: 300 !important */
}

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

img {
	border: 0;
    vertical-align: middle;
}

a,
button {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	border: none;
	color: #333;
	text-decoration: none
}

a,
a:hover,
a:focus {
	outline: none;
	outline-offset: 0;
	color: #333;
	text-decoration: none
}

a:hover {
	color: #d61919
}

.cls:after {
	content: '.';
	display: block;
	clear: both;
	height: 0;
	visibility: hidden
}

.cls {
	zoom: 1
}

.fl {
	float: left
}

.fr {
	float: right
}

.tl {
	text-align: left
}

.tc {
	text-align: center
}

.tr {
	text-align: right
}

.b {
	font-weight: bold
}

.iconfont {
	font-size: inherit
}

html {
	font-size: 100px !important
}

@media (max-width:1400px) {
	html {
		font-size: 90px !important
	}
}

@media (max-width:1200px) {
	html {
		font-size: 80px !important
	}
}

@media (max-width:992px) {
	html {
		font-size: 70px !important
	}
}

@media (max-width:768px) {
	html {
		font-size: 60px !important
	}
}

@media (max-width:480px) {
	html {
		font-size: 50px !important
	}
}

.BMap_cpyCtrl,
.anchorBL {
	display: none
}

#map label,
#map img {
	max-width: none;
	max-height: none
}

.new-float {
	height: 196px;
	position: fixed;
	right: -225px;
	top: 50%;
	margin-top: -98px;
	z-index: 999999
}

@media (max-width:768px) {
	.new-float {
		display: none
	}
}

.new-float * {
	box-sizing: content-box
}

.new-float .f_nav {
	position: relative
}

.new-float .f_nav li {
	width: 48px;
	height: 48px;
	display: block;
	text-align: left;
	background: #C60712;
	position: relative;
	margin-bottom: 1px
}

.new-float .f_nav li.active {
	background: #CBCBCB
}

.new-float .f_nav li.tel {
	text-align: left;
	width: 220px;
	padding-left: 53px;
	padding-top: 0px;
	height: 48px;
	transition: all .6s ease 0s;
	-webkit-transition: all .6s ease 0s;
	-moz-transition: all .6s ease 0s;
	-ms-transition: all .6s ease 0s;
	-o-transition: all .6s ease 0s;
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0)
}

.new-float .f_icon {
	position: absolute;
	width: 48px;
	height: 48px;
	left: 0px;
	top: 0px
}

.new-float .f_nav li p {
	margin: 0px;
	width: 100%;
	height: 48px;
	line-height: 48px;
	font-size: 16px;
	color: #fff
}

.new-float .f_nav li.tel:hover {
	transform: translate(-220px, 0);
	-webkit-transform: translate(-220px, 0);
	-moz-transform: translate(-220px, 0);
	-ms-transform: translate(-220px, 0);
	-o-transform: translate(-220px, 0)
}

.new-float .f_nav li.tel.f_qq:hover {
	transform: translate(-110px, 0);
	-webkit-transform: translate(-110px, 0);
	-moz-transform: translate(-110px, 0);
	-ms-transform: translate(-110px, 0);
	-o-transform: translate(-110px, 0)
}

.new-float .f_nav li a {
	position: absolute;
	left: 0px;
	top: 0px;
	display: inline-block;
	width: 48px;
	height: 48px;
	text-decoration: none
}

.new-float .f_nav li:hover {
	background: #252525
}

.new-float .top_icon {
	background: url(../images/l_icon01.png) center center no-repeat
}

.new-float .q_icon {
	background: url(../images/l_icon02.png) center center no-repeat
}

.new-float .tel_icon {
	background: url(../images/l_icon03.png) center center no-repeat
}

.new-float .w_icon {
	background: url(../images/l_icon04.png) center center no-repeat
}

.new-float .f_nav li.tel :hover a {
	cursor: none
}

.new-float .l_code {
	width: 109px;
	height: 102px;
	position: absolute;
	bottom: 0px;
	left: -120px
}

.new-float .l_code {
	opacity: 0;
	filter: alpha(opacity=0);
	transition-duration: .6s;
	transition-property: all;
	transition-timing-function: ease-out;
	transform: translate(-50px, 0)
}

.new-float .l_code.active {
	opacity: 1;
	filter: alpha(opacity=1);
	transform: translate(0, 0)
}


/*分页*/
#pages {
    text-align: center;
}

#pages li {
    margin: 0 2px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    background: #e6e6e6;
    color: #333;
    display: inline-block;
}
#pages li a{
    font-size: 14px;
    display: block;
    padding: 0 12px;
}
#pages li span{
    font-size: 14px;
    display: block;
    padding: 0 12px;
}
#pages li.active {
    text-align: center;
    background: #f90712;
    color: #fff;
    display: inline-block;
}

#pages li:hover {
    background: #f90712;
}

#pages li:hover a {
    color: #fff;
}